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

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:#f9efd5 url(/img/bg.gif) repeat 0 150px;	
	color:black;
	font-family:verdana, arial, sans-serif, serif;
	font-size:95%;
	line-height: 1;
	text-align:center;
	}
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {
	font-weight:normal;
	}
a:link {
	color:#b1552d;
	}
a:visited {
	color:#b1552d;
	}
a:hover {
	color:#b10000;
	text-decoration:none;
	}
a:active {
	color:#b1552d;
	}
a img {
	border:0;
	}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p {
	font-size:80%;
	line-height:1.6em;
	margin:0 0 1em 0;
	}
ol, ul {
	list-style:none;
	font-size:80%;
	line-height:1.6em;
	margin:0 0 1em 0;
	}
#sub-content ul {
	margin-left:1em;
	}
#sub-content ul li {
	background:transparent url(/img/bullet.gif) no-repeat 0 4px;
	padding-left: 20px;
	}
acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-weight:normal;
	letter-spacing:0;
	color:#000;
	background:transparent;
	line-height:1em;
	}
h1 {
	margin:0;
	padding:48px 0 0 0;
	font-size:27px;
	font-weight:bold;
	}
h2 {
	font-size:110%;
	color:#949494;
	padding-right:190px;
	line-height:1.4em;
	margin-top:-10px;
	}
h3 {
	font-size:90%;
	line-height:1.4em;
	font-weight:bold;
	padding-bottom:0.3em;
	background:transparent url(/img/h3_back.gif) repeat-x 0 100%;
	}
h3 a {
	text-decoration:none;
	}
h4 {
	font-size:100%;
	font-weight:bold;
	}
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#top {
	position:absolute;
	top:0; right:0;
	width:100%;
	background:transparent url(/img/bg-top.gif) repeat-x;
	height:896px;
	z-index:1;
	}
#fixed-width-wrapper {
	position:relative;
	margin:0 auto 0 auto;
	width:963px;
	text-align:left;
	background:transparent;
	line-height:1.1;
	z-index:2;
	}
#head-background {
	position:relative;
	background:transparent url(/img/head.jpg) no-repeat 50% 0;
	z-index:2;
	padding-bottom:50px;
	overflow:hidden;
	}
#header {
	background:transparent;
	height:202px;
	}
#wrap {
	background:transparent url(/img/content-repeat.gif) repeat-y;
	}
#wrap-bottom {
	clear:both;
	background:transparent url(/img/content-bottom.jpg) no-repeat;
	overflow:hidden;
	height:104px;
	}
#content, #sub-content {
	background:transparent url(/img/content.jpg) no-repeat;
	width:963px;
	}
#content .padFix, #sub-content .padFix {
	padding-left:77px;
	}
#sub-content .padFix {
	padding-right:77px;
	}
#sub-content .topSpace {
	margin-top:28px;
	}
#left-content {
	clear:left;
	float:left;
	width:462px;
	margin-top:35px;
	}
#left-content .padFix {
	padding:0 15px 0 0;
	}
#right-content {
	float:left;
	width:393px;
	padding-top:30px;	
	}
#footer {
	clear:both;
	background:transparent url(/img/footer.jpg) no-repeat;
	overflow:hidden;
	height:194px;
	}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header h1 {
	margin:0;
	position:absolute;
	top:50px; left:77px;
	width:206px;	
	height:116px;
	background:transparent;
	}
#header h1 a {
	display:block;
	height:116px;
	}
#header a span {
	display:none;
	}
/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer p {
	color:#000;
	margin:0;
	padding:38px 0 0 0;
	text-align:center;
	}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
#nav-wrap {
	position:relative;
	}
#top-nav {
	position:absolute;
	top:133px;
	left:373px;
	list-style:none;
	width:513px;
	height:37px;
	margin:0;
	}
#top-nav li {
	list-style:none;
	float:left;
	}
#top-nav li a {
	display:block;
	height:37px;
	}
#top-nav li a span {
	display:none;
	}
#top-nav li#collections a {
	width:116px;
	background:transparent url(/img/nav/collections.jpg) no-repeat 0 0;
	}
#top-nav li#order a {
	width:89px;
	background:transparent url(/img/nav/order.jpg) no-repeat 0 0;
	}
#top-nav li#stockists a {
	width:116px;
	background:transparent url(/img/nav/stockists.jpg) no-repeat 0 0;
	}
#top-nav li#about a {
	width:88px;
	background:transparent url(/img/nav/about.jpg) no-repeat 0 0;
	}
#top-nav li#contact a {
	width:104px;
	background:transparent url(/img/nav/contact.jpg) no-repeat 0 0;
	}
#top-nav li#collections a:hover, #top-nav li#order a:hover, #top-nav li#stockists a:hover, #top-nav li#about a:hover, #top-nav li#contact a:hover {
	background-position:0 -74px;
	}
#top-nav li#collections a.current, #top-nav li#order a.current, #top-nav li#stockists a.current, #top-nav li#about a.current, #top-nav li#contact a.current {
	background-position:0 -37px;
	}
/*--------------------------------------------------------------
 Home nav styles 
-------------------------------------------------------------*/
#home-nav {
	position:relative;
	height:456px;
	width:362px;
	background:transparent url(/img/home-nav.jpg) no-repeat 0 0;
	}
#home-nav li {
	display:block;
	position:absolute;
	}
#home-nav li a {
	display:block;
	}
#home-nav li a span {
	display:none;
	}
#home-nav li#nav-since {
	top:0;
	left:0;
	width:362px;
	height:140px;
	}
#home-nav li#nav-since-mini {
	top:114px;
	left:0;
	width:362px;
	height:134px;
	}
#home-nav li#nav-since-designs {
	top:204px;
	left:0;
	width:362px;
	height:165px;
	}
#home-nav li#nav-since-metals {
	top:329px;
	left:0;
	width:362px;
	height:127px;
	}
#home-nav li#nav-since a {
	height:140px;
	}
#home-nav li#nav-since-mini a {
	height:134px;
	}
#home-nav li#nav-since-designs a {
	height:165px;
	}
#home-nav li#nav-since-metals a {
	height:127px;
	}
#home-nav li#nav-since a:hover {
	background:transparent url(/img/home-nav.jpg) no-repeat 0 -456px;
	}
#home-nav li#nav-since-mini a:hover {
	background:transparent url(/img/home-nav.jpg) no-repeat 0 -114px;
	}
#home-nav li#nav-since-designs a:hover {
	background:transparent url(/img/home-nav.jpg) no-repeat 0 -660px;
	}
#home-nav li#nav-since-metals a:hover {
	background:transparent url(/img/home-nav.jpg) no-repeat 0 -1241px;
	}
/*--------------------------------------------------------------
 Product page styles 
--------------------------------------------------------------*/
#product-col-left, #product-col-right {
	float:left;
	width:404px;
	}
#product-col-left .padFix {
	padding:0 10px 0 0;
	}
#product-col-right .padFix {
	padding:0 0 0 11px;
	}

.product-row {
	padding-bottom:30px;
	}
.product-col-1, .product-col-2, .product-col-3, .product-col-4 {
	float:left;
	width:208px;
	}
.product-col-4 {
	width:178px;
	}
#sub-content .product-row .padFix {
	padding:0 30px 0 0;
	}
#sub-content .product-row .product-col-3 .padFix {
	padding:0 30px 0 0;
	}
#sub-content .product-row .product-col-4 .padFix {
	padding:0;
	}
.product-row a {
	display:block;
	border:1px solid #e9d7b3;
	}
product-row a span {
	display:block;
	}
.product-row a span img {
	display:block;
	border:1px solid #fff;
	}
.product-row a:hover {
	display:block;
	border:1px solid #7d735e;
	}
.product-row a:hover span {
	display:block;
	}
.product-row a:hover span img {
	display:block;
	border:1px solid #fff;
	}
#sub-content .product-row a:link, #sub-content .product-row a:visited, #sub-content .product-row a:active {
	text-decoration:none;
	}
.product-row a:link span.prod-desc, 
.product-row a:visited span.prod-desc, 
.product-row a:active span.prod-desc {
	display:block;
	padding:4px;
	background:#F6F0E2;
	font-weight:normal;
	font-size:70%;
	color:#000;
	text-decoration:none;
	line-height:1.4em;
	}
.product-row a:hover span.prod-desc {
	text-decoration:none;
	}
/*--------------------------------------------------------------
 Breadcrumb styles 
-------------------------------------------------------------*/
.breadcrumb {
	margin-bottom:14px;
	font-size:70%;
	}
.breadcrumb a {
	
	}
/*--------------------------------------------------------------
 Form styles 
--------------------------------------------------------------*/
form.std-form {
	width:490px;
	overflow:hidden;	
	padding-top:6px;
	}
form.std-form fieldset {
	margin:0 0 13px 0;
	display:block;
	width:480px;
	overflow:hidden;
	border:0;
	}
form.std-form legend {
	margin:0 0 12px 0;
	padding:8px 0;
	padding-bottom:0;
	color:#658180;
	font-weight:normal;
	font-size:100%;
	text-transform:capitalize;
	}
form.std-form td {
	padding-bottom:6px;
	}
form.std-form tr {
	vertical-align:top;
	}
form.std-form label {
	display:block;
	color:#676767;
	font-size:100%;
	padding:0 0 6px 0;
	}
form.std-form input, form.std-form textarea, form.std-form select {
	display:block;
	color:#658180;
	border-color:#bababa;
	background:#fff url(/img/input-back-white.gif) repeat-x bottom;
	padding:3px;
	}
form.std-form select option {
	padding:0 18px 0 0;
	}
form.std-form textarea {
	font-family:Arial, sans-serif, serif;
	font-size:110%;
	}
.input_text,
.input_password,
textarea,
select { 
	border-collapse:collapse;
	background:#fff url(/img/input-back-white.gif) repeat-x bottom;
	border:1px solid #a3b3bb;
	padding:3px 0;
	}
form.std-form td.large input, form.std-form td.large textarea {
	width:380px;
	}
form.std-form td.large {
	}
form.std-form td select {
	width:auto;
	}
form.std-form td.sub {
	padding:8px 0 0 23px;
	}
label {
	color:#000;
	font-size:70%;
	}

form.std-form fieldset input.input_check, #members-login input.input_check {
	width:auto;
	}
label:hover, label.ie_hover {
	color:#666;
	}

form.std-form fieldset input.ie_hover, form.std-form fieldset textarea.ie_hover,
form.std-form fieldset input:hover, form.std-form fieldset textarea:hover,
input.input_text:hover, textarea.input_text:hover { 
	border:1px solid #d0c73d;
	background:#FDFDE2;
	}

/*.input_text:focus, .input_password:focus, textarea:focus,*/
form.std-form fieldset input.ie_focus, form.std-form fieldset textarea.ie_focus,
form.std-form fieldset input:focus, form.std-form fieldset textarea:focus,
input.input_text:focus, textarea.input_text:focus { 
	border:1px solid #d0c73d;
	background:#FDFDE2;
	}

form.std-form input.submit, form.std-form input.submit:hover, form.std-form fieldset input.submit {
	margin:0;
	padding:0;
	border:0;
	}
#error {
	border:1px solid #d0c73d;
	background:#FDFDE2;
	font-size:70%;
	padding:10px;
	}
#error p {
	font-size:100%;
	color:#9c9307;
	font-weight:bold;
	margin:0;
	line-height:1.8em;
	}
.hide {
	display:none;
	height:0;
	overflow:hidden;
	visibility:hidden;
	}

form.std-form label.label_check, form.std-form input.input_check {
	display:inline;
	clear:none;
	padding:0;
	margin:0;
	}
form.std-form fieldset input.input_check, #members-login input.input_check {
	width:auto;
	background:transparent;
	border:0;
	}
form.std-form input.input_check {
	margin-top:3px;
	display:inline;
	}
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
  border: 1px solid #f00;
}
form.std-form fieldset input.validation-passed,form.std-form fieldset  textarea.validation-passed {
  border: 1px solid green;
}
.validation-advice {
  margin: 2px; 
  padding: 2px; 
  color:#fff; 
  background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}
/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {
	text-align:right;
	}
.text-align-left{
	text-align:left;
	}
.center {
	text-align:center;
	}
.float-right {
	float:right;
	padding:0 0 14px 14px;
	}
.float-left {
	float:left;
	padding:0 14px 14px 0;
	}
div.float-fix {
	overflow:hidden;
	clear:both;
	height:0;
	}
br.float-fix {
	clear:both;
	}
.bold {
	font-weight:bold;
	}
/*--------------------------------------------------------------
 sIFR Replacements
--------------------------------------------------------------*/
.sIFR-active #content h1,
.sIFR-active #sub-content h1 {
	visibility:hidden;
	font-family:Verdana;
	line-height:1em;
	font-size:27px;
	}
.sIFR-active #content h2,
.sIFR-active #sub-content h2 {
	visibility:hidden;
	font-family:Verdana;
	line-height:1em;
	font-size:18px;
	}