@charset "utf-8";
/* Reset CSS http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {	border-collapse:collapse;	border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;	font-weight:normal;}
ol,ul {	list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {	content:'';}
abbr,acronym { border:0;}
/**
* centering layout
*/

html,body{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	height:100%;width:100%;
}
body { 
	background:url(/img/layout/slice-bg.png) #000 no-repeat  fixed center;
	text-align:center;
	min-height:590px;/* for good browsers*/
	min-width:960px;/* for good browsers*/
}
/*
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 590px;
}	
#xinner {
	position:relative;
	width: 960px;
	height: 590px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}
*/
#container{
	width: 930px;
	height: 570px;
	overflow:hidden;
	text-align: left;
}
/**
* header
*/
#header {
height:60px;
}

#header div{
height:60px;
}
#headerLogo{
width:334px;
height:60px;
float:left;
}
#headerLogo h1{
position:absolute;
left:-999px;
top:-999px;
}

#headerMark{
width:45px;
height:60px;
float:right;
}
#headerMark h2{
position:absolute;
left:-999px;
top:-999px;
}
#headerBanner{
width:468px;
height:60px;
float:left;
margin-left:6%;
}
/**
* main body
*/
#main {
width: 930px;
height:470px;
}
img#advertStrip{
display:none;
}
div#bar{
background:url(/img/layout/bar.jpg) top no-repeat #000;
}
/**
* homepage layout
*/
div#main.homepage div.mainTitle{
height:50px;
}
div.strapline{
width:590px;
float:right;
text-align:center;
}
div#main.homepage div.mainLeft{
width:140px;
height:420px;
float:left;
}
div#main.homepage div.mainMiddle{
width:214px;
height:420px;
float:left;
}
div#main.homepage div.mainMiddle p{
margin-bottom:5px;
}
div#main.homepage div.mainRight{
width:557px;
height:418px;
float:right;
background-color:#999999;
}
div#homegrid{
width:557px;
height:418px;
margin-left:15px;
float:left;
background:url(/img/layout/home-jewel-grid.png) no-repeat top right;
}

div#homegrid table {
width:557px;
height:418px;
margin:0px;
padding:0px;
}
div#homegrid table tr{
margin:0px;
padding:0px;
padding-top:1px;
} 
div#homegrid table tr td{
margin:0px;
padding:0px;
}
div#homegrid table tr > td:first-child
{
padding-left:1px;
} 
div#homegrid table tr td a{
margin:0px;
padding:1px;
width:136px;
height:136px;
display:block;
overflow:hidden;
}
div#homegrid table tr td a:hover{
padding:0px;
border:1px solid #ffcc00;
}
div#homegrid table tr td a img{
background-position:top;
margin:0px;
padding:0px;
display:none;
}
div#homegrid table tr td a img:hover{
background-position:bottom;
}

/**
* legalpage layout
*/
div#main.legalpage div.mainTitle{
height:50px;
}

div#main.legalpage div.mainLeft{
width:140px;
height:420px;
float:left;
}
div#main.legalpage div.mainMiddle{
width:780px;
height:420px;
float:left;
overflow:auto;
}
div#main.legalpage h2{
margin-top:10px;
}
/**
* contactpage layout
*/
div#main.contactpage div.mainTitle{
height:50px;
}

div#main.contactpage div.mainLeft{
width:140px;
height:420px;
float:left;
}
div#main.contactpage div.mainMiddle{
width:780px;
height:420px;
float:left;
overflow:auto;
}

/**
* jewelpage layout
*/
div#main.jewelpage div.mainTitle{
width: 950px;
height:50px;
}
div#main.jewelpage div.strapline{
width:418px;
float:right;
text-align:center;
}
div#main.jewelpage div.mainLeft{
width:140px;
height:420px;
float:left;
}
div#main.jewelpage div.mainMiddle{
width:369px;
height:420px;
float:left;
}
div#main.jewelpage div.mainRight{
width:420px;
height:420px;
float:right;
}

div#jewelgrid{
width:139px;
height:420px;
margin-left:15px;
float:left;
background:url(/img/layout/jewel-grid-bg.png) no-repeat top right;
}
div#jewelgrid table {
width:139px;
height:415px;
margin:0px;
padding:0px;
}
div#jewelgrid table tr{
margin:0px;
padding:0px;
padding-top:1px;
} 
div#jewelgrid table tr td{
margin:0px;
padding:0px;
}
div#jewelgrid table tr > td:first-child
{
padding-left:1px;
} 
div#jewelgrid table tr td a{
margin:0px;
padding:1px;
width:66px;
height:66px;
display:block;
overflow:hidden;
}
div#jewelgrid table tr td a:hover{
padding:0px;
border:1px solid #ffcc00;
}
div#jewelgrid table tr td a.activeJewel{
padding:0px;
border:1px solid #ffcc00;
}
div#jewelgrid table tr td a img{
margin:0px;
padding:0px;
display:none;
}
div#jeweltxt{
width:215px;
height:420px;
float:left;
}
table.alignBottom{
height:420px;
}

table.alignBottom tr td{
vertical-align:middle;
}
/**
* and the rest
*/
#footer {
width: 930px;
height:40px;
}
#footerNav{
width:300px;
float:left;
}
#footerNav p{
padding-top:10px;
display:block;
}
#footerNav p span{
padding-left:10px;
padding-right:10px;
}
#footerButtons{
float:right;
width:500px;
text-align:right;
}
#footerButtons ul,#footerButtons li{
padding:0px;
margin:0px;
}
#footerButtons li{
display:inline;
}

#footerButtons li a img{

}
img#aimg{
margin-right:40px;
}
img#slimg{
margin-right:25px;
}
img#fbimg{

margin-right:80px;
}
/**
* high cholesterol fatteners
*/
div.padSides{
padding:0px 10px 0px 10px;
}
div.pad{
padding:10px 10px 10px 10px;
}
/**
* colours / text
*/
a{
color:#FFCC00;
text-decoration:none;
}
a:hover{
color:#FFCC00;
text-decoration:underline;
}

#footerNav{
font-size:12px;
}

div#main h1,div#main h2,div#main h3{
font-size:16px;
font-weight:bold;
}
div#main p, div#main li{
font-size:12px;
}
div.strapline h4{
padding-top:15px;
letter-spacing:20px;
}
ul.spacedBullets{
list-style:disc;
margin-top:5px;
margin-left:15px;
}
ul.spacedBullets li{
margin-bottom:5px;
}