/**
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: 765px;
	height: 480px;
	margin: 40px auto; 
	padding: 0px;
	/*border: 1px solid #333333;*/
}
#head{
	width: 765px;
	height:73px;
	border-bottom: 1px solid #666666;
}
#head h1{

}
#headerTitle{
float:left;
width:230px;
}
div#headerBanner{
float:right;
height:73px;
width: 206px;
}
div#headerBanner div{
padding-top:6px;
}
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;
}

#mainleft{
	float:left;
	width:175px;
	height:363px;
	border-right: 1px solid #666666;
}

#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 #666666;
}
#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:10px;
padding:0px;
list-style:none;
}

ul#leftnav li{
margin:0px;
padding:0px;
font-size:14px;
_height:1%;
}
ul#leftnav li a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding:5px;
padding-left:10px;
padding-bottom:3px;
_padding-top:3px;
}
ul#leftnav li a:hover{
color:#ffcc00;
text-decoration:underline;
}
ul#leftnav li a.activeLeftNav{
color:#ffcc00;
text-decoration:underline;
}
div#leftheight{
height:225px;
}
ul#twatnav{
margin:0px;
margin-top:5px;
padding:0px;
list-style:none;
}

ul#twatnav li{
margin:0px;
padding:0px;
font-size:11px;
}
ul#twatnav span{
font-size:10px;
}
ul#twatnav li a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding:5px;
padding-left:10px;
text-align:center;
}
ul#twatnav li a:hover{
color:#ffcc00;
text-decoration:underline;
}
ul#twatnav li a.activeLeftNav{
color:#ffcc00;
text-decoration:underline;
}
/* homepage thumbs */

/* 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;
}
.clr{
clear:both;
overflow:hidden;
height:0px;
}