body, div {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;line-height:24px; }

body, html {background-color:#000000; margin:0; padding:0; width:100%; height:100%; overflow:hidden; }

a {color:#FFFF99; text-decoration:none;}
a:hover {color:#FFFFFF; text-decoration:underline;}
a:focus {outline:none;}

h1 {font-size:20px;}
h2 {font-size:17px;}
h3 {font-size:14px;}

#staticBack {width:100%; height:100%; z-index:1; position:absolute; top:0;}
#staticBack div {width:850px; height:100%; margin:0 auto;}
#staticBack img {width:850px; height:100%;}

#header {width:100%; height:148px; background: #000000 url(images/header.png) no-repeat center; }

div#footer {width: 100%; height:24px; position: absolute; bottom: 0; left: 0; z-index:10; background:#000000;}
#footer div {width:844px;height:10px;margin:0 auto;background: #000000 url(images/accepts.png) no-repeat right;
	font-size:10px;line-height:10px;padding:7px 3px;}
@media screen {body>div#footer{position: fixed;}}

#footer div.footContent {postition:relative; z-index:10000000000}
#facebook, #twitter {position:absolute; width:59px; height:24px; top:0; left:830px; display:block; background: url(images/spacer.gif);}
#twitter {left:890px;}


#page {position:absolute; width:100%; height:100%; overflow:auto; z-index:5; margin-bottom:1px;}


#nav {width:850px;height:148px;margin:0 auto;position:relative;}
#nav ul {margin:0 0 0 77px; padding:0; list-style:none; display:block; height:29px; position:relative; top:119px; width:auto;}
#nav li {margin:0; padding:0; list-style:none; float:left; margin-left:5px;}



a.buyers {background:url(images/nav_buyers_off.png); width:142px; height:29px; display:block;}
a.buyers:hover {background:url(images/nav_buyers_on.png);}
div.preloader a.buyers {background:url(images/nav_buyers_on.png);}

a.edu {background:url(images/nav_edu_off.png); width:142px; height:29px; display:block;}
a.edu:hover {background:url(images/nav_edu_on.png);}
div.preloader a.edu {background:url(images/nav_edu_on.png);}

a.how {background:url(images/nav_how_off.png); width:142px; height:29px; display:block;}
a.how:hover {background:url(images/nav_how_on.png);}
div.preloader a.how {background:url(images/nav_how_on.png);}

a.feat {background:url(images/nav_feat_off.png); width:142px; height:29px; display:block;}
a.feat:hover {background:url(images/nav_feat_on.png);}
div.preloader a.feat {background:url(images/nav_feat_on.png);}

a.sellers {background:url(images/nav_sellers_off.png); width:142px; height:29px; display:block;}
a.sellers:hover {background:url(images/nav_sellers_on.png);}
div.preloader a.sellers {background:url(images/nav_sellers_on.png);}

a.why {background:url(images/nav_why_off.png); width:142px; height:29px; display:block;}
a.why:hover {background:url(images/nav_why_on.png);}
div.preloader a.why {background:url(images/nav_why_on.png);}


#logolink {height:89px; position:absolute; top:14px; left:14px; width:257px; display:block;}

#content {top:15px; width:850px; margin:0 auto;
height:auto !important;
min-height:500px;
height:500px;
}

#featured, #featured ul {width:100%; display:block; height:auto;}
#featured ul, #featured li {margin:0; padding:0; list-style:none;}
#featured li {width:87px; float:left; color:#000000; font-size:10px; display:block; margin-top:-10px; line-height:10px;}
#featured a {width:70px; border:none; display:block;}
#featured a:hover {text-decoration:none;}
#featured a img {margin:0px 1px 1px 0px;}
#featured a:hover img {text-decoration:none; border:#FFFF99 1px solid; margin:-1px 0px 0px -1px;}
#featured li.last {width:70px;}

#register, #register ul, #register li {width:500px; margin:0; padding:0; list-style:none;}
#register li {margin: 5px; display:block;}
#register label {width:50%; text-align:right;}
#register input, #register select {width:45%;}

.prod {width:100px; padding:10px; margin:10px; float:left; border-bottom: #003366 1px solid; border-right: #003366 1px solid; text-align:center; line-height:normal; background:#FFFFFF;}
.prod img {width:98px; border:#000000 1px solid;}
.prod a:hover img {text-decoration:none; border: #0099FF 1px solid;}
.prod a:hover {text-decoration:none; color:#003366}
.prod br {margin:0; padding:0;}
.prod div {width:100px; height:100px; overflow:hidden;}
.prod a {color:#666666; display:block; width:100%; height:100%;}

select {color:#333333}


/* Hover images for View Item */

#typeDisplay {width:490px; height:330px; margin:10px auto; padding:10px; position:relative; background:url(images/form/type-display-back.png) no-repeat;} /* need exception for IE here */

#typeDisplay img.main {width:300px; height:300px; border:#333333 solid 1px; position:absolute; top:10px; left:10px;}
#typeDisplay ul {position:absolute; left:320px; width:160px; display:block; margin:0; padding:0; list-style:none; top:10px; height:300px; z-index:10;}
#typeDisplay ul li {float:left; width:70px; height:70px; display:block; margin:0 10px 10px 0; padding:0px; list-style:none; line-height:70px; text-align:center;}
#typeDisplay ul li img {height:70px; width:70px; padding:0; margin:0; border:0;}
#typeDisplay ul li ul {position:absolute; top:0px; left:-310px; width:300px; height:300px; display:none; margin:0; list-style:none; z-index:100; border:#333333 solid 1px;}
#typeDisplay ul li ul li, #typeDisplay ul li ul li img {width:300px; height:300px; display:block; margin:0; padding:0; list-style:none;}
#typeDisplay li:hover ul,
#typeDisplay li.sfhover ul {display:block;}
/*#typeDisplay li:hover, #typeDisplay li.sfhover {text-align:right; width:160px; background:url(images/form/arrow-left.png) no-repeat;}
*/
/* Item Display */

#itemDiv {width:186px; height:267px; background:url(images/form/item-back.png) no-repeat; position:relative; float:left;}
#itemDiv img {position:absolute; top:21px; left:21px; width:140px; height:140px; border:none;}
#itemDiv h1 {position:absolute; top:170px; left:16px; width:144px; height:27px; font-size:10px; color:#FFFFCC; text-transform:Capitalize; line-height:12px; border-bottom:#CCFFFF 1px dotted; margin:0}
#itemDiv h2 {position:absolute; top:203px; left:16px; width:144px; height:9px; font-size:12px; font-weight:400; line-height:12px; text-align:right; margin:0}
#itemDiv h2 a {width:100%; height:100%; text-align:right; border:none;}

.show {display:block}
.hide {display:none}


dt {margin-bottom:10px; line-height:normal; font-weight:900; border-bottom:#3785C4 1px dashed; padding-left:25px; padding-bottom:5px; background:url(images/bullet.gif) no-repeat;}
dd {margin-bottom:20px; line-height:normal;}

#linkNav {position:absolute; width:100%; text-align:right; top:16px}
#linkNav div {width:850px; margin:0 auto;}
#linkNav a {color:#FFFFFF; padding:0 8px; border-right:#666666 1px solid}
#linkNav a.last {border-right:none; padding-right:20px;}

#instructions div {width:120px; position:absolute; top:60px; left:35px; z-index:1000; border:1px dashed #FFF; padding:10px; line-height:normal; color:#000; font-weight:900; background:url(images/200x200bg.jpg) no-repeat; background-color:#ADC8E5;}

#sellers #buyerInstructions, #buyers #sellerInstructions {display:none;}


img.right {float:right; clear:right; padding:0 0 18px 18px; clear:right;} 
p.caption {display:block; float:right; clear:right; padding:0 0 18px 18px; width:295px; margin:0; font-size:10px; line-height:normal;}

#eduTop span.toTop {display:none}

ul#seller #buyerTerms, ul#buyer #sellerTerms  {display:none;}
#buyerTerms, #sellerTerms  {font-size:12px;}
#set #buyerTerms ul, #set #sellerTerms ul  {height:150px;}
#buyerTerms ul ul, #sellerTerms ul ul  {background:none;}
#buyerTerms ul li, #sellerTerms ul li  {width:90%;}
#set li.scroller {width:80%; height:150px; overflow:auto;}
#set li.scroller ul {width:400px; background:none;}
#set li.scroller ul li {width:385px; position:static;}


#jewelForm li span.input { text-align:left; }