/* HTML - Page defaults*/
html, body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; z-index:0; }
h2 { font-family:Tahoma, sans-serif; margin-top:5px; letter-spacing:1px; }
h3 { margin:0; padding:0; background:#eee; padding:5px 10px; font-size:1em }
img { border-width:0px; -ms-interpolation-mode:bicubic; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline }
form { display:inline }

/* General */
#frame { margin:0 auto; width:1000px; background:#fff; overflow:hidden; position:relative }
	#frame.fluid { width:100%; overflow:hidden; min-width:980px; max-width:1260px }
	#prop, .prop { width:1px; float:right; clear:both;}
	.clearboth { width:100%; height:1px; overflow:hidden; clear:both }

/* Header */
#header { height:88px; position:relative }
	#header .logo { position:absolute; top:24px; left:10px }
	#header .sectiontitle { color:#FF9900; font-size: 14px; }
	#header .block { font-size:0.8em; margin:10px 0 }
	#header .gender { font-weight:bold; margin-top:5px; color:#000; float:left;}
	#header .selected { color:#254061; font-weight:bold; background-color:#ccc; cursor:pointer; }
	#header .textsearch {}

/*Search*/
#searchArea { float:right; margin-top:25px; background:#bad6bd; padding:8px; width:385px }
	#searchArea .searchElement { float:left; }
	#searchArea .searchElementButton { float:left; display:block; background:red; color:white; font-size:12px; font-weight:bold; /*text-transform:uppercase;*/ height:20px; line-height:20px; padding:0 3px; margin-right:0; }
	#searchArea .searchElementButton:hover { text-decoration:none; color:#bad6bd; background:white }
	#searchArea .inElement { color:#999999; margin: -5px 0 0 0;}
	#searchArea .colourDropDownElement { z-index:999; background-color:white; height:18px; border:1px solid #999 }
	#headerkeywords{ padding:1px 3px 1px 3px; width:150px; border:1px solid #999; color:#666; height:16px; font-size:11px; line-height:16px }
	#categoryDropArrow { float:right; margin-top: -2px; margin-right:0px; }
	.colourDropDownElement { width:190px; margin: 0 5px; }
	#searchSelection { color:#666; font-size:11px; margin-top:2px; margin-left:2px; }
	#searchSelection a{ color: #666; text-decoration: none;}
	#categoryDropdownArrow{ text-decoration:none; }
		
/*Drop-down menu*/
.jquerydropdownmenu { background:#fff; width:131px; height:20px; float:right; z-index:999; font-size:11px;   }
	.jquerydropdownmenu ul { margin: 0; padding: 0; list-style-type: none; z-index: 999; position:absolute;  background:white; }
	.jquerydropdownmenu ul li { position: relative; display: inline; float: left; padding:0; margin:0 }
	.jquerydropdownmenu ul li a, #advancedSearchToggle a { display:block; background:#000000; padding:8px 10px;  color:#959595; text-decoration:none; font:11px; }
	* html .jquerydropdownmenu ul li a{ /*IE6 hack*/ background:#000; color:#959595; display:inline-block; }
	.jquerydropdownmenu ul li ul { position:absolute; display:block; visibility:hidden;}
	.jquerydropdownmenu ul li ul li { display:list-item; float:none; }
	.jquerydropdownmenu ul li ul li ul { top:0; }
	.jquerydropdownmenu ul li ul li a { width:125px; margin:0px; border-top-width:0;background:white; color:black; }
	.jquerydropdownmenu ul li ul li a:hover { background:#ccc; color:#000;}
	
	#cddHover { width:125px; height:16px; padding:1px; border:1px solid white; }
		#colorDropDownHolder .menuColorItem { text-align:left; float:left; height:14px; padding-right:2px; }
		#colorDropDownHolder .menucolortext { display:inline; position:absolute; top:2px; left:22px;height:16px; font-size:12px;   }
		#colorDropDownHolder .menucolourindicator{ float:right; height:18px; left:111px; position:absolute; top:1px; width:19px }

#keywords { width: 300px; margin-bottom:2px; }
	#colorDropdown { float:left; width:200px }

#userops {
	float: right;
}


/* Nav menu */
#menuHolder { height:37px; min-width:980px; border-width:1px 0; border-color:#e1e1e1; border-style:solid }
	#menuHolder .claim { float:right; height:26px; width:360px; padding-top: 10px; font-family:Tahoma,sans serif; margin-right:4px; font-style:italic; color:#777777; text-align: right;}
	#menuHolder .tab a { display:block; overflow:hidden; height:17px }
	#menuHolder a { text-decoration:none !important }
	/* .tab a { display:block; background:transparent url('../images/navbuttonsprite.gif') no-repeat; background-position:top left; width:100px; text-indent:200px; white-space:nowrap }*/
	.tab a { font-family:Tahoma,sans serif; display:block; white-space:nowrap; /*text-transform:uppercase;*/ padding:10px 20px; border-width:0 1px; color:#777; letter-spacing:1px; }
	.tab a.current { border-color:#E1E1E1; border-style:solid; background:#F0F5EF }
	.tab a:hover { background:#F0F5EF }
	
	#menuHolder ul ul { padding:5px; border:1px solid #ddd; border-top:0px; box-shadow:0px 2px 5px #aaa; -moz-box-shadow:0px 2px 5px #aaa; -webkit-box-shadow:0px 2px 5px #aaa; }
	#menuHolder ul li.sale a{ font-size:12px; font-weight:bold; color:#f00; /*text-transform:uppercase*/ }
	
	.jqueryslidemenu { font-size:.75em }
	.jqueryslidemenu ul { margin:0; padding: 0; list-style-type:none; position:absolute; z-index:999;}
	.jqueryslidemenu ul li { position:relative; display:inline; float:left; display:block; }
	.jqueryslidemenu ul li a { float:left; display:block; }
	.jqueryslidemenu ul li ul { position:absolute; left:0; display:block; visibility:hidden; z-index:999; background:#F0F5EF }
	.jqueryslidemenu ul li ul.brandslist { height:260px; }
	.jqueryslidemenu ul .brandslist ul li { display:list-item; float:none; }
	.jqueryslidemenu ul li ul li ul { top:0; }
	.jqueryslidemenu ul li ul li a { width:140px; margin-left:4px; padding:1px 5px 1px 6px; border-style:solid; border-width:1px 0; border-color:transparent; color:#555; font-size: 11px; height: 15px; line-height: 15px; }
	.jqueryslidemenu ul li ul li a:hover { color:red; border-color:#999; }
	.jqueryslidemenu .brand ul { width:649px; }
	.jqueryslidemenu .brand .dept { padding: 4px 4px 4px 0; width:280px; }
	.jqueryslidemenu .brand .dept .womens { padding: 4px 4px 4px 0; width:180px; }
	.jqueryslidemenu .brand .heading { color:red; padding:5px 10px; font-weight:bold; }
	.jqueryslidemenu .brand .womens { }
	.jqueryslidemenu .brand .mens { top:0; position:absolute; left:320px; border-left:1px dashed #666; height: 250px; padding-left:10px }
	.jqueryslidemenu .brand .col1{ float:left; width:90px; padding-bottom: 5px; margin-right: 60px; }
	.jqueryslidemenu .brand .col2  { float:left; width:90px; padding-bottom: 5px; }
	.jqueryslidemenu .brand .allbrands { color:red }

	
#saveShare { float:right;margin-top:-25px;padding-right:1em;} 

#retailerContent{ background:#eee; width: 988px; minHeight:180px; }
.retailerCategories{width:200px; float:left; padding:10px; font-size:12px}
.retailerstaroverlay{margin-left:8px;
	background-image:url(../images/empora.ui.retailer.star.jpg);background-repeat:no-repeat;float:left;font-size:12px;margin-top:8px;padding:29px 33px;text-align:center;width:280px;overflow:hidden}
.retailerstaroverlay .retailertitle{font-size:25px; font-weight:bold;}
.retailerCategories .retailertitle{font-size:20px; font-weight:bold}
.retailertextblock1{width:330px; float:left; height:160px; text-align:justify; font-size:12px; }
.retailertextblock2{ width:290px; float:right; height:160px; text-align:justify; font-size:12px; }

.retailer h1 { margin-bottom:10px !important }
.retailer img { float:left }
.retailer .description { margin-left:210px }
	.shipping { float:right; width:400px; margin:0 0 10px 10px; background:#f2f2ea; font-size:12px; }
		.shipping .in { padding:20px }
		.shipping h4 { margin-top:0; font-size:13px }
		.shipping a { text-decoration:underline }
	.retailer.content { font-size:13px; }

/* Editorial content*/
	#editorialContent { padding:30px 0 8px 15px; position:relative }
	#editorialContent .panel { float:left; background:white; }
	#editorialContent .wide { width:988px; }
		#editorialContent .wide .item { padding-left:30px }
	#editorialContent .panel1 { width:200px; margin-right:10px; }
	#editorialContent .panel2 { width:750px; font-size:.85em; position:relative; overflow:hidden }
		#editorialContent .panel2 div { }
		#editorialContent .panel2 h4 { margin:18px 0px 0px; font-size:12px; /*text-transform:uppercase;*/ }
		#editorialContent .panel2 .textprice { display:block; position:relative; left:50px; top:-50px; background:#fff; border:1px solid #ccc; width:50px; font-size:.8em; text-align:center }

		#editorialContent h1{ font-size:22px; margin:0px; font-weight:normal}
		#editorialContent h3{ font-size:16px; margin:0px 0px 18px 0px; padding:0px; color: #999; background-color:white; font-weight:normal}
		#editorialContent .panel2 .textblock1 {  }
		#editorialContent .panel2 .textblock1 h4{ display:none;  }
		#editorialContent .panel2 .textblock1 p{ font-size:1.1em; margin:0px; padding:0px; margin-top:12px; }
		#editorialContent .panel2 .textblock2 p{ margin:0px; padding:0px; }
		#editorialContent .panel2 .textblock2 h4{ }
		#editorialContent .panel2 .textblock3 p{ margin:0px; padding:0px; }
		#editorialContent .panel2 .textimage1 { display:none; }
		#editorialContent .panel2 .textimage1 img { display:none; }
		#editorialContent .panel2 .textimage2 { display:none; }
		#editorialContent .panel2 .textimage3 { display:none; }
		#editorialContent .panel2 .textimage4 { display:none; }
		#editorialContent .panel2 .textimage4 img { width:200px; height:200px }
		
		#editorialContent .item { float:left; width:100px; height:140px; }
		#editorialContent .image { text-align:center; margin:2px 0 }
		#editorialContent .link { text-align:center; font-size:.8em }
		#editorialContent .brandCategory{ background: #FFF }
		#editorialContent .brandCategory .inner h2 { margin:0 0 10px 5px; font-size:16px; color:#999; }
		#editorialContent .inner .root, #editorialContent .inner .category{ margin-left:5px; }	
		#editorialContent .inner .root{ margin-top:5px;}
		#editorialContent .brandLogo{ margin-right:5px; margin-bottom:12px;}

		#editorialContent .brand { margin-bottom:12px; font-size:13px; line-height:18px }
		#editorialContent .head{ /*text-transform: uppercase;*/ font-weight:bold; font-size:12px; }
		#brandContent{ width:630px}
		#brandPromo{ float:right; width:110px; }
		#brandPromo .heading{ padding-top:10px; padding:0 0 6px; border-bottom:1px solid #ddd; font-weight:bold; font-size:12px; }
		#more_info_details{ display: none; font-size:11px; padding-top:5px; }
		#more_info_details h2{ padding:0; margin:0; font-size:12px}
		#more_info_details p{ margin:0px; padding-bottom:11px;}
		#more_info{ cursor: pointer; font-weight:bold; font-size:11px; /*text-transform:uppercase*/ }
		.more_info_opened{ background-image:url(../images/facet-ui/facets-down-arrow.png); background-position:2px 2px; background-repeat:no-repeat; padding-left:15px; }
		.more_info_closed{ background-image:url(../images/facet-ui/facets-right-arrow.png); background-position:2px 2px; background-repeat:no-repeat; padding-left:15px; }
		
		#range{ font-size:12px; margin:0 8px 0 5px;padding:5px 0 30px 0; }
		#range .header{ text-transform: none; font-weight:bold; margin-top:3px; margin-bottom:3px}
		#range .browse{ font-weight:bold; color:#000 }
		#range a{ color:#666 }

		.h1Content h1 { font-size:12px }
		
/* Search results */

    /*Pagination*/
    .pagination, .pagination h2, .showing { text-align:right; background-color:#FFF; font-size: 12px; color:#666; padding:2px 13px;  }
		.pagination, .pagination a{ color:#000; font-weight:bold; }
		.showing { float:left; color:#999; padding: 0px 20px }
		.showing .index { color:#666;}
		.pagination .showing .total { font-weight:bold; color:#000; }
		.pagination .currentPage { font-weight:bold; color:#666; }
		.pagination h2{display:inline;font-weight:normal;padding:2px 0;}
        .paginationTop{ height:18px; padding:0.5em 0.5em 1em 0; }
	.bottom.pagination { border-top: 1px #d1d1d1 solid; margin:.5em 0 2em 0; padding:0.5em; height:16px}
	.top.pagination { float:right; width:12em; padding:0; }
	.onecolumn { width:980px; }
	.twocolumn { width:360px; }
	.threecolumn { height:200px; width:1000px; margin:0 6px; }
	.nextLink, .prevLink, .step{   }
	
#pagebody { min-height:1250px; position:relative; }
	#results { background:white; min-height:600px }
		#searchpage { /*filter:alpha(opacity = 0); opacity:0;*/ }
	
.searchresults { padding:0 0px 10px 0px; background-color:#FFF; padding-bottom:30px }
	.searchresults .noresults { padding:40px; clear:left; }
	.searchresults .itembox { clear:left; padding:0; }

.searchresults .currentPage { font-weight:bold; }
		
.about { padding:1em 2em; font-size:13px }
.about h1, .about h2 { color:red; /*text-transform:uppercase;*/ font-size:16px; margin:30px 0 20px 0; background:transparent no-repeat 0 0; text-indent:1000px; overflow:hidden; white-space:nowrap; }
.about h1 { font-size:18px; }
.about a { color:red }
.about p { padding-bottom: 6px; }
	
/* Footer */
#footer { clear:both; margin-top:50px; padding:20px; height:160px; color:#999; line-height:20px; border-top:1px solid #ccc; font-size:10px }
	#footer a { color:#777 }
	#footer .links { width:490px }
	#footer .links span { display:block; float:left; width:115px; }
	#footer .signup { line-height:13px; float:right; height:31px; }
	#footer .social { float:right }
	#footer .partners { clear:both; float:right; }
	#footer .partners span { }
	#footer .country { clear:both; float:left; padding-top:10px; margin-top:10px; border-top:1px dotted #ccc; width:500px }
		.country a { display:block; padding-left:10px; float:left; background:url(../images/arrow-light.gif) no-repeat left 5px; margin-right:20px; }
		.country a:hover { text-decoration:none; background-image:url(../images/arrow-dark.gif); }
		.country a.selected { background-image:url(../images/arrow-red.gif); }
		.country a img { position:relative; top:2px }
	
	#subscribeEmail{ font-size:10px; vertical-align:top; height:14px; width:140px; margin:0px; border:1px solid #ccc; padding:2px 3px; float:left; margin:0px 3px}
	#subscribeGender{ vertical-align:top; }
	#signupDrop { background: url(../images/ui_colourselectindicator.gif) no-repeat scroll 51px 0; border:1px solid #ccc; font-size:11px; padding:3px 19px 1px 4px; width:46px; float:left; margin:0px 3px; }
	#signupDrop:hover { text-decoration:none } 
	a#signUpWomen { float:left; margin:0px 1px; font-size:12px; line-height:20px; /*text-transform:uppercase;*/ font-weight:bold; background:#999; color:white; padding:0 3px }
	a#signUpWomen:hover { text-decoration:none; background:red; color:white }
	.subscribeStatus{ margin-top:38px; margin-left:15px; position:relative; color:#FFC000; text-align:right; font-size:11px; height:20px}
	#subscribeGenderSelector{ display:none; background:#eff5ef; position:absolute; z-index:200; margin-left:350px; margin-top:20px; width:70px; z-index:200;}
		#subscribeGenderSelector div { padding:2px 5px 2px 6px; margin:3px 5px; cursor:pointer; display:block; font-size:11px; vertical-align:top; width:45px;}
		#subscribeGenderSelector div:hover { background:url('../images/hover_arrow.gif') no-repeat; background-color:#fc0; }


/*Category Selector*/
	#categorySelectorHolder { position:relative; z-index:400; }
	#categorySelector { height:335px;width:320px; position:relative; z-index:400; top: 3px; background:#eff5ef; display:none; margin-left:-110px}
	#categorySelector ul{ margin:0px; padding:0; list-style-type:none; }
	#categorySelector ul li{ position:relative; }
	.categoryDropDown a { font-size:11px; width:130px; padding:2px 5px 2px 6px; margin:0 5px; border-top-width:0; font-size: 11px; height: 15px; text-decoration:none; display:block}
	.categoryHeader{ padding:0px; margin:0px; }
	#womensCategories, #mensCategories{ padding-top:8px; }
        .categoryDropDown .sale a{ font-size:12px; color:#f00; font-weight:bold; /*text-transform:uppercase*/}
        .categoryDropDown a:hover{ background:url('../images/hover_arrow.gif') no-repeat; background-color:#fc0; color:black;  }
	.categoryDropDown .header{ margin:0 5px; padding:5px 5px 5px 6px; color:red; font-size:12px; font-weight:bold }	


/*Corporate pages*/
	#corporateContent, .corporatePage{ width: 100%; clear:both; background-color:#000;padding: 20px 0px 20px 0px; background-color:#FFFFFF; font-size:12px; min-height:380px; }
	#corporateContent .inner { padding:5px }
	.corporateSectionHeader, .corporateSectionText h2{ font-weight:bold; font-size:1.3em; color:#999; margin:5px 0; padding-left:10px}
	.corporateSectionText h2{ padding-left:0px; padding-top:8px;}
	.corporateSectionText{ color:black; font-size: 12px;margin: 10px; }
	.corporateSectionText a{color:black; font-size: 12px; }
.corporateSectionText p {
	padding: 6px 0;
}

/* Generic Index */
	#genericIndex { padding:20px; background:#fff; }
	#genericIndex .index { font-size:14px; color:#000; margin:20px 0; }
	#genericIndex .index a { color:#999; text-decoration:underline; margin-left:8px; /*text-transform:uppercase;*/}
	#genericIndex .noBrandsLetter{ color:#909090 ;}
	#genericIndex .keys, #genericIndex .entries { font-size:16px; line-height:2em; }
	#genericIndex .keys { /*text-transform:uppercase;*/ }
	#genericIndex .keys a, #genericIndex .entries a { font-size:10px; color:#888; margin-right:15px; white-space:nowrap; letter-spacing:2px }
	#genericIndex .keys a:visited, #genericIndex .entries a:visited { color:purple; }
	#genericIndex h2.head { display:block; font-size:20px; color:black }
	#genericIndex a.deptLink { display:block; color:#999; font-size:12px; }

/*Error pages*/
	#error{ font-size:12px; background-color:white; color:black;  padding:40px; margin:0px; height:100%}
	#error h1{ font-weight:bold; font-size:2em; color:#999; margin:.4em 0; }

.jcarousel-prev-horizontal{left: 0px}


/*.colourLink a:hover, .colourResultLink.selected{ background: url(../images/facet-ui/checkbox_checked.gif) center left no-repeat; color:#000; }*/
.disabled a:hover .icon{ background: url(../images/facet-ui/checkbox_unchecked.gif) center left no-repeat;  color:#999 }

.price.widget { background:#efefef }
	.price.widget .label { float:left; width:150px; color:#999; background:url(../images/arrow-red.gif) no-repeat 130px 2px; font-weight:bold }
	.price.widget .slider { float:left; width:200px; margin-right:20px }
	.price.widget .status { float:left; width:80px; font-weight:bold }
	.price.widget .button { opacity:0; filter:alpha(opacity=0) }
	.price.widget .button a { text-decoration:underline }
	.price.widget .button a:hover { text-decoration:none }

.slider { width:180px; height:16px; background-image:url('../images/facet-ui/track-right.png'); background-repeat:no-repeat; position:relative; border:0px hidden #000;}


.panel h2{ margin:5px;  }


	.section { font-size:0.625em; width:375px; padding-top:5px; border-top:1px solid #E3E3E3; }
		.tabs { float:right; height:6.2em; } 
		
		.section h2, .similarity h2{ color:#787878; font-family:arial; font-size:1.3em; font-weight:100; margin:0 0 0.3em; }


#empora_more_info{ background-color:#EEE; font-size:12px; padding:10px; display:none }
#empora_more_info h3{ padding: 5px 0px; font-size:14px}
#scriptsContainer{ background-color: #000;}

.disabled, .disabled a, .disabled a:hover{ color:#999 !important; font-weight:normal !important; text-decoration:none !important; cursor:default; }

.sale_image_overlay{ margin-left:123px; margin-top:-4px; position:absolute; z-index:200;}
.product_sales_link{ margin:5px }
.product_sales_link a{ font-size:13px; }


		.evergreenSource {  }
		.evergreenTag { position:absolute; background:transparent url(../images/tag-point.png) no-repeat 0 0; height:29px; width:28px; opacity:0.3; overflow:visible; z-index:99999 }
		.evergreenBubble { position:absolute; font-size:.8em !important; overflow:visible; background:transparent url(../images/bubble.png) no-repeat 0 0; width:192px; height:199px; margin:-185px 0 0 15px; filter:alpha(opacity='95'); opacity:.95; z-index:99999 }
			.evergreenBubble .inner { padding:5px 10px 10px 35px; height:182px; position:relative }
			.evergreenBubble .store { font-weight:bold; color:#666; height:25px; white-space:nowrap; overflow:hidden }
			.evergreenBubble .img { margin:0 auto; width:100px; }
			.evergreenBubble img { height:100px; width:100px; border-width:0 }
			.evergreenBubble .title { font-weight:bold; color:#666; font-size:.7em; height:30px; width:100%; text-align:center }

