/* bwhDesigns.com - newest version */ 

body img {
	display: block;
}

body {
	background: #67537D ;
	color: #E1D6EE;
	margin: 0; 
	padding: 0;
	font: 14px/1.5 Verdana, Arial, sans-serif;
	behavior: url("csshover.htc"); /* WinIE behavior call */ /* Note that this will ALWAYS cause your CSS to NOT validate.  ;(  */ 
}
a {
	color: #fff;
	}

a:hover {
	text-decoration: underline;
	color: #B19ACB;
	}

a:visited {
	color: #B19ACB;
	}
	
	
/*@import "IEHoverHack.css"; This did not import in IE6 - which was the sole reason for the Hack in the first place. Oddly, either it did work in IE7 or else IE7 understands hovers. */
div#content {
	border: 2px solid #4A3365; 
	border-left-width: 0;
/*  	background: white url(images/leftsideBGFinal.gif) top left repeat-y; */
/*  	background: white url(images/leftsideBG.gif) top left repeat-y;*/
  	background: #594373 url(images/LeftSideAllInOne.gif) top left repeat-y;
  	position: absolute; 
	z-index: 100;
  	margin: 0; 
	padding: 0 0 2em 2px; 
  	left: 80px; 
	right: 110px; 
	top: 40px;
  	voice-family: "\"}\""; 
  	voice-family:inherit; 
	margin-left: auto;
	margin-right: auto;
}

div#content img.curve {
	float: left; 
	clear: left;
  	margin: 0 15px 0 0; 
	padding: 0;
	}


#content h1 {
	border-bottom: 2px solid #322244;
/*	background: #429EA8;*/
	background: #498490;
/*	background: #6A5287;*/
	background-image:  url("images/bwhDtagline.gif");  
	background-repeat: no-repeat;
	background-position: right;
	margin: 0; padding: 0.125em 0.25em;
	text-indent: -9999px;
/*	text-align: right; 
	text-transform: lowercase;*/
	font-style: italic; 
	letter-spacing: 0.25em;
	font-size: 200%; 
	line-height: 1.25em;
	height: 51px;
}

#content h2 {
	font-size: 150%; 
	margin: 0 0 0 50px ;
	padding: 0 0 0 10px;
	border: 2px solid #322244; 
	border-width: 1px 0;
/*	background: #6A5287; */
/*	background: #429EA8;*/
	background: #498490;
}

#content h3, p, dl {
	/*margin: 1em 30px 1em 56px; */
	padding-left: 15px;
}

#content h3 {
	border: 1px solid #4A3365; 
	border-width: 1px 0;
/*	background: #67537D; */
	background: #498490;
	font-size: 125%;
	margin-right: 0;
}

#center {
/*	z-index: 95;
	position: relative; */
	margin: 100px 0px 0px 50px; 
	padding: 1% 3%;
	}

img#rightside {
	position: absolute; 
	z-index: 10;
	top: 11em; 
	right: 15px;
	border: 1px solid #4A3365;
}

/**********************************************************/
/* The Menu - from More Eric Meyer on CSS - Project 6 	  */ 
/**********************************************************/
div#menu {
	position: absolute; 
	z-index: 7;
	width: 7em; 
	top: 250px; 
	left: 0;
  	margin-left: -4.5em; 
	padding: 0.25em 0 0.5em;
	border: 3px double #2D7279; 
	background: #9ABEC2;  /*9ABEC2  BEB1CB*/
}

div#menu b {
	display: none;
}
div#menu ul {
	margin: 0;
	padding: 0;
	width: 7em;
	}
div#menu li {
	position: relative;
	list-style: none; 
	margin: 0;
	border-bottom: 1px dashed #2D7279;	
	}
div#menu li:hover {
	background: #498490;
	color: #E1D6EE;
	}
div#menu a { 
	font-size: 85%; 
	}
div#menu a:hover {
	background: #498490;
	color: #E1D6EE;
	/*font-weight: bold;*/
	}
div#menu li.submenu {   
	background:   url("images/subArrow.gif") 95% 50% no-repeat;
	/*padding: 0.25em 0 0.25em 0.5em; */ 
	color: #804640;
	}
div#menu li.submenu:hover { 
	background-color: #498490;
	}  
div#menu li a { 
	display: block;
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none;
	width: 6.5em;
	color: #804640;
	}
	
div#menu>ul a {
	width: auto;
	}
div#menu ul ul {
	position: absolute;
	top: 0;
	left: 7em;
	display: none;
	border: 3px double #4A3365; 
	background: #9ABEC2;
	}
div#menu ul.level1 li.submenu:hover ul.level2 {
	display:block;
	}
div#menu .currentPage {
	font-weight: bold;
	}
/**********************************************************/
/* End of Menu styling 							   		  */ 
/**********************************************************/

img#leftside {position: absolute; 
	z-index: 1;
	top: 270px; 
	left: 12px;
}


/*****************/

.promo { 
	font: medium verdana, sans-serif;
	color: #000000;
	background-color: inherit;
	}
	
.SoldJewel { 
	font: bold large verdana, sans-serif;
	color: #FF0000;
	background-color: inherit;
	}
	
.ConsignedJewel {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	background-color: inherit;
	font-style: italic;
	}
img.photoshot {
	display: block;
	border: 3px double #E1D6EE; 
	padding: 10px;
	margin: 10px;
	}
img.closeup {
	display: inline;
	border: 2px solid #4A3365;
	margin:  5px 5px 5px 5px;
	padding: 10px;
	}
.JewelShotLeft {
	display: inline;
	float: left;
	border: 3px double #E1D6EE;
	padding: 5px;
	margin: 10px;	
	}
	
.JewelShotRight {
	display: inline;
	float: right;
	border: 3px double #E1D6EE;
	padding: 5px;
	margin: 10px;	
	}
	
.navBoxLeft {
	display: inline;
	float: left;
	margin:  5px 50px 5px 50px;
	border: 2px solid #E1D6EE;
	padding: 10px;
	}
	
.navBoxRight {
	display: inline;
	float: right;
	margin:  5px 50px 5px 50px;
	border: 2px solid #E1D6EE;
	padding: 10px;
	}
.navBoxCenter {
	display: inline;
	float: left;
	margin:  5px 50px 5px 50px;
/*	margin-left: 100px;
	margin-right: 100px; */
	border: 2px solid #E1D6EE;
	padding: 10px;
	}
	
/**********************************************************/
/* Top Content Styling 							   		  */ 
/**********************************************************/	
div#topcontent {
	position: absolute;
	top: 10px;
	right: 5px;
	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 #E1D6EE;	
	}
div#topcontent ul li.first {
	border-left: 0px none;
	}
div#topcontent ul li a {
	color: #E1D6EE;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	}
/**********************************************************/
/* End of Top Content styling 							  */ 
/**********************************************************/



.latestJewel { 
	margin-bottom: 4em;
	clear: both;
	}


.clrfloat {
	clear: both;
}

.albumlist {
	clear: both;
	list-style-type: none;
	width: 550px;
}

.albumlist li {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
}

.albumlist img {
	display: block;
	border: 3px solid #E1D6EE;
	padding: 5px;
}

.latestarticle { 
	margin-bottom: 2em;
	}

.imageView {
	margin: 0px 0px 0px 0px; 
	padding: 1% 3%;
/*	background: #67537D;*/
	color: #E1D6EE;
	}

.imageView img {
	display: block;
	border: 3px double #E1D6EE;
	padding: 10px;
}


/* Begin Form Styling  */
/*.contact form {
	border: 1px dotted #AAAAAA; 
	padding: 3px 6px 3px 6px
	}
	
input {
	color: #00008B;
	background-color: #FFFFFF;
	border: 1px solid #00008B;
	margin: 2px 1px 3px 1px;
	}

textarea {
	width: 500px;
	height: 50px;
	color: #00008B;
	background-color: #FFFFFF;
	border: 1px solid #00008B;
	font: 0.9em Arial, Helvetica, sans-serif; 
	}
		
form label {
	text-align: right;	
	font: bold 0.9em Arial, Helvetica, sans-serif;
}
*/
/* End Form Styling */
/*table    { table-layout: fixed;        width: 100%;
	       font-family: Verdana, sans-serif;
           border-collapse: collapse; font-size: medium; 
           border: 6px double #218B68; 
           padding: 1em; 
           margin-bottom: 0.5em; }
td, th   { width: 13%; }
thead th { border: 0.10em solid #218B68; }
tbody th { border: 0.10em solid #218B68; }
      td { border: 0.10em solid #218B68; } */
/*caption  { caption-side: top; 
	font-size: large;
	font-style: italic; 
*//*	border: 6px double #218B68; */
/*	padding: 0.5em 0em;
	margin-top: 0.5em; }
*/	
	/******************* form styles
****************************************************************************/
.searchForm form {
	position: relative;
	/*left: 5px;*/
	font: .9em verdana,arial,sans-serif; 
	margin: 0 5px 10px 80px; 
	padding: 10px 0 10px 0; 
	max-width: 400px; 
	}
form.searchForm fieldset.rad { 
	border: none;
	display: inline;
	padding: 0;        /* padding in fieldset support spotty in IE */ 
	margin: 5px; 
	} 
fieldset { 
 float: left; 
 clear: left; 
 width: 100%; 
 margin: 1.5em 0 0 0; 
 padding: 0; 
 border: 3px double #fff; 
} 
legend { 
 margin-left: 1em; 
 color: #fff; 
 font-weight: bold; 
} 
fieldset ol { 
 padding: 1em .5em 0 .5em; 
 list-style: none; 
} 
fieldset li { 
 float: left; 	/* this line, plus clear and width ensures that the parent */
 clear: left;   /* contains any of its floated children */ 
 width: 95%; 
 padding-bottom: 1em; 
} 
fieldset.submit { 
 float: none; 
 width: auto; 
 border: 0 none #FFF; 
 padding-top: 10px;
 padding-left: 12em; 
} 
fieldset.submitSBar { 
 float: none; 
 width: auto; 
 border: 0 none #FFF; 
 padding-top: 10px;
 /*padding-left: 12em; */
} 
/* display block on label puts label on a line above the field */
/* label { 
 display: block; 
} */
/* following will left align the text labels */
label { 
 position: relative;
 float: left; 
 width: 9em; 	/* vary this width according to label length - careful though, you need wider in Safari than Firefox... */ 
 margin-right: 1em; 
/* text-align: right; */	/* adding text-align right will cause the labels to align on the right */
	margin-left: 5px; 
} 
label em { 
 position: absolute; 
 left: 8.5em; 
 top: 0; 
}

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: #E1D6EE;
	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 #E1D6EE;
	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: #000000;
	background-color: #FFFFFF;
	border: 1px solid #E1D6EE;
	margin: 2px 1px 3px 1px;
	}
form.vresp textarea, form.bwh textarea {
	width: 350px;
	height: 100px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #E1D6EE;
	font: 0.9em Arial, sans-serif;
	}
form.vresp input, form.bwh input {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #E1D6EE;
	margin: 2px 1px 3px 1px;
	}


/******************* end form styles
****************************************************************************/

	/************************************************************/
/* Gallery styling from BonRouge.com						*/ 
/************************************************************/
ul#gallery {
margin:0 auto;
padding:0;
list-style-type:none;
width:90%;
font-family: Monotype Corsiva, Harlow Solid Italic, serif;
}
ul#gallery li {
float: left;
margin:5px;
}
ul#gallery li p {
text-align: center;
margin:5px 0;
}



div.pic { float: left; height: 275px; width: 160px; 
	padding: 15px;
	margin: 5px 5px; 
	border: 1px solid #429EA8; 
	position: relative;
	background: #67537D;
	}
div.pic img {
	border: 3px double #E1D6EE; 
	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 #429EA8;}
div.pic a.titlelink { 
	color: #E1D6EE; 
	font: bold small Arial, Verdana, sans-serif; 
/*	padding-top: 0.5em; */
	text-decoration: none;
	}
div.pic li.catno { 
	color: #DDDDBD; 
	text-align: right; }
div.pic li.price { 
	color: #DDDDBD; 
	text-align: right; 
	font-style: italic }
div.pic li.salePrice { 
	color: #FF809F; 
	text-align: right; 
	font-style: italic }
div.pic li.Xout { 
	color: #DDDDBD; 
	text-decoration: line-through; 
	}
div.pic li.status { 
	color: #DDDDBD; 
	text-align: right; 
	}

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

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

/******************* footer
****************************************************************************/
/*#footer {
	margin: 0px 0px 0px 80px; 
	clear: both;
	border-top: 1px solid #E1D6EE;
	border-bottom: 1px solid #E1D6EE;
	color: #E1D6EE;
	display:inline-block; 
	}
#footcenter {
	margin: 0px 25%; 
	padding: 1% 3%;
	}*/
#footer {
	position: relative;
	margin: 0px 0px 0px 80px; 
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background: #67537D ;
	border:2px solid #E1D6EE;
	display:inline-block;
	color: #E1D6EE;
	/*height: 250px;*/
	}
div#footer a:link {color: #E1D6EE;}
div#footer a:visited {color: #E1D6EE;}
div#footer a:link:hover {color: #E1D6EE;}
div#footer a:visited:hover {color: #E1D6EE;}

#sitelinks {
	float: left;
	width: 400px;
	margin-top: 0;
	background: #67537D;
	color: #E1D6EE;
	}
#sitelinks .section {
	float: left;
	width: 150px;
	color: #E1D6EE;
	}
#sitelinks li {
	display: block;
	list-style: none;
	font: normal 1em/1em Verdana, Geneva,Helvetica,sans-serif;
		color: #E1D6EE;
}
#sitelinks li a {
	display: block;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #E1D6EE;
	text-decoration: none;
	}
#sitelinks li a:hover {
	text-decoration: underline;
	color: #C9FF00;
	}
#companyInfo {
	float: right;
	display:inline;
	width: 250px;
	background: #67537D;
	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.sexyBox {
	position: relative;
	left: 80px;
	}
.actionCall { 
	margin: 20px;
	padding: 10px;
	text-align: center;
	border: 4px double #429EA8;
	font-weight: bold;
	font-style: italic;
}