/* CSS Document */
body{padding:0px; margin:0px; background:#999971; color:#eeeeee; font:12px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:12px/14px Tahoma, sans-serif; color:#f5be49; text-decoration:underline;}
p a:hover{ color:#f5be49; text-decoration:none;}

p span.headline{font:12px/14px Verdana, sans-serif; color:#f5be49; font-weight:bold}

#container{width:900px; margin:0 auto; background:#006500; padding:0 20px; position:relative}

/* TOP */

#top{width:900px; height:75px; position:relative;}
#logo{position:absolute; top:5px; left:0}

#top ul.ico{position:absolute; top:20px; left:440px; width:500px; font-weight:bold;}
#top ul.ico li{float:left; height:35px; margin-right:12px; padding-left:0px;}
#top ul.ico li a{display:block; font:14px/16px Verdana, sans-serif; color:#eeeeee; text-decoration:none; padding-top:10px;}
#top ul.ico li a:hover{text-decoration:underline;}

/*
#top ul.ico li.home{background:url(../images/ico_1.gif) 0 14px no-repeat}
#top ul.ico li.help{background:url(../images/ico_2.gif) 0 14px no-repeat}
#top ul.ico li.contact{background:url(../images/ico_3.gif) 0 14px no-repeat; margin-right:0}
*/

#top ul.ico li.icoline{float:left; height:30px; width:1px; background: url(../images/b_lineico.gif) 0 0 repeat-y; padding-left:0}

/* MENU */

/* #menuPan{width:900px; height:40px; position:relative; background:url(../images/b_menu.gif) 0 0 no-repeat;} */
#menuPan{width:900px; height:50px; position:relative;}

#menuPan ul.menu{position:absolute; top:6px; left:46px; width:665px}
#menuPan ul.menu li{float:left; height:21px; margin-right:26px;}
#menuPan ul.menu li a{height:21px; display:block; text-indent:-20000px; }
#menuPan ul.menu li a:hover{height:21px;}

#menuPan ul.menu li.home a{width:66px; background:url(../images/btn_1.gif) 0 8px no-repeat; padding-top:8px }
#menuPan ul.menu li.home a:hover{width:66px; background:url(../images/btn_1_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.about a{width:59px; background:url(../images/btn_2.gif) 0 8px no-repeat; }
#menuPan ul.menu li.about a:hover{width:59px; background:url(../images/btn_2_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.products a{width:61px; background:url(../images/btn_3.gif) 0 8px no-repeat; }
#menuPan ul.menu li.products a:hover{width:61px; background:url(../images/btn_3_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.services a{width:56px; background:url(../images/btn_4.gif) 0 8px no-repeat; }
#menuPan ul.menu li.services a:hover{width:56px; background:url(../images/btn_4_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.support a{width:56px; background:url(../images/btn_5.gif) 0 8px no-repeat; }
#menuPan ul.menu li.support a:hover{width:56px; background:url(../images/btn_5_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.reviews {margin-right:0}
#menuPan ul.menu li.reviews a{width:52px; background:url(../images/btn_6.gif) 0 8px no-repeat; }
#menuPan ul.menu li.reviews a:hover{width:52px; background:url(../images/btn_6_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.line {width:2px; background:url(../images/line_m.gif) 0 0 no-repeat}

/* HEADER */

#header{width:900px; height:266px; position:relative; background:url(../images/new_header.jpg) 0 0 no-repeat; margin-bottom:5px}

#contactusheader{width:900px; height:266px; position:relative; background:url(../images/hammock_header.jpg) 0 0 no-repeat; margin-bottom:0px}
#productsheader{width:900px; height:266px; position:relative; background:url(../images/hammock_header.jpg) 0 0 no-repeat; margin-bottom:0px}
#slogan{position:absolute; top:49px; left:313px}
#btn_buy{position:absolute; top:26px; left:211px}

ul.topics{position:absolute; top:134px; left:348px; width:263px}
ul.topics li{height:18px; margin-bottom:2px;}
ul.topics li {height:18px; display:block; text-indent:-20000px; }

ul.topics li.t01 {background:url(../images/topic_1.gif) 0 0 no-repeat; }
ul.topics li.t02 {background:url(../images/topic_2.gif) 0 0 no-repeat; }
ul.topics li.t03 {background:url(../images/topic_3.gif) 0 0 no-repeat; }

/* CONTENT */

#leftPan{width:200px; margin:0 0 0 0; float:left; display:inline;}
#rightPan{width:700px; margin:0 0 0 0; float:left; position:relative}

#news{width:162px; background:#006500; padding:11px 16px 15px 15px; border:#eeeeee 1px solid; margin-top:0px; margin-bottom:10px}
#news h2{height:23px; position:relative; background:url(../images/h_reviews.png) 0 0 no-repeat; margin-bottom:14px}
#news p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; padding-bottom:10px; font:10px/12px Verdana, sans-serif; }
#news p span{height:14px; background:url(../images/icon_news.gif) 0 2px no-repeat; padding-left:22px; display:block; margin-bottom:8px; font:10px/12px Verdana, sans-serif; color:#eeeeee; font-weight:bold;}
#news p a{font:10px/14px Tahoma, sans-serif; color:#eeeeee; text-decoration:underline;}
#news p a:hover{ color:#eeeeee; text-decoration:none;}
#news #btn_news{margin-left:70px}

#welcome{width:700px; background:#006500; position:relative; margin-bottom:10px}
#welcome h2{height:30px; width:900px; border-bottom: solid 1px #ffca00; position:relative; background:url(../images/h_welcome.png) 0px 0px no-repeat; margin-bottom:0px}
#welcome #leftWel img{position:relative; margin-left:5px;}
#welcome #leftWel{margin:0 5px 0 0; float:left; display:inline; padding-left:5px;}
#welcome #rightWel{width:700px; float:left; font:12px/14px Verdana, sans-serif;}
#welcome #rightWel p{margin-bottom:10px; padding-top:3px}
#welcome #rightWel p span{display:block; margin-bottom:5px}
#welcome #rightWel p a{font:12px/14px Verdana, sans-serif;text-decoration:underline;}
#welcome #rightWel .btn_more a{float:left; margin:10px 0 10px 0; margin-bottom:10px; font:12px/20px Verdana, sans-serif; font-weight:bold; color:#ffca00;}

#welcome ul.highlights {font:12px/14px Verdana, sans-serif; list-style: none; list-style-position:inside;}
#welcome ul.highlights li{position:relative; padding-left: 12px; background: url(../images/check.jpg) -2px 0 no-repeat; }
#welcome ul.highlights li a{ color:#454b55; text-decoration:none;}
#welcome ul.highlights li a:hover{text-decoration:underline;}

#reviews{width:700px; position:relative;margin-right:0px; margin-left:0px; float:left; display:inline }
#reviews h2{height:25px; width:700px; border-bottom: solid 1px #ffca00; position:relative; background:url(../images/h_products.png) no-repeat; margin-bottom:10px}
#reviews .item{margin-left:3px; margin-bottom:3px}
#reviews .item .leftItem{float:left; margin-left:5px; margin-right:5px; margin-bottom:5px;}
#reviews .item .rightItem{margin-bottom:5px; width:auto; padding-right:15px;}
#reviews .item .rightItem p{margin-bottom:0px; line-height:13px;}
#reviews .item .rightItem img{margin-right:5px}
#reviews .item a{font:12px/16px Verdana, sans-serif; font-weight:bold; color:#ffca00; text-decoration:underline;}

#services{width:300px; position:relative; float:left; }
#services h2{height:25px; width:300px; border-bottom: solid 1px #ffca00; position:relative; background:url(../images/h_multimedia.png) 0px 0 no-repeat; margin-bottom:10px}
.services_topic{margin-bottom:15px}
#services img{float:left; margin:5px 0px;}
#services p{float:left; width:145px; line-height:12px;}
#services p span{display:block; margin-bottom:3px}

/* FOOTER */

#footer{height:85px; width:900px; margin-top:0px; background:#006500}
#footer p{padding: 25px 0 0 0; font:11px/16px Verdana, sans-serif; font-weight:bold; text-align:center; color:#eeeeee;}
#footer p span{font:12px/16px Verdana, sans-serif;}
#footer p a{font:12px/16px Verdana, sans-serif; font-weight:normal; color:#eeeeee; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:underline; background:#006500; color:#eeeeee}
.sponsor {
	margin: auto;
	width: 728px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
}
.sponsor img {
	margin-top: 5px;
}

/* CONTACT US */
#contactusleftPan{width:300px; margin:0 0 0 0; float:left; display:inline; font:14px/14px Verdana, sans-serif;}
#contactusrightPan{width:600px; float:left; position:relative; font:14px/14px Verdana, sans-serif; }
#contactus{width:900px; background:#006500; margin-bottom:10px; position:relative; font:14px/14px Verdana, sans-serif;}
#contactus h2{height:30px; width:900px; border-bottom: solid 1px #ffca00; background:url(../images/h_contactus.png) 0px 0px no-repeat; margin-bottom:10px}
#contactus h3{height:30px; width:900px; border-bottom: solid 1px #ffca00; background:url(../images/h_feedback.png) 0px 0px no-repeat; margin-bottom:5px}
#contactus span{font:14px/14px Verdana, sans-serif; color:#eeeeee; font-weight:bold}
#contactus p a{font:14px/16px Verdana, sans-serif; font-weight:normal; color:#eeeeee; text-decoration:none; padding: 0 5px }
#contactus p a:hover{text-decoration:none; background:#006500; color:#eeeeee; text-decoration:underline}

/* PRODUCTS */
#allproductstitle h2{height:30px; width:900px; border-bottom: solid 1px #ffca00; background:url(../images/h_allproducts.png) 0px 0px no-repeat; margin-bottom:5px}
#allproductsleftPan{width:300px; float:left; display:inline; position:relative;}
#allproductsmiddlePan{width:300px; float:left; display:inline; position:relative;}
#allproductsrightPan{width:300px; float:left; display:inline; position:relative;}

#allproducts{width: 250px; margin: 5px auto 15px auto; border: solid 1px #7c996e; padding: 10px;}
#allproducts .topProd{width: 250px; margin-bottom:10px; position:relative; display:block;}
#allproducts .botProd{width: 240px; color: #eeeeee; text-align:center; display:block; margin-left: auto; margin-right: auto;}
#allproducts .botProd {margin-bottom:8px; font:14px/16px Verdana, sans-serif; color:#dddddd;}
#allproducts .botProd p{margin-bottom:8px; font:14px/16px Verdana, sans-serif;}
#allproducts .botProd p span{font:14px/16px Verdana, sans-serif; color:#ffca00;}
#allproducts .botProd p a{font:14px/16px Verdana, sans-serif; color:#ffca00; text-decoration:none; padding: 0 5px;}
#allproducts .botProd p a:hover{text-decoration:underline; color:#f5be49}

#allproductslistheader{font:13px/15px Verdana, sans-serif; border-bottom: solid 1px #ffca00; font-weight:bolder}
#allproductslistline{border-bottom: solid 1px #ffca00; height:1px; font:1px/1px Verdana, sans-serif}
#allproductslistheaderright{font:13px/15px Verdana, sans-serif; border-bottom: solid 1px #ffca00; font-weight:bolder;text-align:right;}
#allproductslist {font:12px/14px Verdana, sans-serif;}
#allproductslist a{font:12px/14px Verdana, sans-serif; color:#eeeeee;}
#allproductslist .right{text-align:right;}

#producttitle h2{height:30px; width:900px; border-bottom: solid 1px #ffca00; background:url(../images/h_productdetail.png) 0px 0px no-repeat; margin-bottom:15px}
#product{position:relative; font:14px/16px Verdana, sans-serif;}
#product .leftProd{display:block; width: auto; float:left; margin-bottom:150px; margin-right: 35px; padding: 10px; border: solid 1px #7c996e;}
#product .rightProd{display:block; width: auto; text-align:left; font:12px/14px Verdana, sans-serif;}
#product .rightProd p a{width: auto; text-align:left; font:12px/14px Verdana, sans-serif; font-weight:bold;}

#productdetail{width: 900px; padding: 5px 5px 5px 5px; display:block; vertical-align:top; position:relative;}

#product ul.details {position:relative; font:12px/14px Verdana, sans-serif; margin:0px; list-style-type:circle; list-style-position:outside;}
#product ul.details li{padding-left:5px;}  
#product ul.details li a{color:#eeeeee; text-decoration:underline;}
#product ul.details li a:hover{text-decoration:underline;}
#product h2{margin-bottom:15px; font:20px/22px Verdana, sans-serif; color:#ffca00; font-weight:bold;}
#product h3{margin:30px 0 0 15px; font:16px/18px Verdana, sans-serif; color:#ffca00; font-weight:bold;}
#product h4{margin:10px 0 0 15px; font:16px/18px Verdana, sans-serif; color:#ffca00; font-weight:bold;}

#aboutus h2{height:30px; width:900px; border-bottom: solid 1px #ffca00; background:url(../images/h_aboutus.png) 0px 0px no-repeat; margin-bottom:10px}