@charset "UTF-8";
/***** Tags *****/
body { background-color: #fff; font: normal 12px Arial, Helvetica, sans-serif; font-weight:normal; }
div#logo { background-image:url(../img/bg_logo.gif); width:375px; height:57px; background-repeat:no-repeat; }
div#logo a { display:block; width:160px; height:53px;}
h1{ color: #4c5d67; font: normal 20px Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 0;  padding:12px 0 0 0; }
h2{ color: #4c5d67; font: bold 14px Arial, "Times New Roman", Times, serif; margin: 0 0 10px 0;}
h3{ font: bold 12px Arial, "Times New Roman", Times, serif; color:#516a89; margin:12px 0; }
h4{ font:  12px Arial,  "Times New Roman", Times, serif; color:#898989; }
p{ color: #000; margin:10px 0;}
ul{ color: #000; margin: 10px 0 0 20px; }
ul li{ margin: 10px 0; padding:0; }
input, p, select, textarea { font: normal 12px Arial, Helvetica, sans-serif; }
a img, img, p img{ border:0; }

a,
a:visited{ color:#536482; text-decoration:none; }
a:hover{ color:#000000; text-decoration:underline; }

.forDesign{ display:none; }
.partners, .partnersFirst, .mediagrif{ float:right; margin:30px 0 0 0; border:0; }
.partnersFirst{ margin:30px 30px 0 0; }
.mediagrif{ margin:10px 10px 0 0; }
.noBorder{ border:0; }
.pipe{ color:#000; }
.blanc{ background:#FFFFFF; }
.clear{ clear:both;}
.bold{ font-weight:bold; }
.txtDroite{text-align:right; }
.txtGauche{ text-align:left; }
.floatRight{ float:right; }
.floatLeft{ float:left;}
.noBold{ font-weight:normal;}
.imgLeft { float: left; margin-right: 10px; }
.imgRight { float: right; margin-left: 10px; }

div#pogContainer{ width: 640px; margin:0 auto; position: relative; }
div#pogContainer div#center { clear: both; margin: 0 auto; position: relative; width:640px; float:left; }
div#pogContainer div#center div#centerWrapper { float: left; margin: 0 0 0 0px; width: 640px;  }
div#pogContainer div#center div#content { float: left; margin: 0; padding: 0 0px 0 0; width: 640px; }

div#pogContainer div#center div#content table tr th{ text-align:left; padding: 12px 4px 8px 10px;}
div#pogContainer div#center div#content table tr th a { text-decoration:none; border-bottom: 1px dotted #000; }
div#pogContainer div#center div#content table tr td{ padding: 4px 10px 6px 10px; background:url(../img/bg_td.gif) no-repeat right bottom;}
div#pogContainer div#center div#content table tr td.noBgImg{ background-image: url(../img/bg_white.gif);}

div#pogContainer div#center div#content p.searchResult, div#pogContainer div#center div#content p.searchResult2 { clear: left; width: 200px; float:left; margin: 5px 0 0 0; white-space: nowrap; }
div#pogContainer div#center div#content p.searchResult2 { margin-bottom: 4px; }
div#pogContainer div#center div#content p.resultCriteria { clear: left; float:left; margin: 0 0 0 40px; width: 280px; }
div#pogContainer div#center div#content p.resultCriteria span.CCCSR span.SmartTitleType { color:#536482; font-weight:bold;  }
div#pogContainer div#center div#content p.resultCriteria span.CCCSR { color:#c1c1c1;font-weight:bold;    }
div#pogContainer div#center div#content table.table670 tr.oddRow td{ background:none; background-color:#f0efef; }
div#pogContainer div#center div#content div#searchOthers-diamond { background: url('../img/bg_searchDiamond.png') no-repeat; width: auto; height:63px;  float:right; margin:5px 30px 5px 0; }
div#pogContainer div#center div#content div#searchOthers-diamond p { background:url('../img/bg_searchOthersRight.png') no-repeat top right; height:39px; margin: 0 0 0 63px; padding: 24px 20px 0 10px; width: auto;  }
div#pogContainer div#center div#content table.table670 { background:url(../img/bg_table670.gif) no-repeat center top; clear:both; border-collapse:collapse; width: 635px}
div#pogContainer div#center div#content table.table670 th { }
div#pogContainer div#center div#content table.table670.noBck {background:none;  }
div#pogContainer div#center div#content table.table670.noBck  {  background: #fff url(../img/bg_table670.gif) no-repeat center 19px;}
div#pogContainer div#center div#content table.table670 td {padding: 4px 3px 6px 3px;  font-size:11px;}
div#pogContainer div#center div#content table.table670 th { padding: 4px 3px 6px 3px;  font-size:11px; font-weight:bold; }
div#pogContainer div#center div#content table.table670.noBck th.left { padding-bottom: 0px;}
div#pogContainer div#center div#content table.table670.noBck th.left div span#no1 {background: #fff url('../img/bckCsLeft.gif') no-repeat left bottom; width:18px; height:17px; display:block; margin-bottom: -9px; float:left;  }
div#pogContainer div#center div#content table.table670.noBck th.left div{ background: #fff url('../img/bckCsRight.gif') repeat-x right bottom; padding-left:0px;   width:100%; height:17px; position:relative; top:3px;}
div#pogContainer div#center div#content table.table670.noBck th.left div span.txtCenter {font: 11px arial; float:left; color: #5E7FA2; margin-top:2px;}
div#pogContainer div#center div#content table.table670 td.imgCell {padding: 4px 10px 6px 10px; }

div#pogContainer div#center #searchResultPagination { margin:6px 0 0 12px;}
div#pogContainer div#center #searchResultPagination ul{ height:31px; width:580px; clear:both; list-style:none;  float:center; margin:0 0 20px 12px; padding: 0; }
div#pogContainer div#center #searchResultPagination ul li{ float:left; margin:2px 2px 0 0; height:15px; padding:3px 8px 4px 8px; border:solid 1px #D4D9E0;}
div#pogContainer div#center #searchResultPagination ul li.first,
div#pogContainer div#center #searchResultPagination ul li.last{  border:0; margin:0; padding:0;}
div#pogContainer div#center #searchResultPagination ul li.first a,
div#pogContainer div#center #searchResultPagination ul li.last a{ float:left; color: #536482; border:0;  text-decoration:none;height:18px; padding:3px 12px 4px 12px; margin:2px 0 0 4px;}
div#pogContainer div#center #searchResultPagination ul li.first strong,
div#pogContainer div#center #searchResultPagination ul li.last strong{float:left;  border:0; display:block;  margin:0 2px; height:19px;  padding:8px 5px 4px 5px; margin:-6px 0 0 0; cursor:pointer; }
div#pogContainer div#center #searchResultPagination ul li.firstCurrent,
div#pogContainer div#center #searchResultPagination .lastCurrent{float:left; background:url(../img/previousLeftCurrent.gif) no-repeat; border:0;height:18px; padding:3px 14px 4px 20px;margin:2px 0 0 8px;  }
div#pogContainer div#center #searchResultPagination .firstCurrent strong,
div#pogContainer div#center #searchResultPagination .lastCurrent strong{ float:left; background:url(../img/previousRigthCurrent.gif) right no-repeat; border:0; display:block; height:19px; padding:8px 26px 4px 8px; margin:-6px 0 0 0; color:#FFFFFF; }
div#pogContainer div#center #searchResultPagination .currentPageResult{ background:#EFECE3;}
div#pogContainer div#center div#centerWrapper div#content div.stoneDetails div.imagePreview { float: left; padding: 10px; width: 315px; }
div#pogContainer div#center div#centerWrapper div#content div.stoneDetails div.imagePreview div#preview { height: 235px; margin: 0 auto; padding: 5px; width: 235px; position: relative; border: 1px solid #ddd; }
div#pogContainer div#center div#centerWrapper div#content div.stoneDetails div.imagePreview div#preview table { float: left; height: 100%; width: 100%; }
div#pogContainer div#center div#centerWrapper div#content div.stoneDetails div.imagePreview div#preview table td { padding: 0; background: none; text-align: center; vertical-align: middle; }
div#pogContainer div#center div#centerWrapper div#content div.stoneDetails div.imagePreview div.thumbnails { margin: 10px auto; width: 245px; }
div#pogContainer div#center div#centerWrapper div#content div.stoneDetails div.imagePreview div.thumbnails div { float: left; height: 75px; padding: 15px 0 0 0; width: 75px; }
div#pogContainer div#center div#centerWrapper div#content div.stoneDetails div.imagePreview div.thumbnails div#thumb2 { margin: 0 10px; }
div#pogContainer div#center div#centerWrapper div#content div.stoneDetails div.imagePreview div.thumbnails div.current { background: url(../img/thumb_arrow.png) top center no-repeat; }
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: 800px; height: 800px; text-align: center; background-color: #FFF; padding:5px;}
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#greyBoxDetails { 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#details { float: left; position: absolute; top: 0; left: 0; border: 1px solid #000; z-index: 1000; width: 500px; height: 225px; text-align: center; background-color: #FFF; padding:5px;}
div#details img#close { float: left; margin: 7px 0 0 -36px; position: absolute; top: 0; left: 100%; cursor: pointer; z-index: 1000; }

div#pogContainer div#center div#centerWrapper div#content div.displayError { clear: left; margin: 20px 0; padding: 15px 0; width: 699px; min-height: 51px; background: #FAF2C1 url(../img/iconWarningMedium.gif) 20px 15px no-repeat; border: 1px dotted #c1c1c1; color: #000; font-weight: bold; }
div#pogContainer div#center div#centerWrapper div#content div.displayError h2 { margin-left: 100px; padding-right: 10px; }
div#pogContainer div#center div#centerWrapper div#content div.displayError h3 { margin-left: 100px; padding-right: 10px; }
div#pogContainer div#center div#centerWrapper div#content div.displayError p { margin-left: 100px; padding-right: 10px; }
div#pogContainer div#center div#centerWrapper div#content div.miniSection { float: left; width: 175px; }
div#pogContainer div#center div#centerWrapper div#content div.miniSection h3 { clear: both; float: left; margin: 15px 0 5px 0; width: 100%; }
div#pogContainer div#center div#centerWrapper div#content div.miniSection ul { clear: both; float: left; margin: 0; padding: 0; width: 100%; }
div#pogContainer div#center div#centerWrapper div#content div.miniSection ul li { margin: 8px 0; padding-left: 8px; width: 90%; background: url(../img/bg_current.gif) left 5px no-repeat; list-style-type: none; }
div.hardBreak div.errorMessages div.message.error {
width: 425px;
white-space: pre-wrap; 
white-space: -pre-wrap; 
white-space: -o-pre-wrap; 
word-wrap: break-word; 
white-space: -hp-pre-wrap; 
white-space: pre-line;
}

div.errorMessages { background: url(../img/iconWarningMedium.gif) no-repeat; background-position: 10px 10px; clear: left; margin: 10px 0; width: 460px; font-weight: bold; background-color: #faf2c1; border: 1px dotted #c1c1c1; color: #000; padding: 15px 0 30px; min-height: 40px; }
div.errorMessages div.message.error { background-color: #faf2c1; color: #000; margin : 0 0 5px 70px; }
.fieldError { background-color: #faf2c1; border: 1px dotted #c1c1c1; color: red; padding: 6px 0; }
div#mainContainer div.diamondBox p.fieldError { background-color: #faf2c1; width: 100%; border: 1px dotted #c1c1c1; color: red; padding: 3px 3px 3px 0px; float: left; }

body { background-color: #FFFFFF; font: normal 12px Arial, Helvetica, sans-serif; }
div { margin: 0; padding: 0; }
img { border: 0; }
h1 { font: bold 12px Arial, Helvetica, sans-serif; }
h2 { margin: 10px 0; font: bold 14px Arial, Helvetica, sans-serif; color: #4C5D67; }
h2.quickSearchie6fix { margin: 3px 0; }
h3 { margin: 3px 0; font: bold 12px Arial, Helvetica, sans-serif; color: #4C5D67; }
a { color: #5E7FA2; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
input.text { border: 1px solid #CBCBCB; padding: 1px 0 1px 4px; }
div#mainContainer .floatLeft { float: left; }
div#mainContainer .floatRight { float: right; padding-right: 14px; }
div#mainContainer .clearBoth { clear: both; }
div#mainContainer .clearNone { clear: none; }
div#mainContainer .smallText { font-size: 10px; }
div#mainContainer #left p { padding: 0 0 0; margin: 10px 0 0 0; }
div#mainContainer #left h1 { margin: 0 0 0; padding: 7px 0 0; }
div#mainContainer { width: 650px; padding: 0; }
div#mainContainer div#loginBox { width: 228px; padding: 0 6px 0; border-color: #CDCDCD; border-style: solid solid none; border-width: 1px 1px medium; }
div#mainContainer div#loginBox div#loginFormContainer { margin: 0; }
div#mainContainer div#loginBox div#loginFormContainer strong { padding: 0 0 0; margin: 0; }
div#mainContainer div#loginBox div#loginFormContainer input { float: left; }
div#mainContainer div#loginBox p { clear: both; padding: 6px 0 0 0; }
div#mainContainer div#loginBox p strong { display: block; float: left; }
div#mainContainer div#loginBox p input { display: block; font: 11px Arial, Helvetica, sans-serif; float: right; height: 20px; width: 145px; margin: 0 0 0 12px; }
div#mainContainer div#loginFooterBox { width: 228px; height: 31px; padding: 0px 6px 0; border-color: #CDCDCD; border-style: none solid solid; border-width: 1px 1px thin; }
div#mainContainer div#left { padding: 15px 0 0 15px; width: 365px }
div#mainContainer a.buttonLeft { float: right; background: url('/cgi/en/img/btnLeft.png') no-repeat; border:0; text-decoration:none; height: 18px; padding: 3px 8px 4px 20px; margin: 3px 0 0 ;}
div#mainContainer a.buttonLeft:hover { float: right; background: url('/cgi/en/img/btnLeftHover.png') no-repeat; border:0; text-decoration: none; height: 18px; padding: 3px 8px 4px 20px; }
div#mainContainer a.buttonLeft strong.buttonRight { float:left; background: url('/cgi/en/img/btnRight.png') right no-repeat; border: 0; display: block; margin: 0 2px; height: 19px; padding: 8px 20px 4px 0px; margin: -6px 0 0 0; color: #FFFFFF; cursor: pointer; }
div#mainContainer a.buttonLeft:hover strong.buttonRight { float:left; background: url('/cgi/en/img/btnRightHover.png') right no-repeat; border: 0; display: block; height: 19px; padding: 8px 20px 4px 0px; margin: -6px 0 0 0; color: #FFFFFF; cursor: pointer; }
div#mainContainer div#registerBox { background-color: #EFFFFF; margin: 10px 0 0 0; width: 228px; border-color: #CDCDCD; border-style: solid solid none; border-width: 1px 1px medium; padding: 0 6px 0; }
div#mainContainer div#registerBox p { color: #000000; clear: both; padding: 0; margin: 5px 0 0; }
div#mainContainer div#registerBox p strong { padding: 0 0 0; margin: 0; display: block; float: left; }
div#mainContainer div#registerBox p input { float: right; display: block; font: 11px Arial,Helvetica,sans-serif; height: 15px; margin: 0 0 5px 12px; width: 140px; }
div#mainContainer div#registerBox h1 { width: 228px; padding: 0; margin-top: -9px; color: #000000; font-weight: normal; }
div#mainContainer div#registerFooterBox { background-color: #EFFFFF; width: 228px; height: 31px; padding: 0px 6px 0; border-color: #CDCDCD; border-style: none solid solid; border-width: 1px 1px thin; }
div#mainContainer img#poweredByImg { margin: 50px 0 0 0; }
div#mainContainer img#priceListImg { text-align: center; margin: 0 auto; display: block; }
div#mainContainer div.diamondBox { margin: 8px 0 0 0; width: 458px; border-color: #CDCDCD; border-style: solid solid none; border-width: 1px 1px medium; padding: 0px 10px 0 10px; }
div#mainContainer div.diamondBox p { clear: both; padding: 2px 0; margin: 5px 0; }
div#mainContainer div.diamondBox p#shapeLabel { clear: left; display: inline; }
div#mainContainer div.diamondBox p span.fieldLabel { width: 100px; float: left; text-align: right; display: block; }
div#mainContainer div.diamondBox p span.formFields { padding: 0 0 0 12px; display: block; float: left; }
div#mainContainer div.diamondBox p span.formFields input { width: 154px; }
div#mainContainer div.diamondBox p span.formFields select { padding: 1px 0; width: 154px; }
div#mainContainer div.diamondBox div.shapeContainer { padding: 3px 0; clear: right; float: left; margin: 5px 0 0 12px; border: 1px solid #CBCBCB; height: 54px; overflow: auto; width: 310px; }
div#mainContainer div.diamondBox div.shapeContainer div { margin: 0; padding: 0; clear: right; }
div#mainContainer div.diamondBox div.shapeContainer div { border: none; }
div#mainContainer div.diamondFooterBox { background: transparent url('/cgi/en/img/bg_formFooterMedium.png') no-repeat scroll left bottom; width: 480px; height: 40px; padding: 4px 0 0 0; }
div#mainContainer div#becomeMemberContainer { margin: 10px 0; width: 250px; text-align: left; float: none; clear: both; padding-left: 145px;}
div#mainContainer div#becomeMemberContainer a { float: left; }
div#mainContainer div#becomeMemberContainer strong { float: left; }
div#mainContainer div#bottomContainer { clear: both; }
img#poweredByImg { margin-right: 18px;}
p.alreadyMember a, p.alreadyMember a:visited { color:#00338A; text-decoration:none; }
p.alreadyMember a:hover { color:#000000; text-decoration:underline; }
}