/**
CSS by Joe Boo
www.iamthebu.net
*/

body {
	background: #000;
	margin: 0px auto; 
	font-family: arial, helvetica, sans-serif; 
	color: #fff;
	text-align: left;
}

/* text elements */
p,li{
font-size:11px;
}
h1{
font-size:14px;
}
h2,h3{
font-size:12px;
}
h1,h2,h3{
color:#ffcc00;
}
p{
margin:0px;
margin-top:3px;
margin-bottom:3px;
}
#container {
	position: relative;
	width: 770px;
	height: 480px;
	margin: 40px auto; 
	padding: 0px;
	/*border: 1px solid #333333;*/
}
#head{
	width: 770px;
	height:73px;
	border-bottom: 1px solid #333333;
}


div#headerBanner{
float:right;
height:73px;
width: 206px;
}
div#headerBanner div{
padding-top:6px;
}


div#headerStrap{
float:left;
}
div#headerStrap h1{
font-weight:normal;
font-size:13px;
color:#FFFFFF;
margin:0px;
padding:0px;
margin-left:15px;
margin-top:28px;
}
div#headerStrap h1 a{
color:#FFFFFF;

}




div#homeLink{
padding-top:28px;padding-left:15px;font-size:12px;
}
div#homeLink a{
color:#FFFFFF;
text-decoration:none;
}
div#homeLink a:hover{
color:#ffcc00;
text-decoration:underline;
}
#main{
	clear: both;
	height:363px;
	overflow:hidden;
}
#mainhome{
	height:363px;
	width:594px;
	float:left;
}
#mainleft{
	float:left;
	width:175px;
	height:363px;
	/*border-right: 1px solid #333333;*/
}
#mainleft h1{
margin:0px;
margin-top:95px;
display:block;
text-align:center;
font-size:12px;
font-weight:normal;
}
#maincenter{
	height:363px;
}
#mainfullwidth{
	width:590px;
	height:363px;
}
#maingoldbar{
	height:363px;
	width:175px;
	float:right;
	/*border-left: 1px solid #333333;*/
}

#foot{ 
	clear: both;
	width: 100%;
	height:44px;
	overflow:hidden;
	margin: 0px; 
	padding: 0px;
	border-top: 1px solid #333333;
}
#foot ul, #foot li{
list-style:none;
padding:0px;
margin:0px;
} 
#foot li{
float:left;
margin-top:10px;
margin-left:10px;
}
#foot li a{
color:#ffffff;
font-size:12px;
text-decoration:none;
}
#foot li a:hover{
color:#ffcc00;
text-decoration:underline;
}
/* left navigation 
div#leftheight used to allow vertical align of the jewellers logo's in the collections
the default height allows for a 110px image below
it could possible be overwritten in the page header, 
but would probably be easier just to align the logo in an image of 110px in height
*/
div#leftheight{
height:225px;
}
ul#leftnav{
margin:0px;
margin-top:20px;
padding:0px;
list-style:none;
}

ul#leftnav li{
margin:0px;
padding:0px;
font-size:14px;
}
ul#leftnav li a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding:5px;
padding-left:10px;
}
ul#leftnav li a:hover{
color:#ffcc00;
text-decoration:underline;
}

/* homepage thumbs */
#mainhome ul, #mainhome li{
list-style:none;
padding:0px;
margin:0px;
}
#mainhome li{
float:left;
width:33%;
margin-top:75px;
text-align:center;
}
#mainhome a{
color:#ffffff;
display:block;
text-decoration:none;
}
#mainhome a:hover{
color:#ffcc00;
}
#mainhome a img{
border:1px solid #ffffff;
}
#mainhome a:hover img{
border:1px solid #ffcc00;
}
/* recurring elements */
a{
color:#ffcc00;
text-decoration:none;
}
a:hover{
color:#ffcc00;
text-decoration:underline;
}
.overflow{
overflow:auto;
}
.textpad{
padding:5px;
}
img {border:0px;}

*.hidden {display: none;}

.floatleft {float: left;}

.floatright {float: right;}

.hr_vert {
	float: left;
	clear: none;
	width: 1px;
	height: 100%;
	background: #333;
}
.error{
font-weight:bold;
color:#ffcc00;
}