/* EJ Base CSS Styles */


/*   MTC Wordpress CSS Cocktail - the perfect mix of form and function */


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body { font: 14px/1.6 Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; text-align: center; background:url(/images/layout/background.jpg) repeat-x center top #ece6da }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 { font-size: 25px; }

h2 { font-size: 23px; }

h3 { font-size: 21px; }

h4 { font-size: 19px; }

h5 { font-size: 17px; }

h6 { font-size: 15px; }

a img {border: none;}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style: decimal; }

ul { list-style: disc; }

li { margin-left: 30px; }

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset { margin-bottom: 20px; }

/* EJ says KILL the font tag
----------------------------------------------------------------------------------------------------*/

font { display: none; }

/*   For classes see bottom of this document */

/* Global */





/* Wrapper */

#wrapper { width: 960px; margin: 0 auto; }

#inner-wrapper { width: 960px; float: left; text-align: left; position:relative; }

/* Banner and top navigation */

#banner { position: relative; width: 960px; height: 230px; }

#logo-search { background: url(/images/layout/logo-and-search.jpg) no-repeat; width: 300px; height: 230px; position: absolute; top: 0px; left: 0px; z-index:100; }

a#logo { display: block; width: 300px; height: 160px; position:absolute; top: 0; left: 0; z-index:200; }

#top-nav { position: absolute; top: 52px; left: 300px; }

#top-nav ul { list-style-type: none; margin: 0; padding: 0; line-height: 0; }

#top-nav ul li { list-style-type: none; display: inline; position: relative; padding: 0; margin: 0; }

#top-nav ul li a { padding: 0 10px 0 9px; color: #fff; text-decoration: none; margin: 0; border-right: 1px dotted #fff; }

#top-nav ul li a.last { border-right: none; }

#top-nav ul li a:hover { color: #eee; }

#top-nav li.current_page_item a,
#top-nav li.current_page_parent a,
#top-nav li.current_page_ancestor a { font-weight: bold; color: #fff; }

#bag { background:url(/images/layout/bag.jpg) top right no-repeat; height: 129px; padding: 0 139px 0 0; position: absolute; top: 0px; right: -57px; width: 140px; color: #fff; font-size: 12px; }

#bag p { padding: 10px 0 0 0; }

#bag a { color: #fff; text-decoration: none; }

#bag strong { color: #332a11; text-transform: uppercase; }

#content-wrapper { float: left; width: 960px; background:url(/images/layout/main-back.gif) center top repeat-y; }



#left-nav {float: left; width: 222px; position: relative; padding: 15px 48px 0 40px}

#searchbox {color: #ccc; background: none; position: absolute; top: -60px; left: 40px; border: 0; z-index: 900; width: 170px; height: 30px; padding: 0 10px;font: 14px/1 Georgia, "Times New Roman", Times, serif;}

#left-nav h2 {width: 222px; height: 60px; text-indent: -9999px; margin: 10px 0; padding: 0; line-height: 0;}
h2#product-header {background: url(/images/layout/products-header.gif) center top no-repeat;}
h2#collections-header {background: url(/images/layout/collections-header.gif) center top no-repeat;}
h2#account-header {background: url(/images/layout/your-account-header.gif) center top no-repeat;}

#left-nav ul {margin: 0 0 20px 0; padding: 0; list-style-type: none; line-height: 1; font-size: 16px;}

#left-nav ul li {margin: 0; padding: 0 0 10px 10px; display: block;}

#left-nav ul li a {color: #695e4a; display: block; text-decoration: none;}
#left-nav ul li a:hover { text-decoration: underline;}

#loginemail, #loginpassword {background: #ecebe7; border: 1px solid #aeae93; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #68624f; padding: 5px; margin: 0 0 10px 0; width: 210px; }

#register-link {font-size: 12px; color: #695e4a; }

.left-col {width: 275px; float: left; padding: 0 10px 0 0}
.right-col {width: 284px; float: left; border-left: 1px dotted #666; padding: 0 0 0 20px}

/* Home Page */

h2.home { background:url(/images/layout/welcome-to-fair-and-chic.gif); width: 350px; height: 47px; text-indent: -9999px;top: -60px !important;}

#home-feature {float: left; width: 590px; background:url(/images/60-minute-makeover.jpg) center right no-repeat #c8c8ad;}

#home-feature p {padding: 0 200px 0 20px; line-height: 1.4;}

/* Content Page */

h2#header { position: absolute; top: -35px; left: 0px; margin: 0; line-height: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #d5d5cd; font-size: 30px; font-weight: normal;}
 
#main-content { float: left; width: 590px; padding: 30px 30px 0 30px; position: relative; background: url(/images/layout/content-back.gif) center top repeat-x #fff; top: -60px; color: #323328; }

#main-content a {color: #453e31; text-decoration: underline;}
#main-content a:hover { text-decoration: none;}

#main-content h3 {font-size: 22px; font-weight: normal; color: #bc4f1a; line-height: 1.2; margin: 0 0 10px 0;}

#main-content h4 {font-size: 18px; font-weight: normal; color: #666; line-height: 1.2; margin: 0 0 10px 0; font-style: italic;}

#main-content li {margin: 0;}

/* Products */
#product-holder {padding: 25px 0 0 0; float: left; width: 590px;}
.product-box {width: 178px; float: left; text-align: center; border: 1px solid #c2bcb0; margin: 0 25px 25px 0; height: 300px; position: relative;}
.last {margin: 0 0 25px 0 !important;}
#main-content .product-box h3 { background:url(/images/layout/prod-head.jpg) center top; color: #fff; line-height: normal; color: #b9b309; margin: 0; padding: 0; font-size: 14px; padding: 10px 5px; height: 40px;}

.product-box p {line-height: 1; font-size: 12px;}

.product-box p .product-price {font-size: 16px; font-weight: bold; color: #b9b309; }

.product-img { width:178px; height:160px; margin-top:10px; }

.product-img a { display:block; }

.more-colours {position: absolute; top: 70px; right: 10px; z-index: 200;}
.sale-item {position: absolute; top: 70px; left: 10px; z-index: 200;}

.breadcrumb {font-size: 11px; line-height: 1; margin: 0 0 20px 0; text-align: right;}

.recommend {float: left; width: 590px; padding: 25px 0 0 0; border-top: 1px dotted #666;}


/* Terms Page */

p.terms-header {
	font-weight: bold;
	text-transform: uppercase;
	color: #BC4F1A;
}
 
ul.terms {
	list-style-type: none;
}
 
 
/* Footer */




/* End Footer */

#footer {float: left; width: 940px; font-size: 13px; color: #78726b; padding: 20px 0 20px 20px;}
#footer a {color: #78726b; text-decoration: none;}
.foot-left {float: left;}
.foot-right {float: right; text-align: right;}



/* -------------------------------------------------------------- 

   css-classes.css

-------------------------------------------------------------- */



.phark { position: absolute; left: -9999px; }

.small { font-size: 0.9em; }

.center  { text-align: center;}

/*  Form Validation Messages */


input.full-input, select.full-input,
textarea.full-input { width: 90%; background: #ecebe7; border: 1px solid #aeae93; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #68624f; padding: 5px; margin: 0 0 10px 0;  }

input.half-input, select.half-input,
textarea.half-input { width: 40%; background: #ecebe7; border: 1px solid #aeae93; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #68624f; padding: 5px; margin: 0 0 10px 0;  }

.failure,
.information,
.success { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

.failure { background: #f7eaea; color: #d30e0e; border: 1px solid #d30e0e; display: block; }

.information { background: #f9f2d7; color: #CC6600; border: 1px solid #d08707; display: block; }

.success { background: #f0f9d7; color: #63a004; border: 1px solid #63a004; display: block; }

.error{
	color:red;
}

#slideshow { width:590px; height:360px; position:relative; }
#slide-text { 
	z-index:10; 
	position:absolute; 
	bottom:0; 
	margin-bottom:5px; 
	background: url(/images/home-slide-back.png); 
	margin:10px; 
	color:#fff; 
	width:550px; 
	padding:10px;
}
	#slide-text h1{ 
		color:#ffffff ; 
		font:14px/1.6 Georgia,"Times New Roman",Times,serif;
		text-align:left;
		font-weight:bold;
		padding:0px;
		margin:0px;
		margin-bottom:5px;
	}
	#slide-text h1 a{ color:#b9b412; text-decoration:none; }
	#slide-text h1 span{ color:#ffffff; } 
	#slide-text p{ 
		padding:0px;
		margin:0px;
	}
	#slide-text p a{ color:#b9b412 ; font-weight:bold; }
	 
#slide-img { width:590px; height:360px; overflow:hidden; z-index:20; }