body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #C3AD7D url("images/bg.png") repeat-x;
	behavior: url("csshover.htc"); /* WinIE behavior call */ /* Note that this will ALWAYS cause your CSS to NOT validate.  ;(  */ 
}
/* Wrapper is a centered div that will center a block on the page */
#wrapper {
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 0 0;  
	color: #000000;
}
/************************************************************/
/* Top - logo display       								*/ 
/************************************************************/
#top {
	height: 250px;
	background: transparent url("images/logo.png") top center no-repeat;  
}
/************************************************************/
/* Content - main content area								*/ 
/************************************************************/
#content {
	position: relative;
	margin: 0px 75px 25px 225px;	/* Nav on left side */ 
/*	margin: 0px 225px 25px 75px; */	/* Nav on right side */ 
   	color: #5b4c3e; 
	font: 14px Verdana, sans-serif; 
	padding: 10px; 
	/*background: #F5EACA;  */
}
div#content a:link {color: #5b4c3e;}
div#content a:visited {color: #5b4c3e;}
div#content a:link:hover {color: #5b4c3e;}
div#content a:visited:hover {color: #5b4c3e;}

#content h1 { 
	color: #8D8062;
	font-size: 18px;
}
.imageView h1 { 
	color: #8D8062;
	font-size: 20px;
}
#content h2 {
	color: #5B4C3E;
	font-size: 16px;
}
#content h3 { 
	color: #5b4c3e;
}
.redText {
	color: #8B0E0C;
}
.greenText {
	color: #465C35;
}
#content h4 {
	color: #5B4C3E;
}
#content h5 { 
	color: #5B4C3E;
}
#content dt { 
	padding-top: 20px;
	font: bold 1em Arial, Helvetica, sans-serif;
}
.textcol { 
	max-width: 600px;
}
/* BEGIN TopMenu */ 

#topMenu {
	height:45px;
	left:225px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:175px;
	width:750px;
}

#topMenu ul{
	margin: 5px  auto;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

#topMenu ul li{
	display: block;
	width:100px;
	float: left;
	margin: 10px;
	font-size: .7em;
	border: 1px #5B533F solid;
	background: #5B533F url(images/buttonbg.png) no-repeat;
}

#topMenu ul li a{
	display: block;
	margin: 10px;
	text-decoration: none;
	color: #fbf0db;
	font-weight: bold;
}

#topMenu ul li:hover{
	background-color:#263667;
	color:#f3f4f6;
	background: #aabaD6 url(images/navbghover.png) repeat-x;
}
#topMenu ul li a:hover{
	color:#f3f4f6;
}

/* END TopMenu */ 

/* BEGIN Navigation */
div#nav {
	position: absolute;  /* absolute removes it from the document flow! */
	top: 255px;			/* positioned from the top b/c of absolute positioning */
	float: left; 
	width: 200px; 
	margin: 0;
	color: #fbf0db;
	font:  14px/14px sans-serif; 
	}
div#nav ul {
	margin: 0 0 0 5px; padding: 0; width: 200px; 
	}
div#nav li {
	position: relative; list-style: none; margin: 0; height: 35px;
  	border-bottom: 1px solid #CCC; 
	background: #685947; 
	}
div#nav li:hover {
	background: #C6B48A ;
	}
div#nav li.submenu {  padding: 0.25em 0 0.25em 0.5em;
	background: #685947 url(images/subArrow.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #C6B48A; color: #eee}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 194px;
  color: #fbf0db;
   }
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 195px;
  display: none;}
div#nav ul.level1 li.submenu:hover ul.bwhlevel {display:block;}
/* END Navigation */
#nav .navCert {
	text-align: center;
}
.navCert img {
	padding: 5px;
	border:none;
}
#nav .navCert a {
	text-decoration:none;
}
div#topcontent {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 80%;
	}

#topcontent h2, #topcontent p {
	display: inline;
	margin-right: 0.5em;
	}
div#topcontent ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 40px 0px;
	}
div#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #711D47;	
	}
div#topcontent ul li.first {
	border-left: 0px none;
	}
div#topcontent ul li a {
	font: 0.8em verdana, sans-serif;
	color: #8B0E0C;
	background-color: inherit;
	}

/************************************************************/
/* misc         											*/ 
/************************************************************/
.clrfloat {
    clear: both;
    }
.JewelShotLeft {
	display: inline;
	float: left;
	margin:  5px 5px 5px 5px;
	border: 2px solid #663399;
	padding: 5px;
	}
	
.JewelShotRight {
	display: inline;
	float: right;
	margin:  5px 5px 5px 5px;
	border: 2px solid #663399;
	padding: 5px;
	}
img.photoshot {
		border: 3px solid #161A8A;
		padding: 10px;
		margin: 5px;
		}
.navBoxLeft {
	display: inline;
	float: left;
	margin:  5px 50px 5px 50px;
	border: 2px solid #663399;
	padding: 10px;
	}
	
.navBoxRight {
	display: inline;
	float: right;
	margin:  5px 50px 5px 50px;
	border: 2px solid #663399;
	padding: 10px;
	}
.navBoxCenter {
	display: inline;
	float: left;
	margin:  5px 50px 5px 50px;
	border: 2px solid #663399;
	padding: 10px;
	}	
.imageView {
	margin: 0px 0px 0px 0px; 
	/*padding: 1% 3%; */ 
	color: #5B533F;
	}

.imageView img {
	display: block;
	border: 3px solid #39299C;
	padding: 5px;
}

/************************************************************/
/* Begin Form Styling                                       */
/************************************************************/

.searchForm form {
	position: relative;
	left: 5px;
	font: .9em verdana,arial,sans-serif; 
	margin: 0; 
	padding: 10px 0 0 0; 
	max-width: 200px; 
	}
form.searchForm fieldset { 
	border: 1px solid #5B4C3E;
	padding: 10px;        /* padding in fieldset support spotty in IE */ 
	margin: 0; 
	} 
form.searchForm legend { 
	color: #5B4C3E;
	font: bold .8em verdana,arial,sans-serif;
	} 
	
form.searchForm fieldset.rad { 
	border: none;
	display: inline;
	padding: 0;        /* padding in fieldset support spotty in IE */ 
	margin: 0; 
	} 
form.searchForm label {
	color: #5B4C3E;
	background-color: inherit;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	padding: 0; 
	margin: 0;
	text-align:inherit;
	}
form.searchForm p {
	color: #5B4C3E;
	background-color: inherit;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0 ; 
	margin: 0;
	}
form.searchForm input {
	color: #5B4C3E;
	background-color: #ffffff;
	border: 1px solid #5B4C3E;
	margin: 0;
	}
form.searchForm input.txt {
	color: #5B4C3E;
	background-color: #ffffff;
	border: 1px solid #5B4C3E;
	margin: 0; padding: 0;
	width: 150px;
	}
form.searchForm label.rad {
	margin: 2px;
	/*float: right;*/
	padding: 0 0 3px 0;
	} 
form.searchForm input.rad /*, form.searchForm label.rad */ { 
	margin: 6px 2px 2px 2px;
	/*float: right;*/
	padding: 0 0 3px 0;
	}
form.searchForm img.srchImg { 
	float:right;
	}

form.vresp, form.bwh {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */ 
  font:100% verdana,arial,sans-serif; 
  margin: 10px; 
  padding: 0; 
/*  min-width: 500px; 
*/  max-width: 600px; 
/*  width: 560px; 
*/	} 
form.vresp span, form.bwh span  {
/*  This span was added b/c Netscape doesn't cope well with float on labels. Basically, 
 	it shows no label at all. So, we put it in a span and then span the entire label     */
	float: left;
	}
form.vresp label, form.bwh label {
	color: #5B4C3E;
	display: block;  
	background-color: inherit;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	width: 150px; 
	padding: 0 10px 0 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */ 
	text-align: right;
	}

form.vresp fieldset, form.bwh fieldset { 
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */ 
	border: 1px solid #5B4C3E;
	padding: 10px;        /* padding in fieldset support spotty in IE */ 
	margin: 0; 
	} 
form.vresp fieldset legend, form.bwh fieldset legend { 
   font: bold 1.1em Arial, Helvetica, sans-serif;
	} 

form.vresp br, form.bwh br { 
        clear:left; 
	} 
form.vresp select, form.bwh select {
	width: 275px;
	color: #5B4C3E;
	background-color: #FFFFFF;
	border: 1px solid #5B4C3E;
	margin: 2px 1px 3px 1px;
	}
form.vresp textarea, form.bwh textarea {
	width: 350px;
	height: 100px;
	color: #5B4C3E;
	background-color: #FFFFFF;
	border: 1px solid #5B4C3E;
	font: 0.9em Arial, sans-serif;
	}
form.vresp input, form.bwh input {
	color: #5B4C3E;
	background-color: #FFFFFF;
	border: 1px solid #5B4C3E;
	margin: 2px 1px 3px 1px;
	}

/************************************************************/
/* End Form Styling                                         */
/************************************************************/



div.pic { float: left; /*height: 275px;*/ width: 160px; 
	padding: 3px 3px 3px 2px;
	margin: 2px; 
	border: 1px solid silver; 
	position: relative;
	background: #DFD5B8;
	}
div.pic img {
	border: 1px solid #39299C; 
	padding: 2px;
	margin: 5px;
}
div.pic ul { margin: 0.25em 0 0 0; padding: 0;
	font: bold small Arial, Verdana, sans-serif;}

div.pic li {
	list-style: none; 
	font: small Arial, Verdana, sans-serif; }
/* Following hack was put in place b/c of IE. IE wasn't
   consistently putting the border-bottom on my titles.
   Found this hack at sitepoint that does the trick!     */ 
/* mac hide \*/
* html li {height:1%}
/* end hide */
div.pic li.title, li.catno, li.price, li.status  {display: block; list-style: none; text-align: center;}
div.pic li.title { 
	font: bold small Arial, Verdana, sans-serif; 
	/*padding-top: 1.5em;*/ 
	border-bottom: 1px solid #39299C;}
div.pic a.titlelink { 
	color: #000; 
	font: bold small Arial, Verdana, sans-serif; 
/*	padding-top: 0.5em; */
	text-decoration: none;
	}
div.pic li.catno { 
	color: #776; 
	text-align: right; }
div.pic li.price { 
	color: #776; 
	text-align: right; 
	font-style: italic }
div.pic li.salePrice { 
	color: #CC0033; 
	text-align: right; 
	font-style: italic }
div.pic li.Xout { 
	color: #776; 
	text-decoration: line-through; 
	}
div.pic li.status { 
	color: #776; 
	text-align: right; 
	}

.salePrice { 
	color: #CC0033; 
	font-style: italic }
.Xout { 
	color: #776; 
	text-decoration: line-through; 
	}

	.ErrMsgInset {  /* inset text on right - see training schedule */
		margin: 40px;
		padding: 10px;
		text-align: left; /* added 01/30/06 */
		width: 80%; /* added 01/30/06 */
		border: 2px solid #8B0E0C;
		font-family: Arial, Helvetica, sans-serif;
	}

form.bwhSearchForm fieldset {
  margin-bottom: 10px;
}
form.bwhSearchForm legend {
  padding: 0 2px;
  font-weight: bold;
}
form.bwhSearchForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.bwhSearchForm fieldset ol {
  margin: 0;
  padding: 0;
}
form.bwhSearchForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.bwhSearchForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.bwhSearchForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.bwhSearchForm fieldset fieldset label {
  display: block;
  width: auto;
}
form.bwhSearchForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.bwhSearchForm label {
  width: 120px; /* Width of labels */
}
form.bwhSearchForm fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.clear {
	clear:both;
	}

/******************* footer
****************************************************************************/
#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background: #5B4C3E;
	border:2px solid #333333;
	display:inline-block;
	color: #d2decd;
	height: 300px;
	}
div#footer a:link {color: #d2decd;}
div#footer a:visited {color: #d2decd;}
div#footer a:link:hover {color: #d2decd;}
div#footer a:visited:hover {color: #d2decd;}

#sitelinks {
	float: left;
	width: 400px;
	margin-top: 0;
	background: #5B4C3E;
	color: #d2decd;
	}
#sitelinks .section {
	float: left;
	width: 150px;
	color: #d2decd;
	}
#sitelinks li {
	display: block;
	list-style: none;
	font: normal 1em/1em Verdana, Geneva,Helvetica,sans-serif;
		color: #d2decd;
}
#sitelinks li a {
	display: block;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #d2decd;
	text-decoration: none;
	}
#sitelinks li a:hover {
	text-decoration: underline;
	color: #C9FF00;
	}
#companyInfo {
	float: right;
	display:inline;
	width: 400px;
	background: #C6B48A;
	border: 3px double #d2decd;
	margin: 10px;
	}
#companyInfo p {
	margin: 5px 10px;
	font: normal 1em/1.2em Verdana, Geneva,Helvetica,sans-serif;
	color: #333333;
	}
/******************* end footer
****************************************************************************/

div.saleBox { 
	/*height: 275px; */
	width: 300px; 
	padding: 15px;
	margin: 5px 5px; 
	border: 1px solid #666; 
	background: #B4AC94;
	}

div.halfStrandSaleBox { 
	/*height: 275px; */
	width: 300px; 
	padding: 15px;
	margin: 5px 5px; 
	border: 1px solid silver; 
	background: #DFD5B8;
	}