html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}



/* CSS Document */
/* styles*/

body{
font-family:Arial,Helvetica,Sans-Serif; color:#404040; font-size:1em;
background:#dbf5f3;
text-align:center;
}
a{color:inherit;text-decoration:none;font-weight:bold;}
a:hover{text-decoration:underline;}

strong{font-weight:bold;}
p{text-align:justify;line-height:1.5em;margin:1em;}
/*p a{color:#1F4F82;}*/
h1{font-size:2em; color:#111;margin:32px 0 32px 32px;}
h2{font-size:1.5em; color:#333;}
h3{font-size:1.4em; color:#333;}
h4{font-size:1.3em; color:#333;}






#container{
width:976px;
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
background:#fff;
position:relative;
}

#content{
position:relative;
}

.spacer{
clear:both;
}
.clearit{
clear:both;
}

.left{float:left;}
.right{float:right;}

.img_center{
position:relative;
margin:0 auto;
text-align:center;
}

.img_left{
float:left;
margin:16px;
position:relative;
}

.caption{
padding:8px;
display:block;
text-align:center;
margin:16px;
border-top:1px solid #eee;
}

.quarter{
width:224px;
margin-left:16px;
float:left;
}



.nav_list{


}

.nav_list ul{


}

.nav_list ul li{
background:web_icons
}

/*##################################*/
#header{
position:relative;
width:100%;
height:160px;
margin-top:32px;
}

#top{
position:absolute;
top:-32px;
width:976px;
height:32px;

background:#fff;
}

#top h2{
font-size:12px;
}

#top ul li{
display:inline;
margin-left:12px;
}


#logo{
float:left;
}

.logo1{
margin:8px 24px 8px 24px;
}

#worldpay{
position:absolute;
top:16px;
right:32px;
}

#bja{
position:absolute;
top:16px;
left:40px;
}


#footer{
margin:32px 0 0 0;
text-align:center;
background:#eee;
position:relative;

}


/*###############*/
.g1{
background:url(img/icons/shades.jpg) 0px 0px repeat-x;
color:#e9e9e9;
}
.g1xl{
background:url(img/icons/shades.jpg) 0px -128px repeat-x;
color:#fff;
}
.g2{
background:url(img/icons/shades.jpg) 0px -32px repeat-x;
color:#fff;
}
.g2xl{
background:url(img/icons/shades.jpg) 0px -192px repeat-x;
color:#e9e9e9;
}
.g3{
background:url(img/icons/shades.jpg) 0px -64px repeat-x;
color:#fff;
}
.g3xl{
background:url(img/icons/shades.jpg) 0px -256px repeat-x;
color:#fff;
}
.g4{
background:url(img/icons/shades.jpg) 0px -96px repeat-x;
color:#000;
}
.g4xl{
background:url(img/icons/shades.jpg) 0px -320px repeat-x;
color:#000;
}

.button{margin:4px;}

.button a{
border:1px solid #ccc;
height:22px;
padding:8px 16px 0 16px;
display:block;

}

.button a:hover{
background:#e9e9e9;
}


/*#############################Navbar#####################*/


/*Navbar stuff*/
#topNav {
	background: #eee;
	display:block;
	width:976px;
	position:absolute;
	bottom:0px;
	height:32px;
	font-weight:normal;
line-height:32px;
height:32px;
}

#topNav a{
font-weight:normal;
line-height:32px;
height:32px;


}

#topNav ul li{
	float:left;
	display:block;
	text-decoration:none;
	color:#333;
	background:#eee;
	
}
#topNav ul li a{
padding-left:16px;
padding-right:16px;
display:block;
}
#topNav ul li a:hover{
background:#fff;


}
#topNav ul ul {
	display:none;
	position:absolute;
	background:#fff url(img/icons/menu.jpg) bottom;
	top:32px;
	left:0;
	width: 976px;
	z-index: 99999;
	border-bottom:3px solid #eee;
	padding-bottom:32px;
}


#topNav ul ul li{
width:234px;
float:left;
margin-left:8px;
font-weight:normal;
line-height:32px;
background:#fff;




}

#topNav ul ul li a{
padding:0;

}


#topNav ul ul ul{
display:inline;
position:relative;
font-size:12px;
}


#topNav ul ul ul li{
line-height:32px;
height:32px;

border-bottom:1px solid #eee;
}






#topNav li:hover > a,
#topNav ul ul :hover > a {
	color:#333399;
	background:#fff;
}
#topNav ul li:hover > ul {
	display:inline;
}


#topNav ul ul ul li a.RB{
background:url(img/icons/Round_Brilliant.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.PC{background:url(img/icons/Princess_Cut.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.EC{background:url(img/icons/Emerald_Cut.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.AC{background:url(img/icons/Asscher_Cut.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.OC{background:url(img/icons/Oval_Cut.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.PS{background:url(img/icons/Pear_Shaped.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.RC{background:url(img/icons/Radiant_Cut.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.MC{background:url(img/icons/Marquise.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.CD{background:url(img/icons/Coloured_Diamonds.jpg) no-repeat;
padding-left:76px;
}

#topNav ul ul ul li a.Tan{
background:url(img/icons/Tanzanite.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.Rub{background:url(img/icons/Ruby.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.Eme{background:url(img/icons/Emerald.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.Blu{background:url(img/icons/Blue_Sapphire.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.Pin{background:url(img/icons/Pink_Sapphire.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.Gre{background:url(img/icons/Green_And_Yellow_Sapphire.jpg) no-repeat;
padding-left:72px;
}
#topNav ul ul ul li a.Aqu{background:url(img/icons/Aqua.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.Ame{background:url(img/icons/Amethyst.jpg) no-repeat;
padding-left:40px;
}
#topNav ul ul ul li a.Tou{background:url(img/icons/Tourmaline.jpg) no-repeat;
padding-left:104px;
}

#topNav ul ul ul li a.Top{background:url(img/icons/Topaz.jpg) no-repeat;
padding-left:104px;
}
#topNav ul ul ul li a.Oth{background:url(img/icons/Other.jpg) no-repeat;
padding-left:136px;
}

/*#########################*/

/*contact stuff*/

#map{
margin:16px;
}
.contact_details{
position:relative;
width:432px;
padding:16px;
margin: 0 0 16px 16px;
background:#eee;
float:left;

}

#contact_form{
position:relative;
width:464px;
margin-left:16px;
background:#eee;
float:left;
padding-top:8px;

}
#contact_form label{
float:left;
width:96px;
padding:2px;
margin:2px;
color:#333;
text-align:right;
}
#contact_form input{
width:256px;
margin:2px;
height:32px;
border:none;
background:#fff;
font-size:24px;
}
#contact_form textarea{
width:256px;margin:2px;border:none;
background:#fff;
}
#contact_form .submit{
width:96px;
}
#contact_form table{
font-size:1.2em;
}

#contact_form .form_message {
color:#fff;
position:absolute;
bottom:16px;

}
#contact_form p.error{
color:#ff0000;
background:#fff;
padding:2px;
border:1px solid;
}


/*####################### general #####################*/
#demi{
position:absolute;
clear:both;
margin-top:4px;
bottom:-48px;
}

#boutique{
margin:32px 0 32px 0;

}
#accreditations{
clear:both;
background:#fff;
}

.rbs{
margin:16px 0 0 48px;
}



/*front*/

#front_images{
float:left;
width:256px;
}

#front{
clear:both;
margin: 0 auto;
width:960px;

background:url(img/icons/sheer.png);
}

#front p{
color:#fff;
}

#front h1{
color:#fff;
}
.front_section{
margin: 0 0 8px 8px;
background:#333;
float:left;
width:688px;
}

.sizer{
height:160px;
background:url(img/ring_sizer.jpg) no-repeat;
}

.sizer a{
display:block;
height:60px;
width:500px;
text-align:center;
padding:60px 0 0 188px;

}

.sizer a:hover{
text-decoration:none;
}

.front_half{
margin:8px;
width:450px;
background:#333;
float:left;
}


/*######general#*/


.section{
clear:both;
margin:32px;
padding:16px 0 0 0;
border-top:1px solid #eee;

}



.section ul{
margin:16px;
}

.section ul li{
margin:8px;
}
.menu_block{
margin:32px;
padding:16px;
}

.menu_block ul{

float:left;
width:40%;
margin:32px 0 32px 5%;


}

.menu_block ul li{
margin-bottom:4px;
display:block;


}

.menu_block2{
margin:8px;
padding:8px;
}

.menu_block2 ul{

float:left;
width:40%;
margin:8px 0 8px 5%;


}

.menu_block2 ul li{
margin-bottom:4px;
display:block;
color:#eee;


}




.CAD_case_study{
margin:64px 32px 32px 32px;
padding:16px;
border:1px solid #ccc;
background:#EFEBE7;
position:relative;


}

.CAD_case_study h2{
position:absolute;
top:-32px;
left:0;

}
.CAD_quote{
margin:16px;
background:#fff;
padding:8px;
}

.CAD_quote p{
color:#333399;
font-family: Courier, "Courier New", monospace;
}
.CAD_img{
width:256px;
margin-left:8px;
}




/*testimonials*/



.testimonial{

}

/*terms*/


#returns{
margin:32px;

}
#registered{
background:#eee;
margin:16px;
padding:16px;

}



/*jewellery Page##############*/

.category_list{
width:464px;
margin:0 0 0 16px;
float:left;
}

.category_list h1{
font-size:18px;

}
.category_list h2{
font-size:14px;
padding-left:8px;
}

.category_list p{
font-size:10px;

}

.category{
border-bottom:1px solid #eee;
margin:8px;
}
.item{
clear:both;
height:224px;
position:relative;
border-bottom:1px solid #eee;
margin:16px 16px 0 16px;
}

.item p{
font-size:10px;
}

.item p a{
color:#eee;
}

.item h2{
font-size:12px;
}


.item_img{
float:left;
border:1px solid #eee;
margin:4px;
position:relative;
width:160px;
height:160px;
}
.item_price{
position:absolute;
background:url(img/icons/price.png);
bottom:0px;
left:0px;
width:160px;
height:24px;
padding-top:8px;
text-align:center;
font-size:18px;
font-weight:bold;
}

.item_info{
float:left;
width:368px;
margin-left:16px;
}
.item_metals{
float:left;
width:368px;
margin-left:16px;
font-size:10px;
}

.item_metals ul li{
margin:8px 0 0 0;
border-bottom:1px solid #eee;
}

#metal_price{
margin-bottom:8px;
}
#metal_price table{


}
#metal_price th{

}


#metal_price tr{
height:24px;
padding-top:8px;
/*background:url(img/icons/shades.jpg) 0px -96px repeat-x;*/
color:#000;

}


#metal_price td{
padding:6px;
}
#search{
line-height:32px;

position:absolute;
width:256px;
height:24px;
top:0px;
right:0;
}
#search input{
margin-top:6px;
float:left;
width:96px;
}
#search select{
margin-top:6px;
float:left;
margin-left:2px;
}

#search input.submit{
width:32px;
margin-left:2px;
margin-top:0px;
}
.order_by{


}

#item_list{
margin-top:128px;

}




/*old #######################*/

.checkout_item{
margin:30px;
clear:both;
border-bottom:1px solid #ccc;
}

.checkout_family{
width:300px;
float:left;
}

.checkout_description{
width:400px;
float:left;
}

.checkout_price{
width:120px;
float:left;
text-align:right;
}
.checkout_price p{
text-align:right;

}
.checkout_total{
width:150px;
margin-left:700px;
clear:both;
border-top:3px solid #333;
border-bottom:3px solid #333;
padding:5px 0px 5px 0px;
margin-bottom:30px;

}

.checkout_total h3{
text-align:center;
}
#orderform{
border:1px solid #eee;
margin:8px;
}

#terms{
margin:20px;
width:400px;
height:100px;
overflow:scroll;
float:left;

}

#customer_details{
width:384px;
float:left;
padding:10px;
}

#customer_details input{
width:256px;
float:left;
margin:2px 0 2px 4px;
}

#customer_details label{
width:96px;
float:left;
}
#customer_details label.card{
width:180px;
clear:left;
}
#customer_details input.card{
width:20px;
}
.postage{


}

.list_half{
width:150px;
margin:2px 2px 2px 2px;
float:left;

}

.list_half li{

padding:2px;
margin:2px;
background:#222;
}

.list_half li:hover{

padding:2px;
margin:2px;
background:#000;
}

.list_half table{
margin-left:10px;
border-spacing:4px;
border-collapse:separate;
}
.center h1{
text-align:center;
}


#basic_info{
float:left;
width:384px;
}
#invoices{
float:left;

}
#invoices p{
font-size:12px;
}
#invoices .formsection{
width:560px;

}

#invoices .formsection table{
padding:2px;
border-collapse: separate;
border-spacing: 8px;

}
#invoices .formsection table td{
border:1px solid;

}

.formsection ul li{
margin:2px;

}

.formsection input{
width:192px;
}
.formsection label{
width:96px;
}
.formsection textarea{
width:192px;
}

.formsection .submit{
width:72px;
}
.formsection .delete{
width:48px;
}
.invoices{
float:left;
width:150px;
margin:8px;
padding:8px;
background:#eee;
height:300px;
position:relative;
}

.delete{
width:100px;
position:absolute;
bottom:10px;
}

#confirm{
margin:32px;
padding:32px;
border:1px solid #eee;

}

.news{
border:1px solid #ccc;
padding:4px;
margin-top:61px;
clear:both;
position:relative;
}

.news h2{
position:absolute;
top:-32px;
}

.news li{
margin:4px 0 0 0;
}



#address h2{
text-align:center;

}




#newtest{

width:780px;
}



.newpanel{
padding:32px 0 0 0;

height:320px;
}

.panelitem{
float:left;
margin-left:32px;
}