@charset "utf-8";

#education-bar{float:left; width:215px; margin:0 0 0 10px}
#education-bar ul{padding:10px 0 10px 0}
#education-bar li{margin:0; padding:4px 0 4px 0; background:none; font-size:12px; font-weight:bold}
#education-bar ul ul{margin:4px 0 4px 0; padding:4px 0 1px 0; background:#fcfcfc; border-top:solid 1px #f7f7f7; border-bottom:solid 1px #f7f7f7}
#education-bar li a{padding:0 0 0 15px}
#education-bar ul ul li{padding:0 0 3px 0; font-size:11px; font-weight:normal}
#education-bar ul ul li a{padding:0 0 0 30px}
#education-bar .subs{background:url(../images/icons/down-arrow.gif) no-repeat 95% 6px}
#education-bar .subs strong{padding:0 0 0 20px; color:#6e32aa}

#education-sub{float:left; width:708px; background:url(../images/landing/education-subpage-bg.jpg) no-repeat}
#education-sub h1{padding:40px 0 15px 25px}
#education-sub hr{width:100%; height:1px; margin:7px 0 0 0; padding:0; color:#f6f6f6; background:#f6f6f6; border:none}
#education-sub .header{float:left; width:710px; height:18px; margin-left:-1px; margin-top:-1px; background:url(../images/landing/education-subpage-topper.jpg) no-repeat}
#education-sub #education-download .ul{background:url(../images/ul-education.gif)}
#education-sub #education-download .ur{background:url(../images/ur-education.gif)}
#education-sub .col{float:left; width:300px; margin:20px 25px 0 25px}
#education-sub .col h2{padding:5px 0 0 0}
#education-sub .col p{padding:10px 0 15px 0}
#education-sub .metal{height:210px}
#education-sub .image{float:left; margin:10px 5px 0 25px}
#education-sub .right{float:right; margin:10px 25px 10px 5px}
#education-sub .sub{padding:0 0 0 25px}
#education-sub h3{padding:15px 0 0 25px}

#education-home{float:left; width:708px; background:url(../images/landing/education-bg.jpg) no-repeat}
#education-home p{padding:10px 15px 0 25px}
#education-home h1{float:right; width:458px; height:79px; padding:0 0 55px 0; background:url(../images/landing/rokstoks-jewelry-education-handbooks.jpg) no-repeat; text-indent:-9999px}
#education-home hr{width:100%; height:1px; margin:7px 0 0 0; padding:0; color:#f6f6f6; background:#f6f6f6; border:none}
#education-home ul{padding:10px 0 0 0}
#education-home li{margin:5px 0 0 0; padding:0; background:none; list-style:url(../images/bullet.gif) inside; font-weight:bold}
#education-home .floated li{float:left; width:110px; margin:5px 45px 0 10px}
#education-home .header{float:left; width:710px; height:18px; margin-left:-1px; margin-top:-1px; background:url(../images/landing/education-topper.jpg) no-repeat}
#education-home .ul{background:url(../images/ul-education.gif)}
#education-home .ur{background:url(../images/ur-education.gif)}
#education-home .image{float:left; padding:10px 15px 40px 20px}
#education-home .short{float:left; margin:10px 15px 0 20px}
#education-home .col{float:left; width:48%}
#education-home .border{border-left:solid 1px #f6f6f6}

.full{width:92%}

.shape-nav{margin:20px 0 0 0}
.shape-nav li{float:left; margin:0 6px 0 0; padding:0; background:none}
.shape-nav li a{display:block; width:58px; height:74px; padding:5px 0 0 0; -moz-border-radius:6px; -webkit-border-radius:6px; border:solid 1px #f6f6f6; font-weight:bold; text-align:center}
.shape-nav img{margin:10px 0 0 0}
.shape-nav li a:hover{background:#edf9ff; text-decoration:none}

.mini-nav{margin:10px 0 10px 0}
.mini-nav li{float:left; margin:0 5px 0 0; padding:0; background:none}
.ratio{float:left; width:340px; margin:15px 15px 0 25px; padding:5px; border:1px solid #dddddd}
.ratio li{float:left; margin:0 5px 0 0; padding:0; background:none; font-weight:bold; text-align:center}
.ratio .diamond{padding:15px 0 0 0}
.ratio .diamond img{margin:0 0 10px 0}
.one-up .diamond{margin:0 0 10px 65px}

#diamond-proportions{float:left; width:348px; margin:20px 5px 0 25px}
#diamond-proportions img{margin:0}
#diamond-proportions h3{padding:20px 0 0 0}
.proportions-list{float:left; width:270px; height:170px; margin:40px 0 0 0}
.proportions-list li{margin:0 0 15px 0; padding:0; background:none}
.proportions-list strong{font-size:12px}
#diamond-parts{float:left; width:357px; margin:20px 5px 0 25px}
#diamond-parts img{margin:10px 0}
#diamond-parts h3{padding:20px 0 0 0}
.parts-list{float:left; width:270px; height:305px; margin:30px 0 0 0}
.parts-list li{margin:0 0 15px 0; padding:0; background:none}
.parts-list strong{font-size:12px}
#diamond-polish{float:left; width:357px; margin:20px 30px 20px 25px}
#diamond-polish img{margin:0}
#diamond-polish h3{padding:20px 0 0 0}

#color-grades{float:left; width:225px; margin:20px 10px 0 25px}
#color-grades img{float:left; margin:20px}
#color-grades h3{padding:20px 0 0 0}
#color-grades p{padding:0 0 20px 0}
#color-grades form{margin:0}
#color-grades select{width:auto; height:auto; padding:0; font-size:11px; font-weight:normal; color:#929292}
.scale{float:left; margin:20px 20px 0 0}
.color-list{float:left; width:310px; height:305px; margin:20px 0 0 0}
.color-list li{margin:0 0 15px 0; padding:0; background:none}
.color-list strong{font-size:12px}

#clarity-grades{float:left; width:250px; margin:0 10px 0 25px}
#clarity-grades img{float:left; margin:20px}
#clarity-grades h3{padding:20px 0 0 0}
#clarity-grades p{padding:0 0 20px 0}
#clarity-grades form{margin:0}
#clarity-grades select{width:auto; height:auto; padding:0; font-size:11px; font-weight:normal; color:#929292}
.clarity-list{float:left; width:350px; height:290px; margin:10px 0 0 0}
.clarity-list li{margin:0 0 15px 0; padding:0; background:none}
.clarity-list strong{font-size:12px}

#carat-weights{float:left; width:270px; margin:20px 0 0 25px}
#carat-weights img{margin:0 0 20px 0}
#carat-weights form{margin:0; text-align:center}
#carat-weights label{margin:0 auto; text-align:center}
#carat-weights select{width:auto; height:auto; margin:5px 0 20px 100px; padding:2px; font-size:11px; font-weight:normal; color:#929292}
.accepted-groups{float:left; width:250px; margin:15px 0 0 40px}
.accepted-groups td{padding:3px}
.accepted-groups strong{margin:0 0 0 10px}
.accepted-groups h2{padding:0 0 5px 0; font-size:16px}
.accepted-groups .alt{background:#f6f6f6}

.certifications li{margin:10px 0 0 15px}
#cert-nav{float:right; width:220px; margin:20px 20px 20px 20px; background:#ffffff; text-align:center}
#cert-nav img{margin:5px 0 0 0; border:solid 1px #f6f6f6}
#cert-nav ul{padding:10px 0 10px 20px}
#cert-nav li{margin:0; text-align:left}

.button{margin:10px 0 0 0}

.metal-comparison{width:660px; margin:10px 0 0 25px; border:solid 1px #f6f6f6}
.metal-comparison img{border:solid 1px #f6f6f6}
.metal-comparison td{padding:10px; text-align:center}
.metal-comparison td p{padding:5px 0 0 0}
.metal-comparison td ul{padding:5px 0 0 0}
.metal-comparison td li{margin:0; padding:0; background:none}
.metal-comparison .top td{font-size:13px; font-weight:bold}
.metal-comparison .alt td{background:#f6f6f6}

.fourc{padding:0}
.fourc p{padding:0 25px 0 25px}
.fourc li{padding:0; margin:0; background:none}
.fourc img{margin:10px 0 0 0}

.diamond-sizes{padding:10px 0 0 30px}
.diamond-sizes li{float:left; padding:5px 25px 5px 25px; margin:0; background:none; border-right:solid 1px #f6f6f6; text-align:center}
.diamond-sizes .last{border:none}

.finger-chart{width:400px; margin:5px 0 0 25px}
.finger-chart td{padding:3px 10px 3px 10px}
.finger-chart .top td{font-size:13px; font-weight:bold}
.finger-chart .alt td{background:#f6f6f6}

.link-list{padding:10px 0 0 25px}
.link-list li{margin:3px 0 0 5px}