/* set page */
body {
	text-align:center;
	padding:0;margin:0;
	background:#FFF url(../img/_bg2.jpg) repeat; 
} /**/
#container{
	text-align: left;
	width:766px !important;
	padding:0; 
	margin: 0 auto; 
	font: 16px/22px Arial, Helvetica;
	background:transparent url(../img/_shadow2.jpg) repeat; 
}

#strap { 
	height:18px; 
	background:url(../img/_strap2.jpg); 
}

#inner-container {
	margin:0px 8px;
	height:auto !important;
	height:500px;
	min-height:500px;
}

/* set headers */
h1 {
	font:bold 2px Arial;
	color:#fff;height:45px;
	text-indent: -2000px;
	margin:0; background: url(../img/_masthead.jpg); 
}

h2 {
	padding: 0 0 0 1px; 
	margin: 5px 0 0 0; 
	color: #434383; 
	background: 3px 5px; font: bolder 25px/40px Arial, Helvetica; 
}

h3 			{color:#080; font:bold 16px/16px Arial;}
h4 			{color:#f90; font:bolder 16px/18px Trebuchet MS;}
h5 			{color:#080; font:bolder 16px/18px Trebuchet MS; margin:0; padding:0;}
.sub {
	font:normal 10px Arial;
	color:#ffa;
	text-transform:uppercase;
	letter-spacing:2px; 
	background: #b86 url(../img/bronzebg.jpg);
}

.td1 		{ background-color:#ccc; font-size:14px; vertical-align:top;border-bottom:1px solid #aaa; }
.td2 		{ background-color:#aaa; font-size:14px; color:#fff; }
.td3 		{ font:bold 10px Arial;color:#cfc;
				text-transform:uppercase;letter-spacing:2px; background-color: #7a7; }
.td4 		{ background-color:#aaa; font-size:14px; color:#fff; 
				text-align:right; border-bottom:1px solid #882; }
.leader 	{ font: bold 16px Trebuchet MS; color:#286;}
.boxout 	{ border:1px solid #7a7; padding:5px; background-color:#eee; margin:0;}

input {	
	background: #efeded; 
	border : 1px solid #876; 
	_border:none; 
	font-family : 
	sans-serif; 
	font-size : xx-small; 
}
#boxmain {
	padding: 0 5px;
	float:left; 
	width:350px; 
}


#boxmain h2 {
	font:bold 18px/20px Arial, Helvetica, sans-serif;
	color:#ccc;
}

#pagenav {border:1px solid #999; background:#ffe;text-align:right;}
#pagenav a {font:bold 12px Arial Narrow;}
#bevel { background:url(../img/_bevel.jpg) repeat-x; height:18px; }

#hMenu {font:normal 11px Arial;padding: 0;height:21px;
	background:url(../img/_masthead.jpg);
	background-position: 0px -45px !important;
	border-bottom:1px #bbb solid;
	}
/*#hMenu table {width:100%;}*/
#hMenu td {border:0px solid #333;font:bold 11px Arial;}
#hMenu ul {height:20px;margin: 0px;	padding: 0px; list-style:none;border-bottom:1px solid #333; }
#hMenu ul li {float:right;margin: 0;padding: 0;}
#hMenu ul li a {
	background-image: url(../img/_mbar.jpg);
	text-decoration:none;
	display:block;
	color:#000;
	padding:3px 16px;
	border-left:1px solid #514d2b;
	border-top:1px solid #333;
	background-image: url(../img/_roots.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	background-color: #97AD73;
	}
	
#hMenu ul li a:hover {text-decoration:none;
	color: #fff !important;
	background-color: #FFFFFF!important;
	background-position: 0px -100px !important;
	background-repeat: repeat;
	}

#hMenu .selected {
	background-image: url(../img/_mbar.jpg);
	text-decoration:none;
	display:block;
	color:#fff;
	padding:3px 18px;
	border-left:1px solid #514d2b;
	border-top:1px solid #333;
	background-image: url(../img/_roots.jpg);
	background-repeat: repeat;
	background-position: 0px -100px;
	background-color: #97AD73;
	cursor:default!important;
}


#submenu {

}

#submenu ul { text-align:center;}

#submenu ul li {
	display:inline;
	background-position:0 -200px !important;
}

#submenu ul li a { 
	color:#000;
	padding:3px 18px;
	border:1px solid #ccc;
}

#sMenu ul {margin: 0px;	padding: 0px;list-style:none;font:normal 10px/16px Verdana;}
#sMenu ul li {float:left;text-transform:uppercase;letter-spacing:1px;}
#sMenu ul li a {text-decoration:none;color:#b1ac9a;}
#sMenu ul li a:hover {text-decoration:none;color:#000;background:#000;}

#copyright {clear: both;background:url(../img/_footer2.jpg);height:48px}
#copyright p {color: #234;font: 8px/12px Verdana, Arial, Helvetica, sans-serif;text-align:center;}
#copyright img {border: none;padding: 0px;float: left;margin: 0px;}

#tcol {width: 100px;height: 100%;float: left;padding: 3px;border:#000 0px solid;}
#tcol p {color: #222222;font: 10px/12px Verdana, Arial, Helvetica, sans-serif;}

#main {
	height:auto !important;
	height:500px;
	min-height:500px;
	padding: 10px;
	font:normal 12px/16px Verdana;
	color:#444;
	letter-spacing:0.05em; }

#main img {padding: 0px;float: right;margin: 5px;}
#main p, td, th{font:normal 13px/16px Trebuchet MS;color:#333;}		
#main a {text-decoration:none; color: #030; font-weight:bold;}
#main a:hover {text-decoration:none;color:a22;}
#main ul {list-style: none;}
#main ul li {padding: 0 0 0 23px;background: transparent url(img/dot.gif) no-repeat 6px;}
#main .sub {background:#aac;color:#fff; list-style-type:none;}
#main .noborder { border:none; padding:0;margin:0; float:none;  }

#main table { border:1px solid #333; }
#main td { border-bottom:1px solid #ccc; border-right:1px solid #ddd; }

#index { vertical-align:top}
#index img {border:none; margin:0; padding:0 }
#index p { padding: 0 15px; font:normal 14px/16px Arial, Helvetica, sans-serif;}
#index h3 { padding: 0 5px;}
#index ul {padding: 10px 0; margin:0; }
#index ul li a {font-weight:bold; text-decoration:none; color: #22a;}
#index ul li a:hover {text-decoration:underline; color:a22;}

#service td { border:1px solid #ddd; padding:10px; }
#service ul li { padding: -20px 20px; }

#buttons td img {padding:0;margin:0;}

#news {clear:both; font:normal 11px Arial; color:#17a;background:#fff;float:right; width:200px;margin: 0 3px 0 15px;padding:4px;}
#news a {}
#news a:hover {}
#news ul {margin: 0px;	padding: 0px;list-style:none;}
#news ul li {padding:4px 0 4px 23px;float:left;letter-spacing:normal;background: transparent url(img/raquo.gif) no-repeat 6px;}
#news ul li a {color:#17a;font-weight:bold;}
#news ul li a:hover {color:#678;}

#bxout {width: 150px;padding: 3px;border: #f18e00 1px solid;background: url(img/boxbg_wd.jpg);margin: 10px 0 10px 0;}
#bxout p {color: #2222aa;font: 12px/18px Arial, Helvetica, sans-serif;margin: 0 0 3px 3px;}
#bxout a {color: #448;font: bold 12px Arial;text-decoration: none;}
#bxout a:hover {color: #f18e00;text-decoration: none;}

#sitemap {font:normal 10px Arial;}
#sitemap ul li{margin: 0px;	padding: 0px; list-style:none;display:inline;color:#FFFFFF;}
#sitemap ul li a{text-decoration:none;color:#666666;}
#sitemap ul li a:hover{text-decoration:underline;}

/*reset the ul menu styles*/
#button { width:200px; float:left; }
#button ul li {background:none; padding:0; margin:0;}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		margin: 0;
		}
	
	#button .last {
		border-bottom:none;
		}

#button li a {
		display: block;
		padding: 2px 7px 4px 7px;
		text-decoration: none;
	    border-bottom: 1px solid #FFF;
		width: 100%;
	    font-size: 10px;
	    font-weight: bold;
		background-color: #000;
		color:#DDDA01;
}


	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		background-color: #DDDA01;
		color: #000;
		}

#button li ul li a {
	background-color: #DDDA01;
	color:#000;
	border-bottom:1px solid #848301;
	border-left:1px solid #EBEA6C;
	border-right:1px solid #848301;
	padding: 2px 4px 2px 10px;
}

	#button li ul li a:hover {
		background-color: #000;
		color: #FFF;
		}


#button li ul li ul li a {
    padding: 2px 0px 2px 20px;
}

#prod {
	float:right;
	width:500px;
}

form#two {
	clear: right;
	display: block;
	background: none;/*url(img/grdnt_red.png) repeat-x;*/
	margin-top:13px;
}


form#two fieldset {
	width:410px; 
	display:block; 
	border:1px solid #aaa; 
	padding:5px; 
	margin-top: 10px;
	margin-bottom:0.5em; 
	margin-left: 13px;
	line-height:1.2em;
}

form#two label {
	width:80px;
	clear:both; 
	display:block; 
	float:left; /**/
	text-align:right; 
	padding-right:10px; 
	padding-top:0.3em;
	color: #666; 
	font-size:1em;
}

#bottom {
	width:460px;
	float:right;
	border:1px solid #aaa;
}

.shadow {
	background-image:url(http://www.thisiswhatyouget.co.uk/images/textareashadow.jpg);
	border-left:1px solid #aaa;
	border-right:1px solid #fff;
	border-top:1px solid #aaa;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
	padding-left:5px;
	font:normal 12px "Courier New", Courier, monospace;
}

.warn { background-color:#FF9900; 
	color:#fff;}


#main .itemblock img { margin-right:20px; }
.itemblock {
	background:url(img/boxbg.gif) right;
	height:100px;
	overflow:hidden;
	border:1px solid #ddd;
	background:#eee;
	margin-bottom:10px;
}

.itemblock img {
	float:right;
	height:80px;
	margin:10px;

}
#main .itemblock img.infobutton {
	height:20px;
	margin:0 0 0 10px;
	float:left;
	border:none;
}

.itemblock p {
	margin:2px 10px;
	font-size:11px; line-height:13px;
}

.itemblock h3 {
	margin:0;
	padding:5px 10px;
	background:url(img/boxtop.gif) right no-repeat;
}

.itemblock h5 {
	padding-left:20px;
	margin-right:50px;
	color:#fff;
	background-color:#bbb;
}

.itemblock h6 {
	height:10px; 
	background:url(img/boxbottom.gif) no-repeat;
	clear:both;
}

.selected {
	font-size:16px;
	color:#006600;
	background-color:#ccc;
}

.navigation {
	text-align:center; 
	border:1px solid #ddd;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
}