/* CSS Document */

body{background:#ffffff;text-align:center;margin:10px 0;padding:0;font-family:arial,tahoma,verdana;color:#333333;font-size:12px;}

.main_width{text-align:left;width:890px;margin:0 auto;padding:0;}

.header{background:#ffffff url(images/How_bg_header_outer.gif);height:120px;}

.page_title{background:#676E4D url(images/How_bg_header.gif);background-repeat:repeat-x;background-position:top;border-left:1px solid #ffffff;border-right:1px solid #ffffff;float:left;padding:0 20px;position:relative;height:120px}
.page_title h1{padding:48px 0 0 0;margin:0;color:#ffffff;font-weight:normal;font-size:28px;}


.logo{float:left;width:375px;}

.top_nav{padding:15px 0 0 0;margin:0;float:right;}
.top_nav li {margin:0;padding:0;display:inline;} 
.top_nav li a {float:left;margin:0;font-size:12px; padding:3px 12px;font-weight:normal;text-decoration:none;color:#676E4D;border-right:1px dotted #C5CAB4;}
.top_nav li a:hover, .top_nav li a.active{text-decoration:none;color:#111111;}	
.top_nav li a.navsel{background:#C5CAB4;color:#ffffff;}

.top_nav li a.noborder{border:none;}







.space5{height:5px;margin:0;padding:0;}
.space10{height:10px;padding:0;margin:0;}
.space20{height:20px;padding:0;margin:0;}
.space40{height:40px;padding:0;margin:0;}
.space50{height:50px;padding:0;margin:0;}



.clear{clear:both;margin:0;padding:0;}

.content{width:870px;padding:0 10px;margin:0;text-align:left;}

.bar_black{background:url(images/How_bar_black.gif);height:26px;width:860px;color:#ffffff;font-size:20px;padding:6px 0 0 10px; text-align:center;}
.bar_yellow{background:url(images/How_bar_yellow.gif);height:20px;width:870px;font-size:15px;font-weight:normal;padding:4px 0 0 0;}

p{margin:0;padding:0 0 10px 0;}


.bar_m_top{background:url(images/How_bar_mixed_top.gif);height:7px;width:870px;padding:0;background-repeat:no-repeat;margin:0;overflow:hidden;}
.bar_m_bottom{background:url(images/How_bar_mixed_bottom.gif);height:7px;width:870px;padding:0;background-repeat:no-repeat;margin:0;}
.bar_m_common{background:url(images/How_bar_mixed_common.gif);background-repeat:repeat-y;width:870px;padding:0;margin:0;color:#888888}
.bar_m_common .top_m{margin-top:10px;}


.bar_y_top{background:url(images/How_bg_yellow_top.gif);height:30px;width:870px;padding:0;background-repeat:no-repeat}
.bar_y_btm{background:url(images/How_bg_yellow_bottom.gif);height:30px;width:870px;padding:0;background-repeat:repeat-y}
.bar_y_middle{background:url(images/How_bg_yellow_middle.gif);width:830px;padding:0 20px;}

.bar_y_middle h2{font-size:25px;padding:0 0 10px 0;margin:0;font-weight:normal}
.bar_y_middle p{margin:0;padding:0;font-size:14px;line-height:18px}




.lbl_left{width:395px;float:left;text-align:center}
.lbl_middle{width:70px;float:left;}
.lbl_right{width:395px;float:left;text-align:center}

.btn_compare{text-align:center;margin:120px auto 0 auto;padding-top:7px;color:#ffffff;background:url(images/How_btn_compare.gif);background-repeat:no-repeat;height:30px;width:65px;}




.box_green{text-align:center;margin:120px auto 0 auto;padding-top:5px;color:#ffffff;background:url(images/How_box_green.gif);background-repeat:no-repeat;height:40px;width:100px;}

.box_yellow{text-align:center;margin:120px auto 0 auto;padding-top:5px;background:url(images/How_box_yellow.gif);background-repeat:no-repeat;height:40px;width:100px;}


.lbl_a1{width:265px;float:left;text-align:center}
.lbl_a2{width:195px;float:left;text-align:center}
.lbl_a3{width:155px;float:left;text-align:center}
.lbl_a4{width:255px;float:left;text-align:center}

.data_a1{width:245px;float:left;padding:3px 10px;margin:0;color:#333333;padding-top:17px;font-size:14px;font-weight:bold}
.data_a1 img{margin-right:5px;top:11px;position:relative}
.data_a2{width:175px;float:left;padding:3px 10px}
.data_a3{width:115px;float:left;padding:3px 10px}
.data_a4{width:255px;float:left;padding:3px 10px}

.btn_white{background:#ffffff;padding:2px 5px}
.f_left{float:left;}
.f_right{float:right;}
.f_right img{margin-left:5px;}

.bg_gray{background:#EBECE8;padding:30px 0;}

.pic_left{width:395px;float:left;text-align:center}
.pic_middle{width:80px;float:left;text-align:center}
.pic_right{width:395px;float:left;text-align:center}
.pic_left img, .pic_right img{border:10px solid #ffffff;}
.heading{background:#CACDC2;padding:10px;font-weight:bold;}



.center{text-align:center;}

.home_left{width:435px;float:left;}
.home_left img{border:10px solid #D7D5D5;}
.home_right{width:435px;float:left;font-size:22px;font-style:italic;text-align:center;margin-top:110px}

.footer{background:#676E4D;padding:20px;color:#ffffff;text-align:center;}
.footer p{margin:0;padding:0;}
.footer a{color:#D3D9BE;text-decoration:none;}
.footer a:hover{text-decoration:underline;}

.footer_nav{padding:0 0 20px 0;margin:0;}
.footer_nav li {margin:0;padding:0;display:inline;} 
.footer_nav li a {padding:0;font-size:12px; margin:0 0 0 20px;font-weight:bold;text-decoration:none;color:#676E4D;}
.footer_nav li a:hover, .footer_nav li a.active{text-decoration:underline;color:#111111;}