html {overflow-y: scroll;}
/*a{color:#428bca;text-decoration:none}
a:focus,a:hover{color:#dedede;text-decoration:underline}
a:focus, input[type=image]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}*/

a:focus, input[type=image]:focus {
    outline: thin dotted;
}
body{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important; margin: 0 auto;	padding: 0; }
#mainWrapper #header .logo{float:left; width:auto; margin-left:0;}
#mainWrapper #header .logo img{ float:left; vertical-align: middle;margin-right:10px;}
#mainWrapper #header .logo h1 {float:left; vertical-align: middle; color:#333333; font-size: 16px; margin: 0; margin-bottom: 18px; line-height: 38px }
#mainWrapper #tbl-login-submit {text-align:right; width:365px;}
#mainWrapper .myDetailsWrapper .user_details_head a, #mainWrapper .myDetailsWrapper .password_head a {margin-top:-25px;}
#mainWrapper .myProfileContents hr{display:none;}
#mainWrapper h1, #mainWrapper h2, #mainWrapper h3, #mainWrapper h4, #mainWrapper h5, #mainWrapper h6 {font-size:100%;font-weight:normal}
#mainWrapper h1, #mainWrapper h3 {font-family:"Omnes_ATTRegular",Verdana,Arial,sans-serif !important;}
#mainWrapper h1 {font-size:34px;margin-bottom: 18px;line-height:38px;}
#mainWrapper h2 {font-size:24px;font-family:"Omnes_ATTMedium",Verdana,Arial,sans-serif !important; line-height:26px;}
#mainWrapper h3 {font-size:16px;}
#mainWrapper .clear { height: inherit }

#mainWrapper .mainContentWrapper {width: 100%; background: inherit; z-index:399; position:relative; padding-bottom: 50px;
      /*border-bottom: 1px solid #b9b9b9;
  -webkit-box-shadow: 0 1px 4px #dedede;
    -moz-box-shadow: 0 1px 4px #dedede;
    box-shadow: 0px 1px 4px #dedede;*/
    min-height: 684px;
}
#mainWrapper #mainContent .productHero {
margin-bottom: 20px;
margin-top: 32px;
}
#mainWrapper #mainContent .testimonial {
float: right;
margin: -20px 10px 0 30px;
display: none;
}
#mainWrapper #mainContent .titleAndContent .content {
width: 980px;
position: relative;
}
#mainWrapper #mainContent .tabs ul {
background-image: url(/images/us/en/commons/productFeatureTabTile.png);
background-repeat: repeat-x;
padding-top: .1px;
display: inline-block;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-radius: 10px 10px 0 0;
border: 1px solid #e7e7e7;
}

#mainWrapper #mainContent .tabs ul li {
display: inline-block;
height: 57px;
padding-top: .1px;
zoom: 1;
vertical-align: top;
border-right: 1px solid #EEEEEE;
float: left;
margin-top: -3px;
}
#mainWrapper #mainContent .tabs ul li.last {
border: 0px;
}

#mainWrapper #mainContent .tabs ul li a.selectedFirst {
-moz-border-radius: 10px 0 0 0!important;
-webkit-border-radius: 10px 0 0 0!important;
border-radius: 10px 0 0 0!important;
}

#mainWrapper #mainContent .tabs ul li.last a:hover, #mainWrapper #mainContent  .tabs ul li a.selectedLast {
background-image: url(/images/us/en/commons/productFeatureTabTile.png);
background-repeat: repeat-x;
background-position: bottom center;
-moz-border-radius: 0 10px 0 0;
border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
color: #FFFFFF !important;
}
#mainContent #mainContent .tabs ul li.last a:hover,
#mainContent #mainContent  .tabs ul li a.selectedLast {
background-image: url(/images/us/en/commons/productFeatureTabTile.png);
background-repeat: repeat-x;
background-position: bottom center;
-moz-border-radius: 0 10px 0 0;
border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
color: #FFFFFF !important;
}

/******RESET CODE*******/
/*
 YUI 3.4.0 (build 3928)
 Copyright 2011 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 http://yuilibrary.com/license/
 */
html {color:#000; background:transparent}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}
#mainWrapper table {border-collapse:collapse;border-spacing:0}
#mainWrapper fieldset, #mainWrapper img {border:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
#mainWrapper li {list-style:none}
#mainWrapper caption, #mainWrapper th {text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal}
q:before, q:after {	content:''}
abbr, acronym {	border:0;font-variant:normal}
#mainWrapper sub {vertical-align:text-bottom}
#mainWrapper input, #mainWrapper textarea, #mainWrapper select {font-family:inherit;font-size:inherit;font-weight:inherit}
#mainWrapper input, #mainWrapper textarea, #mainWrapper select {font-size:100%}
#mainWrapper input[type="radio"]{padding-left:5px;}
#mainWrapper legend {color:#000}
#mainWrapper p, #mainWrapper li, #mainWrapper label{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	line-height: 22px;
}
#mainWrapper .track {letter-spacing: -1px;}
#mainWrapper sup {vertical-align: top; position: relative;top: -0.1em;}
#mainWrapper h1 sup {top:0em;}

/*--FORMAT--*/
#mainWrapper .italic {font-style:italic}
#mainWrapper .bold {font-weight:bold;}
#mainWrapper .nowrap {white-space:nowrap}
#mainWrapper .small {font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#mainWrapper .noBorder{border:0 !important;}
#mainWrapper .hide { display:none !important;}
#mainWrapper .textRight{text-align:right;}
#mainWrapper .textLeft{text-align:left;}
#mainWrapper .textCenter{text-align:center;}
#mainWrapper .tightTracking{letter-spacing:-2px;}
#mainWrapper .actionWarning {color: #fa00a1!important; font-size: 11px; text-align: left!important; margin: 20px 20px 0 20px}

/*--LAYOUT--*/
#mainWrapper {margin:0 auto; width: auto; background:inherit; }
#mainWrapper #mainContainer {margin:0 auto; display:block;}
#mainWrapper #mainContentHome {position:relative}
#mainWrapper #mainContent { padding:22px;position:relative;width:935px; margin-bottom: 170px}
#mainWrapper .right {float:right !important;}
#mainWrapper .left {float:left}
#mainWrapper .block {display:block !important;}
#mainWrapper .topbuffer {margin-top:10px;}
#mainWrapper .topbuffer5{margin-top:5px;}
#mainWrapper .rightbuffer{margin-right:10px;}
#mainWrapper .hide {	display:none !important;}
#mainWrapper .top {vertical-align:top}
#mainWrapper .vertical-middle {vertical-align:middle;}
#mainWrapper .clear{clear: both;}
#mainWrapper .center{text-align:center !important}
#mainWrapper .noFloat{float:none !important}
#mainWrapper .inline {display:inline;}
#mainWrapper .topbuffer15{margin-top:15px!important;}
#mainWrapper .infotext {padding-left:22px; background:transparent url("/images/info-icon.png") no-repeat 0 2px;}
#mainWrapper .inlineBlock {display:inline-block!important;}

/*-- COLORS --*/
#mainWrapper .black{color:#000000;}
#mainWrapper .gray{color:#808080;}
#mainWrapper .orange{color:#ff7200;}
#mainWrapper .blue{color:#067ab4;}
#mainWrapper .purple{color:#81017e}
#mainWrapper .pink{color:#fa00a1}
#mainWrapper .charcoal{color:#333333}
#mainWrapper .inactiveLink {color: #cccccc!important; cursor: default!important;}
#mainWrapper .pointer{cursor: pointer;}
#mainWrapper .noMargin{margin:0 !important}
#mainWrapper .noPadding{padding:0 !important}
#mainWrapper a:link, #mainWrapper a:active, #mainWrapper a:visited, #mainWrapper a:hover{color:#067ab4;font-size:11px;text-decoration: none !important;}
#mainWrapper hr{border-top:1px solid #dddddd;margin:0 auto;background-color:#dddddd;height:1px;width:100%}
#mainWrapper .pBuffer{height:10px;}

/*#mainContent ul,*/
#mainWrapper #mainContent p{margin-bottom:10px;}
#mainWrapper #mainContent li{list-style-type: none; list-style-position: inside;}

/*--HEADER--*/
#mainWrapper #header .links {
	background-color: #333333;
	text-align:right;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:19px;
	display:none;
}
#mainWrapper #header .links ul li {
	display:inline;
	margin:14px 20px 0;
	line-height: 20px;
}
#mainWrapper #header .links ul a:link,
#mainWrapper #header .links ul a:active,
#mainWrapper #header .links ul a:visited,
#mainWrapper #header .links ul a:hover {
	color:#FFFFFF;
	text-decoration: none;	
}
#mainWrapper #header .content {
	height:69px;
	background: url(/css/images/tile-sprite.png) 0 0 repeat-x;
	padding:.1px 22px 0 22px;
}

/*---CMI EDIT-- REMOVED BACKGROUND FROM #header .logo---*/
#mainWrapper #header .search {
	float:right;
	margin: 7px 20px 0;
}

/*----NAVIGATION----*/
#mainWrapper #header .menu ul .topLevel {
	display:block;
	height:49px;
	border-left:1px solid #e4e4e4;
	position:relative;
	z-index: 20;
}
#mainWrapper #header .menu ul .topLevel a
{padding:40px 5px 0 10px;}

#mainWrapper #header .menu ul li {
	display:inline-block;
	float:left;
	zoom:1;
	*display:inline;
	vertical-align:top;
	height:67px;
}
#mainWrapper *+html #header .menu ul > li{display:inline;}
#mainWrapper #header .menu ul > li > a {
	padding:20px 5px 0 10px;
	height:47px;
	width:70px;
	font-family:"Omnes_ATTMedium",arial,sans-serif;
	font-size:13px;
	color:#333333;
	border-right:1px solid #e4e4e4;
	line-height:15px;
}
#mainWrapper #header .menu ul > li > a:link,
#mainWrapper #header .menu ul > li > a:active,
#mainWrapper #header .menu ul > li > a:visited {
	text-decoration: none;
}
#mainWrapper #header .menu ul > li > a:hover ,
#mainWrapper #header .menu ul > li > a.selected{
	background: url(/css/images/tile-sprite.png) 0px -676px repeat-x;
}
#mainWrapper #header .solutionsMenu {
	margin-left:18px;
}
#mainWrapper #header .menu .fatNav h2 {
	font-family:"Omnes_ATTMedium",arial,sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:16px;
}
#mainWrapper #header .fatNav .menuTitles li {
	padding:0;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif
}
#mainWrapper #header .fatNav .menuTitles .subMenuLinks li {
	display:block;
}
#mainWrapper #header .fatNav .menuTitles .subMenuLinks li a, 
#mainWrapper #header .fatNav .menuTitles .subMenuLinks li a:link, 
#mainWrapper #header .fatNav .menuTitles .subMenuLinks li a:active, 
#mainWrapper #header .fatNav .menuTitles .subMenuLinks li a:visited, 
#mainWrapper #header .fatNav .menuTitles .subMenuLinks li a:hover {

/*	 * RESET LINKS FOR FATNAV */
	font-size:10px;
	color:#067ab4;
	text-decoration: none;
	padding:0;
	margin:0;
	background: none;
	height:auto;
	width:auto;
	border: 0;
	/*RESTYLE*/
	display:block;
}
#mainWrapper #header .fatNav .menuTitles .subMenuLinks {
	margin:9px 0 13px 0;
}
#mainWrapper #header .menu .fatNav {
	display:none;
	position:absolute;
	height:300px;
	left:0px;
	color:#FFF;
	background-color: #000;
	width:976px;
	height:230px;
	background: url(/css/images/tile-sprite.png) 0px -444px repeat-x;
	z-index:20;
}
#mainWrapper #header .menu .fatNav .menu{margin-top:10px;}
#mainWrapper #header .menu .fatNav p{font-size:10px;line-height:14px;padding-bottom:4px;}
#mainWrapper #header .menu .fatNav bold{text-transform: uppercase;font-size:10px;color:#666666;}
#mainWrapper #header .menu .fatNav a{color:#067ab4;font-size:10px;text-decoration: none;}
#mainWrapper #header .menu .fatNav a.disabled{color:#808080;} 
#mainWrapper #header .menu .fatNav p.bold{margin:3px 0 0 0;}
#mainWrapper #header .menu .fatNav .column{float:left;width:140px;padding:0px 18px 0px 0px;}
#mainWrapper #header .menu .fatNav .column.position1 { width:130px; }
#mainWrapper #header .menu .fatNav .fnCallouts {
	float:right;
	margin-right:18px;
}

/*new style for accordion fat nav*/
#mainWrapper .fatNav .accordion {max-height: 400px; overflow-y: auto;}
/*----END NAVIGATION----*/
/*----MANAGE ACCOUNT----*/
#mainWrapper #header .manageAccount {
	float:right;
	clear:right;
	/*border-top:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;*/
	border:0;
	min-width:275px;
	height:32px;
	margin-top:5px;
	padding-top:.1px;
	position:relative;
}
#mainWrapper #header .manageAccount a {
	margin:5px 0 0 5px;
	display:block;
	text-decoration: none;
	line-height:30px;
}
#mainWrapper #header .manageAccount .cart {
	background:url(/css/images/graphic-sprites.png) -126px -3px no-repeat;
	display:block;
	width:24px;
	height:22px;
	margin:5px 0 0 10px;
	float:left;
}

#mainWrapper #accountContainer .inputs .username { background:url(..images/us/en/commons/txtUsername.png) no-repeat; ; margin-bottom:10px; }
#mainWrapper #accountContainer .manageLinks { text-align:center; font-size:10px; color:#999999; }
#mainWrapper #accountContainer .manageLinks a { display:inline; color:#067ab4; }

/*----HOME PAGE----*/
#mainWrapper #home #mainContent {position:relative;}
/*----END HOME PAGE----*/

.clearfix:after { 	visibility: hidden; 	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#mainWrapper #header .manageAccount a, #mainWrapper #header .manageAccount a:link, 
#mainWrapper #header .manageAccount a:active, 
#mainWrapper #header .manageAccount a:visited, 
#mainWrapper #header .manageAccount a:hover{
	display:inline;	 
    color: #067AB4;
    font-size: inherit;	
    text-decoration: none !important;
}	

#mainWrapper #header .manageAccount.mss a, #mainWrapper #mainContainer #mainContent a,
#mainWrapper #header .manageAccount.mss a:link, #mainWrapper #mainContainer #mainContent a:link,
#mainWrapper #header .manageAccount.mss a:active, #mainWrapper #mainContainer #mainContent a:active,
#mainWrapper #header .manageAccount.mss a:visited, #mainWrapper #mainContainer #mainContent a:visited,
#mainWrapper #header .manageAccount.mss a:hover,#mainWrapper #mainContainer #mainContent a:hover{
    color: #067AB4;
    font-size: 11px;	
    text-decoration: none !important;
}

#mainWrapper #header .manageAccount {
	height: 32px;
	font-size: 11px;		
	text-align: right;	
	color: #333333;
	line-height: 22px;	
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

#mainWrapper .chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*HEADER*/
#mainWrapper header {background: url(/css/images/tile-sprite.png) 0 0 repeat-x;
	-webkit-box-shadow:0 1px 4px #dedede;
	-moz-box-shadow:0 1px 4px #dedede;
	box-shadow:0 1px 4px #dedede;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);
	box-shadow:0 1px 4px rgba(0,0,0,0.1);
}
#mainWrapper #header {
	margin:0 auto;
	/*max-width:976px;*/
	position:relative;
	z-index:400;
}
#mainWrapper #header .logo {margin: 5px 26px 0 0;}
#mainWrapper #header .menu {float:left;
	position:relative;
	z-index:100;
	width:624px;
}
#mainWrapper .search {width:400px;}
/*FOOTER*/

#mainWrapper footer {
    width: 100%;
	border-top:1px solid #dddddd;
	margin-top: 40px;
	background-image: none;
	background-color: #f3f3f3;
	bottom:0px;
	position:fixed;
	height: 150px;
}
#mainWrapper #footerWrapper,#mainWrapper #footer {
	margin:0 auto;	
	min-height:418px;
	height:auto;
	/*max-width:976px;*/
	clear:both;
	border-top:none;
	margin-top: 40px;
	background: transparent;
	bottom:0px;
	position:relative;
}
#mainWrapper #footer .copyright p {font-size: 10px; max-width: 600px;}

#mainWrapper #footer .copyright {margin: 30px 20px 0 20px;}
/*Homepage main*/
#mainWrapper #mainWrapper {margin:0 auto;background: none;}
#mainWrapper #mainContainer {width:100%; margin:0 auto; margin-bottom: 150px; background:inherit;}
#mainWrapper #mainContentHome {margin:0 auto; max-width:976px;}

/*navigation fixes*/
#mainWrapper #header .menu .fatNav {top:69px;}
#mainWrapper #header .solutionsMenu { width: 966px;}

/*Breadcrumbs*/
#mainWrapper #breadcrumbs {width:976px; margin:0 auto;}
#mainWrapper #breadcrumbs li{display:inline-block;}
#mainWrapper #breadcrumbs li a.orange{color:#ff7200;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*TOP NAVIGATION*/
#mainWrapper #header .menu .fatNav {height:auto; min-height:230px; width:1000px;background: transparent url("/css/images/NavTile.png") repeat-x scroll 0 100% ;padding:0 15px 15px 15px;}
#mainWrapper #header .menu ul li .column a {font-family: Verdana, Geneva, sans-serif;}
#mainWrapper #header .menu ul li .column a.selected, #header .menu ul li .column a:hover {background:none;}
#mainWrapper #header .menu ul li .column li{height:auto;}
#mainWrapper #header .menu ul li .column li a.question {font-size:11px; color:#808080; border:0;}
#mainWrapper #header .menu ul li .column li .answer a { padding: 0 0 0 30px;}
#mainWrapper #header .menu ul li .column li .answer li .answer a{padding: 0 0 0 40px; }
#mainWrapper #header .menu .fatNav ul.accordion ul.accordion  ul.accordion {padding-left: 10px; }
#mainWrapper #header .menu .fatNav .column.position1 {width:230px}
#mainWrapper #header .solutionsMenu.menu {width:100%;}
#mainWrapper #header .menu .fatNav .column li.item {display:block;width:100%; }
#mainWrapper #header .menu .fatNav .column li.item .answer, #mainWrapper #header .menu .fatNav .column li.item .answer li.item .answer {display:none;}
#mainWrapper #header .menu .fatNav .column li.item .question {
    background: url("../css/images/us/en/commons/accordionOpenTiny.png") no-repeat scroll 5px 2px transparent;
	color:#333333;
    padding: 0 0 0 20px;
}
#mainWrapper #header .menu .fatNav .column li.item .answer .question, 
#mainWrapper #header .menu .fatNav .column li.item .answer .question.selected {padding: 0 0 0 30px; background-position:15px 2px;color:#067ab4; font-size:10px; margin:0; }
#mainWrapper #header .menu .fatNav .column li.item .question.selected {
    background: url("../css/images/us/en/commons/accordionCloseTiny.png") no-repeat scroll 5px 2px transparent;
}
#mainWrapper .manageAccount #welcomeString {display:inline-block; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.modal-delay {display: none}

/*Buttons*/

#mainWrapper .miniBtn:active,#mainWrapper .miniBtn:visited,#mainWrapper .miniBtn:link,#mainWrapper .miniBtn:hover{
font-size:14px!important;
color: #fff!important;
padding: 0 15px!important;
}

#mainWrapper .miniBtnInactive:active,#mainWrapper .miniBtnInactive:visited,#mainWrapper .miniBtnInactive:link,#mainWrapper .miniBtnInactive:hover{
font-size:14px!important;
padding: 0 15px!important;
}

#mainWrapper .miniBtnWhite:active,#mainWrapper .miniBtnWhite:visited, #mainWrapper .miniBtnWhite:link, #mainWrapper .miniBtnWhite:hover{
font-size:14px!important;
padding: 0 15px!important;
}

/*END Buttons*/

/* navigation  mega-menu */
        #mainWrapper  .logo { 15px 26px 0 0; float:left; width: auto;}
        /* mega menu list */
        #mainWrapper .nav-menu, #mainWrapper #mainContent .genericUl {
            display: block;
            /*position: relative;*/
            list-style: none;
            margin: 0;
            padding: 0;
            z-index: 15;
        }
        #mainWrapper #mainContent .genericUl li, #mainWrapper #mainContent .loginUl li{list-style: none; list-style-type:none; }
		#mainWrapper #mainContent .loginUl li:last-child{float:right; margin-top: 0px}
		 #mainWrapper #mainContent .loginUl li {margin: 15px} 
        /* a top level navigation item in the mega menu */
        #mainWrapper .nav-item {
            list-style: none;
            display: inline-block;
            padding: 0;
            margin: 0;
        }

        /* first descendant link within a top level navigation item */
        #mainWrapper .nav-item > a {
            position: relative;
            display: inline-block;
            padding: 0.5em 1em 0 0;
            margin: 0 0 -5px 0;
            border: 1px solid transparent;
        }

        /* focus/open states of first descendant link within a top level 
           navigation item */
        #mainWrapper .nav-item > a:focus,
        #mainWrapper .nav-item > a.open {
            border: 1px solid #dedede;
        }

        /* open state of first descendant link within a top level 
           navigation item */
		#mainWrapper nav ul > li > a.topLevel:hover ,#mainWrapper nav ul > li > a.topLevel.selected, #mainWrapper nav ul > li > a.topLevel:active,
		#mainWrapper nav ul > li > a.topLevel:focus{
			background: url(/css/images/tile-sprite.png) 0px -676px repeat-x;
		}           
        #mainWrapper .nav-item > a.open {
            background-color: inherit;
            border-bottom: transparent;
            background: url(/css/images/tile-sprite.png) 0px -676px repeat-x;
            z-index: 1;
        }

        /* sub-navigation panel */
        #mainWrapper .sub-nav {
            position: absolute;
            display: none;
            min-height: 230px;
            margin-top: 5px;
            padding: 0.5em 0em;
            border: 1px solid #dedede;
            border-top: transparent;
            background-color: #fafafa;
            left:0px;
            width: 1000px;
        }

        /* sub-navigation panel open state */
        #mainWrapper .sub-nav.open {
            display: block;
        }

        /* list of items within sub-navigation panel */
        #mainWrapper .sub-nav ul {
            display: inline-block;
            vertical-align: top;
            margin: 0 1em 0 0;
            padding: 0;
        }

        /* list item within sub-navigation panel */
        #mainWrapper .sub-nav li {
            display: block;
            list-style-type: none;
            margin: 0 0 0 10px;
            padding: 0;
        }
      
 #mainWrapper nav ul .sub-nav-group { margin: 5px 0px 10px; }
#mainWrapper nav ul .sub-nav p{ margin: 5px 0 0 25px; color: #000; font-size: 11px}
 #mainWrapper nav ul .sub-nav-group p
 {
 	line-height: 18px;
 	font-family: Verdana,"Omnes_ATTRegular",Arial,sans-serif;
 }       
#mainWrapper nav ul li a.topLevel {
	display:block;
	height:69px;
	border-left:1px solid #e4e4e4; 
	border-right:1px solid #e4e4e4;
	border-collapse: collapse;
	position:relative;
	z-index: 20;
	padding:14px 15px 5px 15px;
	color: #333333;
	font-size: 13px;
}

#mainWrapper nav ul li.triggerFN {
display: inline-block;
float: left;
zoom: 1;
vertical-align: top;
height: 69px;

}
#mainWrapper nav .sub-nav-list { display: inline-block; width: 330px; vertical-align: top;}
/* end nav */


body#loginPage { background: #fff ;}
#mainWrapper #mss_widgets { min-height: 328px; margin-bottom: 458px; z-index: 1000; background: #fff}
#mainWrapper #mainContainer .desktop-visible {display: none;}
	
@media screen and (max-device-width: 320px) and (orientation:landscape) {
   	#mainWrapper #header, #mainWrapper .sub-nav,  #mainWrapper #footerWrapper, #mainWrapper #footer {width: 310px; }	
	#mainWrapper #mainContent, #mainWrapper #mainContent .maincontentinner, #mainWrapper #mss_widgets {width: 310px !important; margin: 0 auto;} 	
}
@media screen and (max-device-width: 320px) and (orientation:portrait) {
    #mainWrapper #header, #mainWrapper .sub-nav,  #mainWrapper #footerWrapper, #mainWrapper #footer {width: 310px; }	
	#mainWrapper #mainContent, #mainWrapper #mainContent .maincontentinner, #mainWrapper #mss_widgets {width: 310px !important; margin: 0 auto;}  
}
@media only screen and (min-width: 768px) {

  /* Medium screen, non-retina */
	#mainWrapper #header, #mainWrapper .sub-nav,  #mainWrapper #footerWrapper, #mainWrapper #footer {width: 680px; }	
	#mainWrapper #mainContent, #mainWrapper #mainContent .maincontentinner, #mainWrapper #mss_widgets {width: 680px !important; margin: 0 auto;}  
}
@media (min-width: 1024px)
{ 
	#mainWrapper #header, #mainWrapper .sub-nav,  #mainWrapper #footerWrapper, #mainWrapper #footer {width: 945px; }	
	#mainWrapper #mainContent, #mainWrapper #mainContent .maincontentinner, #mainWrapper #mss_widgets {width: 945px !important; margin: 0 auto;}
	/*#mainWrapper #mainContent .maincontentinner{background: #f2f2f2; }*/
	#mainWrapper #mainContainer .desktop-visible {display: block !important;}
	#mainWrapper .sub-nav  {width: 901px; margin: 5px 22px 0 22px}
}
@media (min-width: 1280px)
{ 
	#mainWrapper #header, #mainWrapper #footerWrapper, #mainWrapper #footer {width: 1260px; }	
	#mainWrapper #mainContent, #mainWrapper #mainContent .maincontentinner, #mainWrapper #mss_widgets{width: 1260px !important; margin: 0 auto;}
	#mainWrapper .sub-nav  {width: 1216px; margin: 5px 22px 0 22px}	
}


/* style.css/maib.css overrides -- tempy*/
#mainWrapper input[type="text"], #mainWrapper input[type="password"], #mainWrapper input[type="email"] {height: inherit; padding: 5px; line-height: normal}
#mainWrapper div.errorBoxContainer { margin: 20px 0px 10px; }

#mainWrapper .accordion .item a, #mainWrapper .accordion .item a:link, 
#mainWrapper .accordion .item a:active, #mainWrapper .accordion .item a:visited, 
#mainWrapper .accordion .item a:hover{
	display:inline;	 
    color: #067AB4;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;	 
}
#mainWrapper .accordion li { margin: 20px 0; }
#mainWrapper .accordion .item .answer p,
#KnowledgeCenter #mainWrapper  p{line-height: 22px}
/** end overrides */
#mainWrapper input[type="text"], input[type="password"], #mainWrapper input[type="email"], textarea{
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #cccccc;
		box-shadow:inset 2px 2px 3px #dad9d9;
	-moz-box-shadow:inset 2px 2px 3px #dad9d9; 
	-webkit-box-shadow: inset 2px 2px 3px #dad9d9;
	width: 300px;
}

#mainWrapper input[type="text"]:focus, input[type="password"]:focus, #mainWrapper input[type="email"]:focus, textaarea:focus{
	box-shadow:inset 3px 3px 4px #dad9d9;
	-moz-box-shadow:inset 3px 3px 4px #dad9d9; 
	-webkit-box-shadow: inset 3px 3px 4px #dad9d9;
}
#mainWrapper .login{ margin: 0 auto; position: relative; width: 710px; margin-top: 80px;}
#mainWrapper #mainContent .loginUl {
            display: block;
            position: relative;
            list-style: none;
            margin: 0 auto;
            padding: 0;
           width:500px;
           text-align: right;
          
}

#mainWrapper .loginUl .inlinediv {display: inline-block; }
#mainWrapper .login .alert {margin: 0 auto; width: 65%; font-weight:bold; background-color: #fff;}
#mainWrapper .margintop40{ margin-top: 40px !important;}
#mainWrapper .margintop20{ margin-top: 20px !important;}
#mainWrapper .margintop10{ margin-top: 10px !important;}
#mainWrapper  #mainContent .para{ margin-top: 10px;}

#mainWrapper #mainContent .pillbox {
	 background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	position: relative;
	overflow: hidden;
}
#mainWrapper #mainContent .pillboxinner {margin: 22px 22px 66px 22px; }
#mainWrapper #mainContainer .footerouter{
	position: fixed;
	bottom: 0;
	width: 100%;
}

#mainWrapper #mainContainer a.disabled, #mainWrapper #mainContainer .cartInfo .disabled {color: #b8b2b2  !important; cursor: none; }
/** bootstrap overrides */

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #44c8f5;
border-color: #44c8f5;;
}
.btn-primary {
color: #fff;
background-color: #067AB4;
border-color: #285e8e;

}
.btn { min-width: 80px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #CCCCCC;

	display: inline-block;
	outline: none;
	text-align: center;
	text-decoration: none;
	font: 13px/100% "Omnes_ATTMedium",Verdana,Helvetica,Arial, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.btn:hover {
	text-decoration: none;
}
.btn:active {
	position: relative;
	top: 1px;
}


/** end bootstrap overrides */

#mainWrapper #mainContainer .width800px {width: 65%;}
#mainWrapper #mainContainer .hidden { display: none}

/* modal style adds*/
.modalCloseButton {
width: 34px;
height: 33px;
background: url(../../images/us/en/commons/modalCloseBtn.png) no-repeat;
display: block;
position: absolute;
right: -16px;
top: -16px;
}
/* end modal adds*/
.draggable {cursor: move }
#mainWrapper .inlinediv {display: inline;}
#mainWrapper .border-right1px {border-right: 1px solid #e4e4e4}
#mainWrapper .border-left1px {border-left: 1px solid #e4e4e4}
#mainWrapper .float-right {float: right}
#mainWrapper .padding-left20 {padding-left: 20px}
#mainWrapper .padding-left40 {padding-left: 40px}
#mainWrapper .padding-right40 {padding-right: 40px}
#mainWrapper .padding-right20 {padding-right: 20px}
#mainWrapper .padding-right10 {padding-right: 10px}
#mainWrapper .margin-top40 {margin-top: 40px !important; }
@media (min-width: 768px)
{
	#mainWrapper .padding-right40  { padding-right: 5px;}
}
@media (min-width: 1024px)
{
	#mainWrapper .padding-right40  { padding-right: 20px;}
}
@media (min-width: 1280px)
{
	#mainWrapper .padding-right40  { padding-right: 40px;}
}
#mainWrapper .my-profile div.inlinediv {margin: 40px 5px 0px 0px; display: inline; width:46.5%;float:left; vertical-align: top }
#mainWrapper .my-profile .genericUl li {display:inline-block; padding-right: 10px !important; vertical-align: top; zoom: 1; font-size:11px; line-height: 22px; padding-bottom: 7px;}
#mainWrapper .my-profile .genericUl li:first-child{min-width: 150px; text-align: right;}
#mainWrapper .my-profile .genericUl li label{
	min-width: 10em !important;
	display: inline-block;
	text-align: right;
	zoom: 1;
	font-size:11px;
}
#mainWrapper .my-profile {padding-left: 0px !important; margin-top: 32px}
#mainWrapper .bulletin{
			font-family: "Omnes_ATTMedium", sans-serif;
			font-size: 14px;
			width: 100%;
			margin-bottom: 30px;
			background: #FFFFFF;
			border: 1px solid #E4E4E4;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
			-webkit-box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
			box-shadow: 0px 0px 5px rgba(153,153,153,0.3);
			position: relative;
			background: #FFFFFF;	
			min-height: 300px;	
			min-width: 570px;
}
#mainWrapper .bulletin .bulTab{		
			display: block;
			min-height: 41px;
			
			color: #333333;
			padding: 12px 0px 0px 20px;
			font-size: 18px;
			background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e8e8));
			background: -moz-linear-gradient(top, #fbfbfb, #e7e8e8);
			background: linear-gradient(#fbfbfb, #e7e8e8);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbfbfb', endColorstr='#e7e8e8');
			vertical-align: top;
			-webkit-margin-after: 1em;
			-webkit-margin-start: 0px;
			-webkit-margin-end: 0px;
			-webkit-padding-start: 30px;
			list-style-type:none !important;
			list-style: none !important;
}
#mainWrapper .bulletin  ul.bulTab li { list-style-type:none !important; list-style: none !important;}
#mainWrapper .bulletin .bulTab h4 {margin: 0; }
/*#mainWrapper .bulletin ul.bulTab li:first-child {float:left !important; }*/
#mainWrapper .btn-edit img { padding-right: 5px;}
#mainWrapper .absolute-right0 {position: absolute; right: 0}

#mainWrapper span.required {
color: #fa00a1;
}

#mainWrapper #mainContent .my-profile .settings{position:absolute; top:5px; right: 0}

#mainWrapper .btn-cancel {
color: #808080;
background-color: #fefefe;
border-color: #cccccc;
}
#mainWrapper .btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.active, .open .dropdown-toggle.btn-cancel {
color: #808080;
background-color: #eeeeee;
border-color: #cccccc;
}

#mainWrapper #mainContent span .dropdown-menu {right:0px; left:inherit;}

button[disabled], html input[disabled] {
cursor: default;
background-color: #FAFAFA;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

#mainWrapper #mainContainer .disabled {color: #b8b2b2 !important; }

#mainWrapper #mainContainer .innerContainer{
/*border-bottom: 1px #D1C9C9 solid;*/
padding-bottom: 150px;
/*-webkit-box-shadow: 0 1px 4px #dedede;
-moz-box-shadow: 0 1px 4px #dedede;
box-shadow: 0 1px 4px #dedede;*/

}
#mainWrapper #mainContainer .bridge {background: #faf8f8; width: 100%; height: 10px; }
#mainWrapper #mainContent p a{font-size: 11px !important}
#mainWrapper #mainContainer .my-profile-header{ background: url(/mssuser/mssappdata/ico-profile.png) no-repeat; background-size: contain}
#mainWrapper #mainContainer .my-profile-guest-header{ background: url(/mssuser/mssappdata/ico-profile-disabled.png) no-repeat; background-size: contain}
#mainWrapper #mainContainer .my-profile-header span, #mainWrapper #mainContainer .my-profile-guest-header span { margin-left: 20px}
#mainWrapper #mainContainer .logout-header{ background: url(/mssuser/mssappdata/ico-logout.png) no-repeat; background-size: contain}
#mainWrapper #mainContainer .logout-header span{ margin-left: 20px}
#mainWrapper #mainContainer a[disabled] {color: #b8b2b2 !important;}

#mainWrapper .bridgeMarker .bridgeDiv{
		background: #faf8f8;
		width: 100%;
		height: 20px;  	
  	}
#mainWrapper .hasBorderBottom{
		border-bottom: 1px solid #b9b9b9;
		-webkit-box-shadow: 0 1px 4px #dedede;
		-moz-box-shadow: 0 1px 4px #dedede;
		box-shadow: 0px 1px 4px #dedede;
	}
.modal-dialog .cornermisc{
	background: url("/mssusr/static/images/cornerGraphicInfo.png") no-repeat scroll center top transparent;
	height: 94px;
	left: -45px;
	position: absolute;
	top: -30px;
	width: 114px;
	z-index: 1000;
}
.modal {
	overflow: hidden;
	overflow-y: hidden;
}

.modal-title {
	margin-left:60px;
	font-family: "Omnes_ATTBold", Verdana, Arial, sans-serif;
	font-size: 24px;
}

#mainWrapper #mainContainer .my-profile-header-disabled {
	background: url(/mssuser/mssappdata/ico-profile-disabled.png) no-repeat;
	background-size: contain;
}
#mainWrapper #mainContainer .my-profile-header-disabled span {
	margin-left: 20px;
	color: #ccc;
	cursor: none;
}

.medium .modal-dialog{
	width: 760px;
}

#mainWrapper .broadcastDivWrapper {
padding: 0 16px;
min-height: 48px;
background-color: #fffcac;
}
#mainWrapper .broadcastDiv { margin: 0 auto; padding: 5px 22px; }
#mainWrapper .broadcastDiv .closeBtn { float: right;}

#mainWrapper .broadcastDiv .broadcast-msgs li {padding-bottom: 10px}
@media screen and (max-device-width: 320px) and (orientation:landscape) {
   	#mainWrapper .broadcastDiv {width: 310px; }	
}
@media screen and (max-device-width: 320px) and (orientation:portrait) {
    #mainWrapper .broadcastDiv {width: 310px; }	
}
@media only screen and (min-width: 768px) {

  /* Medium screen, non-retina */
	#mainWrapper .broadcastDiv {width: 680px; }	
}
@media (min-width: 1024px)
{ 
	#mainWrapper .broadcastDiv {width: 945px; }	
}
@media (min-width: 1280px)
{ 
	#mainWrapper .broadcastDiv {width: 1260px; }	
}
#mainWrapper .manageAccount .cartInfo .techSupport {display: none}