
/*********************** 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;
		}

.admin{
font-size:10px;
}

	
img{
	border:0;
}
#contain{
/*width:770px;*/
width:940px;
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{
height:201px;
background-color:#A2D2E4;
}
#top, #footer {
margin: 0;   /*** The header and footer have backgrounds, to cover the 2-tone body BG  ***/
}
#footer {
background-color:#98A705;
clear:both;
}
#leftboxcontain {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
width:249px;
color: #fff;
padding-top: 10px;
float:left;
}
#leftbox{
margin:0px 0px 0px 10px;
}
#toplevelcontainbox{
float:right;
padding: 0px;    /*** This div has a background to make stockists white ***/
width:680px;
margin:0px;
/*background:url("images/productsbg.gif") repeat-y;*/
}

#middlebox {
float:left;
padding: 0px 50px 0px 0px;    /*** watch out for ie pc margin, use tantek boxmodelhack***/
width:470px;
margin:20px 0px 20px 0px;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:520px;
} 
html>body #middlebox {
  width:470px;
} 
#middlecontainbox{
float:left;
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;
}

#blackboard{
width:166px;
float:right;
text-align:left;
margin-top:20px;
margin-left:0px;
font: 11px Verdana, sans-serif;
color:#8D6E26;
line-height:16px;
	}
#news{
position:absolute;
margin:0px;
left:585px;
/*left:395px;*/
top:0px;
width:540px;
height:160px;
}
#holder{
height:160px;
background-color:#A2D2E4;
width:950px;
}
#holder a{
	margin:0;padding:0;
}
#bregister{
	width:166px;
	margin:10px 0px 0px 10px;
	font: 11px Verdana, sans-serif;
	color:#8D6E26;
	line-height:16px;
	}
#blackboard a{
	color:#8D6E26;
	text-decoration:none;
	}
#blackboard a:hover{
	text-decoration:underline;
}


/*******************************************************************************
                       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.inner {
	color:#98a705;
	}
#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{
margin:0;
/*right padding = belazu width-10px */
padding:14px 0px 14px 195px;
background:#98A705;
font-size:11px;
}
#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;
font-size:11px;
}
#middlebox ul li, #middleproductbox ul li{
list-style-type:square;
margin-bottom:5px;
}
#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{
	color:#468b9b;
	font-weight:normal;
	padding:0px;
	line-height:26px;
	text-decoration:none;
	}
a.linkopen:hover{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;
	}
#shopnav ul li{
list-style-type: none;
padding: 0;
margin: 2px,0px,2px,5px;
display: block;
float: right;
background: transparent;
font: 11px/20px;
text-align: center;	
}	
#shopnav a
{
padding:3px 4px 3px 4px;
margin-bottom: 2px;
background-color:#98a705;
color: #3d1c00;
text-decoration: none;
display: block;
width: 112px;
border: 1px solid #3d1c00;
}

#shopnav a:hover { color:#fff; background-color:#98a705; text-decoration: none;}

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: transparent;
font: 11px/20px;
text-align: left;
}

#navcontainer a
{
padding:7px 0px 7px 4px;
margin-bottom: 2px;
background-color:#98a705;
color: #3d1c00;
text-decoration: none;
display: block;
width: 150px;
border: 1px solid #3d1c00;
}

#navcontainer a:hover { color:#fff; background-color:#98a705; text-decoration: none;
 }

#td1 {
	font:11px Verdana, sans-serif;
	border: 1px solid gray ;	
		background-color: #C3E9EC;}
		
#pinktd1	{
	font:11px Verdana, sans-serif;
	border: 1px solid gray ;	
		background-color: #ffa3fc;}
			
		
		
#tr1 {
	border: 1px solid silver ;	
		background-color: #B0E0E6;
}
#tr2 {
		background-color: #C3E9EC;
}


.deliaimages .del1,.del2{margin-top:10px;margin-right:3px;}
.deliaimages img{border:1px solid black;}
.delrec{float:right; padding-left:40px;padding-bottom:40px;}


form fieldset{border:0px;float:left;margin:0;padding:0;}
form table{font: 11px Verdana, sans-serif;}

.warn{color:red;}
.essential{border-left:2px solid red;padding-left:5px;}
form input.log{width:110px;float:left;}
form input.reg{width:230px;float:left;}
form p{clear:left;margin:0;padding:0;padding-top:5px;font-size:10px;}
form p label{float:left;width:70px;}

	