/*********************** colours **************************
blue:#468b9b
brown:#3D1C00
skyblue:#A2D2E4
GREEN:#98A705;#98A705
background:#F2F2C8;
gold:#E9A900;
brown/gold:#8D6E26;
***********************************************************/

/** adapated from holly'n'john 
http://www.positioniseverything.net/thr.col.stretch.html  */
html {margin: 0; padding: 0;}

body {margin: 0; padding: 0; font-family: verdana, sans-serif; 
           background: #f2f2c8;}
.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0;
		padding:0;
		background:transparent;
		}
#contain{
width:600px;
background:#f2f2c8;
/*background:#f2f2c8 url("http://www.belazu.com/images/background.gif") repeat-y;*/
}
#containproduct{
background:url("http://www.belazu.com/images/productsbg.gif") repeat-y ;
}
/*******************************************************************************
                       Positioning rules
*******************************************************************************/
#top{
display:none;
/*height:160px;*/
}
#top, #footer {
margin: 0;   /*** The header and footer have backgrounds, to cover the 2-tone body BG  ***/
}
#footer {
display:none;
}
#leftboxcontain {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
display:none;
}
#blackboard{
display:none;
}
#leftbox{
margin:0px 0px 0px 10px;
}
#register{
width:180px;
margin:50px 0px 0px 10px;
}
#middlebox {
padding: 0px 50px 0px 0px;    /*** watch out for ie pc margin, use tantek boxmodelhack***/
width:600px;
margin:20px 0px 20px 0px;
}
#middlecontainbox{
float:right;
padding: 0px;    /*** This div has a background to make stockists white ***/
width:520px;
margin:0px;
/*background:url("images/productsbg.gif") repeat-y;*/
}
#middleproductbox {
float:left;
padding: 0px 0px 0px 0px;
width:350px;
margin:20px 0px 20px 0px;
}
#stockists{
width:150px;
float:right;
text-align:center;
margin-top:20px;
margin-left:0px;
}
#news{
display:none;
}
#holder{
height:160px;
background-color:#A2D2E4;
width:770px;
}


/*******************************************************************************
                       left menu rules
*******************************************************************************/
#leftbox ul{
margin:0px;
	padding: 0;
	list-style: none;
	width:180px;
 }
 #leftbox li a{
	font:  13px Verdana, sans-serif;
	}
#leftbox ul li a {
	text-decoration: none;
	color:#3D1C00;
	display:block;
	width:100%;
}
#leftbox ul li a.extend {
	color:#3D1C00;
	border-bottom:1px solid #8D6E26;
	padding:2px 0px;
	}
#leftbox ul li a:hover {
	color:#8D6E26;
}
#leftbox ul li ul {
border-bottom:1px solid #8D6E26;
}
#leftbox ul li ul li {
	margin:0;
	padding:0;
	border:0px solid #8D6E26;
}
#leftbox ul li ul li a {
	padding: 0px 0px;
	color: #8D6E26;
	font:  12px Verdana, sans-serif;
	text-decoration:none;
	display:block;
	width:100%;
}

#leftbox ul li ul li a:hover {
	color: #3D1C00;
}
/*******************************************************************************
                       page menu rules
*******************************************************************************/

.navlist ul , .navlist li
{
margin:0; 
padding:0; 
white-space: nowrap;
color:#3D1C00;
}
.navlist li 
{
display: inline;
list-style-type: none; 
}
.navlist li.last a
{
border-right: 0px solid #3D1C00;
}
.navlist a { 
	padding: 0px 10px; 
/*	border-right: 1px solid #3D1C00;*/
	color:#3D1C00;
	text-decoration: none;
} 
.navlist a:hover, .navlist a.current
{
color: #fff; 
text-decoration: none; 
}
#navcontain{
display:none;
}
#navcontain ul{
margin:0;
padding:0;
}
#bottomnavcontain{
margin:0;
padding:11px 0px 11px 195px;
background:#98A705;
font-size:11px;
background: url("http://www.belazu.com/images/bottomlogo.gif") no-repeat;
}
#footer img{
float:left;
}
#bottomnavcontain ul{
margin:0;
padding:0;
}

/*******************************************************************************
                       copy styles rules
*******************************************************************************/

h1{
	color:#468b9b;
	font:20px Verdana, sans-serif;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px;;
	line-height:26px;
}
.size{
	color:#468b9b;
	font:20px Verdana, sans-serif;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px;;
	line-height:26px;
}

#lblCategoryName, #lblProductFullName{
	color:#468b9b;
	font:20px Verdana, sans-serif;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px;;
	line-height:26px;}
	
h2, #lblProductSize{
	color:#468b9b;
	font:11px Verdana, sans-serif;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px;;
	line-height:18px;
	display:block
}
h3{
	font:11px Verdana, sans-serif;
	font-weight:bold;
	color:#FF0000;	
}
h4{
	font:11px Verdana, sans-serif;
	font-style:italic;
	line-height:18px;
	width:95%;	
}
#middlebox p{
	font: 11px Verdana, sans-serif;
	color:#330000;
	margin:0px 0px 10px 0px;
	line-height:16px;
	}
	#middlebox, #middleproductbox{
	font: 11px Verdana, sans-serif;
	color:#330000;
	line-height:16px;
	}
#middlebox p a{
	text-decoration:none;
	color:#468b9b;
	}
#middlebox p a:hover{
	text-decoration:underline;
}
#middlebox ul, #middleproductbox ul{
margin-left:20px;
padding-left:0;
}
#middlebox ul li, #middleproductbox ul li{
list-style-type:square;
margin-bottom:5px;
}
#register{
	font: 11px Verdana, sans-serif;
	color:#8D6E26;
	line-height:16px;
	}
#register a{
	color:#8D6E26;
	text-decoration:none;
	}
#register a:hover{
	text-decoration:underline;
}
#news strong{
	font-size:12px;
	font-weight:bold;
}
#news{
color:#3D1C00;
font: 12px verdana, sans-serif;
}
#news a{
color:#3D1C00;
	text-decoration:none;
}
#news a:hover{
	text-decoration:underline;
}
#line{
padding:5px 0px;
	border-bottom:1px solid #3D1C00;
	margin-bottom:5px;
	}
	#lblDescription{
	margin-top:10px;
	}
.productlist a {
	padding: 0px 0px;
	color: #8D6E26;
	font:  12px Verdana, sans-serif;
	text-decoration:none;
}

.productlist a:hover {
	color: #3D1C00;
}
#stockists a{
	font: 11px Verdana, sans-serif;
	color:#8D6E26;
	text-decoration:none;
	font-weight:bold;
	}
	#stockists a:hover{
		color:#98A705;
	}
.linkopen{
	font: 14px Verdana, sans-serif;
 	color:#FFFFFF;
	text-indent:7px;
	font-weight:bold;

	}
.linkopen a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:20px;
	margin-left:0px;
	margin-top:0px;
	height:15px;
	}
.linkopen a:hover{
	color:#FFFFFF;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration:underline;
	}
.linkdown{
	font: 14px Verdana, sans-serif;
 	color:#FFFFFF;
	text-indent:7px;
	font-weight:bold;
	}
.linkdown a{
	color:#FFFFFF;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:20px;
	margin-left:0px;
	margin-top:0px;
	height:15px;
	}
.linkdown a:hover{
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}