*{ margin:0; padding:0;}
body {background-color:#222222; font:normal 12px verdana; color:#0F3B5F}
li{ list-style-type:none;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p{ line-height:20px; letter-spacing:0.1px}
.clear {clear: both;}
.bodybg {background:url('images/bodybg.jpg') repeat-x top center;}
#logo {width:567;}
#logoright{width:283; text-align:center;}
#header{ position:relative; width:850px; height:99px; margin:0 auto;}
#breadcrum {margin : 10px 0 0 20px;}
#breadcrum a {color:#0F3B5F; font:bold 12px Verdana;}

#content {width:850px; margin: 0 auto; background-color: #e7e7e7; overflow:hidden;}
#content-inner {width: 830px; margin: 0 auto; padding-top: 10px;overflow:hidden;}
#content-inner2 {margin: 0 auto; padding:0px 18px 0 18px;overflow:hidden;}
#content-footer {width: 850px; height:450px; margin:0 auto; background-color:#333333; border-top:1px solid #222222;}
#content-footer .rotator {position: relative; height: 200px; width: 550px; background:#333333; }
#content-footer .r1 { background: #333333; }
#content-footer .navigation p { margin:5px 5px 0px 0px; font-style:italic; text-align:left;; color:#cccccc; font:12px verdana; line-height:1.5em; }
#content-footer .navigation div.current, div.navigation a { width: 12px; height: 12px; margin: 0 8px 0 0; float: left; overflow: hidden; }

#content-footer .navigation { position: absolute; top: 5px; right: 5px; }
#content-footer .navigation a:hover { text-decoration: none; }
#content-footer .navigation a { display: block; background: #333333; }    
#content-footer .navigation strong {color:#fff; font:verdana 12px;}
#content-footer #right {width:550px; margin:10px 70px 20px 20px; float:left;}
#content-footer .quicklinks {margin:10px 0px 0px 0px; width:175px; float:left;}
#content-footer li{color:#CCCCCC; margin-bottom:2px; margin:3px 0px 0px 0px;}
#content-footer .underline{border-bottom:1px dashed #cccccc; padding-bottom:3px;}
#content-footer li a{ text-decoration:none; color:#cccccc;}
#content-footer li a:hover{text-decoration:none; color:#FFFFFF;}
#content-footer h3 {color:#FFFFFF; margin:10px 0px 10px 0px; width:300px;}
#content-footer #right .footerlogo {padding:50px 20px 0 0 ;float:left; color:#cccccc;}
#content-footer #right .footerlogo p{margin:3px 0px 0px 0px; font-size:10px;}
#content-footer #right a{ text-decoration:none; color:#FFFFFF;}
#content-footer #right a:hover{text-decoration:underline; color:#CCCCCC;}
#banner {width: 830px;}

#content h1 {border-bottom: 1px solid #B1B1B1; padding-bottom: 12px; margin: 0 0 10px 0;}
#content h4 {color:#0F3B5F;}
/*#content-left {width:520px; float:left; border-right: 1px solid #b1b1b1; padding:0px 15px 10px 0px  ;}*/
#content-left {width:520px; float:left;}
#content-left a {color:#0F3B5F; font:bold 12px verdana;}
#content-left a:hover{text-decoration:none; }

#product {margin:50px 0px 60px 0px;}
.margin {margin:15px 0px 15px 0px;}
#content-right {width:250px; float:right; padding-top:10px; }
#content-right .logoimage {margin:15px 0px 0px 10px;}
#content-right p {margin:5px 0px 0px 10px;}
#content-right a:hover {text-decoration:underline;}
#iframe {background:url(../images/right.png) no-repeat; width:234px; height:201px;}
#iframecontent{padding:50px 10px 0px 5px; margin:0px;}

/* Right contant image css*/

#it-bottom {background: url(images/product-gallery.png) no-repeat bottom;width: 235px; height:350px;  
margin:0px 0px 20px 20px;}
#text{padding:80px 10px 0px 0px; margin:0px;}
.textnav {list-style:none; margin:0px; padding:0px; font:verdana bold 12px; }
.textnav li.image1 {background-image:url(images/1.jpg); background-repeat:no-repeat; background-position: 20px 50%; padding:3px 0px 8px 60px; margin:.5em 0;}
.textnav li.image2 {background-image:url(images/2.jpg); background-repeat:no-repeat; background-position: 20px 50%; padding:3px 0px 8px 60px; margin:.4em 0;}
.textnav li.image3 {background-image:url(images/3.jpg); background-repeat:no-repeat; background-position: 20px 50%; padding:3px 0px 8px 60px; margin:.4em 0;}
.textnav li.image4 {background-image:url(images/4.jpg); background-repeat:no-repeat; background-position: 20px 50%; padding:3px 0px 8px 60px; margin:.4em 0;}
.textnav li.image5 {background-image:url(images/5.jpg); background-repeat:no-repeat; background-position: 20px 50%; padding:3px 0px 7px 60px; margin:.4em 0;}
.textnav li.image6 {background-image:url(images/6.jpg); background-repeat:no-repeat; background-position: 20px 50%; padding:3px 0px 7px 60px; margin:.4em 0; }
.textnav li.image7 {background-image:url(images/7.jpg); background-repeat:no-repeat; background-position: 20px 50%; padding:3px 0px 7px 60px; margin:.4em 0; }
.textnav a {text-decoration:none; color:#FFFFFF; font-size:14px;}
.textnav a:hover {color:#D8D3FE; text-decoration:underline; font-size:15px;}

/* Right contant image css*/


/* product gallery */

.productimage {border:1px double #B1B1B1; padding:3px; marging:20px; float:inherit;}
#product-galleryright{
	float:left;
	border:1px dashed #196481;
	margin:0px;
	height:230px;
	width:243px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#product-galleryright h3 {color:#FFFFFF; border-bottom: 1px solid #B1B1B1; padding-bottom: 2px; margin: 0 0 10px 0;}
#product-galleryright a{ text-decoration:none; color:#0F3B5F; font:bold 12px Verdana;}
#product-galleryright a:hover {text-decoration:underline;}
#product-gallery{
	float:left;
	border:1px dashed #196481;
	margin:0px;
	padding:0 5px 5px 5px;
	height:230px;
	width:242px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#product-gallery a{ text-decoration:none; color:#0F3B5F; font:bold 12px Verdana;}
#product-gallery a:hover {text-decoration:underline;}
#product-gallery h3 {color:#FFFFFF; border-bottom: 1px solid #B1B1B1; padding-bottom:2px; margin:0 0 5px 0;}
#product-gallerymain{
	border:1px dashed #B1B1B1;
	padding:0px;
	margin:10px 10px 10px 10px
}

#pagebeyond h3 {margin:30px 0px 30px 0px;}
#pagebeyond a{ text-decoration:none; color:#0F3B5F; font:bold 12px Verdana;}
#pagebeyond a:hover {text-decoration:underline;}
#pagebeyond p {margin-bottom:10px;}
#pagebeyound ul {margin:5px; padding:5px; list-style-type:none;}
#pagebeyond li {background:url(../images/arrow.jpg); background-repeat:no-repeat; background-position:0em; margin:10px; padding-left:20px;}

#pagegallery h3 {margin:30px 0px 30px 0px;}
#pagegallery p {margin-bottom:10px;}
#pagegallery ul {margin:5px; padding:5px; list-style-type:none;}
#pagegallery li {background:url(../images/tick2.png); background-repeat:no-repeat; background-position:0em; margin:10px; padding-left:20px;}
#pagegallery .arrow {background:url(../images/arrow.jpg); background-repeat:no-repeat; background-position:0.5em; margin:15px 01px 0px 30px; padding-left:20px;}



/* product gallery */



.image {
	float:left;
	border: 1px solid #b1b1b1;
	padding:3px;
	margin:5px 10px 0px 0px;
}
.imageright {float:right; border: 1px solid #B1B1B1; padding:3px; margin:5px 0px 0px 10px;}
#sep {background: url('images/sep.jpg') center no-repeat; height: 14px; width: 828px; margin: 3px auto;}
#sepbottom {background: url(images/sepbottom.jpg) center no-repeat; height: 14px; width: 850px; margin: 3px auto;}

ul#nav{list-style-type: none;height: 41px;margin: 0;background:url('images/navbg.jpg') repeat-x;padding-left: 8px;}
ul#nav li{display: block;float: left;line-height: 41px;margin: 0; padding: 0;}
ul#nav a, ul#nav a:link, ul#nav a:visited{display: block;text-decoration: none;color: white;font-size: 15px; padding: 0 15px;font: verdana:uppercase;}
ul#nav li a:hover, ul#nav li a:active{background: url('images/navbghover.jpg');}
ul#nav li.on{background: url('images/navbg-on.jpg') bottom center no-repeat;}

/* image gallery for diamonds*/
.about {background:url(../images/dnfull.png) no-repeat; height:354px; width:500px;}

#diamonds-image{
	height:450px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#diamonds-image #Gallery-image {padding:0px; margin:10px 0px 0px 5px; float:left;}
#diamonds-image #Gallery-image img {border:1px solid #D8D3FE; padding:5px;}
#diamonds-image #Gallery-image img:hover {border:1px solid #02607C; padding:5px; background:#ffffff;}
#border {width:300px ; border-bottom:#000 solid 1px; padding:15px;}
#diamonds-image p{margin:15px 0 10px 0;}

#jewelery-image{
	height:500px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#jewelery-image #Gallery-image {padding:0px; margin:10px 0px 0px 5px; float:left;}
#jewelery-image #Gallery-image img {border:1px solid #D8D3FE; padding:5px;}
#jewelery-image #Gallery-image img:hover {border:1px solid #02607C; padding:5px; background:#ffffff;}
#border {width:300px ; border-bottom:#000 solid 1px; padding:15px;}
#jewelery-image p{margin:15px 0 10px 0;}/

/*Shape.html*/

#shape {width : 500px; height:150px; margin:0px 0px 20px 0px;}
#shape img {float:left; padding: 5px; border:1px solid #D8D3FE; margin:0px 20px 0px 0px;}
#shape img:hover {border:1px solid #02607C; padding:5px; background:#ffffff;}
#shape .content {margin:0px 0px 0px 20px;}
#shape h3 {margin:5px 0px 10px 0px; font:16px; color:#000000; }
#shape p {0px 0px 10px 0px;}
/* footer for all pages */

#box { padding: 0 15px 0 15px; border: 1px solid #cccccc; margin: 0 0 10px 0; background:url('images/box.jpg') bottom repeat-x; padding:10px 10px 10px 15px; }
#box:hover {border: 1px solid #02607c;}
#box img {border:1px solid #D8D3FE; padding:5px; margin:0px 10px 0px 0px; float:left;}
#box img:hover {border:1px solid #008cd3; padding:5px;}
#box p {font-style:italic; color:#333333; margin:5px 0 0 0;}
#bottom {
	background:url('images/line.png') no-repeat;
	height:18px;
	width:510px;
	margin:20px 0px 20px 10px;
}


#footer {color:#B6B4C2; height:50px; margin: 0 auto; width: 850px; background: url('images/footerbg.jpg') top left no-repeat; text-align:center; padding: 15px 0 0 0;}
#footer li {display:inline; font:verdana;}
#footer a {color:#ffffff; text-decoration:none; }
#footer a:hover {font-size:12px; text-decoration:underline; color:#cccccc;}
#footer .text {color:#fff;}

/*--------------------------------------------------------------------Policy---------------------------------------------------------*/

#heading {padding:0px 0px 0px 0px;}
#heading h3 {margin:10px 0px 10px 0px;}

/*--------------------------------------------------------------------Policy end---------------------------------------------------------*/

.cssform p{
width: 350px;
clear: left;
margin: 0;
padding: 10px 0 10px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #cccccc;
height: 1%;
font-size: 12px;
}

.cssform label{
font-weight: bold;
float: left;
margin: 0 40px 0 -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
}

.cssform textarea{
width: 300px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

input {height: 25px; border: 1px solid #cccccc; background-color:#EFEFEF; font-size: 17px; padding: 3px 0 0 3px;}
input:hover {border: 1px solid #3f81ac; background-color:#ffffff;}

.formborder {
border-style:solid;
border-width:1px;
border-color:#1b4f71;
color:#ffffff;
background-color:#0F3B5F;
font-family:verdana;
font-size:14px;
line-height:130%;
height:30px;
width:140px;
padding-bottom:1px;
}
.formborder:hover{background-color:#1b4f71;}


/*------------ Slot Machine Tabs --------------- */

#page-wrap { width: 800px; margin: 10px auto;  }
a { text-decoration: none; }

.tabs { list-style: none; overflow: hidden; padding-left: 1px; }
.tabs li { display: inline; }
.tabs li a { display: block; float: left; padding: 4px 8px; color: white; border: 1px solid #999999; background: #304057; margin: 0 0 0 -1px; }
.tabs li a.current { background: #404f64; border-bottom: 0; position: relative; top: 2px; z-index: 2; }

.box-wrapper { padding: 20px; border: 1px solid #ccc; margin: -1px 0 0 0; height: 235px; position: relative; }
.content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 800px; height: 235px; }

.current { }

.col-one { width: 20%; float: left; position: relative; top: 350px; }
.col-two, .col-three { width:30%; float: left; position: relative; top: 350px; }
.col-two ul {margin:2px; padding:5px; list-style-type:none;}
.col-two li {background:url(../images/tick2.png); background-repeat:no-repeat; background-position:0em; margin:10px; padding-left:20px;}
.col-two h5 { margin:5px 5px 5px 28px; font-size:12px; }
.col-three ul {margin:5px; padding:5px; list-style-type:none;}
.col-three li {background:url(../images/tick2.png); background-repeat:no-repeat; background-position:0em; margin:10px; padding-left:20px;}
.col-three h5 { margin:5px 5px 5px 28px; font-size:12px; }
.col-four { width: 60%; float: left; position: relative; top: 350px; }
.col-four ul {margin:5px; padding:5px; list-style-type:none;}
.col-four li {background:url(../images/tick2.png); background-repeat:no-repeat; background-position:0em; margin:10px; padding-left:20px;}
.col-three h5 { margin:5px 5px 5px 28px; font-size:12px;}
.col-one, .col-two { margin-right: 3%; }