@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,600,800,300);

Body{font-family: 'Open Sans', sans-serif;}


a{ color:#7c99a8;}
header{ text-align:center;}
header h1 a{ font-size:38px; color:#6c6e6f; text-transform:uppercase;}
header h1 a:hover{ color:#6c6e6f;}
header  ul { padding:0; list-style:none; margin:0 0 0;}
header  ul li {  display: inline-block;  /*padding: 0 0 0 10px;*/  position: relative;  margin: 0;  border: 0;}
header .topMenu ul li a{font-size: 12px;  color: #808080; font-weight:600;}
header .mainMenu{  border-top: 1px solid #bec6ce;  border-bottom: double #bec6ce; margin:15px;}
header .mainMenu ul li a{font-size: 14px;  color: #808080; font-weight:600; display:block; padding:10px;}
input.search_box {    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);   padding: 6px 6px 6px 28px;  background: #fff url(../images/search.jpg) no-repeat 6px;  border: solid 1px #ECECEC;  -webkit-border-radius: 4px;  -khtml-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;
-o-border-radius: 4px;  border-radius: 4px;  margin-bottom: 0px;}
input.search_box:focus {  background: #fff url(../images/search.jpg) no-repeat 6px; border:0; }
.mini-basket-title{ background:#7c99a8; color:#fff; padding: 10px;}
.top-bar{
	background:none;
	color:#ccc!important;
	height: 2.8125rem;
}

.top-bar-documents{
	background:none;
	color:#ccc!important;
	height: auto;
}

.top-bar.expanded .toggle-topbar a{background:#ddd; color:#000;}
.top-bar .toggle-topbar.menu-icon a{background:#ddd; color:#000;}
.top-bar.expanded .title-area{ background:#fff;}
.top-bar-section ul, .top-bar-section ul li,.top-bar-section ul li a { background-color:transparent !important; }
.top-bar-section ul li a:hover, .top-bar-section ul li:hover a { color:#000 !important; }
.topMenu { text-align:left; }
.topMenuContent { margin:10px 0; }

header hr { margin:0 0 15px 0; }

/* SFWS Override */
header .mainMenu .vnb-top-cbd,header .mainMenu #vertical-navigation-box-cbd { margin:0 !important;}
.sideBox .vnb-top-cbd li { font-size:0.9rem; border-bottom:1px solid #ccc; }

#box-basket-content .success{ background:#7c99a8!important;}
#box-basket-content .expand{ background:#314b58;}

.delivery{ text-align:center; color:#ff00ff;}
#slider{ margin:40px 0;}

#featuredProduct{ text-align:center;}
#featuredProduct h2{font-family: "Open Sans";  font-weight: normal;  text-transform: none;  color: #666666;  display: block;  letter-spacing: 1px;  font-size: 26px;  margin-bottom: 0.75em;}
#featuredProduct h3{ font-size:16px; color:#666; margin:15px 0;}
#featuredProduct a.proBox{ margin:15px 0; display:block;}


#moreWid{ margin:30px 0;}
#moreWid img{ margin:20px 0;}

.main


#contact_email {  width: 210px;  display: inline;border: 1px solid #ccc;  padding: 9px;  outline: none;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 2px;    margin-bottom: 20px;  }


#sign_up {  margin-left: 10px;  background: #7d99a8; */  background: rgb(125,153,168);  background: -moz-linear-gradient(top, rgba(125,153,168,1) 46%, rgba(65,102,122,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(125,153,168,1)), color-stop(100%,rgba(65,102,122,1)));  background: -webkit-linear-gradient(top, rgba(125,153,168,1) 46%,rgba(65,102,122,1) 100%);
  background: -o-linear-gradient(top, rgba(125,153,168,1) 46%,rgba(65,102,122,1) 100%);  background: -ms-linear-gradient(top, rgba(125,153,168,1) 46%,rgba(65,102,122,1) 100%);  background: linear-gradient(to bottom, rgba(125,153,168,1) 46%,rgba(65,102,122,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d99a8', endColorstr='#41667a',GradientType=0 );  color: #ffffff;  border: 1px solid #999;  padding: 6px 12px;  text-align: center;  font-size: 14px;  cursor: pointer;  font-family: "Open Sans";  font-weight: bold;  font-size: 12px;  text-transform: uppercase;  text-shadow: 0 1px rgba(0, 0, 0, 0.1);  -webkit-border-radius: 4px;  -khtml-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;
}

.icons {    list-style: none outside;     margin-left: 0;    border: 0;  }
.headline_icons {    top: 8px;  }
.icons li a{   border: 0;    float: left; font-size:30px; margin-right: 0px;    padding-top: 0;  }

.headline_icons li a, .cart_icons li a {    background: url(../img/icons.png) no-repeat;  }


.breadcrumbs{ background:none; border:0; padding: 0;}
.breadcrumbs li a{ color:#7c99a8; font-size: 13px;}

.autosubmit{ margin:20px 0;}
.autosubmit select{ background-color:#fff;}
.sub-nav{ margin-top:25px;}
.sub-nav dd{ border-radius:0px;}
.sub-nav .active a{background:#7c99a8 !important; border-radius:0px;}


h2,#checkout_form h3 {font-size: 25px; color:#666;}
#checkout_form h3{ margin:20px 0;}

::-webkit-input-placeholder {
  color: #a4a1a1; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #a4a1a1; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #a4a1a1; }

:-ms-input-placeholder {
  color: #a4a1a1; }



.product_wrapper h1{font-size: 25px; color:#666;}
.product_wrapper .old_price{ color:#666; font-size:19px;}
.product_wrapper .sale_price{ color:#7c99a8;}
.product_wrapper .button{ background:#7c99a8; color: #fff;}

.category_wrapper{ color:#666666;}
.box { text-align:center;}
.box img:hover{box-shadow:0 0 0;}
.box h3{  font-size: 14px; }
.old_price{ color:#666;}
.sale_price{ color:#7c99a8;}

.box .button{ background:#7c99a8; border:0;}
.box h3 a{  font-size: 18px;  color: #666;}
.sideBox{ background:#fff; border:1px solid #f1f1f1;  border-bottom:3px solid #7c99a8; padding:10px; margin-bottom:30px;}
.sideBox h3{ font-size:20px; color:#666;}
.sideBox h4 a{ font-size:16px; color:#666;}
.sideBox li a{ color:#555;}
#box-popular ol,#box-sale_items ul{ list-style:none; padding:0; margin:0;}
#box-popular ol li,#box-sale_items ul li{ border-bottom:1px solid #f1f1f1; font-size:14px; padding:7px 0;}

.th { border:0; box-shadow:0 0 0;}
.tabs dd a{-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;border-top-right-radius: 10px;}
.tabs dd.active a{ background:#7c99a8; color:#fff; margin-right:10px;}
.tabs-content{ font-size:15px; color:#666;}

#checkout_proceed{ background:#7c99a8;}
#checkout_proceed:hover{ background:#698695;}

.postfix{  margin-left: 10px;  background: #7d99a8; */  background: rgb(125,153,168);  background: -moz-linear-gradient(top, rgba(125,153,168,1) 46%, rgba(65,102,122,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(125,153,168,1)), color-stop(100%,rgba(65,102,122,1)));  background: -webkit-linear-gradient(top, rgba(125,153,168,1) 46%,rgba(65,102,122,1) 100%);
  background: -o-linear-gradient(top, rgba(125,153,168,1) 46%,rgba(65,102,122,1) 100%);  background: -ms-linear-gradient(top, rgba(125,153,168,1) 46%,rgba(65,102,122,1) 100%);  background: linear-gradient(to bottom, rgba(125,153,168,1) 46%,rgba(65,102,122,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d99a8', endColorstr='#41667a',GradientType=0 );  color: #ffffff;  border: 1px solid #999;  padding:0px 12px;  text-align: center;  font-size: 14px;  cursor: pointer;  font-family: "Open Sans";  font-weight: bold;  font-size: 12px;  text-transform: uppercase;  text-shadow: 0 1px rgba(0, 0, 0, 0.1);  -webkit-border-radius: 4px;  -khtml-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;
}

.product_list_view{ background:#eee; text-align:left; padding:29px 20px; color:#787878;}
.product_list_view .quantity,.product_list_view .button{ margin: 10px 0!important;}
.product_list_view .qty{text-align:center;}
div#nav-actions{ padding:3px 15px;}
#box-currency{margin:0;}
#box-currency li{ width:100%;}
#box-currency li a{font-size:13px;}
#box-currency a{margin:0;}
#box-language ul { text-align:left !important;}
#box-language ul li{ display:block!important;}
footer{	background-color: #f5f5f5;background-image: url(../images/custom_footer.png);border-top: solid 1px #f5f5f5;  font-size: 16px; color: #666666;	padding: 35px 0 0 0;}
footer h3 {  color: #666666; font-family: "Open Sans";  font-weight: normal; text-transform: none; display: block;  letter-spacing: 1px; font-size:18px;}
.basket-detail{ border:1px solid #f1f1f1;}
footer p{ font-size:14px; color:#666; font:Arial, Helvetica, sans-serif;}
footer ul {    list-style: none outside; margin:0 0 15px 0!important;  }
footer li {    padding: 6px 0;    list-style: none outside none;    margin-bottom: 0;  }
footer ul li a{ color:#4a7491; font-size:14px;}
footer .footer_menu li:first-child {    margin-left: 0;}
footer .footer_menu li{ display:block; padding: 5px; margin:0!important; width:100%;}
footer .footer_menu li a{padding:0;}
.footerBot{ border-top:1px solid #fff;}
.footerBot p{ margin:0; padding:10px; font-size:13px;}

.login_wrapper .arrow{border-right:1px dashed #dfdfdf;}
.login_wrapper .large-6{ padding:0 30px;}
.login_wrapper .button{ background:#7c99a8;}
.register_wrapper .button{ background:#7c99a8;}

ul.dropdown{ background:#fff!important; padding:0 !important; margin:0!important;
-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.45);
-moz-box-shadow:    0px 3px 6px 0px rgba(50, 50, 50, 0.45);
box-shadow:         0px 3px 6px 0px rgba(50, 50, 50, 0.45);
}

ul.dropdown li label{ padding:10px 0 !important; color:#808080!important;}
ul.dropdown li{ padding:0px !important; margin:0 !important;}
/*ul.dropdown li{ padding:1rem !important; margin:0 !important;}*/
ul.dropdown li a{ padding:0 !important; margin:0 !important;}
/*ul.dropdown li a:hover{background:#fff!important; color:#000 !important;}*/

/*.icons {    list-style: none outside;     margin-left: 0;    border: 0;  }
.headline_icons {    top: 8px;  }
.icons li {   border: 0;    float: left;    line-height: 24px;    margin-right: 8px;    padding-top: 0;  }
.icons li a {    background: url(../images/icons.png) no-repeat;        display: inline-block;    opacity: 0.8;    -webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-o-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;
cursor: pointer;text-indent: -9999px;    width:25px;height:25px;background-position:left bottom;    }
.headline_icons li a, .cart_icons li a {    background: url(../images/icons.png) no-repeat;  }
.icons li a:hover {    background-color:transparent;    opacity: 1;  }  
.icons .twitter a{background-position:-25px bottom}
.icons .facebook a{background-position:-50px bottom}
.icons .vimeo a{background-position:-75px bottom}
.icons .flickr a{background-position:-100px bottom}
.icons .delicious a{background-position:-150px bottom}
.icons .linkedin a{background-position:-200px bottom}
.icons .youtube a{background-position:-225px bottom}
.icons .google a{background-position:-250px bottom}
.icons .skype a{background-position:-325px bottom}
.icons .pinterest a{background-position:-500px bottom}
.icons .tumblr a{background-position:-625px bottom}
.icons .instagram a{background-position:-650px bottom}
.icons .rss a{background-position:-675px bottom}
.icons .close a{background-position:-700px bottom;position:relative; top:-10px; right: -8px; opacity: 0.6;}*/


.checkout-progress-wrapper{ background:#7c99a8;}
.checkout-progress-wrapper li{padding:10px 0 !important;}
.checkout-progress-wrapper li a{ color:#fff !important; }
.checkout-progress-wrapper li.current{background:#607c8b; }

.alert-box{ background:#f5f5f5 ; border:0; color:#787878 }
.alert-box li{font-size:13px;}
.alert-box a.close{ background:#607c8b !important; opacity:1 !important; border:0 !important; text-decoration:none; border-radius:22px; color:#fff; padding:3px 8px; width:27px; height:27px;}

#searchIcon{ }
#box-currency, #box-language { margin:0;}
.searchForm{ float:right; margin-top:-35px; position:relative;}
#searchBox{display:none; margin-top:16px; position:absolute; z-index:9999; background:#fff; width: 265px; padding:15px; right:0;-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.45);
-moz-box-shadow:    0px 1px 4px 0px rgba(50, 50, 50, 0.45);
box-shadow:         0px 1px 4px 0px rgba(50, 50, 50, 0.45);}
#searchBox input{width:85%; float:left; height:36px; margin:0;}
#searchBox button{width:15%; float:left; margin:0; padding:7px 10px; border:0; background:#7c99a8; text-transform:uppercase; }


#searchBoxInline{
		display:none; 
		background:#fff; 
		width: 265px; 
		right:0;
}
#searchBoxInline input{width:85%; float:left; height:36px; margin:0;}
#searchBoxInline button{width:15%; float:left; margin:0; padding:7px 10px; border:0; background:#7c99a8; text-transform:uppercase; }



.basket-detail li .right{padding:0px 5px; color:#7c99a8; float:right !important;}
.basket-detail li .left{padding:0px 5px;}

.topSec li{ display:inline-block; float:left; margin: 0; padding:0;}
.topSec .padd{ padding:5px 10px;}
.topSec .bord{ border-right:1px solid #eee;}
.topSec li:first-child{ border:0;}
.topSec{ }
#mini-basket {    min-width:0;    position:relative;}

/*.basket-detail-container {    position: absolute;    right: 0;     margin-left: -150px;}*/

button.small, .button.small {    padding: 0 !important;    margin: 0;}

button, .button {
    background-color: #7c99a8;
}

.f-dropdown {min-width: 180px;}
.f-dropdown li {width:100%;}


@media only screen and (max-width : 640px) {
	.topSec li{ border:0;}
	.topSec li:last-child{ position:absolute; right:50px; top:-4px;}	
	.topSec{ }
	#searchIcon{ display:none !important;}
	.topSec .bord{ border:0 !important;}
	#searchBox{ display:none; position:relative; width:100%;margin: 0;}
	ul.dropdown{ background:#fff!important; padding:0 !important; margin:0!important;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	}
	
	.top-bar-section ul li a:hover, .top-bar-section ul li:hover a { color:#808080 !important; }
	
}

@media only screen and (min-width:40.0625em) and (max-width:64em){
	ul.dropdown{ background:#fff!important; padding:0 !important; margin:0!important;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	}
	
	.top-bar-section ul li a:hover, .top-bar-section ul li:hover a { color:#808080 !important; }	
}


#adv_search{
	font-size: 12px;
}

/* Suggestive Search Box */
.suggestivesearch {
/* Functional CSS */
width:250px; 
/* Set the width of the dropdown results box! */
height: auto;
position: absolute;
z-index: 10;
margin-left:0px; 
/* Edit the margin-left value to make the search box line up correctly you may also need to add margin-right, margin-top and margin-bottom */
padding-left:1px;
display:none;

/* Display CSS */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:#666 1px solid;
background-color:#FFFFFF;
color: #000000;
text-align:left;

}

.suggestivesearch a {
/*Display CSS: LINK*/
color:#000000;
text-decoration:none;
}

.goog-te-gadget-simple{
	border: none !important;
}

.goog-te-menu-value span{
	border: none !important;
}

.shadowBox {
	-webkit-box-shadow: 0px 0px 11px 0px rgba(222,222,222,1);
	-moz-box-shadow: 0px 0px 11px 0px rgba(222,22,222,1);
	box-shadow: 0px 0px 11px 0px rgba(222,222,222,1);
	padding: 10px;
}

.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
}

.overlay-content {
	position: relative;
	top: 15%;
	width: 100%;
	text-align: left;
	margin-top: 30px;
}

.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}

@media screen and (max-height: 450px) {
	.overlay a {font-size: 20px}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}