/* ----------------------------------------
/	Dinks Ltd CSS Stylesheet
/	Copyright (c) Haloweb Solutions 2007 
------------------------------------------*/

body, html, div, img, form { margin: 0px; padding: 0px; }

body { font: 76% Arial, Helvetica, sans-serif; text-align: center; padding: 25px 0; background: #443A30 url(/images/bg.gif) no-repeat right top; }

.spacer { clear: both; line-height: 1px; height: 1px; overflow: hidden; } 

#container { position: relative; margin: 20px auto; text-align: left; width: 822px; }

#header { height: 85px; }
#header h1 { 
	display: block; 
	font-size: 5px; text-indent: -5000px; 
	width: 157px; height: 85px; 
	margin: 0px; padding: 0px; 
	position: absolute; top: 0px; left: 0px; 
	background: transparent url(/images/logo.gif) no-repeat 0 0;	
}

#header h2 { display:inline; float: left; width: 640px; height: 47px; margin: 12px 0 0 172px; background: url(/images/tel_no.png) no-repeat top right; text-indent: -9000px; behavior: url(/script/iepngfix.htc); }

#menu { width: 655px; margin-bottom: 5px; float: right; } 

ul#nav {
	width: 650px;
	list-style: none;
	margin: 0px; padding: 0;
	display: block;
	color:#000000;
	background-color: transparent;
}

ul#nav li { display: inline;  }

ul#nav li a {
  float:left;
  margin: 0;
  padding: 9px 25px 9px 0;
  text-decoration:none;
  color: #B8A9A4; font-size: 1.2em; font-weight: normal; text-transform: lowercase; }

ul#nav li a:hover, li#activemenu a { color: #fff; }

li#activemenu a { color: #6DCFF6; } 

#menu form { position: absolute; right: 10px; margin-top: 8px; float: right; color: #fff; font-size: 0.95em; }
input.searchbox {
	width: 110px;
	margin-left: 5px;
	background-color: #443A30;
	border: 1px solid #665A51; 
	color: #fff; 
	font-weight: normal; 
	font-size: 1em; 
}


div#side { 
	float: left;
	width: 166px; 
	height: 365px; 
}

ul#sidenav {
	list-style: none;
	margin: 0px; padding: 0 40px 0px 0 !important; padding: 0 32px 0px 0;
	display: block;
	color:#000000;
	background-color: transparent;
	text-align: right;
	list-style-image: url("/images/side_bullet1.gif");
	direction: rtl;
}
ul#sidenav li a {
	margin: 0;
	padding: 0px 4px 0 0;
	text-decoration:none;
	color: #B8A9A4; font-size: 1.1em; 
	font-weight: normal; 
	vertical-align: 70%; 
}

ul#sidenav li a:hover, li#activemenu a { color: #fff; }


ul#sidenav li ul { 
	margin: 0; 
	padding: 0 !important;
	text-align: right;
	list-style: none; 
	list-style-image: url("/images/side_bullet2.gif");
	direction: rtl;
}

ul#sidenav li ul li { height: 18px; }
ul#sidenav li ul li a { color: #fff; font-size: 1em; font-weight: normal; 	vertical-align: 20%;  }
ul#sidenav li ul li a:hover { color: #ccc !important;}
ul#sidenav li.selected a { color: #6DCFF6 !important;}


img.mainpic { margin: 0 !important; }

#content { float: left; width: 646px; margin: 0; padding: 0; position: relative; background-color: #594F45; min-height: 300px; }

#content h1 { padding: 5px 20px 0 20px; margin: 0.5em 0 0.5em; color: #fff; font-size: 1.3em; }
#content h1 a { text-decoration: none; }
#content h2 { padding: 0 20px; margin: 0.5em 0 0.2em; color: #A3B4BB; font-size: 1.1em; }
#content h3 { padding: 0 20px; margin: 0.5em 0 1em; color: #999;}

#content p { padding: 0 20px; color: #B8A9A4; font-size: 1em; }
#content p strong { color: #fff; }
#content address { padding: 0 20px; margin: 0.5em 0 1em; font-style: normal; }
#content textarea { width: 100%; }
#content hr { padding: 0 20px; margin: 0.5em 20px 1em; height: 1px; 	color: #C7C7C7; background-color: #C7C7C7;	border: 0px; }

#content a { color: #fff; text-decoration: none; }
#content a:hover { color: #6DCFF6; }
#content strong, #content b { font-weight: bold; }
#content ul, #content li { color: #B8A9A4; }

#content table { padding: 0 20px; width: 605px;  margin: 0.5em 20px 1em;  }
#content fieldset {  }
#content table th { background-color: #B8A9A4; font-weight: bold; text-align: left; padding: 4px; border: 1px solid #B8A9A4; color: #443A30; }
#content table th.leftHeader { width: 130px; text-align: right; vertical-align: top; }
#content table td { padding: 4px; color: #fff; border: none; }

#content form input.textBox { width: 100%; }
#content form input, select, textarea { background: #6DCFF6; color: #443A30; font-weight: normal; border: solid 1px #fff; padding: 4px; }

#products { float: left; width: 646px; margin: 0; padding: 0.5em 0 2em 0; position: relative; background-color: #B8A9A4; min-height: 300px; height: auto !important; height: 300px; }
#products h2 { color: #443A30; }
#products h3 { color: #594F45; }
#products p { color: #443A30; }
#products input,select, textarea { background: #6DCFF6; color: #443A30; font-weight: normal; border: solid 1px #fff; padding: 4px; }

#popup { width: 85%; margin: 0 auto; background-color: #B8A9A4; }
#popup h1 { padding: 10px 20px 0 20px; margin: 0.5em 0 0.5em; color: #fff; font-size: 1.3em; }
#popup a { color: #fff; text-decoration: none; }
#popup a:hover { text-decoration: none; color: #6DCFF6; }

#requestTable { width: 410px !important; margin: 1em 0 !important; }

a img { border: none; }


.error-box { border: 1px solid #ccc; padding: 0.4em 0; margin: 0 20px 1em; color: #333; font-weight: bold; }
.confirm-box	{ background-color: #F4F4F4; border: 1px solid #666666; padding: 0.4em 0; margin: 0 20px 1em; }
.warning-box 	{ background-color: #F4F4F4; border: 1px solid #F0811F; padding: 0.4em 0; margin: 0 20px 1em; }


#footer { clear: both; margin: 10px 0px 0px 0px; padding: 0px; width: 100%; height: 22px; background-color: transparent; text-align: right; }
#copy { display: block; color: #ffffff; height: 30px; font-size: 0.9em; line-height: 22px; margin: 0px; padding: 0px 20px; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: none; color: #6E6E6F; }

/* CMS STYLES */

#content div.strapline { background: #6DCFF6; padding: 3px 0 7px; }
#content div.strapline h2 { color: #443A30; font-weight: normal; font-size: 11px; }