body,td,th {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 13px;
}
body {
    margin: 0px;
    padding: 0px;
    color: #333333;
    background-color: #E7EBF0;
}
img{
    border: 0px;
}

.clearer { clear:both; display:block; visibility:hidden; height:0; width:1px; overflow:hidden; }

.error {
    color:red;
    padding:0 5px 0 5px;
}

.txt{
    font-size: 11px;
    background-color: #E7EBF0;
    color: #033363;
    width: 384px;
    height: 33px;
    padding-left: 10px;
}
.brd {
    border: 1px solid #033363;
}
.ntop {
    color: #FFFFFF;
    padding-left: 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 130%;
}
.ntop a {
    color: #FFFFFF;
    text-decoration: none;
}
.ntop a:hover {
    text-decoration: underline;
}.hl {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #033363;
}
.f {
    font-size: 11px;
    height: 18px;
    width: 100%;
    border: 1px solid #B3B9C3;
}
.bu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    background-color: #F3F3F3;
    border: 1px solid #B3B9C3;
    width: auto;
}
.nl {
    margin-left: 10px;
    padding-left: 10px;
    color: #FF9900;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.nl a {
    /*color: #480B41;*/
    color: black;
    text-decoration: none;
}
.nl a:hover {
    text-decoration: underline;
}
.ts {
    font-size: 10px;
    font-weight: bold;
}
a {
    color: #480B41;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.nb {
    color: #FFFFFF;
    background-color: #033363;
    line-height: 150%;
}
.nb a{
    color: #FFFFFF;
    text-decoration: none;
}
.nb a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}
.cs {
    margin: 30px;
    padding: 30px;
}



/* Other styles */
.steps {
    margin: 10px;
    padding: 10px;
    text-align: left;
    dispaly: none;
    visibility: hidden;
    display: none;
}

.step {
    padding: 10px;
    border: 1px solid #DCDFD7;
}

.step a:link, .step a:visited, .step a:active {
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.step a:hover {
    color: #CC3300;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.stepactive {
    padding: 10px;
    background-color: #F4F5F2;
    border: 1px solid #DCDFD7;
}

.stepactive a:link, .stepactive a:visited, .stepactive a:active {
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.stepactive a:hover {
    color: #CC3300;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

#tooltipbox {
    text-align: right;
}

.tooltip_none{
    display: none;
}

.tooltip_style{
    position: absolute;
    z-index: 3;
    margin-top: 15px;
    padding: 10px;
    width: 300px;
    text-align: left;
    font-weight: normal;
    border: 1px solid #666666;
    color: #000000;
    background-color: #ffffcc;
    display: block;
}

.indicatorcontainer{
    width:50%;
    height:50%;
    /*position: absolute;*/
    left:0px;
    top:0px;
    text-align:center;
    /*visibility:hidden;*/
    z-index:1000;
}
.indicator{
    /*position: absolute;*/
    left:50%;
    top:40%;
    display:none;
}
.imgcontainer{
    width:90%;
    /*position: absolute;*/
    left:0;
    top:0;
    text-align:center;
    z-index:1001;
}
.dpTable{
    background-color: #cccccc;
}

.tbl_stones{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.tbl_stones td{
    border: 1px solid white;
    padding: 5px;
}

.tbl_form{
    margin: 0px;
    /*padding: 10px;*/
    background-color: #E7EBF0;
    border: none;
}
.tbl_form th{
    line-height: 160%;
    background-color: #91A1B5;
    color: white;
    border: none;
    border-bottom: 1px solid white;
}
.tbl_form td{
    text-align: center;
    font-size: 13px;
    border: 1px solid white;
}

.tbl_form_shapes{
    margin: 0px;
    padding: 10px;
    background-color: #F5F0E1;
    border: none;
}
.tbl_form_shapes td{
    text-align: center;
    font-size: 13px;
}

.tbl_form_rings{
    margin: 0px;
    padding: 0;
    background-color: #E7EBF0;
    border: none;
    width: 100%;
}
.tbl_form_rings th{
    font-weight: normal;
    text-align: center;
    font-size: 13px;
    line-height: 160%;
}
.tbl_form_rings td{
    text-align: center;
    font-size: 13px;
    background-color: white;
}

.tbl_sliders th{

}
.tbl_sliders td{

}

.tbl{
    width: 100%;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #033363;*/
    border-bottom: 0px;
}

.tbl th.sorted_col {
    background-color: #EDE4C9;
}

.tbl th{
	color: #333333;
    background-color: #F2ECD9;
    /*font-weight: bold;*/
    border: 1px solid white;
    margin: 0px;
    padding: 3px;

}

.tbl th a{
    color: #333333;
    text-decoration: none;
    /*font-weight: bold;*/
}

.tbl td{
	text-decoration: none;
    border: 1px solid white;
    margin: 0px;
    padding: 3px;
    text-align: center;
}

.pagination {
    font-size: 80%;
}

.zebra_odd{
    background-color: #F4F4F2;
}

.zebra_even{
    background-color: #F9F9F7;
}

.span_bold{
    font-weight: bold;
}

.img_blockname {
    margin: 20px 0 10px 0;
}


/*.prod_popup_num {
    margin: 0;
    padding: 0;
    color: #C8D0DA;
    font-size: 120%;
}*/

.prod_tbl{
    margin: 0;
    padding: 0;
    border: 0;
    width: 110px;
    height: 115px;
 	background-color: #F2EDDA;
 	border: 0;
}
.prod_tbl th {
    margin: 0px;
    /*margin-top: 5px;*/
    padding: 5px 0 0 0;
    color: black;
    background-color: #F2EDDA;
    text-align: left;
    border: 0;
}
.prod_tbl td {
    margin: 0px;
    padding: 0px;
    color: black;
    background-color: #F2EDDA;
    /*magrin-bottom: 5px;*/
    padding-bottom: 0px;
    text-align: left;
    border: 0;
    /*border-bottom: 1px solid #033363;*/
}
.tooltip_hr {
    width: 100px;
    /*border: 0px;*/
    margin: 0px;
    padding: 0px;
    height: 1px;
    color: #C8D0DA;
    background-color: #C8D0DA;
}

/*-----------------------*/
.tbl_detail {
    margin: 0;
    padding: 0;
}
.tbl_detail_key{
    font-weight: bold;
    color: #466B98;
    border-bottom: 1px solid #D0D0D0;
    line-height: 160%;
}
.tbl_detail_value{
    color: #3E3E3E;
    border-bottom: 1px solid #D0D0D0;
    line-height: 160%;
    padding-left: 10px;
}
.span_detail_key{
    color: #466B98;
}
.span_detail_value {
    font-weight: bold;
    color: #3E3E3E;
}
.list_detail {
    margin-left: 20px;
    padding-left: 10px;
    color: #466B98;
    /*padding-bottom: 5px;
    margin-bottom: 5px;*/
}
.img_detail {
    border: 1px solid #98A1AA;
}
.img_detail_big{
    width: 302px;
}
.img_detail_small{
    width: 52px;
}
.list_detail a {
    color: #466B98;
    text-decoration: none;
}
.list_detail a:hover {
    text-decoration: underline;
}
.str_detail {
    color: #466B98;
}

/*----------------------*/
.tbl_shapes {
    border: none;
    margin: 10px;
}
.tbl_shapes td {
    text-align: left;
    margin: 0;
    border: none;
}
.select_reset {
    font-size: 10px;
    font-weight: bold;
    color: white;
    background-color: #3E6085;
    border: none;
}




/*---------------------------- new mockup --------------------------------*/
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}
body {
    margin: 10px;
    padding: 0px;
    color: #333333;
    background-color: #FFFFFF;
}
.main {
	
}
.b_l {
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #EDE4C9;
}
.b_r {
    border-right-width: 4px;
    border-right-style: solid;
    border-right-color: #EDE4C9;
}
.b_t {
	background:url(../i/btop.gif) left top repeat-x;
	height:15px;
}
.b_b {
    background:url(../i/btop.gif) left bottom repeat-x;
	height:15px;
	/*border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #EDE4C9;*/
}
.n {
    font-family: Arial, Helvetica, sans-serif, "Century Gothic";
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    width: 14%;
}
.n a {
    color: #FFFFFF;
    text-decoration: none;
}
.n a:hover {
    color: #FFCC66;
    text-decoration: none;
}
.tel {
    font-family: Arial, Helvetica, sans-serif, "Century Gothic";
    font-size: 21px;
    color: #CC3300;
}
.ts {
    font-size: 11px;
}

.c1 {
    background-color: #EDE4C9;
    padding: 10px;
    border: 1px solid #E1D2A6;
}
.c2 {
	background-color: #F2ECD9;
	padding: 10px;
	border: 1px solid #E6DAB5;
	line-height: 130%;
	color: #FF9900;
}
.c3 {
    background-color: #F5F0E1;
    padding: 10px;
    border: 1px solid #EBE2C5;
    line-height: 130%;
    color: #FF9900;
}
.c4 {
    background-color: #FAF7EF;
    padding: 10px;
    border: 1px solid #F4EFDF;
    line-height: 130%;
    color: #FF9900;
}
.c5 {
    padding: 5px;
    border: 1px solid #F4EFDF;
}
.c6 {
    background-color: #EDE4C9;
    padding: 10px;
    border: 1px solid #E1D2A6;
    font-size: 11px;
    color: #533737;
}
.f_s {
    height: 21px;
    width: 100%;
    border: 1px solid #B3B9C3;
}
.b_go {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    background-color: #F3F3F3;
    border: 1px solid #B3B9C3;
    height: 21px;
    width: 32px;
}
.h_1 {
    font-family: Arial, Helvetica, sans-serif, "Century Gothic";
    font-size: 14px;
    font-weight: bold;
    color: #993300;
    line-height: 150%;
}
.c1 a {
    color: #333333;
    text-decoration: none;
}
.c1 a:hover {
    color: #CC3300;
    text-decoration: none;
}
.c2 a {
    color: #333333;
    text-decoration: none;
}
.c2 a:hover {
    color: #CC3300;
    text-decoration: none;
}
.c3 a {
    color: #333333;
    text-decoration: none;
}
.c3 a:hover {
    color: #CC3300;
    text-decoration: none;
}
.c4 a {
    color: #333333;
    text-decoration: none;
}
.c4 a:hover {
    color: #CC3300;
    text-decoration: none;
}.dots {
    background-image: url('../i/dots.gif');
    background-repeat: repeat-x;
    background-position: top;
}
.cr {
    font-size: 11px;
    color: #666666;
    text-align: left;
}
.ts2 {
    font-family: Tahoma, Arial, Helvetica, sans-serif, "Century Gothic";
    font-size: 9px;
    color: #666666;
}
.h_2 {
    font-family: Arial, Helvetica, sans-serif, "Century Gothic";
    font-size: 21px;
    color: #CC3300;
    line-height: 150%;
}
a {
    color: #333333;
    text-decoration: underline;
}
a:hover {
    color: #CC3300;
    text-decoration: underline;
}
.price {
    font-family: Arial, Helvetica, sans-serif, "Century Gothic";
    font-size: 16px;
    font-weight: bold;
}

.searchbox {
	border: 1px solid #DCDFD7;
}
.b_search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	background-color: #F3F3F3;
	border: 1px solid #B3B9C3;
	height: 21px;
	width: 69px;
}

.tbl_details{
	background-color: #F6F3E4;
	/*width: 314px;*/
	padding: 0px 10px 0px 10px;
	font-size:9px;
}
.tbl_details td{
	padding: 5px;
	border-bottom: 1px solid white;
}
.details_left{
	width: 50%;
	float: left;
	color: #9E2000;
	font-weight: bold;
}
.details_right{
	width: 50%;
	float: left;
	text-align: right;
}
.cert_box{
	padding: 22px 0 22px 0;
	border: 1px solid #F3A10D;
	width: 312px;
	text-align: center;
	vertical-align: middle;
}
.order_box{
	padding: 10px;
	background-color: #F2EDDA;
	border-bottom: 1px solid white;
}
.box{
	padding: 10px;
	background-color: #F5F0E1;
	border-bottom: 1px solid white;
}
.question_box{
	padding: 10px;
	background-color: #FAF9F4;
	font-size: 11px;
	border-bottom: 1px solid white;
}
.laser_enscription_box{
	padding: 10px;
	background-color: white;
	border: 1px solid #F4EFDF;
}

.tbl_arrows td{
	background-color: #be7040;
	color: white;
	font-weight: bold;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.mailtofriend_popup{
	position: absolute;
	border: 4px solid #E1D2A6;
	display: none;
	background-color: #EDE4C9;
	padding: 5px;
	width: 342px;
	height: 195px;
}
.certview_popup{
	position: absolute;
	border: 4px solid #E1D2A6;
	display: none;
	background-color: #EDE4C9;
	padding: 5px;
	width: 604px;
}

.laser_popup{
	position: absolute;
	border: 4px solid #E1D2A6;
	display: none;
	background-color: #EDE4C9;
	padding: 5px;
	width: 342px;
	height: 250px;
}

.cursorPointer {cursor: pointer;}

.loader{
	width: 100px;
	height: 100px;
	display:none;
	visibility: hidden;
	position: absolute;
	/*margin: 170px 0 0 240px;*/
}



.NavigationCell {
background-color:#BF7240;
height:20px;
text-align:center;
/*vertical-align:bottom;*/
width:20px;
}

.NavigationCellSel {
font-weight:bold;
text-align:center;
vertical-align:middle;
width:20px;
}

.fontSize{
	font-size: 13px;
}
.cls_popup{
    position: absolute;
    border: 4px solid #E1D2A6;
    display: none;
    background-color: #EDE4C9;
    padding: 5px;
}

ul.orderRecieve li {
	color: #ff9900; 
	list-style-type: none;
	list-style-image: url('../images/square.jpg');
}

/*---------------------------- new mockup --------------------------------*/