@charset "iso-8859-1";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }
th { font-weight: bold; }
ol,ul {	list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
.error { color: red; }
body { background-color: #FFF; }
h1 { margin: 5px 10px; color: #4E4E4E; font-size: 20px; font-weight: bold; line-height: normal; width: 100%; }
h3, h4 { font-size: 11px; font-weight: bold; white-space: nowrap; }
h4.second { margin-top: 10px; }
h5 { font-size: 8px; }
a { color: #06C; }
a:visited { color: #A2427C; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.topSpacer { margin-top: 10px !important; }
.bottomSpacer { margin-bottom: 10px !important; }
.leftSpacer { margin-left: 10px !important; }
.rightSpacer { margin-right: 10px !important; }
.showBlockOnPrint,
.showInlineOnPrint { display: none; }
.lightbox { background-color: #000; }
.absoluteLightBoxPopUp { z-index: 3005; float: left; top: 20px; left: 50%; background-color: #FFF; position: absolute; }

.sres .certificateImagePopUp { top: 30%; }
.dtl .certificateImagePopUp { top: 200px; }
div#iframeWrapper { float: left; padding: 0 0 10px; width: 645px; }
div#iframeWrapper hr { margin: 10px 0 0; clear: both; float: left; width: 100%; height: 5px; background-color: #B0B0B0; color: #B0B0B0; border: 0; }
div#iframeWrapper div.topAction { float: right; margin-right: 10px; }
div#iframeWrapper div#pageContent { padding: 0 10px; }
div#iframeWrapper div#infoMessages,
div#iframeWrapper div#errorMessages { width: 100%; float: left; clear: both; margin: 0 0 10px; }
p.subText { font-size: 10px; margin: 0 10px; float: left; width: 400px; }
div.certificateImageContainer { width: 600px; position: absolute; left: -315px; background: #FFF; float: left; padding: 10px; border: 3px solid #666; }
div.certificateImageContainer p.close { width: 100%; text-align: right; margin-bottom: 10px; float: left; }
div.certificateImageContainer div.certificateImage { text-align: center; width: 100%; }
div.certificateImageContainer div.certificateImage img { margin-top: 15px; max-height: 480px; max-width: 590px; }
div.poweredByPolygon { float: left; text-align: right; width: 100%; clear: both; margin-top: 5px; left: 5px; position: relative; }

div.customMsg { background-color: #FFF; border: 1px solid #666; clear: both; float: left; margin: 10px 0 0; width: 100%; }
div.customMsg p { padding: 10px; font-size: 12px; float: left; clear: both; }
div#detailsMsg { margin: 0 0 1px; }

div.customizableButton { float: left; }
div.customizableButton a { white-space: nowrap; text-decoration: none; padding: 5px; background-color: #334D6F; border: 1px solid #FFF; float: left; color: #FFF; font-weight: bold; font-size: 12px; }

div.pageHeader { float: left; clear: both; padding: 1px; border: 1px solid #666; border-bottom: 1px dotted #666; background-color: #FFF; width: 623px; }
div.pageHeader div.innerContent { float: left; width: 621px; border: 1px solid #666; background-color: #2971A9; }
div.pageHeader h2 { float: left; font: bold 14px Arial, sans-serif; color: #FFF; padding: 5px 10px; }
div.pageHeader div.buttons { position: relative; top: -6px; left: 3px; float: right; }

div#greyBox { float: left; height: auto; width: 100%; position: absolute; top: 0; left: 0; background: #CCC; filter: alpha(opacity=50);	-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
div#mainImage,
div#certImage { float: left; position: absolute; top: 0; left: 0; border: 1px solid #000; z-index: 1000; width: 600px; text-align: center; background-color: #FFF; padding: 40px 5px 20px; }
div#mainImage table,
div#mainImage tbody,
div#mainImage tr,
div#certImage table,
div#certImage tbody,
div#certImage tr { height: 100%; width: 100%; }
div#mainImage table td,
div#certImage table td { height: 100%; width: 100%; padding: 0; background: none; text-align: center; vertical-align: middle; }
div#mainImage img#close,
div#certImage img#close { float: left; margin: 7px 0 0 -36px; position: absolute; top: 0; left: 100%; cursor: pointer; z-index: 1000; }
div#mainImage img#image,
div#certImage img#image { max-width: 590px; max-height: 800px; }
#counterContainer { float: left; margin: -20px 0 0 10px; }
#counter { position: relative; background: url(/cgi/en/img/ip/counterBck.png) no-repeat left top; font-weight: bold; height: 24px; float: left; margin: 0 0 10px; padding: 9px 0 0 5px; width: 296px; }
a#dComp { float: right; }
a.btnGrey { text-transform: uppercase; background-color: #FFF; border: 1px solid #000; float: left; margin: 10px 0 0 0; padding: 1px; font: 10px Silkscreen, Arial, Helvetica, sans-serif; text-decoration: none; color: #000; white-space: nowrap; }
a.btnGrey:visited { color: #000; }
a.btnGrey strong { cursor: pointer; background-color: #C0C0C0; float: left; padding: 2px 5px 0 5px; font-weight: normal; }
a.btnGrey strong span { font-weight: bold; }
#counter input { background: #FFF; border: 0; color: #2971A9; font-size: 14px; font-weight: bold; text-align: center; position: absolute; top: 9px; left: 224px; width: 60px; }
div.helpTab { width: 625px; float: left; clear: both; }
a.help { position: relative; top: -1px; left: 2px; padding: 5px; border: 1px solid #4E6788; background-color: #334D6F; font-size: 11px; text-decoration: none; color: #FFF; float: right; clear: both; margin-left: 5px; }
a.help:visited { color: #FFF; }
a.help span { float: left; cursor: pointer; }
a.help img { float: left; cursor: pointer; margin-left: 4px; }
div#shapeCrit { margin-top: 0; }
div.searchCrit { border: 1px solid #666; background-color: #FFF; padding: 1px; clear: left; float: left; margin: 5px 0 0; width: 623px; position: relative; }
div.searchCritBody { background-color: #EDEDED; float: left; padding: 2px 0 5px 0; width: 623px; }
div.searchCritBody h3 { color: #000; float: left; margin-left: 4px; }
a.about { float: right; font: 8px Silkscreen, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; padding: 1px 0 0; text-align: center; position: relative; left: 2px; top: -5px; }
div.shapes { border-top: 1px solid #666; clear: left; float: left; margin-top: 2px; width: 623px; }
div.shape { background-color: #FFF; border-right: 1px solid #666; float: left; height: auto; width: 56px; padding-top: 3px; text-align: center; font: 9px Silkscreen, Arial, Helvetica, sans-serif; }
div.shape.selected { background: #FFF url(/cgi/en/img/ip/shapeBck.gif) repeat-x left bottom; }
div.shape.first { width: 55px; }
div.shape.last { border: 0; width: 54px; }
div.shape input { margin: 0 15px 0 15px; }
div.limitedShapesMsg { text-align: center; margin-top: 25px; }
div.container { clear: left; float: left; width: 100%; }
div.value { background: url(/cgi/en/img/ip/slider-value-bg.png) no-repeat left top; float: left; margin: 3px 0 0; height: 35px; width: 65px; }
div.value input { background-color: #FFF; border: 0; color: #000; font-size: 12px; margin: 10px 0 0 10px; width: 45px; text-align: center; }
div.slider { background: url(/cgi/en/img/ip/colorSliderBck.png) no-repeat -7px 5px; float: left; position: relative; height: 38px; width: 493px; }
div.slider.clarity { background: url(/cgi/en/img/ip/claritySliderBck.png) no-repeat -8px 5px; }
div.slider.cutGrade { background: url(/cgi/en/img/ip/cutGradeSliderBck.png) no-repeat 0px 5px; }
div.slider.cutGradeRes { background: url(/cgi/en/img/ip/resCutGradeSliderBck.png) no-repeat 0px 6px; height: 26px; }
div.sliderArea { cursor: default; float: left; margin-top: 3px; height: 35px; width: 100%; }
a.sliderLeft,
a.sliderRight { cursor: pointer !important; float: left; width: 7px; position: absolute; height: 100%; }
a.sliderLeft { background: url(/cgi/en/img/ip/sliderLeft.gif) no-repeat scroll 0 0; cursor: default; }
a.sliderRight { background: url(/cgi/en/img/ip/sliderRight.gif) no-repeat scroll 0 0; cursor: default; }
a.sliderData { color: #000; cursor: pointer !important; float: left; font-size: 8px; text-align: center; text-decoration: none; height: 35px; vertical-align: middle; position: absolute; z-index: 0; }
a.sliderData.outOfScope { margin-top: 2px; background-color: #B0B0B0; filter: alpha(opacity=30); opacity: 0.3;   }
div.sliderResBck a.sliderData.outOfScope { top: 5px; height: 18px; }
a.sliderData.colorlessColorRangeSelector { left: 20px; top: 24px; height: 8px; width: 48px; z-index: 0; }
a.sliderData.nearColorlessColorRangeSelector { left: 78px; top: 24px; height: 8px; width: 72px; z-index: 0; }
a.sliderData.noticeableColorColorRangeSelector { left: 270px; top: 24px; height: 8px; width: 82px; z-index: 0; }
div.searchCrit.clarity a.sliderData { padding: 19px 0 0; height: 16px; }
div.clarityCategories { clear: both; background-color: #EDEDED; width: 100%; text-align: center; background: url(/cgi/${locale}/img/ip/clarityBottomBck2.gif) no-repeat 74px 0; height: 53px; width: 600px; }
div.clarityCategories img.clarityCats { position: absolute; left: 1px; top: 55px; }
.yui-h-slider { background: url(/cgi/en/img/ip/sliderBck.png) no-repeat 0 5px; float: left; height: 36px; width: 493px; position: relative; }
.yui-h-slider .yui-slider-thumb { z-index: 500; position: absolute; margin-top: 3px; }
div.yui-h-slider div.outOfScope { height: 30px; top: 5px; width: 0; position: relative; background-color: #B0B0B0; opacity: 0.3; filter: alpha(opacity=30); }
div#priceSlider div#price_oos_left { float: left; }
div#priceSlider div#price_oos_right { float: right; }
div#caratSlider div#carat_oos_left { float: left; }
div#caratSlider div#carat_oos_right { float: right; }
div.searchCrit.clarity a.sliderData.flawlessClarityRangeSelector { height: 30px; left: 22px; top: 38px; width: 50px; z-index: 100; display: block; }
div.searchCrit.clarity a.sliderData.internallyFlawlessClarityRangeSelector { height: 30px; left: 82px; top: 38px; width: 56px; }
div.searchCrit.clarity a.sliderData.veryVerySmallInclusionsClarityRangeSelector { height: 30px; left: 152px; top: 38px; width: 82px; }
div.searchCrit.clarity a.sliderData.verySmallInclusionsClarityRangeSelector { height: 30px; left: 250px; top: 38px; width: 60px; }
div.searchCrit.clarity a.sliderData.smallInclusionsClarityRangeSelector { height: 30px; left: 330px; top: 38px; width: 55px; }
div.searchCrit.clarity a.sliderData.eyeVisibleClarityRangeSelector { height: 30px; left: 420px; top: 38px; width: 38px; }
div.sres div.yui-h-slider div.outOfScope { height: 13px; top: 9px; }
div.searchCrit.advanced { background: #FFF url(/cgi/en/img/ip/advancedBck.gif) repeat-x 1px 16px; margin-top: 0; border-top: 0; padding: 0; width: 625px; }
div.searchCrit.advanced p input.minmax { font-size: 10px; width: 40px; }
div.searchCrit.advanced h4 { clear: left; float: left; margin-bottom: 5px; }
a.hideAdvanced,
a.showAdvanced { background: url(/cgi/en/img/ip/hideAdvanced.png) no-repeat left top; float: left; height: 14px; width: 145px; font-size: 9px; text-decoration: none; color: #000; padding: 4px 0 0 25px; margin: -1px 0 0 -1px; }
a.showAdvanced { background: url(/cgi/en/img/ip/showAdvanced.png) no-repeat left top; }
a.hideAdvanced:visited, a.showAdvanced:visited { color: #000; }
div.advancedBox { float: left; border-right: 1px solid #666; padding: 5px; height: 140px; overflow: auto; overflow-x: hidden; width: 93px; }
div.advancedBox p { clear: left; float: left; font-size: 10px; margin: 4px 0 0; width: 100%; }
div.advancedBox p input,
div.advancedBox p label { float: left; margin-right: 4px; }
div#depth, div#ratio { background: url(/cgi/en/img/ip/advancedBck.gif) repeat-x left 70px; }
div#depth p label, div#ratio p label { width: 25px; }
div#fluo { overflow: hidden; }
input.stock { width: 75px; }
div#lab { width: 95px; border-right: 0; overflow-x: hidden; overflow-y: scroll; }
div#lab p label { width: 45px; }
div.searchBar { clear: left; float: left; border-top: 1px solid #666; width: 623px; padding: 1px; }
div.searchBarBg { background: #FFF url(/cgi/en/img/ip/searchBarBck.gif) repeat-x left bottom; float: left; text-align: right; width: 621px; padding: 2px 2px 2px 0; }
div#btnSearch { float: right; }

div.educationalQuickLinks { clear: both; }
div#expert { z-index: 1; position: relative; float: left; background: url(/cgi/en/img/ip/expertBck.png) no-repeat left top; height: 73px; width: 627px; clear: both; margin-top: 5px; }
div#expert h5 { float: left; margin: 2px 0 0 5px; font-weight: bold; font-size: 9px; }
div#expert ul.first { margin-left: 180px; clear: left; }
div#expert ul.last { margin-left: 30px; }
div#expert ul.last li { width: 80px; }
div#expert ul { list-style: none; float: left; margin: 7px 0 0 0; }
div#expert ul li { background: url(/cgi/en/img/ip/bullet.gif) no-repeat left 6px; width: 100px; padding: 0 0 0 7px; }
div#expert ul li a { font-size: 10px; color: #000; text-decoration: none; }

div#primaryCrit { margin-top: 0; }
div#resultsContent { float: left; }
div#resultsContent div#errorMessages { margin-top: 10px; }
div.searchCritBody.res { background: #EDEDED url(/cgi/en/img/ip/resultsBck.gif) repeat-x left bottom; padding: 0;}
div.searchCritBody.res .container { border-right: 1px solid #666; margin-right: 1px; padding: 0 1px 10px 0; width: 310px; }
div.shapesRes { clear: left; float: left; width: 623px; }
div.shapesRes div.shape { border: 1px solid #666; margin: 3px 0 3px 3px; width: 51px; height: 59px; }
div.shapesRes div.shape.first { margin-left: 5px; }
div.shapesRes div.shape div.imgHolder { height: 30px; }
div.valueLeft, div.valueRight { background: transparent url(/cgi/en/img/ip/valuesBck.gif) no-repeat left top; float: left; margin: 5px; height: 15px; width: 56px; }
div.valueRight { float: right; }
div.valueLeft input,
div.valueRight input { background-color: #FFF; border: 0; color: #000; float: left; font-size: 10px; margin: 1px 0 0 5px; width: 45px; text-align: center; }
div.searchCritBody.res h3 { margin: 5px 0 5px 30px; text-align: center; width: 100px; }
div.sliderResBck { background: url(/cgi/en/img/ip/sliderResBck.gif) repeat-x left 3px; float: left; height: 26px; width: 300px; padding: 5px 5px 0; position: relative; }
div.sliderResBck .yui-h-slider { margin-top: -5px; background: url(/cgi/en/img/ip/resSlidersBck.png) no-repeat left center; height: 26px; width: 300px; filter: alpha(opacity=100); }
div.sliderResBck .yui-h-slider .yui-slider-thumb { margin-top: 1px; }
div.sliderResBck .slider.color { margin-top: -8px; background: url(/cgi/en/img/ip/resColorSliderBck.png) no-repeat 3px 7px; height: 26px; width: 300px; }
div.sliderResBck .slider.clarity { margin-top: -8px; background: url(/cgi/en/img/ip/resClaritySliderBck.png) no-repeat 3px 7px; height: 26px; width: 300px; }
div.sliderResBck div.sliderArea { margin: 0; height: 26px; width: 100%; }
div.sliderResBck a.sliderData { height: 26px; }
div.sliderResBck a.sliderLeft, div.sliderResBck a.sliderRight { margin-top: 4px; width: 11px; height: 26px; }
div.sliderResBck a.sliderLeft { background: transparent url(/cgi/en/img/ip/resSliderLeft.gif) no-repeat scroll 0 0; }
div.sliderResBck a.sliderRight { background: transparent url(/cgi/en/img/ip/resSliderRight.gif) no-repeat scroll 0 0; }
div#results { background-color: #FFF; position: relative; z-index: 100; float: left; font-size: 12px; margin: 10px 0 5px 0; width: 625px; border: 1px solid #666; }
div#results div.resultsTableContainer { float: left; clear: both; width: 100%; }
div#results div.resultsHeader { float: left; clear: both; width: 100%; }
div#results div.resultsFooter { float: left; clear: both; width: 100%; }
div#results strong.res { float: left; font-size: 14px;  margin: 5px; }
div#results table tr td.first { text-align: left; }
div#results table tr td.first img { float: left; margin: 1px 3px 0 2px; }
div.searchBar span.note, div#results span.note { float: left; margin: 5px; font-size: 10px; }
div#results div.pagination,
div#resultsHeader div.pagination { float: right; font-size: 11px; margin: 5px; }
div#resultsHeader div.pagination { clear: both; margin: -20px 5px 0 0; }
div#results div.pagination a,
div#resultsHeader div.pagination a { margin: 0 2px; }
div#results div.pagination a:visited,
div#resultsHeader div.pagination a:visited { color: #06C; }
div#results div.pagination a.selected,
div#resultsHeader div.pagination a.selected { text-decoration: none; }
div#results table { float: left; clear: left; width: 100%; border-collapse: collapse; }
div#results table tr th, div#results table tr td { padding: 2px; }
div#results table tr th { color: #FFF; border-right: 1px solid #8EA7C7; border-top: 1px solid #4E6788; border-bottom: 1px solid #4E6788; text-align: center; }
div#results table tr.even td { background-color: #EDEDED; }
div#results table tr td { border-bottom: 1px solid #C0C0C0; text-align: center; }
div#results table tr td.extraInfo { border: 0 !important; position: absolute; left: 0; top: 0; background-color: #FFF; width: 0; text-align: left; padding: 0; }
div#results table tr.over td, .over { background-color: #C4D8E8; }
div#results table tr th a { color: #FFF; font-size: 11px; }
div#results table tr th.compare div { float: left; }
div#results table tr th.compare a { color: #000; font-size: 9px; margin: 0 2px; }
div#results table tr th.compare a strong { white-space: nowrap; }
div#results table tr th.compare a span { color: #000; font-size: 10px; }
div#results table tr th.remove { width: 70px; }
div#results table tr th.remove a { color: #000; font-size: 8px; text-align: center; text-decoration: none; margin: 0 0 0 10px; }
img.arrow { margin-left: 3px; }
a.view { text-decoration: none; background: url(/cgi/en/img/ip/view.png) no-repeat left top; height: 15px; width: 47px; float: right; }
a:hover.view { background: url(/cgi/en/img/ip/view.png) no-repeat left bottom; }
div.extraInfo { width: 190px; position: absolute; left: 329px; background: transparent; display: none; z-index: 1000; }
div.extraInfo img.upArrow { float: right; position: relative; top: 1px; right: 20px; }
div.extraInfo div.extraInfoBox { padding: 1px; float: left; width: 190px; border: 1px solid #666; background: #FFF; }
div.extraInfo h4 { margin: 0; padding: 0 0 0 5px; }
div.extraInfo p { width: 179px; white-space: normal; float: left; font-size: 10px; line-height: 16px; border-bottom: 1px dotted #666; margin: 0 5px 1px; padding: 0 0 2px; }
div.extraInfo p.last { border-bottom: 0;  }
div.extraInfo p span.label { float: left; width: 65px; }
div.extraInfo p span.value { float: left; width: 114px; }
div.extraInfo p span.longValue { float: left;  text-align: right; }

div#iframeWrapper.cres div#resultsContent { margin-top: 10px; }
div#iframeWrapper.cres img.noResults { padding-top: 15px; }
div#results.cres { margin-top: 0; border-top: 0; }
div#results.cres table tr td { white-space: nowrap; }

div.detailsBox { margin-top: 15px; position: relative; clear: left; float: left; width: 627px; }
div.detailsBox div.customMsg { width: 603px; }
div.detailsBox div.detailsContent { background-color: #FFF; width: 605px; float: left; padding: 10px; border: 1px solid #666; border-top: 0; }
div.detailsBox div.detailsContent div.top { width: 100%; clear: both; float: left; }
div.detailsBox div.detailsContent div.bottom { margin-top: 10px; width: 100%; clear: both; float: left; }
div.detailsBox div.detailsContent div.left { width: 295px; float: left; }
div.detailsBox div.detailsContent div.right { float: left; }
div.detailsBox div.detailsContent div.basicDetails { float: left; width: 295px; }
div.detailsBox div.detailsContent div.basicDetails p { margin: 10px 0; width: 275px; float: left; }
div.detailsBox div.detailsContent div.basicDetails div.attribute { float: left; width: 275px; font-size: 12px; margin: 0 0 5px; clear: both; }
div.detailsBox div.detailsContent div.basicDetails div.attribute label { float: left; width: 100px; font-weight: bold; }
div.detailsBox div.detailsContent div.basicDetails div.attribute span { float: left; font-weight: bold; }
div.detailsBox div.detailsContent div.basicDetails div.attribute span a span { text-decoration: underline; cursor: pointer; }
div.detailsBox div.detailsContent div.basicDetails div.attribute span.icon { float: none; }
div.detailsBox div.detailsContent div.basicDetails div.attribute span.certificateLink { font-size: 8px; text-transform: uppercase; float: none; font-weight: normal; }
div.detailsBox div.detailsContent div.basicDetails div.attribute.totalPrice { margin-bottom: 10px; font-size: 13px; }
div.detailsBox div.detailsContent div.basicDetails div.attribute.totalPrice span { color: #2971A9; }
div.detailsBox div.detailsContent div.basicDetails div.actions { width: 285px; float: left; }
div.detailsBox div.detailsContent div.basicDetails div.actions div { margin: 5px 0; float: left; font-size: 8px; text-transform: uppercase; }
div.detailsBox div.detailsContent div.basicDetails div.actions div#addToCompareTool { margin: 0 5px 0 0; }
div.detailsBox div.detailsContent div.basicDetails div.actions div#addToCompareTool a { font-size: 9px; margin: 0; }
div.detailsBox div.detailsContent div.basicDetails div.actions div#btnBuy { clear: both; margin: 10px 0; }
div.detailsBox div.detailsContent div.additionalDetails { width: 290px; clear: both; float: left; background-color: #FFF; padding: 1px; border: 1px solid #666; }
div.detailsBox div.detailsContent div.additionalDetails p { font-size: 11px; clear: both; margin: 10px; }
div.detailsBox div.detailsContent div.additionalDetails div.innerContent { background-color: #EDEDED; float: left; width: 100%; }
div.detailsBox div.detailsContent div.additionalDetails div.attribute { border-bottom: 1px dotted #000; font-size: 11px; float: left; clear: both; width: 290px; margin: 5px 0 0; }
div.detailsBox div.detailsContent div.additionalDetails div.attribute.bottom { border: 0; }
div.detailsBox div.detailsContent div.additionalDetails div.attribute label { color: #333; margin-left: 7px; font-weight: bold; width: 140px; float: left; }
div.detailsBox div.detailsContent div.additionalDetails div.attribute.long label { width: 270px; }
div.detailsBox div.detailsContent div.additionalDetails div.attribute span { font-weight: bold; width: 140px; float: left; }
div.detailsBox div.detailsContent div.additionalDetails div.colorBox { margin: 5px 0 0 3px; clear: both; float: left; width: 283px; height: 18px; background: transparent url(/cgi/en/img/ip/color-grade-range.png) no-repeat left top; }
div.detailsBox div.detailsContent div.additionalDetails div.colorBox div.selectedColor { overflow: hidden; position: relative; top: -3px; width: 50px; height: 22px; }
div.detailsBox div.detailsContent div.additionalDetails div.colorBox div.selectedColor div.selectedColorBorder { width: 6px; height: 22px; float: left; background: transparent url(/cgi/en/img/ip/static-slider-selected-bar.png) no-repeat left top; }
div.detailsBox div.detailsContent div.additionalDetails div.colorBox div.selectedColor div.selectedColorValue { font-size: 12px; padding: 5px 4px 0; height: 17px; float: left; background: transparent url(/cgi/en/img/ip/static-slider-selected-bg.png) repeat-x left top; }
div.detailsBox div.detailsContent div.additionalDetails div.colorIndicator { margin: 0 0 0 3px; border: 1px solid #97A6B2; border-top: 0; width: 281px; clear: both; height: 10px; background: url(/cgi/en/img/ip/color-indicator-bg.gif) repeat-y left top; }
div.detailsBox div.detailsContent div.additionalDetails div.clarityBox { clear: both; float: left; width: 283px; margin: 5px 0 5px 3px; height: 18px; background: transparent url(/cgi/en/img/ip/clarity-grade-range.png) no-repeat left top; }
div.detailsBox div.detailsContent div.additionalDetails div.clarityBox div.selectedClarity { overflow: hidden; position: relative; top: -3px; width: 50px; height: 22px; }
div.detailsBox div.detailsContent div.additionalDetails div.clarityBox div.selectedClarity div.selectedClarityBorder { width: 6px; height: 22px; float: left; background: transparent url(/cgi/en/img/ip/static-slider-selected-bar.png) no-repeat left top; }
div.detailsBox div.detailsContent div.additionalDetails div.clarityBox div.selectedClarity div.selectedClarityValue { font-size: 11px; padding: 5px 0 0; height: 17px; float: left; background: transparent url(/cgi/en/img/ip/static-slider-selected-bg.png) repeat-x left top; }
div.detailsBox div.detailsContent div.additionalDetails div.gradeBorder { float: left; background: url(/cgi/en/img/ip/slider-border.gif) no-repeat left top; width: 1px; height: 15px; }
div.detailsBox div.detailsContent div.productImageSection { width: 310px; }
div.detailsBox div.detailsContent div.productImageSection div.imageLeftSection { float: left; }
div.detailsBox div.detailsContent div.productImageSection div.imageLeftSection div.arrowContainer { margin: 0 5px; float: Left; width: 7px; }
div.detailsBox div.detailsContent div.productImageSection div.imageLeftSection div.arrowContainer div { margin-bottom: 6px; height: 47px; }
div.detailsBox div.detailsContent div.productImageSection div.imageLeftSection div.arrowContainer div img { margin-top: 20px; }
div.detailsBox div.detailsContent div.productImageSection div.imageLeftSection div.navImages { margin-left: 7px; float: left; clear: left; }
div.detailsBox div.detailsContent div.productImageSection div.imageLeftSection div.navImage { margin: 2px 0; clear: left; float: left; border: 1px solid #666; width: 47px; height: 47px; }
div.detailsBox div.detailsContent div.productImageSection div.imageLeftSection div.navImage.top { margin: 0 0 4px; }
div.detailsBox div.detailsContent div.productImageSection div.imageLeftSection div.navImage a { outline: none; width: 47px; height: 47px; float: left; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection { padding: 1px; position: relative; border: 1px solid #666; width: 233px; height: 201px; float: left; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection img { position: absolute; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection div#topValues { position: relative; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection div#sideValues { position: relative; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection span { clear: both; float: left; position: absolute; font-size: 9px; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection span#lengthValue { top: 90px; left: 0; text-align: right; width: 55px; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection span#widthValue { top: 179px; left: 137px; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection span#depthPctValue { top: 121px; left: 16px; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection span#depthValue { top: 130px; left: 177px; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection span#tablePctValue { top: 12px; left: 125px; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection span#girdleThicknessValue { top: 151px; left: 10px; width: 65px; }
div.detailsBox div.detailsContent div.productImageSection div.imageRightSection span#culetSizeValue { top: 171px; left: 172px; }
div.detailsBox div.formContainer { margin-left: 10px; clear: both; float: left; width: 300px; }
div.detailsBox div.formNavigation { background-color: #C0C0C0; }
div.detailsBox div.formNavigation span { display: block; padding: 5px; font-weight: bold; }
div.detailsBox div.formNavigation a { outline: none; width: 137px; text-align: center; font-weight: bold; color: #FFF; float: left; padding: 5px; background-color: #334D6F; border: 1px solid #4E6788; margin: 2px 0 1px; }
div.detailsBox div.formNavigation a.first { margin-right: 2px; }
div.detailsBox div.formNavigation .selected { background-color: #C4D8E8; color:#000; border-bottom: 0; text-decoration: none; height: 18px; position: relative; top: 2px; margin: 0; }
div.detailsBox div.formContent { clear: both; float: left; border: 1px solid #666; }
div.detailsBox div.formContent div.detailsForms { float: left; clear: both; }
div.detailsBox div.formContent div.submitButtonContainer { float: left; clear: both; width: 100%; }
div.detailsBox div.formContent div.customizableButton { margin-top: 5px; float: right; clear: both; }
div.detailsBox div.formContent span.requiredStar { font-weight: bold; color: #900; }
div.detailsBox div.formContent div.requiredNote { float: left; clear: both; width: 100%; text-align: right; font-size: 11px; }
div.detailsBox div.formContent div.fieldContainer { float: left; clear: both; width: 100%; }
div.detailsBox div.formContent div.productInfo { background-color: #C4D8E8; padding: 5px 3px; clear: both; float: left; width: 292px; font-size: 11px; }
div.detailsBox div.formContent div.productInfo label { float: left; clear: left; width: 100px; color: #666; font-weight: bold; }
div.detailsBox div.formContent div.productInfo span { float: left; clear: right; font-weight: bold; }
div.detailsBox div#requestForInfo { width: 298px; float: left; clear: both; padding: 10px 0; }
div.detailsBox div#requestForInfo div.requestForInfoForm { float: left; clear: both; width: 290px; padding: 0 4px; font-size: 11px; }
div.detailsBox div#requestForInfo div.requestForInfoForm p { width: 290px; clear: both; float: left; border-top: #C0C0C0; padding: 2px 0; }
div.detailsBox div#requestForInfo div.requestForInfoForm p span.label { float: left; font-weight: bold; }
div.detailsBox div#requestForInfo div.requestForInfoForm p input { width: 190px; float: right; }
div.detailsBox div#requestForInfo div.requestForInfoForm p textarea { float: right; width: 190px; height: 140px; }
div.detailsBox div#requestForInfo p.customMsg { border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; background-color: #EAF0F8; }
div.detailsBox div#emailToAFriend { width: 290px; padding: 10px 4px; clear: both; float: left; }
div.detailsBox div#emailToAFriend p { padding: 2px 0; width: 100%; clear: both; float: left; }
div.detailsBox div#emailToAFriend p span.label { font-weight: bold; float: left; }
div.detailsBox div#emailToAFriend p input { width: 190px; float: right; }
div.detailsBox div#emailToAFriend p textarea { width: 190px; height: 140px; float: right; }
div.detailsBox div#emailToAFriend div.errorMessages { margin-bottom: 15px; }
div#rfiConfirmation p { margin: 0 !important; padding: 5px 10px; width: 278px; float: left; }
div#rfiConfirmation p.title { font-weight: bold; background-color: #C4D8E8; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
div#rfiConfirmation p.productInfo { border-bottom: 1px dotted #C0C0C0; }
div#rfiConfirmation p.comment { margin: 0 0 10px; padding: 0 10px 5px; width: 277px; }
div#rfiConfirmation p label { font-weight: bold; width: 150px; float: left; }
div#rfiConfirmation p span { font-weight: bold; float: left; }
a.btnPrint { margin: 3px 0 0; background: url(/cgi/en/img/ip/btn-print-page.png) no-repeat left top; padding: 3px 0 0 23px; float: left; width: 86px; height: 13px; }
a.btnCompare strong { padding-left: 20px; background: #C0C0C0 url(/cgi/en/img/ip/checkbox.png) no-repeat 5px 3px; }

div#educationalPopUpContainer { z-index: 3005; position: absolute; left: 50%; }
div#educationalPopUpContent { float: left; width: 100%; }
div#educationalPopUp { position: absolute; left: -305px; padding: 10px; border: 3px solid #666; background: #F1F1F1 url(/cgi/en/img/ip/educational-popup-bg.jpg) no-repeat left top; margin: 70px 0 10px; width: 580px; float: left; }
div#educationalPopUp a { color: #3683BF; }
div#educationalPopUp div.headingBox { width: 100%; text-align: center; }
div#educationalPopUp div.headingBox img#educationalHeading { margin: 10px 0; }
div#educationalPopUp div.contentBox { padding-bottom: 10px; float: left; width: 100%; clear: both; }
div#educationalPopUp div.subContentBox { float: left; width: 100%; clear: both; }
div#educationalPopUp div#educationalNav { margin-left: 3px; float: left; clear: both; width: 579px; }
div#educationalPopUp div#educationalContent { margin-left: 3px; width: 571px; background: #FFF; border: 1px solid #999; float: left; clear: both; }
div#educationalPopUp hr { margin: 30px 0 5px; width: 100%; border: 0; color: #B0B0B0; background-color: #B0B0B0; height: 4px; }
div#educationalPopUp div.buyersTipsHeader { clear: both; width: 569px; background-color: #FFF; border-top: 1px dotted #000; border-bottom: 1px dotted #000; margin: 10px 0 0; padding: 1px; }
div#educationalPopUp div.buyersTipsHeader h3 { padding: 3px 20px; margin: 0; background-color: #E3E3E3; color: #1B1818; }
div#educationalPopUp h4 { float: left; font-size: 12px; clear: both; margin: 10px; }
div#educationalPopUp p { clear: both; margin: 10px 10px 0; padding: 0; }
div#educationalPopUp ul.buyersTipsList { padding: 0 20px 0 30px; margin: 0; list-style-image: url(cgi/en/img/ip/blue-arrow-bullet.gif); list-style-type: none; }
div#educationalPopUp ul.buyersTipsList li { margin-top: 10px; }
div#educationalPopUp div#ctrdBox { padding: 0; }
div#educationalPopUp div.close { float: right; position: relative; top: -5px; }
div#educationalPopUp a.closeLink { color: #666; padding: 0 17px 0 0; float: left; text-decoration: none; background: url(cgi/en/img/ip/edu-close-x.gif) no-repeat right 1px; }
div#educationalPopUp div.greyTab { float: left; margin: 0 2px 0 0; background: transparent url(cgi/en/img/ip/grey-tab-bg.gif) repeat-x left top; }
div#educationalPopUp div.greyTabTop { background: transparent url(cgi/en/img/ip/grey-tab-border.gif) repeat-x left top; float: left; }
div#educationalPopUp div.greyTabLeft { background: transparent url(cgi/en/img/ip/grey-tab-border.gif) repeat-y left top; float: left; }
div#educationalPopUp div.greyTabRight { background: transparent url(cgi/en/img/ip/grey-tab-border.gif) repeat-y right top; float: left; }
div#educationalPopUp div.greyTabTopLeft { background: transparent url(cgi/en/img/ip/grey-tab-top-left.png) no-repeat left top; float: left; }
div#educationalPopUp div.greyTabTopRight { background: transparent url(cgi/en/img/ip/grey-tab-top-right.png) no-repeat right top; float: left; }
div#educationalPopUp div.greyTab h2 { cursor: pointer; font: bold 13px Arial, Helvetica, sans-serif; color: #333; padding: 4px 12px; }
div#educationalPopUp div.greyTab h2 a { outline: none; text-decoration: none; color: #333; }
div#educationalPopUp div.greyTab.selected { position: relative; top: 1px; background: #FFF; }
div#educationalPopUp div.greyTab.selected h2 { color: #2D6B9C; }
div#educationalPopUp div.greyTab.selected h2 a { color: #2D6B9C !important; }
div#educationalPopUp div#ctrdTab h2 { padding: 4px 10px; }
div#educationalPopUp div.subNav { width: 328px; clear: both; margin: -21px auto 0; }
div#educationalPopUp div.subNav a.menuItem { cursor: pointer; outline: none; text-decoration: none; font-weight: bold; color: #333; float: left; height: 27px; border-left: 1px solid #999; }
div#educationalPopUp div.subNav a.menuItem span { float: left; padding: 5px 8px 3px; height: 19px; background: url(cgi/en/img/ip/grey-btn-bg.gif) repeat-x left top; }
div#educationalPopUp div.subNav a.menuItem.first { padding: 0 0 0 5px; border: 0; background: url(cgi/en/img/ip/grey-btn-bg-left.gif) no-repeat left top; }
div#educationalPopUp div.subNav a.menuItem.first span { padding-left: 4px; }
div#educationalPopUp div.subNav a.menuItem.last { padding: 0 5px 0 0; background: url(cgi/en/img/ip/grey-btn-bg-right.gif) no-repeat right top; }
div#educationalPopUp div.subNav a.menuItem.last span { padding-right: 4px; }
div#educationalPopUp div.subNav a.menuItem:hover,
div#educationalPopUp div.subNav a.menuItem.selected,
div#educationalPopUp div.subNav a.menuItem.firstSelected,
div#educationalPopUp div.subNav a.menuItem.lastSelected { color: #FFF; }
div#educationalPopUp div.subNav a.menuItem:hover span,
div#educationalPopUp div.subNav a.menuItem.selected span,
div#educationalPopUp div.subNav a.menuItem.firstSelected span,
div#educationalPopUp div.subNav a.menuItem.lastSelected span { background: url(cgi/en/img/ip/blue-btn-bg.gif) repeat-x left top; }
div#educationalPopUp div.subNav a.menuItem.first:hover,
div#educationalPopUp div.subNav a.menuItem.firstSelected { background: url(cgi/en/img/ip/blue-btn-bg-left.gif) no-repeat left top; }
div#educationalPopUp div.subNav a.menuItem.last:hover,
div#educationalPopUp div.subNav a.menuItem.lastSelected { background: url(cgi/en/img/ip/blue-btn-bg-right.gif) no-repeat right top; }
div#educationalPopUp div#t4cBox div.subNav { width: 232px; }
div#educationalPopUp div#ocBox div.subNav { width: 410px; }
div.educationalToolTipContainer { width: 552px; height: 55px; padding: 0 0 0 10px; float: left; clear: both; }
div.educationalToolTipContainer.mediumSize { height: 70px; }
div.educationalToolTip { position: relative; top: -20px; clear: both; float: left; }
div.educationalToolTip div.left { float: left; background: url(cgi/en/img/ip/educational-tool-tip-left.png) no-repeat left top; width: 6px; height: 70px; }
div.educationalToolTip div.middle { float: left; background: url(cgi/en/img/ip/educational-tool-tip-bg.png) repeat-x left top; width: 540px; height: 70px; }
div.educationalToolTip div.middle p { font-size: 11px; margin: 5px !important; }
div.educationalToolTip div.right { float: left; background: url(cgi/en/img/ip/educational-tool-tip-right.png) no-repeat right top; width: 6px; height: 70px; }
div.educationalToolTip img.dynamicArrow { position: absolute; left: 11px; top: -8px; }
div.educationalToolTipContainer.mediumSize div.educationalToolTip div.left { background-image: url(cgi/en/img/ip/educational-tool-tip-left-medium.png); height: 85px; }
div.educationalToolTipContainer.mediumSize div.educationalToolTip div.middle { background-image: url(cgi/en/img/ip/educational-tool-tip-bg-medium.png); height: 85px; }
div.educationalToolTipContainer.mediumSize div.educationalToolTip div.right { background-image: url(cgi/en/img/ip/educational-tool-tip-right-medium.png); height: 85px; }
div#educationalPopUp div#ctrdNav { margin-top: 10px; float: left; }
div#educationalPopUp a.ctrdNavButton { cursor: pointer; outline: none; text-decoration: none; text-align: center; float: left; background: url(cgi/en/img/ip/btn-ctrd-nav.jpg) no-repeat left top; width: 144px; height: 76px; }
div#educationalPopUp a.ctrdNavButton.selected,
div#educationalPopUp a.ctrdNavButton:hover { background: url(cgi/en/img/ip/btn-ctrd-nav-selected.jpg) no-repeat left top; }
div#educationalPopUp a.ctrdNavButton.last { width: 139px; }
div#educationalPopUp a.ctrdNavButton span.step { margin-top: 30px; display: block; font-size: 10px; font-weight: bold; color: #3683BF; }
div#educationalPopUp a.ctrdNavButton span.title { font-size: 11px; display: block; font-weight: bold; color: #000; }
div#educationalPopUp div.ctrdContent { margin-top: 5px; padding: 10px 0; float: left; width: 100%; background: url(cgi/en/img/ip/ctrd-content-bg.jpg) repeat-x left bottom; }
div#educationalPopUp div.toolTipItemsBox { margin: 10px 0; width: 100%; float: left; border-top: 1px solid #97A6B2; border-bottom: 1px solid #97A6B2; }
div#educationalPopUp div.toolTipItemsBox div.itemsLegendBox { border-bottom: 1px solid #97A6B2; float: left; width: 100%; clear: both; }
div#educationalPopUp div.toolTipItemsBox div.itemsLegendBox div { text-align: center; float: left; border-right: 1px solid #97A6B2; }
div#educationalPopUp div.toolTipItemsBox div.itemsLegendBox div.last { border-right: 0; }
div#educationalPopUp div.toolTipItemsBox div.itemsLegendBox div span { padding: 10px; font-weight: bold; font-size: 11px; color: #333; }
div#educationalPopUp div.toolTipItemsBox div.item { float: left; width: 54px; padding: 1px; background: #FFF; border-right: 1px dotted #97A6B2; }
div#educationalPopUp div.toolTipItemsBox div.item a { color: #666; text-align: center; text-decoration: none; outline: none; float: left; height: 74px; width: 100%; background: url(cgi/en/img/ip/educational-tooltip-item-bg.gif) repeat-x left bottom; }
div#educationalPopUp div.toolTipItemsBox div.item.selected a,
div#educationalPopUp div.toolTipItemsBox div.item a:hover { background: url(cgi/en/img/ip/educational-tooltip-item-bg-selected.gif) repeat-x left bottom; }
div#educationalPopUp div.toolTipItemsBox div.item a span { display: block; text-transform: uppercase; }
div#educationalPopUp div.toolTipItemsBox div.item a img { margin-top: 10px; }
div#educationalPopUp div.toolTipItemsBox div.item.last { border-right: 0; width: 55px; }
div#educationalPopUp table#caratWeightTable td { padding: 0; }
div#educationalPopUp table#caratWeightTable td img { display: block; }
div#educationalPopUp table#caratWeightTable th { padding: 0; border-top: 1px solid #97A6B2; border-bottom: 1px solid #97A6B2; font-size: 11px; font-weight: bold; text-align: center; }
div#educationalPopUp table#caratWeightTable th.header { height: 20px; }
div#educationalPopUp table#caratWeightTable th.subHeader { color: #666; }
div#educationalPopUp table#caratWeightTable table#caratDynamicOptions { width: 142px; margin: 0; }
div#educationalPopUp table#caratWeightTable table#caratDynamicOptions td { cursor: pointer; background-color: #FFF; vertical-align: top; width: 74px; border-top: 1px dotted #97A6B2; padding: 1px; }
div#educationalPopUp table#caratWeightTable table#caratDynamicOptions td div { height: 15px; padding: 6px; background: url(cgi/en/img/ip/table-cell-bg1.png) repeat-x left bottom; }
div#educationalPopUp table#caratWeightTable table#caratDynamicOptions td.selected div { background: url(cgi/en/img/ip/table-cell-bg1-selected.png) repeat-x left bottom; }
div#educationalPopUp table#caratWeightTable table#caratDynamicOptions td.left { border-right: 1px dotted #97A6B2; }
div#educationalPopUp table#caratWeightTable label.radioLabel { cursor: pointer; position: relative; top: -2px; font-size: .9em; font-weight: bold; color: #333; }
div#educationalPopUp div#clarityTipBox div.item { width: 92px; }
div#educationalPopUp div#ctgrdBox p.backTo { margin-top: -5px; font-size: 11px; float: right; }
div#educationalPopUp div#ctgrdBox p.backTo a { text-decoration: none; color: #3683BF; }
div#educationalPopUp table { margin: 10px 0; clear: both; border-collapse: collapse; padding: 0; }
div#educationalPopUp table#cutTable td { border-bottom: 1px solid #97A6B2; }
div#educationalPopUp table#cutTable td img { display: block; }
div#educationalPopUp table#cutTable td.title { font-weight: bold; color: #333; padding: 0 10px; border-top: 1px solid #97A6B2; border-right: 1px solid #97A6B2; }
div#educationalPopUp table#cutTable td.first,
div#educationalPopUp table#cutTable td.second { vertical-align: bottom; background-color: #FAFBFD; border-right: 1px dotted #97A6B2; }
div#educationalPopUp table#cutTable td.third { vertical-align: bottom; background-color: #FAFBFD; border-right: 1px solid #97A6B2; }
div#educationalPopUp table#cutTable td.cutDescription { padding: 5px; vertical-align: top; font-size: 11px; border-top: 1px solid #97A6B2; background: url(cgi/en/img/ip/table-cell-bg1.png) repeat-x left bottom; }
div#educationalPopUp table#diamondAnatomyDiagram td.diagram { vertical-align: bottom; border-bottom: 1px solid #97A6B2; border-top: 1px solid #97A6B2; border-right: 1px solid #97A6B2; }
div#educationalPopUp table#diamondAnatomyDiagram td.diagram div { position: relative; }
div#educationalPopUp table#diamondAnatomyDiagram td.diagram img { display: block; }
div#educationalPopUp table#diamondAnatomyDiagram td.diagram img.dynamicArrow { position: absolute; left: 249px; top: -10px; }
div#educationalPopUp table#diamondAnatomyDiagram td.description { cursor: pointer; border-bottom: 1px dotted #97A6B2; }
div#educationalPopUp table#diamondAnatomyDiagram td.description div { float: left; width: 100%; }
div#educationalPopUp table#diamondAnatomyDiagram td.description.selected div { background: #FAFBFD url(cgi/en/img/ip/diamond-anatomy-cell-bg.png) repeat-x left bottom; }
div#educationalPopUp table#diamondAnatomyDiagram td.description.first { border-top: 1px solid #97A6B2; }
div#educationalPopUp table#diamondAnatomyDiagram td.description.last { border-bottom: 1px solid #97A6B2; }
div#educationalPopUp table#diamondAnatomyDiagram td.description p { margin: 1px; font-size: 11px; }
div#educationalPopUp div#cutGradeChart { margin: 10px 0 20px; float: left; }
div#educationalPopUp div#cutGradeChart div.chartColumnLabels { float: left; width: 100%; clear: both; border-top: 1px solid #97A6B2; border-bottom: 1px solid #97A6B2; }
div#educationalPopUp div#cutGradeChart div.chartColumnLabels div { text-align: center; float: left; border-right: 1px solid #97A6B2; }
div#educationalPopUp div#cutGradeChart div.chartColumnLabels div.last { border-right: 0; }
div#educationalPopUp div#cutGradeChart div.chartColumnLabels div span { padding: 10px; font-weight: bold; font-size: 11px; color: #333; }
div#educationalPopUp div#cutGradeChart table#cutGrades { margin-top: 0; }
div#educationalPopUp div#cutGradeChart table#cutGrades td { border-bottom: 1px solid #97A6B2; }
div#educationalPopUp div#cutGradeChart table#cutGrades td img { display: block; }
div#educationalPopUp div#cutGradeChart table#cutGrades td label { font-size: 11px; font-weight: bold; }
div#educationalPopUp div#cutGradeChart table#cutGrades td p { font-size: 11px; margin: 0; }
div#educationalPopUp div#cutGradeChart table#cutGrades td.first { vertical-align: bottom; background-color: #FAFBFD; border-right: 1px dotted #97A6B2; }
div#educationalPopUp div#cutGradeChart table#cutGrades td.second { vertical-align: bottom; background-color: #FAFBFD; border-right: 1px solid #97A6B2; }
div#educationalPopUp div#cutGradeChart table#cutGrades td.third { background-color: #FAFBFD; }
div#educationalPopUp div#cutGradeChart table#cutGrades td.third div { width: 300px; min-height: 72px; float: left; background: url(cgi/en/img/ip/table-cell-bg1.png) repeat-x left bottom; padding: 5px; }
div#educationalPopUp table#polishTable td { border-bottom: 1px solid #97A6B2; }
div#educationalPopUp table#polishTable td img { display: block; width: 283px; }
div#educationalPopUp table#polishTable td.title { border-top: 1px solid #97A6B2; text-align: center; color: #333; font-size: 11px; font-weight: bold;  }
div#educationalPopUp table#polishTable td.goodPolish { border-right: 1px dotted #97A6B2; }
div#educationalPopUp table#symmetryTable th { border-top: 1px solid #97A6B2; border-bottom: 1px solid #97A6B2; text-align: left; font-weight: bold; padding-left: 20px; color: #666; }
div#educationalPopUp table#symmetryTable td { border-bottom: 1px solid #97A6B2; padding: 1px; background-color: #FFF; }
div#educationalPopUp table#symmetryTable td img { display: block; }
div#educationalPopUp table#symmetryTable td h4 { margin: 3px 5px 0; font-weight: bold; font-size: 11px; }
div#educationalPopUp table#symmetryTable td p { margin: 5px 5px 0; font-size: 11px; }
div#educationalPopUp table#symmetryTable td.first { border-right: 1px dotted #97A6B2; }
div#educationalPopUp table#symmetryTable td.second { background: url(cgi/en/img/ip/table-cell-bg1.png) repeat-x left bottom; }
div#educationalPopUp div#dtBox div.left { float: left; width: 400px; margin-right: 15px; }
div#educationalPopUp div#dtBox div.right { margin-top: 20px; float: left; width: 150px; }
div#educationalPopUp div#ratioTipBox div.item { width: 60px; }
div#educationalPopUp div#ratioTipBox div.item.last { width: 65px; }
div#educationalPopUp div#ratioToolTipContainer { height: auto; padding: 0; width: 100%; }
div#educationalPopUp div#ratioToolTipContainer div#ratioToolTip { top: -9px; width: 100%; height: 140px; }
div#educationalPopUp div#ratioToolTipContainer img.dynamicArrow { top: -7px; left: 23px; position: absolute; }
div#educationalPopUp div#ratioToolTipContainer div.ratioToolTip { margin-left: 2px; width: 568px; float: left; clear: both; }
div#educationalPopUp div#ratioToolTipContainer div.ratioToolTip p { margin: 10px; width: 275px; }
div#educationalPopUp div#ratioToolTipContainer div#princessRatioTip { height: 118px; background: url(cgi/en/img/ip/princess-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div#ratioToolTipContainer div#marquiseRatioTip { height: 139px; background: url(cgi/en/img/ip/marquise-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div#ratioToolTipContainer div#emeraldRatioTip { height: 126px; background: url(cgi/en/img/ip/emerald-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div#ratioToolTipContainer div#radiantRatioTip { height: 126px; background: url(cgi/en/img/ip/radiant-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div#ratioToolTipContainer div#pearRatioTip { height: 130px; background: url(cgi/en/img/ip/pear-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div#ratioToolTipContainer div#ovalRatioTip { height: 130px; background: url(cgi/en/img/ip/oval-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div#ratioToolTipContainer div#heartRatioTip { height: 130px; background: url(cgi/en/img/ip/heart-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div#ratioToolTipContainer div#asscherRatioTip { height: 130px; background: url(cgi/en/img/ip/asscher-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div#ratioToolTipContainer div#cushionRatioTip { height: 130px; background: url(cgi/en/img/ip/cushion-ratio-tool-tip.jpg) no-repeat left top; }
div#educationalPopUp div.indentedAttributes { margin-bottom: 10px; float: left; clear: both; }
div#educationalPopUp div.indentedAttributes p { width: 100%; margin: 10px 0 0; float: left; clear: both; }
div#educationalPopUp div.indentedAttributes p label { float: left; margin-left: 20px; width: 60px; font-weight: bold; }
div#educationalPopUp div.indentedAttributes p span { width: 450px; margin-left: 20px; float: left; }
div#educationalPopUp div#educationalFooter { width: 575px; float: left; margin: 10px 0 0 3px; clear: both; }
div#educationalPopUp div.footerLeft { float: left; background: transparent url(cgi/en/img/ip/edu-footer-bg-left.png) no-repeat left top; width: 6px; height: 63px; }
div#educationalPopUp div.footerMiddle { width: 553px; padding: 8px 5px; float: left; background: transparent url(cgi/en/img/ip/edu-footer-bg.png) repeat-x left top; height: 47px; }
div#educationalPopUp div.footerMiddle p { margin: 0; }
div#educationalPopUp div.footerRight { float: left; background: transparent url(cgi/en/img/ip/edu-footer-bg-right.png) no-repeat right top; width: 6px; height: 63px; }
div.notDefaultErrorBox {height: 100%; width: 626px; float:left; background:#FFFFFF url(cgi/en/img/ip/searchBarBck.gif) repeat-x scroll left bottom;}
div.message.error { padding:6px 0 0 6px;}