/* ~~ This the css file for the Responsive Design of Virtual Monochrome from Ecommerce Templates.
The first section correponds to the maximum width version of 1280 pixels ~~ */
@charset "utf-8";
/* ~~ Main settings and resets ~~*/
ul{
margin:0;padding:0;
}
img{
border:0px;
}
.clr{
clear: both;
line-height: 0;
font-size: 0;
height: 0;
border: none;
}
/* ~~ Container ~~*/
#maincontainer{
width: 1280px;
margin: 0 auto;
}





ul, ol { list-style-position: inside; padding: 0;}
.wrapper { margin:0px; padding:0px;}
.pd30 { padding:30px 0;}
.header {position: relative; z-index: 250;}
.header .top { background-color: #dbdbdb; color:#212222; font-size:12px; text-transform:uppercase; line-height:14px; z-index: 10; padding:10px 0;}
.header .top .left_link ul { margin:0px; padding:0px;}
.header .top .left_link li { margin:0px; padding:0 10px; list-style:none; float:left; border-right:1px solid #212222;}
.header .top .left_link li:last-child { border-right:none;}
.header .top .right_link { margin:0; padding:0px; text-align:right; text-align:right}
.header .top .right_link ul { margin:0px; padding:0px; float:right;}
.header .top .right_link li { margin:0px; padding:0 10px; list-style:none; float:left; border-right:1px solid #212222;  position:relative;}
.header .top .right_link li:last-child { border-right:none;}
.header .top .right_link li.cart_icon:before { content:""; position:absolute; width:19px; height:30px; left:-10px; top:-5px; background:url(../../images/cart_icon.png) no-repeat 0 0px; }
.header .top a { color:#212222;}
.header .top a:hover { color:#b61818; text-decoration:none;}
.header .bottom { background-color: #ffffff; padding:35px 0;  -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);  -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);}
.searchBox { position:relative;}
.search_input { margin:0px; padding:5px 120px 5px 30px; height:40px; border:1px solid #949494; width:100%; background:url(../../images/search_icon.png) no-repeat 5px 8px; box-sizing:border-box; }
.btnSearch { margin:0px; padding:5px; position:absolute; right:0px; top:0px; width:80px; text-align:center; background-color:#dbdbdb; color:#000; font-size:14px; font-weight:normal; text-transform:uppercase; border:1px solid #949494; height:40px; box-sizing:border-box;}
.btnSearch:hover{color:#fff;}
.header .bottom:before { content: ''; display: block;}
.header .bottom:after { content: ''; display: table; clear: both;}
.header .bottom > .container > .row { position: relative;}
/* ~~ Search bar properties ~~*/
div.searchbox{
margin-top: 10px;
width:100%;
height: 70px;
}
.search_bg{ float: left;border:1px solid #d9d8dd; padding:0; width:90%; background:#FFF; position:relative; box-sizing: border-box;}
.search_text{ width:100%; border:0; padding:9px; font-family:Arial; font-size:14px; color:#9f9f9f;box-sizing:border-box;}
.search_button{ background:url(../../images/search_icon.jpg) no-repeat; width:16px; height:16px; position:absolute; right:10px; border:0px; cursor:pointer;margin-top:8px}

.navbar{
  background:#444;
font-size:1.1em;
}
.home .container{
  background:#efefef;
}
.bannerWrapper { margin:0px; padding:0px;}
.bannerWrapper img { width:100%;} 
.sub_menu { position:absolute; width:100%; left:0px;}
.nav > li.full_width { position:inherit !important}
.dropdown-menu { border:0px !important ; box-shadow:none !important; border-radius:0px !important; }
.sub_menu ul { margin:0px; padding:0px;}
.sub_menu li { margin:0px; padding:3px 20px; list-style:none;}
.sub_menu li a { color:#b2b2b2; text-decoration:none; font-size:1em;}
.sub_menu li a:hover {text-decoration:none; color:#fff; }
.row_menu  { padding:0 15px;}
.row_menu .menu_col_4 { float:left; width:25%; }
.home_left, .home_right { box-sizing:border-box; position:relative; }
.home_left { width:75%; float:left; padding:10px 5px; }
.home_right { width:25%; float:right; padding:0px 10px 10px 0px;}
.mid_bg { background:#efefef; }
.home_right h2{font-size:1.5em; margin-top:8px;}
.intro_white_box { background-color:#fff; padding:15px; margin:0 10px 20px;}
.intro_white_box h2 {margin:0px; padding:0 0 15px; font-size:32px; color:#b61818; font-weight:normal;}
.btn_row { margin-bottom:0px;}
.btn_row a { margin:0 5px; background-color:#838383; padding:5px 15px; font-size:16px; color:#fff; font-weight:normal; text-transform:uppercase;}
/* Mega Menu */
nav.ectmegamenu{
background:#444;
text-align:center;
}
nav.ectmegamenu > ul{
padding-top:7px;
}
nav.ectmegamenu > ul > li{
font-size:1em;
background-color:#444;
display:inline-block;
float:none;
}
nav.ectmegamenu > ul > li:hover{
background-color:#FFF;
}
nav.ectmegamenu > ul > li > a{
color:#EEE;
}
div.ectmegamobile > a{
color:#EEE;
}
nav.ectmegamenu a:hover{
color:#000;
}
nav.ectmegamenu > ul > li.ectmega-is-open > a{
color:#000;
}
/*Internal store navigation*/
a.ectlink:link {
color: #8e2934;
text-decoration: none;
}
a.ectlink:visited {
color: #8e2934;
text-decoration: none;
}
a.ectlink:active {
color: #8e2934;
text-decoration: none;
}
a.ectlink:hover {
color: #8e2934;
text-decoration: underline;
}
/*Button and form field styles*/
input[type="button"].ectbutton,input[type="submit"].ectbutton,button.ectbutton{
background:#333;
color:#fff;
font-family:FontAwesome, sans-serif
}
input[type="button"].ectbutton:hover,input[type="submit"].ectbutton:hover,button.ectbutton:hover{
background:#8e2934;
color:#fff;
cursor:pointer;
font-family:FontAwesome, sans-serif
}
div.largereviewstars svg.icon, div.smallreviewstars svg.icon {
fill:#8e2934;
}
input.previmg, input.nextimg, input.detailprevimg, input.detailnextimg{
border-radius:4px;
border:1px solid #ccc;
background:#fff;
margin:4px;
font-size:11px;
cursor:pointer;
color:#8e2934;
padding:4px;
}
input.previmg:hover, input.nextimg:hover, input.detailprevimg:hover, input.detailnextimg:hover{
color:#000;
border:1px solid #666;
}
/*Drop down minicart*/
.ectdp_minicartopen{
	margin-top:0;
	font-size:1em;
}
.ectdp_minicartmainwrapper {
    background: #ece6de;
    font-size: 14px;
    margin-top: 2px;
}
/*home products*/
.wall-item { display: block; margin: 0 0 30px 0; padding:0px; background: #ececec; border-radius: 3px; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transition: all 220ms; overflow:hidden;}
.wall-item:hover { box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3); transition: all 220ms; text-decoration:none;}
.wall-item > img { display: block; width: 100%; margin:0;}
.wall-item-details { padding:10px 20px; display:block; position:relative;}
.up_ar { position:absolute; left:20px; top:-11px; z-index:0;}
.wall-item h2 { color:#000000; text-align: left; font-size: 14px; font-weight:bold; margin: 0 0 5px 0;}
.wall-item .price_text {  margin:0px; padding:0px; color:#b70000; font-weight:bold;}
.wall { display: block; position: relative;}
.wall-column { display: block; position: relative; width: 33.333333%; float: left; padding: 0 10px; box-sizing: border-box;}
.wall-item p.dl_text  {  margin:0px; padding:0px; color:#6a6a6a !important;}
/*--- Sidebar ---*/
.widget {
  background-color: #ffffff;
  border-top: 1px solid #8e2934;
  padding: 20px;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
  -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
  box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
}
.widget h3,
.widget h3.widget-title {margin:0px; padding:2px 0px; font-size:18px; text-transform:uppercase; font-weight:normal; color:#777777; border-bottom:1px solid #f0f0f0;}
.widget.Categories ul,
.widget.Menu ul {
  list-style: none;
  margin: 0;
}
.widget.Categories > ul,
.widget.Menu > ul {
  margin: -20px -20px;
}
.widget.Categories a,
.widget.Menu a {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #f0f0f0;
  color: #666;
  text-decoration: none;
  font-size: 12px;
}
.widget.Categories a:hover,
.widget.Menu a:hover,
.widget.Categories a:focus,
.widget.Menu a:focus {
  background-color: #dbdbdb;
  color: #ffffff;
}
.widget.Categories a:hover .count,
.widget.Menu a:hover .count,
.widget.Categories a:focus .count,
.widget.Menu a:focus .count {
  background-color: #ffffff;
  color: #dbdbdb;
  text-shadow: none;
}
.widget.Categories ul ul a,
.widget.Menu ul ul a {
  padding-left: 40px;
}
.widget .box  { padding:15px; color:#939694; font-size:14px;}
.categorysidebar { padding:0px;}
.categorysidebar h3.widget-title {margin:0; padding:10px 8px !important;}
.categorysidebar ul { margin:0px; padding:0px;}
.categorysidebar li { margin:0; padding:0; list-style:none; border-bottom:1px solid #f0f0f0;}
.categorysidebar li a { margin:0; padding:8px 10px; color:#666; display:block}
.categorysidebar li a:hover { background-color:#8e2934; color:#fff; text-decoration:none;}
/*.categorysidebar li.active a { background-color:#8e2934; color:#fff;}*/
.categorysidebar li.active a { font-weight: bold;}
.widget .hgroup {border-bottom:1px solid #f0f0f0; margin:0px; padding:10px 15px;}
.widget .hgroup h3 { margin:0px; padding:0px; border-bottom:0px;}
.widget .hgroup h5 { margin:0px; padding:0px; color:#939694; font-size:14px;}
div.sidebar_right{
background-color:#fff;
border-radius: 3px; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transition: all 220ms;
padding:4px 8px;
}
/*FOOTER*/
.footer { position: relative; z-index: 50; background-color: #fff; padding: 40px 0 0; font-size: 13px; color: #797d7b;  -webkit-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996); -moz-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996); box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996);}
.footer h6 { font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 10px; color: #474948;}
.footer .links { margin: 0;}
.footer .links li { margin:0px; padding:2px 0; list-style: none;}
.footer .links a { color: #474948; text-decoration: none;}
.footer .links a:hover, .footer .links a:focus {color: #000;}
/*--- social icons ---*/
.social { margin-top:40px;}
/*---Copyright Text---*/
.ft_copyright_row { background-color: #474948; margin-top:40px; padding: 10px 0; color: #939694; font-size: 12px; line-height: 18px;}
.ft_copyright_row a {
  color: #adafae;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.ft_copyright_row a:hover {
  color: #c7c8c8;
}
.right_link a { margin:0 0px 0 10px;}
.sidebar_right { float:right;}
.goToTop { position: fixed; top: 0; height: 50px;  z-index: 1;}
@media (max-width: 980px) {
}
@media (max-width: 800px) {
.logo { padding-bottom:15px; text-align:center;}
.home_left { float:none; width:100%; top:auto; position:inherit; margin:0px;}
.home_right  { float:none; width:70%; position:inherit; margin:0px auto; clear:both;}
.goToTop { position:inherit; height:auto;}
}
@media (max-width: 767px) {
  .footer .links {
    margin-bottom: 40px;
  }
.sidebar_right { float:none;}
.categorysidebar { margin-top:20px;}
}
@media (max-width: 640px) {
.wall-column { width: 50%;}
.home_right  { width:90%;}
.ft_copyright_row .right_link { text-align:left; margin-left:-10px; padding-top:5px}
.left_link { width:100%; float:left;}
.header .top .right_link ul {  margin: 0; padding: 0 0 0 40px; text-align:center;}
.header .top .left_link { float:none; text-align:center;}
.header .top .left_link li { margin-bottom:8px; float:none; display:inline-block;}
.row_menu  { padding:0px;}
.row_menu .menu_col_4  { float:none; width:100%;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 20px;
}
.btn_row a{ font-size:12px !important;white-space:nowrap;line-height:2.4}
}
@media (max-width: 480px) {
.wall-column { width: auto; float: none;}
.home_right  { width:100%;}
}
@media (max-width: 360px) {
}
@media (max-width: 320px) {
}

div.hc .category{
	width:25%;
	height:230px;
	padding:0px
}

div.hc .catname{
	width:100%;
	background:#999;
	text-align:center;
	clear:both
}
div.hc .catname a{color:#fff}
div.hc .catdesc{
	display:none
}

div.headl {
	float: left;
	width: 70%;
}
div.headr {
	float: right;
	width: 30%;
	background: #ece6de !important;
}
div.headr a:link {
	color: #3a1c5c;
	text-decoration: none;
}
div.headr a:visited {
	color: #3a1c5c;
	text-decoration: none;
}
div.headr a:active {
	color: #3a1c5c;
	text-decoration: none;
}
div.headr a:hover {
	color: #3a1c5c;
	text-decoration: underline;
}


div.prodtop{
font-size: 1.8em;
font-weight:normal;
color : #666;
padding-left:2px;
padding-top:2px;
margin-top:12px;
}
div.minicartoneline{
display:inline;
}

/*mini drop down cart*/
.ectdp_minicartopen img{display:none;}
.ectdp_minicartmainwrapper{color:#000;background:#ece6de;font-size:13px;padding-top:1px}
.ectdp_minicartopen{background:#ece6de;padding-top:0;margin-top:0;font-size:13px;}
.ectdp_minicartcontainer{background:#ece6de;}
/*one line mini login*/
div.minicartoneline1{font-size:12px;float:left;}
div.minicartoneline2{font-size:12px;float:left;padding-top:2px}
div.minicartoneline3{font-size:12px;float:left;padding-top:2px}
.minicartoneline > div.minicartoneline3 {
    padding:1px 3px;
}
div.minicartoneline3 > button{font-size:11px;height:20px;line-height:9px;}