@charset "utf-8";
/* CSS Document */

BODY{margin:0 auto;  background:url(../images/bg_top.png) center top no-repeat; font-family:Arial,Helvetica,sans-serif; color:#3d3d3d; font-size:12px; text-align:left}
H1,H2,H3,P,UL,DIV { margin:0; padding:0; font-weight:normal;}

H1,H2 { font-size:26px; color:#333;}
A{text-decoration:none; color:#888;}
H1,H2,H3,P,UL,DIV { margin:0; padding:0; font-weight:normal; line-height:normal;}
UL { list-style-type:none;}
DIV{text-align:left; margin:0px; }
FORM{margin:0px; padding:0px; line-height:0px; border:0px}
FORM.line{line-height:normal}
IMG{ border:0px}
INPUT, LABEL, TEXTAREA { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clear{clear:both; font-size:1px}
.left{float:left}
.right{float:right}
.radius_3 { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.ffamily1 { font-family: 'Oswald', sans-serif; font-weight:300;}
a.black { color:#3d3d3d;}
a.black:hover { text-decoration:underline}
H1 { font-family: 'Oswald', sans-serif; font-size:20px; color:#f2f2f2; font-weight:300;}
H1.cat { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff;}
H1.subcat { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#3d3d3d;}
H1.art { font-size:28px; font-weight:400; color:#3d3d3d;}
.err_note { color:#F00;}

#bg_cont1 { background:url(../images/bg_btm2.png) center bottom no-repeat;}
#container{ margin:0 auto; text-align:center; width:1137px; background:url(../images/bg_content.png) center top repeat-y; }
#content { margin:0 auto; width:960px; background-color:#fff; padding:0px 20px 60px 20px; }
#header { padding-top:20px; color:#999;  }
#header_l { float:left; width:500px;}
#header_r { float:right;}
#header_r_cart{ float:left; background:url(../images/cart.png) left 25px no-repeat; padding:28px 25px 5px 25px; font-weight:bold;}
#header_r_cart a { color:#7bbb29;}
#header_r_cart a:hover { text-decoration:underline;}
#header_r_srch { float:left;}
#footer_over { background:url(../images/bg_over_footer.png) left top repeat-x; height:70px; z-index:100; margin-top:-70px; }
#footer { background:url(../images/bg_footer.jpg) left bottom repeat; }
#footer_body { min-height:170px; margin:0 auto; width:1000px; padding:15px 0px; }
#footer_body_col { float:left; width:205px; color:#999; border-right:1px solid #4e4f51; border-left:1px solid #0e0f10; padding:0px 20px; min-height:220px;}
.footer_body_col_ttl { background:url(../images/bg_flist.png) left center no-repeat; padding-left:20px; font-size:16px; margin-bottom:10px; color:#ddd}
ul#footer_art_list { padding-left:20px; }
ul#footer_art_list li{ padding:5px 0px; clear:both; font-size:14px;}
ul#footer_art_list li img { width:35px; height:35px; float:left; border:2px solid #999; margin-right:10px;}

ul.fcontact { /*background:url(../images/bg_fcontact.png) left top no-repeat; */ padding-left:20px; line-height:18px;}
ul.fcontact li { padding:9px 0px 21px 0px;}
#footer_end { background: url(../images/bg_fend.png) left top repeat; padding:7px 0px; border-top:1px solid #52555a; text-align:center; color:#888;}
#footer_end a:hover { text-decoration:underline;}
#srch_ttl { padding-bottom:5px;}
input.srch { padding:7px; border:1px solid #e1e1e1; width:200px; }

#nav { background:url(../images/bg_nav.png) left top no-repeat; height:67px;}
ul.nav { padding-left:55px; color:#fff; padding-top:5px; font-size:10px; font-weight:bold;}
ul.nav li { float:left; background:url(../images/nav_sep.png) right center no-repeat; padding:7px 7px 7px 5px;}
ul.nav li a { color:#ccc; text-transform:uppercase; }
ul.nav li a:hover { text-decoration:underline;}

#subnav { margin-bottom:20px; margin-left:30px; }
ul.subnav { padding-top:5px; font-size:11px; font-weight:bold;}
ul.subnav li { float:left; padding:7px 8px 7px 6px;}
ul.subnav li a { color:#3d3d3d; }
ul.subnav li a:hover { border-bottom:1px dotted #999;}
ul.subnav li.main { background-color:#7bbb29; padding:5px 10px; color:#fff; font-size:14px; font-weight:normal; margin-right:10px;}
ul.subnav li.main a { color:#fff; }
ul.subnav li.main a:hover { text-decoration:underline;}
ul.subnav li .selected { border-bottom:1px dotted #999;}

#intro { padding:0px 15px 30px 30px; background:url(../images/bg_intro.png) center bottom no-repeat;}
#intro_l { float:left; width:710px; padding-right:20px;}
#intro_r { float:right; padding-top:10px;}
#intro_l ul li { background:url(../images/list_icon.png) left center no-repeat; padding-left:10px; line-height:18px;}
#social a, #social a:hover{ background-image:url(../images/social.png); display:block; height:32px; width:32px; margin-left:5px; float:left;}
.fb { background-position:0px top;}
.fb:hover { background-position:-185px top;}
.tw { background-position:-37px top;}
.tw:hover { background-position:-222px top;}
.gp { background-position:291px top;}
.gp:hover { background-position:106px top;}
.pn { background-position:254px top;}
.pn:hover { background-position:69px top;}
.in { background-position:217px top;}
.in:hover { background-position:32px top;}

.main_slider { border:8px solid #4a4a4a; background-color:#4a4a4a; height:234px; border-left:0px;}
#slider_data { float:left; width:565px;}
#main_slider_txt { float:left; width:280px; color:#f2f2f2;}
#main_slider_ttl { padding:0px 15px 8px 15px; border-bottom:1px solid #171717;}
#main_slider_desc { padding:10px 15px; color:#f2f2f2; line-height:20px; border-top:1px solid #5d5d5d; font-family: 'Oswald', sans-serif; font-weight:300; font-size:13px;}
#main_slider_disp { float:left; background-color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:632px; height:214px; padding:10px 20px;}
#msd_det_col { float:left; width:240px;}
#msd_img_col { float:left; width:324px; height:200px; padding-top:14px; text-align:center;}
.msd_img_col_pic { width:253px; height:auto;}
.msd_img_col_pic { width:auto; height:190px;}
.s_link_r { float:left; padding:55px 0px 0px 20px} 
.s_link_r img { cursor:pointer;}
#main_slider_sh { height:26px; background:url(../images/bg_home_slider.png) center top no-repeat;}

.ttl_green_big a{ color:#7bbb29; font-family: 'Oswald', sans-serif; font-size:30px; font-weight:300; line-height:30px;}
.ttl_green_big a:hover { text-decoration:underline;}
.art_code { color:#a6a4a4; padding-bottom:10px; }
.art_desc { line-height:20px; margin-top:10px;}
.art_prc{ background-color:#7bbb29; padding:10px 20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px; color:#fff; font-family: 'Oswald', sans-serif; font-size:20px; font-weight:300; text-align:center;}
.art_img { width:324px; height:auto; }
.art_img { width:auto; height:174px; }

.main_ttl { font-weight:bold; margin:20px 0px 30px 40px; }
.main_ttl span { background-color:#7bbb29; padding:5px 10px; text-transform:capitalize; color:#fff; font-size:14px; font-weight:normal; margin-right:10px;}

.feat_cont { padding:0px 0px 0px 40px;}
.feat_cont_home { padding:0px 0px 0px 5px;}
.feat_items_cont { float:left; width:890px; min-height:260px; margin-left:10px;}
.feat_blank { font-size:1px; height:1px;}
.feat_item { float:left; width:168px; margin-right:10px; font-size:14px; margin-bottom:10px;}
.feat_item_wrap { border:4px solid #e6e6e6; border-top-left-radius:3px;	-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; }
.feat_item_ttl { background-color:#e6e6e6; padding:5px 5px 9px 5px;  }
.feat_item_img_cont { background-color:#fff; width:160px; height:160px;}
.feat_item_prc { background-color:#4a4a4a; color:#fff; padding:5px; text-align:right; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; }

.clink { display:block; height:160px; width:160px;}

.arr_r, .arr_l, .arr_r_off, .arr_l_off { float:left; width:25px; padding-top:85px;}
.arr_r img, .arr_l img { cursor:pointer;}

#reference_cont { padding:10px 0px; margin-left:40px;}
#reference_cont img { float:left; margin-right:15px;}

#art_cont {}
#art_cont_l { float:left; width:350px; text-align:center; }
.art_img_big { width:auto; height:350px; }
.art_img_big { width:350px; height:auto; }

#art_cont_r { float:left; padding:10px 0px 20px 20px; border-left:1px solid #ccc; width:550px; min-height:350px;}
.art_det_desc { padding:10px 0px; margin:10px 0px; line-height:20px; clear:both;}
.art_det_prc { font-size:20px; color:#7bbb29; font-weight:300; line-height:30px;}
.art_det_more { padding:0px; color:#888;}
.art_det_more label { float:left; width:150px; padding-top:5px;}
.art_det_more input, select { float:left; width:250px; padding:3px; }
.art_order_btn  { float:right; cursor:pointer; margin-top:5px; background-color:#7bbb29; padding:5px 10px; color:#fff; font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300; text-align:center;}

.order_body_l { float:left; background:url(/images/icon_bsk.png) 5px top no-repeat;  width:40px; height:30px; margin-top:10px; padding:10px;}
.contact_body_r { float:left; padding:0px 0px 0px 20px; width:850px;}

table.bsk { border:0px; font-size:14px;}
table.bsk thead td{ border-bottom:1px solid #777; padding:10px 5px;}
table.bsk td#c1{ width:50px; text-align:center;}
table.bsk td#c2{ width:500px;}
table.bsk td#c3{ width:100px;}
table.bsk td#c4{ width:100px;}

table.bsk tbody { }
table.bsk tbody td{  padding:10px 5px; border-bottom:1px solid #555;}
#response_cont { min-height:270px; }
#cart_list { max-height:450px; overflow:auto;}
.bsk_img_cont { width:60px; margin-right:15px; float:left; text-align:center;}
.bsk_img { width:60px; height:auto; }
.bsk_img { width:auto; height:60px; }
.shipping { padding:15px 0px 0px 0px; font-size:12px; text-align:right; font-weight:bold }
.subtotal { padding:10px 0px; font-size:16px; text-align:right; font-weight:bold }
.subtotal span { color:#FF9900; font-size:22px;}

#ord_cont { margin-top:30px; border-top:1px solid #777; }

.cart_msg { float:left; color:#86bb2e; background:url(images/icon_ok_cart.png) left 25px no-repeat; padding:20px 0px 0px 28px; margin-left:8px; font-weight:bold;}
.empty_cart { font-weight:bold; padding:10px 0px;}

.contact_col { float:left; width:360px; font-weight:bold;}
.contact_col div { margin-top:7px; line-height:18px;}
.contact_col div input, select{ width:350px; padding:3px;}

.tos_cont { padding-left:5px;}
.tos_cont h1 { color:#333; font-size:24px;}
.tos_cont span { font-size:18px; display:block; color:#000; font-family: 'Oswald', sans-serif; font-weight:300;}
.tos_cont h2 { font-size:14px; padding-top:5px; font-weight:bold; }
.tos_cont p { line-height:18px; padding:10px 0px; margin-bottom:20px;}
.tos_cont div.vline { border-bottom:1px dotted #ccc; height:1px; font-size:1px; margin-bottom:20px;}

#cform { line-height:normal; margin-top:10px;}
#cform label { height:25px;}
#cform input, textarea { width:400px; padding:10px 20px 10px 10px; margin:5px 0px; display:block; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#cform textarea { height:150px;}
.shadow { -webkit-box-shadow: inset 5px 5px 15px 0px #ddd;  -moz-box-shadow: inset 5px 5px 15px 0px #ddd;  box-shadow: inset 5px 5px 15px 0px #ddd;}
/*.send { background-color:#eee; color:#777; display:block; padding:10px 15px; margin-top:10px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; width:150px; cursor:pointer;}*/
.mand { background:url(/images/bg_inp.png) right 15px no-repeat;}
.sent { background:url(/images/ok_cart.png) 10px center no-repeat; padding:15px 0px 15px 50px; border:1px solid #093; }

.pagination { width:100%; margin:0 auto; text-align: center;}
.pagination div { text-align:center; padding:20px 0px;}
.pagination div a{ width:30px; background-color:#4a4a4a; padding:10px; margin-right:1px; color:#fff; font-weight:bold; cursor:pointer;}
.pagination div a:hover { background-color:#5a5a5a;}

.social_cont { position:absolute; width:70px; z-index:1000; margin:40px 0px 0px 1080px; text-align:center; background-color:#e9e8ed; padding:10px 0px }