*, html {
	padding: 0;
	margin: 0;

}

body {
	background: #fff;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, serif;
	font-size:12px;
	line-height:1.2em;
	color:#000;
  }


/**************** main page components ******************/

#page-container {
	width: 720px;
	margin: 20px auto 5px auto;
}

#middle-container {
border: 1px solid #CCCCCC;
margin: 5px 0;
padding: 20px 10px;
background: url(/images/content_bg.jpg) repeat-x bottom left;
float: left;
width: 720px;
voice-family: "\"}\"";
voice-family: inherit;
width: 698px; /* correct width for IE6 */

}

html>body #middle-container { width: 698px; }

#middle-shop-summary {
font-weight: bold;
margin: 5px 0 0 0;
padding: 5px 5px 5px 25px;
background: #FFFFCC url(/images/shopping_cart.gif) no-repeat 0 50%;
}

#middle-left {
width: 170px;
display: block;
padding: 10px 20px 10px 20px;
float: left;
voice-family: "\"}\"";
voice-family: inherit;
width: 130px; /* correct width for IE6 */

}

html>body #middle-left { width: 130px; }

#middle-right {
float: left;
width: 490px;
padding: 10px 0 10px 30px;
border-left: 1px solid #ccc;
}

#middle-buy-content {
padding: 10px 15px;
}

#middle-buy-content table {
margin: 6px 0 12px 0;
width: 100%;

}

#middle-buy-content th {
background: #fff;
text-align: left;
padding: 1px 4px;
font-weight: normal;
color: #aaa;
}
#middle-buy-content tr td {
padding: 1px 4px;
}

#middle-buy-content tr {
background: #FFFFE5;
}

#middle-buy-content tr.odd {
background: #efefef;
}

#middle-buy-content tr.sb-total td {
font-weight: bold;
border-top: 1px solid #eee;
background: #fff;

padding: 2px 4px;
}

/***************** home widths ***************/

body#home #middle-left {
width: 240px;
voice-family: "\"}\"";
voice-family: inherit;
width: 200px; /* correct width for IE6 */

}
html>body#home #middle-left { width: 200px; }

body#home #middle-right {
width: 430px;
padding: 10px 0 10px 10px;
}

/**************** text styles ******************/

h1 {
	text-indent: -3000px;
	overflow: hidden;
	background: url(/images/logo.jpg) no-repeat top left;
	height: 65px;
}

h1 a {
	height: 65px;
	display: block;
}

h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 26px;
	padding: 0 0 10px 6px;
}

#middle-buy-content h2 {
	padding: 0;
}

h3 {
	font-size: 20px;
	padding: 0 0 8px 6px;
}

body#home #middle-left img {
	margin-bottom: -8px;
}

body#home #middle-left h3 {
	display: inline;
	vertical-align: middle;
}

h4 {
	color: #000;
	font-size: 16px;
	margin: 0;
	display: inline;
	padding: 0 0 0 6px;
}

#productRow h4 {
display: block;
font-size: 11px;
margin: 4px 0 0 0;
padding: 0 0 0  0;
}

#productRow p {
margin: 2px 0;
padding: 0;
}

a {
color: #4AA7C0;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
margin: 6px 0;
}

#middle-left p {
margin: 10px 0 20px 0;
}

#middle-right p, #middle-right ul {
margin: 10px 30px 20px 30px;
}


/**************** top nav ******************/

#flash-holder {
padding: 3px 0 0 0;
float: left;
width: 350px;
}

#nav-holder {
float: right;
width: 345px;
}

#top-nav {
	background: url(/images/new_middle_bg.png) no-repeat bottom left;
	height: 103px;
	border-top: 1px solid #000;
	padding: 0 0 0 0;
}

#top-nav #nav-holder ul {
	display: block;
	margin-top: 4px;
	height: 20px;
	margin-right: 1px;
	float: left;
}

#top-nav #nav-holder ul li {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style:none;
}



#top-nav #nav-holder ul li a {
	font-size: 120%;
	float: left;
	padding: 4px 2px;
	margin: 1px 1px 0 0px;
	text-decoration: none;
	color: #000;
	display: block;
	width: 112px;
	text-align: center;
	background: #fff;
	font-weight: bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 108px; /* correct width for IE6 */
}

html>body #top-nav #nav-holder ul li a { width: 108px; }

#top-nav #nav-holder ul li a.plates {
color: #3299CD;
}
#top-nav #nav-holder ul li a.jewellery {
color: #990000;
}
#top-nav #nav-holder ul li a.other {
color: #6BBF30;
}

#top-nav #nav-holder ul li a.plateson {
background: #CCE5F2;
color: #3299CD;
}
#top-nav #nav-holder ul li a.jewelleryon {
background: #E5BFBF;
color: #990000;
}
#top-nav #nav-holder ul li a.otheron {
background: #DAEFCB;
color: #6BBF30;
}

#top-nav #nav-holder ul li a.plates:hover, #top-nav #nav-holder ul li a.plateson:hover {
background: #3299CD;
color: #fff;
}
#top-nav #nav-holder ul li a.jewellery:hover, #top-nav #nav-holder ul li a.jewelleryon:hover {
background: #990000;
color: #fff;
}
#top-nav #nav-holder ul li a.other:hover, #top-nav #nav-holder ul li a.otheron:hover {
background: #6BBF30;
color: #fff;
}

/****************** news *************************/

#middle-home-news {
border: 1px solid #CCCCCC;
margin: 5px 0;
padding: 10px 10px;
background: url(/images/content_bg_news.jpg) repeat-x bottom left;
float: left;
width: 720px;
voice-family: "\"}\"";
voice-family: inherit;
width: 698px; /* correct width for IE6 */
}

html>body #middle-home-news { width: 698px; }

#middle-home-news-right {
float: left;
width: 510px;
padding: 10px 0 10px 10px;
}

#middle-home-news-right p {
margin: 0;
padding: 0;
}

#middle-home-news-left {
width: 170px;
display: block;
padding: 15px 10px 10px 15px;
float: left;
voice-family: "\"}\"";
voice-family: inherit;
width: 145px; /* correct width for IE6 */

}

html>body #middle-home-news-left { width: 145px; }



/******************** footer  ***********************/

#footer {
	clear: both;
	text-align: center;
	font-size: 11px;
	padding: 4px 0;
	margin: 0 0 10px 0;
}

#footer ul {
	display: block;
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	padding: 3px 5px;
}

#footer p {
margin:2px 0 0 0;
padding: 0;
}



/******************** product search form **********************/



#productSearch
{
	margin: 5px 5px;
	padding: 0 0;
}

#productSearch fieldset
{
	display: block;
	margin: 0 0 0 0;
	border: 0;
	padding: 0;
}

#productSearch input
{
	position: relative;
	top: -1.8em;
	left: 35px;
	display: block;
	width: 80px;

}


#productSearch input.submit
{
	clear: both;
	top: 0;
	left: 40px;
	top: -1.2em;
	margin: 0;
	color: #999;
	font-weight: bold;
	background-color:#fff;
	border:1px solid #999;
	cursor: pointer;
	padding: 1px;
	font-size: 85%;
	width: 85px;
}

#productSearch label
{
	clear: both;
	float: left;
	display: block;
	width: 40px;
	margin: 0;
	padding: 0;
	margin-top: -1em;
}

#productSearch label.first_label
{
	margin-top: 1em;
}

#middle-left ul {

margin: 0 0 0 10px;
}

#middle-left ul li {
padding: 2px 0;
list-style-image:url(/images/li_bullet.gif);
list-style-position:50% 50%;
}

#productRow ul {
list-style: none;
margin: 0;

}

#productRow li {
width: 120px;
float: left;
display: inline;
margin: 10px 10px;
min-height: 150px;
height: 200px;
text-align: center;
}

#productRow h3 {
clear: both;
font-size: 13px;
padding: 4px 0 0 0;

}

#productRow p {
margin: 0;
padding: 0;
}



/** browse photo **/

div.browsephotoholder {
margin: 0 15px 10px 15px;
}


p.browsephoto {
  border-width:0;
  border-top: 1px solid #eee;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
  border-left: 1px solid #eee;
  width: 122px;
  height: 90px;
  margin: 0 5px;

  }

p.browsephoto img {
  margin: 5px 0 0 0;
  border: 1px solid #ddd;
  }

div.pbsold {
font-weight: bold;
color: red;
}

div.pbsold,
div.browsesh,
div.ptitle {
	margin: 0 13px;
	width: 122px;
}


/******** one product **********/

div.showproduct p.sold {
background: #efefef url(/images/sold.gif) no-repeat 0 50%;
border-top: 4px solid #4AA7C0;
margin: 6px 0;
padding: 6px 6px 6px 56px;
line-height: 16px;
font-weight: normal;
}

div.showproduct p.buy {
background: #efefef url(/images/buy.gif) no-repeat  0 50%;
border-top: 4px solid #FF0000;
margin: 6px 0;
padding: 6px 6px 6px 56px;
line-height: 16px;
font-weight: normal;
height: 36px;
}



div.showproduct div.photoholder {
background: url(/images/pic_holder.gif) no-repeat top left;
width: 454px;
height: 324px;
}

div.showproduct img {
margin-top: 10px;
.margin-top: 0;
}

div.showproduct p {
margin: 0;
padding: 0;
}

img.cmsimage {
margin-right: 10px;
margin-bottom: 5px;
border: 1px solid #000;
}

div.relatedLinks {
margin: 0 0 10px 0;
}

/*************************/
/*		SITE MAP		 */
/************************/

ul.sitemapwrapper  {
list-style: none;
}

ul.sitemapwrapper li {
	color: #74AFF4;
	line-height: 1em;
	font-size: 14px;
	padding: 0 0 3px 0;
	margin: 0 0 5px 0;
	font-weight: bold;
	background: #fff;
}

ul.sitemap {
padding: 0 15px;
margin: 0;
}

ul.sitemap li {
list-style-image:url(/images/li_bullet.gif);
list-style-position:50% 50%;
padding: 1px 0 1px 2px;
margin: 1px 0;
font-weight: normal;
font-size: 12px;
}

body#news #middle-right p {
margin: 10px 30px 0px 30px;
}

p.newsdate {
font-size: 85%;
margin-top: 0;
padding-top: 0;
padding-bottom: 20px;
}


/************************/
/*     CONTACT FORM     */
/***********************/

#contactfm {
padding: 10px 25px 10px 20px;
}

#contactfm input, #contactfm textarea {
font-size: 100%;
}

#contactfm input.contactbutton
{
    margin: 5px 0 0 0;
	color:  #036A7B;
	background-color:#ffffff;
	border:1px solid  #036A7B;
	cursor: pointer;
	padding: 0px;
	font-size: 90%;
}

#contactfm .smart_req { color: red; }
#contactfm .smart_label_error { font-weight: bold; background: #FFFFCC; }
#contactfm .smart_error { color: red; }
#contactfm .smart_req {  color: red;}
#contactfm .emq { color: red; font-weight: bold; }

#contactfm p.fail, div.fail {
background: #FFCCCC url(/images/fail.gif) no-repeat 5px 50%;
border-top: 4px solid #DB2929;
margin: 6px 0;
padding: 6px 6px 6px 42px;
line-height: 22px;
font-weight: normal;

}

#contactfm p.success, p.success {

background: #E7F4D4;
border-top: 4px solid #00D100;
margin: 6px 0;
padding: 6px 6px 6px 6px;
line-height: 22px;
font-weight: normal;
}


/************** buy *************/

p.infomessage {
background: #efefef;
border-top: 4px solid #FF0000;
margin: 6px 0 10px 0;
padding: 6px 6px 6px 6px;
line-height: 16px;
font-weight: bold;
}


/*************** form **************/

.acc-form {
margin: 10px 0;
}

.acc-form form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;

}

.acc-form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  background: #F2FAFC;
  border-color: #A6D6E4;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 6px 0;
}

.acc-form fieldset legend {
	color: #3299CD;
	font-weight: bold;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.acc-form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}



.acc-form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.acc-form  input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

.acc-form textarea { overflow: auto; }

.acc-form form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 100%;
}

.acc-form form .required{font-weight:bold;} /* uses class instead of div, more efficient */

.acc-form form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.acc-form input.conf {
	background: #F2FAFC;
  	border-color: #F2FAFC;
  	border-width: 1px;
  	border-style: solid;
	font-weight: bold;
}

.acc-form input.conf disabled {
color: #000;
}

p.yel-message {
padding: 5px 5px 5px 5px;
background: #FFFFCC
}

div.cont-button {
text-align: center;

}

span.ast {
color: red;
font-weight: bold;
}

img.ppimg {
margin: 5px 5px 0 0;
}