html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks ("") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
ul, ol, dl {position: relative; } 

body {
   font : 72.5%/1.7 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #f5f1ef url(images/body_bg.jpg) no-repeat 50% 0;
	color: #444444;
}
h1 {
	font-size: 1.7em;
	padding: 0 0 20px 0;
	line-height: 1.4em;
	color: #a88981;
}
h2 {
	font-size: 1.2em;
	color: #b0361f;
	font-weight: bold;
	padding: 5px 0 7px 0;
}
h2.warning {
	border: 1px solid #cc0000;
	color: #cc0000;
	padding: 5px;
	margin: 5px 0 15px 0;
}
p {
	margin-bottom: 15px;
}
a:link, a:visited {
	color: #44669b;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #1907ce;
}

#wrapper {
	width: 100%;
	height: 170px;
	background: url(images/header_bg.jpg) repeat-x;
	position: relative;
	z-index: 1;
}
#contentwrap {
	width: 970px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#header {
	width: 970px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	padding-top: 20px;
}
#header img {
	padding: 10px;
	position: relative;
}
#jewellery1 {
	position: absolute;
	width: 267px; 
	height: 495px;
	top: 0;
	right: 0;
	z-index: 200;
}
#jewellery2 {
	position: absolute;
	width: 178px;
	height: 183px;
	top: 0;
	right: 267px;
}
#jewellery3 {
	position: absolute;
	width: 545px;
	height: 240px;
	top: 0;
	right: 0;
}
#jewellery4 {
	position: absolute;
	width: 318px;
	height: 71px;
	top: 169px;
	right: 0;
}
#jewellery5 {
	position: absolute;
	width: 280px;
	height: 174px;
	top: 240px;
	right: 0;
}
#navbar {
   position: relative;
	display: block;
	width: 970px;
	margin: 0 auto;
	height: 30px;
	padding: 0;
}
ul#nav {
	float: left;
	margin: 0 0 0 10px;
}
ul#nav li {
	list-style: none;
	float: left;
	padding: 4px 20px;
	font-weight: normal;
	font-size: 1.2em; 
	font-variant: small-caps;
	letter-spacing: 0.1em;
}
ul#nav li a:link, ul#nav li a:visited {
	color: #44669b;
	text-decoration: none;
	font-weight: normal;
}
ul#nav li a:hover {
	color: #1907ce;
	text-decoration: underline;
}
ul#nav li a.current {
	color: #99a0ca;
	cursor: default;
	text-decoration: none;
}

blockquote#mainquote p {
	font-family: Palatino, Georgia, "Times New Roman";
	font-size: 19px;
	letter-spacing: 0.04em;	
	text-align: right;
	width: 500px;
	color: #444;
	margin: 20px 0;
}
#content {
	position: relative;
	width: 970px;
	margin: 0 auto;
	text-align: left;
	color: #545454;
}
#content img {
	margin: 0;
	padding: 3px;
}
#main_top {
   height: 20px;
	width: 634px;
	background: url(images/main_bg_top.gif) no-repeat left top;
}
#main {
	width: 574px;
	background: url(images/main_bg2.gif) repeat-y;
	float: left;
	padding: 20px 30px 50px 30px;
}
.featurewrap {
	display: block;
}
.feature {
	margin: 10px 35px 10px 0;
	float: left;
	width: 40%;
	padding: 0 5px;
	text-align: center;
}
.feature img {
	border: 1px solid #bdc2dd;
	padding: 3px;
	margin: 3px 0;
	display: block;
	width: 200px;
}
.feature h2 a {
	width: 200px;
	line-height: 1.4em;
	padding: 0 0 5px 0;
	font-weight: bold;
	display: block;
	width: 200px;
}
.feature p {
	margin-bottom: 7px;
	width: 200px;
}

p span.name {
	font-size: 1.1em;
	letter-spacing: 0.03em;
	font-weight: bold;
	font-style: italic;
	padding-right: 3px; 
	color: #545454;
}
dl.jewellery {
	margin: 5px 0 30px 0;
	padding: 0 10px 10px 0;
	line-height: 1.5em;
	position: relative;
}
dl.jewellery img {
	border: 1px solid #ccd2c6;
}

#main .itemimage {
   float: right;
	margin: 0 10px 10px 20px;
	line-height: 1.3em;
}
#main .itemimage img {
	padding: 3px;
	border: 1px solid #d6cbc2;
}
.itemimage h5 {
	text-align: right;
	font-style: italic;
	font-weight: bold;
	padding:0;
	margin: 0;
}
.itemimage h6 {
	font-size: 0.9em;
	text-align: right;
	font-style: italic;
	margin: 0;
	padding: 0;
}

dl.jewellery dt {
	font-size: 1.2em;
	font-weight: bold;
	background: #f1eeeb;
	border: 1px solid #ccd2c6;
	color: #333;
	padding: 5px 10px;
	font-family: Palatino, Georgia, "Times New Roman";
}
dl.jewellery dt span.price {
	padding-left: 20px;
	color: #b0361f;
	font-size: 1.1em;
}
dl.jewellery dt span.price em {
	color: #c30;
	font-size: 0.9em;
}

dl.jewellery dd {
	padding: 15px 40px 10px 10px;
	font-size: 1em;
}
dl.jewellery dd p {
	padding-bottom: 7px;
	margin-bottom: 0;
	width: 290px;
}

dl.jewellery dd ul {
	margin: 0 10px 10px 20px;
	list-style: circle;
	width: 270px;
}
dl.jewellery dd ul li {
	padding: 0 0 7px 0;
}
#sub {
	width: 300px;
	float: right;
	padding: 0;
	margin: 190px 0 20px 0;
}
#sub blockquote p {
	font-family: Palatino, Georgia, "Times New Roman";
	font-size: 1.4em;
	letter-spacing: 0.04em;	
	text-align: center;
	padding: 10px 10px 0 0;
	width: 250px;
	color: #444;
}

#sub blockquote h5 {
	font-size: 0.9em;
	text-align: right;
	font-weight: normal;
	font-style: italic;
	display: block;
	width: 250px;
	margin: -5px 5px 20px 0; 
}
.details {
	padding: 10px;
}
#sub .details img {
	border: 1px solid #d6cbc2;
	padding: 3px;
}
span.indent {
	padding-left: 20px;
}
#footer {
	padding: 10px 0 15px 0;
	width: 100%;
	position: relative;
	text-align: center;
	line-height: 1.4em;
	background: url(images/footer_bg.gif) no-repeat;
}
#footer p {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#footer p.design a:link, #footer p.design a:visited {
	font-weight: normal;
}
#footer p.design a:hover {
	color: #1907ce;
}
span.large, span.red {
	font-size: 1.2em;
	font-weight: bold;
}
/* form styling */
#main form {
	border: 1px solid #d6cbc2;
	width: 450px;
}
#main form#order {
   border: none; 
	width: 95%;
}
form#order table {
	width: 95%;
}
form#order table td {
	padding: 10px 5px;
	font-family: Palatino, Georgia, "Times New Roman";
	font-size: 1.1em;
}
form#order table td.price {
	text-align: right;
	padding-right: 10px;
}
fieldset {
	margin: 5px 10px;
	padding: 10px 5px;
	border: 1px solid #f1eeeb;
}
form#order fieldset {
	margin: 10px 10px 25px 10px;
	border: 1px solid #d6cbc2;
	background: #faf9f8;
}
fieldset p {
	padding-left: 5px;
	font-size: 1em;
}
fieldset legend {
	font-size: 1em;
	color: #b0361f;
	font-style: italic;
}
label {
	display: block;
	font-style: italic;
}
form#order label {
	display: inline;
}
input.text {
	display: inline;
	width: 93%;
}
input#postcode {
	width: 100px;
}
input:focus, textarea:focus {
	background: #e7e9e4;
}
.submitarea {
	margin: 0 0 10px 25px;
	padding-bottom: 10px;
}
form #block p {
	visibility: hidden;
	display: none;
}
.warning {
	font-weight: bold;
	color: #cc0000;
}
h3 span.warning {
	padding-bottom: 20px;
}

/* Floats */
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.bi {
	font-style: italic;
	font-weight: bold;
}
.clear {
	clear: both;
}