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

Title : Ettinger
Author : Skywire - www.skywire.co.uk
URL : Ettinger - www.ettinger.co.uk

Description : Main Styles
Created : 17/06/2008
Modified : 04/07/2008

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

/* ----- YUI RESET ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}

/* ----- GLOBALS ----- */
.clear{
     clear: both;
     display: block;
     overflow: hidden;
     width: 0;
     height: 0;
}
.cloak{visibility:hidden;}



/* ----- LAYOUT ----- */
body, html {height: 100%;}
body {
	background:#050c1f;
	color:#666;
	font-family: arial, helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

	#footerCopyright {
		width:940px;
		position:absolute;
		bottom:-25px;
		left:850px;
		float:right;
		z-index:9999;
		color:#666666;
		font-size:9px;
		font-family:Tahoma,Arial,Helvetica,sans-serif;
	}

	#distance {
		width:4px;
		height:50%;
		margin-bottom:-295px; /* half of container's height */
		float:left;
	}
	#container {
		height:590px;
		margin:0 auto;
		position:relative;
		text-align:left;
		width:940px;
		clear:left;
		padding-top:0px;
	}
		#container #mastHead {position:absolute;top:0;left:0;width:946px;}
		#container #outerWrapper{
			border: 4px solid #ffffff;
			padding:0px;
			min-height:590px;
			height:auto !important;
			height:590px;
		}
		#container #innerWrapper{
			min-height:590px;
			height:auto !important;
			height:590px;
			position:relative;
			background: #ffffff;
		}
		#collectionUndermenu {
			height:28px;
			width:719px;
			position:absolute;
			left:190px;
			top:35px;
			background:#000;
			line-height:28px;
			padding-left:12px;
		}
		#BasketUndermenu {
			height:28px;
			width:719px;
			position:absolute;
			left:190px;
			top:63px;
			background:#d9d8dd;
			line-height:28px;
			padding-left:12px;
		}
		.textHeader {
			font-size:14px;
			font-weight: bold;
			color:#666666;
			text-transform: uppercase;
		}
		#collectionImage {
			margin: 63px 0 8px 190px;
			width:730px;
			height:481px;
		}
		#container #backgroundHolder{
			min-height:590px;
			height:auto !important;
			height:590px;
			position:absolute;
			top:0;
			left:252px;
			z-index:0;
		}
			#container #backgroundHolder img{
				top:  0; 
				left: 252px;
				width:  680px; 
				height: 590px;
			}
			
/* ----- FLASH PAGES ----- */
		#container #thecollectionsflashholder{
			min-height:590px;
			height:auto !important;
			height:590px;
			position:absolute;
			top:20;
			left:252px;
			z-index:0;	
		}
		#container #pressflashholder{
			min-height:590px;
			height:auto !important;
			height:590px;
			position:absolute;
			top:20;
			left:252px;
			z-index:0;	
		}		
		
/* ---- ABOUT ---- */
		#container #aboutbackground{
			min-height:74px;
			height:auto !important;
			height:74px;
			position:absolute;
			top:40px;
			left:300px;
			background:#FFF;	
			z-index:0;			
		}
		#container #aboutbackgroundpic{
			min-height:380px;
			height:auto !important;
			height:380px;
			position:absolute;
			top:0;
			left:592px;		
			z-index:1001;
		}
		
		/* ---- STOCKISTS ---- */
		#container #stockists{
			min-height:74px;
			height:auto !important;
			height:74px;
			position:absolute;
			top:40px;
			left:300px;
			background:#FFF;	
			z-index:0;			
		}
		#container #stockists2{
			min-height:74px;
			height:auto !important;
			height:74px;
			position:absolute;
			top:350px;
			left:300px;
			background:#FFF;	
			z-index:0;			
		}
		#container #stockistspic{
			min-height:380px;
			height:auto !important;
			height:380px;
			position:absolute;
			top:0;
			left:592px;		
			z-index:1001;
		}

/* ---- ENQUIRIES AND REGISTER ----- */

		#container #enquiriestext{
			min-height:74px;
			height:auto !important;
			height:74px;
			position:absolute;
			top:40px;
			left:300px;
			background:#FFF;	
			z-index:0;			
		}	
		#container #enquiriesmain{
			min-height:380px;
			height:auto !important;
			height:380px;
			position:absolute;
			top:0;
			left:592px;		
			z-index:1001;
		}	
		#container #enquiriesform{
			min-height:353px;
			height:auto !important;
			height:353px;
			position:absolute;
			top:139px;
			left:300px;
			background:#FFF;
			z-index:1001;			
		}	
		#container #registertext{
			min-height:80px;
			height:auto !important;
			height:80px;
			position:absolute;
			top:29px;
			left:300px;		
			z-index:0;			
		}	
		#container #registermain{
			min-height:380px;
			height:auto !important;
			height:380px;
			position:absolute;
			top:0;
			left:592px;		
			z-index:1001;
		}	
		#container #registerform{
			min-height:428px;
			height:auto !important;
			height:428px;
			position:absolute;
			top:135px;
			left:300px;		
			z-index:1001;			
		}						
		
/* ----- NAVIGATION ----- */
#mainNav {
	width:731px;
	height:28px;
	position:absolute;
	left:197px;
	top:12px;
	z-index:10;
	overflow:hidden;
}

#leftNav {
	width:260px;
	height:590px;
	position:absolute;
	top:0;
	left:2;
	z-index:10;
}
	#leftNav #leftNavBackground {
		background:#050c1f;
		width:100%;
		height:100%;
		position:relative;
		top:0;
		left:0;
		z-index:0;
	}
	#leftNav #leftNavFooter{position:absolute;bottom:0;left:0;}
#rightNav {
	width:162px;
	height:483px;
	position: absolute;
	top:47px;
	right:7px;
	z-index:10;
	margin:7px;
	overflow:hidden;
}

/* Terms Page */
#bodyTerms #content {margin-top:15px;}
#bodyTerms #content ul {float:left;width:160px;}
#bodyTerms #content #primaryContent {float:left;width:755px;margin-bottom:40px;}
#bodyTerms #content p {font-size:11px;line-height:16px;margin-bottom:10px;}
#bodyTerms #content li {font-size:11px;line-height:16px;}
#bodyTerms #content h1 {color:#306;font-size:20px;line-height:30px;font-style:italic;font-family:Georgia,serif;margin:20px 0 10px;}
#bodyTerms #content h2 {color:#306;font-size:20px;line-height:30px;font-style:italic;font-family:Georgia,serif;margin:20px 0 10px;}
#bodyTerms #content h3 {color:#306;font-size:10px;line-height:14px;text-transform:uppercase;font-family:Georgia,serif;}

/* ----- Category Listing ----- */
.navContainer {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	margin:7px;
	min-height:523px;
	height:auto !important;
	height:523px;
}
tr#other { visibility: hidden; }
#leftNav a#mainLogo {
	border:none;
	position:relative;
	left:28px;
	top:180px;
	height:34px;
	width:191px;
	background:#050c1f;
	display:block;
}
#leftNav #catListing {
	width:162px;
	position:absolute;
	top:295px;
	left:42px;
	margin-bottom:75px;
}
	#leftNav #catListing li {}
		#leftNav #catListing li a {
			display:block;
			height:17px;
			line-height:0;
			overflow:hidden;
			position:relative;
			text-align:center;
			width:162px;
		}
		#leftNav #catListing li a:hover {border-color:#777;}
			#leftNav #catListing li a img {margin: 5px 0;z-index:1;}
			#leftNav #catListing li a img.imgTop {margin-bottom:4px;}
			#leftNav #catListing li a img.imgBot {margin-top:0;}
		#leftNav #catListing li.doubleHeight a,
		#leftNav #catListing li.doubleHeight a span {
			height:30px;
		}
		#leftNav #catListing li a span {
			background:#fff;
			width:100%;
			height:17px;
			position:absolute;
			top:0;
			left:0;
			z-index:0;
			cursor:pointer;
			opacity: 0;
			-moz-opacity:0;
		}
		#leftNav #catListing li#catSelected a span {
			opacity: 0.0;
			-moz-opacity:0.0;
		}
		#leftNav #catListing li#catSubSelected a span {
			opacity: 0.0;
			-moz-opacity:0.0;
		}
		#leftNav #catListing li a span.catSub {
			opacity: 0.0;
			-moz-opacity:0.0;
		}
		#leftNav #catListing li a:hover span,
		#leftNav #catListing li a:hover span.catSub {
			opacity: 0.00;
			-moz-opacity:0.00;
		}







/* ----- Breadcrumb ----- */
#subNavBreadcrumb {
	background-color:#050c1f;
	width:731px;
	height:24px;
	position:absolute;
	top:36px;
	right:7px;
}
#subNavBreadcrumb img {margin:10px 0 0 10px;}
#mainNavBackground {
	background:#050c1f;
	opacity: 0.0;
	-moz-opacity:0.3;
	width:100%;
	height:100%;
	position:relative;
	top:0;
	left:0;
	z-index:0;
}
#rightNavBackground {
	position:relative;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#050c1f;
	opacity: 0.0;
	-moz-opacity:0.0;
	z-index:0;
}
#rightNav .navBackground {width:164px}
#latestNewsTitleBackground {
	background-color: #ebece1;
	opacity: 0.2;
	-moz-opacity:0.2;	
	width:100%;
	height:23px;
	position: absolute;
	top:0;
	left:0;
}
#leftNav .navBackground {margin-top:20px;width:162px;}
.navBackground {position: relative;height:23px;text-align:center;}
.navBackground img {margin-top:7px;position:relative;}
.leftNavBackground, .leftNavBackground img {background:transparent;}
.leftNavBackgroundInner {
	background:#fff;
	opacity: 0.2;
	-moz-opacity:0.2;
	height:23px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#leftNavFooter p{margin:0;padding:0;}
#leftNavFooter p#regMessage{background-color:#333;padding:3px;}
#leftNavFooter p#regMessage{background-color:#333;padding:3px;}
#leftNavFooter #tertiaryLinks {font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:10px;text-align:center;padding:7px 20px 0;}
#leftNavFooter #tertiaryLinks li{display:inline;}
#leftNavFooter #tertiaryLinks li a{display:inline;text-decoration:none;border:none;color:#666;padding:0 5px;}
#leftNavFooter #tertiaryLinks li a:hover{color:#ccc;}








/* ----- FORMS ----- */
.text {font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;}
.smallForm p{margin:0;padding:0;}
#registerTop .text{border:1px solid #333;border-width:1px 0 1px 1px;font-size:11px;padding:3px;line-height:16px;width:133px;background-color:transparent;color:#888;}
#registerTop .text:focus{background-color:#14131E;color:#888;}

input.submitReplace {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 22px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	width: auto;
}
input.submitReplace:hover { background-color:#14131E; }
input#submitReg { background-image: url(/assets/img/btnRegisterSubmit.png); width:22px; }
input#submitReg {float:left;}
input#emailTop {float:left;}

















/* ----- HEADING IMAGES REPLACEMENT ----- */
.hReplace{
	display:block;
	width:162px;
	height:25px;
	overflow:hidden;
	line-height:25px;
	text-transform:uppercase;
	text-indent:-9000px;
}
#headHome{background:url(/assets/img/headhome.png) no-repeat 0 0;}
#headLatestNews{background:url(/assets/img/headlatestnews.png) no-repeat 0 0;}








/* ----- PRODUCT/CATEGORY PAGES ----- */
#catContentHolder,
#prodContentHolder {
	margin:60px 0 7px 190px;
	background-color: #fff;
	width:731px;
	min-height:461px;
	height:auto !important;
  	height:461px;
	padding:0;
	z-index:100;
	position:relative;
}
#catContentHolder{padding-left:42px;padding-top:20px;width:689px;}
#prodContentHolder {}
.productListingItem {
	float:left;
	text-align:center;
	width:130px;
	min-height:200px;
	height:auto !important;
  	height:200px;
	display:inline;
	margin:0 42px 15px 0;
	overflow:hidden;
}
.productListingContent {position:relative;}
.productListingItem a{display:block;}
.productListingItem h6{}
.productListingItem h6 strong{font-weight:bold;color:#000;}
.productListingItem p{padding:0;margin:0;text-align:center;}
.productListingItem .productListingOptions span {display:block;padding:5px 2px;float:left;width:26px;}
.productListingItem label{float:left;display:block;}
.productListingItem label input{display:block;}
.productListingItem p.productListingLinks {font-size:10px;font-family:'Trebuchet MS',Helvetica,arial,sans-serif;margin-top:5px;}
.productListingItem p.productListingLinks a {float:left;}
.productListingItem p.productListingLinks input.addToBag {float:right;margin-top:2px;display:block;}
.jsEnabled .cOption input{display:none;}
.jsEnabled .cOption label{cursor:pointer;border-bottom:1px solid #fff;}
.jsEnabled .cOption label:hover{cursor:pointer;border-color:#ccc;}
.jsEnabled .cOption label.radioChecked{border-color:#14131e;}
.productListingItem #contactHolder {background-color:#14131E;opacity:0.85;-moz-opacity:0.85;display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.productListingItem #contactHolder p {padding:10px;color:#eee;}
.productListingItem #contactHolder a {color:#eee;}
.productListingItem #contactHolder a:hover {color:#fff;}















p{padding:0;margin:15px 0 15px 0;line-height:14px;text-align:left;}
p strong{font-weight:bold;}
.introText {font-size:12px;line-height:16px;color:#ccc;}
#latestNews{}
#latestNews li{border-bottom:1px solid #333;margin-top:10px;padding-bottom:15px;}
#latestNews li h5{}
#latestNews li p{padding:0;margin:0;}
















a img {text-decoration: none;}
a { color: #666; text-decoration: underline;}
a:hover { color: #ccc; text-decoration: underline;}
img{border:none;}
img.background_load {background:#fff url(/images/loader.gif) center no-repeat;}
img, a, input, select {	outline:none;}
tr.header {  background: #fff;}
tr.headerNavigation {  background: #bbc3d3;}
td.headerNavigation {
  font-size: 10px;
  background: #bbc3d3;
  color: #fff;
  font-weight : bold;
}
a.headerNavigation {color: #fff;}
a.headerNavigation:hover { color: #fff;}
tr.headerError { background: #f00;}
td.headerError {
  font-size: 12px;
  background: #f00;
  color: #fff;
  font-weight : bold;
  text-align : center;
}
tr.headerInfo { background: #0f0;}
td.headerInfo {
  font-size: 12px;
  background: #0f0;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
tr.footer {  background: #bbc3d3;}
td.footer {
  font-size: 10px;
  background: #bbc3d3;
  color: #fff;
  font-weight: bold;
}
.infoBoxContents { font-size: 10px;}
.infoBoxNotice {  background: #FF8E90;}
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}
td.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #fff;
}
td.infoBox, span.infoBox {
  font-size: 10px;
}
tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd { background: #fff;}
tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {  background: #fff;}
table.productListing {
}
table tr.basket_header_padding td {padding-bottom:5px;height:46px;}
table tr.basket_items_padding td {padding-top:5px; color:#000033; font-weight:bold;font-size:12px;line-height:16px; border-bottom:1px solid #7b7b7b;}
td.basket_exception {border-bottom:1px solid #7b7b7b;}
.productListing-heading {
  font-size: 10px;
  background: #b6b7cb;
  color: #fff;
  font-weight: bold;
}
td.checkout_total {
	font-size:11px;color:#666666;
	border-bottom:1px solid #7B7B7B;
	padding-bottom:25px;
}
td.productListing-data { font-size: 10px;}
a.pageResults { color: #00f;}
a.pageResults:hover { color: #00f;  background: #ff3;}
td.pageHeading, div.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}
tr.subBar {  background: #f4f7fd;}
td.subBar {  font-size: 10px;  color: #000;}
div.main, td.main, p.main {  font-size: 11px;  line-height: 1.5;}
td.smallText, span.smallText, p.smallText {  font-size: 10px;}
td.accountCategory {  font-size: 13px;  color: #abd;}
td.fieldKey {  font-size: 12px;  font-weight: bold;}
td.fieldValue {  font-size: 12px;}
td.tableHeading {  font-size: 12px;  font-weight: bold;}
span.newItemInCart {  font-size: 10px;  color: #f00;}
input, select {  font-size: 11px;}
textarea {  width: 236px;  font-size: 11px; border:1px solid #cccccc; font-family:arial, helvetica, sans-serif ;}
span.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}
table.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}
td.formAreaTitle {  font-size: 12px;  font-weight: bold;}
span.markProductOutOfStock {
  font-size: 10px;
  color: red;
  font-weight: bold;
}
span.productSpecialPrice {  color: #f00;}
span.errorText {  color: #f00;}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo {  font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000; }
/* message box */
.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; color:red; }
span.messageStackError { display:inline-block;padding-top:5px; }
.messageStackSuccess {  font-size: 10px; background-color: #9f0; }
/* input requirement */
.inputRequirement { font-size: 10px; }
ul.sitemap {color: #f00;}
.input input, input.input, td.inputPayment input {border:1px solid #cccccc; height:18px;width:115px; margin:0; }
td.inputPayment input {width:178px;}
td.inputPayment input.inputIssueShort {width:50px;}
.input select, .inputPayment select {border:1px solid #b9b9b9; height:20px;width:224px; margin-left:5px; }
.inputPayment select {width:auto;}
.main select {border:1px solid #b9b9b9; height:20px;margin-left:5px; }
tr.paddingBottom td {padding-bottom:6px;}

.clear{clear: both;display: block;overflow: hidden;width: 0;height: 0;}




/* ----- PRODUCT PAGE ----- */
#prodContent{width:285px;float:right;padding:35px 0 10px 0;}
#prodContent #cart_quantity{min-height:335px;height:auto !important;height:335px;padding-right:10px;}
#prodContent h2{text-transform:uppercase;color:#14131e;font-weight:bold;}
#prodContent h2 span{text-transform:uppercase;color:#999;}
#prodImages{width:430px;float:right;padding:0 16px 30px 0;}
#prodImages #prodFlash{margin-bottom:8px;}
ul.extraLinks{}
ul.extraLinks a{display:block;text-decoration:none;padding:2px 0;margin:2px 0;}
ul.extraLinks a:hover{text-decoration:underline;}
ul.extraLinks li#zoomBtn a{text-transform:uppercase;font-weight:bold;color:#666;margin-top:10px;}
ul.extraLinks li#zoomBtn a:hover{color:#333;}
#formSubmits input{display:block;margin-bottom:10px;}
span.pPrice{padding-left:3px;}
#prodRecs {border-left:1px solid #7b7b7b;min-height:100px;height:auto !important;height:100px;position:relative;top:0;left:-10px;padding-left:6px;width:280px;}
#prodRecs p{text-transform:uppercase;font-weight:bold;color:#666;}
#prodRecs ul li{display:block;float:left;}
#prodRecs ul li a{display:block;}
#prodImages ul{margin-right:-90px;}
#prodImagesAlt ul li{display:block;float:left;margin-left:8px;}
#prodImagesAlt ul li a{display:block;}
#prodImagesAlt ul li a img{margin-bottom:0;}









/* ----- COLLECTIONS  ----- */
/* tooltips */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #7b7b7b;
	background-color: #14131e;
	padding: 5px;
	opacity: 0.85;
	-moz-opacity:0.85;
}
#tooltip h3,
#tooltip div { margin: 0; text-align:left;color:#ccc;font-family:Helvetica,Arial,sans-serif;font-size:11px;line-height:14px;}
#tooltip h3 {color:#eee;font-weight:bold;text-transform:uppercase;}
/* backgrounds */
body.bridlehide #container #innerWrapper {background:url(/assets/img/collections/bridlehide.jpg);}
body.tt #container #innerWrapper {background:url(/assets/img/collections/tt.jpg);}