@import url(/css/reset.css);

body{
	background: #fefefe url(/images/shared/siteBG.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #394a59;
	height: 100%;
}

a{color: #004b8e; text-decoration: none;}
a:hover{color: #849b75;}

#content a{font-weight: bold;}

#container{
	width: 960px;
	margin: 0px auto;
	position: relative;
}

#header{
	height: 89px;
	position: relative;
	margin-bottom: 17px;
}

#logo{
	height: 48px;
	width: 302px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#bizPart{
	float: right;
	font-size: 13px;
	margin-top: 10px;
	font-weight: bold;
}
#cse-search-box{
	position: absolute;
	right: 0px;
	bottom: 33px;
	width: 200px;
	display: block;
	background: #f8f8f7;
	height: 19px;
	border: 1px solid #b6b6b6;
}

#searchInput{
	border: 1px solid #f8f8f7;
	background: #f8f8f7;
	width: 173px;
	height: 15px;
	font-size: 11px;
	line-height: 15px;
	float: left;
	display: inline;
	
}
* html #searchInput{width: 170px;}
#searchSubmit{
	height: 17px;
	width: 17px;
	margin-right: 1px;
	margin-top: 1px;
	display: block;
	float: right;
	display: inline;
}

#topLinks{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 11px;
	width: 600px !important;
	height: 26px;
	line-height: 20px;
	overflow: hidden !important;
	display: inline-block;
}
#topLinks a{
	padding: 0px 7px;	
}

#icons{
	display: inline-block;
	float: right;
	text-align: right;
	padding: 0;
	margin: 2px 0 0 0;
	width: 600px !important;
	height: 26px;
	overflow: hidden !important;
	display: inline-block;
}

.icons-spacer {
	position: relative;
	width: 206px;
	margin: 2px 10px 0 0;
	float: right;	
	overflow: hidden;
	display: inline-block;
}

#icons a{
	display: block;
	float: left;
	height: 20px;
	padding-left: 30px;
	padding-right: 0px;
	display: inline;	
}

.fbFrame{
	border:none; overflow:hidden; width:88px; height:21px;
	margin-left: 7px;
}

#textLink{
	background: url(/images/shared/text.gif) no-repeat 5px center;
	padding-left: 25px !important;
	width: 50px;
	}
#printLink{
	background: url(/images/shared/print.gif) no-repeat 15px center;
	padding-left: 35px  !important;
	width: 28px;
}
#icons a#shareLink{
	padding-left: 0px;
	/*background: url(/images/shared/share.gif) no-repeat 10px center;*/
	width: 63px;
	cursor: pointer;
}
#shareLink img{margin-right: 3px; margin-left: 7px; margin-top: 4px; float: left;}
/*#shareLink span{display: none !important;}*/
#links{
	display: block;
	float: left;
	
}

#menu{
	height: 43px;
	background: url(/images/shared/menuBG.gif) repeat-x top left;
	list-style-type: none;
	position: relative;
	z-index: 10001;
	width: 960px;
	min-width: 960px;
	max-width: 960px;
}

#menu li{
	float: left;
	display: inline;
	position: absolute;
	top: 0px;
}

#menu li a{
	background: url(/images/shared/menuBorder.gif) no-repeat top right;	
	font-size: 16px;
	color: #FFF;
	text-align: center;
	line-height: 43px;
	height: 43px;
	text-decoration: none;
	display: block;
}
#menu li a:hover, #menu li:hover a, #menu li.over a{
	color: #b7c7ac;	
}

#menu li#conLI a:hover{color:#FFF;}

#menu li#homeLI{left: 0; width: 102px;}
#menu li#incLI{left: 102px; width: 196px;}
#menu li#productLI {left: 298px; width: 153px;}
#menu li#aboutLI{	left: 451px; width: 157px;}
#menu li#resLI{	left: 608px; width: 170px;}

#menu li#shopLI{	left: 778px; width: 162px;}

#menu li#homeLI a{width: 102px;}
#menu li#incLI a.topMenu{width: 196px;}
#menu li#productLI a.topMenu{width: 153px;}
#menu li#resLI a.topMenu{	width: 170px; background-image: none;}

#menu li#aboutLI a.topMenu{	width: 157px; }
#menu li#shopLI a.topMenu{	width: 162px; background-image: none; }

#menu ul{
	background: #2a679e url(/images/shared/dropBG.gif) repeat-x top left;
	position: absolute;
	top: 43px;
	left: auto;
	width: 180px;
	z-index: 10002;	
}

#menu li#shopLI {
	background: #2a679e url(/images/shared/shopBG.gif) repeat-x top left;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	overflow: hidden;
	display: inline;
	clear: both;
}

/*#menu li#shopLI a:hover {
	color: #000;
}*/
.shopIcon {
	position: relative;
	width: 24px;
	height: 21px;
	left: 0;
	top: 10px;
	padding: 0 0 0 8px;
	float: left;
	overflow: hidden;
	display: inline;
	
}
#menu li#shopLI a {
	background: none;	
}

#menu ul li{
	
	position: relative;
	
}

#menu ul a{
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #4d81b1;
	padding-left: 15px;
	text-align: left;
	font-size: 13px;
	display: block;
	width: 165px;
	background: none;
}

#menu #resLI ul a.twoLines{
	line-height: 17px;
	height: 40px;
	padding-top: 6px;
}

#menu li:hover li a, #menu li.over li a{color: #FFF;}
#menu li:hover li:hover a, #menu li:hover a:hover, #menu li.over li.over a, #menu li.over a:hover {color: #b7c7ac; }
#menu li:hover li:hover a, #menu li.over li.over a{background: url(/images/shared/subMenuBG.gif) repeat-y 1px 0px;}

#menu #incLI ul, #menu #incLI ul li { width: 195px; }
#menu #incLI ul a{ width:180px;}
#menu #productLI ul{width: 225px !important;}
#menu #productLI ul a{width: 210px;}
#menu #resLI ul, #resLI ul li{width: 182px;}
#menu #resLI ul a{width: 167px;}
#menu #aboutLI ul, #menu #aboutLI ul li{width: 190px}
#menu #aboutLI ul a{width: 175px}

#menu #shopLI ul, #menu #aboutLI ul li{width: 182px}
#menu #shopLI ul a{width: 167px}



#menu ul ul{
	position: absolute;
	top: 0;
	width: 165px !important;
	border-left: 1px solid #356ea8;
}

#menu ul ul a{
	width: 150px !important;
	background: none;
}


#menu li.on a.topMenu{
	color: #b7c7ac; !important;
	border-bottom: 6px solid #9db290;

}

#menu li.on a.topMenu:hover{
	border-bottom: 0px;	
}

#menu #homeLI.on a.topMenu:hover{
	border-bottom: 6px solid #9db290;
}

#menu li.on ul{
	border-bottom: 6px solid #9db290;
}

#menu li.on ul ul{
	border-bottom: 0px;	
}

#menu li:hover li:hover li a, #menu li.over li.over li a{color:#fff; background: none;}
#menu li:hover li:hover a:hover, #menu li.over li.over a:hover{color: #b7c7ac; background: url(/images/shared/subMenuBG.gif) repeat-y 1px 0px;}



#menu ul{
	left: -9999px;	
}

#menu li:hover ul, #menu li.over ul{
	left: auto;	
}

#menu li:hover ul ul, #menu li.over ul ul{
	left: -9999px;	
}

#menu li:hover  ul li:hover ul, #menu li.over ul li.over ul{
	left: auto;	
}

#menu #productLI ul li:hover ul, #menu #productLI ul li.over ul{left: 225px; width: 195px !important;}
#menu #productLI ul li:hover ul a, #menu #productLI ul li.over ul a { width: 180px !important; }

#menu #aboutLI ul li:hover ul, #menu #aboutLI ul li.over ul{left: 190px;}

#menu li.arrowed{
	background: url(/images/shared/menu_arrow.gif) no-repeat top right;	
}

#menu li.arrowed:hover, #menu li.arrowedOver{
	background: url(/images/shared/menu_arrow.gif) no-repeat bottom right;
}

#menu #shopLI a:hover {color: #004b8e !important;}

#footer{
	margin-top: 10px;
	padding-top: 30px;
	text-align: center;
	padding-bottom: 10px;
	line-height: 20px;
	font-size: 11px;
	border-bottom: 6px solid #9db290;
	clear: both;
	
}
#footerPromo{
	margin-top: 10px;
	margin-left: 35px;
	padding-top: 30px;
	text-align: left;
	padding-bottom: 10px;
	line-height: 20px;
	font-size: 11px;
	border-bottom: 6px solid #9db290;
	clear: both;
	
}
#footer a, #footer span, #footerPromo a, #footerPromo span{
	padding: 0px 10px;
	
}

#callouts{
	width: 250px;
	float: right;
	margin-top: 10px;
	position: relative;
}

#callouts .mini{
	margin-top: 8px;
	width: 240px;
}

#callouts .product{
	background: url(/images/shared/rightforme.png) no-repeat top center;
	width: 250px;
	height: 324px;
	position: relative;
	z-index: 50;
}



form#prodSel{
	display: block;
	position: absolute;
	width: 200px;
	height: 185px;
	margin-left: 20px;
	margin-top: 120px;
	margin-right: 5px;
	color: #394a59;
	z-index: 9999;
}
.jqueryhide form#prodSel{visibility: hidden}
form#prodSel label{
	color: #0096db;
	font-size: 13px;
	display: block;
	line-height: 16px;
	padding-bottom: 5px;
	margin-top: 5px;
}

.clear{
	clear: both;
}

form#prodSel #conBtn{
	background: url(/images/shared/conbtn.gif) no-repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 27px;
	width: 111px;
	display: block;
	line-height: 27px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	z-index: 10;
}

#prodSel select{
	width: 200px;
	position: relative;
}

/* ------------------------------ styles for attends usatoday landing */
#promoHeaderBar {
	width: 960px;
	height: 8px;
	background-color: #004b8e;
	margin-top: -6px !important;
	margin-bottom: 49px !important;
	padding: 0;
}
.page-intro {
	width: auto;
	/*height: 343px;*/
	margin: -30px 0 0 0;
	padding: 0;
	/*background: url(../usatoday/images/mother_and_child.jpg) top right no-repeat;*/
}
/*.page-intro p {
	width: 350px;
	width: 350px;
}*/

.usatoday-spacer {
	height: 22px;	
}
.usatoday-rightimg {
	float: right;
	padding: 0px 80px 10px 10px;
	
}
.usatoday-rightimg-wcallout {
	float: right;
	padding: 0px 10px 10px 0px;
	
}
/* ------------------------------------------------------------------ */

/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}


.newListSelected {line-height: 13px; width:193px; color:#000; height:19px; padding:3px 0 0 6px;  cursor: pointer; background: #fdfdfd url(/images/shared/select.gif) no-repeat top left;}
.newListSelected span {width:198px; display:block;}
.selectedTxt {width:165px; overflow:hidden; height:15px; padding:0 23px 0 0; color: #858585; font-size: 12px;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:197px; background:#fdfdfd; border: 1px solid #a1a1a1; border-top: 0; position:absolute;   top:22px; left:1; overflow:auto; z-index:9999;}
ul.newList li a {padding:2px 7px 2px 3px; display: block; color: #858585; font-size: 12px; text-decoration: none;}
ul.newList li a:focus {-moz-outline-style: none;}
.hiLite {background:#0096db!important; color:#fff!important;}
.hiLite a {background:#0096db!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelFocus, .newListSelFocus ul.newList {z-index: 10000}

/*==================================
red curvy example
====================================*/
/*ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:290px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:285px; color:#000; height:19px; padding:3px 0 0 6px; float:left; background:url(select-bg.png) no-repeat;}
.newListSelected span {width:284px; display:block;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:258px; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#650101!important; color:#fff!important;}
.hiLite a {background:#650101!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}*/


.fb-like {
	width: 51px;
	height: 24px;
	text-align: right;
	padding: 0 !important;
	margin: 0 !important;
	float: right;
	overflow: hidden;
	display: inline-block;
}

.google-plus {
	width: 52px;
	height: 24px;
	text-align: right;
	padding: 0 !important;
	margin: 0 !important;
	float: right;
	overflow: hidden;
	display: inline-block;
}

.contact-link {
	position: absolute;
	right: 69px;
	font-size: 11px;
	bottom: 29px;
	width: 200px;
	display: block;
	height: 19px;
}

.b2b-link {
	width: 300px;
	height: 21px;
	margin-top: 4px;
	background: url(/images/shared/b2b_btn_bg.jpg) no-repeat top left;
	text-align: center;
	float: right;
	overflow: hidden;
	display: inline-block;	
}

.b2b-link a {
	width: 284px;
	height: 9px;
	color: #fff;
	padding: 5px 8px 8px 8px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	overflow: hidden;
	display: inline-block;
}

.b2b-italic {
	font-weight: normal;
	font-style: italic;	
}