/* 
	Template: Metro Mall
	Author: John Doe
	Description: Place your custom styling here.
*/

body {background-color: #fff;}
a, a:hover{ color:#023894;}

header{ background:#fff; padding:20px 0 10px;}
#top{ margin:0px; border-top: 4px solid #023894;border-bottom: 1px dashed #6eb6ff; background:#fff;}
#menu{ border-radius:0px; background:#fff!important; border:0px; border-bottom:1px solid #023894;}
#menu .nav > li > a{ color:#023894; text-shadow:none; font-size:14px; background:#fff;}
#menu .nav > li:first-child > a{border-left: 0px none;}
.navbar-collapse{padding-left:0px; padding-right:0px;}
#menu .nav > li > a:hover, #menu .nav > li.open > a{ background:#023894; color:#fff;}
.dropdown-menu li > a:hover,
#menu .see-all:hover, #menu .see-all:focus,
#top #form-currency .currency-select:hover, #top #form-language .language-select:hover{ background:#023894;}
#menu .dropdown-inner{ min-width:100%;}

.list-group{ border:1px solid #ccc;}
.navbar-collapse.collapse{background:#fff;}
.list-group-item{ background:#fff;}
.list-group a{color:#333333; font-size:14px;  border:none; text-shadow:none; border-radius:0px!important; padding:8px 18px 8px 12px; margin-bottom:1px}
.list-group a:nth-child(2n+1){ background:#f5f5f5;}
.list-group a:last-child{margin-bottom:0px}
.list-group a.active, .list-group a.active:hover, .list-group a:hover{ background:#fff;color:#023894; border:none; text-shadow:none; position:relative;}
.list-group a.active:nth-child(2n+1), .list-group a.active:nth-child(2n+1):hover, .list-group a:nth-child(2n+1):hover{ background:#f5f5f5;}
.list-group a:after{ position:absolute; right:10px; top:9px; content:"\f105"; font-family:"FontAwesome";}
#top .btn-link:hover, #top-links a:hover{ color:#023894;}
#search .input-lg{ border-color:#023894; border-radius:0px;}

.input-group-btn>.btn{background:#023894 !important; color:#fff; border:1px solid #023894; border-radius:0px; box-shadow: 0 0 1px #fff;}
#column-left .list-group h3 {color: #fff;margin: 0px;font-size: 17px;padding: 11px 12px;background: #023894; border-bottom:1px solid rgba(255,255,255,0.3); margin:-1px -1px 0 -1px;} 
.common-home #column-left{ margin-top:-61px;}
.common-home .navbar-nav{ padding-left:25%;}

.common-home .owl-controls{ text-align:center;  margin-top:-20px;}
.common-home .owl-carousel{ background:transparent; margin:0px;}
.common-home .owl-carousel .owl-wrapper-outer{ border:1px solid #ddd; border-radius:0px; box-shadow:none; background:#fff;}
.common-home .owl-pagination{ top:-10px; display: inline-block; background:rgba(255,255,255,0.5); border-radius:25px; padding:0;}
.common-home .owl-controls .owl-page{ vertical-align:middle; margin:0 0 0 6px;}
.common-home .owl-controls .owl-page:last-child{margin:0 6px;}
.common-home .owl-controls .owl-page span{ background:#B7B7B7;}
.common-home .owl-controls .owl-page span{width:14px; height:14px;}
.common-home .owl-controls .owl-page.active span{ background:#023894; width:14px; height:14px;}
.common-home .owl-carousel .owl-buttons div i{ background:rgba(0,0,0,0.3); color:#fff; font-size:30px; padding:0 8px;}
.common-home .owl-carousel .owl-buttons .owl-next{ right:0px;}
.common-home .owl-carousel .owl-buttons .owl-prev{ left:0px;}

#content{ min-height:inherit;}
.white_section{ padding:20px 20px 0; background:#fff; border:1px solid #ddd;}
.spaceallside{ padding:20px;}
.spacetop{ margin-top:20px;}
.product-thumb:hover{ }
.product-thumb{background-color: #fff;}
.product-thumb .image{ background:#fff;}
.product-thumb h4 a{ font-size:13px; color:#666;}
.product-thumb .caption{ min-height:85px;}
.product-thumb .price{ color:#ff5400; font-size:14px; font-weight:600;}
.product-thumb .price-tax, .product-thumb .price-old{ font-weight:400;}
.product-thumb .button-group{ background:#fff; border-color:#fff; text-align:center; padding-bottom:15px; border-left:0px none!important;}
.product-thumb .button-group button,
.product-thumb .button-group button:hover{display:inline-block; float:none; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#395c93+0,023894+100 */
background: rgb(57,92,147); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(57,92,147,1) 0%, rgba(2,56,148,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(57,92,147,1) 0%,rgba(2,56,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(57,92,147,1) 0%,rgba(2,56,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395c93', endColorstr='#023894',GradientType=0 ); /* IE6-9 */
 color:#fff; border:1px solid #023894; border-radius:5px;}
.btn-inverse,
.btn-inverse:hover{ background:#b26900; border:1px solid #b26900;}

footer{ background:#fff; border:1px solid rgba(0,0,0,0.1);}
footer h5{ color:#333;}
footer a{color:#333!important;}
footer a:hover{color:#023894!important;}
footer p{color:#333;}
footer p a{color:#023894;}
footer hr {border-bottom: 1px solid rgba(0,0,0,0.1);}

.breadcrumb{ background:#fff;overflow:hidden; padding:0;}
.breadcrumb > li{min-height: 34px; white-space:normal; text-overflow:ellipsis; max-width:95%; padding:7px 20px}
.breadcrumb > li:after{ top:5px;}
.breadcrumb > li a {color: #a4a4a4;}
.breadcrumb > li a:hover {color: #023894;}
.btn-default:hover{color: #023894}

.heading_s{ margin-top:0px;}
.refine_block_s{ list-style:none; margin:-5px; padding:0px; min-width:100%; float:left;}
.refine_block_s li{ list-style:none;  float:left; margin:5px;}
.refine_block_s li a{padding:5px 10px; display:block; color:#333; background:#f1f1f1; border:1px solid #ddd; color:#333;  border-radius:2px; line-height:100%;}
.refine_block_s li a:hover{background:#023894; border:1px solid #023894; color:#fff;}

.white_section .btn-group button.btn-default:hover{ color:#023894;}
#search .btn-default:hover{ color:#fff;}

.btn-primary, .btn-info{ border:1px solid rgb(57,92,147);
background: rgb(57,92,147); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(57,92,147,1) 0%, rgba(2,56,148,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(57,92,147,1) 0%,rgba(2,56,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(57,92,147,1) 0%,rgba(2,56,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395c93', endColorstr='#023894',GradientType=0 ); /* IE6-9 */
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-info:hover{ border:1px solid rgb(57,92,147);
background: rgb(57,92,147); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(57,92,147,1) 0%, rgba(2,56,148,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(57,92,147,1) 0%,rgba(2,56,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(57,92,147,1) 0%,rgba(2,56,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395c93', endColorstr='#023894',GradientType=0 ); /* IE6-9 */
}

.nav-tabs>li>a{ color:#444;}
.alert-success a{color: #3c763d; text-decoration:underline;}
.checkout-cart #content .table-responsive td a,
.checkout-checkout #content .table-responsive td a,
.account-wishlist #content .table-responsive td a{ color:#666;}
.account-wishlist .table-bordered>tbody>tr>td:last-child{ white-space:nowrap;}
.form-control:focus{ border-color: rgba(69,183,255,0.5)}

.list-unstyled li a{ color:#666;}
.list-unstyled li a:hover{ color:#023894;}
footer .list-unstyled li a{ color:#fff;}
.table-bordered>tbody>tr>td>a.btn-danger{ color:#fff !important;}
.white_section ul.list-unstyled li h2{ color:#ff5400;} 
.product-list .product-thumb .image{ padding:0px;}

.pagination{ margin:20px 0 0 0;}
.pagination>li>a, .pagination>li>span{ color:#666;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background:#023894; border-color:#023894; color:#fff;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background:#023894; border-color:#023894; color:#fff;}
.pageresults{ padding-top:25px;}
.SortBy label.control-label{margin-top:5px; margin-bottom:5px;}

.common-home .product-layout:nth-child(4n+1){ clear:both;}

.navbar-nav>li{ display:none;}
.navbar-nav>li:nth-child(1),
.navbar-nav>li:nth-child(2),
.navbar-nav>li:nth-child(3),
.navbar-nav>li:nth-child(4),
.navbar-nav>li:nth-child(5){ display: block;}
.navbar-nav>li:nth-child(5){ display: block;}
@media (max-width:1024px){
#menu .nav > li > a{font-size:11px;}
#content{ min-height:inherit;}
.product-thumb h4{ min-height:50px;}
}
@media (max-width:991px){
#menu .nav > li > a{font-size:10px;}
.navbar-nav>li:nth-child(6){ display:none;}
.list-group a{ font-size:10px; line-height:100%;}
#menu .nav > li > a{ padding:10px 7px;}
.list-group a{line-height:120%;}

}
@media (max-width:767px){
.navbar-collapse{ padding-left:15px; padding-right:15px;}
.container>.navbar-header{ margin:0px;  background:#023894;}
#menu .btn-navbar{ background:#024bc7 !important; border:1px solid #024bc7 !important;}
.common-home .navbar-nav{padding:0px; margin:0px;}
#menu .nav > li{ margin-bottom:1px;}
#menu .nav > li > a{ background:rgba(128,128,128,0.1);}
#logo{ text-align:center;}
#logo a{ display:inline-block;}

.SortBy label.control-label{ display:block; text-align:left;}
.navbar-nav>li{ display: block !important;}
#menu{ background:#fff !important}
.navbar-header{background:#023894;}

#menu .nav > li > a{ font-size:13px; }
h1 {font-size: 22px;}
}

.faq_row { clear: both; float: left; width: 100%; border-radius: 10px; border:1px solid #e5e5e5; min-height: 120px; margin-top: 15px;}
.faq_row_top {background: #f0f0f0; border-bottom: 1px solid #e5e5e5; font-size: 13px; text-transform: uppercase; color:#2488c8; font-weight: 700;}
.faq_row_bot { text-align: right; background: #f0f0f0; border-top: 1px solid #e5e5e5; font-size: 11px; text-transform: uppercase; color:#2488c8; font-weight: 700; }
.faq_row_mid { background: #f5f5f5; width: 100%; min-height: auto; height: auto;}
.faq_row_top_left{ text-align: left; font-weight: 700; height: 100%; height: auto; padding: 10px;   }
.faq_row_mid_content{  text-align: left; height: auto; padding: 10px;   }
.faq_row_bot_right{ font-weight: 700; padding: 10px;   }