/* @group global */

a{
outline: none;
text-decoration: none;
}

img{
border: none;
}

body{
margin:0;
padding:0;
font-family: arial;
}

tbody{
}

/* Gallery */
	.gallery {
		height: 115px;
		margin: 0 auto 20px;
		position: relative;
		width: 820px;}
	.gallery p {
		font-size: 10px;
		text-align: center;}
	.gallery .slide-next, .gallery .slide-prev {
		bottom: 0;
		cursor: pointer;
		height: 99px;
		position: absolute;
		width: 15px;}
	.gallery .slide-next {
		background: url('../images/gallery-slide-next.jpg') no-repeat 0 0;
		right:0;}
	.gallery .slide-prev {
		background: url('../images/gallery-slide-prev.jpg') no-repeat 0 0;
		left:0;}
	.gallery .thumbs {
		background: url('../images/gallery-thumbs.jpg') repeat-x 0 0;
		bottom:0;
		height: 99px;
		line-height: 99px;
		left: 15px;
		position: absolute;
		text-align: center;
		width: 790px;}
	.gallery .thumbs img {
		cursor: pointer;
		display: inline-block;
		margin: 0 10px;
		vertical-align: middle;}
		
	/* GalleryItem */
	.gallery-item {
		border: 1px solid #cecece;
		displaY: inline;
		float: left;
		margin-left: 30px;
		padding: 10px;
		position: relative;
		width: 580px;}
	.gallery-item div {
		width: 300px;}
	.gallery-item div h3 {
		color: #244465;
		font: normal 21px Georgia;
		margin-bottom: 10px;}
	.gallery-item div ul {
		margin-bottom: 20px;}
	.gallery-item div ul li {
		color: #b7b7b7;
		font-size: 14px;
		list-style:none;
		list-style-type:none;
		margin-top: 5px;}
	.gallery-item div ul li span {
		display: inline-block;
		width: 70px;}
	.gallery-item div strong {
		color: #244465;
		display: block;
		font-size: 16px;}
	.gallery-item .item-thumbs p {
		color: #c9c9c9;
		font-size: 10px;}
	.gallery-item .item-thumbs img {
		background-color: #cecece;
		cursor: pointer;
		display: inline-block;
		margin-right: 10px;
		height: 60px;
		width: 60px;}
	.gallery-item .big-image {
		height: 330px;
		line-height: 330px;
		position: absolute;
		right: 10px;
		text-align: center;
		top: 10px;
		width: 300px;}
	.gallery-item .big-image img {
		display: inline-block;
		vertical-align: middle;}

#main_container{
position: relative;
margin: 0 auto;
width: 860px;
height: 600px;
background: url(images/rstar_back.png) no-repeat bottom;
}

#rstar_logo{
position: absolute;
top:30px;
left: 60px;
}

#welcome_comp{
position: absolute;
left: 190px;
top:50px;
}

#main_comp{
position: absolute;
left: 20px;
top: 60px;
}

#menu{
position: absolute;
right: 70px;
top: 50px;
width: 475px;
height: 45px;
background: url(images/menu_back.png?ver=1) no-repeat;
text-align: center;
}

#menu_content{
	
}

#menu img{
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 2px;
}

#menu a{
line-height: 30px;
color: black;
text-decoration: none;
font: 14px arial;
}

.menu_button{
position: absolute;
text-align: center;
height: 30px;
}

#home{
left: 7px;
width: 50px;
}

#bridal{
position: absolute;
left: 70px;
width: 160px;
}

#hearts{
position: absolute;
left: 245px;
width: 110px;
}

#contact{
position: absolute;
left: 370px;
width: 100px;

}

#prevJson{
float: left;
}

#nextJson{
float: right;
}

.cleaner{
clear: both;
}

#page_title{
position: absolute;
top: -25px;
left: 5px;
color: white;
font: bold 18px arial;
}

#page_notes{
position: absolute;
top: -20px;
left: 350px;
color: white;
font: 11px arial;
}



/* @end */

/* @group diamonds */

#hbs_logo {
margin-bottom: 15px;
	/*
position: absolute;
	left: 75px;
	top: 40px;
*/	
}

#hreatsbystar_logo{
position: absolute;
top: -20px;
left: 250px;
z-index: 4;
}

#diamond_page_comp{
position: absolute;
z-index: 4;
top: 260px;
left: 54px;
}

#diamonds_list table{
font: 12px arial;
line-height: 22px;
width: 470px;
text-align: center;
border: none;
}

#diamonds_list table tr{
color: gray;
cursor: pointer;
*line-height: 18px;
}

.table_titles a{
color: #244465;
font: bold 12px/18px arial;
text-decoration: none;
}

.table_titles a:hover{
color: #244465;
font: bold 12px/18px arial;
text-decoration: underline;
}

#diamonds_list table td{
padding-left: 5px;
border-bottom: 1px dashed gray;
}

#diamond_text_block{
position: absolute;
z-index: 5;
top: 50px;
left: 50px;
color: white;
font: 12px arial;
width: 640px;
text-align: center;
}

#diamond_text_block p {
	margin: 0px 0px 10px;
	padding: 0px;
}

#diamond_text_block h1 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 22px;
}

#diamond_preloader{
position: absolute;
top: 290px;
left: 35px;
z-index: 3;
}

#diamond_page_selector{
position:absolute;
bottom:-40px;
right: 40px;
width: 470px;
color: #244465;
font: 14px arial;
text-align: center;
}

#diamond_page_selector img{
vertical-align: middle;
}

#diamond_page_selector a{
color: #244465;
font: 14px/22px arial;
text-decoration: none;
}

#diamond_views{
line-height: 21px;
}

#diamonds_list{
position: absolute;
top:90px;
right: 0px;
width:510px;
height:310px;
z-index: 6;
}

#contact_us{
position: absolute;
top:0px;
left: 10px;
height:310px;
z-index: 6;
}

#contact_us p{
	color: white;
	font: 14px arial;
	margin-left: 20px;
	margin-top: 0px;
}

#contact_us h1{
padding: 0px;
margin: 0px;
margin-bottom: 20px;
color: white;
font: bold 18px arial;
}

#contact_us h3{
	color: white;
	font: bold 14px arial;
	margin-left: 20px;
	margin-bottom: 0px;
}

#contact_left_block{
position: absolute;
left: 0px;
top:0px;
width: 350px;
}

#contact_right_block{
position: absolute;
left: 380px;
top:40px;
width: 300px;
}

label.contact_us{
	margin-left: 20px;
	margin-bottom: 10px;
	color: #244465;
	float: left;
	font-size: 12px;
	line-height: 22px;
	width: 105px;
}

input.contact_us{
float: left;
font-size: 12px;
line-height: 22px;
}

textarea#con_message{
width: 275px;
}

#contact_submit{
float: right;
margin-top: 10px;
}

#external_contact{
	margin-top: 10px;
	width: 300px;
}

#external_contact .error{
	color: #224465;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#selected_diamond{
position: absolute;
top: 100px;
left:15px;
width:260px;
height:330px;
}

#selected_diamond a{
	color: #244465;
}

#selected_diamond h2 img{
	float: left;
	margin-top: -5px;
	*margin-top: 0px;
}

#selected_diamond h2{
	width: 150px;
	text-align: center;
	font-size: 14px;
	font-family: Georgia;
	color: #244465;
}

#selected_diamond_table{
	color: gray;
	font: 12px/22px arial;
	*line-height: 18px;
}

#selected_diamond_table td{
	width: 180px;
}

.title{
	font-weight: bold;
	padding-right: 10px;
}

#selected_diamond_table td.title{
	width: 100px;
}

#selected_diamond_table td.content{
	float: none;
	border: none;
}

#selected_table_title{
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
	border-bottom: 1px dashed gray;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia;
	color: #244465;
}

/* @end */

/* @group bridal */

#ring_anim{
position: absolute;
top:180px;
right:90px;
width: 370px;
height: 240px;
z-index: 30px;
}

#items_block{
position: relative;
width: 840px;
height: 450px;
margin: 0px auto;
/*top:190px;
left:60px;
width: 240px;*/
}

#diamond_items_block{
position: absolute;
top:90px;
left:60px;
width: 540px;
}

#the_items{
	position: relative;
}

#items_preloader{
position: absolute;
top: 40px;
left: 275px;
z-index: 0;
}

.item_box{
cursor: pointer;
position: relative;
float: left;
width: 96px;
height: 90px;
}

#item_box1{
top: 0;
left: 0;
}

#item_box2{
top: 0;
left: 110px;
}

#item_box3{
top: 110px;
left: 0;
}

#item_box4{
top: 110px;
left: 110px;
}

#item_box5{
top: 220px;
left: 0;
}

#item_box6{
top: 220px;
left: 110px;
}

#page_selector{
position:absolute;
top:340px;
left: 10px;
width: 190px;
color: #244465;
font: 14px arial;
}

#page_selector img{
vertical-align: middle;
}

#page_selector a{
color: #244465;
font: 14px arial;
text-decoration: none;
}

#selected_box{

}

.box_content{
position: absolute;
top: 2px;
left: 2px;
width: 94px;
height: 94px;
}

.box_content img{
position: absolute;
top:2px;
left: 2px;
}

.selected_content{
border: 1px solid #cecece;
position: absolute;
overflow: hidden;
top: 10px;
left: 10px;
width: 490px;
height: 300px;
font: 12px arial;
color: black;
line-height: 16px;
*line-height: 14px;
}

.selected_content p{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
}

#ring_closeup{
position: absolute;
top: -20px;
right: 0px;
padding-right: 70px;
width: 490px;
height: 300px;
background-color: black;
}

#preloader{
	position: absolute;
	top: 140px;
	left: 240px;
}

#list_preloader{
	position: absolute;
	top: 154px;
	left: 204px;
	z-index: 4;
}

.mouse_over_img{
position: absolute;
z-index: 2;
top: 3px;
left: 3px;
}

#item_detials img{
float: right;
}

#item_detials h2{
font-family: Georgia;
font-size: 18px;
font-weight: bold;
margin-left: 10px;
margin-bottom: 0;
margin-right: 0;
margin-top: 10px;
padding: 0;
color: #244465;
}

#item_detials h3{
font-family: Georgia;
font-size: 18px;
font-weight: bold;
color: #244465;
margin-left: 10px;
margin-top: 15px;
margin-bottom: 0px;
}

#item_detials p{
	margin-left: 10px;
	margin-top: 0px;
	color: gray;
}

#item_detials ul{
	margin: 0px;
	padding: 0px;
	color: gray;
	list-style: none;
	margin-left: 10px;
	margin-top: 10px;
}

/* ExtraInfo */
	.extra-info {
		display: inline;
		float: right;
		margin-right: 30px;
		margin-top: 10px;
		width: 320px;}
	.extra-info h3 {
		font-family: Georgia;
font-size: 18px;
font-weight: bold;
color: #244465;
		margin-bottom: 10px;}
	.extra-info p {
		font-size: 14px;
		line-height: 1.5em;
		margin-bottom: 2em;}

/* @end */

#contactform{
	margin-left: 34px;
	width: 400px;
}

#contactform h2{
	font-family: Georgia;
font-size: 18px;
font-weight: bold;
color: #244465;
}

#contactform p{
	line-height: 2em;
}

#contactform fieldset{
	margin-top: 10px;
}

#contactform fieldset label{
	float: left;
	display: inline;
	width: 190px;
	font-weight: bold;
}

.conForm{
	border: 1px solid gray;
	padding: 2px;
	width: 200px;
}

.submit-button{
	float: right;
	margin-top: 10px;
}