/* Predefine Classes */
/*
body { padding: 0px; background: url(/img/bodyBg.png) left top repeat-x #fff; margin: 0px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; color: #555; font-weight: normal; font-size: 12px; }
p { line-height: 18px; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 14px; }
img { border: none; }
form { margin: 0px; padding: 0px; }
body, html, div, blockquote, img, label, h1, h2, h3, h4, h5, h6, pre, dl, dt, dd, form, a, fieldset, input, th, td, hr, span, textarea { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Arial, Helvetica, sans-serif; clear: both; }
a { color: #5a5a5a; text-decoration: none; }
.ptr { cursor: pointer; }
a:hover { text-decoration: none; }
a:active, a:selected, a:visited, a:focus { outline: none 0; text-decoration: none; }
*/
/* Predefine Classes End*/

/* Customize Classes */
@font-face { font-family: 'HelveticaLTStdCondLightRg'; src: url('/css/fonts/light/helveticaltstd-lightcond-webfont.eot'); src: url('/css/fonts/light/helveticaltstd-lightcond-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/light/helveticaltstd-lightcond-webfont.woff') format('woff'), url('/css/fonts/light/helveticaltstd-lightcond-webfont.ttf') format('truetype'), url('/css/fonts/light/helveticaltstd-lightcond-webfont.svg#HelveticaLTStdCondLightRg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaRegular'; src: url('/css/fonts/helvetica/4864.eot'); src: url('/css/fonts/helvetica/4864.eot?#iefix') format('embedded-opentype'), url('/css/fonts/helvetica/4864.woff') format('woff'), url('/css/fonts/helvetica/4864.ttf') format('truetype'), url('/css/fonts/helvetica/4864.svg#HelveticaRegular') format('svg'); font-weight: normal; font-style: normal; }
.clr { clear: both; }
.absolute { position: absolute; }
#main { width: 100%; height: 100%; margin: 0; padding: 0; }
#wrapper { width: 1000px; margin: 0 auto; height: auto; }
#topBg { float: left; width: 1000px; height: 36px; text-align: center; }
#topBg .topEmail { float: left; width: auto; margin: 10px 0; font-family: Georgia, "Times New Roman" , Times, serif; font-weight: normal; font-size: 12px; color: #3e3e3e; }
/* Top Menu */
.menu, .menu ul, .menu li, .menu a { margin: 0; padding: 0; border: none; outline: none; }

.menu { height: 35px; width: auto; float: right; }
.menu li { position: relative; list-style: none; float: left; display: block; height: 36px; }

/* Links */
.menu li a { display: block; padding: 0 3px; margin: 11px 0; font: normal 12px/14px Georgia, "Times New Roman" , Times, serif; text-decoration: none; border-right: 1px solid #7b7b7b; color: #7b7b7b; }
.menu li.last a { border-right: none; }
.menu li:hover > a { color: #5a5a5a; }

/****HEADER START****/
#header { float: left; width: 954px; padding: 20px 10px 24px 36px; }
#header #logo { float: left; width: 302px; height: 91px; }
#header .topRight { float: right; width: 410px; }
.headerMenu { float: right; width: 100%; }
.nav { height: 18px; width: auto; float: right; margin: 0; }
.nav li { position: relative; list-style: none; float: left; display: block; height: auto; }

/* Links */
.nav li a { display: block; padding: 0 5px; margin: 0; font: normal 11px/12px Arial, Helvetica, sans-serif; text-decoration: none; border-right: 1px solid #acacac; color: #6b7688; }
.nav li:hover > a { color: #5a5a5a; }
.nav li a.last { border-right: none; }
/**Phone**/
#header .phone { width: 100%; height: auto; padding: 0px; float: right; }
#header .phone h2 { background: url(/img/phIcon.png) no-repeat left center; color: #4fa3bb; padding: 0 0 0 30px; float: right; width: 120px; height: 20px; font: bold 18px/normal Arial, Helvetica, sans-serif; }

/***searchArea**/
.searchArea { float: right; width: 100%; margin: 0; }
.searchArea .shipping { float: left; width: 150px; height: 25px; margin: 0 20px 0 0; }
.search { background: url("/img/searchBg.png") no-repeat scroll 0 0 transparent; float: left; height: 25px; margin: 0; width: 237px; }
.searchArea p { margin: 0px; color: #bbbbbb; font: normal 12px/normal Arial, Helvetica, sans-serif; padding: 0 0 0 170px; }
.search input[type="text"], .search input[type="password"] { color: #666666; float: left; font-size: 12px; height: 18px; margin: 3px 0 0 1px; outline: none; padding: 0 1px 0 8px; width: 180px; border: none; background: none; }
.search input[type="submit"] { background: none; border: none; cursor: pointer; float: right; height: 25px; text-indent: -9999px; width: 35px; z-index: -1; }

/***MAIN NAVIGATION***/
.mainNav { background: url("/img/navBg.png") repeat-x scroll right top transparent; float: left; margin: 0 0 0 0; padding: 0; position: relative; width: 1000px; }
.mainNav ul { float: left; margin: 0 0 0 0; padding: 0; text-align: center; width: 1000px; }
.mainNav li { background: url("/img/dvd.png") no-repeat scroll right center transparent; color: #FFFFFF; display: inline; float: left; font-size: 12px; line-height: 37px; list-style: none outside none; margin: 0 0 0; padding: 0 25px; text-align: center; }
.mainNav li.home { width: 46px; height: 37px; padding: 0px; margin: 0px; }
.mainNav li a { color: #FFFFFF; display: inline-block; font-size: 13px; font-weight: normal; text-align: center; text-decoration: none; }
.mainNav li a:hover { color: #e5e5e5; }
.mainNav li.last { background-image: none; }

/**** Content Arear ****/
#content { width: 100%; float: left; margin: 15px 0 0 0; }
#content #leftContent { float: left; width: 206px; margin: 0 16px 0 0; }
.roundedBox { float: left; width: 206px; height: auto; margin-bottom: 10px; }
.roundedBox h2 { color: #348da6; font: normal 18px/normal Arial, Helvetica, sans-serif; }
.roundedBox .boxTop { float: left; width: 206px; height: 11px; background: url(/img/roundedTopBg.png) no-repeat top left; }
.roundedBox .boxMiddle { float: left; width: 184px; min-height: 150px; padding: 0 10px; border-left: #e7e7e7 solid 1px; border-right: #e7e7e7 solid 1px; background: #fff url(/img/catGradient.png) left bottom repeat-x; }
.roundedBox .boxMiddle ul { float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%; }
.roundedBox .boxMiddle ul li { float: left; padding: 7px 0 0 8px; width: 98%; color: #c97b9a; font: normal 12px Arial; }
.roundedBox .boxMiddle ul li + li { }
.roundedBox .boxMiddle ul li a { color: #C97B9A; font: 12px Arial; text-decoration: none; }
.roundedBox .boxMiddle ul li ul { display: block; margin: 5px 0; padding: 0 0 5px 0; float: left; width: 100%; background: url(/img/ulBtmShadow.png) no-repeat center bottom; }
.roundedBox .boxMiddle ul li ul.last { background: none; }
.roundedBox .boxMiddle ul li a.active { font-weight: bold; }
.roundedBox .boxMiddle ul li a.active + ul { display: block; }
.roundedBox .boxMiddle ul li ul li { padding: 0px 8px 4px 0px; width: 97%; }
.roundedBox .boxMiddle ul li ul li a { color: #777777; display: block; text-decoration: none; font: normal 11px/18px Arial, Helvetica, sans-serif; }
.roundedBox .boxMiddle ul li ul li a.active { font-weight: bold; }
.roundedBox .boxBtm { float: left; width: 206px; height: 11px; background: url(/img/roundedBtmBg.png) no-repeat bottom left; }
.roundedBox input[type="radio"] { padding: 0px; margin: 0px 5px 0 0; float: left; width: 10px; }


/*** By Metal Type ***/
.roundedBox .boxMiddle ul.metal li ul li { padding: 0px 8px 0x 0px; width: 45%; float: left; }
.roundedBox .boxMiddle ul.metal li ul li a { color: #777777; display: inline; float: left; width: 100%; text-decoration: none; font: normal 11px/16px Arial, Helvetica, sans-serif; }
.roundedBox .boxMiddle ul.metal li ul { background: none; }
/**** middleContent start****/
#middleContent { float: left; width: 556px; min-height: 300px; }

/*** MAIN BANNER ***/
#banner { /*position: relative;*/ float: left; width: 556px; height: 238px; }
.bannerContainer .pop { display: none; }
.bannerContainer:hover .pop { display: inline; }
/*
#banner .discount
{
    left: 456px;
    position: absolute;
    top: 108px;
    color: #348DA6;
    font: 14pt 'HelveticaRegular';
}
*/
#smallBanners { float: left; width: 556px; margin: 10px 0 0 0; }

/*** SMALL BANNERS ***/
#smallBanners .eternity { float: left; width: 271px; height: 138px; margin: 0 14px 0 0; }
#smallBanners .txtArea { float: left; width: 160px; padding: 5px 10px; }
#smallBanners .txtArea h1 { font: normal 30px/normal 'HelveticaLTStdCondLightRg'; color: #c34e7e; }
#smallBanners .txtArea p { font: normal 12px/normal Arial, Helvetica, sans-serif; color: #070707; margin: 7px 0; }
.button { display: block; background: url(/img/readBtnS.png) no-repeat left top; width: 78px; height: 22px; color: #fff !important; text-align: center; line-height: 22px !important; clear: both; }
.button:hover { background: url(/img/readBtnSHover.png) no-repeat left top; text-decoration: none; }
#smallBanners .bracelet { float: left; width: 271px; height: 138px; }

/**** Small Full Width Banner ****/
.fullSmallBanner { float: left; width: 556px; height: 147px; margin: 20px 0 0 0; }
.fullSmallBanner .txt { float: right; width: 340px; padding: 10px; }
.fullSmallBanner .txt h1 { font: normal 30px/normal 'HelveticaLTStdCondLightRg'; color: #c34e7e; }
.fullSmallBanner .txt p { font: normal 12px/normal Arial, Helvetica, sans-serif; color: #070707; margin: 7px 0; }


/**** Right Content ****/
#rightContent { float: right; width: 206px; }

/**** Right Boxes ****/
.newRange { float: left; width: 100%; }
.newRange h1 { font: normal 18px/22px 'HelveticaRegular'; color: #348da6; text-align: center; }
.newImages { text-align: center; width: 100%; height: auto; margin: 10px 0; }
.newRange p, .newRange p a { width: 184px; color: #9b9b9b; font: normal 11px/16px Arial, Helvetica, sans-serif; }
.newRange h2 { color: #c34e7e; font: normal 15px/16px Arial, Helvetica, sans-serif; }

/*** Socialize Icons ***/
.socialize { float: left; width: 100%; margin: 0; padding:5px 0 0 0; }
.socialize h1 { font: normal 16px/22px 'HelveticaRegular'; color: #348da6; text-align: left; margin-bottom: 10px; }
.socialize .socialIcon { float: left; width: 53px; padding: 0 3px 0 0; margin: 0 6px; background: url(/img/socialBrdr.png) right top no-repeat; }
.socialize .socialIcon.last { background: none; }
.socialize .socialIcon p { color: #9b9b9b; font: normal 11px/16px Arial, Helvetica, sans-serif; margin: 20px 0; }

/**** Customer Review ****/
.customerReview { float: right; width: 190px; margin-top: 10px; border:1px solid #F3F3F3; border-radius:5px;padding:10px;}
.customerReview .reviewMiddle { float: left; width: 190px;}
.customerReview .reviewMiddle h1 { font: normal 18px/22px 'HelveticaRegular'; color: #348da6; text-align: left; }
.customerReview .reviewMiddle h2 { font: bold 12px/18px Arial, Helvetica, sans-serif; color: #898989; text-align: left; margin: 4px 0; padding: 0; }
.customerReview .reviewMiddle p { color: #898989; font: normal 12px/16px Arial, Helvetica, sans-serif; margin: 4px 0; }
.customerReview .reviewMiddle a { color: #b21c1c; font: normal 11px/normal Arial, Helvetica, sans-serif; }
.customerReview .reviewMiddle a:hover { text-decoration: none; }
.customerName { float: left; width: 190px; padding: 0; }
.customerName img { float: left; }
.customerName p.name { color: #c34e7e; font: normal 12px/normal Arial, Helvetica, sans-serif; margin: 0px; padding: 1px 0px 0 5px; float: left; width: 150px; }
.customerName p.date { color: #d17a9e; font: normal 12px/normal Arial, Helvetica, sans-serif; margin: 0px; float: left; width: 150px; padding: 1px 0px 0 5px; }
#divCustomerReviews {height:157px !important;}

/*** Certified start***/
.certified { float: left; width: 556px; height: 202px; margin: 20px 0; }
.certified .lftBg { background: url(/img/certifiedLeft.png) no-repeat left top; float: left; width: 11px; height: 202px; }
.certified .middleBg { background: url(/img/certifiedMiddle.png) repeat-x left top; float: left; width: 534px; height: 182px; padding: 10px 0; }
.certified .middleBg h1 { font: normal 18px/22px 'HelveticaRegular'; color: #348da6; text-align: left; }
.certified .middleBg h1 span { color: #c34e7e; }
#diamnondInner { float: left; width: 100%; height: auto; margin: 22px 0; }
.dmnd { float: left; width: 50px; text-align: center; margin: 0 3px 0 0; }
.dmnd p { margin: 0px; color: #898989; font: normal 11px/16px Arial, Helvetica, sans-serif; }
.certified .rhtBg { background: url(/img/certifiedRht.png) no-repeat left top; float: left; width: 11px; height: 202px; }
/*** best Selling ***/
#bestSelling { float: left; width: 1000px; height: 282px; margin: 15px 0 0 0; }
#bestSelling .lftBest { background: url(/img/bestSellingLft.png) no-repeat left top; float: left; width: 14px; height: 282px; }
#bestSelling .middleBest { background: url(/img/bestSellingMiddle.png) repeat-x left top; float: left; width: 972px; height: 262px; padding: 10px 0; }
#bestSelling .middleBest h1 { font: normal 18px/24px 'HelveticaRegular'; color: #348da6; text-align: left; }
#bestSelling .middleBest .sliderImgages { float: left; width: 1000px; min-height: 200px; margin: 15px 0 0 0; }
#bestSelling .middleBest .sliding { float: left; width: 190px; min-height: 227px; text-align: center; padding: 0 15px; text-align: left; background: url(/img/sliderBrdr.png) no-repeat right top; }
#bestSelling .middleBest .sliding.last { background: none; }
#bestSelling .middleBest .sliding a { text-decoration: none; }
#bestSelling .middleBest .sliding img { }
#bestSelling .middleBest .sliding p { margin: 0px; color: #898989; font: normal 11px/16px Arial, Helvetica, sans-serif; text-align: left; width: 170px; padding: 0px; }
#bestSelling .middleBest .sliding p.price { color: #c34e7e; font: normal 15px/18px Arial, Helvetica, sans-serif; text-align: left; padding-left: 15px; }
#bestSelling .rhtBest { background: url(/img/bestSellingRht.png) no-repeat left top; float: left; width: 14px; height: 282px; }
.leftArrow { float: left; width: 38px; height: 38px; padding: 70px 0 0 0; }
.rightArrow { float: left; width: 38px; height: 38px; padding: 70px 0 0 0; }

/*** Footer  ***/
#footer { background-color: White; float: left; width: 1000px; height: auto; margin: 20px 0 0 0; }
#footer .footerTop { float: left; width: 1000px; height: 15px; background: url(/img/footertTop.png) left top; }
#footer .footerMain { border-left: #c0c0c0 solid 1px; border-right: #c0c0c0 solid 1px; float: left; width: 948px; padding: 0 25px; min-height: 300px; }
.footerLinks { float: left; width: 100%; overflow: hidden; padding: 0 0 10px 0; background: url(/img/linksBtmBrdr.png) center bottom no-repeat; }
#footer .footerMain .links { float: left; width: 170px; min-height: 161px; padding: 15px 0 0 0; margin: 0 24px 0 0; background: url(/img/footer-brdr.png) no-repeat right top; }
#footer .footerMain .links.last { background: none; margin: 0px; }
#footer .footerMain .links h3 { color: #348DA6; font: 16px/22px 'HelveticaRegular'; }
#footer .footerMain .links ul { list-style: none; margin: 5px 0; padding: 0; }
#footer .footerMain .links ul li { list-style: none; padding: 0 0 4px 0; }
#footer .footerMain .links ul li a { text-decoration: none; color: #7a7a7a; font: normal 13px/18px Arial, Helvetica, sans-serif; }
#footer .footerMain .links ul li a:hover { color: #C34E7E; }

/*** Partner ***/
#partners { float: left; width: 100%; height: auto; overflow: hidden; padding: 30px 0; background: url(/img/partnersBtmBrdr.jpg) no-repeat bottom center; }
#partners img { cursor: pointer; }
#partners span { float: left; height: 30px; border-right: #e4e4e4 solid 1px; padding: 3px 28px 0 25px; }
#partners span.last { border: none; margin: 0px; }

/*** Copyright ***/
.footer-Btm { float: left; width: 100%; margin: 15px 0; }
.copyright { float: left; width: auto; margin: 0; color: #a1a1a1; }
.copyright p { color: #a1a1a1; font: normal 11px/16px Arial, Helvetica, sans-serif; margin: 0px 0 3px 0; }
.copyright a { color: #a1a1a1; font: normal 11px/16px Arial, Helvetica, sans-serif; margin: 0px; text-decoration: none; }
.copyright a:hover { color: #5c5c5c; }
.footer_logo { float: right; width: auto; }
.footer_logo img { width: 91px; height: 44px; }
.none { display: none; }
.productPage { color: #555; /*color: #898989;*/ font: 12px/18px Arial, Helvetica, sans-serif; }
.productPage b { color: #555; }
.productImage { height: auto !important; position: relative; padding: 5px; float: left; width: 600px; }
.productImage .thumbs { padding-top: 30px; float: left; width: 65px; text-align: center; }
.productImage .thumbs div { padding: 5px 0; }
.productImage .thumbs div img { border: 1px solid #F3F3F3; padding: 0 1px 0 0; height: 62px; width: 62px; cursor: pointer; }
.productImage .mainImage { text-align: center; float: left; width: 475px; }
.productImage .mainImage #MainImage { width: 450px; height: 450px; }
.productDetail { float: left; width: 388px; }
.breadCrumb, .breadCrumb a { color: #348DA6; font: 16px/22px 'HelveticaRegular'; }
.priceBox { line-height: 20px; width: 240px; }
.priceBox td { text-align: right; }
.priceBox span { float: right; }
.priceBox span.price { color: #c34e7e; }
.priceOut { text-decoration: line-through; }
.prdtDetAtt { color: #555; line-height: 20px; }
.cssbuttons { color: White !important; text-decoration: none !important; display: inline-block; border: 1px solid; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); font-size: 1.05em; padding: 0.15em 1em; line-height: 1.429em; cursor: pointer; background: #C75583; border-radius: 0.333em; -moz-border-radius: 0.333em; -webkit-border-radius: 0.333em; border-color: #D37099 #C75583; }
.cssbuttons[disabled=disabled], .cssbuttons[disabled=false], .cssbuttons[disabled] { background: Silver; }
.btnAddToCart { font-weight: bold; padding: 0.15em 2em; }
.rcShadow { padding: 5px 8px; border-radius: 4px; box-shadow: 0 2px 8px #C0C0C0; }
.addCart { padding: 12px 0; }
.pnlSetting { position: relative; }
.productPage .pnlProcessing { position: relative; }
.productPage .pnlProcessing .process .learn { left: 0; position: absolute; display: none; float: left; width: 347px; background: #fff; }
.productPage .pnlProcessing .process:hover .learn { display: block; }
.pnlSettingOption { z-index: 1; background-color: White; display: none; position: absolute; padding: 6px 25px 6px 15px; }
.pnlSettingOption a { font-weight: bold; line-height: 22px; }
.pnlSetting:hover .pnlSettingOption { display: block; }
.productInfo { padding: 10px 8px 0; border-radius: 4px; border: solid 1px #F3F3F3; width: 982px; float: left; }
/*Product Specifications*/
.productSpec { float: left; width: 48%; }
table.proSpec td { padding: 4px 3px; }
table.proSpec tr.row { border: solid 3px white; }
table.proSpec td.proSpecHead b { background-color: #F7F7F7; border-radius: 3px; box-shadow: 0 2px 4px silver; display: block; padding: 3px; }
table.proSpec td.proSpecHead { padding-top: 2px; }
/*Product Specifications End*/

.productDesc { float: left; width: 52%; }
.productInfo .desc { color: #555; /*color: #898989;*/ font: 12px/18px Arial, Helvetica, sans-serif; padding: 5px 10px; }
#recentProducts img { margin-left: 30px; }
#recentProducts p { max-width: 242px; color: #898989; font: 11px/16px Arial,Helvetica,sans-serif; padding: 0; text-align: left; }
#recentProducts p.price { color: #c34e7e; font: normal 15px/18px Arial, Helvetica, sans-serif; text-align: left; padding-left: 15px; }
.productAtts { border: 0 none; margin: 10px 0; float: left; height: 100px; padding: 5px 0 10px 5px; }
.productAtts .productAtt { float: left; width: 150px; }
.productAtts .productAtt div { padding: 0; }
.productAtts .productAtt a { color: #898989; text-decoration: none; }
.productAtts .productAtt center b { background-color: #F7F7F7; border-radius: 3px 3px 3px 3px; box-shadow: 0 2px 4px silver; line-height: 20px; padding: 3px 10px 0 10px; }
.productAtts .productAtt img, .productAtts .productAtt img { border: solid 1px silver !important; border-radius: 4px; box-shadow: 0 6px 4px silver; }
.productDetail .shareButtons { padding: 10px 5px; }
.productDetail .shareButtons a, .productDetail .shareButtons a:hover { text-decoration: none; }
.productDetail .shareButtons a img { padding: 0 15px 0 5px; background: url(/img/socialBrdr.png) no-repeat scroll right top transparent; }
.productDetail .shareButtons a img.last { background: none; }
.categoryPage { /*padding: 10px 20px;*/ color: #555; font: 12px/18px Arial, Helvetica, sans-serif; }
.categoryPage .catList { height: 210px; position: relative; padding: 5px 25px; }
.categoryPage .catList .desc { margin: 5px; padding: 5px 0 0 15px; float: left; width: 660px; height: 140px; }
.categoryPage .catList .desc .button { margin-top: 10px; float: left; clear: none; width: 80px; }
.categoryPage .catList .desc h1 { /*color: #C34E7E;*/ font: 20px 'HelveticaLTStdCondLightRg'; float: left; clear: none; width: 580px; }
.categoryPage .catList .desc span { padding-top: 5px; float: left; color: #555555; font: 12px/18px Arial,Helvetica,sans-serif; }
.categoryPage .catList .catImg { float: left; height: 210px; width: 210px; margin: 5px; }
.categoryPage .catList .catImg img { width: 210px; height: 210px; }
.categoryPage .catList .thumbs { height: 60px; float: left; left: 250px; }
.categoryPage .catList .thumbs img.icon { border: 1px solid #F3F3F3; cursor: pointer; padding: 0 8px; width: auto; height: 60px; }
.categoryPage .catList .thumbs img.zoom { left: 30px; top: 10px; position: absolute; width: 210px; height: 210px; display: none; }
.categoryPage .catList .thumbs .thumb:hover img.zoom { display: block; }
.categoryPage .catList .financial { text-align: right; float: right; }
.categoryPage .catList .financial .price { padding-right: 20px; margin-top: 3px; float: left; color: #555; font: 30px 'HelveticaLTStdCondLightRg'; }
.categoryPage .catList .financial a { margin-top: 10px; display: block; float: left; }
.categoryPage .sep { padding: 15px 0 5px; }
.inputbox { background: -moz-linear-gradient(center top , #D4D4D4, #EBEBEB 3px, white 27px) repeat scroll 0 0%, none repeat scroll 0 0 white; background: -webkit-gradient(linear,left top,left bottom,from(#D4D4D4),to(White),color-stop(0.03, #EBEBEB)) repeat scroll 0 0%, none repeat scroll 0 0 white; border: 1px solid #89BAD3; border-radius: 0.417em 0.417em 0.417em 0.417em; color: #333333; font-size: 1em; line-height: 1em; padding: 0.19em; font-family: Verdana,Arial,Helvetica,sans-serif; text-align: left; }

.inputboxWaterMark { background: -moz-linear-gradient(center top , #D4D4D4, #EBEBEB 3px, white 27px) repeat scroll 0 0%, none repeat scroll 0 0 white; background: -webkit-gradient(linear,left top,left bottom,from(#D4D4D4),to(White),color-stop(0.03, #EBEBEB)) repeat scroll 0 0%, none repeat scroll 0 0 white; border: 1px solid #89BAD3; border-radius: 0.417em 0.417em 0.417em 0.417em; color: Gray; font-size: 1em; line-height: 1em; padding: 0.19em; font-family: Verdana,Arial,Helvetica,sans-serif; text-align: left; }
table.pnl { background: #FDFDFF url('/img/Panel/MR.png') top right repeat-y; padding: 0; border-spacing: 0; border-collapse: separate; }
table.pnl td.pnlTL { width: 10px; background: url('/img/Panel/TL.png') no-repeat; }
table.pnl td.pnlTM { padding-top: 5px; line-height: 25px; height: 25px !important; background: #FFF url('/img/Panel/TM.png') repeat-x; vertical-align: middle; text-align: center; border-bottom: solid 1px #EEEFFF; }
table.pnl td.pnlTR { width: 10px; background: url('/img/Panel/TR.png') no-repeat top right; }
table.pnl .pnlML { background: url('/img/Panel/ML.png') top left repeat-y; }
table.pnl td.pnlBL { width: 10px; background: url('/img/Panel/BL.png') no-repeat bottom left; }
table.pnl td.pnlBM { background: url('/img/Panel/BM.png') repeat-x bottom left; }
table.pnl td.pnlBR { width: 10px; background: url('/img/Panel/BR.png') no-repeat bottom right; }

div.pnl { position: relative; background-color: #FDFDFF; }
div.pnl div.pnlBM { width: 100%; float: left; background: url('/img/Panel/BM.png') repeat-x; }
div.pnl div.pnlBM div.pnlBL { float: left; width: 14px; background: url(/img/Panel/BL.png) no-repeat; }
div.pnl div.pnlBM div.pnlBR { float: right; width: 14px; background: url(/img/Panel/BR.png) no-repeat; }
.btnView { display: inline-table; background: url(/img/readBtnSmall.png) no-repeat left top; width: 50px; height: 22px; color: #fff !important; text-align: center; line-height: 22px !important; }
.btnView:hover { background: url(/img/readBtnSmallHover.png) no-repeat left top; text-decoration: none; }
.searchBox { line-height: 28px; }
.searchBox b { float: left; width: 108px; }
#stoneList { padding-top: 5px; }
#stoneList img { cursor: pointer; margin: 2px; height: 27px; width: 27px; }
#stoneList .input, #stoneList .slider { margin-top: 5px; }
#stoneList .input input { width: 30px; font-size: 10px; }
.ui-widget-content { border: 1px solid #CD608C; background: #fcfdfd; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #CD608C; background: #CD608C; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; border: none; width: 1.5em; height: 1.3em; background: url(jquery/images/dia.gif) no-repeat top left; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .3em; }
.ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.catGrid { border: solid 1px #FFF; width: 320px !important; position: relative; width: 333px; float: left; padding: 8px 0; }
.catGrid b { padding-top: 2px; width: 333px; float: left; clear: both; }
.catGrid .pop a { margin: 3px 0; }
.catGrid .pop { display: none; position: absolute; }
.catGrid .pop0 { width: 320px; z-index: 1; left: -1px; background: #FFF; border-top: 0 none; }
.catGrid:hover { border-bottom: 0 none; }
.catGrid:hover .pop { display: block; }
.catGrid .pop1 { top: 45px; height: 321px; z-index: 1; }
.catGrid:hover .pop1:hover { display: none; }

.ringDetail { background-color: White; /*background: url(/images/row_info_callout.png) no-repeat center top;*/ box-shadow: 0 2px 5px #888888; -webkit-box-shadow: 0 2px 5px #888888; /* Safari */ -moz-box-shadow: 0 2px 5px #888888; /* mozilla */ border-radius: 4px; -webkit-border-radius: 4px; /* Safari */ -moz-border-radius: 4px; /* mozilla */ border: solid 1px silver; font-family: verdana; float: left; width: 175px; /*height: 140px;*/ padding: 5px 0 20px 9px; }
.ringDetail .info_container { float: left; width: 139px; /*height: 138px;*/ font-size: 0.9em; font-family: Arial Greek; }
.ringDetail .info_container table td.head { text-align: center; white-space: nowrap; padding-top: 8px; color: #348DA6; font-family: Times New Roman,Times,serif; font-size: 11pt; }
.ringDetail .info_container table tr.trUline td { border-top: solid 1px silver; }

.perAtt { position: relative; }
.perAtt .perSett { display: none; position: absolute; background: white; z-index: 2; left: -60px; top: 107px; padding: 10px 0 0 0; width: 400px; }
.perAtt:hover .perSett { display: block; }

table.review td.left { width: 30%; vertical-align: top !important; }
table.review span { float: left; background: url(../img/star.gif) repeat-x; height: 16px; }
table.review span.pv { background-position: 0 -32px; }
table.review span.nv { background-position: right 0; }
table.review span.rate { background: #333 !important; border-radius: 0.2em; padding: 1px 3px; color: White; margin-left: 5px; }

table.review span.pvc { background: #EBBA21; float: left; height: 16px; }
table.review span.nvc { background: #EDEBEC; float: left; height: 16px; }
.sepBottom { border-bottom: solid 1px silver; }




/* next stylesheet */

.curved { border-radius: 10px; background-color: black; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(border-radius.htc); }
/*
.ldSearch { border: 1px solid #A0AEBB; border-bottom: none; text-align: center; float: left; height: 40px; line-height: 40px; width: 786px; }
*/
.ldSearch { border: 1px solid #A0AEBB; border-bottom: none; text-align: center; float: left; height: 40px; line-height: 40px; width: 786px; }

.ldSearch .Heading { padding-left: 15px; font-size: x-large; font-family: "Times New Roman" ,Times,serif; font-variant: small-caps; float: left; }
.ldSearch div { float: left; }
.ldSearch div.Diamonds { float: none; width: 786px; z-index: 1; }
.ldSearch div.Diamonds img { border-right: solid 1px silver; width: 73px; height: 40px; }
.ldSearch div.Diamonds img.last { border-right: 0 none; }
.ldSearch div.advSearch { padding-left: 25px; }
.ldSearch div.container { margin-top: 10px; margin-left: 15px; width: 700px; }
.ldSearch div.container div.input { width: 706px; }
.ldSearch div.container span { float: left; }
.ldSearch div.container input { text-align: center; margin-top: 5px; width: 65px; }
.ldSearch div.container input.left { float: left; }
.ldSearch div.container input.right { float: right; }
.ldSearch div.container div.cuts span { margin: -8px 0 0 123px; }
.ldSearch div.container div.cuts span.first { margin: -8px 0 0 0; }
.ldSearch div.container div.colors span { margin: -8px 0 0 92px; }
.ldSearch div.container div.colors span.first { margin: -8px 0 0 0; }
.ldSearch div.container div.clarities span { margin: -8px 0 0 77px; }
.ldSearch div.container div.clarities span.fisrt { margin: -8px 0 0 0; }
.ldSearch div.container div.polish span { margin: -8px 0 0 250px; }
.ldSearch div.container div.polish span.first { margin: -8px 0 0 0; }
.ldSearch div.container div.flourescence span { margin: -8px 0 0 115px; }
.ldSearch div.container div.flourescence span.first { margin: -8px 0 0 0; }
.ldSearch div.container div.days span { margin: -8px 0 0 166px; }
.ldSearch div.container div.days span.first { margin: -8px 0 0 0; }
.ldSearch div.slider { width: 711px; }
.ldSearch div.container div.certificates input { width: auto !important; }
.ldSearch div.container div.certificates label { width: auto !important; }
.ldSearch div.container div.certificates span { margin: -8px 0 0 88px; }
.ldSearch div.container div.certificates span.first { margin: -8px 0 0 0; }
.ldSearch div img { cursor: pointer; float: left; }
.ldItem { border-right: 1px solid #A0AEBB; }
.ldItem span { padding: 0 24px; }
.ldLeft { border-right: 1px solid #A0AEBB; width: 46px; }
div.advWrapper { padding-left: 10px; width: 241px; height: 246px; line-height: 18px; border-right: solid 1px #A0AEBB; border-bottom: solid 1px #A0AEBB; }
div.advContainer { padding: 5px 0; width: 220px; }

div.advContainer div.advItem { margin: 5px 5px 5px 0; width: 200px; }
div.advContainer input { float: left; width: 25px; }
div.advContainer div.advItem input { width: 35px; }
div.advContainer div.advItem input.left { float: left; }
div.advContainer div.advItem input.right { float: right; }
div.advContainer div.advItem span { white-space: nowrap; margin-left: 27px; }
div.advContainer div.advItem span.first { margin: 0 !important; padding-top: 3px; width: 36px; line-height: 13px; white-space: pre-wrap !important; float: left; }
div.advContainer div.advFl span { margin-left: 6px; }
div.aCertificate { display: inline; width: 30px !important; cursor: pointer; }
div#divPager { height: 360px; }
div#divPager div { background: none !important; }
div#divPager a { left: -.5em; background: url(../images/scrollbar_handle.gif) no-repeat; height: 1.5em; width: 2em; }
a.aCertificateLink { }
div.divSliderInfo { font-family: Calibri !important; font-size: 9pt !important; box-shadow: 5px 5px 5px #888888; -webkit-box-shadow: 5px 5px 5px #888888; /* Safari */ -moz-box-shadow: 5px 5px 5px #888888; /* mozilla */ border-radius: 4px; -webkit-border-radius: 4px; /* Safari */ -moz-border-radius: 4px; /* mozilla */ border: solid 1px silver; padding: 10px; text-align: left; background-color: White; position: absolute; left: -170px; width: 145px; z-index: 999999999; }
.SearchBack { background: #fdfffe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmZmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZiZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y0ZjVmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2YwZWVmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #fdfffe 0%, #fbffff 25%, #f4f5f7 50%, #f0eef1 75%, #e9efef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfffe), color-stop(25%,#fbffff), color-stop(50%,#f4f5f7), color-stop(75%,#f0eef1), color-stop(100%,#e9efef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #fdfffe 0%,#fbffff 25%,#f4f5f7 50%,#f0eef1 75%,#e9efef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #fdfffe 0%,#fbffff 25%,#f4f5f7 50%,#f0eef1 75%,#e9efef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #fdfffe 0%,#fbffff 25%,#f4f5f7 50%,#f0eef1 75%,#e9efef 100%); /* IE10+ */ background: linear-gradient(top,  #fdfffe 0%,#fbffff 25%,#f4f5f7 50%,#f0eef1 75%,#e9efef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfffe', endColorstr='#e9efef',GradientType=0 ); /* IE6-8 */ }
div#DiamondDetails { position: absolute; left: -195px; top: 550px; width: 198px; height: 290px; background: url(../images/DiamondDetails.png); z-index: 999999999; }

div#DiamondDetails img#imgPointer { float: right; position: absolute; right: -8px; }

div#DiamondDetails div#divPanel { background-color: White; color: #555555; float: left; margin: 25px 0 0 20px; line-height: 16px; width: 165px; /* height: 250px; */ }
div#DiamondDetails div#divPanel span { font-size: 7.0pt; padding: 1px 0 0 0; border-bottom: 1px solid silver; width: 165px; float: left; }
#tblProducts td { height: 27px; border-top: 1px solid silver; }
#tblProducts tr.sep td { border-top: 0 none; }

/*.ui-widget-content { border: 1px solid #012967; background: #fcfdfd; color: #222222; }  vinod */
/* .ui-widget-content {border: 1px solid #012967;background: url(../images/barbg.png) repeat scroll 0 0 transparent;height: 17px;position: absolute;width: 248px;z-index: 100;} */
.ui-widget-content { border: 1px solid #012967; background: #fcfdfd; color: #222222; }  
/*.ui-widget-content2 { border: 1px solid #012967; background: #fcfdfd;background: url(../images/barbg.png) repeat scroll 0 0 transparent;height: 17px;position: absolute;width: 248px;z-index: 100;}  
*/

/*.ui-widget-content2 { border: 1px solid #012967; background: #fcfdfd;background: url(../images/barbg.png) repeat scroll 0 0 transparent;height: 17px;position: absolute;width: 248px;z-index: 100;}  */
.ui-widget-content2 { border: 0px solid #012967; 
/*background: #fcfdfd;*/
background: url(../images/barbg.png) no-repeat scroll 0 0 transparent;
background-position:bottom; 
height: 12px;
position: absolute;
width: 248px;z-index: 100;}  

.ui-widget-content4 { border: 0px solid #012967; 
/*background: #fcfdfd;*/
background: url(../images/barbg4.png) no-repeat scroll 0 0 transparent;
background-position:bottom; 
height: 12px;
position: absolute;
width: 248px;z-index: 100;}  


.ui-widget-content5 
{
	border: 0px solid #012967; 
	/*background: #fcfdfd;*/
	/*background: url(../images/barbg6.png) no-repeat scroll 0 0 transparent;*/
	background: url(../images/barbg6.png) no-repeat scroll 0 0 transparent;
	background-position:bottom; 
	height: 12px;
	position: absolute;
	width: 248px;
	z-index: 100;
 
}  

.ui-widget-content55 
{
	border: 0px solid #012967; 
	/*background: #fcfdfd;*/
	/*background: url(../images/barbg6.png) no-repeat scroll 0 0 transparent;*/
	background: url(../images/barbg5.png) no-repeat scroll 0 0 transparent;
	background-position:bottom; 
	height: 12px;
	position: absolute;
	width: 248px;
	z-index: 100;
 
} 

.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #CD608C; background: #012967; color: #ffffff; font-weight: bold; } 
/*.ui-widget-header2 { border: 1px solid #CD608C; background: url(../images/diamondcolorbar.png) repeat scroll 0 0 transparent;height: 17px;position: absolute;width: 248px;z-index: 100; color: #ffffff; font-weight: bold; } */
.ui-widget-header2 { border: 0px solid #CD608C; 
background: url(../images/diamondcolorbar6.png) repeat scroll 0 0 transparent;
background-size:60px 20px;
height: 17px;position: absolute;width: 248px;z-index: 100; color: #ffffff; font-weight: bold; 
margin-top: 0px;
}

.ui-widget-header3 { border: 0px solid #CD608C; 
background: url(../images/diamondcolorbarBig6.png) repeat scroll 0 0 transparent;
background-size:78px 20px;
height: 17px;position: absolute;width: 248px;z-index: 100; color: #ffffff; font-weight: bold; 
margin-top: 0px;
}

.ui-widget-header4 { border: 0px solid #CD608C; 
background: url(../images/diamondcolorbarSmall6.png) repeat scroll 0 0 transparent;
/*background-size:48px 20px;*/
/* background-size:106px 20px; */
background-size:122px 20px;
height: 17px;position: absolute;width: 248px;z-index: 100; color: #ffffff; font-weight: bold; 
margin-top: 0px;
}

/*
.ui-widget-header5 { border: 0px solid #CD608C; 
background: url(../images/barbg5.png) repeat scroll 0 0 transparent;
background-size:48px 20px;
height: 17px;position: absolute;width: 248px;z-index: 100; color: #ffffff; font-weight: bold; 
margin-top: 0px;
}
*/


.ui-widget-header55 { border: 0px solid #CD608C; 
/*background: url(../images/diamondcolorbarSmall.png) repeat scroll 0 0 transparent;*/
background: url(../images/diamondcolorbarBig4.PNG) repeat scroll 0 0 transparent;
/*background-size:48px 20px;*/
/* background-size:106px 20px; */
background-size:48px 20px;
height: 17px;position: absolute;width: 248px;z-index: 100; color: #ffffff; font-weight: bold; 
margin-top: 0px;
}

/*.ui-widget-header a { color: #ffffff; } */
.ui-widget-header a { color: #ffffff; }

table.GridView { background: #E9EFEF; border-radius: 4px; margin: 0 0 10px 0; border: 1px solid silver; }
table.GridView { text-align: center; }
.cssbuttons1 { background: #555 !important; border: 0 none; box-shadow: 0 1px 4px #555; -moz-box-shadow: 0 1px 4px #555; -webkit-box-shadow: 0 1px 4px #555; color: White !important; text-decoration: none !important; display: inline-block; font-size: 1.05em; padding: 0.15em 1em; line-height: 1.429em; cursor: pointer; border-radius: 0.333em; -moz-border-radius: 0.333em; -webkit-border-radius: 0.333em; }
.GridHeader { background: #F4F5F7; color: #348DA6; font-weight: bold; text-align: center; }
.GridRow { background: #F4F5F7; }
.GridRowAlt { background: #FDFFFE; }
#tdPager { background-color: White; width: 15px; }
#tdPager:hover { background-color: White; }
div#divPager { display: inline-block; width: 9px; }
div#divPager div { background: none !important; }
div#divPager a { -moz-border-radius: none !important; left: -3px; width: 15px; height: 13px; background: url(../images/scrollbar_handle.jpg) no-repeat; }

.personalize { position: relative; }
.personalize .setting { display: none; position: absolute; background: white; z-index: 2; left: 195px; top: -100px; }
.personalize:hover .setting { display: block; }