/*main css for content Aldo 2006*/
@import url(basic.css);
@import url(mainNavigation.css);
 
.alertbox {  position: absolute;  border: 2px solid #E6E1D9;  background: #FCFBF8;  padding: 5px 15px 5px 15px;  text-align: left;  width: 460px; height:350px ; z-index: 1001;overflow: hidden; }
.alertboxSmall {  position: absolute;  border: 2px solid #E6E1D9;  background: #FCFBF8;  padding: 5px 15px 5px 15px;  text-align: left;  width: 230px; height:100px ; z-index: 1001;font-size: 0.7em;}
.alertbox h3 {  margin: 0 0 5px 0;}
.alertbox p {  margin-bottom: 4px;}
.alertbox .secondaryButton, .alertboxSmall .secondaryButton , .alertboxSmallError .secondaryButton {  font-weight: normal;  font-size: 0.7em; padding: 0 0 5px 10px;} 
.alertbox .title {text-transform: lowercase; padding: 2px; margin: 0; font-size: 1em; font-weight: bold;}
#alertBoxScroller {	width:99%;	height:80%; /*overflow-x:hidden; overflow-y:auto;*/ display:block;/*font-size: .75em; */overflow: auto; overflow-x:hidden; padding: 5px;}
#alertBoxScroller table {width: 90%;}
#alertBoxScroller ul {padding: 10px 2px 10px 1px;margin-top: 10px;} 
#alertBoxScroller li {color: #333; list-style: none; padding: 1px 4px 0px 14px; background-image: url(/_static/images/www/Shared/pixelarrow.gif);background-repeat: no-repeat;background-position: 0 .5em; text-transform:lowercase;font-size: 0.7em;}
#alertBoxScroller p {font-weight: normal;line-height: 120%;width:90%;font-size: .7em; }
#alertBoxScroller .fieldLabel {font-size: .7em; font-weight: bold; width: 120px;height: 20px; }
#alertBoxScroller .inp_text {font-size: .7em; font-weight:normal; width: 150px; height: 16px; margin: 0 0 5px 0; color: #333;}
#alertBoxScroller .inp_textarea, .inp_TEXTAREA {font-size: .7em; font-weight:normal; width: 150px; height: 40px; font-family: Arial;color: #333;}
#alertBoxScroller .inp_text_error {background-color:#f8f8f8;  width: 150px; border: 1px solid #666;height: 16px; color: #666; }
#alertBoxScroller .inp_textarea_error { background-color:#f8f8f8; border: 1px solid #666;height: 40px; color: #666;  width: 150px;}
#alertBoxScroller .fieldLabel_error {color:#333;font-size: .7em; font-weight: bold; width: 120px;height: 20px; }
#alertBoxScroller .formRowRight {width: 60%;}
#alertBoxScroller .formRow {width: 100%;}
#alertBoxScroller strong {margin-bottom: 10px;}
#alertBoxCloseButton {	width:100%;	height:20px; display:block; text-align:right;padding:0; margin-bottom: 20px;}

#alertBoxCloseButton button {text-align:center;padding:0;margin:0;width:30px;}
.alertboxSmall #alertBoxScroller{text-align:center;}

.alertboxSmallError{ position: absolute;  border: 2px solid #EC2127;  background: #FFF;  padding:0 0 5px 50px;  text-align: left;  width: 230px; height:100px ; z-index: 1001;font-size: 0.7em;background-image: url(/_static/images/www/Shared/icoAlertError.gif);background-repeat:no-repeat;background-position:18px 38px;}
.alertboxSmallOk{ font-weight:bolder;position: absolute;  border: 2px solid #89C63A;  background: #FFF;  padding: 0 0 5px 50px;  text-align: left;  width: 230px; height:100px ; z-index: 1001;font-size: 0.7em;background-image: url(/_static/images/www/Shared/icoAlertConfirm.gif);background-repeat:no-repeat;background-position:18px 38px;}

.alertboxSmallError .secondaryButton, .alertboxSmallOk .secondaryButton{  font-weight: normal;  font-size: 1em; padding:5px 10px;border:0;background-color:#FFF;cursor:pointer;} 

.alertboxSmallError #alertBoxCloseButton button, .alertboxSmallOk #alertBoxCloseButton button {font-weight: normal;  font-size: 1em; padding:5px;border:0;background-color:#FFF;cursor:pointer;width:100px; text-align: right;} 


#CountrySelection {background-image:url(/_static/images/shared/imgLanguageSelection.jpg);  width: 760px; height: 456px; margin: 0px auto; margin-top: 100px; font-size: .85em;}
#CountrySelection ul  { position:relative;top:130px; margin-left: 370px; height: 20px; background: #91c328; line-height:20px;}
#CountrySelection.langSelectCenter ul {padding-left: 100px;}
#CountrySelectionList ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1;*/
	text-align: right;
	line-height: 30px;
	
		
}

#CountrySelectionList a {
	display: block;
	width: 10em;
	text-decoration:none;
	color: #fff;
	background: #91c328;
	text-transform: uppercase;
	font-weight: bold;
	padding-left:12px;
	
}
#CountrySelectionList .usa a {
	padding-left: 0px;
	
}
#CountrySelectionList li { /* all list items */
	font-size: 1.2em;
	list-style: none;
	float: left;
	width: 90px; /* width needed here */
	overflow:hidden;
	height: 30px;
}
#CountrySelectionList li.french {width: 97px;}
#CountrySelectionList li.international { 
	width: 145px; /* width needed here */
}
#CountrySelectionList li.bull { /* all list items */
	width: 3px; /* width needed here */
	color: #fff;
	font-weight: bold;
}
#CountrySelectionList li.short { /* all list items */
	width: 45px; /* width needed here */
}

#CountrySelectionList li ul { /* second-level lists */
	position: absolute;
	top: 40px;
	background: #91c328;
	/*filter:alpha(opacity:80);*/
	width: 5em;
	text-align: left;
	left: -999em; /* using left instead of display to hide menus because display none isn't read by screen readers */
	
}
#CountrySelectionList li:hover a, #CountrySelectionList li a:hover {color:#333 !important;}  
#CountrySelectionList li:hover ul, #CountrySelectionList li.sfhover ul { /* lists nested under hovered list items */
	left: auto;

}

#CountrySelectionList li li { font-size: .7em; width: 8.1em;}

#CountrySelectionList ul.internationalList, #CountrySelectionList ul.internationalList li, #CountrySelectionList ul.internationalList li a {width:181px;}
#CountrySelectionList li li a {width:100px;padding-left: 14px;text-transform: capitalize;color: #333;font-weight: normal;}

#mainContainer { background:none; margin:0 auto; width:760px; /*text-align:center;*/}
#header {
  background-repeat:no-repeat;
  background-image:url(/_static/images/www/Shared/aldoLogo.gif);
  background-position: 0px 50%;
  width:760px;
  height:90px;
  margin-top:0;
  }
 .headerLogoUS {  background-image:url(/_static/images/www/Shared/aldoLogo.gif); }
 .headerLogoCA {  background-image:url(/_static/images/www/Shared/aldoLogo.gif); }
 .headerLogoINT { background-image:url(/_static/images/www/Shared/aldoLogo.gif); }
 
#logo a{
  background:none;
  background-color:transparent;
  float:left;
  display:block;
  width:185px;
  height:35px;
 position:relative;
  top: 30px; 
  left: 10px;
  padding:0;
  border-width:0;
  text-decoration:none;
  text-indent:-90000px;
}

#logo span{
  background:none;
  background-color:transparent;
  float:left;
  display:block;
  width:185px;
  height:35px;
  margin:30px 0 0 10px;
  padding:0;
  border-width:0;
  text-decoration:none;
  text-indent:-90000px;
}

#topnav { width:560px;  padding:0;  height:30px;  float: right; }
#topnav ul {  margin:0;  list-style:none; }
#topnav li { float: right; margin:5px 0 0 0; padding:0; background-image:none; text-indent:0; height: 15px; border-right: 1px solid #ddd; }
#topnav li ul { /* second-level lists */
	display: block;
	margin: 0;
	border: 1px solid #f8f8f8;
	padding-bottom: 4px;
	text-align: left;
	position: absolute;
	background: #ffffff;
	width: 1.3em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#topnav li ul li {font-size: .7em; border: 0;}

#topnav li:hover ul,#topnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 2000;
}
  
#topnav a{ display:block; margin:0;  padding:.25em 8px;  border-width:0;  font-size:.6em;  text-transform:lowercase;  text-decoration: none;  background:inherit; vertical-align: middle; color:#999; }

/*not sure if we need this*/ 
#topnav strong a{/*font-size:100%;  margin-top:0;  padding:0;*/}
#topnav strong a{color:#91C328; height: 15px;}

/**---------#topnav a:hover {color:#518fb1;} not in use////using the default ones----------**/

/*general content for all the templates*/

html> body> #content {min-height: 300px; height:auto;width: 760px;}

/*checkout Process*/
#contentCheckout {clear: right; width: 760px; text-align:left; padding: 20px 0; background: #fff; height: auto;}  


 /*content homepage*/
#homepageMainBanner {width: 760px; height: 456px;}
#menuInside {margin: 0; padding: 0; float: left; margin-top: 320px;}
#menuInside li {margin-left: 20px;list-style: none; text-align:left; color: #333; font-size: 1.2em; }
#menuInside li a:link, #menuInside li a:visited {text-decoration: none; color: #333;}
#menuInside li a:hover {text-decoration: none; color: #333;}
#homepageSecondaryBanner {width: 220px; height: 320px; float: right; margin-right: 20px; margin-top: 70px;}


/*content general*/
/*shopping bag image moved to ENG////FRE*/

#shoppingbag {background: #fff; background-position:0; background-repeat:no-repeat; height: 50px; width: 760px; text-align: left; margin:0;padding: 0; border: 1px solid #ddd;border-left: 0; border-right: 0; }
.gotoShoppingBag	{width:120px; overflow:hidden; float:left;}
#shoppingbag img {padding-left:20px; margin: 0;}
#productThumbnail {width:480px; float: left; padding: 0; padding-top: 5px;}
#shopBag {width: 305px; float: left;}
#checkoutButton{float:left; width: 70px; height: 40px;margin-top: 5px;}

#checkoutItems {float: left;  width: 70px; height: 40px;margin-top: 5px;}
.items {font-size: .6em;}
.total {font-size: .7em;color: #333;}


#rightButtons {width:155px; float: right; border-left: 1px solid #ddd; height:50px;}
#rightButtons ul {list-style:none;padding:6px 0 ;margin: 0 0 0 10px;}
#rightButtons li {padding: 0; margin: 0;margin-top: 2px;}
#rightButtons li a{display: block; padding:0; margin:0;height: 18px; font-size:0; width: 140px; cursor: pointer; }
#rightButtons li a:hover {width: 140px;}

/*GenderLandingPage*/
#GenderMainBanner {width: 760px; height: 410px;}
#GenderRightColumn {float: right; width: 230px; height: 100%; margin: 0; padding: 0; }
#PageTitle{width: 230px; height: 30px; margin-top: 130px; }

#ProductImages {width: 230px; margin-top: 20px; height: 120px;}
#ProductImages h2 {font-size: .7em; font-weight: normal; color: #333; text-align: left; padding-bottom: 4px;}
#rotatingImages {width: 230px; height: 100px; background: #fff; overflow: hidden;}

/*right column banners*/
#bannerRightColumn {float: left; width: 250px; height: 115px; margin: 0; padding: 0; background: #fff;overflow:hidden;}
#bannerTop {width: 250px; height: 115px; overflow:hidden;}
#bannerBottom {width: 230px; height: 50px; overflow:hidden;} 

/*BOTTOM NAVIGATION STYLES*/
/*3 column nav built in 3 lists with 3 different IDs*/
#OpenNavigation {float: left; background: #fff;	height: 115px;  overflow: hidden;}

#OpenNavigation  h2 {
	padding-left: 16px; /*TO TAKE A LOOK this is only for explorer*/
	font-size: 11px;
	font-weight: bold;		
}

#OpenNavigation  ul {margin:0; padding:0; border:0; /*width:530px;*/}
#OpenNavigation  li {display:block; height:14px; font-size: 11px;font-weight: bold;list-style-type: none;margin: 0;	padding: 0;color: #3a3a3a;
	line-height: 120%;
	text-align:left!important
}
#OpenNavigation .level1 {background:#fff !important; padding: 6px 18px; padding-left: 0px; margin-bottom: 4px; }
#OpenNavigation .level1 a:link, #OpenNavigation .level1 a:visited,  #OpenNavigation .level1 a:hover  {color: #333;text-decoration:none;font-weight: bold;list-style-type: none;margin:0; font-size:12px;}
#OpenNavigation  li a:link, #OpenNavigation  li a:visited {color: #999;text-decoration:none;font-weight: normal;list-style-type: none; margin:0;padding:0; font-size:9px;}
#OpenNavigation  li a:hover {color: #518fb1;list-style-type: none;text-decoration:none;}
/* Commented backslash hack hides rule from IE5-Mac \*/
#OpenNavigation a, #OpenNavigation a span {float: none;}
/* End IE5-Mac hack */

/*categorie blocks for gender moved to english-french css*/

/*class added to the accessories OpenNavigation*/
/*width needs to sum 530px */
#accessoriesCategory1 {margin-top:0;width: 110px;float: left;height: 70px;}
#accessoriesCategory2 {margin-top:0;padding-left: 0;width: 400px;float: left;height: 70px;}

 
/*layout categories*/
#categoryName { width: 100%; height: 45px; background: #fff; text-align:left; padding: 0; }
#categoryName img {padding: 16px 0 0 0px; }
#subcategoryNav {clear: both; padding: 0; float: left; margin: 6px 0 6px 0;}
#subcategoryNav ul {padding:0; margin: 0; }
#subcategoryNav li {list-style:none; display:inline; margin:0; font-size: .7em;  padding: 0 0 0 5px; font-weight: normal; border-right: 1px solid #666; }
#subcategoryNav li a {text-decoration: none; color: #333; }
#subcategoryNav li a:hover {text-decoration:underline; color: #518fb1; }
#subcategoryNav li strong a {color: #91c328; font-weight: bold; }
#subcategoryNav li.lastItem {border: 0; padding: 0 5px; }
#subcategoryNav li.lastItem strong a{color: #91C328; font-weight: bold; }

/*category Landing Pages*/
#CategoryLanding {width: 760px; height: 360px; margin: 0; padding: 0; text-align: left; overflow: hidden;}
#CategoryLanding img {margin: 0; padding: 0; vertical-align:top;}

#CategoryLanding h3 {font-size: 75%; color: #583C2B; text-align: left; margin-left: 15px; margin-top: 10px; font-weight: normal;}
#CategoryLanding h3 a:link, #CategoryLanding h3 a:visited {color: #6A665B; text-decoration: none;}
#CategoryLanding h3 a:hover {color: #6A665B; text-decoration: underline; }

#CategoryWrapper {width: 620px; height: 100%; margin-left: 140px; text-transform: lowercase;}
#CategoryWrapper h2 {font-weight: normal;}
/*following  was catDress , CatCity, CatCasual */
#Cat1{width: 190px; height: 350px;float: left; padding: 0; margin-top:10px; }
#Cat2{width: 190px; height: 350px;float: left;padding: 0;margin-top:10px; margin-left: 10px; }
#Cat3{width: 190px; height: 350px;float: left; padding: 0;margin-top:10px;margin-left: 15px; }
#CategoryLanding .legend {margin-top: 50px; text-transform: none;}
#CategoryLanding img {margin-top: 50px;}
#CategoryLanding h2 a {text-decoration: none;}


/*search results page*/
#filtersNav {float: right; width:auto; /*height: 20px; background: #F8F7F3;*/ margin: 20px 0px 5px; /*text-align: right;*/padding:0 0 0 10px;}
#filtersNav div.filtersection {margin:0px -3px 0 0; padding:5px; height:35px; float:left;}
#filtersNav div.filtersection input.secondaryButton {margin-top:18px; height:23px;}
#filtersNav div.filtersection h4 {margin-bottom:5px; color:#2A5225; text-align:left; font-size:0.7em; font-weight:bold;}
#filtersNav select{width: 100px;  margin: 0; border: 1px solid #ccc; font-size:.6em; height: 18px;padding: 0;}
#filtersNav select.selectWide {width: 140px;}
#filtersNav a:link {font-size:.6em; text-decoration: none; padding: 0 5px; color: #333; background: #F7F5F3; cursor:pointer; cursor:pointer;border: 1px solid #F2F1EF;}
.shopby {font-size: .7em; padding: 0; margin: 0;}
.dottedborder,.dottedborderLeft {background-image: url(/_static/images/www/Shared/filterborder.gif);background-repeat:repeat-y; background-position:right;}
.dottedborderLeft {background-position:left;}
.gobox {margin:0px; padding-top:0;}
/*--search results page*/
 
#pagesNav, .pagesNav {float:right; width: auto; height: 24px; background: #f8f7f3; padding: 0 0 2px 2px; margin: 20px 0; text-align: right; font-size:1.1em;}
#searchResultsImage {float: left; width: 560px; font-size:.9em; margin:0px 0px 0px 23px; padding: 0; overflow:hidden;}
#searchResultsImage .product {float: left; width: 140px; height: 150px; margin:0 auto; /*font-size: .7em;*/ padding: 0;}
#searchResultsImage .product img {border-bottom: 5px solid #F3F1ED;}
#searchResultsImage .price {font-size: .7em; }
#searchResultsImage .new { border-left: 1px solid #CCC; padding-left:2px;}
#searchResultsImage .sale {border-left: 1px solid #CCC; padding-left:2px;}
#searchResultsImage .legend {text-align: center; color: #333; }
#leftColumnBanner {position:relative; top:0px; clear: both; float: left; width: 166px; height:360px;margin: 0; padding: 0; overflow: hidden;margin:-40px 10px 10px 0;}
#leftColumnBanner img {margin-top:40px;}
#leftColumnBanner.accessoriesNoTopMargin,#leftColumnBanner.accessoriesNoTopMargin img {margin-top:0px;}

#leftColumnBannerAccessories {position:relative; top:0; clear: both; float: left; width: 166px; height:360px;margin: 0; padding: 0; overflow: hidden;margin:0 10px 10px 0;}
.searchResultsRow {margin: 0; width:580px;}

/*Bottom pagination*/
#searchResultsBottom { clear: both;margin: 0; padding: 0; width: 560px; height:24px;text-align: left;float: right; margin-bottom: 10px;margin-top: 20px;}
#searchResultsBottom .textfield	{float:left;}
#searchResultsBottom .textfield	select {width:120px; font-size:11px; margin:3px 20px 0 0;}
#searchResultsBottom ul {padding: 0; margin: 0;}
#searchResultsBottom li {padding:0px; margin: 0;}
#searchResultsBottom li.selected {font-weight: bold;font-size:.65em; color: #333;padding: 0 2px; }
#searchResultsBottom li a {text-decoration: none; font-size:.65em; }
#searchResultsBottom li a:hover {text-decoration:underline; color: #333333; }
#searchResultsBottom li.lastItem {border-style: none; margin-left:10px;}
#searchResults .resultsNotFound{margin: 0px auto; margin-top:100px;text-align:center;height: 200px; font-size: .8em; line-height: 150%; }




/*search results NO IMAGE ---- for 5 column layout like NEW ARRIVALS*/
#searchResults {clear: both; width: 570px; font-size:.9em; margin:0px; padding:0px;}
#searchResults .product {float: left; width: 130px; height: 103px; margin: 0px auto;/* font-size: .7em; */padding: 0 2px; margin-left: 2px;}
#searchResults .product img {border-bottom: 5px solid #F3F1ED; margin-left: 4px;}
#searchResults .price {text-align: center; color: #333;font-size: .7em; }
#searchResults .legend {text-align: center; color: #333; text-transform: lowercase; }
.catNewArrivals {font-size: .8em; padding-top: 10px; margin-left: 0;clear:both;width: 80%;float: left;}
.catNewArrivals a{text-decoration: none; font-weight: normal; color: #333; }
.catNewArrivals li {/*border-right: 1px solid #ccc;*/ padding: 2px 6px 0 0; font-weight: bold; color: #2a5225;}
.catNewArrivals li.lastitem {border: 0;}

#customerserviceBlock, #aboutALDOBlock, #CMSBlock {width:720px; height: auto; padding-bottom: 20px; margin: 0px; font-size: .7em;  }

#menuList {clear: left; width: 210px; padding-top: 5px; height: auto;}
#menuList ul {padding: 10px 2px 10px 1px;margin-top: 10px;} 
#menuList li {color: #333; list-style: none; padding: 5px 4px 0px 14px; background-image: url(/_static/images/www/Shared/pixelarrow.gif);background-repeat: no-repeat;background-position: 0 .5em; text-transform:lowercase;}
#menuList a {text-decoration: none;}
#menuList h1 {font-size: 1.1em; font-weight:normal; color: #333;margin-left: 40px;}
#menuList h5 {font-size: 1.1em; font-weight: bold ;color: #333;margin-left: 40px;}
#menuList h3 {font-size: 1.1em; font-weight: bold;color: #333;}
#menuList strong a{color: #91C328;}
#menuList li.lastItem {text-transform: lowercase;}


/*in use for all the pages that have a left column--- Customer Service// Store Locator// whats New//*/
#contentBlock, #blockRightWide {width:490px; float: right; padding: 0; margin: 0; color: #333;}
#contentBlock h4,#blockRightWide h4 {width: 100%; height: 20px; color: #333; font-weight: bold; margin-bottom:4px; background: none; padding: 0;}
#contentBlock p {line-height: 130%;}
#blockLeftNarrow {clear: both;float:left; width: 200px; height: auto; margin: 0; padding: 0;}

#blockLeftNarrow h3 {padding: 0;}
#blockLeftNarrow #menuList ul {padding: 0; margin: 0;} 
#blockLeftNarrow #menuList {clear: left; width: 210px; padding: 10px 0 0 10px;}
#myaccountBlock #blockLeftNarrow #menuList {padding: 10px 0 0 5px;}
#blockLeftNarrow #menuList li {color: #333; list-style: none; padding: 2px 4px 2px 14px; background: url(/_static/images/www/Shared/pixelarrow.png)left; background-repeat: no-repeat;}
#Form{width: 90%; }
#Form.aldoFullWdith {width: 100%;}
#Form .separator {width: 100%;}
#noteBlock {clear: both;float:left; width: 190px; height: auto; margin: 0; background:#E4EACC; padding: 10px; margin-bottom: 20px;}
#noteBlock p {color: #333; font-size: 1em; line-height: 150%;}
#blockRightWideLeft {width: 44%; height: auto; float: left; border-right: 1px solid #999; padding:0 0 0 5px; margin: 0 0 20px 0 ;}
#blockRightWideLeft h2, #blockRightWideRight h2 {padding: 10px 0;}
#blockRightWideRight {width: 44%; height: auto; float: left; padding:0 0 10px 10px;}
#informationBlock1 {clear: both;width: 470px; height: auto; margin: 10px 20px 0 0; padding: 10px 0 10px 10px; background: #FCFCFC; }
#informationBlock1 {clear: both;width: 470px; height: auto; margin: 10px 20px 0 0; padding: 10px 0 10px 10px; background: #FCFCFC; }
#informationBlock1.detailsTable {padding:0;width:480px;margin:5px 0;}
#informationBlock1.detailsTable .simpleTable {padding: 0px;}
#informationBlock2 {clear: both;width: 470px; height: auto; background: #E4EACC; margin: 10px 20px 0 0; padding: 10px 0 10px 10px; }
#blockRightWideLeft .dashBorder {border: 1px dasshed #999;}
#informationBlock1 .orderStatus .orderStatusHead {color: #333333;background: #E4EACC;font-weight:bold;}
#informationBlock1 .orderStatus .borderLeft {border-left:1px solid #E4EACC;padding:0px;text-align:center;}
#informationBlock1 .orderStatus .borderRight {border-right:1px solid #E4EACC;padding:0px;}
#informationBlock1 .orderStatus .borderBottom {border-bottom:1px solid #E4EACC;padding:0px;}


/*exceptions in list for my account right block*/
#myaccountMsgBlock ul {padding: 0 2px 10px 1px;margin-top: 0;} 

/*Accessories pages*/


#AccessoriesSearchResultsBlock {width: 560px; float: left;}
#AccessoriesSearchResultsBlock #pagesNav {width: 136px; height: 20px; background: #F8F7F3; padding: 0; margin-left: 20px; float: left; font-size: 1em;}
#AccessoriesSearchResultsBlock #categoryName {float: left; height: 60px; background: #fff; text-align:left;}
#AccessoriesSearchResultsBlock #searchResults {width: 100%; margin-left: 20px;}
#AccessoriesSearchResultsBlock #searchResults .product {float: left; width: 140px; height: 103px; margin: 0px auto;font-size: .7em;padding: 0; }


/*storeLocator*/
#storeLocatorBlock, #shopbysizeBlock {width:720px; height: auto; padding: 0; margin: 0 5px 0 0px; font-size: .7em;  }
#storeLocatorBlock #noteBlock {clear: both;float:left; width: 200px; height: 30px; margin: 0; background:#F8F7F3; padding: 10px; margin-bottom: 20px;}
#storeLocatorBlock #imageBlock {clear: both; float: left;background: #999;width: 200px; height: 100px;padding: 10px;margin-top: 10px;}
#storeLocatorBlock .formRowLeft, #shopbysizeBlock .formRowLeft  {clear: both;padding: 6px; margin:0; float: left; width:100%;}
#shopbysizeBlock  #level2 .radioLine  {float:left; width:95px;}
#shopbysizeBlock  #level3 .radioLine  {float:left; width:130px;}
#storeLocatorBlock .formRowColor { clear: both;  padding: 2px; margin:0; background:#E4EACC;width:300px;}
#storeLocatorBlock .formRowColor select{text-transform:none;}
#storeLocatorBlock .formRowColor input.shorttextfield {margin:0;}
#storeLocatorBlock .formRowCheckbox, #shopbysizeBlock .formRowCheckbox  {padding: 6px; margin:0; float: left; clear:left; width:400px;}
#storeLocatorBlock h2, #shopbysizeBlock h2 {padding: 10px 0;}
/*#storeLocatorBlock .title {padding: 5px; background:#F8F7F3; margin: 10px 0 0 0; font-size: 1.2em; color: #999; font-weight: normal;}*/
#storeLocatorBlock .blockleft {width: 180px; float: left; border-bottom: 1px solid #999; height: auto; margin: 4px;}
#storeLocatorBlock .blockright { clear: both;float: right;width: 180px; border-bottom: 1px solid #999; height: auto;margin: 4px;}


/*contest*/
#contest {width:720px; height: auto; margin: 0; font-size: .7em;  padding:10px;padding-left:8px;}
#contest .fieldLabel {width: 130px;height: 20px; height: 18px;display:block;padding-top:2px;}
#contest .firstBlock{
	width:100%;
	padding:9px;
}
#contest .secondBlock{
	width:100%;
	text-align:center;
	padding:9px;
	clear:both;
}
#contest .secondBlock .fieldLabel{
	width:100%;
	text-align:center;
	clear:both;
}


#contest input {height: 16px;}


#contest .instructions{padding:5px;margin-top:8px;margin-bottom:8px;backGround-color:#f3f1ed;}


#contest #firstBlockType1 .imageBlock {width:100%;text-align:center;display:block;}
#contest #firstBlockType1 .textBlock {width:100%;display:block;padding-top:8px;}

#contest #firstBlockType2 .imageBlock {width:45%;float:left;text-align:center;display:block;}
#contest #firstBlockType2 .textBlock {width:45%;float:left;display:block;padding-right:8px;clear:right}


#contest #firstBlockType3 .imageBlock {width:50%;float:left;text-align:center;display:block;}
#contest #firstBlockType3 .textBlock {width:50%;float:left;display:block;padding-left:8px;clear:right}


#contest #firstBlockDefaultType .imageBlock {width:100%;text-align:center;display:block;}
#contest #firstBlockDefaultType .textBlock {width:100%;display:block;padding-top:8px;padding-bottom:8px;}

#contest textarea {width:330px;height:180px;}

.contestThanks{
padding:10px;
height:270px;
text-align:center;
padding-top:130px;
}


/*title for all pages*/
.title{padding: 5px; background:#E4EACC; margin-bottom: 10px; font-size: 1.1em; text-transform: uppercase; font-weight: bold;height: 15px;}
div.title {clear: both;}
div#myaccountBlock div.title {clear: none;}


/*all left banners*/
#myaccountLeftBanner {clear: both; float: left;width: 210px; height: 180px; margin:0 0 10px 0; padding-top:10px;}
#storelocatorLeftBanner {clear: both; float: left;width: 210px; height: 180px; margin:0 0 10px 0; background: url("/_static/images/www/Shared/imgLeftBanner.jpg");}
#customerserviceLeftBanner {clear: both; float: left;width: 210px; height: 180px; margin:0 0 10px 0; background: url("/_static/images/www/Shared/imgLeftBanner.jpg");}
#shopbysizeLeftBanner {clear: both; float: left;width: 210px; height: 180px; margin:0 0 10px 0;}
#aboutALDOLeftBanner {clear: both; float: left;width: 210px; height: 180px; margin:0 0 10px 0; background: url("/_static/images/www/Shared/aboutAldoLeftBanner.jpg");}
#whatsnewLeftBanner {clear: both; float: left;width: 210px; height: 180px; margin:0 0 10px 0; background: url("/_static/images/www/Shared/whatsnewLeftBanner.jpg");}
#newArrivalsBanner {
	/*clear: right;*/
	clear: left; 
	float: left;
	width:166px;
	height:347px;
	background-image:url(../_static/images/www/Shared/banner_trends.jpg);
	background-repeat:no-repeat;
	background-position:0px top;
}

/*all styles used inside the CMS Block start here ------ONLY FOR CMS*/
#CMSBlock h3, #CMSBlock p {padding: 10px 0 ;}
#CMSBlock .date {padding: 0 0 10px 0 ; width: 100%; display: block; border-bottom: 1px solid #EDEBE9; margin-top: 10px;font-size: .9em;}

/*CMS styles */
h5, .titleh5 {	font-family: "Courier New", Courier, monospace;	color: #772A75;	font-weight: bold;}

.style4 {font-family: "Courier New", Courier, monospace; color: #772A75; font-weight: bold; }
.style7 {font-size: small; font-weight: bold; }
.style11 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

/*.pagesNav {float: right; width: auto; background: #F9F7F4; padding: 2px 0 4px 2px; margin: 20px 0; text-align: right; font-size:1.1em; height: 22px; }
.pagesNav li a{padding: 0 2px 4px 0; }*/


/***************************/



/*breadcrumbs*/
ul#breadCrumbs {
	margin:2px 0px 2px -5px;
	padding:0;
	list-style:none;	
	float:left;
}


ul#breadCrumbs li {
	margin:5px 0px;
	display:block;
	border:none;
	background-image:url(../_static/images/www/Shared/arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 50%;	
	
}
ul#breadCrumbs li a {/*font-family:"Courier New", Courier, mono, Arial;font-size: 12px;*/text-transform: lowercase;}

ul#breadCrumbs li a:link {
	margin:0px;
	padding:0 5px 0 20px;
	text-decoration:none;

}
ul#breadCrumbs li a:visited {
	margin:0px;
	padding:0 5px 0 20px;
	text-decoration:none;
}

ul#breadCrumbs li a:hover {
	margin:0px;
	padding:2px 15px 2px 20px;
	color:#518fb1;
	text-decoration:none;
}
ul#breadCrumbs li a:active {
	margin:0px;
	padding:0 5px 0 20px;
	text-decoration:none;
}
ul#breadCrumbs .active {
	margin:0px;
	padding:2px 15px 2px 20px;
	color:#91c328;
}
/*--breadcrumbs*/



/*Gift Card*/

#giftCard { height: auto; font-size: .7em; font-weight:normal; text-align:left; margin: 0; padding: 0;}

#giftCard h2 {font-size: 1.3em; width: 80%;float: left;}
#giftCard h3 {font-size: 1em; color: #333; text-align: center; width: 50%;}
#giftCardTop {clear: both; margin: 0; float: left; width: 760px;height: auto; margin-left:0px;}
.descriptionText {padding: 5px 0;}
/*middle*/
#giftCardMiddle {margin-left: 10px; padding: 0;float: right; width: 370px; margin-right: 20px;height: 150px;margin-top: 0; }
#giftCardMiddle p{clear: both; padding: 0 0 10px 0; line-height: 110%; font-size: 1.1em; font-weight: bold;}
#giftCardMiddle label {font-weight: bold; float: left;display: block;}
#giftCardMiddle select {margin-left: 0;margin-top: 30px;width: 140px;float:left; }
#giftCardMiddle input{width: 140px; margin:5px 0 10px; float: left;clear:both;}
#giftCardMiddle ul {float: right; padding: 0; margin: 0;}
#giftCardMiddle ul a {text-decoration: none;}
#giftCardMiddle .noteGrey {clear:both;float:left;margin-top:0px;margin-right:2px;padding-left:0;}

#giftCardMiddleForm {padding: 0;float: right; width: 360px; height: 250px; margin: 10px 20px 0 0; }
#giftCardMiddleForm .clear {clear: both; height: 5px;}
#giftCardMiddleForm p{clear: both; padding: 0 0 10px 0; line-height: 110%; font-size: 1.1em; font-weight: bold;width: 80%;}
#giftCardMiddleForm label {clear: both; font-weight: bold; float: left;display: block;}
#giftCardMiddleForm select {margin-left: 80px;margin-top: 20px; }
#giftCardMiddleForm input{width: 140px; margin:5px 0 10px;clear: both; float: left; }
#giftCardMiddleForm ul {float: right; padding: 0; margin: 0;margin-bottom: 10px;}
#giftCardMiddleForm ul a {text-decoration: none;}
#giftCardMiddleForm .noteGrey {float:right; margin-top: 40px;margin-right:2px;}

.giftCard {border: 1px solid #EDEBE9; width: 350px;float: left;}
#giftCardTop  .title {padding: 5px 0; margin: 10px 0 0 0; font-size: 1.2em;}
#giftCardTop  .title a{text-decoration: none;}
#giftCardBalance {float: left; width:370px; margin: 0px auto; padding:10px; height: 60px; margin-left: 10px;}
#giftCardBalance .title {font-weight: bold; margin-bottom: 5px; background:#fff;}
#giftCardBalance input {width: 100px; font-size: 11px;}
#giftCardBalance input.shorttextfield {width: 50px; font-size: 10px; margin-left: 2px;}
#giftCardCrossSell {margin: 10px; clear: both; float: left; width: 320px;margin-bottom: 10px;margin-left: 0px;}
#giftCardCrossSell h3 {width: 330px; text-align: left; margin: 10px 0;font-size: 1.2em;}
#giftCardCrossSell img {float: left;}
.promoItem {width: 130px; height: 105px; border: 1px solid #ccc;margin-left: 10px;float: left; }
#invalidCVC,#invalidCard_1,#invalidNumber_error {clear:both;}
#content {margin-bottom: 0px;}


#promoBanner {float: left;width: 134px; height: 80px; background: #ffffff; margin: 0px auto; margin-top: 10px;display:none; }

#categoryNewsletter h2 { margin: 0 0 20px 0; }

/*******************************************************/
/* FORWARD TO A FRIEND NEWSLETTER */

.marginTop {margin-top: 10px;}
#newsletterBlurb {display: none;}
#yourInfo {
	float:left;
	width:335px;
	font-size:11px;	
}
#friendInfo {
	float:left;
	width:400px;
	padding-left: 20px;
	font-size:11px;	
}
#friendInfo span.message {
	display: block;
	width: 160px;
	float: left;
	margin-bottom: 8px;
}
#yourInfo h2, #friendInfo h2 {margin-bottom: 20px;}
#friendInfo .fieldLabel, #yourInfo .fieldLabel {
	width: 140px;
	font-weight: bold;
}
#friendInfo .formRowError, #yourInfo .formRowError {
	background:#E4EACC none repeat scroll 0%;
	width: 310px;
}
#friendInfo textarea {font-family:arial,helvetica,sans-serif;font-size:11px;width: 160px;}
#thankYouHeader {
	text-align:center;
	margin-top:20px;
}
.messageSent {
	font-size:11px;
	text-align:center;
	margin-bottom: 65px;
}
#shoninaldo {
	text-align:center;
	font-size:12px;
	margin-bottom: 10px;
}
#aldocatlog {text-align:center;}

#aldocatlog ul {
	font-size:11px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px auto;
	padding:0;
	width: 300px;
}
#aldocatlog ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
}
.noFlashMessage {
	font-size: .7em;
	background: #ddd;
	padding: 10px;
}


#countriesBlock {
	width:760px;
	height:456px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-380px;
	margin-top:-228px;
	/*
	background:#000;
	background-image:url('/_static/images/www/shared/countrySelectionLogo.jpg');
	background-position:left bottom;
	*/
	background-repeat:no-repeat;
	
	}
	
#countriesBlock #lists {	
	width:525px;
	height:456px;
	border-left:solid 5px #fff;
	margin-left:230px;
	padding:0;
	}
	
#countriesBlock #lists ul, #countriesBlock #lists ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:none;
	}
		
#countriesBlock #lists ul li {
	display:block;
	height:30px;
	line-height:30px;
	}		
		
#countriesBlock #lists a {
	font-family:helvetica, arial;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	display:block;
	padding-left:20px;
	height:30px;
	}	
	
#countriesBlock #lists li:hover a, #countriesBlock #lists li.sfhover a {
	color:#fff !important;
	background-image:url('/static/images/www/shared/countryArrow.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	}	
	
#countriesBlock #lists ul li:hover ul, #countriesBlock #lists ul li.sfhover ul	{
	display:block;
	}

#countriesBlock #lists ul li ul {
	height:20px;
	margin-top:-10px;
	display:none;
	}	
	
#countriesBlock #lists ul.secondLevel li {
	float:left;
	height:20px;
	display:inline;
	overflow:hidden;
	line-height:20px;
	}
	
#countriesBlock #lists ul.secondLevel li a {
	background-image:none;
	font-size:12px;
	line-height:20px;
	display:inline;
	padding-right:5px;	
	}	
	
#countriesBlock #lists ul.secondLevel li a:hover {
	background-image:none;
	}	

#countriesBlock #lists ul#mainCountries {
	width:190px;
	height:110px;
	margin-top:200px;
	float:left;
	margin-left:10px;
	}
	
#countriesBlock #lists ul#mainCountries.canada {
	width: 350px;
	padding-left: 150px;
	}	
	
#countriesBlock #lists ul#mainCountries.canada li {
	float: left;
	padding-right: 50px;
	}	
	
#countriesBlock #lists ul#mainCountries.canada li a {	
	font-size: 18px;
	}
	
#countriesBlock #lists ul#firstColumn, #countriesBlock #lists ul#secondColumn {
	float:left;
	margin:35px 0 0 5px;
	}

#countriesBlock #lists ul#firstColumn {
	width:135px;
	float:left;
	margin-top:35px;
	}
	
#countriesBlock #lists ul#secondColumn {
	width:165px;
	float:left;
	margin-top:35px;
	}
	
#countriesBlock #lists ul#firstColumn a:hover, #countriesBlock #lists ul#secondColumn a:hover {
	color:#fff !important;	
	}