﻿/* Used in _header.inc
----------------------------------------------------------*/
.siteHdrContainer {width:100%}
.siteHdrContainer .topBar {width:100%; background:#005484; display:block;}
.siteHdrContainer .logoLink {padding: 5px 25px;display: block; float:left;}
.siteHdrContainer .bottomBar {width:100%; background:#005484; display:block;}
.siteHdrContainer .bottomBar img {padding:0px 0px 0px 5px !important}
.siteHdrContainer .container {width:1076px;}

.siteHdrContainer .searchForm {display:block; float:left; color:#ffffff; padding:0px 5px 5px 0px; margin-left:12px;}
.siteHdrContainer .searchForm.right {float:right; margin-top:4px;}
.siteHdrContainer .searchForm form {display:inline; margin:0px 10px 0px 10px;}
.siteHdrContainer .searchForm input {padding:5px; border-radius:3px; border:none; margin-left:3px;}
.siteHdrContainer .formButton { display: inline-block; height: 20px; width: 20px; margin: 0 0 0 3px; padding: 2px 0 0 5px; vertical-align: middle; background:url(https://pryormediacdn.azureedge.net/icons/form-arrow.png) no-repeat;}

.siteHdrContainer .accountBar {float:right; width:400px;}
.siteHdrContainer .accountBar p {color:#ffffff; float:right; font-size:14px; padding:2px 15px;}
.siteHdrContainer .accountBar .loginTabLearnmore a, .siteHdrContainer .accountBar .loginTabLogin a {background:#d6530b; padding:10px 15px; display:block; float:right; color:#ffffff; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.siteHdrContainer .accountBar .loginTabLearnmore a:hover, .siteHdrContainer .accountBar .loginTabLogin a:hover {background:#e66823; text-decoration:none;}
.siteHdrContainer .accountBar .loginTabLogin a {border-radius:0px 0px 0px 5px;}
.siteHdrContainer .accountBar .loginTabLearnmore a {border-radius:0px 0px 5px 0px;}


/*.siteHdr { width: 1076px; margin-right: auto;}
.siteHdr .topHalf { margin-left: 15px; margin-top: 0px; height: 28px; line-height: 22px; position: relative;}
.siteHdr form { display: inline;}
.siteHdr .topHalf input[type="text"]{ border: 1px solid #b8b8b8; height: 20px; line-height: 20px; vertical-align: middle; padding: 0 4px;}
.siteHdr .topHalf .button { height: 20px; line-height: 20px; padding: 0; vertical-align: middle; width: 20px; text-align: center;}
.siteHdr 
.siteHdr ul.legacy-nav { margin: 0 10px 0 0; padding: 0; list-style-type: none; display: inline-block; width: 345px; *display: inline; *zoom: 1;}
.siteHdr ul.legacy-nav li { margin: 0 8px 0 0; padding: 0 8px 0 0; display: inline; border-right: 1px solid #c7c7c7; font-size:12px !important;}
.siteHdr ul.legacy-nav a { color: #888;}
.siteHdr .searchForm { display: inline-block; margin-right: 3px; *display: inline; *zoom: 1;}
.siteHdr .search-keyword { text-align: right; position: absolute; right: 0; top: 0;}
.siteHdr .send-schedule { margin-left: 10px;}


.siteHdr .mainLogo{ display:block; width:100%;}
.siteHdr .subLogo{ display:block; width:100%;}
.siteHdr .logoLink { width: 860px; height: 59px; position: absolute; bottom: 0;}
.siteHdr .live-chat { position: absolute; left: 907px; width: 153px;}
*/

/* Used in _lside.inc
----------------------------------------------------------*/

#navSidebar { background-color:white; width:165px; margin-right:10px; font:12px/1 'Cuprum', Arial, Helvetica, sans-serif; }
.navMenuSection { padding: 0px 0; background-color: #d5e6f7; margin-bottom: 0px; border-radius: 0; }
.navMenuSection ul {list-style-type:none; margin: 0; padding: 0;}
.navMenuSection li { margin:0; padding:10px 10px; position:relative;}
.navMenuSection li:hover {background:#c0daf3;}
.navMenuSection li a {font-size:13px; font-weight:normal; display:block; text-decoration:none; width:100%; font-family:Arial, Helvetica, sans-serif;}
.navMenuSection li a span {float:right;}

.navMenuSection ul li ul {display:none; width:215px; background:#c0daf3;}
.navMenuSection ul li:hover ul {display:block; position:absolute; top:0; left:165px; z-index:9999;}
.navMenuSection li ul li:hover {background:#b2d2f0;}

.navMenuSectionSub { padding: 0px 0; background-color: #edf5fc; margin-bottom: 20px; border-radius: 0 0 5px 0px; }
.navMenuSectionSub ul {list-style-type:none; margin: 0; padding: 0;}
.navMenuSectionSub li { margin:0; padding:10px 10px; position:relative;}
.navMenuSectionSub li:hover {background:#c0daf3;}
.navMenuSectionSub li a {font-size:13px; font-weight:normal; display:block; text-decoration:none; width:100%; font-family:Arial, Helvetica, sans-serif;}
.navMenuSectionSub li a .cartStatus {font-size:13px;}


.navSectionHeader { padding: 10px 15px 10px 10px; color: #444444; background-color:#f1f4f8;  font-size:16px; font-weight:bold; border-radius: 0 5px 0px 0px; border-bottom:1px solid #dddddd;}

.navMenuSection.navBlogSection { background-color: #f1f4f8; border-radius: 0 0 5px 0px;}

#navSidebar .contactNumber { font-weight: bold; margin:2em 20px 1em 20px; text-align: right; font-size: 1.25em; line-height:1.25}
#navSidebar .contactNumber .callout { font-size: .833em; font-weight: normal; display: block;}
#navSidebar .countrySelector { text-align: right; margin-right: 20px; }
	#navSidebar .countrySelector img { vertical-align: middle; margin-left:5px; }
	#navSidebar .countrySelector img.selectedFlag {border: 2px #444 solid; padding: 2px;}



/* NOTIFICATION, WARNING AND INFORMATION BARS
NOTIFICATION (YELLOW), WARNING (RED) FOR INFORMATION (BLUE) */
.warningbar, .notificationbar, .infobar { padding: 10px;}
.warningbar {background-color:#910011; color:#d2c3c5; font-weight:bold;}
.warningbar a {color:white; text-decoration:underline; /* margin:0 1em;*/}
.notificationbar {background-color:#eedb9d; color:#594F00;}
.notificationbar a {color:#3c80b0;}
.infobar {background-color:White; border:1px solid #438fc5;}
.infobar a {}
