/*****GLOBALS*****/

body {
	background: url(/resources/assets/background.jpg) repeat-x #ffffff;
	margin: 10px 0px;
	padding: 0px;
	text-align: left;
	color: #4b3227; /*brown1*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p, h1, h2, h3, h4, h5, h6 {margin-top: 0px;}

p {line-height: 1.3em;}

p { margin:0 0 10px 0; font-size:12px; font-weight:normal; color: #4b3227;}

.lineSpaceWide { line-height: 18px; }

a {
	color: #1e5b58; /*teal*/
	text-decoration: none;
}

a:hover {
	color: #4b3227; /*brown1*/
	text-decoration: underline;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

/*td {vertical-align: top;}*/

.text-field { font-size:11px; border:1px solid #969696; width:94px; padding:2px; vertical-align:middle; }

#breadcrumbs { font-size: 10px;}

/*****LAYOUT*****/

#ad-wrapper {
	width: 232px;
	height:764px;
	top:10px;
	left:962px;
	background-image: url(/resources/assets/background-skyscraper.jpg);
	background-repeat: no-repeat;
	clear: none;
	float: right;
	position: absolute;
}

#skyscraper {
	width: 160px;
	height: 600px;
	top: 144px;
	left: 13px;
	clear: none;
	float: right;
	position: absolute;
}


#body-wrapper {
	width: 942px;
	margin: 0px auto 0px 20px;
}
#content-wrapper {
	width: 940px;
	background: url(../resources/assets/bg_left_col.gif) repeat-y left #FFFFFF;;
	border: #cccccc solid;
	border-width: 0px 1px;
}

#content-wrapper input[type="text"], #content-wrapper input[type="password"], #content-wrapper select, #content-wrapper textarea {
	background-color: #fafafa;
	border: #7f9db9 1px solid;
	font-size: 11px;
	vertical-align: middle;
/*	font-family: Arial, Helvetica, sans-serif;*/

}

#left-col {
	float: left;
	width: 160px;
}

#right-col {
	float: left;
	width: 779px;
	border-left: 1px #cccccc solid;
	background: #ffffff;
}

.col1, .col2, .col3 {
	float: left;
	margin-bottom: 20px;
}

.col1 {margin-right: 10px;}

.col2, .col3 {
	border-left: #cccccc 1px solid;
	padding-left: 10px;
}

.floatLeft {float: left;}

.floatRight {float: right;}

/*****HEADERNAV*****/

#headernav {
	width: 942px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

#headernav #left {
	float: left;
	width: 712px;
	color: #ffffff;
	text-align: left;
}

#headernav #left img {
	vertical-align: middle;
}

#headernav #left a {
	color: #ffffff;
	padding: 0px 6px;
}

#headernav #right {
	float: left;
	width: 218px;
	padding-right: 12px;
	text-align: center;
	background: url(/resources/assets/topShoppingBag.jpg) top right no-repeat;
	font-weight: bold;
}

#headernav #right a {
	color: #4b3227;
	text-decoration: underline;
	margin-left: 90px;
}

/*****MAINNAV*****/

#header {
	width: 940px;
	background: url(/resources/assets/bannerBG2.jpg) top center no-repeat;
	border: #cccccc solid;
	border-width: 1px 1px 0px 1px;
}

#headerTop {height: 95px; text-align:left}

#headerTop img {margin-right: 15px;}

#headerTop img, #headerTop input {float: left;}

input.topSearch {
	margin-top: 38px;
	width: 142px;
	height: 16px;
	padding: 1px 5px;
	font-size: 12px;
	background: url(/resources/nav/search/roundedBox2.gif) center center no-repeat;
	border: none;
}

input.topSearchSubmit {
	margin: 32px 20px 0px 5px;
	width: 40px;
	height: 29px;
}
	
#mainNav {height: 33px;
/* margin-left: 100px;*/
 }
	
#mainNav a {
	float: left;
	height: 33px;
/*	margin-left: 2px;*/
}

.searchCheckBox {
}

.searchWithin {
	color: #ffffff;
	line-height: 18px;
	font-size: 11px;
	margin-left: 5px;
}

#navBrands {width: 102px; background: url(/resources/nav/button-brands-v2.gif) top center no-repeat;}	
#navBrands:hover {background: url(/resources/nav/button-brands-v2.gif) center -33px no-repeat;}
	
#navFace {width: 77px; background: url(/resources/nav/button-face-v2.gif) top center no-repeat;}	
#navFace:hover {background: url(/resources/nav/button-face-v2.gif) center -33px no-repeat;}

#navTools {width: 126px; background: url(/resources/nav/button-tools-v2.gif) top center no-repeat;}	
#navTools:hover {background: url(/resources/nav/button-tools-v2.gif) center -33px no-repeat;}

#navMakeup {width: 99px; background: url(/resources/nav/button-makeup-v2.gif) top center no-repeat;}	
#navMakeup:hover {background: url(/resources/nav/button-makeup-v2.gif) center -33px no-repeat;}

#navBody {width: 80px; background: url(/resources/nav/button-body-v2.gif) top center no-repeat;}	
#navBody:hover {background: url(/resources/nav/button-body-v2.gif) center -33px no-repeat;}

#navHair {width: 71px; background: url(/resources/nav/button-hair-v2.gif) top center no-repeat;}	
#navHair:hover {background: url(/resources/nav/button-hair-v2.gif) center -33px no-repeat;}

#navFragrance {width: 122px; background: url(/resources/nav/button-fragrance-v2.gif) top center no-repeat;}	
#navFragrance:hover {background: url(/resources/nav/button-fragrance-v2.gif) center -33px no-repeat;}

#navMen {width: 77px; background: url(/resources/nav/button-men-v2.gif) top center no-repeat;}	
#navMen:hover {background: url(/resources/nav/button-men-v2.gif) center -33px no-repeat;}

/*#navGifts {width: 79px; background: url(/resources/nav/button-gifts-holiday-2011.gif) top center no-repeat;}	
#navGifts:hover {background: url(/resources/nav/button-gifts-holiday-2011.gif) center -33px no-repeat;}*/

#navGifts {width: 79px; background: url(/resources/nav/button-gifts-v2.gif) top center no-repeat;}	
#navGifts:hover {background: url(/resources/nav/button-gifts-v2.gif) center -33px no-repeat;}

#navSpecials {width: 107px; background: url(/resources/nav/button-specials-v2.gif) top center no-repeat;}	
#navSpecials:hover {background: url(/resources/nav/button-specials-v2.gif) center -33px no-repeat;}

/*****SEARCHNAV*****/
	
#searchnav {
	width: 940px;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border: #cccccc solid;
	border-width: 0px 1px 0px 1px;
}

#searchnav input, #searchnav select {
	vertical-align: text-top;
	color: #666666;
	margin: 0px 3px;
}

#searchnav select {
	position: relative;
	top: -3px;
	left: 0px;
}

#searchnav input {
	position: relative;
	top: -6px;
	left: 0px;
}

#leftNav {
	width: 160px;
	float: left;
}

.leftNav_topBrands {
	padding-bottom: 5px;
}

.leftNav_topBrands h1 {
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	margin: 7px 0px 0px 0px;
	padding: 5px 0px 0px 8px;
	border-top: solid 1px #bebebe;
	color: #237271;
}

#leftNav h2 {
	margin: 0px;
	padding: 0px;
}

#leftNav h2 a:link, #leftNav h2 a:visited, #leftNav h2 a:active {
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 1px 0px 1px 15px;
	color: #666666;
}

#leftNav h2 a:hover {
	background: #ffffff;
}

.deleteBreadCrumb:link, .deleteBreadCrumb:active, .deleteBreadCrumb:visited {
	background-image: url("/resources/assets/search/brdcrmbRemove.png");
	padding-right: 8px; 
	margin-right: 3px;
	background-repeat: no-repeat;
	background-position: top left;
	color: #ff0000;
	text-decoration: none;
}

/*****COLLAPSING MENU*****/

.menu_list {width: 160px;}

.menu_head {
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	margin: 7px 0px 0px 0px;
	padding: 5px 0px 0px 8px;
	color: #237271;
	cursor: pointer;
	position: relative;
	border-top: solid 1px #bebebe;
}

.menu_body {display:none; margin-top: 5px;}

.menu_body a {
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 1px 0px 1px 15px;
	color: #666666;
}

.menu_body a:hover {color: #000000; background: #ffffff;}

/*****FOOTERLINKS*****/

#footerlinks {
	width: 942px;
	height: 34px;
	margin-bottom: 10px;
	line-height: 34px;
	text-align: center;
	border-top: #cccccc 1px solid;
	background: url(/resources/assets/footerBG.jpg) center center no-repeat #ffffff;
}

#footerlinks a {
	margin: 0px 5px;
	font-size: 10px;
}

/*---------- SECURITY FOOTER ----------*/



#footer_security_wrapper {
			text-align: center;
}				

	#footer_security {
			text-align: center;
	}	

		#security_logos {
			text-align: center;
		}	

			#security_logos a {
				padding: 0px 18px 0px 0px;
				display: block;
				width: 70px;
				text-align: center;
				font-size: 10px;
				white-space: nowrap;
			}

		#payment_stripe {
			float: right;
		}

			#payment_stripe a {
				padding: 0px 18px 0px 0px;
				display: block;
				float: left;
				text-align: left;
				font-size: 10px;
			}

/*****FONTS*****/

.font9 {font-size: 9px;}
.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font18 {font-size: 18px;}
.font24 {font-size: 24px;}

/*****HEADINGS*****/

h1 {font-size: 24px; font-weight: normal;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}

/*****COLORS*****/

.brown1 {color: #4b3227;}
.brown2 {color: #4a4439;}
.brown3 {color: #492f2e;}
.darkGreenBackground {background: #6faba9;}
.gray_brown {color: #9c927f;}
.teal {color: #1e5b58;}
.lighter_teal {color: #89c8c3;}
.lighter_teal2 {color: #53928e;}
.lightest_teal {color: #b8dfdd;}
.lightest_teal2 {color: #f1f9f8;}
.silver {color: #c2c2c2;}
.light_silver {color: #cccccc;}
.gray {color: #666666;}
.light_gray {color: #e9e7e2;}
.lighter_gray {color: #edecea;}
.lightest_gray {color: #f5f5f5;}
.gray_brown {color: #a59893;}
.red {color: #cc3333;}
.redCallout {color: #990033;}
.redFont {color: #990033;}
.red_brown {color: #663333;}
.light_yellow {color: #fffff5;}
.white {color: #ffffff;}
.bold {font-weight: bold;}

/*****SPACING*****/

.no_return {margin-bottom: 0px;}
.margin_bottom5 {margin-bottom: 5px;}
.margin_bottom10 {margin-bottom: 10px;}
.margin_bottom20 {margin-bottom: 20px;}
.margin_left50 {margin-left: 50px;}
.margin_right5 {margin-right: 5px;}
.margin_top5 {margin-top: 5px;}
.margin_top10 {margin-top: 10px;}
.margin_top20 {margin-top: 20px;}
.padding_right10 {padding-right: 10px;}
.padding_right5 {padding-right: 5px;}
.padding_left10 {padding-left: 10px;}
.padding_left20 {padding-left: 20px;}
.padding_bottom5 {padding-bottom: 5px;}
.padding_bottom7 {padding-bottom: 7px;}
.padding_bottom10 {padding-bottom: 10px;}
.padding_top5 {padding-top: 5px;}
.padding_top10 {padding-top: 10px;}
.padding_vert50 {padding: 50px 0px;}

/*****LOGOS*****/

#logos {
	border-top: #cccccc 1px solid;
	padding-top: 20px;
}

#logos img {
	padding: 5px;
	vertical-align: middle;
}

#logos #security_trust, #logos #payment_type, #logos #shipping_type {
	float: left;
	text-align: center;
}

#logos #security_trust {width: 374px;}

#logos #payment_type {width: 334px;}

#logos #shipping_type {width: 190px;}

/*****COPYRIGHT*****/

#copyright {
	width: 942px;
	font-size: 10px;
	text-align: center;
	color: #666666;
}

/*****MISC*****/

.corners-top, .corners-bottom {clear: both;}

.corners-top, .corners-bottom, .corners-left, .corners-right {height: 11px;}

.corners-left, .corners-right {float: left; width: 11px;}

.corners-right {float: right;}

.corners-left img, .corners-right img {position: relative;}

.corners-top img {top: -1px;}

.corners-bottom img {top: 1px;}

.corners-left img {left: -1px;}

.corners-right img {left: 1px;}

.hidden {display: none;}

.clr {clear: both;}

.right_align {text-align: right;}

.center_align {text-align: center;}

#personalShopper {float: left; visibility: hidden;}

.justify {text-align: justify;}

.title {
	background-color: #b8dfdd;
	padding: 3px 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.subtitle {
	font-weight: normal;
	text-transform: capitalize;
	border-bottom: #4b3227 2px solid;
	color: #a59893;
	padding-bottom: 3px;
}

.error {
	color: #ff0000;
	font-weight: bold;
}

.box {
	padding: 5px;
	border: #89c8c3 1px solid;
	background-color: #f1f9f8;
}

.simpleBox {border: 1px solid #d7ccba;}

.smallFont {
	font-size: 11px;
}

.module {
	border: #cccccc 1px solid;
	margin-bottom: 10px;
	width: 100%;
}

.module .corners-top {background: url(/resources/assets/gradient_bg.jpg) top center repeat-x #ffffff;}

.moduleTitle {
	float: left;
	width: 95%;
	line-height: 35px;
	height: 35px;
	font-size: 16px;
}

.moduleContent {
	width: 95%;
	margin: 11px 11px 0px 11px;
}

.moduleName {
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0px 10px 0px;
	height: 30px;
	border-bottom: #cccccc 1px solid;
}

.moduleAdd, .modulePrice, .moduleDetails {
	float: left;
	margin-top: 10px;
	line-height: 20px;
	text-align: center;
}

.modulePrice {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 5px;
	width: 61px;
}

.moduleDetails {
	border-left: #cccccc 1px solid;
	padding-left: 10px;

}

.moduleDetails a {
	text-decoration: underline;
}

#moduleContent div.col1 {
	margin: 5px auto 0px 1%;
	width: 31%;
	text-align: center;

}

#moduleContent div.col2  {
	margin: 5px auto 0px 10px;
	width: 30%;
	text-align: center;
}

#moduleContent div.col3 {
	margin: 5px .5% 0px 10px;
	padding-left:12px;
	width: 31%;
	text-align: center;
}


.review {
	margin-top: 10px;
	border-top: #cccccc 1px solid;
	padding-top: 10px;
}

.review img {
	display: block;
	margin-bottom: 5px;
}

.review h3 {
	margin-bottom: 0px;
}

.review p.reviewer {
	margin-bottom: 0px;
}

.module_vertical {
	border: #cccccc 1px solid;
	margin-bottom: 10px;
	width: 150px;
}

.moduleTitle_vertical {
	float: left;
	width: 130px;
	font-size: 16px;
	margin: 0px 0px 10px 11px;
}

.row1, .row2, .row3 {
	margin-bottom: 10px;
	width: 120px;
	text-align: center;
	border-bottom: #cccccc 1px solid;
}

.moduleContent_vertical {
	width: 120px;
	margin: 11px 11px 11px 11px;
}

.moduleAdd_vertical {
	float: left;
	margin: 10px 0px 10px 0px;
	line-height: 20px;
	text-align: center;
}

.moduleName_vertical {
	border: none;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
}

.row1 .moduleName, .row2 .moduleName, .row3 .moduleName {
	height: auto;
}

#footLink {
	color: #9c927f; 
	font-size: 9px; 
	line-height: 16px; 
	text-align: justify;
}

		#footLink h2  { 
			color: #9c927f; 
			font-size: 9px; 
			line-height: 12px; 
			display: inline 
		}

			#footLink a:link, #footLink a:visited  {
				color: #9c927f; 
				text-decoration: none;
			}

			#footLink a:active, #footLink a:hover {
				color: #4A4439; 
				text-decoration: underline;
			}
			
#footer-box { border:1px solid #ccc; border-bottom: 0; background:url(../resources/assets/footer/footer-bg.jpg) 6px 6px no-repeat #fff; padding:21px 0 12px 15px; }

#footer-signup { width:387px; float:left; margin-right:28px; }

#footer-signup img { vertical-align:top; }

#footer-signup input { vertical-align:top; margin-right:3px; }

#footer-signup .text-field { padding:2px 3px 3px 3px;}

#footer-signup div { margin:8px 0; }

#footer-number { width:182px; float:left; margin-right:32px; }

#footer-number p { margin:0 0 5px 0; }

#footer-account { width:117px; float:left; line-height:18px; margin-right:25px; }

#footer-account a { display:block; font-size:12px; color:#4b3227;}

#footer-account a:hover { text-decoration:underline; }

#footer-hacker { width:133px; float:left; }

#footer-hacker-logo { margin:2px 0 0 8px;}

#footer-links { border:1px solid #ccc; background-color:#fff; border-top:0; text-align:center; color:#4b3227; padding:7px; font-size:12px; }

#footer-links a { color:#4b3227 ; }

/*--------- PRODUCT PAGE OUT OF STOCK --------------*/

	ul#dropDown {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 200px;
	}

	ul.first {
	padding: 0;
	list-style-type: none;
	z-index: 1;
	}

	li.expand ul {
	position: absolute;
	visibility: hidden;
	}

	ul#dropDown li.expand:hover ul.first, ul.first li.subexpand:hover ul.second {
	visibility: visible;
	margin: -3px 0px 0px 0px;
	}

	#hidden {
	border: 1px solid #d7ccba;
	background-color: #f4f5f2;
	}

	.inner_border {
	padding: 10px;
	border: 4px solid #ffffff;
	}
	
/***** tinyBox pop ups *****/

#tinybox {
	position:absolute; 
	display:none; 
	padding:10px; 
	background:#fff url(/resources/assets/wait-animate.gif) no-repeat 50% 50%; 
	border:10px solid #e3e3e3; 
	z-index:2000
	}
#tinymask {
	position:absolute; 
	display:none; 
	top:0; 
	left:0; 
	height:100%; 
	width:100%; 
	background:#000; 
	z-index:1500
	}
#tinycontent {
	background:#fff
	}
.button {
	color: #2f3f91; 
	cursor:pointer; 
	text-decoration: none; 
	}
.button:hover {
	color: #2d3350; 
	text-decoration: underline;
	}
.button2 {
	color: #1e5b58; 
	cursor:pointer; 
	text-decoration: none;
	font-size: 10px; 
	margin: 0 5px; 
	}
.button2:hover {
	color: #4b3227; 
	text-decoration: underline;
	}