@charset "utf-8";
/* CSS Document */
body{
    margin:0;
    padding:0;
    background:url(/images/page_background.gif);
    font-family:Arial, Helvetica, sans-serif;
    color:#444;
    font-size:12px;
    line-height:18px;
}
h1,h2,h3,h4,h5,h6,ul,li,form,p,img,input,textarea{
    padding:0;
    margin:0;
    border:none;
    list-style:none;
    font-weight:normal;
}
a {
    text-decoration:none;
    color: #2381B8;
}
a:hover {
    color: #289712;
}	
.align_c
{
    position: relative;
    overflow: hidden;
    height: 1%;
}
.align_c:after
{
    content: '';
    display: block;
    clear: both;
}
.align_c_left
{
    position: relative;
    right: 50%;
    float: right;
}
.align_c_right
{
    position: relative;
    z-index: 1;
    right: -50%;
}

/*------------------- page--------------------*/
#page_background{
    width:100%;
    background:#2f8dc4 url(/images/bg.gif) repeat-x 0 0;
}

.page_bg{
    width:972px;
    margin:0 auto; 
    overflow:hidden;
    background:url(/images/top_page_bg1.png) no-repeat 0 0;
}
#page{
    width:972px;
    margin:0 auto;
    overflow:hidden;
}
/*------------header----------------------*/
#header{
    width:960px;
    overflow:hidden;
    margin:10px 0 0 5px;
}
.header_bg{
    width:960px;
    overflow:hidden;
    background:url(/images/header_bg.gif) no-repeat 0 0;
}
.header_bg .text{
    float:left;
    font-size:14px;
    line-height:18px;
    color:#fff;
    padding:0 0 0 21px;
    margin:8px 0 0 0;
}
.header_bg .text p{
    font-weight:bold;
}
ul#header_link{
    float:right;
    overflow:hidden;
    height:34px;
}
ul#header_link li{
    float:left;
    margin:0 0 0 -1px;
    padding:0 21px 0 9px;
    background:url(/images/header_link.gif) no-repeat 0 12px;

}
ul#header_link li a{
    color:#d5eefd;
    font-size:12px;
    font-weight:bold;
    line-height:36px;
    float:left;
}
ul#header_link li a:hover{
    color:#fff;
}
ul#header_link li a.card{
    background:url(/images/card_link.gif) no-repeat 0 50%;
    padding:0 0 0 27px;
}
ul#header_link li a.faq{
    background:url(/images/faq_link.gif) no-repeat 0 50%;
    padding:0 0 0 31px;

}
ul#header_link li a.testimonials{
    background:url(/images/testimonial_link.gif) no-repeat 0 50%;
    padding:0 0 0 31px;
}
h1 a{
    width:142px;
    height:103px;
    float:left;
    margin:-8px 0 0 17px;
    text-indent:-9999px;
    cursor:pointer;
    background:url(/images/logo.png) no-repeat 0 0;
}
ul#navigation{
    float:right;
    overflow:hidden;
    margin:29px 0 0 0;
}
ul#navigation li{
    float:left;
    padding:0 15px;
    height:44px;
    margin:0 0 0 -2px;
    background:url(/images/navigation_li.gif) no-repeat 0 50%;
}
ul#navigation li a{
    float:left;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    line-height:26px;
    margin:7px 0 0 0;
    text-transform:uppercase;
    cursor:pointer;
}
ul#navigation li a:hover{
    color:#D5EEFD;
}
ul#navigation li a span{
    padding:0 10px;
    float:left;
}
ul#navigation li.active a{
    color:#669623;
    background:url(/images/navigation_active.gif) no-repeat 0 0;
}
ul#navigation li.active a span{
    float:left;
    background:url(/images/navigation_active.gif) no-repeat 100% -26px;
}
ul#navigation li.active a:hover{
    color:#669623;
}
/*---------------------end header -------------------------*/
/*---------------------- main ------------------------------*/
#main{
    width:972px;
    float:left;
    background:url(/images/main_bg3.png) repeat-y 0 422px;

}
/*--------------------- flash -------------------------------*/
.flash{
    width:920px;
    height:410px;
    overflow:hidden;
    margin:5px 0 0 0;
    /*float:left;*/
    padding:0 0 15px 25px;
}
.water{
    width:100%;
    overflow:hidden;
    background:url(/images/water_bg.png) no-repeat 50% 100%;
}
.bottom_box{
    width:972px;
    float:left;
    padding:0 0 125px 0;
    padding-bottom: 107px;
    background:url(/images/bottom_bg1.png) no-repeat 0 0;
}
.home_content{
    width:100%;
    overflow:hidden;
    float:left;
    margin:0;
    background:url(/images/ul_bg.jpg) no-repeat 6px 100%;
    height: 186px;
}
ul.box{
    width:100%;
    overflow:hidden;
    float:left;
    padding:0 0 0 15px;
    margin:0;
}
ul.box li{
    width:304px;
    float:left;
    padding:0 0 0 10px;
}
ul.box li h3{
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    font-weight:bold;
    padding:0 0 0 13px;
    line-height:39px;
    text-transform:uppercase;
    background:url(/images/title_bg.png) no-repeat 0 0;
}
ul.box li .bottom_bg{
    width:289px;
    height:147px;
    padding:0 0 0 13px;
    background:url(/images/li_bg.png) no-repeat 0 0;
    overflow:hidden;
}
ul.box li .bottom_bg .text,
ul.box li .bottom_bg .text2{
    width:161px;
    float:left;
    padding:0 10px 0 0;
    margin:8px 0 0 0;`
    z-index:4;
    height:87px;
}
ul.box li .bottom_bg .text2{
    width:118px;
    height:87px;
}
ul.box li .bottom_bg .text p,
ul.box li .bottom_bg .text2 p{
    font-size:12px;
    line-height:18px;
    color:#444444;
}
ul.box li .bottom_bg .image{
    float:left;
    overflow:hidden;
    margin:12px 0 0 0;
    border:1px solid #d8effd;
    padding:3px;
    background: #fff;
}
ul.box li .bottom_bg .image2{
    width:147px;
    overflow:hidden;
    float:left;
    margin:12px 0 0 0;

}
ul.box li .bottom_bg .link{
    width:100%;
    float:left;
    position:relative;
    z-index:6;
    margin:-20px 0 0 0;

}
ul.box li .bottom_bg a.buy,
ul.box li .bottom_bg  a.learn_more{
    color:#289712;
    font-size:20px;
    float:left;
    line-height:26px;
    padding:0 0 0 36px;
    height: 30px;
    background:url(/images/a_buy.png)  no-repeat 0 0;
}
ul.box li .bottom_bg a:hover.buy,
ul.box li .bottom_bg  a:hover.learn_more{
    color:#1b637f;
}
ul.box li .bottom_bg  a.learn_more{
    margin:31px 0 0 0;
}


/*----------------footer-------------------------*/
#footer{
    width:100%;
    overflow:hidden;
    float:left;
}
ul.share{
    width:880px;
    overflow:hidden;
    padding:0 0 0 20px;
    float:left;
    margin:45px 0 7px 0;
    height:20px;

}
#home_page ul.share{
    margin:49px 0 7px 0;
}
#home_page .water{
    background:url(/images/water_bg.png) no-repeat scroll 50% 100%;
}
ul.share li{
    float:left;
    color:#fff;
    font-size:12px;
    margin:0 9px 0 0;
    padding:0 0 8px 0;
    line-height:20px;
}
ul.share li a.link{
    float:left;
    width:17px;
    height:18px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/link.gif) no-repeat 0 0;
}
ul.share li a:hover.link{
    float:left;
    width:17px;
    height:18px;
    overflow:hidden;
    background:url(/images/link.gif) no-repeat 0 -18px;;
}
ul.share li a.link_f{
    float:left;
    width:17px;
    height:18px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/link_f.gif) no-repeat 0 0;
}
ul.share li a:hover.link_f{
    float:left;
    width:17px;
    height:18px;
    overflow:hidden;
    background:url(/images/link_f.gif) no-repeat 0 -18px;;
}
ul.share li a.link_cube{
    float:left;
    width:17px;
    height:18px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/link_c.gif) no-repeat 0 0;
}
ul.share li a:hover.link_cube{
    float:left;
    width:17px;
    height:17px;
    overflow:hidden;
    background:url(/images/link_c.gif) no-repeat 0 -17px;
}
ul.share li a.mail{
    float:left;
    width:19px;
    height:18px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/mail.gif) no-repeat 0 0;
}
ul.share li a:hover.mail{
    float:left;
    width:19px;
    height:18px;
    overflow:hidden;
    background:url(/images/mail.gif) no-repeat 0 -18px;
}
ul.share li a.star{
    float:left;
    width:20px;
    height:20px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(/images/star_1.gif) no-repeat 0 0;
}
ul.share li a:hover.star{
    float:left;
    width:20px;
    height:18px;
    overflow:hidden;
    background:url(/images/star_1.gif) no-repeat 0 -23px;
}
.footer_navigation{
    width:945px;
    overflow:hidden;
    float:left;
    margin:0 0 0 4px;
    display:inline;
    background:url(/images/footer_navigation.gif) no-repeat 0 0;
}
.footer_navigation ul{
    width:auto;
    overflow:hidden;
    float:left;
    display:inline;
    height:20px;
    margin:10px 0 0 18px;
}
.footer_navigation ul li{
    float:left;
    background:url(/images/li_footer.gif) no-repeat 0 3px;
    padding:0 10px;
    margin:0 0 0 -2px;
}
.footer_navigation ul li a{
    font-size:12px;
    line-height:18px;
    color:#fff;
    font-weight:bold;
    float:left;
}
.footer_navigation ul li a:hover{
    color:#d5eefd;
}
.footer_navigation ul li.active a{
    color:#0d6193;
}
.footer_navigation .call{
    float:right;
    margin:10px 0 0 0;
}
.footer_navigation .call p{
    color:#feffff;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
}
.copyright{
    width:100%;
    overflow:hidden;
    float:left;
    margin:10px 0 0 0;
}
.copyright p.left_text{
    float:left;
}
.copyright p.right_text{
    float:right;
}
.copyright p,
.copyright p a{
    color:#feffff;
    font-size:12px;
    line-height:18px;
    font-weight:bold;
}
.copyright p{
    padding:0 8px;
}
.copyright p a:hover{
    color:#D5EEFD;
}

/*----------------how it works ---------------------------*/
#howit_work .page_bg{
    background:url(/images/top_page_bg1.png) no-repeat 0 0;
}
.banner_flash{
    width:924px;
    height:233px;
    overflow:hidden;
    margin:7px 0 0 0;
    padding:0 0 0 26px;
}
.main_bg {
    float:none;
    width:972px;
    background:url(/images/bg_main.gif) repeat-y 6px 0px;
    overflow: hidden;

}
.content{
    width:934px;
    overflow:hidden;
    padding:0;
    margin:0;
    padding:0 0 50px 0;
    /*background:url(/images/main_bottom_bg.png) no-repeat 0 100%;*/
}
.side_bar{
    width:201px;
    overflow:hidden;
    float:left;
    padding:0 0 0 20px;
    /*background:url(/images/sidebar_top.png) no-repeat 0 0;*/
}
.side_bar ul.navigation{
    width:191px;
    padding:0 5px;
    overflow:hidden;
    float:left;
    margin:7px 0 0 0;
    /*background:url(/images/sidebar_bg.png) repeat-y 0 0;*/
}
.side_bar ul.navigation li{
    width:168px;
    float:left;
    padding:0 10px 0 10px;
    background:url(/images/bg_li.gif) repeat-x 2px 100%;

}
.side_bar ul.navigation li a{
    color:#2481b8;
    font-size:15px;
    font-weight:bold;
    padding:0 0 0 25px;
    line-height:32px;
    float:left;
    background:url(/images/a_link.gif) no-repeat 0 50%;
}
.side_bar ul.navigation li a:hover{
    color:#289712;
}
.side_bar ul.navigation li.active a{
    color:#289712;
    text-transform:uppercase;
}
.side_bar ul.navigation li p{
    color:#2481b8;
    font-size:15px;
    line-height:20px;
    margin:20px 0 0 0;
    padding:0 5px 20px 5px;
}
.side_bar ul.navigation li  span.name{
    float:right;
    color:#444;
    font-size:14px;
    line-height:20px;
    padding:0 5px 20px 0;

}
.content_top_bg{
    width:931px;
    height:8px;
    overflow:hidden;
    float:left;
    display:inline;
    padding:0 0 0 26px;
    margin:20px 0 0 3px;
    background:url(/images/content-top_bg.png) no-repeat 20px 0;
}
.content_bg{
    width:931px;
    overflow:hidden;
    /*background:url(/images/content_bg.png) repeat-y 0 0;*/
}
.information{
    width:632px;
    overflow:hidden;
    padding:0 0 0 18px;
}
.information h2{
    color:#2381b8;
    font-size:18px;
    line-height:22px;
    margin:20px 0 0 0;
    padding:0 0 13px 0;
}
.information h4 {
    font-size: 14px;
    color: #289712;
    padding-bottom: 5px;
}
.information p{
    color:#444;
    font-size:12px;
    line-height:18px;
    padding:0 0 5px 0;
}
.information p span{
    /*
	font-weight:bold;
    */
}
.information .image{
    width:595px;
    overflow:hidden;
}

/*-----------------------colums -----------------*/
.table_block{
    float:left;
    width:100%;
    padding:0 0 0 4px;
    background:url(/images/content_bg.png) repeat-y 21px 0;
}
/*.table_row{
	display:table-row;
	width:100%;
	background:url(/images/bottom_bg.jpg) no-repeat 2px 100%;

}*/
.table_row{
    display:table-row;
    width:100%;
    background:url(/images/new_bottom_bg.jpg) no-repeat 2px 100%;

}
.first_td {
    overflow: hidden;
}
.first_td{
    float:left;
    vertical-align:top;
    padding:0 33px 350px 0;

}
.second_td{
    vertical-align:top;
    padding:0 0 80px 0;
    float:left;
    width:708px;

}
.bottom_bg_content{
    width:970px;
    float:left;
    overflow:hidden;
    position:relative;
    z-index:4;
}
/*----------------------------------products page -------------------------------*/
#products .banner_flash{
    width:924px;
    height:233px;
    overflow:hidden;
}
#products .page_bg{
    width:972px;
    margin:0 auto;
    overflow:hidden;
    background:url(/images/top_page_bg1.png) no-repeat 0 0;
}
#products .side_bar ul.navigation li p{
    margin:0;
}
#products .information h2{
    color:#2381b8;
    font-size:18px;
    line-height:22px;
    padding:0;
}
#products .information h3{
    color:#289712;
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;
    padding:0 0 4px 0;
}
#products .information p{
    color:#444;
    font-size:12px;
    line-height:18px;
}
#products .information ul.product_image{
    width:100%;
    overflow:hidden;
    padding:0 0 3px 0;
    float:left;
}
#products .information ul.product_image li{
    float:left;
    width:186px;
    padding:0 36px 13px 0;
    overflow:hidden;
}
#products .information ul.product_image li.last {
    padding-right: 0px;
}
#products .information ul.product_image li .image,
#products .information .products_list .image{
    border:1px solid #d5eefd;
    padding:3px;
    overflow:hidden;
    width:178px;
}

#products .information ul.product_image li .description h4{
    color:#2583ba;
    font-size:12px;
    line-height:18px;
    text-align:center;
    text-transform:uppercase;
}
#products .information ul.product_image li .description{
    width:176px;
    padding:0 5px;
    overflow:hidden;
    float:left;
}
#products .information ul.product_image li .description p{
    color:#444;
    font-size:12px;
    line-height:18px;
    text-align:center;
    padding:0;
    margin:0;
}
a.link_products2,
a.link_products{
    color:#289712;
    font-size:14px;
    line-height:18px;
    padding:0 18px 0 0;
    background:url(/images/link_products.gif) no-repeat 100% 1px;
}
a.link_products2:hover,
a.link_products:hover{
    color:#1b670c;
    background:url(/images/link_products.gif) no-repeat 100% -15px;
}
#products .information {
    width:632px;
    padding:0 0 0 18px;
}
#products .information  p a{
    /*
	color:#669623;
    */
    color: #2886bd;
}
#products .information p a.link_products2,
#products .information p a.link_products {
    color: #289712;
    font-size: 12px;
    font-weight: bold;
}
#products .information  p a:hover{
    color:#1b670c;
}
#products .information .text{
    width:600px;
    overflow:hidden;
    padding:0 0 15px 0;
}
#products .information .products_list{
    overflow:hidden;
    margin:15px 0 0 0;
}
#products .information .products_list .line{
    width:629px;
    margin:0;
    float:left;
    padding:0;
    height:5px;
    border-top:1px solid #3290c7;
}
#products .information .products_list .image{
    float:left;
    border:1px solid #d5eefd;
    background:#fff;
    padding:3px;
    margin:6px 0 0 0;
}
#products .information .products_list .text_block{
    width:427px;
    padding:0 0 0 20px;
    overflow:hidden;
}
#products .information .products_list .text_block h4{
    color:#2583ba;
    font-size:12px;
    text-transform:uppercase;
    line-height:18px;
    padding:0 0 5px 0;
}
#products .information .products_list .text_block p{
    color:#444;
    font-size:12px;
    line-height:18px;
}
#products #main{
    width:972px;
    overflow:hidden;
    position:relative;
    z-index:7;
    /*	background:url(/images/main_bg3.png) repeat-y 0 431px;*/

}
#products .table_row {
    /*
	background:url(/images/product_bg.jpg) no-repeat  2px 100%;
    */
    float:left;
    width:966px;
    padding:0 0 2px 0;
}
#products .second_td{
    float:left;
    /*	background:red;*/
    vertical-align:top;
    min-height:600px;
    padding:0 0 106px 0;
    width:670px;

}
#products ul.share{
    margin:50px 0 0 0;
}
#products .water{
    background:transparent url(/images/water_bg.png) no-repeat  50% 100%;
}
/*--------------------------install page-----------------------------*/
#install .information_install{
    width:620px;
    overflow:hidden;
    padding:0 0 0 20px;
}
a.uppercase{
    text-transform:uppercase;
}
#install .information_install h2{
    color:#2381b8;
    font-size:18px;
    line-height:24px;
    margin:15px 0 0 0;
    padding:0 0 15px 0;
}
#install .page_bg{
    background:url(/images/top_page_bg1.png) no-repeat 0 0;
}
#install .information_install a{
    color:#2684bb;
}
#install .information_install a:hover{
    color:#1e6f9f;
}
#install .information_install p{
    padding:0 0 10px 0;
}
#install .information_install span{
    color:#2280b7;
    font-weight:bold;
    font-size:18px;
    line-height:24px;
}
#install .information_install ul.install_list{
    float:left;
    width:615px;
}
#install .information_install ul.install_list li{
    width:600px;
    padding:0 0 8px 0;
    text-indent:15px;
    background:url(/images/bg-li.gif) no-repeat 0 6px;
}
#install .information_install ul.install_list li.none_bg{
    background:none;
}
#install .information_install ul.install_list li ul{
    float:left;
}
#install .information_install ul.install_list li ul li{
    padding:0 0 0 15px;
    float:left;
    width:570px;
    background:url(/images/ul_li_ul.gif) no-repeat 0 4px;
}
#install .information_install ul.install_list li p.bg_icon{
    text-indent:30px;
    padding:0 0 7px 0;
    background:url(/images/ul_li_ul.gif) no-repeat 15px 5px;
}
#install .information_install .maintenance{
    width:625px;
    float:left;
    clear:both;
    border-top:1px solid #3492ca;
    margin:10px 0 0 0;
}
#install .information_install .maintenance h3,#install .information_install .receiving h3{
    color:#2280b7;
    font-weight:bold;
    font-size:18px;
    line-height:24px;
    margin:15px 0 0 0;
    padding:0 0 8px 0;
}
#install .information_install .maintenance .maintenance_text{
    width:308px;
    padding:0 10px 0 0;
    float:left;

}
#install .information_install .maintenance .flash_vid{
    width:302px;
    height:220px;
    float:left;
    margin:50px 0 0 0;
    overflow:hidden;
}
#install .information_install .receiving{
    width:590px;
    float:left;
    overflow:hidden;
}
#install .information_install .receiving .image_block{
    width:183px;
    height:181px;
    overflow:hidden;
    float:left;
    padding:0 8px 6px 0;
    /*background:url(/images/htruo_icon.png) no-repeat 0 0;*/
}
#install .information_install .receiving h3{
    margin:15px 0 0 0;
}
#install .water{
    background:url(/images/water_bg.png) no-repeat  50% 100%;
}
#install .second_td {
    padding:0 0 13px 0;
    background:none;
}
.magic{
    width:141px;
    float:left;
    padding:0 10px 0 0;
    height:56px;
    overflow:hidden;
}
/*---------------------------checkout ------------------------------*/
.information_checkout{
    width:632px;
    overflow:hidden;
}
.information_checkout h3{
    color:#2381b8;
    font-size:18px;
    line-height:24px;
    margin:20px 0 0 0;
    padding:0 0 16px 0;
}
.information_checkout ul.navigation_checkout{
    width:670px;
    overflow:hidden;
    padding:0 0 20px 0;
}
.information_checkout ul.navigation_checkout li{
    float:left;
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow:hidden;
}
ul.navigation_checkout li a{
    text-align:center;
    text-transform:uppercase;
    font-size:12px;
    line-height:31px;
}
ul.navigation_checkout li a:hover{
    color:#2D8BC3 ;
}
a.cards_active{
    width:140px;
    height:33px;
    padding:0 13px 0 0;
    position:relative;
    z-index:10;
    float:left;
    color:#fff;
    background:url(/images/menu_active.png) no-repeat 0 0;
}
ul.navigation_checkout li a:hover .inst_active, ul.navigation_checkout li a:hover .cards_active,
ul.navigation_checkout li a:hover .address_active, ul.navigation_checkout li a:hover .pay_active{
    color:#fff;
}
a.cards{
    width:140px;
    height:33px;
    padding:0 13px 0 0;
    position:relative;
    z-index:10;
    float:left;
    color:#7c7b7b;
    background:url(/images/menu1.png) no-repeat 0 0;
}



a.inst{
    width:152px;
    height:33px;
    padding:0 10px 0 0;
    float:left;
    color:#7c7b7b;
    position:relative;
    z-index:9;
    margin:0 0 0 -33px;
    background:url(/images/menu2.png) no-repeat 0 0;
}
a.inst_active{
    width:152px;
    height:33px;
    padding:0 10px 0 0;
    float:left;
    color:#fff;
    position:relative;
    z-index:9;
    margin:0 0 0 -33px;
    background:url(/images/main2_active.png) no-repeat 0 0;
}
a.address{
    width:130px;
    height:33px;
    color:#7c7b7b;
    padding:0 10px 0 0;
    float:left;
    position:relative;
    margin:0 0 0 -33px;
    z-index:8;
    background:url(/images/menu_address_2.png) no-repeat 0 0;
}
a.address_active{
    width:126px;
    height:33px;
    padding:0 10px 0 0;
    float:left;
    color:#fff;
    position:relative;
    z-index:9;
    margin:0 0 0 -33px;
    background:url(/images/menu_address_2_active.png) no-repeat 0 0;
}
a.shipping{
    width:126px;
    height:33px;
    color:#7c7b7b;
    padding:0 10px 0 0;
    float:left;
    position:relative;
    margin:0 0 0 -29px;
    z-index:8;
    background:url(/images/menu_address.png) no-repeat 0 0;
}
a.shipping_active{
    width:126px;
    height:33px;
    padding:0 10px 0 0;
    float:left;
    color:#fff;
    position:relative;
    z-index:9;
    margin:0 0 0 -29px;
    background:url(/images/menu_address_active.png) no-repeat 0 0;
}
a.pay{
    width:165px;
    height:33px;
    float:left;
    padding:0 0 0 5px;
    color:#7c7b7b;
    position:relative;
    z-index:7;
    margin:0 0 0 -36px;
    background:url(/images/pay_class.png) no-repeat 0 0;
}
a.pay_active{
    width:165px;
    height:33px;
    float:left;
    padding:0 0 0 5px;
    color:#fff;
    position:relative;
    z-index:7;
    margin:0 0 0 -36px;
    background:url(/images/pay_class_active.png) no-repeat 0 0;
}

.table_div{
    width:630px;
    overflow:hidden;
    padding:0 0 0 2px;
}
.table_div table{
    border-collapse:collapse;
    width:100%;
    vertical-align:middle;
    text-align:center;
    border-left:1px solid #3694cc;
}
.table_div table tr{
    border-right:1px solid #2d8bc3;
    padding:0 0 0 0;
}
.table_div table  th,.table_div table  tr.total td{
    background:#2d8bc3;
    color:#fff;
    font-weight:bold;
    height:28px;
    font-size:12px;
    line-height:14px;
    text-align:center;
}
.table_div table  th span{
    float:left;
    padding:0 0 0 16px;
}

.table_div table  th.first_width{
    width:317px;
}
.table_div table  th{
    width:103px;
}
.table_div table  tr td .image{
    width:74px;
    height:88px;
    overflow:hidden;
    float:left;
    margin:20px 0 0 0;
    padding:0 0 20px 20px;
}
.table_div table  tr td .text{
    width:194px;
    float:left;
    padding:0 5px 0 8px;
    margin:14px 0 0 0;
    text-align:left;
}
.table_div table  tr td .text h4{
    color:#2d8bc3;
    font-size:12px;
    padding:0 0 3px 0;
    line-height:18px;
    font-weight:bold;
}
.table_div table  tr td .text p{
    color:#444;
    font-size:11px;
    line-height:17px;
}
.table_div table  tr td {
    color:#444;
    font-size:12px;
    font-weight:bold;
    border-right:1px solid #3694cc;
}
.table_div table  tr td input{
    width:43px;
    height:20px;
    border:1px solid #ccc;
    color:#444;
    font-size:12px;
}
.information_checkout table tr td input {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    width: 33px;
}
.information_checkout .mess_box_message_ {
    text-align: center;
    padding: 10px;
}
.information ul li.mess_box_message_ {
    list-style: none;
    background: none;
}
.table_div table  tr td  p a{
    color:#2d8bc3;
    font-weight:bold;
    font-size:12px;
    line-height:18px;
    text-decoration:underline;
}
.table_div table  tr td  p {
    margin:4px 0 0 0;
}
.table_div table  tr td  p a:hover{
    text-decoration:none;
}
.table_div table  tr.color_bg td{
    background:#f2f9fe;
}
span.next_btn,
span.next_btn span,
a.next_btn, a.next_btn span{
    height: 33px;
    text-transform:uppercase;
    background:url(/images/next_btn.gif) no-repeat 0 0;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    cursor:pointer;
    line-height:33px;
    text-decoration: none !important;
    border: 0px !important;
}
.add_to .link .next_btn {
    margin: 0px 0px 0px -7px;
}
.add_to .link a.next_btn, .add_to .link a.next_btn span {
    background-image: url(/images/next_btn_blue.gif);
}

span.next_btn span,
a.next_btn span{
    padding: 0px 19px 0 40px;
    background-position: 100% -33px;
}
span.next_btn_ov,
span.next_btn:hover,
a.next_btn:hover{
    background-position:0 -66px;
}
span.next_btn_ov span,
span.next_btn:hover span,
a.next_btn:hover span{
    background-position:100% -99px;
}
center p{
    margin:20px 0 0 0;
}
/*---------------------------comparatives-------------------------*/
#comparatives .table_row .second_td{
    padding:0;
}
#comparatives .table_row{
    padding:0 0 6px 0;
    float:left;
}

.information_corparative{
    width:636px;
    overflow:hidden;
    padding:0 0 0 18px;
}
.information_corparative h3{
    color:#289712;
    font-size:14px;
    line-height:24px;
    font-weight:normal;
    margin:15px 0 0 0;
}
.information_corparative .text_block,.information_corparative .blue_text{
    display:block;
    width:600px;

    margin:10px 0 0 0;
    padding:0 0 10px 0;
    /*background:url(/images/bg_display.gif) repeat-x 0 100%;*/
}
.title_table{
    display:block;
    width:600px;
    margin:10px 0 0 0;
    background:url(/images/bg_display.gif) repeat-x 0 0;
}
.title_table h3{
    color:#289712;
    font-size:14px;
    font-weight:normal;
    margin:15px 0 0 0;
    float:left;
    width:100%;
}
.blue_text h2{
    color:#2a88bf;
    font-size:12px;
    line-height:16px;
}
.information_corparative .text_block p,.information_corparative .blue_text p,.information_corparative .blue_text p span{
    color:#444;
    font-weight:bold;
    font-size:12px;
    overflow:hidden;
    line-height:18px;
}
.information_corparative .text_block span{
    color:#444;
    font-size:12px;
    display:block;
    line-height:18px;

}
.information_corparative .blue_text{
    background:none;
}
.information_corparative .blue_text p{
    color:#2380b7;
    margin:10px 0 0 0;
}
.information_corparative .blue_text  span{
    font-weight:normal;
    line-height:20px;
    font-size:12px;
    display:block;
}
.information_corparative .blue_text p.color_text{
    color:#444;
}
.table_top{
    width:627px;
    overflow:hidden;
    float:left;
    padding:0 2px 0 2px;
}
.table_top p{
    color:#444;
    font-weight:normal;
}
.table_top table{
    width:100%;
    border-collapse:collapse;
    vertical-align:middle;
    text-align:center;
    border-left:1px solid #3694cc;
    border-top:1px solid #3694cc;
    border-bottom:1px solid #3694cc;
}
.table_top table a {
    color: #2482B9;
    text-decoration: underline;
}
.table_top table a:hover {
    text-decoration: none;
}
.table_top table tr .selected {
    background: #d5eefd;
}
.table_top table tr.bg .selected {
    background: #e7f5fd;
}

.table_top table tr td{
    width:88px;
    color:#444;
    font-size:12px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right:1px solid #3694cc;
}
.table_top table tr th{
    color:#2482b9;
    font-size:12px;
    font-weight:bold;
    height:55px;
    border-right:1px solid #3694cc;
}
.table_top table tr th.prod_info,.table_top table tr td.prod_info{
    color:#289712;
    text-align:left;
    font-weight:bold;
    width:105px;
    padding:10px 0 10px 10px;
}
.table_top table tr td span{
    font-weight:bold;
}
.table_top table tr td .aligned {
    text-align: left;
    padding: 0px 9px;
}
.table_top table tr td .nowrap {
    white-space: nowrap;
}
.table_top table.tbl_cost_comp tr td {
    width: auto;
}
.table_top table ul {
    text-align: left;
    padding: 10px;
    display: block;
}
.table_top table ul li {
    padding: 0px;
    text-indent: 8px;
    line-height: 14px;
    display: block;
    background: url(/images/bullit_table_ul.gif) no-repeat 0px 6px;
}
.table_top table .selected ul li {
    background-image: url(/images/bullit_table_ul_blue.gif);
    font-weight: bold;
    color: #2482b9;
}
.v_top {
    vertical-align: top;
}
.table_top table.tbl_cost_comp {
    margin-top: 10px;
}
.table_top table.tbl_cost_comp .v_top th {
    height: 42px;
    padding-top: 14px;
}
.table_top table.tbl_unit_comp tr th {
    height: auto;
    padding-top: 13px;
    padding-bottom: 13px;
}
.table_top table.tbl_cost_comp tr.bg .selected,
.table_top table tr.bg td {
    background: #e7f5fd;
}
.table_top p{
    padding:0 0 10px 0;
}
.table_top table.tbl_cost_comp tr td.prod_info {
    width: 15%;
}
.table_top table.tbl_cost_comp tr th,
.table_top table.tbl_cost_comp tr td {
    background: #f2f9fe;
}
.table_top table.tbl_cost_comp tr.bg td {
    background: #fff;
}


p.source{
    padding:0 0 29px 0;
    margin:5px 0 0 0;
    font-style:italic;
    font-size: 11px;
}
table{

}
#comparatives .table_row {
    background:url(/images/bottom_bg_comp.jpg) no-repeat 2px 100%;
}
/*----------------------environmental----------------------------*/
#environmental .information_corparative p{
    padding:0 0 40px 0;
    margin:5px 0 0 0;
}
#environmental .information_corparative p span{
    display:block;
    margin:10px 0 0 0;
}
/*----------------------------btn--------------------------*/
a.btn, a.btn span{
    height: 32px;
    font: bold 14px/32px Arial, Helvetica, sans-serif;
    background:url(/images/btn.gif) no-repeat 0 0px;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    width:161px;
}
a.btn span {
    padding: 0px 11px;
    background:url(/images/btn.gif) no-repeat 100% -32px;
}
a.btn:hover {
    background-position: 0 -64px;
}
a.btn:hover span {
    background-position: 100% -96px;
}
a.btn { cursor: pointer; } /* IE6 must die */

.btn_block{
    padding:0 0 0 6px ;
    float:left;
    margin:20px 0 0 0;

}
.table_top table tr td span.tree{
    float:left;
    width:88px;
    height:34px;
    text-align:center;
    line-height:34px;
    font-size:12px;
    font-weight:normal;
    background:url(/images/tree1.gif) no-repeat 45px 0px;
}
.table_top table tr td span.tree2{
    float:left;
    width:88px;
    height:84px;
    text-align:center;
    line-height:84px;
    font-size:12px;
    font-weight:normal;
    background:url(/images/tree2.gif) no-repeat 42px 20px;
}
.color_blue { color: #2381B8; }
.color_green { color: #289712; }
.color_grey { color: #777676; }
.img_border { border: solid 1px #459fd4; }
.information p small span, small { font-size: 11px; }
ul.list_color li,
.information ul li {
    padding: 2px 0px 2px 27px;
    background: url(/images/bullit_blue.gif) no-repeat 12px 10px;
}
.uppercase { text-transform: uppercase; }
.big_text { font: bold 18px Arial, Helvetica, sans-serif; }
.splitter {  
    font: bold 0px/0px small;
    border-top: solid 1px #3492ca;
    margin: 10px 0px;
}

.hidden {
    display: none;
}
.list_faq {
    padding: 10px 0px;
}
.list_faq  li {
    margin: 5px 0px;
}	
.list_faq a.firstlevel {
    font-weight: bold;
}
.list_faq .active a.firstlevel {
    color: #289712;
}
.testimonials dl {
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    line-height: 22px;
    border-bottom: 1px solid #ccc;
}
.testimonials dt {
    color: #2381B8;
}
.testimonials dd {
    padding-top: 10px;
}
.testimonials dd {
    color: #999;
    font-size: 12px;
}
.testimonials dd span {
    font-size: 14px;
    display: block;
    color: #444;
}
.tf_input {
    border: solid 1px #ccc;
}
.f_invalid {
    border: solid 1px red !important;
}
.data_container {
    border: 0px;
    padding: 10px 0px;
}
.none_submit {
    position: absolute;
    border: 0px !important;
    padding: 0px !important;
    width: 0px !important;
    height: 0px !important;
    filter:alpha(opacity=0);/*Needed for IE*/
    -moz-opacity:0;/*Older mozilla broswers like NN*/
    -khtml-opacity: 0;/*Old versions of Safari and "KHTML" browser engines*/
    opacity: 0;/*FF, Safari, and Opera*/
}
.f_buttons input,
span.btn {
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    background: #2381B8;
    color: #fff;
    padding: 5px 15px;
}
.f_row {
    padding: 3px 0px;
}


.popup {
    z-index: 888;
    width: 780px;
    overflow: hidden;
}
.popup .shadow {
    padding: 20px 30px;
    background: url(/images/bg_popup_mid.png);
    overflow: hidden;
}
.popup .btn_close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    text-indent: -999px;
    overflow: hidden;
    width: 49px;
    height: 20px;
    background: url(/images/btn_close.gif) no-repeat top left;
    cursor: pointer;
}
.popup .btn_close:hover { 
    background-position: bottom left;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.popup .side_a {
    width: 405px;
    float: left;
    overflow: hidden;
}
.popup .side_b {
    width: 296px;
    float: right;
    overflow: hidden;
}

.popup h1 {
    font: normal 18px Arial, Helvetica, sans-serif;
    color: #2381B8;
    padding-bottom: 5px;
}
.popup p {
    padding: 5px 0px;
}
.popup .splitter {
    border: 0px;
    height: 1px;
    background: url(/images/dots_green.gif) repeat-x bottom;
}
.popup .price {
    font: bold 20px Arial, Helvetica, sans-serif;
    color: #289712;
}
.popup .add_to .box .price {
    float: left;
    width: 180px;
    padding-left: 15px;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding-top: 10px;
    color: #444;
}
.popup .add_to .box .price span {
    font-weight: bold;
}
.popup .note {
    padding: 10px;
    background: #f5f3e6;
    margin-bottom: 20px;
}
.popup .add_to {
    border-top: solid 1px #3290c7;
    background: #f2f9fe;
    margin: 10px 0px 0px 0px;
}
.popup .add_to .box {
    border-top: solid 1px #fff;
    padding: 2px 0px 4px 15px;
}
.f_inputs textarea,
.f_inputs input,
.popup .number input {
    width: 23px;
    padding: 3px 10px 1px 10px;
    height: 15px;
    text-align: right;
    font: normal 11px/15px Arial, Helvetica, sans-serif;
    color: #444;
    border: solid 1px #b9b9b9;
}
.f_inputs .text {
    padding-top: 2px;
}
.popup .number {
    padding-top: 7px;
}
.f_inputs textarea,
.f_inputs input {
    width: 200px;
    text-align: left;
}
.f_inputs textarea {
    height: 120px;
}
.popup .number {
    float: left;
    width: 55px;
}
.popup .link {
    float: left;
    padding-top: 1px;
    width: 75px;
}
.popup .link a {
    text-decoration: underline;
}
.popup .link a:hover {
    text-decoration: none;
}
.popup .side_b {
    text-align: center;
    padding-top: 33px;
}
.popup .side_b img {
    border: solid 1px #d5eefd;
    padding: 3px;
    background: #fff;
}
.popup .data_container {
    padding: 0px;
}

/* =Forms begin */
.message_box {
    border: solid 1px #ccc;
    padding: 10px;
    width: 50%;
    margin: 1em auto;
    overflow: hidden;
}
.message {
    text-align: center;
    font-weight: bold;
    padding: 1em;
}

.f_row label {
    float: left;
    padding: 2px 4px 2px 0px;
}
fieldset.data_container {
    border: 0px;
}
fieldset.data_container .f_row {
    overflow: hidden;
    padding: 4px 0px;
    clear: both;
}
fieldset.data_container .f_row label {
    float: left;
    width: 15%;
    padding: 2px 4px 2px 23%;
}
fieldset.data_container .checkboxes {
    padding: 2px 0px;
}
fieldset.data_container .checkboxes input {
    margin: 0px;
    padding: 0px;
}
fieldset.data_container .f_row .f_inputs {
    padding-left: 35%;
}
fieldset.data_container .warning_mess {
    color: red;
    text-align: center;
    padding-bottom: 10px;
}
fieldset.data_container .warning_mess table {
    margin: auto;
}
fieldset.data_container .warning_list ul {
    margin: 0px;
    padding: 5px 0px 5px 35%;
    text-align: left;
}
fieldset.data_container .warning_list li {
    text-align: left;
}
fieldset.data_container .box_images {
    text-align: center;
}
.f_buttons {
    padding-left: 38%;
    margin-left: 4px;
}
.f_inalid {
    border-color: red;
}
.help_link {
    padding-left: 38%;
}
.data_container .info {
    padding: 5px 0px 5px 23%;
    font-weight: bold;
}
fieldset.fieldset_installation .f_row label {
    width: 48%;
    padding-left: 0px;
    text-align: right;
}
fieldset.fieldset_installation .f_row .f_inputs {
    padding-left: 50%;
}

fieldset.fieldset_installation .f_row select {
    width: 221px;
    color:#444444;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    margin-top: 2px;
}
.shipping_info .data_container .f_row label {
    padding-left: 0px;
    width: 30%;
}
.shipping_info .data_container .f_row .f_inputs {
    float: left;
    padding-left: 0px;
}
.shipping_info .data_container .f_row .f_inputs input {
    width: 190px;
    text-align: left;
}
.information_checkout select,
.shipping_info .data_container .f_row  select {
    width: 202px;
    color:#444444;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height: 19px;
    height: 19px;
}
.shipping_info .data_container .f_row .f_inputs .radio_list input {
    width: auto;
}
.radio_list {
    line-height: 17px;
}
.shipping_info .radio_list input {
    width: 12px;
    height: 12px;
    border: 0px; 
}
.shipping_info .radio_list {
    min-height: 45px;
    height: auto !important;
    height: 45px;
}
.information_checkout tr.total td a {
    color:#fff;
}
.tooltip {
    background: #fff;
    padding: 10px;
    border: solid 1px #666;
}
#summary_Container {
    line-height: 19px;
    padding: 10px;
}
.shipping_options {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: right;
}
fieldset.fieldset_installation .f_row .select_month {
    width: 80px;
}
fieldset.fieldset_installation .f_row .select_2_digs {
    width: 41px;
}
fieldset.fieldset_installation .f_row .select_4_digs {
    width: 50px;
}
fieldset.fieldset_installation .f_row label {
    width: 49%;
}
fieldset.fieldset_pay .f_row .f_inputs {
    padding-left:42%;
}
fieldset.fieldset_pay .f_row label {
    width: 42%;
}

fieldset.fieldset_pay .f_row select.month {
    width: 50px;
}
fieldset.fieldset_pay .f_row select.year {
    width: 70px;
}
fieldset.fieldset_pay .f_buttons .item {
    float: left;
    margin-right: 10px;
}
fieldset.fieldset_pay .f_buttons .item img {
    cursor: pointer;
}
.bg_popup_bot {
    width: 780px;
    height: 15px;
    background: url(/images/bg_popup_bot.png);
}
.tr_descr td {
    background: #ebf4fa;
    border-bottom: solid 1px #3694cc;
    padding: 7px 0px 3px 0px;
}
.ico_install {
    padding: 2px 0px 2px 54px;
    color: #2D8BC3;
    float: left;
    display: inline;
    margin-left: 50px;
    background: url(/images/ico_install.gif) no-repeat 0px 0px;
}
.thanks {
    padding: 30px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #2481B8;
}
.order_total {
    text-align: center;
    font-size: 14px;
    padding: 20px 0px;
}
.order_total span {
    font-weight: bold;
}
.frac {
    font-size: 16px;
    padding-right: 1px;
}
.player_side {
    float: right;
    margin-left: 10px;
}
#trans_man {
    height: 240px;
    left: 50%;
    margin-left: -480px;
    margin-top: -240px;
    position: fixed;
    top: 100%;
    width: 240px;
    z-index: 9999;
}
#cartpanel input {
    text-align: center;
}
.btn_pay {
    text-indent: -999px;
    overflow: hidden;
    width: 111px;
    height: 44px !important;
    display: block !important;
    background: url(/images/btn_pay.gif) no-repeat top left !important;
}
.btn_pay span { display: none; }
.btn_pay:hover {
    background-position: bottom left !important;
}
.paypal_btn{
    margin-top: 5px;
}
.paypal_btn img{
    cursor:pointer;
}
.data_container .note {
    font-size: 11px;
    line-height: 14px;
    width: 225px;
    text-align: justify;
}
fieldset.form_contact .warning_list ul  {
    padding: 10px;
    border: solid 1px #ccc;
    width: 297px;
    margin: 0px 0px 0px 145px;
    background: transparent url(/images/bg_grad.gif) repeat-x left bottom;
}
fieldset.form_contact .warning_list ul li {
    padding-left: 10px;

}
.link_req_more_inf {
    float: right;
    width: 120px;
    text-align: right;
    white-space: nowrap;
    cursor: pointer;
    padding: 10px 15px 0px 0px;
    overflow: hidden;
}
.add_to .link_req_more_inf {
    padding: 8px 15px 0px 0px;
}


/*--- detail page ---*/
#products .information_2{
	padding:0;
	width:668px;
}
#products h2{
	margin-left:18px;
}
#products .prod_det_block{
	border:solid 3px #2384bb;
	padding:20px 20px 9px;
}
#products .information_2 ul.product_image_2{
	float:none;
	padding:0;
	margin-bottom:-3px;
	position:relative;
	z-index:5;
}
#products .information_2 ul.product_image_2 li{
	padding:3px 19px 10px;
	background:none;
}
#products .information_2 ul.product_image_2 li.active{
	background:#fff;
	border:solid 3px #2384bb;
	padding:0 14px 10px;
	border-bottom:none;
}
#products .information_2 .price{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#289712;
	float:left;
	padding:5px 30px 0 0;
}
#products .information_2 #quantity{
	border:1px solid #B9B9B9;
	padding:2px;
	width:50px;
}
#products .information_2 .number{
	float:left;
	padding:6px 10px 0 0;
}
#products .information_2 .link{
	float:left;
}
#products .information_2 .box{
	padding:0 0 10px;
}
#products .information_2 .hr{
	background:url(/images/hr_dotted.gif) repeat-x bottom;
	height:10px;
	font:0;
	margin:0 0 10px;
}
#products h2.simple_title {
    margin-left: 0px;
}
.pricebox,
#products .information .products_links_box p a.link_products {
    background: none;
    font: bold 18px Arial, Helvetica;
    color: #289712;
}
.title_box h4 {
    padding: 0px;
    background: none;
    font: bold 36px Arial, Helvetica;
}
.title_box {
    text-align: center;
}
.products_list ul.products_links_box li {
    background: none;
}
#products .information .products_links_box p {
    padding: 0px;
    font: bold 13px Arial, Helvetica;
    margin: 0px -20px;
}
ul.products_links_box a.link_products {
    padding-right: 0px;
}
.pricebox {
    padding: 10px 0px 5px 0px;
    display: block;
}
.product_main_price, .prod_price_inf {
    display: block;
    text-align: center;
    color: #289712;
    font-size: 12px;
}
.product_main_price {
    padding-top: 5px;
}
.product_main_price a:hover,
.product_main_price a {
    background: none;
    font-weight: bold;
    font-size: 14px;
}
#products .information ul.products_links_box li .description  {
    padding: 0px;
    width: 186px;
}
.subpage_img_box {
    float: left;
    width: 200px;
    margin: -10px 0px 0px 0px;
}
#products .product_sub {
    padding-left: 18px;
    width: 632px;
}
.back_product {
    padding: 10px 0px 0px 19px;
}
.back_product2 {
    padding: 10px 0px 0px 0px;
}
a.btn_back_to, a.btn_back_to span {
    background-image: url(/images/btn_back.gif);
    width: auto;
}
a.btn_back_to span {
    padding: 0px 11px 0px 32px;
}
.more_link_box {
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    float: left;
    width:186px;
}
.more_link_box a {
     font-size: 12px !important;
}
a.link_products2 {
    display: inline-block;
    line-height: 15px;
}
.table_block #products {
	overflow: hidden;
}
.wqa_badge {
    width: 210px;
    height: 92px;
    background: url(/images/logo_wqa.png);
    position: absolute;
	top: 122px;
	right: 6px;
	z-index: 999;
   
}
.wqa_badge_box {
    position: relative;
}