@charset "utf-8";

body {background: #eaeaea; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a {outline: none}
#top_bar {background: url(../gfx/top_bar.png) 0 0 repeat-x; height: 65px;}
#top_bar h1 {float: left; margin-right: 135px;}
#top_bar h1 a {background: url(../gfx/logo.png) 0 0 no-repeat;padding: 10px 0 0 0; padding-left: 98px; display: block; height: 45px; text-decoration: none; color: #666666; font-size: 24px; font-weight: normal;}
#top_bar h1 strong {color: #000; text-transform: lowercase; } 
#top_bar h1 a em {color: #ff9c00;}
#top_bar h1 a span {font-size: 12px; color: #999999; text-transform: uppercase; display: block;}
#top_bar ul {float: left; overflow: hidden;}
#top_bar li { font-size: 18px; color: #999999; float:left; height:35px; display: table; border-right: 1px solid #cecece; border-left: 1px solid #fff; width: 105px; height:100%}
#top_bar li.first {border-left: none; padding: 0 10px;}
#top_bar li.last {border-right : none;} 
#top_bar li.last {height: 46px;}
#top_bar li.frank {padding: 17px 0 0 0; border: none;}
#top_bar li a {display: block; width: 105px; margin: 0 auto; color: #999999; text-decoration: none;}
#top_bar li a img { }
.normal_img img {height:auto!important}
#wrapper_top {background: url(../gfx/top_bg.jpg) 50% 0 repeat-x; clear: both; margin-top: -1px; border-bottom: 1px solid #cecece; }
#wrapper_bottom .container {overflow: hidden; }
#footer {background: url(../gfx/footer_bg.png) 0 0 repeat-x; height: 57px; clear: both; }
#bottom_nav {background: url(../gfx/bottom_bg.jpg) 50% 0 repeat-x; clear: both;}
.container {width: 990px; margin: 0 auto;}

#wrapper_top  #banner {background: url(../gfx/banner.png) 0px -55px no-repeat; height:339px;}
#info_box {background: url(../gfx/trans_bg.png) 0 0 repeat; border: 1px solid #fff; height: 163px; width:369px; float: right; margin-right: 18px; margin-top: 65px; padding: 20px;}

#info_box h2 {font-size: 30px; margin-right:5px;color: #7b4a03; float: left;}
#info_box h4 {color: #7b4a03; font-size: 16px;  }
#info_box h3 {font-size: 20px;  color: #000;clear: both; margin: 10px 0; }
#info_box p {font-size: 12px; color: #a76210; }

#product_list {border-left: 1px solid #cecece; border-right: 1px solid #fff; overflow: hidden;}
#product_list ul {overflow: hidden;}
#product_list li {float: left; width: 290px; padding: 20px 18px 18px 18px; border-left: 1px solid #fff; border-right: 1px solid #cecece; height: 263px;}
#product_list li img{float: left; vertical-align: middle; height:110px;}
#product_list li h3 {font-size: 24px; color: #000; float: left; width: 124px; margin-top: 32px; }
#product_list li h3 em { color: #999;}
#product_list li h3 em small {font-size: 14px; display: block;}
#product_list li p {clear: both; line-height: 17px; margin-bottom: 24px; height: 95px}
li#first_product {width: 294px;}

.buy_btn {background:  url(../gfx/buy_now.gif) 0 0 no-repeat; height: 28px; width: 80px; float: left;  text-decoration: none; color: #af6901; font-size: 16px; padding: 10px 0 0 42px; }
.info_btn {background: url(../gfx/more_info_bg.png) 0 0 no-repeat; height: 24px; width: 125px; float: left; text-decoration: none; margin-top:3px; font-size: 16px; color: #5f5f5f;  padding-left: 43px; padding-top : 8px;}

#wrapper_bottom {border-top: 1px solid #fff; overflow: hidden;}

#main_content {padding: 25px 27px 0 15px; float: left; width: 618px; border-right: 1px solid #cecece; bo}
#main_content h2 {color: #000; font-size: 24px; margin-bottom: 25px;}
#main_content #articles {border-bottom: 1px solid #cecece;}
#main_content #articles li {margin-bottom: 11px; margin-left: 15px;}
#main_content  #articlesli p {line-height: 16px; margin-bottom: 10px;}
#main_content h3 { color: #ff8400; font-size: 20px; margin-bottom: 12px; height: 27px;}
#main_content h3 span {float: left;}
.more { font-size: 16px; color: #ff8400; text-decoration: none; background: url(../gfx/article_bullet.png) 0 0 no-repeat; width: 110px; height: 22px; display: block; padding-left: 35px; padding-top: 7px; margin-left: 10px;}
.rss {background: url(../gfx/rss.png) 0 0 no-repeat; height: 25px; width: 25px; display: block; float: right;}
.fcb {background: url(../gfx/fcb.png) 0 0 no-repeat; height: 25px; width: 25px; display: block; float: right; margin: 0 3px;}
.twitter {background: url(../gfx/twt.png) 0 0 no-repeat; height: 25px; width: 25px; display: block; float: right;}

#pagination { padding: 7px 0 50px 0; overflow: hidden;}
#pagination ul { overflow: hidden; float: left;}
#pagination  span {float: left; margin-right: 200px;}
#pagination li {float: left;  }
#pagination li a {background: url(../gfx/pagination_bg.png) 0 0 no-repeat; width: 25px; height: 19px; text-decoration: none; margin: 0 3px; display: block; font-size: 14px; color: #999999;  text-align: center; padding: 6px 0 0 0;}
#pagination li.active_page a {color: #fff!important; background: url(../gfx/pagination_active_bg.png) 0 0 no-repeat!important;}
.pervious ,.next {float: left; text-decoration: none; margin-top: 5px;  font-size: 14px; color: #999999}

#sidebar{width: 328px; float: left;}
#sidebar #special {background: url(../gfx/special_bg.gif) -4px -1px no-repeat; height: 158px; padding: 37px 0 0 147px;}
#sidebar #special h4 {color: #000; font-size: 24px;}
#sidebar #special p {color: #999999; font-size: 16px; margin-bottom: 60px;}
#sidebar #special em {color: #ff9c00;}
#special .buy_btn {margin-left: 45px;}


#bottom_nav .container {padding: 25px 0 0 0; overflow: hidden; height:145px;}
#bottom_nav .container h2 {float: left; width: 92px; margin-right: 141px; margin-top: 10px;}
#bottom_nav .container h2 a {display: block; background: url(../gfx/footer_logo.png) 0 0 no-repeat; height: 92px; width: 92px;}
.footer_product {float: left; margin-right: 55px;}
.footer_product li {margin-bottom: 5px;}
.footer_product li h3 {margin-bottom: 18px;}
.footer_product li h3 a {color: #333; font-size: 18px!important;}
.footer_product li h3 a small {font-size: 14px;}
.footer_product li a {color: #a86210; text-decoration: none; font-size: 14px;}

#footer p {float: left; text-align: center; color: #a86210; margin-right: 95px; margin-top: -5px;}
#footer_links {float: left;}
#footer_links  a { padding: 0 8px; text-decoration: none; color: #a86210;}
#footer_links  a.middle {border-left: 1px solid #a86210; border-right: 1px solid #a86210; }


.sub_container #main_content {padding-left: 0; padding-right: 0; padding-top:0; width: 660px; border-right: 1px solid #fff; border-left: 1px solid #cecece;}
.sub_list {border-left: none!important; border-right: none!important;}
.sub_list li {width: 162px!important; height:77px!important; padding: 20px 0 0 33px!important; }
.sub_list li a {display: block; text-decoration: none; }
.sub_list li h3 {width: auto!important; margin-top: 5px!important; font-size: 16px!important;}
.sub_list li h3 small {font-size: 10px!important;}
.sub_list .active_product {width: 401px!important; height:156px!important; padding: 39px 0 0 60px!important; border-bottom: 1px solid #cecece;}
.sub_list .active_product  h3 {margin-top: 10px!important; width: 190px!important; }
.sub_list .active_product .buy_btn  {margin-top: 10px;}

#third_product {border-bottom: none; border-top: 1px solid #fff;border-bottom: 1px solid #cecece;}
#second_product {border-top: none;border-bottom: 1px solid #cecece; height:76px!important;}

#product_article {padding: 25px 40px 20px 25px; border-left: 1px solid #fff;border-right: 1px solid #cecece; border-top: 1px solid #fff;}
#product_article h2 {font-size: 20px; color: #ff8400}
#product_article p {color:#666; font-size: 12px; margin-bottom: 30px;}
#article_list h3 {color: #000; font-size: 18px; margin-bottom: 5px;}
#article_list li {background: url(../gfx/bullet.png) 0px 50% no-repeat; padding-left: 18px; line-height: 18px;}
#article_list li a {text-decoration: none; color: #ff7800;}


.order_sub {padding: 0px!important;border-left: 1px solid #cecece; width: 658px!important}
#table_container {padding: 35px 0 0 0px; border-left: 1px solid #fff; border-right:1px solid #FFFFFF;}
#table_container h3 {padding-left: 25px; color: #000;}
#order_table .checkbox { margin-right: 14px;}
#order_table tr {height: 30px; line-height: 30px;}

.chk_img {width: 150px; padding-left: 25px;}
.row_last td {border-bottom: 1px solid #cecece;}
.row_check td{border-top: 1px solid #fff;border-bottom: 1px solid #cecece;}
#order_table {width: 100%; border-collapse: separate; border-bottom: 1px solid #fff; }
#order_table tr img {
vertical-align:middle;}
.quantity input {background:url(../gfx/quantity_bg.png) no-repeat scroll 0 0;
border:medium none;
height:27px;
line-height:27px;
text-align:center;
width:53px;
}

.increment {
background:url("../gfx/increase.png") no-repeat scroll 0 0 transparent;
display:inline-block;
height:16px;
text-indent:-3333em;
vertical-align:middle;
width:16px;
}
.decrement {
background:url("../gfx/decrease.png") no-repeat scroll 0 0 transparent;
display:inline-block;
height:16px;
text-indent:-3333em;
vertical-align:middle;
width:16px;
}

.table_price {
color:#ff8400;
font-size:16px;
text-align:right;
width:130px;
}

.quantity .radio {
background:none repeat scroll 0 0 transparent;
height:auto;
margin-left:40px;
width:auto;
}

.chk_img label em, .quantity label em {
color:#ff8400;}

#order_select {
margin-top:5px;
text-align:center !important;
margin-bottom: 5px;
}

.error_box {
background:url("../gfx/error_bg.png") no-repeat scroll 16px 11px #ff9c00;
color:#83CBED;
margin:13px auto 11px;
padding:11px 15px;
width:613px;
border: 1px solid #fff;
}

.error_box h3 {
color:#FFFFFF!important;
font-size:16px!important;
margin-bottom:14px;
margin-left:25px;
}

.error_box p {
background:url("../gfx/p_bullet.png") no-repeat scroll 0 50% transparent;
line-height:18px;
color: #fff;
margin-left:33px;
padding-left:10px;
}

#sub_under_form label {
color:#666666;
float:left;
font-size:12px;
line-height:28px;
margin-right:5px;
text-align:right;
width:275px;
}
.form_input {
background:url("../gfx/inputs_bg.png") no-repeat scroll 0 0 transparent;
border:medium none;
float:left;
height:27px;
padding:0 3px;
width:261px;
}
#sub_under_form p {
clear:both;
margin-bottom:1px;
}
.error .form_input {
background-position:0 bottom;
}

#sub_under_form p textarea {
background:url("../gfx/area_bg.png") no-repeat scroll 0 0 transparent;
border:medium none;
height:120px;
padding:3px;
width:261px;
}
#summary {
border-top:1px solid #fff;
line-height: 39px;
text-align:center;
border-bottom: 1px solid #cecece;
}
#summary p span {font-size: 20px; color: #ff8400;}
.sum_price { width: 165px; padding-right: 20px; text-align: right;color:#ff8400;font-size:20px; }
#send {border-top: 1px solid #fff; text-align: center; margin-bottom: 130px; padding-top: 10px; }
#send .submit {
background:url("../gfx/send_order.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#9d5e04;
font-size:11px;
font-weight:bold;
padding-left:20px;
cursor: pointer;
height:38px;
width:169px;
}
#border_container {border-left: 1px solid #fff; overflow: hidden; border-right: 1px solid #fff;}
#border_bottom {border-bottom: 1px solid #cecece; padding-bottom: 10px; margin-bottom: 0!important;}