/*
Theme Name: BDQII
Theme URI: http://www.bandedesquatres.com/
Description: The BDQII Theme is for the second Bande des Quatres iteration.
Author: Burak Kanber
Version: 1.0
License: All rights reserved, Erin Wahed 2011

*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */



/*
 * 
 * FONTS
 * WE'RE USING GRIDNIK REGULAR WITH A TEXT SHADOW
 * 
 */

@font-face {
	font-family: 'FoundryGridnikMedium';
	src: url('fonts/foundrygridnik-medium-webfont.eot');
	src: url('fonts/foundrygridnik-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/foundrygridnik-medium-webfont.woff') format('woff'),
		url('fonts/foundrygridnik-medium-webfont.ttf') format('truetype'),
		url('fonts/foundrygridnik-medium-webfont.svg#FoundryGridnikMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FoundryGridnikRegular';
	src: url('fonts/foundrygridnik-regular-webfont.eot');
	src: url('fonts/foundrygridnik-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/foundrygridnik-regular-webfont.woff') format('woff'),
		url('fonts/foundrygridnik-regular-webfont.ttf') format('truetype'),
		url('fonts/foundrygridnik-regular-webfont.svg#FoundryGridnikRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
 * 
 * TOP LEVEL HTML ELEMENT STYLES
 * 
 */

html {
	background:black;
}
body {
	margin:0;
	min-width:1200px;
	font-family:Helvetica, Arial;
	font-size:11px;
	color:white;
}
a {
	outline:none;
	text-decoration:none;
	color:inherit;
}
a.grey {
	color:#999;
}
	a.grey:hover {
		color:white;
	}
img {
	border:none;
	outline:none;
}
h1, h2, h3 {
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
	
	color:white;
	font-family:'FoundryGridnikRegular';
	text-shadow:0 0 1px white;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}

.clearfix { clear: both; }

/*
 * 
 * CLASSES
 * 
 */
#bgimg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
/*
 * Header 
 */

.header {
	height:32px;
	background:url(img/bg-dots.png);
	position:fixed;
	top:0;
	width:100%;
	box-shadow: 0 1px 5px rgba(0,0,0,0.6);
	z-index: 3;
}
	.header .left, .header .center, .header .right {
		vertical-align:top;
		height:100%;
	}
	.header .left {
		background:black;
		z-index:2;
		position:absolute;
		top:0;
		left:0;
	}
	.header .center {
		width:915px;
		float:none;
		z-index:3;
		margin:auto;
		position:relative;
		
	}
	.header h1 {
		margin:0;
		line-height:32px;
		background:black;
		float:left;
		width:185px;
	}
/*
 * Header nav
 */
	.header ul.nav {
		font-family:'FoundryGridnikRegular';
		font-size:13px;
		width:1000px;
	}
		.header ul.nav li {
			float:left;
			line-height:32px;
/*			padding:0 36px;*/
			position:relative;
		}
		.header ul.nav li.active {
			background:rgba(170,170,170,0.9) !important;
		}
			.header ul.nav li.active > a, .header ul.nav li.active:hover > a {
				color:white;
			}
		.header ul.nav li:hover {
			background:rgba(170,170,170,0.8);
		}
			.header ul.nav li a {
				text-transform:uppercase;
				color:#a0a0a0;
				padding:8px 33px;
			}
			.header ul.nav li:hover a {
				color:#3c3c3c;
			}
			.header ul.nav li .subnav {
				display:none;
				background: rgba(170, 170, 170, 0.9);
				min-height: 100px;
				min-width: 415px;
				position: absolute;
				padding: 15px 0 35px 35px;
				top: 32px;
				left: 0px;
				box-shadow: 0 3px 4px rgba(0,0,0,0.5);
			}
			.header ul.nav li:hover .subnav {
				display:block;
			}
				.header ul.nav li .subnav .half {
					float:left;
					width:100px;
				}
					.header ul.nav li .subnav .half .title {
						font-family:'FoundryGridnikMedium';
						color:#373737;
						text-transform:uppercase;
						margin-bottom:9px;
					}

					.header ul.nav li .subnav .half ul.collectionnav {
						
					}
						.header ul.nav li .subnav .half ul.collectionnav li {
							font-family:Helvetica;
							font-size:11px;
							float:none;
							line-height:1.5em;
						}
						.header ul.nav li .subnav .half ul.collectionnav li:hover {
							background:none;
						}
							.header ul.nav li .subnav .half ul.collectionnav li a {
								color:#373737;
								text-transform:none;
								padding:0;
							}
							.header ul.nav li .subnav .half ul.collectionnav li a:hover, .header ul.nav li .subnav .half ul.collectionnav li a.active {
								color: white;
								text-shadow: 0 0 1px #DDD;
							}
							
			.header ul.nav li .subnav.small {
				padding:0 0 0 32px;
				width:140px;
				min-width:0px;
				
			}
				.header ul.nav li .subnav.small ul.shopnav {
					margin:25px 0;
				}
					.header ul.nav li .subnav.small ul.shopnav li {
						float: none;
						line-height: 1;
						margin:4px 0;
					}
					.header ul.nav li .subnav.small ul.shopnav li:hover {
						background:transparent;
					}
						.header ul.nav li .subnav.small ul.shopnav li a {
							padding:0;
						}
						.header ul.nav li .subnav.small ul.shopnav li a:hover {
							color:white;
						}
.preload {
	display:none;
}
.content {
	width:915px;
	margin:40px auto 0;
}
/*
 * Tiles for ring and press
 */
.pagination {
	background:#232323;
	width:340px;
	height:28px;
	padding:0 10px;
	margin-bottom:10px;
	line-height:28px;
}
	.pagination .title {
		font-family:'FoundryGridnikRegular';
		font-size:13px;
		color:white;
		text-transform:uppercase;
	}
	.pagination .page {
		width:164px;
		float:right;
		font-size:11px;
	}
		.pagination .page .controls {
			float:right;
		}
			.pagination .page .controls a {
				font-size: 16px;
				width: 10px;
				display: inline-block;
				margin-left: 5px;
				color:#989898;
			}
				.pagination .page .controls a:hover {
					color:white;
				}
.tile {
	font-size:10px;
	width:175px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}
	.tile a.ring {
		display:block;
	}
		.tile a.ring img {
			width:175px;
			height:157px;
			vertical-align:bottom;
		}
	.tile .title {
		background: #232323;
		float: left;
		width: 127px;
		height: 28px;
		padding: 4px 0 4px 8px;
	}
		.tile .title .name {
			margin:0;
		}
		.tile .title .price {
			color:#AAA;
			margin:0;
		}
	.tile .buy {
		background:#3c3c3c;
		float:left;
		width:40px;
		height:36px;
		text-transform:uppercase;
		text-align:center;
		line-height:36px;
		box-shadow: inset 1px 0 1px rgba(25, 25, 25, 0.4);
	}
	.tile .buy:hover {
		background:#989898;
	}
	
/*
 * Product page
 */
.product {
	background:rgba(35, 35, 35, 0.85);
	padding:10px;
	box-shadow: 0 0 4px rgba(25, 25, 25, 0.85);
}
	.product a.ring {
		float:left;
		height:535px;
		width:535px;
		margin-right:10px;
		overflow:hidden;
		position:relative;
	}
		.product a.ring #currentRingImage {
			position:absolute;
			bottom:10px;
			right:10px;
			color:#8C8C8C;
			font-size: 14px;
		}
			.product a.ring #currentRingImage .active {
				color:white;
			}
	.product .info {
		float:left;
		margin-left:12px;
		font-size:11px;
		width:338px;
		position:relative;
		height:535px;
	}
		.product .info p {
			margin:0;
		}
		.product .info .category {
			font-family:'FoundryGridnikMedium';
			text-transform:uppercase;
			font-size:13px;
		}
		.product .info .name {
			font-family:'FoundryGridnikRegular';
			text-transform:uppercase;
			font-size:13px;
		}
		.product .info .additional {
			position:absolute;
			bottom:0;
			width:340px;
		}
			.product .info .additional .size, .product .info .additional .finish {
				float:left;
				width:90px;
				margin-right:30px;
			}
				.product .info .additional .size a, .product .info .additional .finish a {
					height:25px;
					background:#525252;
					margin:5px 5px 0 0;
					line-height:25px;
				}
					.product .info .additional .size a.selected, .product .info .additional .finish a.selected {
						background:#828282;
					}
				.product .info .additional .size a {
					float:left;
					width:25px;
					text-align:center;
				}
				.product .info .additional .finish a {
					display:block;
					width:80px;
					padding-left:5px;
				}
			.product .info .additional .addtocart {
				height:25px;
				width:85px;
				line-height:25px;
				text-align:center;
				font-family:Helvetica, Arial;
				font-weight:bold;
				font-size:10px;
				background:#828282;
				text-transform:uppercase;
				position:absolute;
				bottom:0;
				right:0;
				
			}
			.product .info .additional .addtocart:hover {
				background:#525252;
			}
.singlepagination { 
	height:22px;
}
	.singlepagination a {
		color:#000;
	}
	.singlepagination a:hover {
		color:#444;
	}
	.singlepagination a.minus {
		margin-right:3px;
	}
	.singlepagination .backToShop {
		margin-right:25px;
	}
	
			
.ringpicker {
	background:#232323;
	width:400px;
	height:28px;
	padding:0 0 0 10px;
	margin-top:30px;
	line-height:28px;
	position:absolute;
	left:0;
	top:-120px;
	text-transform:none;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
}
	.ringpicker .category {
		font-family:'FoundryGridnikMedium';
		font-size:13px;
		color:white;
		text-transform:uppercase;
	}
	.ringpicker .name {
		font-family:Helvetica, Arial;
		font-size:12px;
		margin-left:5px;
	}
	.ringpicker .controls {
		float:right;
		margin-right:10px;
	}
		.ringpicker .controls a {
			font-size:16px;
			padding:5px;
			color:#999;
		}
		.ringpicker .controls a:hover {
			color:white;
		}
	.ringpicker .view {
		float:right;
		background:#525252;
		text-transform:uppercase;
		font-weight:bold;
		padding:0 10px;
		font-size:12px;
		color:white;
		box-shadow: inset 1px 0 1px rgba(25, 25, 25, 0.4);
	}
	.ringpicker .view:hover {
		background:#989898;
	}
	
/*
 * Shopping cart
 */

.cart {
	margin-bottom:50px;
	position: relative;
}

	.cart .title, .cart .review, .cart .checkout, .cart .receipt, .stockists .title, .stockists .list, .transbg, .titlediv, .studio .title {
		background:rgba(35, 35, 35, 0.85);
		box-shadow: 0 0 3px rgba(25, 25, 25, 0.85);
	}
	.cart .title, .stockists .title, .studio .title, .titlediv {
		font-family:'FoundryGridnikRegular';
		font-size:13px;
		text-transform:uppercase;
		padding:0 20px;
		line-height:46px;
		margin-bottom:1px;
	}
	.cart .review {
		text-align:left;
		width:100%;
		padding:20px;
		border-collapse:separate;
	}
		.cart .review .separator {
			height:1px;
			border-top:1px solid #828282;
		}
		.cart .review tr {
			border-top:1px solid #828282;
		}
		.cart .review th, .cart .review td {
			font-family:Helvetica, Arial;
			font-size:11px;
			vertical-align:top;
			padding-bottom:10px;
			padding-right:10px;
		}
		.cart .review th {
			text-transform:uppercase;
			font-weight:normal;
		}
			.cart .review th.item {
				width:175px;
			}
.taxtable {
	border-collapse:separate;
	text-align:left;
	margin-bottom:10px;
}
	.taxtable tr {
		border-top:1px solid #828282;
	}
	.taxtable th, .taxtable td {
			font-family:Helvetica, Arial;
			font-size:11px;
			vertical-align:top;
			padding-bottom:3px;
			padding-right:10px;
			min-width:158px;
	}
	.taxtable th {
		text-transform:uppercase;
		font-weight:normal;
	}
	
	.cart .checkout, .cart .receipt, .stockists .list {
		padding:10px 20px;
		font-size:11px;
	}
		.cart .checkout .sectionheader, .cart .receipt .sectionheader {
			font-family:Helvetica, Arial;
			font-size:11px;
			vertical-align:top;
			padding-bottom:10px;
			padding-right:10px;
			border-bottom:1px solid #828282;
			text-transform:uppercase;
			font-weight:bold;
		}
		.stockists .sectionheader {
			font-family:Helvetica, Arial;
			font-size:11px;
			vertical-align:top;
			padding-bottom:10px;
			padding-right:10px;
			text-transform:uppercase;
		}
		.cart .checkout table, .cart .receipt table {
			font-size:11px;
			vertical-align:middle;
			margin:20px 0;
		}
			.cart .checkout table td, .cart .receipt table td {
				padding:2px 0;
				vertical-align:middle;
			}
.headergradient1 {
	background:url(img/headergradient1.png) transparent !important;
}
.headergradient2 {
	background:url(img/headergradient2.png) transparent !important;
}
.headergradient3 {
	background:url(img/headergradient3.png) transparent !important;
}
.halfwidth {
	width:420px;
}
.quarterwidth {
	width:160px;
}
div.separator {
	height:1px;
	border-top:1px solid #828282;
}
input[type=text], input[type=email], .selectbox {
	background:#525252;
	border:none;
	color:white;
	font-family:Helvetica, Arial;
	font-size:11px;
	padding:0px 6px;
	height:20px;
	width:240px;
	outline:none;
	margin: 0;
	
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-o-box-sizing:content-box;
	-ms-box-sizing:content-box;
	box-sizing:content-box;

}
.selectbox {
	background-image: url(img/bg-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	line-height:20px;
	position:relative;
	vertical-align:bottom;
	display:inline-block;
	cursor:default;
}
	.selectbox .half {
		width:109px;
	}
	.selectbox .options {
		background: #525252;
		padding: 6px;
		position: absolute;
		top: 20px;
		left: 0;
		width: 240px;
		z-index: 10;
		border-top: 1px solid #666;
		max-height: 200px;
		overflow: auto;
	}
		.selectbox .options li {
			height:20px;
			line-height:20px;
		}
		.selectbox .options li:hover {
			background:#666;
		}
		
		
#promo-form { position: absolute; bottom: 35px; left: 20px; }
	#promo-form p { margin-bottom: 0.7em; }
#couponCode { float: left; margin-right: 10px; }
	#couponCode input { width: 163px; background: #6F6F6F;  }
#updateCart { float: left; }
	#updateCart input { -webkit-appearance: none; -moz-appearance: none; background: #6F6F6F; border: none; color: white; text-transform: uppercase; font: 10px/14px Helvetica, Arial, sans-serif; cursor: pointer; }
	
table.coupon { position: absolute; bottom: 20px; left: 20px; }
	table.coupon td.alpha { padding-right: 10px; }
		
.aboutLinks {
	float:left;
	width:120px;
	margin-right:45px;
}
	.aboutLinks li {
		text-transform:uppercase;
		font-family:'FoundryGridnikRegular', Times New Roman, serif;
		font-size:13px;
		margin:20px 0;
	}
	.aboutLinks li.first {
		margin-top:0;
	}
		.aboutLinks li a {
			color:#999;
		}
		.aboutLinks li.active a {
			color:white;
		}
.aboutContent {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	float:left;
	width:670px;
}

.aboutContent .video-holder { margin-bottom: 15px; }

.footer {
	height:26px;
	background:url(/img/bg-dots.png);
	position:fixed;
	bottom:0;
	width:100%;
	font-size:9px;
	letter-spacing:1px;
	line-height:26px;
	color:#A0A0A0;
	box-shadow: 0 -1px 5px rgba(0,0,0,0.6);
	text-transform:uppercase;
}
	.footer ul.nav { margin-right: 28px !important; }
		.footer ul.nav li {
			float:left;
			margin:0 13px;
		}
			.footer ul.nav li img {
				vertical-align:middle;
				margin-right:4px;
				margin-bottom:3px;
			}
		.footer ul.nav li:hover {
			color:white;
		}

.footer ul.nav li.social { margin-right: 63px; }
/*
 * Studio - Tumblr
 */
 
.studio .title {  }
 
#tumblr-posts li {  width: 500px; margin: 0 auto 70px auto; color: #A0A0A0; line-height: 1.5em;  } 
#tumblr-posts li a { text-decoration: underline; }
 

/*
 * 
 * MODIFIERS
 * 
 */


/*
 * Grid widths
 */

.onecol, .twocol, .threecol, .fourcol, .fivecol {
	margin:0 10px;
}
.onecol {
	width:175px;
}
.twocol {
	width:360px;
}
.fivecol {
	width:915px;
}

/*
 * Text colors
 */

.greytext {
	color:#A0A0A0;
}

.uppercase {
	text-transform:uppercase;
}
.bold {
	font-weight:bold !important;
}
/*
 * Margins
 */

.centered {
	margin-left:auto; margin-right:auto;
}
.alpha {
	margin-left:0 !important;
}
.omega {
	margin-right:0 !important;
}
.bm {
	margin-bottom:16px !important;
}
.bmbm {
	margin-bottom:32px !important;
}
.tm {
	margin-top:16px !important;
}
.rm {
	margin-right:10px;
}

.padded { padding:20px; }
/*
 * Positions
 */

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.relative { position:relative; }
.clear { clear:both; }
.alignright {text-align:right;}


.smalltext { font-size:11px; }
.underlined { text-decoration:underline; }

/*
 * Video player
 */
.videoBox {
	text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;
}
#loading {
	position: absolute;
	left: 0;
	top: -50px;
	display:none;
	color: black;
}


/*
 * Mailchimp Subscribe
 */
 
#subscribe-window { width: 622px; position: absolute; left: 50%; top:50%; margin: -200px 0 0 -311px; display: none; z-index: 2;  }

#subscribe-window-bg { display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0); z-index: 1; }

#subscribe-window h2 { background: #333333; background:rgba(60, 60, 60, 0.95); box-shadow: 0 0 3px rgba(25, 25, 25, 0.85); font-family:'FoundryGridnikRegular'; font-size:13px; text-transform:uppercase; padding:0 20px; line-height:46px; margin-bottom: 1px; }

#subscribe-window h2 span.close { display: block; float: right; cursor: pointer; width: 10px; height: 10px; background: transparent url(img/window-close.png) no-repeat; margin-top: 17px; } 

#subscribe-window .inner { background: #232323; background: rgba(35,35,35,0.95); padding: 20px; position: relative; }
#subscribe-window label { width: 160px; display: block; float: left; clear: left; padding-top: 3px;  }
.mc-field-group { margin-bottom: 3px; }
#subscribe-window p.intro { margin-bottom: 20px;  }
#subscribe-window form {  }
#subscribe-window .submit-holder { clear: both; border-top: 1px solid #828282; margin: 20px 0 0; padding: 10px 0 0; }
#subscribe-window input { float: left; margin-bottom: 3px; }
.indicates-required { color: #777; position: absolute; right: 20px; bottom: 60px; } 

#mc-embedded-subscribe { width: 94px; height: 24px; -webkit-appearance: none; -moz-appearance: none; background: transparent url(img/subscribe.png) no-repeat; border: none; cursor: pointer;
 }
 
.mce_inline_error { color: red; float: left; margin-left: 20px; width: 150px; } 
#mce-responses { margin-top: 10px; width:400px; }
#mc-thanks { display: none; }