/*==================================
	Template CSS
===================================*/

html { overflow: -moz-scrollbars-vertical; margin: 0; padding: 0; }
a img { border: none; }
.clear{clear:both;}
form { padding: 0; margin: 0; display: inline; }
label { cursor: pointer; }

.main_sect p { margin-top: 0px; margin-bottom: 20px; line-height:20px; }

/********* account menu ***********/
#menuaccount > span{display:none;}
#menuaccount { margin-top: 20px; background:url(../images/menu.png) left top repeat #444; margin-bottom:15px; height:40px; padding:0px 5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#menuaccount ul { list-style: none; margin: 0; padding: 0;}
#menuaccount > ul > li { position: relative; float: left; z-index:1010; padding:0px 5px 0px 0px; }
#menuaccount > ul > li > a { font-size:13px; color: #fff; line-height:40px; text-decoration: none; display: block; padding:0px 10px 0px 10px; z-index: 1009; position: relative; font-weight:bold; }
#menuaccount > ul > li:hover > a {color:#fff; }
#menuaccount > ul > li > div { display: none; position: absolute; z-index:1008; padding: 5px; border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px;}
#menuaccount > ul > li:hover > div { display: table; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4); }
#menuaccount > ul > li > div > ul { display: table-cell; }
#menuaccount > ul > li ul + ul { padding-left: 20px; }
#menuaccount > ul > li ul > li > a {background:url(../images/bullet-1.png) -10px center no-repeat; text-decoration: none; font-size:12px; padding:4px; display: block; white-space: nowrap; min-width: 120px; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s}
#menuaccount > ul > li ul > li > a:hover {background:url(../images/bullet-1.png) right center no-repeat; font-weight:bold; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
#menuaccount > ul > li > div > ul > li > a { color:#fff; }

/************** site map *************/
.site_map  { list-style: square; margin: 10px; padding-left: 10px; }
.site_map .li_item { margin-top: 7px; } 
.site_map .li_item_sep{ padding-top: 10px; font-weight: bold; } 
.site_map  ul { list-style: circle; margin: 0; padding: 0; padding-left: 20px;}
.site_map .li_item a { color: #544f4b; }

.required { color: #FF0000; font-weight: bold; }
.error { display: block; color: #FF0000; }
.help { color: #999; font-size: 10px; font-weight: normal; display: block; }

table.form { border-collapse: collapse; margin-bottom: 20px; width: 100%; max-width: 450px; }
table.form > * > * > td { color: #333; }
table.form td { padding: 4px; }
textarea.large-field, input.large-field, select.large-field { width: 350px; }
textarea.med-field, input.med-field, select.med-field { width: 200px; }
textarea.large-field { height: 100px; }
table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
table.list thead td { background-color: #EFEFEF; padding: 0px 5px; padding: 5px; }
table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; }
table.list tbody td { vertical-align: top; padding: 0px 5px; padding: 5px; }
table.list .left { text-align: left; padding: 5px; }
table.list .right { text-align: right; padding: 5px; }
table.list .center { text-align: center; padding: 5px; }
.content table.form { margin-bottom: 0px; }

/************* button ***********/
#button-cart { height:35px; line-height:35px; padding:0 15px; color:#fff; font-size:14px; font-weight:normal; text-transform:uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#button-cart:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a.button, input.button { cursor: pointer; color:#fff; font-size: 12px; font-weight: bold; border:none; -webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, .10); -moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, .10); box-shadow:inset 0 0 5px rgba(0, 0, 0, .10); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a.button { display: inline-block; text-decoration: none; padding: 6px 12px 6px 12px; }
input.button { margin:0; height:26px; line-height:26px; padding: 0px 10px; }
a.button:hover, input.button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.buttons { overflow: auto; padding: 6px; margin-bottom: 20px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .center { text-align: center; margin-left: auto; margin-right: auto; }

/************* Tabs ***********/
.htabs { height: 30px; line-height: 16px; border-bottom: 1px solid #E4E8F1; }
.htabs a { border-top: 1px solid #E4E8F1; border-left: 1px solid #E4E8F1; border-right: 1px solid #E4E8F1; background: #FFFFFF url('../images/tab.png') repeat-x; padding: 7px 15px 6px 15px; float: left; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; color: #333; margin-right: 2px; display: none; }
.htabs a.selected { padding-bottom: 7px; background: #FFFFFF; }
.tab-content { border-left: 1px solid #E4E8F1; border-right: 1px solid #E4E8F1; border-bottom: 1px solid #E4E8F1; padding: 10px; margin-bottom: 20px; z-index: 2; line-height:18px; overflow: auto; width: 100%; margin-top: -20px; }
.tab-content ul { margin-left:20px; }

/************ box ************/
.box { margin-bottom: 20px; }
.box .box-heading{text-transform:uppercase; padding:0px 0px 0px 0px; margin-bottom:20px;  font-size: 16px; line-height: 16px; color:#333; border-bottom:1px solid #eee;}
.box .box-heading span {padding:0 50px 0 0; border-bottom:2px solid #F15A23; height:30px; line-height:30px; display:inline-block;}
.box .box-content { padding:0px; }

/************ order ************/
.order_information { margin-top: 20px; }
.order_information .list thead td { padding: 10px; }
.order_information .list td p { margin-bottom: 5px !important; }
.order_information .list td { padding: 20px; }
.order_information .list #line_item  > td { padding: 10px !important; }

/***********Category boxes **********/
.box-category ul, .list-item { list-style: none; margin: 0; padding: 0; }
.box-category > ul > li, .list-item > li { border-top: 1px solid #eee; display: block; position: relative; }
.box-category > ul > li:first-child, .list-item > li:first-child { border-top:0; }
.box-category .down { top: 6px; right: 0; position: absolute; cursor: pointer; width:16px; height:16px; padding: 2p; background: transparent url(../images/plus.png) 0px 0px no-repeat; opacity: 0.5; -moz-opacity: 0.5; }
.box-category .down:hover { opacity: 1; -moz-opacity: 1;}
.box-category ul li a, .list-item li a { padding: 5px 8px; display: block; }
.box-category ul li.double a { display: inline-block; margin: 0; }
.box-category ul li { position: relative; }
.box-category > ul > li a.active + .down { background-position: 0px -16px; }
.box-category > ul > li > a { color: #333; text-transform: uppercase; }
.box-category > ul > li ul { display: none; padding-left: 10px; }
.box-category > ul > li a.active { font-weight: bold; }
.box-category > ul > li > a.active { margin-bottom:8px; }
.box-category > ul > li a.active + ul { display: block; }
.box-category a:hover, .list-item a:hover { background: #f9f9f9; text-decoration:none; }
.box-category > ul > li ul li { border-top: 1px dashed #eee; }
.box-category > ul > li ul li a { margin-right: 16px; }
.box-category > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px; }
.box-category > ul > li ul > li > a { text-decoration: none; }

/************Login*********/
.login-content { margin-bottom: 20px; overflow: auto; }
.login-content .left { float: left; width: 48%; }
.login-content .right { float: right; width: 48% }
.login-content .left .content, .login-content .right .content { min-height: 190px; }

/************Sitemap*********/
.sitemap { list-style:none; margin: 0; padding: 0; }
.sitemap > li { border-top: 1px solid #eee; display: block; position: relative; }
.sitemap > li:first-child { border-top:0; }
.sitemap li a { padding: 5px 8px; display: block; font-weight:bold; }
.sitemap li ul { margin-left:30px; }
.sitemap li ul li a { font-weight:normal; }

/********** content ********/
.main_sect .content { padding: 10px; overflow: auto; margin-bottom: 20px; }
.main_sect .content .left { float: left; width: 49%; }
.main_sect .content .right { float: right; width: 49%; }

/******** category *********/
.category-info { overflow: auto; margin-bottom: 20px; }
.category-info .image { float: left; padding:0px; margin-right: 15px; }
.category-list { overflow: auto; margin-bottom: 10px; }

.category-grid { width: 100%; overflow: auto; margin-top: 10px; }
.category-grid > div { max-width: 140px; display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; background: #fff; text-align: center; padding-bottom: 10px; }
.category-grid .image { display: block; margin-bottom: 10px; }
.category-grid .image img { padding:0px; width: 100%; height: auto; }
.category-grid .name { max-width: 140px; margin: auto; }
.category-grid .name a { line-height:18px; font-size: 15px; text-decoration: none; display: block; padding: 0 5px; }

/************* Grid-List Icon ****************/
.product-filter .display b { float:left; margin-right:5px;}
.list-icon{background:url(../images/list-icon.png) left -22px no-repeat; width:18px; height:18px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:3px;}
.grid-icon{background:url(../images/list-icon.png) left -66px no-repeat; width:18px; height:18px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:3px;}
.list1-icon{background: url(../images/list-icon.png) left top no-repeat; width:18px; height:18px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:3px;}
.grid1-icon{background: url(../images/list-icon.png) left -44px no-repeat; width:18px; height:18px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:3px; }

/************* Product ****************/
.product-info table.opt-table tr td { padding: 5px !important; }

.qty{margin-right:15px;}
.qty strong{margin-right:10px;}
.qty a{ background: url("../images/plus.png") no-repeat left top #fff; display: inline-block; height: 16px; width: 16px; overflow: hidden; position: relative; text-indent: -9999px;  border:1px solid #ccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; top:4px; opacity: 0.5;}
.qty a.mines{background-position:left bottom;}
.qty a:hover{opacity:1;}

/*************** Cart ****************/
.cart-info table { width: 100%; margin-bottom: 15px; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
.cart-info td { padding: 7px; }
.cart-info thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; }
.cart-info .quantity { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; white-space: nowrap; }
.cart-info tbody .quantity , .cart-info thead .quantity, .cart-info tbody .remove, .cart-info thead .remove, .cart-info thead .image { text-align: center; }
.cart-info thead .name, .cart-info thead .model { text-align: left; }
.cart-info thead .price, .cart-info thead .total { text-align: right; }
.cart-info tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; background-color: #fff; }
.cart-info tbody .image { text-align: center; }
.cart-info tbody .name, .cart-info tbody .model { text-align: left; font-size: 15px; }
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; top: 4px; cursor: pointer; }
.cart-info tbody .price, .cart-info tbody .total { text-align: right; }
.cart-info tbody span.stock { color: #F00; font-weight: bold; }
.cart-module > div { display: none; }
.cart-total { border-top: 1px solid #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; }
.cart-total table { float: right; }
.cart-total td { padding: 3px; text-align: right; }
.w30{width:30px!important; text-align:center;}
/************** Accordion ************/
.accordion-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding: 8px; font-weight: bold; cursor:pointer; font-size: 13px; color: #555555; margin-bottom: 15px; }
.accordion-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; line-height:18px; }

/************ checkout ************/
.checkout-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding: 8px; font-weight: bold; font-size: 13px; color: #555555; margin-bottom: 15px; }
.checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; }
.checkout-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; }
.checkout-content .left { float: left; width: 48%; }
.checkout-content .right { float: right; width: 48%; }
.checkout-content .buttons { clear: both; }
.checkout-product table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 20px; }
.checkout-product td { padding: 7px; }
.checkout-product thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; }
.checkout-product thead .name, .checkout-product thead .model { text-align: left; }
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; }
.checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; }
.checkout-product tbody .name, .checkout-product tbody .model { text-align: left; }
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; }
.checkout-product tfoot td { text-align: right; border-bottom: 1px solid #DDDDDD; }
.contact-info { overflow: auto; }
.contact-info .left { float: left; width: 48%; }
.contact-info .right { float: left; width: 48%; }
.sitemap-info { overflow: auto; margin-bottom: 40px; }
.sitemap-info .left { float: left; width: 48%; }
.sitemap-info .right { float: left; width: 48%; }

/**************** Facebook Fun Box *****************/ 
#facebook{height:220px; width: 500px; overflow:hidden; float:left; opacity:0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#facebook:hover{opacity:1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/************* Twitter Feeds Box ******************/
#twitter_footer{width:700px; height:220px; float: right;}

/************* Powered By ******************/
#powered { height:50px; line-height:45px; font-size:11px; color:#777; border-top:1px solid #444; margin-top:15px;}
#powered a { font-size:11px; color:#777; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#powered a:hover { color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/************* Payment Methods Icon ******************/
.payments_types{float:right;}
.payments_types img{display:inline-block; margin:0 3px; vertical-align:middle; opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.payments_types img:hover{opacity:1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/********************** order steps ********************/
.order_info_off { background: url(../images/order_icons/order_info_off.png) no-repeat center left; }
.order_info_on { background: url(../images/order_icons/order_info_on.png) no-repeat center left; }
.order_ship_off { background: url(../images/order_icons/order_ship_off.png) no-repeat center left; }
.order_ship_on {	background: url(../images/order_icons/order_ship_on.png) no-repeat center left; }
.order_payment_off { background: url(../images/order_icons/order_payment_off.png) no-repeat center left; }
.order_payment_on { background: url(../images/order_icons/order_payment_on.png) no-repeat center left; }
.order_review_off { background: url(../images/order_icons/order_review_off.png) no-repeat center left; }
.order_review_on { background: url(../images/order_icons/order_review_on.png) no-repeat center left; }
.order_print_off { background: url(../images/order_icons/order_print_off.png) no-repeat center left; }
.order_print_on { background: url(../images/order_icons/order_print_on.png) no-repeat center left; }
.order_info_off, .order_ship_off, .order_payment_off, .order_review_off, .order_print_off { padding-left: 20px; color: #bcbcbc; text-decoration: none; }
.order_info_on, .order_ship_on, .order_payment_on, .order_review_on, .order_print_on { padding-left: 20px; color: #000000; text-decoration: none; }
.sep { padding-left: 10px; padding-right: 10px; }
.order_id { font-weight: bold; font-size: 10pt; padding-bottom: 10px; color: #FF0000; }

/************************* rating **********************/
.rating { display: inline-table !important; text-align: center; }
.rating .count { font-size: 13px; color: #aaa; display: table-cell; vertical-align: middle; }
.rating .list-star { padding-right: 6px; display: table-cell; vertical-align: middle; padding-left: 0px !important; }
.rating .list-star li { display: inline-block; list-style: none; margin: 0px; padding: 0px; width: inherit; }
.rating .list-star li a { color: #f29f29; font-size: 13px; display: inline-block; }
.rating .list-star li a i { color: #f29f29 !important; margin-right: 2px; font-size: 13px; }
.rating .list-star li { border-bottom: none !important; }

/************************* alerts **********************/
.message-box-wrap { border: 0px solid #fff;	padding:10px; font: inherit; vertical-align: baseline; margin: 0px; line-height: 22px; }
#section_direct > #message > .error, #section_direct > #message > .success, #section_direct > #message > .loading { margin-top: 20px; }
.error, .success, .loading { max-width: 1170px; margin: auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #bbb; margin-bottom: 20px; font-size: 13px; line-height: 17px; }
.success { color: #1ea133; border-color: #a9ecb4; background-color: #dffbe4; }
.success strong, .error strong, .loading  strong { font-weight: bold; }
.loading { color: #d08000; border-color: #F2DD8C; background-color: #FFF5CC; }
.error {	color: #bd6767;	border-color: #f1bdbd;	background-color: #ffdddd; }
.success { padding-left: 25px; background: #dffbe4 url('../images/success.png') 10px 10px no-repeat; }
.loading { padding-left: 25px; background: #FFF5CC url('../images/loading.gif') 10px 10px no-repeat; }
.error { padding-left: 25px; background: #ffdddd url('../images/warning.png') 10px 10px no-repeat; }
.success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; }
.error a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; }
p.error { border: none; }
.closebutton { text-decoration:none; text-align:center; color:#585656; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:32px; line-height:32px; padding:0px 15px; position:relative; outline: none; overflow: hidden; cursor: pointer; border: 1px solid #dcdcdc; border: rgba(0, 0, 0, .2) 1px solid; border-bottom:rgba(0, 0, 0, .4) 1px solid; background: -moz-linear-gradient(center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%); background: -webkit-gradient( linear, center top, center bottom, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .1))); background-color:white; }
.close-but { width: 10px; height: 10px; float: right; border: medium none; margin: 5px; background: url("../images/icon-remove.png") no-repeat scroll center top transparent; }
#powered .small { display: inline; text-align: left; }

/*-----------------------------------COLOR THEME HERE*/
.box .box-heading span, .box .box-heading span { border-bottom-color:#fe6200;}
#menu > ul > li:hover > a, #menu > ul > li > div, #menuaccount > ul > li:hover > a, #menuaccount > ul > li > div, .pagination .links .selected, #button-cart, 
.box-product > div .cart a.button:hover, .box-product > div .cart input.button:hover, .product-grid > div .cart a.button:hover, .product-grid > div .cart input.button:hover, 
.product-list > div .cart a.button:hover, .product-list > div .cart input.button:hover, a.button, input.button { background:#fe6200;}
#header #welcome a:hover, #header .links:hover, #currency:hover, #language:hover, .site_map .li_item a:hover, .pagination .links a:hover, .box-product .name a:hover,
.box-product .price, .box-category > ul > li ul li a:hover, .list-item a:hover, .box-category > ul > li > ul > li a.active, .box-category > ul > li ul li a:hover, 
.list-item a:hover, .sitemap li a:hover, .product-list .name a:hover, .product-list .price, .product-grid .name a:hover, .product-grid .price, 
.product-grid .wishlist a:hover, .product-grid .compare a:hover, .product-list .wishlist a:hover, .product-list .compare a:hover, a.wishlist:hover,
.product-info .price, .product-info .review a:hover {color:#fe6200;}
#header #cart .heading h4, .product-info .price-tag, .qvbutton  { background-color:#fe6200;}
.pagination .links .selected { border-color:#fe6200;}