/**----- basic elements-----**/
html { font-size:100.01%;  height: 100%; margin-bottom: 1px; }
body {
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    color: #3D3C3D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.2pt;
    margin: 0;
    padding: 0;
    text-align: left;
    word-spacing: 0.2pt;
}
iframe	{float:left;}
#trackingImage	{float:left; width:1px; height:1px; overflow:hidden;}
span { }
p{text-align: left; font-weight:normal; padding: 10px 0;}
a, area {outline: none;  text-decoration: underline; }
a:link {
    color: #3D3C3D;
}
a:visited {color: #293e6b;}
a:hover {color: #5f9baf; }
a:active {color: #293e6b; } 
fieldset {border: none 0; margin: 0;padding: 0;}
form, h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
#sbBanner h4 {
    color: #3D3C3D;
    margin: 10px 0 0 0;
}
h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0 0;
}
h2 {font-weight: bold;}
hr {border: solid 1px #000;}
img {border: 0;	}
textarea {height: 80px;}
ul{ padding:10px 20px; list-style:none;}
.marginTop {margin-top: 10px !important; }
.marginBottom {margin-bottom: 10px !important;}
.marginBottom20 {margin-bottom: 20px !important;}
.displayNone {display: none;}
select {
    border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    color: #3D3C3D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 18px;
    letter-spacing: 0.2pt;
    margin: 0 0 5px;
    padding: 0;
    word-spacing: 0.2pt;
}
.selectProduct {margin: 4px 0; width: 90px; color: #444; border-style: none; font-size: 1em;padding: 0;border: 1px solid #999;}
label{}
input, button {
    color: #3D3C3D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    letter-spacing: 0.2pt;
    word-spacing: 0.2pt;
}
.textfield {
    color: #3D3C3D;
    padding: 0;
}
.shorttextfield {width: 90px; padding:0; margin: 0 0 5px 0;}
.longtextfield {width: 165px; padding:0; }
.fieldLabel1Line {width: 100%; margin-bottom: 5px;}
.formRowRight {width: 100%; text-align: right; float: right;}

/*for short forms like Shop by Size and Store Locator*/
.formRowRightShort {  clear: both;  padding: 3px 0; margin:0;float: left; width:100%;text-align: right;}
.formRowRightSmall {  clear: both;  padding: 3px; margin-top:15px;float: right; width:300px;text-align: left;}
select.textfieldshort {
    color: #3C3D3C;
    width: 50px;
}

.uppercase {text-transform: uppercase;}

/*	FOR FORM VALIDATION */
/*	NAMING CONVENSION */
/*  All classes must start with inp_ */
/*  The second position contains the name of the field tag Ex. Textarea : inp_textarea */
/*  If the field is an input field we go by the type of the field : inp_text
/*  For each field type stye please write one for error that reads : inp_textarea_error */


#sendProductDetails label{
	width:40%;
	float:left;
	clear:left;
	margin-bottom:5px;
}

#sendProductDetails input, #sendProductDetails textarea{
	float:left;
	clear:right;
	margin-bottom:5px;
}

#sendProductDetails div{
	float:left;
	clear:left;
	margin-bottom:5px;
}

.mainButtonAddtoBag {color:#444;}
.mainButton {color:#444;}

.mainButtonDis {height:25px;}
.inp_BUTTON {border: 1px solid #ECF3F5;height: 20px; width: auto; font-size: 10px; margin:0 2px; font-weight:normal; color: #293e6b; background: #ECF3F5; cursor:pointer;}
/*.secondaryButtonInverted {border: 1px solid #E9E8E0;height: 20px; width: auto; font-size: 10px; margin:0 2px; font-weight:normal; color: #293e6b; background: #F9F7F2; cursor:pointer;background-image:url(/_static/images/www/Shared/bgButton.png);}*/
.secondaryButtonInverted {border: 1px solid #ECF3F5; background: #ECF3F5; height: 20px; width: auto; font-size: 10px; margin:0 2px; font-weight:normal; color: #293e6b; cursor:pointer; }
.radioButton, .radioButtons {margin: 5px 3px 5px 5px; vertical-align:middle;}


 input.secondaryButton{
	/* background-image:url("/etc/cssImages/submitBTN.gif"); */
	background-color: #293c6b;
	border:0 none;
	color:#FFFFFF;
	font-weight:bold;
	height:22px;
	padding-bottom:3px;
	text-transform:uppercase;
	width:79px;
	font-family:Arial,Helvetica,sans-serif;
 	}

input.purpleButton {
	font-size:13px;
	height:30px;
	background-color:#5B9EB1;
	width:auto;
	font-weight: normal;
	cursor:pointer;
	}
	
 #buttonBlock input.purpleButton {padding-top:2px;width:176px!important;}

/**---------different spacing for the secondary button depending on the container div-----------**/
#summaryBlock .secondaryButton {/*border: 1px solid #F2F1EF;height: 20px; width: auto; font-size: 10px; margin: 0 5px; font-weight:normal; color: #293e6b; background: #Ffffff; cursor:pointer; cursor:pointer; padding: 2px 5px;*/}
#secondaryNavRight .secondaryButton, #secondaryNavRight .secondaryButtonInverted {margin: 5px; width:auto;padding:0 4px;overflow:visible;}
#shippingpayment .secondaryButton {margin: 2px;}


/**--------this text link is not orange anymore-----------**/
.note {/*font-size: 10px;*/ padding-left: 5px;}
.note a:link, .note a, .noteGrey a {padding-left: 5px;}

.noteGrey { padding-left: 5px;}

.text {}
.textOrangeBold {
    color: #3D3C3D;
    font-size: 1em;
    font-weight: bold;
    padding: 0 10px;
}
div.note {font-size: .65em; text-align:center; margin-top: 20px;}
.padding {clear: both;height:30px; font-size:1px; line-height:20px;width: 100%; }
.padding10 {clear: both;height:10px; font-size:1px;width: 100%; }
.separator {clear: both;width: 96%; height: 1px; /*border-top: 1px solid #EDEBE9;*/margin: 0px auto; overflow: hidden;}
.separatorLight {clear: both;width: 99%; height: 20px;border-top: 1px solid #fff;margin: 0px auto;}

/*color for the searchresults, in the media  product info */
.new {
    color: #3D3C3D;
    text-align: center;
    text-transform: uppercase;
}
.sale {text-align: center; color: #990000; text-transform: lowercase;}
.price {text-align: center; color: #293e6b;text-transform: lowercase;}
.finalPrice {text-align: center; color: #F3080F; text-transform: lowercase;}



/**----------footer styles--------------**/
#footer {
    background-attachment: scroll;
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    clear: both;
    color: #3D3C3D;
    font-size: 11px;
    margin: 38px auto 0;
    padding-top: 0;
    text-align: left;
    width: 932px;
}
#footer a { padding: 0.25em 9px; text-decoration: none;} /*colour from the default a:*/
#footer a:link, #footer a:visited {
    color: #3D3C3D;
}
#footer a:hover,
#footer a:active { color:#3D3C3D; }
#footer a span {font-weight: inherit;}
#footer strong a {color: #3D3C3D !important;}
#footer #itemLogo{float:right; margin-top:-12px;}
#footer #copyright {margin-top:50px; color: #999; text-align:center;font-weight:normal;}

/*#footer a:hover { color:#660;} -- takes the default one*/

/*for the first page*/  
#footerCenter {text-align: center; margin: 0px auto; width: 100%; margin-top: 10px; font-size:70%; text-decoration: none;}
#footerCenter a {font-size: 10px;}
/**----------not in use--------------**/
/*a.linkGrey:link, a.linkGrey:visited  { color:#293e6b;  text-decoration: none; font-size:70%;  }
a.linkGrey:hover { color:#293e6b;  text-decoration: none; font-size:70%;  }*/

#footer div.aldosites {margin-top:15px;}
#footer div.aldosites li {border-right:0;padding:0;text-transform:none; font-weight:normal;}
#footer div.aldosites li span.shopBrands {font-weight: bold;}
#footer div.aldosites strong {font-size:9px;}
#footer div.aldosites a {font-size:11px;}

#footer li {text-transform: lowercase;  }
#footer li.first a {padding-left: 0px;}
#footer li.uppercase {text-transform: uppercase;}
#footer li strong .uppercase {font-weight: bold;}

#footer .footerMsg {margin-top:5px; font-size:10px;	}
#footer .footerMsgBig {font-size:11px;}

#footer #facebookFooter {
	float:right;
	padding:15px 7px 0 0;
}

#footer #facebookFooter a{
	float:none; 
}


#footer #warChildLogo {
	display:inline;
	height:32px;
	margin:0 5px 0 0;
	
	}
	
#footer #warChildLogo a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_static/images/www/Shared/WarChild.gif) no-repeat scroll 0 0;
	float:right;
	height:50px;
	width:40px;
	}

/**---------for all the horizontal lists the last item should have this style applied-------------**/
#footer li.lastItem, #topnav li.lastItem  {  border-right: 0 none;  padding-right: 0; }
li.lastItem { border: 0; padding: 0; }

/* horizontal list */
.hlist {margin: 0; padding: 0; list-style: none;overflow: hidden;  }

/* \*/
.hlist{display: inline; }

/* */

.hlist li {margin: 0; padding: 0;  list-style: none; /* IE5/Win */	display: inline; /* IE5/Win */	}
li.lastItem {}
/*.horizontalListEnd {clear: both; display: block;}*/

/*vertical list*/ 
.vlist {margin: 0; padding: 0; list-style: none;float: right;  }
.vlist ul {padding: 0; margin: 0;float: right;}
.vlist li {margin: 0; padding: 0 0 5px 0; list-style: none; /* IE5/Win */	display: inline; /* IE5/Win */	}
.vlist li a {clear: both; padding: 0 0 5px 0;float: right;}

.clear {clear:both;}
/**--------for when no font-size is applied-----------**/
.smallFont {font-size: .7em;}


/*show-hide divs*/

.hidden {  display: block;}
.shown {  display: block;}


/*display error message*/
.errorMessage {color: #CD0102;margin-left: 10px;}


/*simple floating divs*/
.floatRight {clear: both;float: right; text-align: right; width:40%;}
.floatRight a{padding:0 10px 0 10px;  }
.floatRightbutton {clear: both;float: right; text-align: right; margin: 10px; color:#444;}
.floatRightbutton a {color:#444;}
.floatRightbutton a.printLink {color:#444;}
.floatRightbutton a:active {color:#444;}
.floatRightbutton a:visited {color:#444;}
.floatRightbutton a.printLink:visited {color:#444;}

.floatLeft {clear: both;float:left; text-align:left;width:40%;}
.floatLeftFull {clear: both;float:left; text-align:left;}


/*empty div for when there's no content*/
#empty {float:left; font-weight:bold; padding-top:22px;width:752px;height:300px; }
#emptyTemplate {width: 100%; text-align: center;}
#emptyTemplateWL{font-weight:bold;padding-top:10px;}
#emptyTemplateWL a{font-weight:normal;}

.logout {float:right;display: inline;text-align: right;padding: 0; text-transform: none; font-weight: normal;}
.logout a {}
.logout a:active {}
.logout a:visited {}

/*simple table layout*/

.simpleTable {width: 100%; padding: 5px; margin: 0;}
.simpleTable thead td{background: #ECF3F5; border: 0; padding: 5px; font-weight:bold; text-transform:uppercase; color:#293e6b;}
.simpleTable td {border-bottom: 1px solid #ECF3F5; padding: 0 5px; margin: 0; }
.simpleTable td.last {text-align: right; margin-right: 2px; padding-bottom: 2px; }
.simpleTable td.image {width: 30px;}

#wishListTBL{padding:0; clear:both;}
#wishListTBL.simpleTable thead td{padding:5px 3px; text-transform:uppercase; font-weight:bold;white-space:nowrap;}
#wishListTBL.simpleTable td{text-align:center;}
#wishListTBL.simpleTable td.first{text-align:left;}
.simpleTable .innerTable td{border:0 none;}
#wl_logo{margin-bottom:40px; }
#wl_freeShipping{margin-top:40px;}



/*for mandatory fields*/
#divAlignRight {clear: both; width: 100%; height: 20px; float: right; font-size: .8em; text-align:right; padding-right: 20px;}
#mandatory {clear: both; height: 20px; float: left; text-align:right; padding-right: 20px;}
.mandatory {clear: both; height: 25px; padding-top:5px;}
.reset { clear:both; height:1px; font-size:1px; line-height:1px;  }

/*for PRINT*/
#logoPrint {margin: 20px 0; padding-top: 20px;}



/* clearfix hack-------------http://positioniseverything.net*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
#acceptedCards {
	margin:20px 0 0 -40px;
	height:55px;
	width:360px;
	}
	
#acceptedCardsContent {
	margin:15px 0;
	}
	
#acceptedCardsContent table td a {
	display:block;
	margin:10px 23px;
	}	
	
#acceptedCardsContent table td.firstCell a {
	margin-left:0;
	}	
	
#acceptedCardsContent table td.lastCell a {
	margin-right:0;
	}		

.usStore div {
	margin-left:60px !important;
	}
	
#paymentInformationBlock #acceptedCards div {
	float:right;
	margin-left:15px !important;
	margin-right:10px;
	}
	
	
	
#acceptedCardsContent div {
	float:right;
	margin-left:44px;
	}
	
		
#acceptedCards div.linkVisa, #acceptedCardsContent div.linkVisa {	
	margin-left:0;
	}

.usStore div.linkVisa {	
	margin-left:0 !important;
	}	
	
	
	
/* NEW SPRING BUTTONS */

/*Regular Button*/
a.mainButton span, span.mainButton span {
    /*background-color: #3C3D3C;
    background-image: url("/etc/cssImages/mainButtonLeftFwdArrow.gif");
    background-position: 0 0;
    background-repeat: no-repeat;*/
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    /*padding: 0 12px;*/
    white-space: nowrap;
    cursor:pointer;
}

.mainButton {
    background-color: #3C3D3C;
    background-image: url("/etc/cssImages/mainButtonLeftFwdArrow.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    /*padding: 0 12px;*/
    white-space: nowrap;
    text-transform:uppercase;
}


/*Checkout Button*/
a.invFwdArrow,
span.invFwdArrow {
	/*background-color: #293c6b;*/
	/* background-image: url('/etc/cssImages/mainButtonInvRight.gif'); */
	color: #fff !important;
	height: 30px !important;
	line-height: 30px;
	font-size: 13px !important;
	padding-top:0;
	}

/*Regular Button*/

a.mainButton span,
span.mainButton span {
	display: block;
	float: left;
	height: 18px;
	/*background-color:#619baf;*/
	/* background-image: url('/etc/cssImages/mainButtonLeftFwdArrow.gif'); */
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 4px 12px 0 12px;
	white-space: nowrap;
	font-size: 11px;
	font-weight: normal;
	/*width: auto;*/
	}

a.mainButton:active span,
span.mainButton:active span {
	/* padding: 0 5px 0 23px;
	background-position: 0 -22px; */
	}
a.fwdArrow span,
a.invFwdArrow span,
span.fwdArrow span,
span.invFwdArrow span {
	/*height: 28px;*/
	}
a.invFwdArrow span,
span.invFwdArrow span {
/*	background-color: #293c6b;	*/
/*	background-image: url('/etc/cssImages/mainButtonInvLeftFwdArrow.gif'); */
	background-color: #5f9baf;
	font-size:13px;
	font-weight: normal;
	height:30px;
	padding-top:0;
}

a.invFwdArrow,
span.invFwdArrow {
	background-color:#5f9baf !important;
	background-image:none !important;
	}
	
a.fwdArrow:active span,
a.invFwdArrow:active span,
span.fwdArrow:active span,
span.invFwdArrow:active span {
	}

a.mainButton {text-decoration:none !important;}
/***** new buttons end ****/	

.productDetailSelect .quantityBox .mainButton {
		float: right;
	}