html{	
	scrollbar-base-color: #70b461; 
	scrollbar-arrow-color: #745bb7;
}

body {
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	background:transparent url(images/bk.jpg) repeat-x 0% 0%;	
	text-align:center;
	margin:0px;
	padding:10px 0 0px 0;
	line-height:100%;
}

div#main{
	text-align:left;
	width:793px;
	margin:0 auto;
	line-height:150%;
	background:#fff url(images/main_bg.gif) repeat-y 0 0;
}

a:link, a:visited{
	color:#6146AA;
	text-decoration:underline;
}

a:hover{
	color:#FD9D01;
	text-decoration:underline;
}

p, ul{
	line-height:150%;
}

.clearboth{
    display:block;
    clear:both;
}

/************************************************************
*						MAIN::HEADER	
*************************************************************/ 
div#header{
	height:248px;
	background:#3f8103 url(images/header_bg.jpg) no-repeat scroll 0px 0;	
	position:relative;
	z-index:10;
}

div#header h1{
	position:absolute;
	top:95px;
	right:155px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#62449A;
	margin:0px;
	padding:0px;
}

div#header a#go_home{
	display:block;
	text-indent:-3500px;
	position:absolute;
	top:15px;
	left:25px;
	width:260px;
	height:170px;
}

p#contact_details{
	position:absolute;
	top:215px;
	left:15px;
	margin:0px;
	padding:0px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#361A7E;
	text-transform:uppercase;
}

p#contact_details em{
	color:#fff;
	font-style:normal;
}


/* ------------------ HEADER::MAIN_NAV ----------------------- */

ul#main_nav{ 
	padding:0px 0 0 0px;
	margin: 0;
    list-style: none;
	height: 45px;
	position:absolute;
	top:200px;
	right:10px;
	width:370px;
}

ul#main_nav li{
	font:11px Arial, Helvetica, sans-serif;
    color:#fff;
    height:45px;
	float:left;
	margin-right:2px;
}

ul#main_nav li a{
	display:block;
	height:45px;
	text-indent:-3500px;
}


ul#main_nav li#home, ul#main_nav li#home a{
  width:95px;
}


ul#main_nav li#about_us, ul#main_nav li#about_us a{
   width:140px;
}


ul#main_nav li#email, ul#main_nav li#email a{
   width:120px;
}

/************************************************************
*						MAIN::CONTENT	
*************************************************************/
div#content{
	background:transparent url(images/content_bg.gif) no-repeat 0 100%;	
}

* html div#content{
    width:793px;
}

 

/* -------------------- CONTENT::SIDE_PANEL ---------------- */
div#side_panel{
	background:transparent url(images/side_panel_bg.jpg) no-repeat 0 0;
	float:left;
	width:211px;
	padding:50px 0 45px 0;
}

div#side_panel dl{
	background:transparent url(images/dl_side_panel_bg.gif) no-repeat 0 100%;
	margin:0px;
	padding:0 0 20px 0;
}

div#side_panel dl dt{
	margin:0px;
	padding:0px;
	text-indent:-3500px;
}

div#side_panel dl dd{
	margin:5px 10px 0 12px;
	padding:0px;
	background-color:#FD9D01;
}

div#side_panel dl dd ul{
	margin:0px;
	padding:0px 0 0 15px;
	list-style-type:none;
}

div#side_panel dl dd ul li a{
	font:bold 12px Arial, Helvetica, sans-serif;
}

div#side_panel dl dd ul li a:link, div#side_panel dl dd ul li a:visited{
	color:#fff;
	text-decoration:none;
}

div#side_panel dl dd ul li a:hover{
	color:#5439A0;
	text-decoration:none;
}

div#side_panel dl dd ul li a#left_menu_link_selected{
	color:#5439A0;
	text-decoration:none;
}

/* -------------------- CONTENT::MAIN CONTENT ---------------- */
div#main_content{
	background:transparent url(images/main_content_bg.jpg) no-repeat 0px 0;
	float:right;
	width:512px;
	min-height:300px;
	padding:15px 35px 25px 35px;
	margin-right:0px;
	display:inline;/*ie6 double margin hack */
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
}

* html div#main_content{  
	width:490px;
}

div#main_content img.float_left{
    float:left;
    margin:4px 15px 10px 0;
    padding:2px;
	border:2px solid #ffcc00;
}

div#main_content img.float_right{
    float:right;
    margin:4px 0px 10px 15px;
    padding:2px;
	border:2px solid #ffcc00;
}

div#main_content ul.list{
    margin:0 0px 10px 15px;
    padding:5px 0 0 10px;
}

div#main_content ul.decimal{
    list-style-type:decimal;
    margin:0 0px 10px 15px;
    padding:5px 0 0 10px;
}

div#main_content ul.decimal li{
    margin-bottom:5px;
}

/*body#index div#main_content{
	background:transparent url(images/main_content_index_bg.jpg) no-repeat 0 0;
}*/

div#main_content h1{
	color:#6146AA;
	font:24px Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	padding:5px 100px 0 0px;
}

div#main_content h2{
	color:#5ba51c;
	font:18px Arial, Helvetica, sans-serif;
	margin:15px 0 15px 0;
	padding:0 0px 0 0px;
}

div#main_content h1.error{
	color:#cc0000;
	font:24px Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	padding:0 100px 0 0px;
}


div#main_content p{
	margin:0px;
	padding:0 0px 10px 0px;
}

/* ----------------------- FORM ----------------------- */

form{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

input, textarea, select{
border:1px solid #000;
margin-bottom:10px;
margin-top:1px;
}

input:focus, textarea:focus{
  border:1px solid #8fd10f;
  background-color:#fafafa;
}



input.valign_input, select.valign_input, textarea.valign_input{vertical-align:-40%;margin:5px 0px;}

select{
margin-right:10px;}

label{
  color:#333;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-align:right;
  margin-right:5px;
}

label.fixed_width{
   width: 130px;
   display:block;
   float:left;
   clear:both;
   padding:5px 0px;
}

label.inline_display{
  margin-left:20px;
  vertical-align:top;
}

input.submit_btn{
  font:bold 12px Arial, Helvetica, sans-serif;
  border:1px solid #fd9d01;
  color:#ffcc00;
  width:100px;
  padding:2px 0;
  margin:15px 0px;
  background-color:#5ba51c;
}

/* ---------------------------- MESSAGES  ---------------------------- */

div#content div#main_content p.msg_alert{
  color:#EF6B00;
  border-top:1px solid #5a3fa4;
  border-bottom: 1px solid #5a3fa4;
  border-left:2px solid #fafafa;
  padding:5px 5px 5px 25px;
  font:bold 12px Verdana, Arial, Helvetica, sans-serif;
  background: #fafafa url(images/error.png) no-repeat scroll 0 50%;
}

div#content div#main_content p.msg_ok{
  color:#33cc33;
  border-top:1px solid #5a3fa4;
  border-bottom: 1px solid #5a3fa4;
  border-left:2px solid #fafafa;
  padding:5px 5px 5px 25px;
  font:bold 12px Verdana, Arial, Helvetica, sans-serif;
  background: #fafafa url(images/accept.png) no-repeat scroll 0 50%;
}

div#content div#main_content p.msg_error{
  color:#cc0000;
  border-top:1px solid #5a3fa4;
  border-bottom: 1px solid #5a3fa4;
  border-left:2px solid #fafafa;
  padding:5px 5px 5px 25px;
  font:bold 12px Verdana, Arial, Helvetica, sans-serif;
  background: #fafafa url(images/exclamation.png) no-repeat scroll 0 50%;
}




/* ----------------------- PRODUCTS ----------------------- */

div#main_content div.products{
	margin:50px -25px 0 -34px;
	padding:46px 0 25px 0;
	background:transparent url(images/product_top_bg.gif) no-repeat 0px 0%;	
}

div#main_content div.product{
	padding:0px 0 35px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	width:581px;
	background:transparent url(images/product_bg.gif) no-repeat -1px 100%;	
	margin-top:0px;
}



div#main_content div.product div.product_image{
	width:200px;
	float:left;
	text-align:center;
	padding:10px 0 10px 20px
}

div#main_content div.product div.product_image a.enlarge{
	font:bold 11px Arial, Helvetica, sans-serif;
	margin-left:26px;
}

div#main_content div.product div.product_image a.enlarge:link,
div#main_content div.product div.product_image a.enlarge:visited{
	text-decoration:underline;
	color:#666;
}

div#main_content div.product div.product_image a.enlarge:hover{
	text-decoration:underline;
	color:#62AA19;
}

div#main_content div.product div.product_image img{
	padding:2px;
	border:2px solid #5ba51c;
}


div#main_content div.product div.product_description{
	width:320px;
	float:left;
	padding:7px 25px 0 10px;
}

div#main_content div.product div.product_description h2{
	margin:0 0 15px 0;
	padding:0px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FD9D01;
}

div#main_content div.product div.product_description p{
	margin:0 0 10px;
	padding:0px;
}

/* ----------------------- PRICES ----------------------- */

table.prices{
    padding:0px;
    margin:0px;
    border-collapse:collapse;
}

table.prices td{
    padding:4px 10px 4px 4px;
    background-color:#ececec;
    border-bottom:1px solid #fff;
}

table.prices th{
    padding:4px 10px 4px 4px;
    border-bottom:1px solid #fff;
    background-color:#ffeeac;
}

table.prices caption{
    color:#000;
    text-align:left;
    font-size:13px;
    font-weight:bold;
    line-height:200%;
}

/* ----------------------- GALLERY ----------------------- */
div#main_content div.gallery{
	margin-top:25px;
	padding:0px 0px 25px 0px;
	background:transparent;	
}

div#main_content div.gallery div.image_wrapper{
    float:left;
    width:150px;
    text-align:center;
    margin:0 15px 15px 0;
}

div#main_content div.gallery div.image_wrapper img{
	padding:2px;
	margin-bottom:3px;
	border:2px solid #ffcc00;
}

div#main_content div.gallery div.image_wrapper span.caption{
	padding:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FD9D01;
}

div#main_content div.gallery div.image_wrapper a.enlarge{
	font:bold 11px Arial, Helvetica, sans-serif;
}

div#main_content div.gallery div.image_wrapper a.enlarge:link,
div#main_content div.gallery div.image_wrapper a.enlarge:visited{
	text-decoration:underline;
	color:#666;
}

div#main_content div.gallery div.image_wrapper a.enlarge:hover{
	text-decoration:underline;
	color:#62AA19;
}


/* -------------------- HOME CONTENT ---------------- */
div#home_1{
    background:transparent url(images/home_1_bg.jpg) no-repeat scroll 0 0;
    width:325px;/*591*/
    height:204px;/*254*/
    margin:-16px 0 0 -45px;
    padding:50px 43px 0 223px;
}

div#home_1 h1#welcome{
    background:transparent url(images/h1_bg_welcome.gif) no-repeat scroll 0 0;
    width:327px;
    height:26px;
    margin:0 0 10px 0;
    padding:0px;
    text-indent:-3500px;
}

div#home_1 p{
    padding-right:10px;
}


div#home_2{
    background:transparent url(images/home_2_bg.jpg) no-repeat scroll 0 0;
    width:591px;
    height:266px;
    margin:0px 0 0 -45px;
    position:relative;
}

div#home_2 p{
    position:absolute;
    top:30px;
    left:223px;
    width:255px;
    font:bold 12px Arial, Helvetica,sans-serif;
    color:#fff;
}

div#home_2 p#also_supply{
    position:absolute;
    top:-44px;
    left:25px;
    width:125px;
    text-align:center;
    font:bold 12px Arial, Helvetica,sans-serif;
    color:#333;
}

div#home_3{
    background:transparent url(images/home_3_bg.jpg) no-repeat scroll 0 0;
    width:591px;
    height:240px;
    margin:0px 0 0 -45px;
    padding:17px 0 0 0;
}

div#home_3 h2{
    margin:0px;
    padding:0 15px 0 223px;
    color:#940f12;
    font:bold 14px Arial, Helvetica, sans-serif;
}

div#home_3 p{
    margin:0px;
    padding:0 15px 0 223px;
    color:#333;
    font:12px Arial, Helvetica, sans-serif;
}

/************************************************************
*						MAIN::FOOTER	
*************************************************************/
div#footer{
	height:52px;
	padding:11px 0 0 0;
	background:transparent url(images/footer_bg.gif) no-repeat scroll 0px 0;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#6DBA2C;
}

div#footer a:link, div#footer a:visited{	
	color:#fff;
	text-decoration:none;
}

div#footer a:hover{
	color:#ffeeac;
	text-decoration:none;
}

div#footer ul{
	list-style-type:none;
	margin:0 0 15px 70px;
	padding:0px;
}

div#footer ul li{
	display:inline;
	background:transparent url(images/footer_nav_li_bg.gif) no-repeat scroll 100% 50%;
}


div#footer ul li a{
	margin:0 7px 0 5px;
	font:bold 12px Arial, Helvetica, sans-serif;
}

div#footer ul li a:link, div#footer ul li a:visited{	
	color:#fff;
	text-decoration:none;
}

div#footer ul li a:hover{
	color:#6146AA;
	text-decoration:none;
}

div#footer p#copyright{
	padding:0px 0 0 0px;
	margin:0px;
	color:#6DBA2C;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
}

/* ---------------------- hack -------------------- */
.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 
.clearfix {display:inline-block;} 
* html .clearfix{height:1px}

/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */