/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html {height: 100%;}

body {height: 100%;}

#wrapper {position: relative; min-height: 100%;}

*html #wrapper {height: 100%;}

#container{ position:relative; padding:0px 0px 289px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:815px;}
#container_top { position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:815px;}
#header { width:100%; height:148px; margin:0px; padding:0px; position:relative; }

#logo {  width:191px; height:105px; margin:0px; padding:0px; display:block; float:left; }
#contact { display:block; float:right; font-size:12px; color:#666666; padding:58px 0px 0px 0px;}
#contact .green { color:#00803F !important; font-weight:bold;}
#contact a { font-size:12px; color:#666666;}
#contact img { vertical-align:middle;}

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

#sidebar { width:158px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px; background:#ffffff; }

#content_main  { width:614px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:300px; float:left;}

#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}

#footer { position:relative; width:100%; background:url(../images/footer.jpg) repeat-x left top; height:269px; margin:-289px 0px 0px 0px; padding:20px 0px 0px 0px; }
#footer h5 { color:#CCCCCC; margin-bottom:12px !important;}
#footer h6 { color:#ffffff; margin-bottom:12px !important;}
#footer_main { display:block; margin-left:auto; margin-right:auto; width:815px;}

.footer_email { font-weight:normal; font-size:11px; }

#footer_contact { width:211px; display:block; float:left;}
#footer_contact form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#footer_contact input { border:0px; width:199px; font-size:12px; color:#333; padding:1px 0px 5px 12px;}
#footer_contact textarea { border:0px; width:199px; font-size:12px; color:#333; height:75px; padding:1px 0px 5px 12px;}
#footer_contact input.required  {  background:#fff !important;}

#footer_contact textarea.required {  background:#fff !important;}
#footer_contact button { background:none; border:0px; display:block; float:right; color:#FFF; font-size:14px;}
#footer_contact p { margin:12px 0px 12px 0px;}
#footer_address { width:204px; height:269px; display:block; float:left; margin:0px 0px 0px 27px; border-right:1px solid #ACACAC;}
#footer_address p { color:#ccc !important; font-size:14px !important;}
#footer_address a { color:#ccc !important; font-size:14px !important; font-weight:bold;}
#footer_our_company { width: 176px; display:block; float:left; margin:0px 0px 0px 27px;}
.footer_nav { display:block; margin:0px 0px 30px 0px;}
.footer_nav a { display:block; color:#FFF; font-size:14px; margin:0px 0px 6px 0px;}
.footer_nav a:hover {color:#fff; text-decoration:none;}
#other_footer { width:200px; display:block; float:left; margin:10px 0px 0px 30px;}
#footer_contact form {margin:0px !important; padding:0px !important;}

#footer_contact textarea.error {  background:#9F4545 !important;}
#footer_contact input.error  {  background:#9F4545 !important;}
.clear { clear:both; }
.hidden { display:none;}

/*------------------------------------ Homepage -----------------------------------------------------------*/

#home_header { width:100%; position:relative; z-index:-1; height:294px; background:url(../images/home_head_bac.jpg) repeat-x left top; }
#slideshow {width:815px; height:294px; position:relative; display:block; margin:0px auto 0px auto; }
#slideshow ul {margin:0px; padding:0px;}
#slideshow ul li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;}

#homepage { width:100%; margin:26px 0px 20px 0px; display:block;}
.home_block {width:244px; display:block; float:left; height:229px;}
.home_block ul { margin:18px 0px 18px 0px; padding:0px; }
.home_block ul li { background:url(../images/green_tick.jpg) no-repeat left 50%; margin:5px 0px 5px 0px; padding:0px 0px 0px 30px; list-style:none; font-size:14px; color:#999999;  }
#cushion.home_block { background:url(../images/air_cushion.jpg) no-repeat right 81%;}
#bubble.home_block { background:url(../images/bubble.jpg) no-repeat right 81%;}
#border.home_block {background:url(../images/box.jpg) no-repeat right 90%; width:244px; display:block; float:left; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; padding:0px 24px 0px 24px; margin:0px 16px 0px 16px;}

a.more_info {display:block; color:#46B3C0; font-size:14px; padding:0px 0px 0px 30px; background:url(../images/blue_arrow.jpg) no-repeat left 50%;}

a:hover.more_info {color:#46B3C0; text-decoration:none;}

#contact_us input {width:300px;}
#contact_us textarea {width:300px;}

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

#other_pages_header {width:100%; height:68px; position:relative; z-index:-1 !important;  background:url(../images/other_page.jpg) repeat-x left top;  }
#other_page {width:815px; height:68px; position:relative; display:block; z-index:190;  margin:0px auto 0px auto;}
#breadcrumb { font-size:12px; color:#335318; display:block; margin:14px 0px 0px 0px;}
*html #breadcrumb { margin:14px 0px -10px 0px;}
*+html #breadcrumb { margin:14px 0px -10px 0px;}
#breadcrumb a { font-size:12px; color:#335318; } 
#textpage {width:790px; margin:25px auto 63px auto;}
#textpage_left {width:525px; display:block; float:left;}
#textpage_right {width:244px; display:block; float:right;}

#product_hot_links { margin:10px 0px 0px 0px; display:block;}
#product_hot_links p {margin:7px 0px 7px 0px;}

#testimonial { border-top:1px solid #999; border-bottom:1px solid #999; padding:0px 0px 0px 0px; }

#m_imgarea {position:relative; width:219px; height:201px; display:block; margin:0px 0px 20px 0px; }
#m_imgarea ul {margin:0px; padding:0px; }
#m_imgarea ul li {width:219px; height:201px; text-align:center; vertical-align:middle;  padding:0px; list-style:none;  background:none; position:absolute; top:0px; left:0px;}
.img { display:block;  text-align:center;  vertical-align:middle;  float:left; cursor:pointer;  padding:1px; margin:0px 1px 0px 0px;}


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

#product_left { width:219px; display:block; float:left; margin:20px 0px 20px 0px;}
#product_text {width:275px; display:block; float:left; margin:20px 0px 20px 12px;}
#product_right { width:272px; display:block; float:right; margin:20px 0px 20px 0px;}
#tech_spec { width:244px; padding:14px; min-height:100px; height:auto !important; height:100px; background:url(../images/tech_top.jpg) #333333 no-repeat left top; position:relative;}
#tech_below { background:url(../images/bottom_black.jpg) no-repeat left bottom; width:272px; height:17px; position:absolute; bottom:-17px; left:0px; }

#tech_spec table { margin:5px 0px 0px 0px; display:block;}
#tech_spec td {border-bottom:1px solid #999999; font-size:12px; color:#fff; padding:7px 0px 7px 0px;}
#tech_spec td.left {border-bottom:1px solid #999999; font-size:12px; color:#fff; font-weight:bold; padding:7px 0px 7px 5px; width:88px;}

#benefits {margin:30px auto 10px auto; display:block; width:249px;}

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

#news {display:block; float:left; width:540px; margin:0px 0px 20px 0px }
.news { border-bottom:1px solid #999999; padding:10px 0px 10px 0px;}
.news a.header {color:#335418; font-size:16px; }
.news a span.date { color:#92B906; font-size:12px;}
.news p {margin:10px 0px 10px 0px;}
#news_cats { position:relative; margin:12px 0px 0px 0px; padding:9px 9px 9px 9px; width:193px; display:block; float:right; background:url(../images/news_cat_top.jpg) #333333  no-repeat left top; min-height:100px; height:auto !important; height:100px;}
#news_cats_below { width:211px; height:17px;  position:absolute; left:0px; bottom:-17px; background:url(../images/news_cat_below.jpg) no-repeat left bottom;}
#news_cats a { display:block; width:179px; margin:0px auto 0px auto; color:#fff; font-size:12px; border-bottom:1px solid #999999; padding:5px 0px 5px 0px;  }

*+html .paging {top:22px;}
*html .paging {top:14px;}
.paging { color:#fff; padding:3px 8px 3px 10px; position:absolute; top:0px; right:20px; background:url(../images/green_paging.jpg) #335518 no-repeat left top; font-size:12px; }
.paging a { color:#fff; font-size:12px;}
.right_paging { position:absolute; top:0px; right:0px;}
*html .right_paging { position:absolute; top:0px; right:-1px;}


/*------------------------------------ Shop -----------------------------------------------------------*/

.shop { border-bottom:1px solid #335518; padding:10px 0px 10px 0px; margin:0px; padding:0px;}
.shop_img {display:block; float:left; width:136px; text-align:left; margin:10px 0px 0px 0px; padding:0px;}
.shop_img span {font-size:11px;  font-weight:bold; color:#9EC908; display:block; margin:10px 0px 10px 0px;}
.shop_img img {text-align:left !important;}
.shop_img a {display:block; margin:0px}
.shop_text h1 {border:0px; padding:0px; margin:10px 0px 10px 0px;}
.shop_text p {margin:0px 0px 10px 0px; line-height:16px;}
.shop_text {display:block; float:left; width:425px;}
.shop_info {display:block; float:right; margin:10px 0px 0px 0px; background:url(/images/black_shop_back.jpg) no-repeat left top; padding:16px 0px 0px 10px; width:201px; height:103px;}
.shop_price {font-size:16px; color:#fff; margin:0px 0px 5px 0px;}
.shop_dimnentions {font-size:16px; color:#fff; margin:0px 0px 5px 0px;}
.shop_form form {margin:10px 0px 0px 0px; padding:0px;}
.shop_form label {margin:0px; padding:0px; font-size:14px; color:#fff; width:30px; display:block; float:left;}
.shop_form input {width:29px; padding:0px; margin:0px;}
.shop_form button { background:none; border:0px; margin:2px 5px 0px 0px; padding:0px; display:block; float:right;}
*html .shop_form button {  margin:2px -10px 0px 0px; }
*+html .shop_form button {  margin:2px -10px 0px 0px; }


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

.footer_news_summary { display:block; padding:0px 0px 8px 0px; margin-bottom:10px; border-bottom:1px solid #fff;}
.footer_news_summary a {font-weight:bold;}
.footer_news_summary_date {color:#fff; font-weight:bold;}
.footer_news_sum_indent {}
.footer_news_sum_indent p {margin:5px 0px 5px 0px; color:#fff; font-size:11px; line-height:14px;}

/*------------------------------------ nav-----------------------------------------------------------*/
#nav_wrapper { width:100%;   position:absolute; top:105px;  margin:0px auto 0px auto;   z-index:90; }
#nav {width:815px;  margin:0px auto 0px auto; padding:0px 0px 0px 0px;  }

#nav ul {margin:0px; padding:0px;}
#nav ul li {position:relative; margin:0px; padding:0px; list-style:none; background:none; display:block; float:left;}
#nav ul li a {  margin:0px 0px 0px 0px; padding:14px 24px 14px 24px;  color:#ffffff; display:block; font-weight:normal; font-size:12px; }
#nav ul li a:hover { text-decoration:none;  color:#ffffff;  background:#65A008; } 
#nav ul li a.selected { text-decoration:none;  color:#ffffff;  background:#65A008; } 

#nav ul li ul {display:none;  position:absolute; top:42px; left:0px; width:214px; background:#333333;  }
#nav ul li ul li a { display:block; float:none; margin:0px; padding:10px 10px 10px 24px; width:180px; color:#fff;  border-bottom:1px solid #999999; } 
#nav ul li a.selected { text-decoration:none;  color:#ffffff;  background:#65A008; } 


#nav ul li:hover ul {display:block;  }

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4,a { margin:0px;  padding: 0px; position:relative; z-index:10; }

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

h1 { font-size:16px; border-bottom:1px solid #335518; color:#335418; font-weight:bold; margin:10px 0px 5px 0px; padding:0px 0px 10px 0px; }
h2 { font-size:16px; color:#335418; font-weight:bold; margin:10px 0px 5px 0px; padding:0px 0px 10px 0px; }
h3 { color:#999999; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#676767; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#999999; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#676767; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {border-top:1px solid #999999; background:none;}

ul { margin:10px 0px 10px 20px; padding:0px; }
ul li { background:url(../images/green_tick.jpg) no-repeat left 50%; margin:5px 0px 5px 0px; padding:0px 0px 0px 30px; list-style:none; font-size:14px; color:#333333;  }
ol {}
ol li {color:#333333; font-size:12px; list-style:decimal;}


#tech_spec p { color:#fff !important; }
#tech_spec h1 { color:#fff !important; }
#tech_spec h2 { color:#fff !important; }
#tech_spec h3 { color:#fff !important; }
#tech_spec h4 { color:#fff !important; }
#tech_spec h5 { color:#fff !important; }
#tech_spec h6 { color:#fff !important; }
#tech_spec a { color:#fff !important; }

address {color:#333333; font-size:12px;}

a { color:#9AC307; text-decoration:none; }
a:hover { color:#9AC307; text-decoration:underline; }

p { font-size:12px; color:#333333; margin:15px 0px 15px 0px; padding:0px 0px 0px 0px; line-height:20px; }