/* CSS Document */

body
{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../images/banner_bg.gif) repeat-x; color:#333333;}

.clear
{ clear:both;}

a img , a
{ border:0; outline-style:none; }

p,h1,h2,h3,h4,h5,h6, ul,li
{ margin:0; padding:0;}

h1,h2,h3,h4,h5,h6
{ font-family:"FS Albert";}

p
{ font-size:12px; line-height:18px; padding:0 0 10px;}

a
{ color:#333333; text-decoration:none; }

a:hover
{ color:#ff7e00;}

.main
{ width:950px; margin:0 auto;}

.wrapper
{ background:url(../images/banner.png) no-repeat center 1px; width:100%; float:left;}

.header
{ background:url(../images/top_bg.png) repeat-x; width:100%; float:left;}

.header img
{ padding:7px 0 0 0; float:left;}

.top_menu
{ width:auto; float:right; padding:33px 0 0;}

.top_menu ul li
{ float:left; list-style:none; margin:0 0 0 5px;}

.top_menu ul li a
{ text-decoration:none; color:#fff; font-size:13px; background:url(../images/right_m.png) no-repeat right 0; padding:0 8px 0 0; display:block; font-family:"FS Albert";}

.top_menu ul li a span
{ background:url(../images/left_m.png) no-repeat; display:block; padding: 7px 2px 7px 10px; text-transform:uppercase;}

.top_menu ul li a:hover, .top_menu ul li a.active
{background:url(../images/right_m_h.png) no-repeat right 0;}

.top_menu ul li a:hover span , .top_menu ul li a.active span
{background:url(../images/left_m_h.png) no-repeat;}

.banner
{ width:100%; float:left;  padding:0 0 30px;}

.features
{ width:550px; float:left;}

.features h1
{ font-size:24px; color:#eb3e31; text-transform:uppercase; padding:15px 0 6px;}

.features ul 
{ margin:0 0 13px;}

.features ul li
{ font-size:13px; line-height:20px; list-style:none; padding:0 0 0 20px; background:url(../images/bullet.png) no-repeat 2px  5px;}

.features a img
{ margin:0 0 0 10px; float:left;}

.features img.buynow
{left:625px; position:absolute; top:215px;}

.container .left_cont
{ width:640px; float:left;  padding:0px 0 35px 0;}

.container h1
{ font-size:20px; font-weight:bold; color:#ed1c24; text-transform:uppercase; padding:0 0 15px;}

.tabel
{ width:100%; float:left; margin: 35px 0 0; background:url(../images/rounded.gif) no-repeat 160px 0; padding:18px 0 0 0;}

.detail , .heading
{ width:160px; float:left; }

.detail 
{ background:url(../images/shadow.gif) repeat-y; padding:0 7px; width:144px;}

.detail div.feat , .detail div.model
{ float:left; font-family:"FS Albert"; font-size:20px; font-weight:bold; color:#ff7e00; background:url(../images/divider.gif) no-repeat center bottom; padding:0 0 10px; text-align:center; }

.detail div
{ width:144px; float:left; padding:6px 0px; font-size:13px; color:#333; text-align:center;}

.heading div.model
{ background:transparent; padding:8px 0 10px;}

.grey
{ background:#e8e8e8;}

.heading div
{ font-weight:bold; text-align:left; font-size:13px; color:#333; padding:6px 3px; }

.right_cont
{ width:293px; float:right; padding:0px 0 35px;}

ul.htpexpand
{ width:291px; float:left;}

ul.htpexpand li
{ list-style:none; border:1px solid #ffa339; margin:0 0 10px; border-radius:5px;}

ul.htpexpand li a.tab
{ background:url(../images/expand_bg2.gif) no-repeat; display:block; padding:7px 0; text-align:center; color:#fff; font-size:22px; font-family:"FS Albert"; font-weight:bold;}

ul.htpexpand li a.tab.active
{background:url(../images/expand_bg.gif) no-repeat;}

ul.htpexpand li div
{ padding:15px 10px 10px; background:url(../images/aerator_bg.jpg) no-repeat center bottom;}

ul.htpexpand li li
{ border:0; border-bottom:1px dotted #333333; border-radius:0px; font-size:12px; line-height:22px; margin:0;}

ul.htpexpand li ul
{ margin:0 0 15px;}

.footer
{ width:100%; float:left; background:url(../images/footer_bg.gif) repeat-x; padding:22px 0 6px 0; margin:15px 0 0 0;}

.footer p
{ float:left;}

.footer p a
{ padding:0 4px;}

.footer p.info
{ float:right;}

/* product page */
.product 
{ width:100%; float:left; background:#fdfdfd url(../images/prograd.gif) repeat-x; margin:0 0 15px;}

.rounded
{ width:100%; float:left;}

.rounded img
{ float:left;}

.rounded img.right
{ float:right;}

.inner
{ padding:10px 15px; width:918px; float:left; border:1px solid #e5e5e5; border-width:0 1px;}

.proimg
{ background:url(../images/product_bg.gif) no-repeat; padding:9px 10px; float:left; margin:0 10px 0 0;}

h2
{ font-size:18px; color:#ff7e00; font-weight:bold; padding:7px 0 8px;}

.inner span
{ font-weight:bold; padding:0 0 2px; display:block;}

.inner p
{ line-height:22px;}

.inner a img
{ margin:0 10px 0 0;}

.bottom
{ background:url(../images/bottom_shadow.gif) no-repeat 9px bottom; padding:0 0 6px;}

/*  Feedback  */

#form1
{ width:500px; float:left; padding:10px 0 0 10px;}

.form_dv 
{ margin:20px 0 0 0;  float:left; width:810px; }

.form_dv .inner
{ width:778px;}

.form_dv .bottom
{ background-position:center bottom ;}

.field
{ width:100%; float:left; padding:0 0 10px;}

.field label
{ float:left; width:270px; font-size:12px; font-weight:bold; padding:5px 0px 5px 0;}

.field input , .field select , .comment
{ border:1px solid #d2d2d2; border-color:#BDBDBD #FFFFFF #FFFFFF #BDBDBD; padding:4px; width:220px; font-size:12px;}

.field select
{ width:230px;}

.field input.radio
{ width:auto; border:0; float:left;}

.field p
{ float:left; padding:0 10px 0 5px; }

.field input.submit
{ background:url(../images/submit.gif) no-repeat; width:101px; height:32px; border:0; cursor:pointer;}

#Thankyou
{ font-weight:bold; font-size:14px;  padding:20px 0 0;}

.about_img
{box-shadow: 0 1px 5px #949494; float: left; padding: 5px; margin:0 25px 0 0;}

/*  slideshow  */
div.slide
{ width:398px; float:left; margin:10px 0 0; background:url(../images/slide_shadow.png) no-repeat center bottom; padding:0 0 11px;}

div#tmpSlideshow 
{ height:250px; width:398px; float:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#fff;}

div.tmpSlide 
{ width:398px; height:250px; display: none; border: 1px solid #ffffff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

div.tmpSlide img 
{ float: left; width:398px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:0; }

div#tmpSlideshowControls 
{width:65px;  margin:0 auto; padding:8px 0 0; }

div.tmpSlideshowControl 
{float: left; margin: 0 5px 0 0; background: url(../images/un_circle.gif) no-repeat; width:16px; height:15px; cursor: pointer; }

div.tmpSlideshowControlOn  , div.tmpSlideshowControlActive
{ background: url(../images/sel_circle.gif) no-repeat; }