html,
body {
  height: 100%;
  width: 100%;
}

body { background:#f2f2f2;color: #444; font: 12px/16px Arial,Verdana,sans-serif;}
#site_description {display:none;
    color: #999;
    font: italic 12px/12px "PT Sans",Arial,Verdana,sans-serif;
    margin: 7px 0 0;
    padding: 0;
}
.slogan {
    text-transform: none;
}
.logo {
    text-align: left;
}
ul, ol { list-style-position: inside; padding: 0;}
.wrapper { margin:0px; padding:0px;}
.pd30 { padding:10px 0;border-top: 1px solid #ccc7c7;}

.header {position: relative; z-index: 250;}
.header .top {
	background-color: #333333;
	font-size: 12px;
	height: 38px;
	text-transform: capitalize;
	z-index: 10;
}
.header .top .left_link ul { margin:0px; padding:0px;}
.header .top .left_link li { margin:0px; padding:0 2px; list-style:none; float:left; border-right:0px solid #212222;background: #262626;height:36px; line-height:35px !important}
.header .top .left_link li.current a {
    background: #262626 none repeat scroll 0 0 !important;
    color: #ddd;font-family: "PT Sans",Arial,Verdana,sans-serif;
font-size: 12px;
}
.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:0px 10px 0px; list-style:none; float:left; border-right:0px solid #212222;  position:relative; line-height:35px !important}
.header .top .right_link li:last-child { border-right:none;}
.header .top .right_link li.cart_icon:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	left: -10px;
	top: 2px;
	border-radius: 19px;
	background-color: #eb6447;
	background-image: url(../images/bg_cart.png);
	background-repeat: no-repeat;
	background-position: center center;
}



.header .top a {
	color: #ddd;
	height: 35px;
	margin: 0;
	padding-top: 10;
	padding-right: 14px;
	padding-bottom: 10;
	padding-left: 14px;
}

.header .top a:hover { color:#EB6447; text-decoration:none;}
.header .bottom {background: rgba(0, 0, 0, 0) url("../images/bg_header.png") repeat scroll center top;
  margin: auto;
  overflow: visible;
  width: 100%; padding:15px 0;/*background-color: #ffffff; padding:15px 0; background: rgba(0, 0, 0, 0) url("images/bg_header.png") repeat scroll center top;*/ /*-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 #ebebeb; width:100%;  box-sizing:border-box; border-radius:19px}
/*.btnSearch { margin:0px; padding:5px; position:absolute; right:0px; top:0px; width:100px; text-align:center; background-color:#949494; color:#000; font-size:16px; font-weight:bold; text-transform:uppercase; border:1px solid #949494; height:40px; box-sizing:border-box;}*/

.btnSearch{ background: rgba(0, 0, 0, 0) url("../images/bg_search.png") no-repeat scroll left center !important;
    border: 0 none;
    height: 38px;
    margin: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    right: 0;
    width: 38px; top:0px;}
	
	
.btnSearch:hover{color:#DBDBDB;}
.header .bottom:before { content: ''; display: block;}
.header .bottom:after { content: ''; display: table; clear: both;}
.header .bottom > .container > .row { position: relative;}

.bannerWrapper { margin:0px; padding:0px;}
.bannerWrapper img { width:100%;} 

.subnav_row {
	background: rgba(0, 0, 0, 0) url("../images/bg_line.png") repeat scroll center top;
	border-top: 1px solid #ededed;
	margin: 2px;
	padding: 2px;
	text-align: center;
	color: #7698C1;
	text-decoration: none;
	text-transform: capitalize;
	vertical-align: middle; /*background-color:#898989; padding:5px 0; */
}
.subnav_row a { margin:0px 0px;}
.subnav_row img {
  padding-bottom: 4px;
  padding-top: 4px;
}
.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:14px;}
.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:20px 10px; }
.home_right { width:25%; float:right; padding:20px 20px 20px 0px;}
.mid_bg { background:#f2f2f2; }

.intro_white_box {
	background-color: #fff;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.intro_white_box h2 {margin:0px; padding:0 0 15px; font-size:32px; color:#EB6447; font-weight:normal;}
.intro_white_box.text-center span {
  font-size: 24px;
}
.btn_row { margin-bottom:0px; display:none}
.btn_row a { margin:0 5px; background-color:#666465; padding:5px 15px; font-size:16px; color:#fff; font-weight:normal; text-transform:uppercase;}


/*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:26px;
	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: 5px solid #7698C1;
	margin-bottom: 20px;
	-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);
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.widget h3,
.widget h3.widget-title {margin:0px; padding:10px 0px; font-size:14px; text-transform:uppercase; font-weight:bold; color:#6f6f6f; 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: 15px 20px;
  border-bottom: 1px solid #f0f0f0;
  color: #797d7b;
  text-decoration: none;
  font-size: 12px;
}
.widget.Categories a:hover,
.widget.Menu a:hover,
.widget.Categories a:focus,
.widget.Menu a:focus {
  background-color: #6b6b6b;
  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: #6b6b6b;
  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 15px !important; text-align:center;}
.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:#939694; display:block}
.categorysidebar li a:hover { background-color:#6b6b6b; color:#fff; text-decoration:none;}
.categorysidebar li.active a { margin:0px; padding:0px;}


.widget .hgroup {border-bottom:1px solid #f0f0f0; margin:0px; padding:10px 15px;}

.widget .hgroup h3 { margin:0px; padding:0px; border-bottom:0px; text-align:center;}
.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; overflow:hidden;
padding-bottom:10px;
padding-left:5px;
}

/*FOOTER*/
.footer { position: relative; z-index: 50; background-color: #fff; padding: 40px 0; font-size: 13px; color: #797d7b;  -webkit-box-shadow: 0 -1px 2px rgba(245, 100, 71, 0.9999999999999996); -moz-box-shadow: 0 -1px 2px rgba(245, 100, 71, 0.9999999999999996); box-shadow: 0 -1px 2px rgba(245, 100, 71, 0.9999999999999996);}
.footer h6 { font-size: 16px; font-weight: 600; text-transform: capitalize; 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;}

/*footer mailing list*/
.news {
  font-weight: bold;
  padding-left: 5px;
}
div.minimailsignup{
border:dotted 0px #e69d01;
background:#fff;
margin:4px auto;
width:100%;
padding:4px;
}
label.minimailsignup{display:none;
font-weight:bold;
width:100%;
padding-top:2px;
float:left;
}
input.minimailsignup{
	font-size: 12px;
	border: 1px solid #e0e0e0;
	width: 95%;
	margin: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.minimailsignup.minimailsubmit {
  background-color: #8aa7ca;
  border-radius: 19px;
  color: #fff;
  padding: 0 !important;
  width: 40%;
  height:30px;
}
input.minimailsubmit{
margin:6px;
}

/*--- social icons ---*/
.social { margin-top:20px;}

/*---Copyright Text---*/
.ft_copyright_row { background-color: #474948; padding: 10px 0; color: #fff; font-size: 12px; line-height: 18px;}
.ft_copyright_row a {
  color: #fff;
  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;}
nav { background:#000; position: absolute; bottom: 0; width: 100%;}
nav li {  }
/*cross selling*/

.cstitle {
  background-color: #7698c1;
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 40px;
  margin-bottom: 20px;
  margin-top: 40px;
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
div.csproduct{
	padding:6px;
	width:30%;
	float:left;
	height:300px;
	margin:8px;
    background:#fff;
   border-radius: 3px; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transition: all 220ms; overflow:hidden;
}

div.csproduct:hover{
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);transition: all 220ms; text-decoration:none;
}

div.csprodid{
  color: #8aa7ca;
  padding: 6px;
  text-align: center;
}

div.cslistprice{
	width:98%;
	float:left;
	font-size: 0.9em;
	text-align:center;

}

div.csprodprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:98%;
	color:#666;
	text-align:center;
	
}

@media (max-width: 980px) {.btnSearch {
    top:0px;
	
}

@media (max-width: 800px) {
	.btnSearch {top:0px;}
.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) {.btnSearch {
    top:0px;
}
div.logo{text-align: center !important;}
.logo {
    text-align: center;
}
  .footer .links {
    margin-bottom: 40px;
  }
.sidebar_right { float:none;}
.categorysidebar { margin-top:20px;}
}


@media (max-width: 640px) {
	.header .top a {
  color: #666262;
  
}

div.logo {
  text-align: center !important;
  width: 300px;
  margin-left:18px !important;
  width:auto !important;
}
.logo{padding-top:20px;}

.wall-column { width: 100%;}
.home_right  { width:100%;padding:20px;}
.home_left{width:100%}
.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 8px !important; text-align:left; float:left !important;display:none;}
.header .top .left_link { float:none; text-align:center !important;}
.header .top .left_link li {
	padding-bottom: 8px !important;
  padding-top: 10px !important;
 margin:0px; float:none; display:inline-block;}

.footer h6{background-color:rgba(245, 100, 71, 0.8);padding: 10px;height:30px;}

.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}
.footer .links li {
    margin-left: 10px !important;
 
}
}


@media (max-width: 480px) {
.footer .links li {
    margin-left: 10px !important;
 
}
.wall-column { width: auto; float: none;}
.home_right  { width:100%; padding:20px;}
.home_left  { width:100%;}
}

@media (max-width: 360px) {
	.home_left  { width:100%;}
	.footer .links li {
    margin-left: 10px;
 
}
}

@media (max-width: 320px) {
.home_left  {
	width:100%;
}
.footer .links li {
    margin-left: 10px;
 
}
}
