/* CSS Document */

#leftFixed {position:absolute; width:850px;}
#leftCentered {position:relative;}

ul, li, form {margin:0;padding:0;list-style:none;}

div.copy {width:596px; float:left; margin:0px 16px 50px 238px; line-height:24px; padding-top:15px; min-height:100%;}

div.sideImg {position:absolute; top:0px;left:16px; width:189px; height:600px;float:left;margin:0;z-index:1000}

div.sideContent1 {position:absolute;top:152px;left:35px;width:170px;height:94px;margin:0;z-index:1001;}
div.sideContent2 {position:absolute;top:308px;left:36px;width:154px;height:75px;margin:0;z-index:1001}
.sideContent1 *, .sideContent2 * { font-size:10px; }
.sideContent1 label {width:44px;height:20px;display:block;float:left;text-align:right;}
.sideContent2 label {float:left;line-height:13px;height:13px;}
.sideContent2 li {float:left;width:155px;clear:both;height:auto;margin:0;line-height:20px;}
.sideContent1 ul, .sideContent2 ul {display:block; width:154px;}
.sideContent1 li {height:20px;clear:both;padding-bottom:5px;line-height:20px; position:relative;}
.sideContent1 input, .sideContent2 input, .sideContent1 select, .sideContent2 select {float:left;}
.sideContent1 input, .sideContent1 select {float:right;}
select.shortSelect {width:68px; line-height:normal;}

#navgo {width:40px; margin-top:-2px; height:22px;}
#navpassword, #navemail {width:100px;}

/* sell your jewelry */
#sellPop {border:none; position: absolute; top: 5px; left: 11px; width: 169px; height: 98px;}
#sellPop #pop {display:block; width:169px; height:98px; text-decoration:none; border:none; position:relative;}
#sellPop #pop #pop1 {display:none; width:315px; height:92px; float:right; position:relative; z-index:999; top:-10px;}
#sellPop div.pop2 {width:315px; height:92px; position:absolute; top:10px; right:20px; z-index:1000;}
#sellPop div.pop2 div {width:270px; height:175px; position:absolute; top:40px; right:0; z-index:1000; overflow:auto;}
#sellPop div.pop2 div a {padding-left:20px; background:url(images/bullet.gif) no-repeat;}


#sellPop #pop:hover, #sellPop #pop.sfhover {display:block; width:483px; height:350px;}
#sellPop #pop:hover #pop1, #sellPop #pop.sfhover #pop1 {display:block;}

/* Forms */

#jewelForm {position:relative; z-index:1;}
#jewelForm ul, #jewelForm li {padding:0; margin:0; list-style:none; }
#jewelForm, #jewelForm form, #jewelForm ul, #jewelForm li {width:590px; display:block;}
#jewelForm li {margin-bottom:15px; position:relative;}
#jewelForm label {width:48%; text-align:right; display:block; color:#000;}
#jewelForm input, #jewelForm textarea, #jewelForm select {width:200px; position:absolute; left:50%; top: 0px; z-index:100;}
#jewelForm li span {width:220px; position:absolute; left:50%; top: 0px; z-index:99; text-align:right;}
#jewelForm li span.long {width:186px; position:absolute; left:60%; top: 0px; z-index:99; text-align:left; color:#000000}
#jewelForm li span.long input {width:40%; position:static;}
#jewelForm b {position:absolute; left:50%; top: 0px;}


form #set {background:url(images/form/set-bottom.png) no-repeat bottom; width:590px; margin:0 auto;  padding-bottom:39px;  z-index:11}
h1.set {display:block; padding:24px 45px 34px 45px; margin:0 auto; font-size:16px; line-height:18px; height:22px; 
background:url(images/form/set-top.png) no-repeat;}
form #set ul {width:590px; background:url(images/form/set-mid-tile.png) repeat-y; padding:10px 0; position:relative;}
form #set li {width:490px; left:50px;}
form #set + h1 {margin-top:20px;}


div.set {background:url(images/form/set-bottom.png) no-repeat bottom; width:590px; margin:0 auto;  padding-bottom:39px;  z-index:11}
h1.set {display:block; padding:15px 45px 23px 45px; margin:0 auto; font-size:16px; line-height:18px; height:22px; 
background:url(images/form/set-top.png) no-repeat; text-align:center; }
ul.set {width:590px; background:url(images/form/set-mid-tile.png) repeat-y; padding:10px 0; position:relative; color:#000}
li.set {width:490px; left:50px; position:relative; clear:both;}
div.set + h1.set {margin-top:20px;}

li.loginFix {margin:-2px;}
div.sideFix {position:absolute; top:156px; left:0; width:100%;}

#set li.messages {position:absolute; width:100px; height:100px; bottom:0; left:60px; background:url(images/form/messages.png) no-repeat;}


/* Sibling UL's */

form #set ul li {margin-bottom:0;}
form #set ul li + li {margin-top:15px;}
form #set ul {padding: 0 0 15px 0;}

/* UL and body Lists */
ul.list {display:block; margin-left:15px; width:auto;}
ul.list li {display:block; padding-left:22px; background:url(images/bullet.gif) no-repeat; margin-bottom:10px; line-height:normal;}
ul.list ul {width:400px; padding-top:15px;}

ul.list li.one {background-image:url(images/one.gif);}
ul.list li.two {background-image:url(images/two.gif);}
ul.list li.three {background-image:url(images/three.gif);}
ul.list li.four {background-image:url(images/four.gif);}
ul.list li.five {background-image:url(images/five.gif);}
ul.list li.six {background-image:url(images/six.gif);}
ul.list li.seven {background-image:url(images/seven.gif);}
ul.list li.eight {background-image:url(images/eight.gif);}
ul.list li.nine {background-image:url(images/nine.gif);}


p.how {margin-top: 70px; padding-right:10px; border-right:#FFFF99 1px dotted; text-align:right; width:200px; display:block}
p:first-line {font-weight:900;}

div.sub h3 {padding:15px 0 5px 0; border-bottom:dotted #FFFF99 1px;}

.sideZip {width:30px;}

#jewelForm li.leftCol {width:48%;}
#jewelForm li.leftCol input, li.leftCol select {width:90px;}
#jewelForm li.rightCol {width:48%; position:absolute; left:50%; margin-top:-24px;}
#jewelForm li.rightCol label {width:100px;}
#jewelForm li.rightCol input, li.rightCol select {width:90px; left:110px;}

/* Short forms floating right */
div.short #set {background-image:url(images/form/short-set-bottom.png); width:316px;}
div.short h1.set {background-image:url(images/form/short-set-top.png); height:21px;}
div.short #set ul {width:316px; background-image:url(images/form/short-set-mid-tile.png);}
div.short #set li {width:216px; height:40px;}
div.short #jewelForm form {display:block; width:316px;}
div.short #jewelForm {width:316px; float:right;}
div.short #jewelForm label {display:block; width:216px; position:static; float:left; text-align:left; clear:both; left:auto; top:auto; font-weight:900;}
div.short #jewelForm select {display:block; width:216px; position:static; float:left; text-align:left; clear:both; left:auto; top:auto;}

/* Two Columns */

#itemdescription li {display:block; width:215px; float:left; padding-left:15px; background:url(images/bullet.gif) no-repeat 0 3px;}
#itemdescription {display:block; clear:both; margin-bottom:20px; padding-left:10px;}
#itemdescription label {color: #FFFFCC; padding-right:3px;}

/* Education Section */

#eduNav {margin:10px auto; width:549px;}
#eduNav a {display:block; width:183px; height:53px; background:no-repeat; float:left;}
#eduNav br {clear:both;}

#eduNav a.d {background-image:url(images/edu-diamonds.png)}
#eduNav a.d:hover, #diamonds #eduNav a.d {background-image:url(images/edu-diamonds-on.png)}
#eduNav a.a {background-image:url(images/edu-app.png)}
#eduNav a.a:hover, #appraisals #eduNav a.a {background-image:url(images/edu-app-on.png)}
#eduNav a.g {background-image:url(images/edu-gems.png)}
#eduNav a.g:hover, #gems #eduNav a.g {background-image:url(images/edu-gems-on.png)}

#eduDiamonds, #eduAppraisals, #eduGems {display:none;}

#diamonds #eduDiamonds {display:block;}
#appraisals #eduAppraisals {display:block;}
#gems #eduGems {display:block;}

/* Submit Buttons */
input.submit {border:none; padding:0; margin:0; width:590px; height:52px; background:no-repeat url(images/submit/submit.png);}
input.search {border:none; padding:0; margin:0; width:590px; height:52px; background:no-repeat url(images/submit/search.png);}
input.continue {border:none; padding:0; margin:0; width:590px; height:52px; background:no-repeat url(images/submit/continue.png);}
input.emailseller {border:none; padding:0; margin:0; width:590px; height:52px; background:no-repeat url(images/submit/email-seller.png);}
input.addproduct {border:none; padding:0; margin:0; width:590px; height:52px; background:no-repeat url(images/submit/add-product.png);}


/* Set/List fix */
#jewelForm #set ul.list li {padding-left:15px;}
#jewelForm #set ul li strong {font-weight:900; line-height:normal;}

.sideContent1 #item, .sideContent1 #price {width:104px;}
.sideContent1 #item.lengthen, .sideContent1 #price.lengthen {}

.sideContent1 select.selectWidth {width:150px; position:absolute; left:45px; top:0;}