@lighter-brown: #b7a183;
@light-brown: #27160c;
@brown: #1e1109;
@dark-brown: #170d07;

@light-grey: #666666;
@grey: #282828;
@dark-grey: #130a01;

@black: #000000000;
@black-50: rgba(0,0,0,0.5);

@gold: #e0b85a;

@light-silver: #f1f1f1;
@silver: #b8b8b8;

@white-30: rgba(255,255,255,0.3);

.ie7-inline-block() {
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
}

.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}

body {
	background: @brown url('../img/bg-highlight.png') no-repeat center top;
	color:@silver;
}

.page {
	position: relative;
	min-height:100%;
	_height:100%;
	padding:0px 0px 0px 0px;
	-webkit-font-smoothing: antialiased;
}

.pageclear {
	clear:both;
	height:60px;
}

.flurry {
	font-family: 'Rosario', sans-serif;
	font-size:15px;
	line-height:20px;
}

::-webkit-input-placeholder {
	color:@light-grey;
	font-family: 'PT Sans', sans-serif;
}

:-moz-placeholder {
    color:@light-grey;
}

//
// text globals
//

h2 {
	font-family: 'Rosario', sans-serif;
	font-weight: normal;
	font-size:15px;
	line-height:18px;
	margin-top:30px;
	color:@light-silver;
	
	&:first-child,
	&.first {
		margin-top:0px;
	}
}

p {
	font-family: 'PT Sans', sans-serif;
	max-width:600px;
	font-size:13px;
	line-height:17px;
	padding:8px 0px;
}

li {
	font-family: 'PT Sans', sans-serif;
	max-width:600px;
	font-size:13px;
	line-height:17px;
	padding:8px 0px 2px 0px;
}

ol, ul {
	padding-left:20px;	
}

a {
	color:white;
}


//
// form globals
//

label {
	display: block;
}

.smallbutton {
	display: block;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	position: relative;
	left:-2px;
	top:-2px;
	background: transparent url(../img/smallbutton.png) no-repeat center center;
	width:104px;
	height:27px;
	text-align: center;
	font-family: 'PT Sans', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color:@light-silver;
	text-shadow: 0px -1px 1px @black-50;
	font-size:13px;
	line-height:16px;
	border:0px;
	overflow:hidden;
	cursor: pointer;
	
	&:hover {
		color:white;
	}
}

a.smallbutton {
	padding-top:11px;
}

.largebutton {
	display: block;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	position: relative;
	left:-2px;
	top:-2px;
	background: transparent url(../img/largebutton.png) no-repeat center center;
	width:164px;
	height:44px;
	text-align: center;
	vertical-align: middle;
	font-family: 'Rosario', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color:@light-silver;
	text-shadow: 0px -1px 1px @black-50;
	font-size:13px;
	border:0px;
	overflow:hidden;
	cursor: pointer;
	
	&:hover {
		color:white;
	}
}
	
	

.largebutton {

}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea {
	display: block;
	width: 200px;
	background-color:@silver;
	color:@brown;
	font-size:13px;
	line-height:15px;
	padding:4px 4px;
	border:1px solid @dark-brown;
	margin:0px;
	
	&.quantity {
		width: 30px;
	}
}

/*
select {
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	
	width:210px;
	background-color:@silver;
	color:@brown;
	font-size:13px;
	line-height:15px;
	padding:4px;
	border:1px solid @dark-brown;
	border-radius:0px;
	margin:0px;
	
}
*/




//
// drawers and overlays
//

.drawers {
	position:relative;
	width:960px;
	margin:0px auto;
	z-index:10000;
	
	.drawer {
		display: none;
		position:absolute;
		right:0px;
		background: @black;
		padding:5px 15px 15px 15px;
		z-index:1000;
	}
	
	#login {
		width:200px;
		
		label {
			display:block;
			color:@silver;
			text-transform: uppercase;
			font-family: 'PT Sans', sans-serif;
			font-size:13px;
			margin:20px 0px 10px 0px;
		}
		
		input[type=text],
		input[type=email],
		input[type=password] {
			display:block;
			width:190px;
			border: 0px;
			margin:4px 0px;
		}
		
		button.login {
			display:block;
			margin-top:12px;
		}
		
		input[type=checkbox] {
			float:left;
			display:block;
			margin:10px 0px 10px 0px;
		}
		
		input[type=checkbox] ~ label {
			float:left;
			display:block;
			padding:4px 0px 3px 0px;
			margin:5px 0px 10px 5px;
		}
		
		a[name=forgot],
		a[name=create] {
			display:block;
			clear:both;
			font-family: 'PT Sans', sans-serif; 
			font-size:13px;
			line-height:16px;
			color:@silver;
			text-decoration: none;
			
			&:hover {
				color:@light-silver;
			}
		}
	}
	
	#account {
		width:241px;
		
		div.name {
			font-size:14px;
			font-family: 'PT Sans', sans-serif;
			line-height:16px;
			color:@silver;
			padding:5px 0px 10px 0px;
		}
		
		a[name=password],
		a[name=edit] {
			display:block;
			clear:both;
			font-family: 'PT Sans', sans-serif; 
			font-size:13px;
			line-height:15px;
			color:@silver;
			text-decoration: none;
			
			&:hover {
				color:@light-silver;
			}
		}
		
		a[name=logout] {
			display:inline-block;
			.ie7-inline-block();
			margin-top:5px;
		}
	}

	
	#cart {
		
		.placeholder {
			font-family: 'PT Sans', sans-serif; 
			font-size:13px;
			line-height:16px;
			color:@silver;
			text-align: center;
			text-transform: uppercase;
			width:500px;
			padding:20px 0px;
		}
		
		table {
			width:500px;
			
			th {
				font-family: 'PT Sans', sans-serif; 
				font-size:10px;
				color:@silver;
				text-transform: uppercase;
				text-align:left;
				font-weight: normal;
				padding:5px 10px 10px 10px;
			}
			
			td {
				font-family: 'PT Sans', sans-serif; 
				font-size:13px;
				line-height:16px;
				color:@silver;
				text-decoration: none;
				font-weight:normal;
				padding:10px;
				border:1px solid @grey;
			}
			
			td.loader, 
			td.placeholder {
				text-align: center;
				padding:30px 0px;
				
			}
			
			td.image {
				width:50px;
				
				img {
					width:50px;
				}
			}
			
			td.quantity {
				width:40px;
			}
			
			td.price {
				width:60px;
			}
			
			th.nav {
				width:30px;
			}
			
			h3 {
				font-size:14px;
				font-weight: normal;
			}
			
			input[name=quantity] {
				width:40px;
			}
			
		}
		
		nav {
			display:block;
			padding-top:15px;
			padding-bottom:10px;
	
			
			a[name=email] {
				font-family: 'PT Sans', sans-serif; 
				font-size:13px;
				line-height:16px;
				color:@silver;
				text-decoration: none;
				margin-left:11px;
				margin-right:10px;
				
				&:hover {
					color:@light-silver;
				}
			}
			
			a[name=checkout] {
				margin-top:-25px;
				margin-left:390px;
			}
		}
	}
	
	#email-cart {
		width:500px;
		
		label {
			display:block;
			color:@silver;
			text-transform: uppercase;
			font-family: 'PT Sans', sans-serif;
			font-size:13px;
			margin:20px 0px 10px 0px;
		}
		
		input,
		textarea {
			display:block;
			width:492px;
			border: 0px;
			margin:4px 0px;
		}
		
		textarea {
			height:75px;
		}
	}
	
	#search {
		width:325px;
	
		input {
			float:left;
			width:200px;
			border: 0px;
			margin:10px 0px;
		}
		
		button {
			float:left;
			display:block;
			margin:10px 0px 0px 10px;
		}
	}

}

.overlay {
	display: none;
}

.tooltip {
	display:none;
	background:transparent url(../img/tooltip.png);
	font-size:13px;
	height:120px;
	width:180px;
	padding:20px 25px;
	line-height:14px;
	color:@brown;
	font-family: 'PT Sans', sans-serif; 
}

.tooltip-small {
	display:none;
	background:transparent url(../img/tooltip-small.png);
	font-size:13px;
	height:70px;
	width:180px;
	padding:20px 25px;
	line-height:14px;
	color:@brown;
	font-family: 'PT Sans', sans-serif; 
}

.slide {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:@black-50;
	
	img {
		width:500px;
		height:500px;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-250px;
		margin-left:-250px;
	}
}

//
// header
//

#util-bar {
	background: url(../img/util-bar-bg.png) repeat-x;
	height:30px;
	font-size:10px;
	line-height:30px;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif; 
	
	.padding {
		width:960px;
		margin:0px auto;
		text-align:right;
	}
	
	a {
		display:inline-block;
		.ie7-inline-block();
		font-family: 'PT Sans', sans-serif; 
		text-decoration: none;
		color:@silver;
		height:16px;
		line-height:16px;
		padding-top:2px;
		margin-left:20px;
		margin-top:2px;
		
		&:hover {
			color:white;
		}
		
		&.cart {
			padding-left:40px; 
			background: url(../img/key.png) no-repeat top left;
		}
	}
}

header {
	max-width:1440px;
	text-align:center;
	padding: 12px 0px 15px 0px;
	border-bottom:2px solid @gold;
	margin:0px auto;
	
	nav {
		width:900px;
		margin:0px auto;
		font-family: 'Rosario', sans-serif;
		text-transform: uppercase;
		font-size:13px;
		letter-spacing: 1px;
		-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		-ms-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		.clearfix;
		
		a {
			display:block;
			float:left;
			//display:inline-block;
			//.ie7-inline-block();
			color:@gold;
			background-image:url(../img/pnav.png);
			background-repeat:no-repeat;
			height:14px;
			overflow:hidden;
			text-decoration: none;
			text-indent:-9999%;
			margin:0px;
			
			&.creations {
				background-position: 0px 0px;
				width:87px;
				margin-left:0px;
				margin-right:30px;
				
				&:hover {
					background-position: 0px -14px;
				}
			}
			
			&.services {
				background-position: -87px 0px;
				width:75px;
				margin-right:30px;
				
				&:hover {
					background-position: -87px -14px;
				}
			}
			
			&.about {
				background-position: -161px 0px;
				width:112px;
				margin-right:222px;
				
				&:hover {
					background-position: -161px -14px;
				}
			}
			
			&.editorial {
				background-position: -272px 0px;
				width:86px;
				margin-right:53px;
				
				&:hover {
					background-position: -272px -14px;
				}
			}
			
			&.tips {
				background-position: -358px 0px;
				width:40px;
				margin-right:57px;
				
				&:hover {
					background-position: -358px -14px;
				}
			}
			
			&.inspiration {
				background-position: -398px 0px;
				width:97px;
				margin-right:0px;
				
				&:hover {
					background-position: -398px -14px;
				}
			}
			
		}
	}
}


//
// home
//

#home {
	position: absolute;
	top:136px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	z-index:10;
	
	.slideshow div {
		position: absolute;
		top:0px;
		left:0px;
		bottom:2px;
		right:0px;
		background-repeat:no-repeat;
		background-position: top center;
		background-size:auto 100%;
	}
	
	.shinybox {
		display:block;
		position: absolute;
		top:auto;
		left:50%;
		right:auto;
		bottom:60px;
		width:500px;
		background: @light-brown url(../img/shinybox-crown.png) no-repeat right bottom;
		padding:15px 10px 15px 15px;
		border:1px solid @lighter-brown;
		margin-left:-263px;
		z-index:1000;
		cursor:pointer;
		
		img.play {
			opacity:0.5;
		}
		
		&:hover {
			img.play {
				opacity:1;
			}
		}
		
		.thumb {
			float:left;
			position: relative;
			width:222px;
			height:160px;
			margin-right:10px;

			img.thumb {
				position: absolute;
				top:0px;
				left:0px;
				height:100%;
				width:100%;
				margin-right:20px;
			}
			
			img.play {
				position: absolute;
				left:86px;
				top:55px;
			}
		}
		
		.description {
			p.watch {
				font-size:16px;
				text-transform: uppercase;
				text-align: center;
				font-weight:100;
			}
			
			img.spirit-of-alana {
				margin:15px 0px 8px 0px;
			}
			
			p {
				font-family: 'Rosario', sans-serif;
				color:@silver;
				font-weight: normal;
				text-align: center;
				font-size:14px;
				line-height:18px;
			}
		}
		
	}
	
	.pull-quotes {
		position: absolute;
		top:100px;
		left:50%;
		width:960px;
		margin-left:-480px;
		z-index:2000;
		
		img {
			display:none;
			position: absolute;
			top:0px;
			left:30px;
		}
	}
	
}

#video {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.75);
	z-index:100;
	box-shadow: inset 0px 0px 60px #000000;
	
	div {
		position: absolute;
		top:50%;
		left:50%;
		width:853px;
		height:480px;
		margin-left:-426px;
		margin-top:-280px;
		box-shadow: 0px 0px 30px #000000;
	}
}




//
// banners
//

#banner {
	display:block;
	height:105px;
	background: url('../img/alanaleigh-section-head-404-050212.jpg') no-repeat center top;
	padding-top:95px;
	margin-bottom:0px;
	
	&.about {
		background: url('../img/alanaleigh-section-head-aboutalana-050212.jpg') no-repeat center top;
	}
	
	&.about-products {
		background: url('../img/alanaleigh-section-head-aboutproducts-050212.jpg') no-repeat center top;
	}
	
	&.bracelets {
		background: url('../img/alanaleigh-section-head-bracelets-050212.jpg') no-repeat center top;
	}
	
	&.checkout {
		background: url('../img/alanaleigh-section-head-checkout-050212.jpg') no-repeat center top;
	}
	
	&.contact {
		background: url('../img/alanaleigh-section-head-contact-050212.jpg') no-repeat center top;
	}
	
	&.creations {
		background: url('../img/alanaleigh-section-head-creations-050212.jpg') no-repeat center top;
	}
	
	&.policies {
		background: url('../img/alanaleigh-section-head-customercare-050212.jpg') no-repeat center top;
	}
	
	&.earrings {
		background: url('../img/alanaleigh-section-head-earrings-050212.jpg') no-repeat center top;
	}
	
	&.editorial {
		background: url('../img/alanaleigh-section-head-editorial-070912.jpg') no-repeat center top;
	}
	
	&.enhancers {
		background: url('../img/alanaleigh-section-head-enhancers-050212.jpg') no-repeat center top;
	}
	
	&.inspiration {
		background: url('../img/alanaleigh-section-head-inspiration-050212.jpg') no-repeat center top;
	}
	
	&.necklaces {
		background: url('../img/alanaleigh-section-head-necklaces-050212.jpg') no-repeat center top;
	}
	
	&.resetpassword {
		background: url('../img/alanaleigh-section-head-resetpassword-050212.jpg') no-repeat center top;
	}
	
	&.rings {
		background: url('../img/alanaleigh-section-head-rings-050212.jpg') no-repeat center top;
	}
	
	&.searchresults {
		background: url('../img/alanaleigh-section-head-searchresults-050212.jpg') no-repeat center top;
	}
	
	&.services {
		background: url('../img/alanaleigh-section-head-services-050212.jpg') no-repeat center top;
	}
	
	&.shipping {
		background: url('../img/alanaleigh-section-head-shipping-050212.jpg') no-repeat center top;
	}
	
	&.stonemeanings {
		background: url('../img/alanaleigh-section-head-stonemeanings-050212.jpg') no-repeat center top;
	}
	
	&.testimonials {
		background: url('../img/alanaleigh-section-head-testimonials-050212.jpg') no-repeat center top;
	}
	
	&.thankyou {
		background: url('../img/alanaleigh-section-head-thankyou-050212.jpg') no-repeat center top;
	}
	
	&.tips {
		background: url('../img/alanaleigh-section-head-tips-050212.jpg') no-repeat center top;
	}
	
	&.treasures {
		background: url('../img/alanaleigh-section-head-treasures-050212.jpg') no-repeat center top;
	}
	
	&.forgotpassword {
		background: url('../img/alanaleigh-section-head-resetpassword-050212.jpg') no-repeat center top;
	}
	
	&.accountform {
		background: url('../img/alanaleigh-section-head-account-050212.jpg') no-repeat center top;
	}
	
	&.search {
		background: url('../img/alanaleigh-section-head-searchresults-050212.jpg') no-repeat center top;
	}
	
	.padding {
		position:relative;
		width:860px;
		height:inherit;
		margin:0px auto;
	}
	
	h1 {
		display:none;
		font-size:24px;
		font-family: 'Rosario', sans-serif;
		font-weight: normal;
	}
	
	nav {
		position: absolute;
		top: 75px;
		left: 0px;
		
		a {
			text-decoration: none;
			color: @silver;
			text-transform: uppercase;
			font-size: 10px;
			font-family: 'Rosario', sans-serif;
			padding-right:15px;
			
			&:hover {
				color:white;
			}
		}
	}
}

//
// intros
//

#intro {
	display:block;
	width:960px;
	margin:0px auto;
	
	
	h2 {
		font-family: 'Rosario', sans-serif;
		max-width:600px;
		color:@light-silver;
		font-weight:normal;
		font-size:16px;
		line-height:20px;
	}
}


// 
// category-list
//

div#category-list {
	width:960px;
	margin:40px auto 0px auto;
	
	a {
		position: relative;
		display:inline-block;
		.ie7-inline-block();
		width:300px;
		height:300px;
		overflow:hidden;
		margin:10px 0px 0px 10px;
		
		img {
			position: absolute;
			top:0px;
			left:0px;
			width:300px;
			height:300px;
			opacity:1;
			
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
		}
		
		&:hover {
			
			img.label {
				opacity:0;
			}
			
		}
	}
}


//
// category-landing
//

div#category-landing {
	
	&.rings {
		background:url('../img/landing-rings.jpg') no-repeat center top;
	}
	
	&.necklaces {
		background:url('../img/landing-necklaces.jpg') no-repeat center top;
	}
	
	&.earrings {
		background:url('../img/landing-earrings.jpg') no-repeat center top;
	}
	
	&.bracelets {
		background:url('../img/landing-bracelets.jpg') no-repeat center top;
	}
	
	&.enhancers {
		background:url('../img/landing-enhancers.jpg') no-repeat center top;
	}
	
	&.treasures {
		background:url('../img/landing-treasures.jpg') no-repeat center top;
	}
	
	position:absolute;
	top:136px;
	right:0px;
	bottom:1px;
	left:0px;
	
	.padding {
		width:860px;
		padding-top:150px;
		margin:0px auto;
	}
	
	h1 {
		display:none;
	}
	
	.description {
		width:350px;
		font-family: 'Rosario', sans-serif;
		font-style:italic;
		color:@light-silver;
		font-size:20px;
		line-height:30px;
		margin-bottom:40px;
	}
	
	a {
		display:block;
		width:200px;
		background-color: @lighter-brown;
		background-color: @white-30;
		background-image: url(../img/cross.png);
		background-repeat: no-repeat;
		background-position: 195px 6px;
		font-family: 'PT Sans', sans-serif;
		text-transform: uppercase;
		font-size:13px;
		text-decoration: none;
		color:white;
		padding:8px 10px;
		margin:5px 0px;
		
		&:hover {
			background-color: @white-30;
		}
	}
	
	.subcategories {
		margin-top:20px;
	}
	
}



//
// product-list
//

#product-list {
	width:980px;
	line-height:0px;
	font-size:0px;
	margin:30px auto 40px auto;
	
	a {
		display:inline-block;
		.ie7-inline-block();
		width:300px;
		height:520px;
		padding:10px;
		text-decoration: none;
		
		&:hover {
			background:@light-brown;
		}
		
		&:nth-child(3n+1) {
			margin-left:10px;
		}
		
		img.image {
			width:300px;
			height:400px;
		}
		
		.sale {
			float:right;
			padding-top:20px;
		}
		
		.name {
			font-family: 'Rosario', sans-serif;
			font-size:14px;
			line-height:18px;
			height:36px;
			width:200px;
			letter-spacing:1px;
			color:@silver;
			padding:20px 0px 0px 10px;
		}
		
		.price {
			font-family: 'Rosario', sans-serif;
			font-size:17px;
			line-height:18px;
			letter-spacing:1px;
			color:@silver;
			padding:10px 0px 0px 10px;
		}
	}
}


//
// product-detail
//

#product {
	margin-top:40px;
	
	.padding {
		width:920px;
		margin:0px auto;
	}
	
	.images {
		float:left;
		
		.large {
			background:@light-brown;
			width:360px;
			height:480px;
			padding:10px;
			
			img {
				width:360px;
				height:480px;
			}
		}
				
		.zoom-instructions {
			color:@silver;
			font-size:9px;
			text-align:right;
			text-transform: uppercase;
			font-family: 'PT Sans', sans-serif;
			padding:15px 10px 0px 0px;
		}
		
		.thumbnails {
			padding:10px 0px 0px 10px;
			width:370px;
			
			.instructions {
				color:@silver;
				font-size:9px;
				text-transform: uppercase;
				font-family: 'PT Sans', sans-serif;
				padding:15px 0px 15px 0px;
			}
			
			img {
				margin-right:10px;
				margin-bottom:15px;
			}
		}
		
		#cloud-zoom-big {
			border:10px solid @light-brown;
			-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.5);
			-moz-box-shadow:0px 0px 20px rgba(0,0,0,.5);
			-ms-box-shadow:0px 0px 20px rgba(0,0,0,.5);
			box-shadow:0px 0px 20px rgba(0,0,0,.5);
		}
	}
	
	.product-info {
		float:right;
		background:@light-brown;
		width:400px;
		min-height:600px;
		color:@silver;
		font-family: 'PT Sans', sans-serif;
		font-size:13px;
		line-height:18px;
		padding:40px 50px;
		
		.sale {
			float:right;
		}
		
		h2 {
			font-family: 'Rosario', sans-serif;
			font-size:18px;
			line-height:24px;
			font-weight:normal;
			width:250px;
			letter-spacing:1px;
			color:@silver;
			padding:0px;
			margin:0px 0px 30px 0px;
		}
		
		h3 {
			font-family: 'PT Sans', sans-serif;
			font-size:13px;
			padding:0px 0px 10px 0px;
			font-weight:normal;
		}
		
		.description {
			font-size:13px;
			font-weight:normal;
			width:300px;
		}
		
		.options {
			width:180px;
			float:left;
			
			h3 {
				padding-bottom:2px;
			}
			
			.option {
				margin-bottom:10px;
			}
			
			select {
				width:150px;
			}
		}
		
		div.purchase {
			width:160px;
			float:right;
			
			div.price {
				font-family: 'Rosario', sans-serif;
				color:@silver;
				font-weight: normal;
				font-size:20px;
			}
			
			div.original-price {
				font-family: 'Rosario', sans-serif;
				color:@silver;
				font-size:13px;
				padding-top:6px;
				
				span {
					display:inline;
					font-size:13px;
				}
			}
			
			.add-to-cart {
				margin-top:15px;
			}
			
		}
		
		.share {
			display:block;
			margin-top:20px;
			
			div.fb-like,
			div.fb-like iframe {
				float:left;
				display:block;
				width:60px !important;
				height:20px !important;
				overflow:hidden;
			}
			
			.twitter-share-button {
				float:left;
				display:block;
				width:90px !important;
				height:20px !important;
				overflow:hidden;
			}
			
			.email-share {
				top:-9px;
			}
			
		}
		
		.stones {
			a {
				display: block;
				float:left;
				width:50%;
				overflow:auto;
				text-decoration: none;
				margin-bottom:5px;
			}
			
			img {
				float:left;
				width:80px;
				height:80px;
				vertical-align: baseline;
				border:1px solid @silver;
			}
			
			div.name {
				float:left;
				vertical-align: baseline;
				font-family: 'PT Sans', sans-serif;
				color: @silver;
				font-weight: normal;
				margin:67px 0px 0px 10px;
			}
			
			a.all {
				clear:both;
				display: block;
				width:100%;
				font-size:9px;
				color:@silver;
				text-transform: uppercase;
				text-align:right;
				margin-top:20px;
				margin-bottom:30px;
				
				&:hover {
					color:@light-silver;
				}
			}
		}
		
		.related {
			
			img {
				margin-right:5px;
			}
		}
	}
	
	hr {
		height:1px;
		background: @light-grey;
		border:0px;
		margin:30px 0px;
		clear:both;
	}
	
}


//
// checkout
//
#checkout {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	padding-bottom:90px;
	
	
	h2 {
		font-family: 'Rosario', sans-serif;
		color:@silver;
		font-size:22px;
		padding:0px 0px 10px 10px;
	}
	
	> p {
		padding-left:10px;
	}
	
	p.message {
		width:auto;
		max-width:auto;
		color:red;
		font-weight:bold;
		padding:10px;
		border:1px solid red;
		margin:10px 0px 0px 0px;
	}
	
	#products {
		margin-top:20px;
		margin-bottom:10px;
		
		.placeholder {
			font-family: 'PT Sans', sans-serif; 
			font-size:13px;
			line-height:16px;
			color:@silver;
			text-align: center;
			text-transform: uppercase;
			width:inherit;
			padding:20px 0px;
		}
		
		nav { display:none; }
		
		.option {
			font-family: 'Rosario', sans-serif;
			color:@silver;
			font-size: 13px;
			margin:5px 0px;
			
			.name {
				text-transform: uppercase;
				font-size:10px;
				padding-right: 5px;
			}
		}
		
		.price {
			font-family: 'Rosario', sans-serif;
		}
		
		table.cart {
			width:100%;
			box-shadow:0px 0px 5px @black-50;
			
			
			tr:nth-child(even) td {
				background-color:@brown;
			}
			
			tr:nth-child(odd) td {
				background-color:@dark-brown;
			}
			
			th {
				font-family: 'Rosario', sans-serif;
				color:@silver;
				font-size:13px;
				text-transform: uppercase;
				text-align: left;
				padding: 10px 0px 10px 10px;
				font-weight: normal;
				
				&.quantity {
					width:80px;
				}
				
				&.price {
					width:80px;
				}
				
				&.nav {
					width:60px;
				}
			}
			
			td {
				padding:10px;
				border:1px solid @dark-brown;
				margin:0px;
				
				&.image {
					width:100px;
					height:124px;
				}
				
				h3 {
					font-family: 'Rosario', sans-serif;
					color:@silver;
					font-size:16px;
					margin:0px 0px 10px 0px;
					font-weight: normal;
				}
				
				
				
				label {
					font-family: 'Rosario', sans-serif;
					color:@silver;
					font-size:10px;
					text-transform: uppercase;
					float:left;
					clear:left;
					line-height:23px;
					margin-right:10px;
				}
				
				select {
					float:left;
				}
				
				
				
			}
		}
		
	}
	
	
	fieldset.tax,
	fieldset.total {
		padding-top:10px;
		font-family: 'Rosario', sans-serif;
		
		h3 {
			font-family: 'Rosario', sans-serif;
			color:@silver;
			font-size:13px;
			text-transform: uppercase;
			margin-top:20px;
			font-weight: normal;
		}
		
		label {
			font-family: 'Rosario', sans-serif;
			color:@silver;
			font-size:13px;
			text-transform: uppercase;
			margin:15px;
		}
		
		.price {
			font-family: 'Rosario', sans-serif;
			font-size:18px;
		}
		
		nav {
			margin-top:20px;
		}
	}
	
	
	.col {
		float:left;
		width:270px;
		
		div.spacer {
			font-family: 'Rosario', sans-serif;
			color:@silver;
			font-size:13px;
			text-transform: uppercase;
			text-align: center;
		}
		
		&.middle {
			padding:0px 25px;
		}
	}
	
	fieldset.total,
	fieldset.login,
	fieldset.shipping,
	fieldset.user,
	fieldset.billing,
	fieldset.comments {
		background-color:@brown;
		width:210px;
		padding:10px 30px 30px 30px;
		margin:20px 0px 10px 0px;
		
		h3 {
			font-family: 'Rosario', sans-serif;
			color:@silver;
			font-size:16px;
			margin-top:20px;
			font-weight: normal;
		}
		
		label {
			font-family: 'Rosario', sans-serif;
			color:@silver;
			font-size:13px;
			text-transform: uppercase;
			margin:20px 0px 10px 0px;
			font-weight: normal;
		}
		
		label.card {
			display:inline-block;
			.ie7-inline-block();
			width:67px;
		}
		
		input#billing-code {
			width:100px;
		}
		
		textarea {
			background:@silver;
			width:192px;
			height:80px;
			padding:4px 8px;
			margin:20px 0px 0px 0px;
		}
		
		input#billing-code {
			float:left;
		}
		
		input.expmonth, 
		input.expyear {
			width:50px;
			display:inline;
		}
		
		a.login {
			margin-top:10px;
		}
		
		.whatsthis {
			margin:3px 0px 0px 4px;
		}
		
		label.small {
			font-size:11px;
			line-height:12px;
			padding:0px;
			margin:0px 0px 10px 0px;
			
			input {
				float:left;
				margin:0px 5px 2px 0px;
			}
		}
	}
	
	fieldset.comments {
		
	}
	
	fieldset.shipping {
		
	}
	
	
	.purchase {
		text-align:right;
		display:block;
		
		button {
			margin:20px 10px 0px 0px;
		}
	}
	
}


// 
// blog
//

#blog {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	
	.description {
		font-size:13px;
		padding:20px 0px;
		
		span {
			color:@light-silver;
			line-heigth:inherit;
			padding:0px;
			margin:0px;
		}
	}
	
	.posts {
		width:640px;
		
		.post {
			position: relative;
			display:block;
			//background-color:@light-brown;
			width:300px;
			min-height:240px;
			padding-bottom:40px;
			padding-left:340px;
			border-bottom:1px dotted @silver;
			margin:10px 0px 40px;
			
			&:last {
				
			}
			
			.viewer,
			iframe {
				position:absolute;
				top:0px;
				left:0px;
				width:320px;
				height:240px;
				background-color:@brown;
				background-image: url(../img/post-placeholder.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				cursor:pointer;
			}
			
			time {
				display:block;
				font-size:13px;
				font-family: 'Rosario', sans-serif;
				font-weight:normal;
				color: @silver;
				line-height: 16px;
				padding-top:15px;
			}
			
			h2 {
				font-family: 'Rosario', sans-serif;
				font-size: 18px;
				color: @light-silver;
				line-height:22px;
				padding:15px 0px 15px 0px;
				margin:0px;
			}
			
			.shorttext {
				color:@silver;
				font-family: 'PT Sans', sans-serif;
				font-size:14px;
				line-height:18px;
				height:58px;
				overflow:hidden;
				margin:0px 0px 30px 0px;
			}
			
			.read-more {
				display:inline-block;
				.ie7-inline-block();
				background: transparent url(../img/smallarrow-right.png) no-repeat right center;
				font-family: 'Rosario', sans-serif;
				letter-spacing:1px;
				font-size:9px;
				line-height:22px;
				height:21px;
				color:@silver;
				text-decoration:none;
				text-transform:uppercase;
				padding:0px 20px 0px 0px;

				&:hover {
					color:white;
				}
			}
			
		}	
			
		.pages a {
			display:inline-block;
			.ie7-inline-block();
			font-family: 'Rosario', sans-serif;
			letter-spacing:1px;
			font-size:9px;
			line-height:22px;
			height:21px;
			color:@silver;
			text-decoration:none;
			text-transform:uppercase;
			
			&.next {
				background: transparent url(../img/smallarrow-right.png) no-repeat right center;
				padding:0px 20px 0px 0px;
			}
			
			&.back {
				background: transparent url(../img/smallarrow-left.png) no-repeat left center;
				padding:0px 0px 0px 20px;
				margin-right:20px;
			}

			&:hover {
				color:white;
			}
		}
	}
		
	.categories {
		display:block;
		float:right;
		width:160px;
		background-color:@brown;
		padding:10px 0px 20px 30px;
		
		h3 {
			float:left;
			clear:left;
			display:block;
			color:@silver;
			font-family: 'PT Sans', sans-serif;
			font-size:14px;
			line-height:18px;
			margin:5px 0px 15px 0px;
		}
		
		a {
			display:block;
			float:left;
			clear:left;
			color:@silver;
			font-family: 'PT Sans', sans-serif;
			font-size:14px;
			line-height:18px;
			padding:2px 0px 0px;
			text-decoration: none;
			border-bottom:1px dotted transparent;
			margin-bottom:2px;
			
			&:hover,
			&.selected {
				border-bottom:1px dotted @silver;
			}
		}
	}
}

#blog-post {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	
	time {
		display:block;
		font-size:13px;
		font-family: 'Rosario', sans-serif;
		font-weight:normal;
		color: @silver;
		line-height: 16px;
	}
	
	h2 {
		max-width:640px;
		font-family: 'Rosario', sans-serif;
		font-weight:normal;
		font-size: 22px;
		color: @light-silver;
		line-height:30px;
		padding:15px 0px 10px 0px;
		margin:0px;
	}
	
	.images {
		display:block;
		width:640px;
		padding:10px 0px 40px 0px;
		
		.viewer {
			width:640px;
			height:480px;
			margin-bottom:20px;
		}
		
		.large {
			display:block;
			width:640px;
			height:480px;
			background-color:@brown;
			background-position:center center;
			background-repeat:no-repeat;
			margin-bottom:20px;
		}
		
		.thumbnails {
			
			img {
				text-decoration:none;
				display:inline-block;
				.ie7-inline-block();
				margin-right:10px;
				margin-bottom:10px;
			}
		}
	}
	
	iframe.video {
		display:block;
		margin:10px 0px 40px 0px;
	}
	
	.text {
		display:block;
		max-width:640px;
		color:@silver;
		font-family: 'PT Sans', sans-serif;
		font-size:13px;
		line-height:18px;
		padding-bottom:40px;
		
		p {
			font-size:13px;
			padding:0px 0px 15px 0px;
		}
	}
	
	.share {
		display:block;
		
		
		
		div.fb-like,
		div.fb-like iframe {
			float:left;
			display:block;
			width:60px !important;
			height:20px !important;
			overflow:hidden;
		}
		
		.twitter-share-button {
			float:left;
			display:block;
			width:90px !important;
			height:20px !important;
			overflow:hidden;
		}
		
		.email-share {
			top:-9px;
		}
		
	}
	
	nav {
		clear:both;
		width:660px;
		padding-top:20px;
		
		a {
			display:inline;
			text-decoration: none;
			color: @silver;
			text-transform: uppercase;
			font-size:13px;
			font-family: 'PT Sans', sans-serif;
			
			&:hover {
				color:@light-silver;
			}
		}
		
		a.previous {
			margin-right:20px;
		}
		
		a.next {
			
		}
	}
}


// 
// about
//

#about {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	
	p {
		width:500px;
	}
	
	.headshot {
		float: right;
		border:10px solid @brown;
	}
	
	.backgrounder {
		
	}
	
	.signature {
		margin-top:0px;
		margin-left:140px;
	}
	
}


//
// services
//
#services {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	
	.service {
		float:left;
		width:240px;
		min-height:180px;
		margin:30px 0px 10px 0px;
		
		h3 {
			font-weight:normal;
			display:inline-block;
			.ie7-inline-block();
			border-bottom:1px dotted @light-grey;
		}
		
		&.middle {
			margin:30px 50px;
		}
		
		&.long {
			width:500px;
		}
	}
	
}


//
// tips
//
#tips {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	
	.tip {
		float:left;
		width:240px;
		margin:30px 0px;
		
		&.middle {
			margin:30px 50px;
		}
	}
	
}


//
// about-products
//
#about-products {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	height:200px;
	margin: 0px auto;
	overflow:hidden;
}


//
// stones
//
#stones {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:auto;
	
	.stone {
		position: relative;
		float:left;
		width:380px;
		height:158px;
		margin:10px;
		overflow:hidden;
		margin-top:30px;
		padding-right:40px;
		
		&:nth-child(odd) {
			margin-right:0px;
		}
		
		&:nth-child(even) {
			margin-left:0px;
		}
		
		img {
			position: absolute;
			top:0px;
			left:0px;
			width:100px;
			height:100px;
			margin-right:20px;
			border:1px solid @light-grey;
		}
		
		h2 {
			padding-bottom:8px;
			padding-left:120px;
		}
		
		.description {
			font-family: 'PT Sans', sans-serif;
			font-size:13px;
			line-height:17px;
			color:@silver;	
			padding-left:120px;
		}
	}
}

//
// policies
//
#policies {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
}


//
// testimonials
//
#testimonials {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	
	div.testimonial {
		width:400px;
		padding:20px 0px;
		
		p.quote {
			font-size:13px;
			color:@light-silver;
			
		}
		
		p.by {
			font-weight:11px;
			font-style: italic;
		}
	}
}


//
// shipping
//
#shipping {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	
	a {
		text-decoration: none;
	}
}

//
// contact
//
#contact {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	height: 300px;
	font-family: 'PT Sans', sans-serif;
	margin: 0px auto;
	overflow:hidden;
	
	.contact {
		
		float:left;
		width:240px;
		margin:30px 0px;
		
		&.middle {
			margin:30px 50px;
		}
		
		a {
			text-decoration: none;
			font-size:13px;
			text-transform: uppercase;
			padding-right:10px;
			
			img {
				border:0px;
			}
		}
		
		.followus {
			font-size:13px;
			font-family: 'PT Sans', sans-serif;
			text-transform: uppercase;
			font-size:13px;
			padding: 15px 0px 5px 0px;
			font-weight:normal;
		}
		
		span.label {
			color:@light-silver;
			font-size:9px;
			letter-spacing: 1px;
			text-transform: uppercase;
			padding-right:5px;
		}
	}
	
	.subscribe button {
		display:inline-block;
		.ie7-inline-block();
		margin-top:15px;
	}
	
	input.email {
		margin-top:10px;
	}
	
	.backgrounder {
		margin-top:10px;
		margin-left:-4px;
	}
}


//
// press
//
#press {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	padding-bottom:90px;
	
	.collage {
		position:relative;
		width:750px;
		height:400px;
		padding:20px 0px;
		border-left: 1px solid @silver;
		border-right: 1px solid @silver;
		margin:40px 54px 0px;
		
		.slider {
			width:inherit;
			height:400px;
			overflow:hidden;
			
			img {
				
			}
		}
		
		.next {
			position:absolute;
			top:185px;
			right:-50px;
			width:17px;
			height:29px;
			background: transparent url(../img/medarrow-right.png) no-repeat center center;
			cursor:pointer;
		}
		
		.prev {
			position:absolute;
			top:185px;
			left:-50px;
			width:17px;
			height:29px;
			background: url(../img/medarrow-left.png) no-repeat center center;
			cursor:pointer;
		}
	}	
	
}


//
// create/edit account
//
#accountForm {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	margin: 0px auto;
	overflow:hidden;
	
	h2 {
		font-family: 'Rosario', sans-serif;
		color:@silver;
		font-size:22px;
		padding:0px 0px 10px 0px;
		margin-top:0px;
	}
	
	fieldset {
		float:left;
		background-color:@brown;
		width:210px;
		padding:10px 30px 30px 30px;
		margin-top:30px;
		margin-right:15px;
		
		h3 {
			font-family: 'Rosario', sans-serif;
			color:@silver;
			font-size:16px;
			margin-top:20px;
			font-weight: normal;
		}
		
		aside {
			font-style: italic;
			font-size:13px;
			line-height:13px;
			color:@silver;
			padding:20px 0px 0px 0px;
		}
		
		label {
			font-family: 'Rosario', sans-serif;
			color:@silver;
			font-size:13px;
			text-transform: uppercase;
			margin:20px 0px 10px 0px;
			font-weight: normal;
		}
		
		label.error {
			color:@light-silver;
			font-size:10px;
			padding:8px 0px 5px 0px;
			text-transform: none;
			color:red;
			margin:0px;
		}
		
		input#billing-code {
			width:100px;
		}
		
		textarea {
			background:@silver;
			width:192px;
			height:170px;
			padding:4px 8px;
			margin:20px 0px 0px 0px;
		}
	}
	
	nav {
		float:left;
		display:block;
		
		button {
			margin:60px 30px;
		}
	}
}

//
// forgot password
//
#forgotpassword {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	height:200px;
	margin: 0px auto;
	overflow:hidden;
	
	p {
		margin-bottom:30px;
	}
	
	label {
		width:120px;
		font-family: 'PT Sans', sans-serif;
		text-transform: uppercase;
		font-size:13px;
		height:21px;
		line-height:15px;
		padding:5px 0px;
		color:@light-silver;
	}
	
	input {
	}
	
	button {
		margin-top:20px;
	}
}

//
// message
//
#message {
	position: relative;
	width:860px;
	background: @light-brown url(../img/crown-watermark.png) no-repeat bottom right;
	padding: 40px 50px 80px 50px;
	height:200px;
	margin: 0px auto;
	overflow:hidden;
	
	a {
		text-decoration: none;
	}
}


//
// footer
//

footer {
	display:block;
	position: absolute;
	clear:both;
	width:100%;
	left:0px;
	bottom:1px;
	height:30px;
	background:@dark-grey;
	margin-top:40px;
	z-index:50;
	
	div.padding {
		width:960px;
		margin:0px auto;
		
		color:@light-grey;
		font-size:10px;
		line-height:30px;
		text-transform: uppercase;
		font-family: 'PT Sans', sans-serif;
		
		div.copy {
			display:inline;
		}
		
		nav {
			float:right;
			
			a {
				color: @light-grey;
				text-decoration: none;
				margin:0px 15px;
				
				&:hover {
					color:@silver;
				}
			}

			.social-icon {
				font-size:16px;
				margin: 0 4px;
			}
		}
	}
}