@text-white: #fff;
@text-lightgrey: #a0a0a0;
@text-darkgrey: #434343;
@bg-lightgrey: #ededed;
@border-grey: #bbbbbb;
@product-border: #7f7f7f;
@separator-color: #d1d1d1;
@event-spacing: 28px;
@latest-spacing: 50px;
@social-spacing: 5px;

/* Small reset */
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea,fieldset{ margin:0; padding:0;}
ul, ol{list-style-type: none; list-style-position: outside;}
a img {border:none; outline:none;}

/* Layout */
article, aside, figure, footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }

body { font-family:Arial, sans-serif; background-color:#fff; color:@text-darkgrey; }

.grey{background-color:@bg-lightgrey;}
.white #layout{background-color:#fff;}

#wrap { min-height:100%; margin:0 auto; width:100%; display:block;}

.container { position:relative; margin:0 auto; width:960px; }

#layout {margin-bottom:58px; background-color:@bg-lightgrey; padding-top:50px;}
	#layout .content-split {float: left; margin-right:58px; width:672px; }
	#layout .content .title, #latest-title{font-size:43px; text-transform:uppercase; margin-bottom:20px; font-weight:normal;}	
	#layout .generic-page h3{text-transform:uppercase; font-weight:bold; font-size:20px;}
	#layout .generic-page p{font-size:14px;}

	/* EVENT PAGE STYLES */
	#layout .event-listing {margin-bottom:80px;}
	#layout .event-listing .event-item-hero{margin-bottom:@event-spacing; background-color:#fff; border:1px solid @border-grey;}
		#layout .event-listing .event-item-hero .event-item-content{padding:@event-spacing;}
		#layout .event-listing .event-item-hero img{border-bottom:1px solid @border-grey; display:block;}
		#layout .event-listing .event-item-hero a,
		#layout .event-listing .event-item a{cursor:pointer; color:@text-darkgrey;}
	#layout .event-listing .event-item{margin-bottom:@event-spacing; width:322px; float:left;}
		#layout .event-listing .event-item img{border:1px solid @border-grey; margin-bottom:15px; display:block;}
	#layout .event-listing .inner-row{margin-right:@event-spacing;}
	
	#layout.event-page h3{text-transform:uppercase; font-size:30px; font-weight:bold;}
	
	/* LATEST PAGE STYLES */
	#layout .latest-listing .latest-item {margin-bottom:@latest-spacing; border:1px solid @border-grey;}
		#layout .latest-listing .latest-item img{display:block; border-bottom:1px solid @border-grey;}
		#layout .latest-listing .latest-item .latest-item-content{padding:20px; background-color:#fff;}
		#layout .latest-listing .latest-item .latest-post-date{float:left; color:@text-lightgrey; font-size:18px; font-weight:bold; margin: 0 0 13px;  text-transform: uppercase; }
		#layout .latest-listing .latest-item .latest-social{float:right; margin-top:-20px;}
			#layout .latest-listing .latest-item .latest-social a{padding-left:@social-spacing;}
		#layout .latest-listing .latest-item .latest-title-line{clear:both;margin: 0 0 8px;  text-transform: uppercase;}
		#layout .latest-listing .latest-item .latest-title-line a{color:@text-darkgrey; text-decoration:none; font-weight:bold; font-size:24px; line-height:10px;}
		#layout .latest-listing .filters{margin:25px 0 20px 0;}
		#layout .latest-listing .filters span{display:block; float:left; margin-right:30px; text-transform:uppercase; font-size:20px;font-weight:bold;}
		#layout .latest-listing .filters span input{margin-right:10px;}
		
		#layout .container .latest-listing #load-button{text-align:center; margin-bottom:60px;}
	
	/* LATEST SINGLE STYLES */	
	#layout .latest-content .title{margin-bottom:20px;}
	#layout .latest-post-date{color:@text-lightgrey;}
	#layout .post-content{background-color:#fff; border:1px solid @border-grey; padding:50px 25px 25px 25px; margin-bottom:50px;}
		#layout .post-content .social{float:right; margin-top:-50px;}
		#layout .post-content .social a{padding-left:@social-spacing;}
		#layout .post-content .copy{clear:both; padding-bottom:50px;}
			#layout .post-content .copy img{margin-bottom:20px;}
		#layout .back-latest{padding-bottom:50px;}

	/* HOME PAGE STYLES */
	#layout .home{border-bottom:1px solid @border-grey; margin-top:-50px;}
		#layout .home .home-carousel{}
	
	/* HOME PAGE LOWER BLOCK STYLES */	
	#layout .home-blocks{background-color:#fff; padding-top:8px; font-size:12px; color:#fff; padding-bottom:30px; }
	#layout .home-blocks .blocks .block {float:left;}
		#layout .home-blocks .blocks .middle-block {margin:0 8px;}
	
	#layout .home-blocks .blocks .happenings{width:357px; height:332px; background-image:url('../images/home-happenings-blank.jpg'); }
	#layout .home-blocks .blocks .shop{width:281px; height:332px;background-image:url('../images/home-shop-blank.jpg');}
	#layout .home-blocks .blocks .story{width:306px; height:332px;background-image:url('../images/home-story-blank.jpg');}
	
	#layout .home-blocks .blocks .happenings .rollover a{cursor:pointer; color:@text-lightgrey;}
	#layout .home-blocks .blocks .happenings .rollover a:hover{color:#fff;}
	#layout .home-blocks .blocks .happenings .rollover .text-content .happenings-item{display:block; width:285px; padding-bottom:20px;}
	#layout .home-blocks .blocks .happenings .rollover .text-content .date{width:50px; margin-right:20px;float: left; text-align:center; font-size:12px; text-transform:uppercase;}
	#layout .home-blocks .blocks .happenings .rollover .text-content .date .year{font-size:18px;}
	#layout .home-blocks .blocks .happenings .rollover .text-content .title{font-weight:bold;}
	#layout .home-blocks .blocks .happenings .rollover .text-content .info{width:215px; float: left;}
	
	#layout .home-blocks .blocks .story .rollover a{cursor:pointer; color:@text-lightgrey; text-decoration:none;}
	#layout .home-blocks .blocks .story .rollover a:hover{color:#fff;}
	#layout .home-blocks .blocks .story .rollover .text-content{line-height:21px;}
	#layout .home-blocks .blocks .story .rollover .text-content .continue{display:inline; color:@text-lightgrey;}
	
	.rollover-object {}
	.rollover-object .rollout{display:block; height:332px;}
	.rollover-object .rollover{display:none; height:332px;}
	.rollover-object .rollover .text-content { display:block; padding:30px 36px 0px 36px;}
	.rollover-object .rollover .text-content span{display:block;}
		
		
		
	/* DISCOVER PAGE STYLES */
	#layout .discover{border-bottom:1px solid #fff; padding-bottom:60px;}
	#layout .history{background-color:#fff; padding:50px 0; border-top:1px solid @border-grey;}
		#layout .history .history-slider{height:322px;}
		
	/* LOOKBOOK SINGLE STYLES */
	#layout .lookbook #lookbook_container{}
	
	/* LOOKBOOK PAGE STYLES */
	#layout .lookbook-page {padding-bottom:50px;}
	#layout .lookbook-page .collection-item{float:left; width:470px; height:420px; background-color:#777; margin-bottom:20px;}
	#layout .lookbook-page .item-0{margin-right:20px;}
	#layout .lookbook-page .collection-item .vcenter{height:420px; position:relative: top:0px; left:0px;}
	#layout .lookbook-page .collection-item .over-text{background-color:rgba(0,0,0,0.5); display:none; font-size:24px;}
	#layout .lookbook-page .collection-item span{display:block; text-align:center;}
	#layout .lookbook-page .collection-item a{width:470px; height:420px; color:#fff; font-size:48px;}
	#layout .lookbook-page .coming-soon{color:#fff; font-size:48px;}
	#layout .lookbook-page .collection-item .loggedout{display:block;}
	#layout .lookbook-page .collection-item .view{display:block; font-size:24px;}
	.logged-in #layout .lookbook-page .collection-item .loggedout{display:none;}
	
	
	/* LOOKBOOK LOGIN PAGE */
	.ajax #layout {margin:0px; padding:0px;}
	#layout .login-container{width:620px; height:420px; margin:0 auto; border:1px solid @border-grey; text-align:center;}
	#layout .login-container .title{margin-top:65px; margin-bottom:60px;}
	#layout .login-container .label{display:inline-block; width:110px; text-align:left; margin-bottom:15px;}
	#layout .login-container form .textfield{width:255px; padding: 0 15px; height:30px; margin-bottom:15px; border:none; background-color:#ededed; color:#464646; font-size:14px;}
	#layout .login-container form .button{width:80px; height:30px; border:1px solid #bbb;}
	#layout .login-container .retrieve-pass{text-align:left; width:203px; display:inline-block; position:relative; top:-15px; color:#a0a0a0; font-size:12px; text-decoration:none;}
	#layout .login-container .rememberme{display:inline-block; width:285px; text-align:left; position:relative; top:-15px; color:#a0a0a0; font-size:12px;}
	#layout .login-container .remembermefield{margin:0 0 0 12px;}
	#layout .login-container form{margin-bottom:30px;}
	#layout .login-container .the-content{color:#666; font-size:14px;}
	#layout .login-container .the-content a{color:#666; font-size:14px;}
	
	/* LOGIN POPUP STYLES */
	#login-popup a.close {outline:none; background:url(../images/popup-close.png) no-repeat 0 0;  bottom: 22.5px;  display: block;  float: left;  height: 45px;  left: 22.5px;  position: relative;  text-indent: -9999px;  width: 45px;  z-index: 1000; }

	
	/* LOOKBOOK SINGLE COLLECTIONS SECTION STYLES */
	#layout .collections{background-color:#fff; padding-top:50px;}
	#layout .collections .container{padding-bottom:30px;}

/* SIDEBAR STYLES */
#sidebar-container {float: left; width: 230px; padding-top:9px;}
	#sidebar-container .events-widget, #sidebar-container .latest-widget{border-bottom:1px solid @border-grey;}
	#sidebar-container .latest-widget .sidebar-item-title a{color:@text-darkgrey; text-decoration:none;}
	#sidebar-container .xoxo{margin-bottom:50px;}
	#sidebar-container .sidebar-title {font-size:32px; text-transform:uppercase; margin-bottom:20px; font-weight:normal;}
	#sidebar-container .sidebar-item-title{margin-top:20px; margin-bottom:5px; font-size:1.2em; text-transform:uppercase;}
	#sidebar-container .sidebar-item{padding:20px 0; border-bottom:1px solid #fff; border-top:1px solid @border-grey;}
		#sidebar-container .sidebar-item .sidebar-img img{display:block; border:1px solid @border-grey;}
	#sidebar-container .first{padding-top:0px; border-top:none;}
	
	#sidebar-container .tags-widget a{display:block}
	#sidebar-container .tags-widget .cat_count{float:right;}
	#sidebar-container .events-widget .sidebar-item a .sidebar-item-title{color:@text-darkgrey;}
	#sidebar-container .events-widget .sidebar-item a .sidebar-content{color:@text-lightgrey;}
	
/* HEADER STYLES */
header {height:65px; color:@text-lightgrey; border-bottom:1px solid @separator-color; background-color:#fff;}
	header .bag { position:absolute; right:0; top:0; margin:23px 15px 0 0;}
	header .bag a{color:@text-lightgrey; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:12px;}
	header .bag .count{color:@text-darkgrey; font-size:16px;}
	header .bag .items{color:@text-darkgrey;}
	header .bag-widget a{color:@text-darkgrey; text-decoration:none;}
	header .bag-widget .cart-widget-total td{padding-top:15px; padding-bottom:5px; text-transform:uppercase; color:@text-darkgrey;}
	header .bag-widget .cart-widget-total .checkout-total{text-align: right;}
	header .bag-widget #cart-widget-links{font-weight:bold; border-top:1px solid @border-grey; text-align:center; padding-top:10px; text-transform:uppercase; font-size:20px;}
	header .login{display:none; width:80px; height:23px; border:1px solid #bbb; text-align:center; position:absolute; top:18px; left:745px; padding-top:3px;color:#777; text-decoration:none; }
	.login header .login{display:inline;}
	.logged-in header .login {display:none;}
	header .welcome-user{width:100%; position:absolute; top:0px; left:0px; text-align:right; color:#777; font-size:11px;}
	header .welcome-user a{color:#aaa; text-decoration:none;}
	header .menu {font-size: 16px; position: absolute; left: 160px; top: 0; }
		header .menu li{float:left;}
		header .logo a { display:block; width:135px; height:65px; background:url(../images/logo.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden; outline:none; }

/* FOOTER STYLES */
footer {height:58px; margin-top:-58px; position:relative; background:url(../images/footer-tile.jpg) repeat-x; color:@text-lightgrey; border-top:1px solid @border-grey; clear:both; }
	footer .social {position:absolute; right:0; top:0;}
	footer .social p,
	footer .social ul,
	footer .social li { float:left; }
	footer .social a {padding-left:11px;}
	footer .menu { position:absolute; left:308px; top:0px;}
		footer .menu li{float:left;}
		footer .menu a{padding:0 11px; text-decoration:none; color:@text-white;}
		
.clear {clear:both;}

/* STYLE FOR SHOP PAGE */
#layout .shop{}
	#layout .shop .shop-categories{}
		#layout .shop .shop-categories li{float:left;}
		
#layout .shop .shop_product_list{padding-bottom:50px;}
	#layout .shop .shop_product_list .product{ float:left; display:block; width:230px; height:320px; margin-bottom:13px; border-bottom:1px solid @product-border;}
	#layout .shop .shop_product_list .first-row{margin-left:0px; margin-right:6px;}
	#layout .shop .shop_product_list .center-row{margin-left:7px; margin-right:7px;}
	#layout .shop .shop_product_list .last-row{margin-left:6px; margin-right:0px;}
		#layout .shop .shop_product_list .product span{display:block; height:320px; vertical-align:bottom;}
		#layout .shop .shop_product_list .product .sale-price{color:#ff0000;}
#layout .shop .paginator {text-align:center; padding-bottom:60px;}
#layout .shop .paginator #load-button{display:inline;}

/* STYLE FOR SINGLE DETAILED PRODUCT PAGE */
#layout .shop-detailed{border-bottom:1px solid @border-grey; padding-top:50px;}
	#layout .shop-detailed .detailed-image{float:left; margin-right:100px; width:490px; height:595px; overflow:hidden; display:block;}
	#layout .shop-detailed .detailed-image .mask{width:490px; height:595px; display:block; overflow:hidden; position:relative; left:0; top:0;}
	#layout .shop-detailed .detailed-image img{display:block;}
	#layout .shop-detailed .detailed-image .inset-container{position:absolute; top: 513px; left:20px;}
	#layout .shop-detailed .detailed-image .inset-container .thumb{float:left; width:80px; height:60px; background-color:#ddd; border:1px solid @border-grey; margin-right:10px; overflow:hidden; cursor:pointer; }
		
	#layout .shop-detailed .detailed-info{float:left; width:320px;}
	#layout .shop-detailed .detailed-info .product_title span{display:block; font-weight:normal; text-transform:uppercase; line-height:40px;}
	#layout .shop-detailed .detailed-info .product_title .line-1{ font-size:48px;}
	#layout .shop-detailed .detailed-info .product_title .line-2{font-size:64px;}
	#layout .shop-detailed .detailed-info .product_price{margin:0 0 20px 0; font-weight:normal; font-size:36px; font-style:italic;}
	#layout .shop-detailed .detailed-info .product_description{font-size:14px;}
	#layout .shop-detailed .detailed-info .swatches{margin:20px 0;height:30px;}
	#layout .shop-detailed .detailed-info .swatches .swatch{position:relative top:0; left:0; width:30px; height:30px; border:1px solid @border-grey; margin-right:10px; z-index: 100; float:left;}
	#layout .shop-detailed .detailed-info .swatches .swatch:hover{width:300px; height:300px; position:absolute; left:590px;}
	#layout .shop-detailed .detailed-info .swatches .swatch img{width:100%; height:100%;}
	#layout .shop-detailed .detailed-info .product-options {clear:both;}
	#layout .shop-detailed .detailed-info .wpsc_buy_button_container{}
	#layout .shop-detailed .detailed-info .size-chart-btn{margin:20px 0; display:block; width:82px; height:23px; background-image:url('../images/size-chart.jpg'); text-indent:-9999px; outline:none;}
	
	.single-wpsc-product #layout {padding-top:0px;}
	
	/* SWATCH COLORS */
	#layout .shop-detailed .detailed-info .swatches .kaleidoscope{background-color:#afb123;}
	#layout .shop-detailed .detailed-info .swatches .shiva-grass-print{background-color:#123afb;}
	
	/* VARIATION SELECTORS */
	#layout .shop-detailed .detailed-info .selectBox.variation_Color{width:260px;}
	#layout .shop-detailed .detailed-info .selectBox.variation_Sizes{width:160px; }
	#layout .shop-detailed .detailed-info .selectBox.quantity{width:46px; }
	#layout .shop-detailed .detailed-info .selectBox{ margin:0 10px 20px 0; float:left;}
	
/* STYLE FOR THE SUGGESTED ITEMS SECTION ON DETAILED PRODUCT PAGE */	
#layout .single-suggested{background-color:#fff; padding:50px 0 100px 0;}
	#layout .single-suggested .suggested-title{margin-bottom:20px;}
	#layout .single-suggested .item-container{height:320px; width:100%;}
	#layout .single-suggested .item-container .suggested-item{float:left; margin:0 7px; background-repeat:no-repeat;}
	#layout .single-suggested .item-container .first{margin:0 6px 0 0;}
	#layout .single-suggested .item-container .last{margin:0 0 0 6px;}
	#layout .single-suggested .item-container .suggested-item .item{width:230px; height:320px; }
	#layout .single-suggested .item-container .suggested-item .item p{height:53px; background-image:url("../images/suggested-tile.png"); background-repeat:repeat-x; color:@text-white;border:1px solid #4a4a4a; padding:9px 15px; position:relative; top:247px; font-size:1.7em; text-transform:uppercase; line-height:0.6em;}

/* STYLE FOR CHECKOUT PAGE */	
#layout .checkout{border-bottom:1px solid #fff;}
	#layout .checkout .checkout-cart{width:100%;}
		#layout .checkout .checkout-cart .product_row td{border-bottom:1px solid #fff; border-top:1px solid @border-grey; border-spacing:0px; padding:20px 12px;}
		#layout .checkout .checkout-cart .product_row .product-image{width:94px;}
		#layout .checkout .checkout-cart .product_row .product-image img{display:block; border-bottom:1px solid @product-border;}
		#layout .checkout .checkout-cart .product_row .product-name{width:100px;}
		#layout .checkout .checkout-cart .cufon{font-weight:bold; text-transform:uppercase;}
			#layout .checkout .checkout-cart .product_row .product-name span{display:block;}
		#layout .checkout .checkout-cart .checkout-header{text-align:left; font-weight:normal; font-size:14px; font-weight:bold;}
		#layout .checkout .checkout-cart .checkout-header td{border-bottom:1px solid #fff; padding-bottom:15px;}
	
	#layout .checkout .cart-review{border-top:1px solid @border-grey; padding-top:20px; padding-bottom:50px; }
		#layout .checkout .cart-review .keep-shopping{display:inline;}
		#layout .checkout .cart-review .sub-total{display:inline; float:right; text-align:right;}
		
		#layout .checkout-user-info .selectBox-dropdown{ margin-bottom:12px; width:218px; font-size:14px;}
	
#layout .checkout-user-info{background-color:#fff; border-top:1px solid @border-grey; padding:50px 0 100px 0;}
#layout .checkout-user-info .shipping-column, #layout .checkout-user-info .billing-column{width:470px;float:left;}


/* STYLE FOR THANK YOU PAGE */

	#layout .thank-you .thankyou-title {text-align:center; border-bottom:1px solid @border-grey; padding-bottom:50px; color:@text-darkgrey; text-transform:uppercase;}
	#layout .thank-you .thankyou-title .line-1{font-size:40px; font-weight:bold;}
	#layout .thank-you .thankyou-title .line-2{font-size:36px}
	#layout .thank-you .transaction_id{display:block; border-top:1px solid #fff; padding-top:20px;text-align:center;}
	#layout .thank-you .thankyou-items{ border-bottom:1px solid @border-grey; padding:50px 0;}
	#layout .thank-you .thankyou-items .item{width:234px; float:left;}
	#layout .thank-you .thankyou-items .item .quantity{width:234px; text-align:center; font-size:36px; padding-bottom:10px;}
	#layout .thank-you .thankyou-items .item .item-image{float:left; width:94px; border-bottom:1px solid @product-border; margin-right:15px;}
	#layout .thank-you .thankyou-items .item .item-image img{display:block;}
	#layout .thank-you .thankyou-items .item .item-info{width:125px; float:left;}
	#layout .thank-you .thankyou-footer{border-top:1px solid #fff; padding-top:10px; text-align:center;}
	#layout .thank-you .thankyou-footer .thankyou-contact{color:@text-lightgrey; font-size:14px;}
	#layout .thank-you .thankyou-footer .thankyou-contact a{color:@text-lightgrey; text-decoration:underline;}
	#layout .thank-you .thankyou-footer .thankyou-back{margin:50px 0; display:block;}
	

input.christine_buy_button, input.wpsc_buy_button, input.wpsc_purchase_button{
	display: block;
	background-image:url("../images/add-to-bag-button.jpg"); 
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-position: 0 0;
  	padding: 44px 0 0 0;
  	border: none;
 	cursor: pointer;
  	text-indent: -9000px;
	font-size: 12px; 
	width:300px; 
	height:44px; }
	
	input.wpsc_purchase_button{background-image:url("../images/submit-order-button.jpg")}

.single-wpsc-product #fancy_notification {}
.single-wpsc-product #fancy_notification #fancy_notification_content {width:254px; padding:20px; clear:both; }
.single-wpsc-product #fancy_notification #fancy_notification_content a{color:@text-darkgrey; margin:20px 10px 0 0; font-size:14px;}