/*=== Setup ===*/
*{
    border: 0;
    margin: 0;
    padding: 0
}
body{
    background: #2B3135 no-repeat center top;
    color: #2c2c2c;
    padding: 0 0 15px
}
a{
    color: #336699;
    text-decoration: none
}
a:hover{
    text-decoration: underline
}
input,select,textarea{
    border: #999999 1px solid;
    font-size: 11px;
    padding: 2px
}
li{
    list-style: none
}
h2{
    font-size: 1.4em;
    margin: 0 0 .5em
}
h3{
    font-size: 1.2em;
    margin: 0 0 .5em
}
h4{
    font-size: 1em;
    margin: 0 0 1em
}
h5{
    font-size: 1em
}
p{
    padding: 0 0 1em
}
.left{float:left;}
.right{float:right;}
.clearfix:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
html .clearfix {
    *height:1%;
}
/*=== Layout ===url(/static/images/page-bgr.gif) */
#page{
    background: #ffffff no-repeat top;
    height: 1%;
    margin: 0 auto;
    padding: 20px 12px 20px;
    width: 946px
}
#page-top{
    /* background: url(/static/images/page-top.gif) no-repeat top;*/
    background-color:#636363;
    color: #FFFFFF;  /*#f0f0f0*/
    font-size: 13px;
    height: 38px;
    margin: 0 auto;
    text-align: center;
    width: 970px;
    padding: 10px 0 0;
}
#page-top .content{
    margin: 0 auto;
    width: 450px;
    color: #FFFFFF;
    float:left;
    text-align:left;
    padding: 6px 12px
}

#page-top .content_right{
    margin: 0 auto;
    width: 250px;
    color: #FFFFFF;
    float:right;
    text-align:right;
}
#page-top a{
    color: #FFFFFF;
    text-decoration: none;
}
#page-top .addc{
    float: right;
    font-size: 11px;
}
#page-top img{
    margin: 0 5px -2px
}
#page-bot{
    background: url(/static/images/page-bot.gif) no-repeat top;
    height: 11px;
    margin: 0 auto;
    width: 970px
}
/*=== Header ===    height: 120px;*/
#header{

    margin: 0 auto;
    width: 970px
}
/*
#header .content{
    float: right;
    padding: 18px 0 0;
    width: 710px;
}
*/
/*- Logo -*/
#header h1{
    background: url(/static/images/logo_old.png) no-repeat;
    float: left;
    text-indent: -9999px;
    width: 250px;
    border: none;
    margin-top:10px
}
#header h1 a{
    display: block;
    height: 120px;
    border: none;
}
#header h1 a:hover{
    text-decoration: none
}
/*-  content top Info -*/
#top-info{
    color: #f0f0f0;
    float: right;
    font-size: 11px;
    /* height: 27px; */
    margin: 0 0 8px;
    padding:  20px 0 0 ;
}
#top-info img{
    margin: 0 0 -10px;
    position: relative
}
#top-info a{
    color: #f0f0f0;
    text-decoration: none
}
#top-info ul{clear:right;float:right;}
#top-info li{float:left; padding:5px;*padding:2px 5px;_padding:2px 5px; font-size:12px;}
/*=== Navigation ===*/
/*- Nav1 -*/

.nav{ margin-top:15px; height:28px; border-bottom:#636363 solid 2px; border-top:#636363 solid 2px;}
.nav li{ line-height:28px; padding:0 10px; font-size:14px;}
#nav1 li a:hover{ color:#FF0;}
.nav img{line-height:28px;}
#nav1{
    /* clear: both; */
    font-size: 14px;
    font-weight: normal;
    margin:10px 0 15px; 
    border-bottom:#636363 solid 2px; 
    border-top:#636363 solid 2px;
    text-transform: uppercase;
    width:680px;
    float:right;
}
#nav1 ul{
    float: right;
    height:28px; 
}
#nav1 li{
    float: left;
    line-height: 28px;
    padding: 0 10px 0 15px;
}
#nav1 li.first{
    padding-left: 0
}
#nav1 li a{
    color: #f0f0f0;
    display: block;
    float: left
}
#nav1 li a:hover,
#nav1 li.active a{
    text-decoration: underline
}
/*- Nav2 -*/
.nav2{
    font-size: 14px
}
.nav2 h3{
    margin-top: 8px;
    background: url(/static/new/imges/hd-bg.png) repeat-x top;
    color: #ffffff;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    padding: 0 0 0 9px
}
.nav2 ul{
    margin: 0 0 .2em
}
.nav2 li{
    margin: 0 0 4px;
    overflow: hidden;
}
.nav2 li ul {
    margin-top: 4px; 
    margin-left: 8px;
    /*visibility: hidden;*/
}

.nav2 ul li ul li ul{ font-size: 0.9em; }

/*.nav2 li:hover ul {
    visibility: visible;
}*/
.nav2  a{
    color: #2c2c2c;
    display: block;
    height: 21px;
    line-height: 21px;
    padding: 0 0 0 45px
}
.nav2  a:hover,
.nav2  a.current{
    text-decoration: underline;
    color: #AF88BE;
}

.nav2 li.ico01 a{
    background: url(/static/images/ico01.gif) no-repeat 16px 0
}
.nav2 li.ico02 a{
    background: url(/static/images/ico02.gif) no-repeat 16px 0
}
.nav2 li.ico03 a{
    background: url(/static/images/ico03.gif) no-repeat 16px 0
}
.nav2 li.ico04 a{
    background: url(/static/images/ico04.gif) no-repeat 16px 0
}
.nav2 li.ico05 a{
    background: url(/static/images/ico05.gif) no-repeat 16px 0
}
.nav2 li.ico06 a{
    background: url(/static/images/ico06.gif) no-repeat 16px 0
}
.nav2 li.ico07 a{
    background: url(/static/images/ico07.gif) no-repeat 16px 0
}
.nav2 li.ico08 a{
    background: url(/static/images/ico08.gif) no-repeat 16px 0
}
.nav2 li.ico09 a{
    background: url(/static/images/ico09.gif) no-repeat 16px 0
}
.nav2 li.ico10 a{
    background: url(/static/images/ico10.gif) no-repeat 16px 0
}
.nav2 li.ico11 a{
    background: url(/static/images/ico11.gif) no-repeat 16px 0
}
.nav2 li.ico12 a{
    background: url(/static/images/ico12.gif) no-repeat 16px 0
}
.nav2 li.ico13 a{
    background: url(/static/images/ico13.gif) no-repeat 16px 0
}
.nav2 li.ico14 a{
    background: url(/static/images/ico14.gif) no-repeat 16px 0
}
/*- Nav3 -*/
.nav3{
    clear: both;
    font-size: 16px;
    height: 26px;
    position: relative;
    text-transform: capitalize
}
* html .nav3{
    margin: 0 0 -1px;
    position: relative
}
.nav3 li{
    float: left;
    line-height: 26px;
    margin: 0 5px 0 0
}
.nav3 li a{
    background: url(/static/images/ico-dot.gif) #e9f4fd repeat-x bottom;
    border: 1px solid #c2d1dc;
    border-bottom: 0;
    color: #073f67;
    display: block;
    float: left;
    padding: 0 20px;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
.nav3 li a:hover,
.nav3 li.active a{
    background: #e9f4fd;
    text-decoration: none
}
/*- Paging -*/
.paging{
    height: 30px;
    margin: 0 0;
    padding: 5px 0 0
}
.paging ul{
    text-align: right
}
.paging li{
    display: inline;
    font-size: 12px;
    padding: 0 0 0 4px
}
.paging li a{
    text-decoration: underline
}
/*=== Title Placeholder ===*/
#title{
    height: 341px;
    margin: 0 0 25px;
    overflow: hidden;
    width: 696px
}
/*=== All Columns ===*/
#columns{
    background: url(/static/images/columns-bgr.gif) repeat-y;
    height: 1%
}
/*=== Left Column ===*/
#leftcol{
    float: left;
    width: 215px;
}
/*=== Center Column ===*/
#centercol{
    float: right;
    width: 700px;
}
/*=== Sub Columns ===*/
/*footer*/
.footer{ padding:0;}
.footer .col4 {
width:700px;
border-top:#6a6a6a 1px solid;

}
.footer .col4 div {
float:left;
padding:0 0 0 33px;
}


.subcols h2 {
color:#4A0707;
font-size:15px;
font-weight:normal;
text-transform:uppercase;
}




.subcols2 {

color:#2C2C2C;
font-size:11px;
height:1%;

}
.subcols2.nobg {
background:none repeat scroll 0 0 transparent;
}

.subcols2 li{padding:2px 0;}

.subcols2 a {
color:#2c2c2c;
text-decoration:underline;
}
.subcols2 h2 {
text-decoration:underline;
font-size:16px;
font-weight:normal;
margin:0 0 1em;
}

.footer .pic{ height:300px;font-size:12px; width:215px; float:left; border-right:1px solid #D5D5D5; padding:10px; }



/*- Subcols1 -
.subcols{
    background: url(/static/images/subcols-bgr.gif) repeat-y left;
    color: #323232;
    height: 1%
}
.subcols a{
    color: #323232;
    text-decoration: underline
}
.subcols h2{
    color: #4a0707;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase
}
*/
/*- Subcols1 -
.subcols2{
    background: url(/static/images/subcols2-bgr.gif) repeat-y right;
    color: #2c2c2c;
    font-size: 11px;
    height: 1%;
    padding: 0 0 15px
}
.subcols2.nobg{
    background: none
}
.subcols2 a{
    color: #2c2c2c
}
.subcols2 h2{
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 1em
}
*/
/*- Multiple Width Columns -*/
.col1{
    float: left;
    padding: 0 0 0 15px;
    width: 165px
}
.col2{
    float: left;
    margin: 0 0 0 55px;
    width: 195px
}
.col3{
    float: left;
    margin: 0 0 0 60px;
    width: 180px
}
.col4{
    float: left;
    width: 615px
}
.col4 div{
    float: left;
    padding: 0 0 0 22px
}
.nobg .col4{
    float: right;
    width: 696px
}
.col5{
    float: right;
    font-size: .9em;
    width: 280px
}
.col5 a{
    text-decoration: underline
}
.nobg .col5{
    float: left;
    padding: 0 0 0 20px;
    width: 200px
}
.col6{
    float: left;
    width: 425px
}
.col7{
    float: right;
    width: 475px
}
.col8{
    float: left;
    width: 475px
}
.col9{
    float: right;
    width: 190px
}
.col10{
    float: left;
    height: 1%;
    width: 385px
}
.col10 .fl, .col10 .fr{
    padding: 0 10px
}
.col11{
    float: right;
    height: 1%;
    width: 280px
}
/*=== Styling Boxes ===*/
/*- Box1, Box2 -*/
.box{
    background: #e9f4fd;
    border: 1px solid #c2d1dc;
    color: #6d7b85;
    font-size: 10px;
    height: 1%;
    margin: 0 0 15px;
    padding: 15px 10px 10px
}
.box h2{
    font-size: 16px;
    margin: 0;
    padding: 0px;

}
.box h3, .box2 h3{
    color: #073f67;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 1em
}
.box2 h3{
    margin: 0
}
.box h3 em, .box2 h3 em{
    background: #dfe8ef;
    border: 1px solid #c2d1dc;
    font-style: normal;
    padding: 4px 5px;
    position: relative
}
.box big{
    font-size: 11px
}
.box.builder{
    padding: 5px 20px
}
.box.builder img{
    margin: 0 0 -1px;
    position: relative
}
.box.builder a{
    text-decoration: none
}
.box.builder.min{
    background: url(/static/images/builder-bgr.gif) #652626 repeat-x top;
    color: #ffffff;
    padding: 6px 20px 6px 10px
}
.box.builder.min a{
    color: #ffffff
}
.box.builder.min .fl img{
    float: left;
    margin: -2px 0 -7px
}
/*- Box3 -*/
.box3{
    border: 1px solid #cad8e3;
    color: #073f67;
    height: 37px;/*1%;*/
    margin: 0 0 25px;
    padding: 10px;
    text-align: center
}
.box3 h3{
    margin: 0 0 2px
}
.box3 p{
    font-size: 14px;
    padding: 0
}
/*- Box4 -*/
.box4{
    border: 1px solid #c2d1dc;
    color: #073f67;
    font-size: 16px;
    height: 1%;
    margin: 0 0 15px;
    padding: 10px
}
.box4 a, .box4 .box a{
    color: #073f67;
    text-decoration: underline
}
.box4 .box{
    color: #073f67;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 10px
}
.box4 .box h3{
    margin: 0 0 10px;
    text-decoration: underline
}
.box4 select{
    margin: 6px 0
}
/*- Call Info -*/
.call-info{
    color: #861a1a;
    font-size: 21px;
    font-weight: bold;
    height: 1%;
    padding: 10px 0;
    text-align: center
}
/*- Quality Cert. -*/
.quality{
    height: 1%;
    text-align: center
}
.quality h5{
    font-weight: normal
}
.quality li{
    float: left;
    width: 90px;
    height: 50px;
    padding: 20px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
}
.quality input.check {
    margin: 0px;
    float: left;
    padding: 0px;
    color: #880000;
    border: none;
    z-index: 100;
    height: 90px;
}
.col9 .quality li{
    margin: 0 0 25px
}
/*- 'Range' Sliders 
.slider{
    float: left;
    margin: 10px 0 10px;
    padding: 0 10px;
    width: 315px
} -*/
.slider h3 {
    margin: 0 0 25px;
}
/*- Search Results -*/
.sresults{
    /*float: right;*/
    margin: auto;
    padding: 0px;
    width: 536px;
}
.searchresults td.money, .searchresults tr.row td.money{
    font-size:110%;
    font-family: Tahoma, Geneva, sans-serif;
    background-color:#FFFF88;
background:none repeat scroll 0 0 #DFE8EF;
border-bottom:1px solid #C2D1DC;
}

/*- Style for price prematched rows-*/
.searchresults td.rowmatch, .searchresults tr.row td.rowmatch{
    font-size:110%;
    font-family: Tahoma, Geneva, sans-serif;
    background-color:#FFFF88;
background:none repeat scroll 0 0 #ccb7d4;
border-bottom:1px solid #C2D1DC;
}
/*=== Styling Forms ===*/
input.btn{
    background: none;
    border: 0;
    margin: 0;
    padding: 0
}
select{
    padding: 1px
}
/*- Search -*/
#search{
    background: url(/static/images/search-bgr.gif) no-repeat top;
    height: 25px;
    margin: 0 0 0 10px;
    width: 198px
}
#search input{
    background: transparent;
    border: 0;
    float: right;
    margin: 4px 0 0;
    width: 160px
}
#search input.btn{
    float: left;
    margin: 5px 0 0 5px;
    width: auto
}

/*- Form1 Setup -*/
.form1{
    margin: 0 0 1em 1em;
}
/*
.form1 div{
    float: left;
    margin: 0 2px 5px;
    text-align: center;
    width: 45px
}
*/
.form1 input{
    width: 100px
}
/* Form1 Buttons */
.form1 input.btn{
    width: auto
}
/* Form1 Checkboxes, Radio inputs */
.form1 .chk input{
    background: none;
    border: 0;
    height: 15px;
    margin: 1px 0 0;
    padding: 0;
    width: 15px
}
.form1 .chk label{
    font-size: 90%;
    float: none
}
/*=== Link Buttons ===*/
.btn-link{
    background: url(/static/images/btn-link.gif) no-repeat top;
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    letter-spacing: -1px;
    line-height: 29px;
    text-align: center;
    width: 130px
}
.btn-link a{
    color: #ffffff
}
.btn-results{
    background: url(/static/images/btn-results.gif) no-repeat top;
    color: #ffffff;
    /*float: right;*/
    font-size: 18px;
    font-weight: bold;
    height: 29px;
    letter-spacing: -1px;
    line-height: 29px;
    margin: 0px auto 0px auto;
    padding: 0 15px;
    position: relative;
    width: 536px;
}
.btn-results a{
    float: left;
    color: #ffffff;
}
.btn-results .srefresh { position: absolute; left: 32px; float: left; font-size: 0.9em; }
.btn-results .sfound { position: absolute; left: 157px; float: left; width: 252px; text-align: center; }
.btn-results .sviewresults { position: absolute; right: 40px; float: right; font-size: 0.9em; }
/*=== Pics, Thumbs, Ads etc. ===*/

/*=== Tabular Data ===*/
table{
    border-collapse: collapse;
    width: 100%
}
/*- Tabular1 -*/
.tabular1{
    color: #3e3e3e;
    font-size: 12px;
    margin: 0 0 15px;
    text-align: left
}
.tabular a{
    color: #3e3e3e
}
.tabular1 th{
    background: url(/static/new/imges/hd-bg.png) #662626 repeat-x top;
    color: #ffffff;
    font-weight: normal;
    height: 1.8em;
    padding: 0 0 0 18px
}
.tabular1 td{
    padding: 2px 0 2px 20px
}
.tabular1 tr.row > td{
    background: #e4e4e4
}
/*=== Misc. ===*/
.fix{
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    overflow: hidden
}
.hl{
    border-top: 2px solid #c2d1dc;
    clear: both;
    height: 1px;
    margin: 17px 0;
    overflow: hidden
}
.hl.cl{
    padding: 0;
    width: 100%
}
.cl{
    clear: both
}
.fl{
    float: left
}
.fr{
    float: right
}
.ac{
    text-align: center
}
.ar{
    text-align: right
}
.col8>h3 {
    margin-left: 10px;
}
a {
    outline: none;
}

.diamond_basic { color: #073f67; border: 1px solid #daa7ee; background: url(/static/images/basic_bg.png) repeat-x; /*width: 682px;*/ height: 167px; }
.dbas_main { padding: 0px 0px 0px 0px; text-align: center; margin: 0px; }
.diamond_basic ul { height: 108px; margin: 4px 18px 0px 4px; padding: 0px; float: left; width: 142px; list-style: none;  }
.diamond_basic li { margin: 1px 0px; padding: 0px; }
.diamond_basic table { float: left; font-size: 90%; width: auto;
                        border-collapse: collapse; height: 112px; }
.diamond_basic td { padding: 0px 8px 0px 6px; width: 160px; border-collapse: collapse;
                        font-size: 8pt; font-family: "Century Gothic";
                        text-align: right; border-right: 1px solid #d5d5d5;
                        background: url(/static/images/blue_td_back.png) repeat-x; height: 13px;}
.diamond_basic tr td.brief { width: 135px; border-left: 1px solid #d5d5d5;  }
.diamond_basic td span { text-align: left; float: left; font-weight: bold; }
.diamond_basic td a { font-size: 8pt; margin-left: 8px; }
.dbas_header, .dbas_footer { font-size: 11pt; font-family: "Arial"; }
.dbas_header a, .dbas_footer a { float: left; text-decoration: none; margin-right: 20px; }
.diamond_basic a { color: #7a00a9; border: none; outline: none; }
.diamond_basic a:hover { color: #073f67; text-decoration: underline; }
.dbas_header h4 { font-weight: normal; margin: 0px; margin-top: -2px; clear: none; float: right; text-align: right; font-size: 12pt; font-family: "Century Gothic"; display: inline; }
.dbas_header { color: #7a00a9; border-bottom: 1px solid #daa7ee; padding: 4px 8px 4px 8px;}
.dbas_footer { border-top: 1px solid #daa7ee; padding: 2px 8px 4px 8px; }
.dbas_footer a { float: none; }

.dbas_savings { position: relative; color: #ffffff; font-family: "Arial"; font-size: 9pt; border-left: 1px solid #100e10; border-right: 1px solid #100e10;float: right; width: 185px; height: 112px; background: url(/static/images/basic_savings_bg.png) no-repeat; }
.dbas_cashprice { position: absolute; top: 9px; right: 12px; }
.dbas_creditprice { position: absolute; top: 31px; right: 12px; }
.dbas_savingsper { position: absolute; bottom: 12px; right: 12px; font-weight: bold; font-size: 14pt;}
.dbas_retail { position: absolute; bottom: 1px; right: 14px; font-size: 8pt; }

#diamondInfo {  }
li.result_nav a{background:transparent;border:0 none;padding:3px 0 0 5px;}
li.result_nav a:hover{background:transparent;}
.diamondDiagram { float: left;  width: 307px; height: 278px; padding: 0; margin: 8px 12px 8px 8px;  border: 2px solid #c9d9e6; }
.side_view > div, .top_view > div { position: absolute; z-index: 200; color: #433745; font-family: "Arial"; font-size: 11px; font-weight: bold; }
.diamondDiagram .side_view, .diamondDiagram .top_view{width:100%; height:100%;position:relative;background:transparent url(/static/images/vector/round_side.png) no-repeat 0  0;}
.asscher .side_view{background-image:url(/static/images/vector/asscher_side.png);}
.cushion .side_view{background-image:url(/static/images/vector/cushion_side.png);}
.emerald .side_view{background-image:url(/static/images/vector/emerald_side.png);}
.heart .side_view{background-image:url(/static/images/vector/heart_side.png);}
.marquise .side_view{background-image:url(/static/images/vector/marquisse_side.png);}
.oval .side_view{background-image:url(/static/images/vector/oval_side.png);}
.pear .side_view{background-image:url(/static/images/vector/pear_side.png);}
.princess .side_view{background-image:url(/static/images/vector/princess_side.png);}
.radiant .side_view{background-image:url(/static/images/vector/radiant_side.png);}
.round .side_view{background-image:url(/static/images/vector/round_side.png);}
.diamondDiagram .tablePer { top: 27px; left: 146px;  position:absolute; }
.diamondDiagram .depth { top: 155px; left: 11px; position:absolute;}
.diamondDiagram .girdle { top: 215px; left: 74px;  position:absolute;}
.diamondDiagram .culet { top: 205px; left: 240px;  position:absolute;}
.diamondDiagram .depthPer { top: 155px; left: 269px; position:absolute;}
.diamondDiagram .top_view{display:none;background-image:url(/static/images/vector/round_top.png);}
.diamondDiagram .width{top:26px; left:144px; position:absolute;}
.diamondDiagram .length{top:154px; left:12px; position:absolute;}
.diamondDiagram .switcher{color:#eae7ea; font-size:1.2em;position:absolute;top:245px;left:100px;font-family: 'Trebuchet MS', Helvetica, sans-serif;}
.asscher .top_view{background-image:url(/static/images/vector/asscher_top.png);}
.cushion .top_view{background-image:url(/static/images/vector/cushion_top.png);}
.emerald .top_view{background-image:url(/static/images/vector/emerald_top.png);}
.heart .top_view{background-image:url(/static/images/vector/heart_top.png);}
.marquise .top_view{background-image:url(/static/images/vector/marquisse_top.png);}
.oval .top_view{background-image:url(/static/images/vector/oval_top.png);}
.pear .top_view{background-image:url(/static/images/vector/pear_top.png);}
.princess .top_view{background-image:url(/static/images/vector/princess_top.png);}
.radiant .top_view{background-image:url(/static/images/vector/radiant_top.png);}
.round .side_view{background-image:url(/static/images/vector/round_side.png);}

.diamondDetails { height: 86px; padding: 6px; font-size: 8pt; }
.diamondDetails h3 { margin: 0px; margin-bottom: 6px; text-align: left; font-size: 12pt; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
.diamondDetails h3 strong{color:#742d70;}
.diamondDetails .price{font-family: Tahoma, Geneva, sans-serif;}
table.detail_info { width: 328px; height: 186px; margin: 8px 0px; font-family: "Century Gothic"; font-size: 8pt; border-collapse: collapse; border: 2px solid #c9d9e6; color:#073f67;}
table.detail_info span { padding: 0; margin: 0; float: left; font-weight: bold; font-style: normal; font-family: Tahoma, Geneva, sans-serif;}
table.detail_info td { background: #fff; width: auto; padding: 0px 8px; border: 1px solid #c9d9e6; margin: 0; text-align: right; font-style: italic; }
table.detail_info td.highlight { background: url(/static/images/detail_table_bg.png) repeat-x; }

.actionlinks { float: left; width: 320px; padding: 0px; margin-top: 8px; }
.actionlinks td{padding:0 8px 8px 0;}
.share_links{padding:4px 0 0;}
.share_links a{float:left;margin-right:5px;}
thead th a { color: #ffffff; text-decoration: none; }
thead th a:hover { text-decoration: underline; }
.pricecomp { float: left; position: relative; width: 335px; height: 86px; background: url(/static/images/pricecomp_bg.gif) no-repeat 5px -3px; }
.pricecomp strong { margin: 0px 2px; font-size: 1.2em; font-weight: bolder; position: absolute; right: 11px; bottom: 18px; }
.pricecomp strong.ourprice{color:#fff;font-size:1.4em;}
div#moreinfo { padding:0 0 10px;min-height: 120px; }
div#moreinfo .innerbox{border-left:0 none;border-right:0 none;}
div#moreinfo h2 { font-weight: normal; background-color: #e9f4fd; color:#073f67; padding: 0 0 0 14px; margin: 4px;font-family:'Trebuchet MS',Helvetica,sans-serif;}
div#moreinfo h2 img{position:relative;top:3px;left:8px;}
div#moreinfo dl { list-style: circle; margin: 12px; }
div#moreinfo dt { font-weight: bold; font-size: 1.4em; color:#732c6f;font-family:'Trebuchet MS',Helvetica,sans-serif;}
div#moreinfo dd { margin:10px 0 15px;font-size: 1.2em; font-family:Georgia;line-height:1.5em;color:#6d7b85;}
#request_form{background-color:#dae4ec;padding:5px 15px 10px;}
#request_form h2{font-family:'Trebuchet MS',Helvetica,sans-serif;font-size:16px;font-weight:normal;color:#073f67;margin-bottom:4px;}
#request_form .qj_nri{border:1px solid #c2d1dc;color:#6d7b85;font-family:'Trebuchet MS',Helvetica,sans-serif;}
#request_form input.qj_nri{width:220px;}
#request_form textarea.qj_nri{margin-left:15px;height:80px;width:410px;}
#request_form #ri_submit{width:70px;height:25px;background-color:#dfe8ef;border:2px solid #c2d1dc;color:#073f67;font-weight:bold;font-family:Arial;margin-top:10px;}

#carthead { width: 500px; margin: auto; }
#carthead li { display: block; float: left; width: 100px; text-align: center; }
div.innerbox { border: 1px solid #c2d1dc; background-color: #fff; padding: 12px; margin: auto; }
table.cartitems { border-collapse: collapse; width: 640px; border: 1px solid #c2d1dc; }
table.cartitems img { display: inline; max-width: 270px; margin: 0px; padding: 0px; border: none; outline: none; }
table.cartitems thead { color: #073f67; background-color: #e9f4fd; border: 1px solid #c2d1dc; text-align: center; font-size: 1.5em; }
table.cartitems thead th { padding: 4px 16px; }
table.cartitems td { padding: 8px 16px; }
/*table.cartitems td.quantity input#id { width: 40px; }*/
input#id_quantity { width: 20px; padding: 3px 10px; text-align: center; }
input#id_update_submit { padding: 3px 12px; color: #fff; border: 1px solid #773f67; background-color: #961414; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
table.cartitems td.price { padding: 12px 0px; vertical-align: middle; text-align: right; padding: 8px 16px; color: #073f67; font-weight: bold; font-size: 1.8em; }
table.cartitems td.quantity { padding: 12px 0px; vertical-align: middle; }
table.cartitems td.item_image { border-bottom: 1px solid #c2d1dc; }
table.cartitems td.item_details { font-family: "Century Gothic"; vertical-align: top; min-height: 220px; text-align: left; padding: 40px 16px 8px 0px; color: #073f67; font-weight: bold; font-size: 1.4em; border-bottom: 1px solid #c2d1dc; }
table.cartitems td.item_details a { display: block; font-size: 1.1em; font-weight: normal; text-decoration: underline; margin: 8px 0px 8px 0px; }
table.cartitems td.item_details a:hover { color: #f00; }
table.cartitems td.item_details span { display: block; font-weight: normal; }
div.totalbox { background: #e9f4fd; border: 1px solid #c2d1dc; margin: 10px 0px 0px 0px; padding: 15px 10px 10px; }
div.totalbox table { color: #073f67; font-size: 1.8em; width: 25%; margin: 0px 5px 0px auto; text-align: right; }
div.totalbox td { font-weight: bold; padding: 0px 0px 0px 32px;  }
div.totalbox th { color: #f00; padding: 8px 0px 0px 32px; }
div.buttonrow { width: 100%; margin: 12px 12px 0px 12px; text-align: center; }
div.buttonrow img { margin: 6px; }

h1.banner { display: block; height: 35px; width: 700px; vertical-align: middle; background: transparent url(/static/images/banners/blank.gif) no-repeat; color: #fff; padding: 8px 0px 8px 18px; font-weight: bold; font-family: "Trebuchet",Arial,sans-serif; font-size: 1.4em; }
div.subcats { font-size: 1.3em; }
div.subcats li { display: block; float: left; }
div#product_category { width: 672px; padding: 0px; background-color: #fff; border-top: 1px solid #d5d5d5; }
div#product_category li { position: relative; float: left; width: 150px; height: 147px; background: transparent top url(/static/images/product_listing_bg.gif) repeat-x; text-align: center; padding: 0px 8px 0px 8px; border: 1px solid #d5d5d5; border-top: none; margin-top: 6px; }
div#product_category li a { display: block; margin: 0px auto; width: 80%; }
div#product_category hr { height: 4px; color: #ff0000; }
div#product_category strong { display: block; margin: 2px auto; color: #073f67; font-size: 1.3em; }
div#product_category li a.preview { display: block; position: absolute; left: 6px; bottom: 4px; color: #cb373d; width: auto; text-align: left; font-size: 1.4em; text-decoration: underline; }
div#product_category li a.preview:hover { color: #073f67; }
div#product_category li a.details { display: block; position: absolute; right: 6px; bottom: 4px; color: #cb373d; width: auto; text-align: right; font-size: 1.4em; text-decoration: underline; }
div#product_category li a.details:hover { color: #073f67; }

div.shopby { float: left; width: 45%; color: #073f67; font-family: "Century Gothic"; font-size: 1.2em; vertical-align: top; margin: 24px 0px 12px 8px; padding: 0px 16px 0px 8px; }
div.shopby ul { margin-left: 2em; }
div.shopby a { display: block; font-weight: normal; text-decoration: underline; }
div.shopby a:hover { color: #f00; }

div#contact_us { font-family: "Century Gothic"; padding: 12px 32px 32px 12px; font-size: 1.2em; color: #073f67; }
div#contact_us h2 { font-size: 1.6em; font-weight: bold; margin-bottom: 16px; }
div#contact_us th { text-align: right; padding: 8px; vertical-align: top; }
div#contact_us label { font-family: "Century Gothic"; text-align: right; }
div#contact_us input { padding: 4px; }
div#contact_us select { padding: 4px; }

div.productpage h4 { display: block; height: 35px; width: 700px; vertical-align: middle; background: transparent url(/static/images/banners/blank.gif) no-repeat; color: #fff; padding: 8px 0px 8px 18px; font-weight: bold; font-family: "Trebuchet",Arial,sans-serif; font-size: 1.4em; margin: 0px; }
div.productpage div.box { text-align: center; position: relative; margin-top: 0px; width: 678px; font-size: 1.2em; }
div.productpage div.box p { text-align: left; width: 95%; padding: 16px; background-color: #fff; border: 1px solid #c2d1dc; margin-bottom: 12px; }
div.productpage div.product_images { float: left; width: 45%; }
div.productpage div.product_price { float: left; text-align: left; margin: 8px 32px; }
div.productpage span#price { font-weight: bold; font-size: 2.0em; }
div.productpage div.product_images img { border: 1px solid #c2d1dc;  }
/*div.productpage div.box form { clear: right; }*/
div.productpage form { float: left; width: 45%; font-size: 1.2em; margin: 8px 32px; text-align: left; }
div.productpage form label { padding-right: 16px; }
div.productpage form table { width: auto; }
div.productpage form table thead { text-align: center; width: auto; }
div.productpage form table td { width: auto; padding: 6px; }
div.productpage form table th { padding: 4px; text-align: right; width: auto; }

.loading{
width:300px;height:50px;background-color:#000;position:absolute;
font-size:20px;line-height:50px;font-weight:bold;color:#fff;padding-left:10px;
top:100px;
}   

/* style of ring preview */
.ring_preview{
    border-left:1px #d5d5d5 solid;border-right:1px #d5d5d5 solid;
    background-color:#797979;
    padding:15px 7px 15px 10px;
    display:none;
}
.ring_preview .preview_img_con{
    border:1px #c2d1dc solid;
    background-color:#fff;
    text-align:center;
    width:340px;
}
.ring_preview .ring_img_con{position:relative;}
.ring_preview .ring_img_con table{height:100%;width:100%;}
.ring_preview .ring_img_con td{text-align:center;vertical-align:middle;}
.ring_preview .preview_close{position:absolute;top:10px;right:13px;}
.ring_preview .preview_desc_con{
    padding-left:5px; width:300px;
    text-align:center;color:#fff;
    font-family:'Trebuchet MS',Helvetica,sans-serif;
}
.ring_preview .preview_desc_con h3{color:#fff;margin:0;}
.ring_preview .preview_desc_con h2{color:#fff;font-size:22px;font-weight:normal;}
.ring_preview .preview_desc_con table.detail_info{width:300px;}



/*checkout page*/
.checkout{ font-family: Verdana, Geneva, Arial, sans-serif }
.checkout table th,
.checkout table td{ padding:4px 0; }
.checkout table h4{ margin: 2em 0 1em; font-size:1.2em; }
.checkout table .help{ color:#c93636; margin-left:1em;}
.checkout #id_agree_policy{ margin:0 5px 0 0; position: relative; top:2px; }

/*confirm page*/
.confirm{ font-family: Verdana, Geneva, Arial, sans-serif; }
.confirm h3{ font-family: Arial, Helvetica, sans-serif; margin:.5em 0; }
.confirm h4{ margin: 1em 0 .5em; font-size:1.2em; }