/**----- basic elements-----**/
html { font-size:100.01%;  height: 100%; margin-bottom: 1px; }
body { margin:0; padding:0; background:#fff; font-family: arial,helvetica,sans-serif; text-align:left; color:#666; font-weight: normal; font-size: 11px; letter-spacing: .2pt; word-spacing: .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: #666;}
a:visited {color: #666;}
a:hover {color: #333; }
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 #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  { height: 18px;color: #666;margin: 0 0 5px 0; padding: 0;font-size: 11px;letter-spacing: .2pt; word-spacing: .2pt;font-family:arial,helvetica,sans-serif;font-size: 11px;border: 1px solid #aaa; }
.selectProduct {margin: 4px 0; width: 90px; color: #444; border-style: none; font-size: 1em;padding: 0;border: 1px solid #999;}
label{}

input,button { color: #666; font-family:arial,helvetica,sans-serif;font-size: 11px; }

.textfield {color: #666;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;}
.buttons { clear: both; 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;}
.formRowRightSmall {  clear: both;  padding: 3px; margin-top:15px;float: right; width:300px;text-align: left;}
select.textfieldshort {width: 50px; 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;
}

/* NEW ALDO BUTTONS */

a.mainButton,
span.mainButton {
	display: block;
	float: left;
	overflow: hidden;
	height: 22px;
	line-height: 22px;
	background-color: #666;
	/*background-image: url('/etc/cssImages/mainButtonRight.gif');
	background-position: 100% 0;
	background-repeat: no-repeat;*/
	text-decoration: none;
	text-transform: uppercase !important;
	color: #fff !important;
	cursor: pointer;
	font-weight: normal;
}

body.langfre a.mainButton,
body.langfre span.mainButton {
	padding: 0 3px 0 0;
}


a.invFwdArrow,
span.invFwdArrow {
	background-color: #bc9a4b;
	/*background-image: url('/etc/cssImages/mainButtonInvRight.gif');*/
	color: #fff !important;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
}
a.mainButton span,
span.mainButton span,
span.mainButton input {
	display: block;
	float: left;
	height: 22px;
	/*background-color: #666;*/
	background-image: url('/etc/cssImages/mainButtonLeftFwdArrow.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 8px 0 22px;
	white-space: nowrap;
	color: #fff;
	cursor:pointer;
}

input.replaceInput {
	display: none;
}

span.mainButton input {
    background-color: #666;
    border: 0 none;
    height: 20px;
    padding-top: 1px;
}

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-image: url('/etc/cssImages/mainButtonInvLeftFwdArrow.gif');
}
a.fwdArrow:active span,
a.invFwdArrow:active span,
span.fwdArrow:active span,
span.invFwdArrow:active span {
}

/* .mainButtonAddtoBag {color:#444;}
.mainButton {color:#444;}
.secondaryButton {color:#444;}
.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; 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 {font-size: 1em; color: #333; 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; 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:11px; width: 932px; text-align:left; margin: 0px auto; margin-top: 38px; }
#footer ul.hlist a { padding: 0.25em 9px; text-decoration: none; } /*colour from the default a:*/
#footer a:link,
#footer a:visited { color:#333; }
#footer a:hover,
#footer a:active { color:#000; }
#footer a span {font-weight: inherit;}
#footer strong a {color: #000 !important;}
#footer #itemLogo{float:right; margin-top:-12px;}
#footer #itemLogo span.facebook img{
	margin-bottom:2px;	
	padding-right:20px;
}

#footer #itemLogo span.afa img{
	margin-top:1px;
}
#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:#333;  text-decoration: none; font-size:70%;  }
a.linkGrey:hover { color:#666;  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; padding-right: 9px; }


#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;}

/**---------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; */ margin-bottom: 10px; display: block; font-weight: bold; }


/*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: #eaeaea; border: 0; padding: 5px; font-weight:bold; text-transform:uppercase; color:#333;}
.simpleTable td {border-bottom: 1px solid #eaeaea; 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;}
#wishListTBL.simpleTable thead td{padding:5px 3px; text-transform:uppercase; font-weight:bold;white-space:nowrap;}
#wishListTBL.simpleTable td{text-align:center; overflow: hidden;}
#wishListTBL.simpleTable td.first{text-align:left;}
#wishListTBL.simpleTable td.last {padding-right: 0; padding-left: 0;}
#wishListTBL.simpleTable img {width: 70px; height: 70px;}
.simpleTable .innerTable td{border:0 none;}
#wishListTBL.simpleTable .mainButton {float: right;}
#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; color: #999;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;
	}	

#insertUpdateProfile .formRow {clear:both;}
#insertUpdateProfile #newsLetterBox #submitBTN {
    background: url("/etc/cssImages/mainButtonLeftFwdArrow.gif") no-repeat scroll 0 0 #666666;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    padding: 4px 8px 5px 18px;
    text-transform: uppercase;
    white-space: nowrap;
}
/*.secondaryButton { 
	background: url("/etc/cssImages/mainButtonLeftFwdArrow.gif") no-repeat scroll 0 0 #666666;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    height: 15px;
    line-height: 22px;
    padding: 4px 12px 4px 22px;
    text-transform: uppercase;
    width: auto;
 }*/