@charset "UTF-8";
/* CSS Document */

body {height:; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#330000; border:0px solid red; background-image:url(shop/images/bgtest5.png);}

html {overflow-y: scroll;}

.pagebody {
	position:absolute;
	width: 99%;
	height:98%;
	border:0px solid black;
}

.header {width:800px; height:auto; border:0px solid red; background-color:#ffffff;}

#title {padding:10px 0px 0px 0px;}

.mainnav {width:800px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #996666; padding:6px 0 6px 0; background-color:#FFffff;}

.main {width:800px; height:auto; border:0px solid black; background-color:#ffffff; color:#4d3d3d;}

h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:10px;}

.footer { clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; height:auto; font-size:10px; width:600px; color:#998787; padding:18px 0 20px 12px; height:auto; border-top:1px solid #998787; margin:30px 0 0 0;}
.footer p {}
.footer a {font-size:10px; text-decoration:none;}

#linkto {text-align:right; float:right; align:top; margin-top:-10px;}
#linkto a {font-size:9px;}
#linkto img {border:0px;}

#splash {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:470px; height:380px; line-height:16px; padding:20px 0 0px 0px;  border:0px solid black;}

#splash .details {width:190px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #4d3d3d; padding:100px 0 2px 0; margin:20px 0 0 0; text-align:left; border:0px solid black;/* float:right;*/}
#splash .details h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #4d3d3d; padding:2px 0 1px 0; margin:0 0 0 0;}
#splash .details h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #4d3d3d; padding:2px 0 1px 0; margin:0 0 0 0;}
#splash .details p {margin:4px 0 4px 0; font-size:10px;}
#splash .details a {font-size:10px;}
#splash .splashImage {/*float:left;*/margin:0px 10px 0px 0px; border:0px;}
#splash .splashImage p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #4d3d3d; margin:6px 0px 0px 0px;}
#splash .splashImage a {font-size:10px;}
#splash .splashImage img {border:0px;}

#presspage {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:360px; height:250px; line-height:16px; padding:100px 0 0px 0px;  border:0px solid black; vertical-align:middle;}
#presspage p {text-align:left; padding-left:30px;}
#stockistpage {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:500px; height:auto; line-height:16px; padding:0px 0 0px 0px;  border:0px solid black; text-align:left;}
#stockistpage .stockist { margin:5px 0px 5px 30px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; color:#998787;}
#stockistpage h4 {margin:11px 0px 10px 6px; padding:8px 0px 6px 0px; color:#220000;font-weight:normal; border-bottom:1px solid #E2D9D2; font-size:11px;}
#stockistpage h5 {margin:8px 0px 8px 12px; color:#998787; font-weight:normal; font-size:10px;}
#stockistpage .stockist a { border:0px solid black; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#stockistpage .stockist strong { text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#4d3d3d;}
#aboutpage {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:460px; line-height:19px; padding:20px 0 0px 0px;  border:0px solid black; vertical-align:middle; text-align:left;}
#aboutpage a {font-size:11px;}
#contactpage {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:360px; height:250px; line-height:16px; padding:0px 0 0px 0px; margin-top:-30px; border:0px solid black; vertical-align:middle; text-align:center; }
#contactpage div { text-align:left; border:0px solid black; height:30px; font-size:18px; color:#330000; height:40px;}
#contactpage div span { font-size:11px; color:#330000; }
#contactpage div a { font-size:11px; color:#330000; }
#contactpage div a:hover { font-size:11px; color:#998787; }
#contactpage div img {margin-bottom:-12px;}
#detailspage {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:460px; height:450px; line-height:16px; margin-top:-30px; padding:0px 0 0px 0px;  border:0px solid black; vertical-align:middle; text-align:left;}
#detailspage a {font-size:11px;}
#detailspage h4 {font-size:11px;}


.shopnav {float:left; width:100px; text-align:left; height:100%; line-height:26px; margin:0px 0 0px 0; padding:26px 0px 26px 14px;  margin-right:0px;background-color:#ffffff;}
.shopnav a {font-size:10px;}
.shopnav hr {
background-color:#999999;
color:#999999;
height:1px;
border:0;
margin:12px 0px 12px -10px;
padding:0 0px 0 0 ;
}

.shopnav .toprule {margin-top:-29px;}

.shopTitle {text-align:left; padding:6px 0 0px 120px; height:55px; margin-bottom:0px;}
.shopTitle h2 {font-size:13px; font-weight:normal; padding:0 0 0 0; margin:9px 0 8px 0;}
.shopTitle h3 {font-size:11px; font-weight:normal;}
.shopTitle a {font-size:10px; font-weight:normal; margin-top:12px; text-align:left;}
.shopTitle hr {margin: 0px 86px 6px 0px; }
.shopitem {float:left; width:20%; margin:14px 6px 14px 6px; border:0px solid #998787;}

#popButton:hover { opacity:.8;filter: alpha(opacity=80); -moz-opacity: 0.8;}

.blogbutton {float: right; margin: -50px 50px 0 0; font-size:10px;}
.blogbutton a {font-size:10px; border:0px;}
.blogbutton img {border:0px;}

.shopfooter { float:left; border: 0px solid black; width:100%; margin:0px 0 0 0px; font-size:11px; color:#998579; text-align:center; padding-bottom:12px;}
.shopfooter a {font-size:10px;}

hr {
background-color:#998787;
color:#998787;
height:1px;
border:0px;
margin:0 150px 0 0;
padding:0 60px 0 0 ;
}

.products {float:left; margin:0 0 12px 0px; width:590px;background-color:#ffffff; border-bottom:0px solid #998787;}
.productsNL {float:left; margin:0 0 12px 0px; width:600px;background-color:#ffffff;}
.productsSmNL {float:left; margin:0 0 12px 0px; width:600px;background-color:#ffffff;}
.productsER {float:left; margin:0 0 12px 0px; width:600px;background-color:#ffffff;}
.prodType {text-align:left;}
.prodType h2 {font-weight:normal; font-size:13px; margin:0px 0px 0px 80px;}
.shopproducts {float:left; margin:0 0 12px 0px; width:600px; background-color:#ffffff; vertical-align:middle; padding-top:30px; padding-left:5px;}
.shopproducts .item{ margin:10px 30px 10px 30px;}
#presspage {float:left; margin:0 0 12px 40px; width:700px; background-color:#ffffff; border:0px solid black; height:auto; padding-top:20px;}
#presspage hr {
background-color:#999999;
color:#999999;
height:1px;
border:0;
margin:2px 20px 20px 20px;
padding:0 0px 0 0 ;
}




.cat {float:left; width:200px; height:370px; margin:0px; border:0px solid black; vertical-align:bottom; text-align:center;}
.cat a { vertical-align:middle;}
.cat a p { width:180px; padding:0px;}
.cat img {margin:0px;}
.categoryItem { width:150px; text-align:left;}

.cover {float:left; width:225px; margin:6px 40px -4px 10px; border:0px solid black; vertical-align:bottom; text-align:left; clear:both;}
.coverDbl {float:left; width:225px; margin:6px 0px -4px 10px; border:0px solid black; vertical-align:bottom; text-align:left; clear:both;}
.article {float:left; width:auto; margin:6px 0px -4px 10px; border:0px solid black; vertical-align:bottom; text-align:left;}

.clear {clear:both;}

.item {float:left; width:20%; margin:14px 14px 14px 14px; border:0px solid #998787;}
.itemPrice {text-align:right; font-size:9px;font-weight:normal; padding:0 0 0 0; margin:0 0 0 0; clear:both;}
.itemDesc {clear:both;text-align:left; height:26px; font-size:9px; font-weight:normal; padding:0 0 0 0; margin:0px 0 0 0; line-height:13px;}
.itemFeature {float:left; width:600px;}
.itemImage {float:left;width:250px; text-align:left;}
.viewer {width:250px; height:250px; text-align:center; padding:12px 0 0 8px;}
.imageStrip {height:65px;  padding:0px 0 0 8px;}
.imageStrip img { border:1px black solid; cursor:pointer}
.stripThumb {width:68px; height:68px;float:left; text-align:center; padding:0px; margin:0px;}

.orderForm { text-align:left; float:left; margin:0 0px 10px 0px; width:720px; background-color:#ffffff;}
.orderForm img {float:left; margin:0px 0 0 0;}
.orderForm h2 {font-size:10px; line-height:16px; font-weight:bold; margin:8px 0px 8px 0px;}
.orderForm h2 span { font-weight:normal; font-size:9px;}
.orderForm h4 {font-size:9px; line-height:9px; font-weight:normal; margin:0px 0px 0px 8px; text-align:left;}
.order_item {float:left; width:180px; text-align:left; height:56px;}
.order_item input {width:14px; height:13px; color:#3366CC;}

.order_itemDesc {float:left; text-align:left; height:26px; font-size:9px; font-weight:normal; padding:0 0 0 0; margin:0px 0 0 10px; line-height:13px; width:120px;}
.order_qty {float:left; width:80px; height:16px; text-align:right; font-size:9px; padding: 0px 0px 0 14px; margin-top:-4px;}
#orderTotal {float:right; margin:0px 0 0 0; text-align:right;  color:#3366CC;}
#orderTotal2 {float:right; margin:8px 20px 0 0px; text-align:right; color:#3366CC;}

#wsaleorders {float:left; margin:0 30px 0 40px; text-align:left; border-bottom:solid 1px #e5e5e0;}
#wsaleCat{float:left; width:720px; margin:0px 0px 10px 0px; padding: 0px 0 10px 0px; border-top:solid 1px #e5e5e0;}
#rings .order_itemDesc {height:12px;}
#rings .order_qty {height:34px; margin:0px 0 0 4px; padding:0px; width:auto;}
#rings .order_qty div {float:left; height:34px; text-align:center; width:24px;}
.orderDetails {margin:18px 0 16px 0;}
.orderDetails input {height:12px; margin-bottom:3px;}
.detailLabel{float:left; width:96px; text-align:left; }
.fieldPrompt {font-size:9px; color:#FF3366;}
.formFooter {float:right; width:720px; height:60px; margin:0 0px 0px 0; text-align:left; border-top:solid 1px #e5e5e0;}
#Submit {color:#3366CC; margin:20px 0 0 60px;}
#ExSubmit {color:#3366CC; margin:0px; padding:0px;}

.itemFeatureDesc {float:left; padding:36px 6px 6px 16px; text-align:justify; width:260px;}
.itemFeatureDesc h1 {font-size:14px; font-weight:normal;}
.itemFeatureDesc .itemFeaturePrice {font-size:13px; text-align:right;}
.itemFeatureDesc .itemDetails {font-size:11px;}
.itemFeatureDesc a {font-size:11px;}
.itemDetails a {font-size:10px;}
.cartFunction {float:right; width:250px; text-align:right; padding:6px 0px 0px 6px; clear:both; font-size:11px;}
.cartFunction select {font-size:9px; background-color:#ffffff;}
.cartFunction table {width:300px; text-align:left; font-size:10px; background-color:#ffffff;}


.item-a img {border:0px;}
.item-a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4d3d3d;	
}
.item-a:link {
	text-decoration: none;
	color:#4d3d3d; /*#996666;*/
}
.item-a:visited {
	text-decoration: none;
	color:#4d3d3d;
}
.item-a:hover {
	text-decoration: none;
	color: #998787;
}
.item-a:active {
	text-decoration: none;
	color: #998787;}
	
.item-a:hover img { opacity:.9;filter: alpha(opacity=90); -moz-opacity: 0.9;
	color: #998787;}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #998787;	
}
a:link {
	text-decoration: none;
	color:#998787; /*#996666;*/
}
a:visited {
	text-decoration: none;
	color:#998787;
}
a:hover {
	text-decoration: none;
	color: #330000;
}
a:active {
	text-decoration: none;
	color: #330000;}
	

a.thispage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color:#330000;	
}
a.thispage:link {
	text-decoration: none;
	color:#330000; /*#996666;*/
}
a.thispage:visited {
	text-decoration: none;
	color:#330000;
}
a.thispage:hover {
	text-decoration: none;
	color:#330000;
}
a.thispage:active {
	text-decoration: none;
	color:#330000;}
	
.spaced { margin:0px 0 10px 0;}

#navbar {
height: 0px;
visibility: hidden;
display: none;
}


/* -------------COLOUR NOTES -----------*/	
/* 	heading colour: #330000 ---- dark reddy-brown
	dark text: #220000 --------- dark browny grey
	body text: #4d3d3d  -------- browny grey
	faint text: #998787 -------- light browny grey
	old link:  #996666*
	/
	

