/* CSS Document */

body{ padding:0; margin:0; background:#032701 url(../../images/default/mainbg.jpg) top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696969;}
#wrapper{text-align:center; background:url(../../images/default/bg.jpg) top center no-repeat;}
#body_wrapper{ width:960px; margin:auto;}

form, h1, h2, h3, p{ padding:0; margin:0;}
h1{ font-size:30px; font-weight:normal; color:#138A10;}
h3{ font-size:20px; font-weight:normal; color:#696969;}

/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 5px 0 0;
	background: #ffffff url(../../images/default/btn1bg.png) repeat-x bottom; border:#d6d6d6 solid 1px;
    cursor:pointer;
	text-decoration:none; color:#696969;
    padding:3px; /* Links */
	
}
.buttons a:visited{text-decoration: none; color: #138a10;}
.buttons a:hover{text-decoration: none; color: #696969;}
.buttons button{width:auto; overflow:visible; padding:3px; /* IE6 */}
.buttons button[type]{padding:3px; /* Firefox */}
*:first-child+html button[type]{padding:3px; /* IE7 */}
.buttons button img, .buttons a img{margin:-5px 3px -5px 0 !important; padding:0;}
.upload_btn{ width:287px; text-align:left; background: url(../../images/default/upload.png) no-repeat left top; padding:17px 0px 17px 75px; margin:0px; font-size:20px; font-weight:bold; color:#FFFFFF; border:none;}

#image_details{ width:840px; background:#CCCCCC; padding:5px;}
#image_details .top{ background:#F4F4F4; padding:5px;}
#image_details .top_left{ width:800px; float:left; text-align:left;}
#image_details .top_right{ width:30px; float:left; text-align:right;}
#image_details .bottom{ text-align:right;}
#image_details .mid{background:#FFFFFF; padding:5px;}



.buttons3 a, .buttons3 button3{
    display:block;
    cursor:pointer;
	text-decoration:none; color:#696969;
    padding:3px; /* Links */
	
}
.buttons3 a:visited{text-decoration: none; color: #666666;}
.buttons3 a:hover{text-decoration: none; color: #696969;}
.buttons3 button3{width:auto; overflow:visible; padding:3px; /* IE6 */}
.buttons3 button3[type]{padding:3px; /* Firefox */}
*:first-child+html button3[type]{padding:3px; /* IE7 */}
.buttons3 button3 img, .buttons3 a img{margin:-5px 3px -5px 0 !important; padding:0;}



.button2{ width:110px; background: #7bddfd url(../../images/default/btn2bg.png) repeat-x bottom; border:#1bb0e0 solid 1px; padding:5px; color:#FFFFFF; font-weight:bold;}
.cinput{width:160px; background:url(../../images/default/inputbg.png) repeat-x; border:#cccccc solid 1px; padding:6px;}

a:link {color: #138a10; text-decoration: none;}
a:visited {text-decoration: none; color: #138a10;}
a:hover {text-decoration: underline; color: #696969;}
a:active {text-decoration: none;}

.header{ padding:0px 0px 20px 0px; text-align:left;}
.topsec{ color:#b4c3d1; text-align:right; padding:5px;}
.topsec a:link{ color:#b4c3d1; text-decoration:none;}
.topsec a:visited{ color:#b4c3d1; text-decoration:none;}
.topsec a:hover { color:#b4c3d1; text-decoration:underline;}

.logo{ width:400px; float:left; text-align:left; padding-top:15px;}
.search_box{ width:227px; float:left; margin:35px 0px 0px 333px; text-align:right;}
.search_box .input{ width:180px; float:left;}
.search_box .srcbtn{ width:40px; float:left; margin-left:5px;}
 
#main_menu{ padding:15px; margin-bottom:15px; background:url(../../images/default/menubg.png) no-repeat center; text-align:left;}
#main_menu ul{ padding:0px; margin:0px; text-transform:uppercase;}
#main_menu li{ list-style:none; display:inline;}
#main_menu a{ background:url(../../images/default/menu-separator.png) no-repeat right; padding:7px 15px 7px 5px; color:#707070; font-size:12px;}

.home_banner{ padding:0px 0px 18px 0px; text-align:left;}
.banner_left{ width:661px; margin-right:18px; float:left;}
.banner_right{ width:281px; float:left; margin-bottom:10px;}

#home_body{text-align:left;}
#home_body .left_sec{width:661px; margin-right:18px; float:left;}
#home_body .right{ width:281px; float:left;}
.section{ width:322px; float:left; margin-right:15px; margin-bottom:15px;}
.section .ttl{ background:url(../../images/default/sec-ttlbg.png) no-repeat left bottom; padding:11px; text-align:left; font-weight:bold;}
.section .name_ttl{ width:225px; float:left;}
.section .browse{ width:75px; float:left; text-align:right;}
.section_mid{ background:#FFFFFF; padding:0px 5px 0px 5px;}
.pro_list{ padding-top:5px; padding-bottom:3px; border-bottom:#CCCCCC dashed 1px;}
.pro_list .lftimg{ width:75px; margin-right:10px; float:left; border:#cac3bf solid 1px; background:url(../../images/default/imgbg.png) bottom repeat-x; text-align:center; padding:3px;}
.pro_list .rtdesc{ width:215px; float:left; text-align:left;}
.pro_list .btn{ text-align:right; padding-top:5px;}

.abtus{ margin-bottom:15px;}
.abtus .ttl{ background:url(../../images/default/abtbg.png) no-repeat left bottom; padding:11px; text-align:left; font-weight:bold;}
.abtus_mid{ background:#FFFFFF; padding:8px;}

/*Inner page*/
#left_catlist{ width:246px; float:left; margin-right:17px;}
#left_catlist .title{ background:url(../../images/default/lft-ttlbg.png) no-repeat left top; padding:9px; font-weight:bold;}
#right_cont{ width:697px; float:left;}
#right_cont .title{ background:url(../../images/default/cont_ttlbg.png) no-repeat left top; padding:9px; font-weight:bold;}
#right_cont .content{ padding:10px; background:#FFFFFF;}
#right_cont .cat_desc{ padding:5px; background:#f6f6f6; border:#ebebeb 1px solid; margin-bottom:10px;}

#page_cont{}
#page_cont .title{ background:url(../../images/default/page_ttlbg.png) no-repeat left top; padding:9px; font-weight:bold;}
#page_cont .content{ padding:10px; background:#FFFFFF;}

.paging_bar{ background:#F2F2F2; border-bottom:#999999 dashed 1px; padding:5px;}
.paging_bar .result{ width:220px; float:left;}
.paging_bar .page_ico{ width:18px; float:left; text-align:center; padding:5px 0px 0px 0px;}
.paging_bar .page_no{ width:200px; float:left; text-align:center; font-weight:bold;}
.paging_bar .page_no a:link { color:#138a10; text-decoration:none;}
.paging_bar .page_no a:visited { color:#138a10; text-decoration:none;}
.paging_bar .page_no a:hover { color:#696969; text-decoration:underline;}

.paging_bar .page_option{ width:165px; float:left; padding-left:10px; text-align:right;}

.item_list{ width:213px; float:left; margin:10px 17px 10px 0px;}
.item_list .thumb{ background:url(../../images/default/item-lstbg.png) repeat-x bottom; border:#cac3bf 1px solid; padding:5px; text-align:center; margin-bottom:10px;}
.item_list .name{ width:173px; float:left;}
.item_list .cartsm{ width:35px; float:left; margin-left:5px;}

.menu{ padding:8px; background:#FFFFFF;}
.cat_list{ background:#f1f1f1; padding:5px; margin-bottom:1px; border:#e0e0e0 1px solid;}
.cat_sublist{ padding:5px 0px 5px 15px;}
.cat_sublist ul{ padding:0px; margin:0px; list-style:none;}
.cat_sublist li{ padding:3px;}
.cat_sublist li a:link, .cat_sublist li a:visited { background:url(../../images/default/plus.gif) no-repeat left; padding-left:15px; color:#696969; text-decoration:none;}
.cat_sublist li a:hover { background:url(../../images/default/plus.gif) no-repeat left; padding-left:15px; color:#b4c3d1; text-decoration:underline;}

/*products details*/
.prod_view{ width:357px; float:left; margin-right:10px;}
.prod_view .image{ background:url(../../images/default/prod-viewbg.png) repeat-x bottom; border:#cac3bf 1px solid; padding:10px; text-align:center; margin-bottom:10px;}
.prod_view .name{ padding-top:5px; font-weight:bold;}
.pro_thumb{ width:60px; float:left; padding:5px; margin-right:3px; background:url(../../images/default/thumb_bg.png) repeat-x bottom; border:#cac3bf 1px solid; text-align:center;}

.details_view{ width:310px; float:left;}
.details_view h2{ color:#0b7803; font-size:13px; font-weight:bold; border-bottom:#CCCCCC 1px dashed; padding-bottom:5px; margin-bottom:5px;}
.blue_ttl{color:#0b7803; font-weight:bold;}
.details_view .colors{ padding:10px 0px 5px 0px;}
.details_view .colors .avcol{ width:17px; height:17px; float:left; margin:3px 3px 0px 0px; border:#cac3bf 1px solid; cursor:pointer;}
.details_view .sizes{ padding:10px 0px 5px 0px;}
.details_view .size_box{ width:42px; float:left; margin:3px 3px 0px 0px; border:#d7d6d6 1px solid;}
.details_view .size_box .szttl{ background:#f2f2f2; padding:2px 0px; text-align:center; border-bottom:#d7d6d6 1px solid; font-weight:bold;}
.details_view .size_box .szinput{ width:40px; border:0px;}
.details_view .dtl_price{ margin:10px 0px 5px 0px; padding:10px 0px; border-top:#CCCCCC 1px dashed; text-align:right; color:#138a10; font-size:16px; font-weight:bold;}
.details_view .dtlbtn{ width:108px; float:left; margin-left:7px; background:url(../../images/default/customizeit.png) no-repeat left top; font-size:18px;text-align:left; padding:5px 0px 7px 40px;}
.details_view .dtlbtn a{ color:#FFFFFF;}
.details_view .dtlbtn:visited{text-decoration: none; color: #696969;}
.details_view .dtlbtn:hover{text-decoration: none; color: #b4c3d1;}
.details_view .dtlbtn2{ width:108px; float:left; margin-left:7px; background:url(../../images/default/addtocart.png) no-repeat left top; font-size:18px;text-align:left; padding:5px 0px 7px 40px;}
.details_view .dtlbtn2 a{ color:#FFFFFF;}
.details_view .dtlbtn2:visited{text-decoration: none; color: #696969;}
.details_view .dtlbtn2:hover{text-decoration: none; color: #b4c3d1;}

#share_pnl{ margin-top:30px; border-top:#CCCCCC 1px dashed; border-bottom:#CCCCCC 1px dashed; padding:5px 0px;}
#share_pnl .votepnl{ width:140px; float:left; margin-right:125px;}
#share_pnl .votepnl .vote{ width:35px; float:left; margin-right:3px;}
#share_pnl .votepnl .star{ width:102px; float:left;}
#share_pnl .votepnl .votes{ width:102px; float:left; margin-left:38px;}

#share_pnl .favorite{ width:75px; float:left; margin-right:45px; margin-top:5px;}
#share_pnl .email{ width:75px; float:left; margin-right:85px; margin-top:5px;}
#share_pnl .share{ width:130px; float:left; text-align:right; margin-top:8px;}

#studio_dtls{ margin-right:10px; border-top:#CCCCCC 1px dashed;}

#cart_ttl{ background:#F2F2F2; border-bottom:#999999 dashed 1px; padding:5px; font-weight:bold;}
#cart_ttl .item{ width:160px; float:left;}
#cart_ttl .desc{ width:240px; float:left;}
#cart_ttl .price{ width:100px; float:left;}
#cart_ttl .qty{ width:70px; float:left;}
#cart_ttl .total{ width:90px; float:left;}

#cart_itm{ background:#F8F8F8; padding:5px;}
#cart_itm .item{ width:160px; float:left; text-align:center;}
#cart_itm .desc{ width:240px; float:left;}
#cart_itm .price{ width:100px; float:left;}
#cart_itm .qty{ width:70px; float:left;}
#cart_itm .total{ width:90px; float:left; font-weight:bold; text-align:right;}
#cart_itm .size_box{ width:42px; float:left; margin:3px 3px 0px 0px; border:#d7d6d6 1px solid;}
#cart_itm .size_box .szttl{ background:#f2f2f2; padding:2px 0px; text-align:center; border-bottom:#d7d6d6 1px solid; font-weight:bold;}
#cart_itm .size_box .szinput{ width:40px; border:0px;}
#discount_pane{ background:#E4E4E4; padding:5px; margin-top:1px;}
#discount_pane .promo{ width:290px; float:left;}
#discount_pane .qtydisc{ width:280px; float:left; text-align:right;}
#discount_pane .disc{ width:90px; float:left; text-align:right;}
.procees_pur{ padding-top:10px; text-align:right;}

.shipinfo{font-size:15px; font-weight:bold; color:#0b7803; text-align:left;  padding:10px 0 10px 0;}
.shipoption{ width:410px; float:left; font-size:15px; font-weight:bold; color:#999999; text-align:left;  padding:10px 0 10px 0;}
#shipinfo2{ width:600px; float:left; text-align:left;  padding:10px 0 10px 0;}
#shipoption2{ width:600px; float:left; text-align:left;  padding:10px 0 10px 0;}
#shipoption2 .list{ padding-bottom:10px;}
#shipoption2 .name{ width:450px; float:left;}
#shipoption2 .price{ width:140px; float:left; text-align:right;}
#shipoption2 .descr{ width:560px; padding-left:25px; padding-top:5px; text-align:left;}

#shipinfo2 .label{ width:140px; float:left; padding:5px; font-weight:bold;}
#shipinfo2 .star{ width:10px; float:left; padding:5px; padding-top:8px;}
#shipinfo2 .field{ width:350px; float:left;}
#shipinfo2 .input_field{ padding:4px; margin-bottom:5px; border: solid 2px #E6E6E6; width:336px;}
.input_field{ padding:4px; margin-bottom:5px; border: solid 2px #E6E6E6; width:336px;}

.history_title{background:#E4E4E4; padding:5px; font-weight:bold; border-bottom:#999999 dashed 1px;}
.history_title .orderid{ width:90px; float:left;}
.history_title .name{ width:160px; float:left;}
.history_title .qty{ width:50px; float:left;}
.history_title .price{ width:70px; float:left;}
.history_title .total{ width:90px; float:left;}
.history_title .date{ width:110px; float:left;}
.history_title .status{ width:95px; float:left;}

.login_left{ width:460px; float:left; padding-right:10px;}
.login_right{ width:470px; float:left;}
.login_sec{ border-bottom:dashed 1px #CCCCCC; padding-bottom:5px;}

.shop_banner{ text-align:center; padding-bottom:20px;}
.shop_userinfo_left{ width:325px; float:left; padding-right:10px; border-right:#999999 1px dashed;}
.shop_userinfo_right{ width:325px; float:left; padding-left:10px;}
.shop_userinfo_title{ font-size:16px; color:#138A10; border-bottom:#999999 1px dashed; padding:5px; margin-bottom:5px;}

.shop_list{ width:100px; float:left; margin:10px 12px 10px 0px;}
.shop_list .thumb{ background:url(../../images/default/item-lstbg.png) repeat-x bottom; border:#cac3bf 1px solid; padding:5px; text-align:center; margin-bottom:10px;}
.shop_list .name{}

#footer_sp{ margin-top:15px;}
#footer_sp .mid{ background:#FFFFFF; text-align:left; padding:5px 20px;}
#footer_sp .nl{ width:300px; float:left; border-right:#CCCCCC solid 1px; padding:0px 10px 0px 15px;}
#footer_sp .delivery{ width:280px; float:left; border-right:#CCCCCC solid 1px; margin-left:15px; padding:0px 10px 0px 5px;}
#footer_sp .pm{ width:200px; float:left; margin-left:15px; padding:0px 10px 0px 5px;}
#footer_sp .title{ color:#138A10; font-weight:bold; text-transform:uppercase;}

#footer{ padding: 15px 0px 10px 10px; margin-bottom:15px; margin-top:15px; color:#929292; text-align:center; background:url(../../images/default/footer.png) no-repeat center; text-align:left;}
#footer a:link{ color:#929292; text-decoration:none;}
#footer a:visited{ color:#929292; text-decoration:none;}
#footer a:hover { color:#929292; text-decoration:underline;}

.clrline{ clear:both; border-bottom:#CCCCCC 1px dashed; font-size:1px;}
.clr{ clear:both; font-size:1px;}