/* CSS Document */

/*--------------------------------------- General Structure ----------------------------------------------------------*/
#container{ position: relative;  padding: 0px; margin-top: 14px; margin-left:auto; margin-right:auto; width: 984px;  padding:0px;}
 
#header { width:982px; height:95px; margin: 0px 0px 0px 0px; padding: 0px;   position:relative;}
#header_img {background:url(/images/header.jpg) no-repeat bottom left; width:982px; height:345px; margin:5px 0px 0px 0px; position:relative;}

#posted-description {width:190px;}

*html #header_img {margin:0px 0px 0px 0px;}
#logo{ background:url(/images/logo.gif) no-repeat; width:250px; height:73px; float:left; margin:0px 0px 0px 0px;}


#nav_home_link { position: absolute; width: 290px; height: 70px; display: block; top: 0px; }

#contact_search {
	width:175px;
	position:absolute;
	top:0px;
	right:27px;
	font-size: 14px;
	font-weight: 500;
	color: #626262;
}

#contact_search h1 { text-align:right; font-size:14px; margin: 10px 0px 0px 0px; padding:0px 0px 0px 0px; color:#626262; font-weight:500;}
#contact_search form { float:right; width:162px; margin:16px 0px 0px 0px; display:block; padding:0px 0px 0px 0px;}
#contact_search input {font-size:10px; color:#555555; border:1px solid #727272; margin:0px 5px 0px 0px; padding:2px;}
#contact_search button {background:#e3e3e3; font-size:10px; color:#616161; border:1px solid #727272; width:30px; height:19px; margin:1px 0px -1px 0px;}
*html #contact_search button {margin:0px 0px 0px 0px;}
*+html #contact_search button {margin:0px 0px 0px 0px;}

body:last-child:not(:root:root) #contact_search button {background:#e3e3e3; font-size:10px; color:#616161; border:1px solid #727272; width:14px; height:14px; margin:-10px 0px -5px 0px;}

#header_nav { width:983px; height: 106px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  white-space:nowrap; position:absolute; bottom:0px; left:0px;}
#header_nav a {margin:0px 0px 0px 0px; padding:0px; float:left; display:block;}

#home_content {float:left; width: 394px;  margin:0px 0px 0px 10px; }
*html #home_content {margin-left:5px;}

#home_blocks {float:right; width:523px; margin:33px 24px 0px 0px;}

*html #home_blocks {float:right; width:523px; margin:33px 12px 0px 0px;}

#featuredheader { float:left; font-size: 14px; color: #ffffff; background-color: #aecb5d; padding: 4px 0px 4px 0px; margin: 0px; width:250px; position:relative; min-height:14px; height:14px;}
#featured { float:left; margin:0px 0px 0px 0px; padding:0px; width:253px; position:relative; min-height:271px; height: auto !important; height:271px;}
#featured p.header { font-size: 14px; color: #ffffff; background-color: #aecb5d; padding: 4px 0px 4px 10px; margin: 0px;}
#featured h1 { font-size: 14px; color: #ffffff; background-color: #aecb5d; padding: 4px 0px 4px 10px; margin: 0px;}
ul#feat {margin:0px !important; padding:0px !important;}
#feat li {margin:0px !important; min-height:200px;  position:relative; width:253px; height:auto !important; height:200px; padding:5px 0px 5px 0px!important; list-style:none !important; background:#F5F5F5!important;}
#feat li img {float:right; display:block; margin:0px 0px 0px 0px;}
#feat h2 {padding:0px 4px 0px 10px;}
#feat p {padding:0px 4px 0px 10px;}

#main {width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#newsheader { position:relative; float:right; width: 253px; background-color: #86a628; font-size: 14px; height: 14px; color: white; margin: 0px; padding:4px 0px 4px  0px; }
#news { position:relative; float:right; width: 253px; min-height: 271px; height: auto !important; height: 271px; background-color: #fafafa; padding:0px; margin:0px; display: block; }
#news h1 { background-color: #86a628; font-size: 14px; color: white; margin: 0px; padding:4px 0px 4px 10px; }
.news  { margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;  border-bottom:1px solid #e8e8e8; padding:8px 0px 8px 11px;}
.news h2 { font-size:11px; color:#86a628; padding:0px ; margin:0px; }
.news a { padding: text-decoration:none; 0px 0px 15px 0px; margin: 0px; font-size: 12px; text-decoration: underline; color: #7f7f7f; display: block; width:195px;}
*html #news {}

.bottom_news {position:absolute; bottom:0px; left:0px;}

#footer { width: 957px; height: 29px; margin:19px 0px 0px 0px; display:block; padding:18px 0px 0px 0px; background: url(../images/bramidan.jpg) no-repeat left;  border-top: 1px solid #999999;}
#footer p{ font-size: 10px; color: #555555; text-align: right; padding:0px; margin:-10px 0px 0px 0px; }
#footer a { font-size: 10px; color: #555555;}

.clear { clear:both; }

/*-------------------------------------------- textpage  ----------------------------------------------------------------------*/

#header_upload {margin:3px 2px 0px 2px; float:left; width:689px;} 


#sidebar { width: 253px; min-height:150px; height:auto !important; height:150px; float:left; margin:0px 0px 0px 0px; }
#sidebar h1{ background-color: #86a628; font-size: 14px; color: white; margin: 0px; padding:4px 0px 4px 10px; }
#content {  padding:0px 20px 20px 20px; margin:0px 0px 0px 0px; width: 669px;} 


 
#sidebar input {font-size:10px; color:#555555; border:1px solid #727272; width:139px; margin:0px 5px 0px 0px; padding:2px;}

#sidebar form {padding:0px 0xp 0px 0px; margin:20px auto 0px auto; width:200px;}
#sidebar label {font-size:12px; font-weight:bold; color:#616161; margin:0px 10px 0px 0px;}
#sidebar button {background:#e3e3e3; font-size:10px; color:#616161; border:1px solid #727272; width:50px; height:19px; float:right; margin:0px 8px 0px 0px; }

body:last-child:not(:root:root)  #sidebar button {background:#e3e3e3; font-size:10px; color:#616161; border:1px solid #727272; width:20px; height:10px; float:right; margin:0px 8px 0px 0px; }

*+html #header_upload {margin:5px 3px 0px 2px; float:left;} 
*+html #sidebar {margin:5px 0px 0px 0px}

#about {  width: 253px; min-height:174px; height: auto !important; height:174px; background:#c7cacc; padding: 0px; margin:0px 0px 0px 0px; display: block; }
#about h1 { background-color:#a1a9ae; font-size: 14px; color:#ffffff; margin: 0px; padding: 5px 0px 4px 10px; }

#about a { font-size: 12px; text-decoration: none; color: #ffffff; padding: 0px; margin: 0px; padding: 3px 0px 3px 10px; border-bottom: 1px solid #ffffff; display: block; background:url(/images/about_arrows.gif)  no-repeat right bottom #c7cacc;;}
#about a:hover,.active {background:url(/images/about_arrows.gif)  no-repeat right bottom #eaeaea; color: #a1a9ae; }
#enquiry {background:#C7CACC; min-height:170px; height:auto !important; height:170px; margin:2px 0px 0px 0px; }
.error_feedback li {background:none; margin:5px 0px 5px 50px;}
/*-------------------------------------------- Products  ----------------------------------------------------------------------*/

#content_products {float:right; width:675px; margin:0px 27px 0px 0px;}
*html #content_products {margin:0px 11px 0px 0px;}
#content_products h1 {margin:10px 0px 5px 0px;}

#breadcrumb {width:675px; background:#e7ebee; width:100%; height:18px; margin:0px 0px 0px 0px; color:#82878a; padding:0px 0px 0px 5px; position:relative;}

.back {position:absolute; right:0px; width:199px; top:-1px; text-align:right;}
.back a {font-size:12px; color:#818587 !important; background:url(/images/back_arrows2.gif)  no-repeat left; padding:0px 10px 0px 30px;}

.link_prev {width:100%; text-align:right; margin:10px 0px 10px 0px;}
.link_prev a {font-size:12px; color:#818587 !important; background:url(/images/back_arrows2.gif)  no-repeat left; padding:0px 10px 0px 30px;}

#product {padding:0px 0px 0px 0px;}

#breadcrumb a {color:#86a628;}
#breadcrumb p {margin:0px 0px 0px 0px;}

.products {margin:0px 0px 0px 0px; display:block; min-height:100px; height:auto !important; height:100px;}

.products img {float:right; margin:0px; padding:0px;}
.products p {margin:5px 0px 5px 0px; width:488px;}
.products h1 { padding:20px 0px 0px 0px !important;}
.products h2 {color:#666666; font-size:12px; font-weight:bold; margin:0px 0px 20px 0px; padding:0px;}
.products a  {}

.prod_link {background:url(/images/pro_arrows.jpg) no-repeat right #a1a9ae; text-align:right; margin:5px 0px 0px 0px; padding:0px 30px 2px 0px;}
.prod_link a {color:#ffffff; font-size:11px; text-align:right;  text-decoration:none;}

.hidden {display:none;}


/*-------------------------------------------- Products main  ----------------------------------------------------------------------*/

#content_product_left { width:360px; float:left; min-height:400px; height:auto !important; height:400px; margin:10px 0px 0px 0px;}
#content_product_right { float:right; width:291px; min-height:400px; height:auto !important; height:400px; margin:10px 0px 0px 0px;}

#product_gallery {}
#gal_top { height:313px; display:block; margin:0px 0px 20px 0px;}

#gal_top {margin:0px;  padding:0px;}

#pen {position:relative;}
#pen li {position:absolute; top:0px; left:0px; list-style:none; background:none; padding:0px; margin:0px;}

#gal_bottom {}

.gal_img {width:90px; height:90px; float:left; display:block; margin:5px 5px 0px 0px;}

p.indented {margin:0px 0px 0px 30px;}


.green_line { border-top:1px solid #86a628;  color:#666666; font-size:12px; clear:both; display:block; border-bottom:1px solid #86a628; margin:10px 0px 16px 0px; padding:8px 0px 8px 26px; background:url(/images/pdf.gif) no-repeat left;}
.yellow_line { border-top:1px solid #f9bc23; color:#666666; font-size:12px; clear:both; display:block; border-bottom:1px solid #f9bc23; margin:16px 0px 16px 0px; padding:8px 0px 8px 26px; background:url(/images/video.gif) no-repeat left;}

/*-------------------------------------------- News  ----------------------------------------------------------------------*/

.news_main h1 { font-size:14px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;}
.news_main h2 { font-size:12px; color:#666666; font-style:italic; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;}
.news_main b  { font-size:12px; color:#666666; font-style:italic; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;}
/*-------------------------------------------- Nav ----------------------------------------------------------------------*/

#nav ul {margin:0px; padding:0px;}
#nav li {background:url(/images/border.jpg) no-repeat left top; padding:0px 0px 0px 0px; margin:0px;  float:left; display:block; height:27px;  list-style:none; }
#nav { width:959px; height:27px; background:url(/images/nav.jpg) repeat-x; margin:0px; padding: 0px; float:left; }
#nav a { margin:0px; height:21px; text-decoration:none; padding:4px 11px 0px 10px; float:left; display:block; color:#ffffff; font-weight:bold; font-size:12px;}

body:last-child:not(:root:root) #nav a { margin:0px; height:21px; padding:4px 9px 0px 9px; float:left; display:block; color:#ffffff; font-weight:bold; font-size:12px;}


#nav a:hover {background:url(/images/arrow_top.jpg) no-repeat top center ;  text-decoration:none;  color:#ffffff; } 
#nav a.active {background:#82878a; text-decoration:none;}

/*------------------------------------- General Text, Colours & Backgrounds --------------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size: 18px; font-weight: normal; color:#8eb229; margin:15px 0px 20px 0px; padding: 0px; }
h2 { font-size: 17px; font-weight: normal; color:#666666; margin:15px 0px 20px 0px; padding: 0px; }
h3 { font-size: 16px; font-weight: normal; color:#BED67C; margin:15px 0px 20px 0px; padding: 0px; }
h4 { font-size: 15px; font-weight: normal; color:#96979A; margin:15px 0px 20px 0px; padding: 0px; }
h5 { font-size: 14px; font-weight: normal; color:#BED67C; margin:15px 0px 20px 0px; padding: 0px; }
h6 { font-size: 13px; font-weight: normal; color:#8eb229; margin:15px 0px 20px 0px; padding: 0px; }

p { font-size:12px; color:#666666; line-height:19px; margin:10px 0px 10px 0px; padding: 0px; }

ul {margin:0px; padding:0px;}
ul li {font-size: 12px; font-weight: normal; color: #8eb229; margin:15px 0px 0px 7px; padding:0px 0px 0px 20px; background:url(/images/h2.jpg) no-repeat left 1px; list-style:none; }

*html ul li{ background:url(/images/h2.jpg) no-repeat left 5px;}
*+html ul li{ background:url(/images/h2.jpg) no-repeat left 5px;}

ol {}
ol li {list-style:decimal; color:#666666; font-size:12px; }

a {  text-decoration:none; color:#8eb229; font-weight:bold; text-decoration:underline;}
a:hover {text-decoration:underline; }