@charset "utf-8";

/* Header related classes CSS Document */

#header {display: inline;  padding: 5px 0 15px 0; width: 960px;float:left;clear: left;}
#headerLogo {display: inline;height: 47px;width: 141px;float: left;}
#headerLogo a{background-image: url("/cms/v45/images/headerFooter/headerFooter.png");
background-position: 0 -2px;padding: 0 0 30px 140px;}
#headerContents {display: inline;float: right;margin-top: 15px;}
#headerNav,#headerShoppingCart {float: left; padding-top: 10px;font-size: 14px;}
#headerNav a {padding:0px 10px;}
#headerNav a:hover {padding:0px 10px;}
#headerNavDivider , .headerNavDivider {float: left;}

/* ShoppingCart */
#headerShoppingCart span.item {font-weight: bold;}
#headerShoppingCart a{background-image: url("/cms/v45/images/headerFooter/headerFooter.png");background-position: -26px -84px;
padding: 0 0 0 8px;vertical-align: middle;}


/* Search */
#headerGoogleSearchArea {height: 29px;float: left;margin: 0px;padding-left: 12px;}
#searcharea {float:left;height:29px;}
input#Ntt { border: 1px solid rgba(91,103,112,0.4);color:#000;font-size:12px;height:25px;}
#searchbox {display:inline;float: left;height: 32px;overflow: hidden;}
.searchAreaWidth {width: 237px;}
.searchAreaWidthFr {width: 345px;}
.searchBoxWidth {width: 284px;}
.searchBoxWidthFr {width: 200px;}
.searchTextBoxStyle {width: 199px;}
.searchTextBoxStyleFr {width: 283px;}
.searchButtonStyle{background-image: url("/cms/v45/images/headerFooter/headerFooter.png");background-position: -24px -233px;
width: 35px;height: 29px;border: none;cursor: pointer;background-color: #ffe600;}

/* login */
.loginText {float: right;background-color: #5b6770; padding: 0 10px 0 10px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.175);
  box-shadow: 0 1px 3px rgba(0,0,0,.175);}
#loginMsg .boldWhite{font-size:13px;}
#standAlone .boldColored {color: #ffe600;font-weight: bold;font-size: 13px;}
#loginMsg{font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;}

/* Province */
.provinceHeader{padding:8px 5px 2px 5px;font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;}
.provinceHeader .boldWhite.floatLeft{display: none;}
.provinceHeader .boldColored {font-size: 14px;font-weight:normal;color: #5b6770;margin-right: 5px}

/* fixed tabs - Change Payment method*/
#creditOff.displayBlock.floatLeft.cursorPointer {
  background-image: none!important;
}
#creditOff.displayNone.floatLeft.cursorPointer{
  background-image: none!important;
}

#debitOn.displayBlock.floatLeft.cursorPointer{
  background-image: none!important;
}
#debitOff.displayNone.floatLeft.cursorPointer{
  background-image: none!important;
}
#creditOn.displayNone.floatLeft.cursorPointer{
  background-image: none!important;
}
/* End fixed tabs - Change Payment method*/

.cursorPointer.floatLeft{background-image: url("/cms/v45/images/headerFooter/headerFooter.png");
background-position: -32px -130px;height: 12px;width: 13px;}
.provinceContent {height: 20px;width: 190px;background-color: #fff;display: block;padding-bottom: 2px;
clear: both;text-align: left;font-size: 13px;padding-left: 11px;padding-top: 7px;
font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.provinceMiddleRow{border-top: 1px solid #f9f9f9;}
.provinceLastRow{border-top: 1px solid #f9f9f9;}
#provincesOuter {margin-top: 25px;border-top: 2px solid #f9f9f9;;}
.provinceOuter{width: auto;float: right;padding-right: 10px;display: block !important;}

.cursorPointer{cursor:pointer;}
.provinceContent_grey {height: 21px;width: 190px; background-color: #f9f9f9;display:block;clear:both; 								
text-align: left;font-size: 13px;padding-left:11px;padding-top: 4px;font-weight: bold;}
.provinceContent:hover {background-color: #f9f9f9;color: #000;}

.rewardsMessage{
	font-size: 12px;
	color: #808080;
	float: left; 
	margin-left:25px;
	cursor: pointer;
}
.rewardsAmount{
	font-size: 12px;
	color: #808080;
	font-weight: normal
}
.floatLeft{
	float: left;	
}
.boldWhite {
	font-size: 12px; 
	font-weight: bold;
	color: #ffffff;	
}
.boldColored {
	font-size: 12px; 
	font-weight: bold;
	color: #e2ce1c;	
}
.padingLeft4px{
	padding-left: 4px;
}

input.addressTextBox4Style1
{
	padding:0px 0px 4px 5px;
	width:300px;
}

.marginTop33px {
	margin-top: 33px;
}
.displayBlock {
	display: block;
}
.displayNone {display: none;}

/* START - S39255 - R -Implement CSS Sprites in Dev and QA */


/* START - S39255 - R -Implement CSS Sprites in Dev and QA */

.fleft #leftArrow1, .fleft #leftArrow2{
	background-image: url("/cms/v45/images/headerFooter/headerFooter.png");
	background-position: -32px -183px;
	float: left;
	padding: 1px 0 0 13px;
}

.fleft #leftArrow1{
	position: relative;
	right: 3px;
}


   	
