/**----- basic elements-----**/
html { font-size:100.01%;  height: 100%; margin-bottom: 1px; }
body { margin:0; padding:0; background:#fff; font-family: Arial,Sans-serif, Helvetica; text-align:left; color:#333; font-weight: normal; font-size: 1em; }
iframe	{float:left;}
#trackingImage	{float:left; width:1px; height:1px; overflow:hidden;}
span {font-weight:normal; }
p{text-align: left; line-height:110%; font-weight:normal; font-size: .95em; padding: 10px 0;}
a, area {outline: none;  text-decoration: underline; }
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #91c328 !important;}
a:active {color: #333;} 
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; }
h3 { font-size: 1em; font-weight: bold; margin: 5px 0 0 0;}
h2 {font-weight: bold;}
hr {border: solid 1px #E4EACC;}
img {border: 0;	}
textarea {height: 80px;}
ul{ padding:10px 20px; list-style:none;}


select  { margin: 0 0 5px 0; padding: 0;font-size: .9em; }
.selectProduct {margin: 4px 0; width: 90px; color: #333; border-style: none; font-size: 1em;padding: 0;border: 1px solid #999;}

.textfield {color: #333;padding: 0;}
.shorttextfield {width: 70px; color: #333;padding:0;font-size: .9em; margin: 0 0 5px 0;}
.longtextfield {width: 180px; color: #333;padding:0; font-size: .95em;}
.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; margin:0;float: left; width:100%;text-align: right;}
select.textfieldshort {width: 50px; font-size:.8em; color: #333;  }

.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 {/*background-image:url(/_static/images/www/Shared/bgButtonAddtoBag.png); background-repeat:repeat-x;  border-top: 1px solid #666; border-bottom: 1px solid #333;  border-left: 1px solid #666; border-right: 1px solid #333; height: 28px; width: 136px;*/ font-size: 11px; margin:0; font-weight: normal; color: #333; padding: 0;margin: 10px 0;cursor:pointer; padding:0 5px; width: auto;}
.mainButton {/*background-image:url(/_static/images/www/Shared/bgButton.png); background-repeat:repeat-x;  border-top: 1px solid #E8E4E0; border-bottom: 1px solid #BAB8AC;  border-left: 1px solid #E8E4E0; border-right: 1px solid #BAB8AC; width: auto; font-size: 11px; margin: 5px; font-weight: bold; color: #666; cursor:pointer;*/ height: 23px;}
.secondaryButton {}
.mainButtonDis {height:25px;}
.inp_BUTTON {border: 1px solid #E9E8E0;height: 20px; width: auto; font-size: 10px; margin:0 2px; font-weight:normal; color: #333; background: #F9F7F2; cursor:pointer;}
/*.secondaryButtonInverted {border: 1px solid #E9E8E0;height: 20px; width: auto; font-size: 10px; margin:0 2px; font-weight:normal; color: #666; background: #F9F7F2; cursor:pointer;background-image:url(/_static/images/www/Shared/bgButton.png);}*/
.secondaryButtonInverted {border: 1px solid #E9E8E0; background: #E9E8E0; height: 20px; width: auto; font-size: 10px; margin:0 2px; font-weight:normal; color: #666; cursor:pointer; }
.radioButton, .radioButtons {margin: 5px 3px 5px 5px; vertical-align:middle;}


/**---------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: #333; background: #Ffffff; cursor:pointer; cursor:pointer; padding: 2px 5px;*/}
#secondaryNavRight .secondaryButton, #secondaryNavRight .secondaryButtonInverted {margin: 5px;}
#shippingpayment .secondaryButton {margin: 2px;}


/**--------this text link is not orange anymore-----------**/
.note {color: #333; font-size: 10px; padding-left: 5px;}
.note a:link, .note a {color: #333; font-size: 10px; padding-left: 5px; text-decoration: underline;}
.note a:hover {color: #000; }

.noteGrey {color: #333; font-size: 10px; padding-left: 5px;}
.noteGrey a:link {color: #333; font-size: 10px; padding-left: 0; text-decoration:underline;}
.noteGrey a:hover {color: #000; }

.text {font-size: 1em; color: #666;}
.textOrangeBold {font-size: 1em; color: #2A5225; font-weight: bold;}


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 {text-align: center; color: #333; text-transform: lowercase;}
.sale {text-align: center; color: #990000; text-transform: lowercase;}
.price {text-align: center; color: #333;text-transform: lowercase;}
.finalPrice {text-align: center; color: #F3080F; text-transform: lowercase;}



/**----------footer styles--------------**/
#footer { clear:both; padding-top:0; background: none; font-size:65%; width: 760px; text-align:left; margin: 0px auto; margin-top: 10px; height: 25px; }
#footer a, #footer a:visited { text-decoration: none; color:#999999;} /*colour from the default a:*/
#footer strong a {color: #91C328 !important;}
#footer #itemLogo{float:right; margin-top:-12px;}
#footer #copyright {margin-top:50px; color: #999; text-align:center;}

/*#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:#333;  text-decoration: none; font-size:70%;  }
a.linkGrey:hover { color:#666;  text-decoration: none; font-size:70%;  }*/

#footer li {  border-right: 1px solid #ddd; padding: 0 4px; text-transform: lowercase;  }
html>body #footer li {  padding-left: 4px; }
#footer li.uppercase {text-transform: uppercase;}
#footer li strong .uppercase {font-weight: bold;}

/**---------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; font-weight: bold; font-size: .90em; }
.floatRightbutton {clear: both;float: right; text-align: right; margin: 10px; }

.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 {width: 100%; height: 300px;font-size: .8em; line-height: 150%; text-align: center; padding-top: 100px; }
#emptyTemplate {width: 100%; text-align: center;}
.logout {float:right;display: inline;text-align: right;padding: 0; text-transform: none; font-size: .8em;}


/*simple table layout*/

.simpleTable {width: 100%; padding: 5px; margin: 0;}
.simpleTable thead td{background: #E4EACC; border: 0; padding: 5px; font-weight:normal; color:#000;}
.simpleTable td {border-bottom: 1px solid #E4EACC; padding: 0 5px; margin: 0; }
.simpleTable td.last {text-align: right; margin-right: 2px; padding-bottom: 2px; }
.simpleTable td.image {width: 30px;}

/*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: right; font-size: .8em;color: #333;text-align:right; padding-right: 20px;}
.mandatory {clear: both; color: #333; height: 25px; padding-top:5px;}
.reset { clear:both; height:1px; font-size:1px; line-height:1px;  }

/*for PRINT*/
#logoPrint {margin: 20px; 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:20px 0 0 40px;
	height:55px;
	width:385px;
	}
	
		
#acceptedCards div {
	float:right;
	margin-left:37px;
	}
	
.usStore div {
	margin-left:60px !important;
	}	
	
#acceptedCardsContent div {
	float:right;
	margin-left:44px;
	}
	
		
#acceptedCards div.linkVisa, #acceptedCardsContent div.linkVisa {	
	margin-left:0;
	}

.usStore div.linkVisa {	
	margin-left:0 !important;
	}