@import url(../fonts/din/stylesheet.css);

/*  ----------------------------------------------------------------------
  GENERAL REDECLARATIONS
  ---------------------------------------------------------------------- */

/*
Colors:

blue: #009CDB
orange: #F56010
darker orange: #D55009
darkest orange: #782B28
white (inner content): #fff
very light grey (outer content): #F4F3EF
grey (contact/mailing box bg): #DBDBD1
darker grey: #CCCBC3
text: #666
*/

/* temp styling for banner preview */

body#page-home .hero-box {
	height: auto !important;
}

body#page-home .hero-box .banner-group-display {
	margin: 0px auto 10px auto;
	/*padding: 10px;*/
	display: table;
}
body#page-home .hero-box .banner-group-display .group-banners {
	margin: 0px auto;
}

@media (max-width: 1024px){
	body#page-home .hero-box .banner-group-display .group-banners,
	body#page-home .hero-box .banner-group-display .group-banners img	{
		width: 100%;
		height: 100%
	}
	
	body#page-home .hero-box {
		height: auto !important;
	}
}

/* temp styling for banner preview */

html {
	min-height: 100%;
}
* html	{
	height: 100%;
}
* {
	margin:0;
	padding:0;
}

body {
	text-align:left;
	background-color: #f4f3ef;
	position: relative;
	//min-width: 950px;
}

body, th, td, input, select, textarea {
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#1e1e1e;
}

a {
	outline: none;
}
a:link, a:visited {
	color: #666;
	text-decoration: underline;
}
a:not(.button):hover, a:active {
	color: #F56010;
	text-decoration: underline;
}

ul, ol {
	margin:0 0 10px 25px;
}
dl {margin:0 0 10px;}
dt {font-weight:bold;}
dd {margin:0 0 3px 10px;}
p {margin:0 0 15px;line-height: 22px;}

h1,
h2,
h3 {font-family: "DinMedium", arial, sans-serif;text-transform: uppercase;font-weight: normal;color: #009CDB;}

h1 {font-size:28px; margin:0 0 12px;}
/*h2 {font-size:24px; margin:8px 0;}*/
h2 {font-size:22px; margin:8px 0;}
h3 {font-size:19px; margin:6px 0 5px;}
h4 {font-size:15px; margin:6px 0 5px;}
h5 {font-size:12px; margin:3px 0;}
h6 {font-size:11px; margin:0;}
hr {
	height: 0;
	border: 0 none;
	border-bottom: 1px solid #a1a1a1;
	color: #fff;
	background-color: #fff;
	margin-bottom: 20px;
}

.title-case {text-transform: none;}

h2+p {margin-top: 20px;}
h2 span {color: #333;}

/*color and background color should be the same as the background color of the div it is contained within*/
img {border:none;}
acronym	{border-bottom: 1px dotted;}
blockquote {margin:0 25px 20px 25px; font-style:italic;}

.clr {clear: both;}
.clear-right {clear: right;}
.clear-left {clear: left;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}
.faint-border {
	padding: 1px;
	border: 1px solid #E1DFD7;
	background: #F4F3EF;
}
.intro {font-size: 15px; font-weight: normal;line-height: 1.4em;}
.hidden {display:none;}
.margin-left {
	margin-left: 9px;
}
.margin-top {
	margin-top: 10px;
}
.margin-right{
	margin-right: 10px;
}
.margin-bottom {
	margin-bottom: 10px;
}
.no-margin {margin:0;}
.inline {display:inline;float:none;}
.center {text-align: center;}
.larger-text {font-size: 24px;line-height: 28px;}
.smaller-text {font-size: 12px;}
.dark {
	color:#333;
}
.bold {
	font-weight:bold;
}

/*
in another rule set, you can add padding-top to set an aspect ratio, or just
add a fixed height.

if you need a max-width and an aspect ratio, then you have to add use an <img>
shim. in the images dir there is already aspect-ratio-4x3.png and
aspect-ratio-16x9.png
*/
.iframe-stretcher {
	padding: 0;
	position: relative;
}
.iframe-stretcher img {
	display: block;
	width: 100%;
	height: auto;
}
.iframe-stretcher iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.fancybox-default.block,
.fancybox-default.block img,
.fancybox-default.left,
.fancybox-default.left img,
.fancybox-default.right,
.fancybox-default.right img {
	display: block;
}
.fancybox-default.block {
	margin: 1ex auto;
}
.fancybox-default.left {
	margin: 0 1ex 1ex 0;
}
.fancybox-default.right {
	margin: 0 0 1ex 1ex;
}

/* new clearfix from http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clearfix:after {
	visibility: hidden;
	overflow: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	width: auto;
	line-height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#preload {position: absolute;top: -1000px; left: -1000px;}

img.left	{margin-right:10px;}
img.right	{margin-left:10px;}
.red 		{color: #ff1000;}
#map 		{width: 450px;height: 300px;}

h1.page-title {color: #fff;}

a.download-link {display: block; padding: 2px 2px 2px 20px;cursor: pointer;background: url("/images/icons/pdf.gif") no-repeat 0 2px;}
.pdf-icon {background: url("/images/icons/pdf.gif") no-repeat 0 2px !important;}
.email-icon {background: url("/images/icons/email.gif") no-repeat 0 2px !important;}
.video-icon {background: url("/images/icons/video.gif") no-repeat 0 2px !important;}
.link-icon {background: url("/images/icons/link.png") no-repeat 0 2px !important;}


.fb-like,
.twitter-share-button {
	float: right;
	position:relative;
	right:-15px;
}
.twitter-share-button {
	margin-right: -15px;
}
body#page-home .fb-like {
	margin-right: 70px;
}

.staff {
	float: left;
	text-align: center;
	width: 160px;
	border: 1px solid #E1DFD7;
	padding: 10px 10px 0px 10px;
	margin: 0 20px 10px 0;
}
.staff  strong {
	color: #009CDB;
}
.staff p {
	margin-top: 7px;
	line-height: 16px;
}

/*  ----------------------------------------------------------------------
  STANDARD LAYOUT
  ---------------------------------------------------------------------- */

/* Text based header

#header h1 {
	float: left;
	padding: 35px 10px 0 35px;
	color: #fff;
	line-height: 1em;
	height: 50px;
	font-size: 50px;
	font-family: Georgia, Helvetica,Verdana,Arial,sans-serif;
}

#header h1 span {font-size: 30px;color: #BAE5EB}*/

.bar {
	z-index:-10;
}

.content-boxless,
.content {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0;
}
.content-boxless {
	width: 920px;
	padding-left: 15px;
	padding-right: 15px;
}

#header-wrapper {
	/*background: #ffffff url("../images/template/bg-header.jpg") repeat-x left bottom;*/
	background-image: linear-gradient(white, #E6E6E6);

	z-index: 10;
}

.header-nav-row{
	display: inline-block;
	width: 100%;
}



.header-col ul,
.header-col div{
	display: inline-block;
	vertical-align: top;
}
.header-col #cart{
	margin-left: 10px;
	position: relative;
	font-size: 14px;
	/*float: left;*/

}

#header-wrapper #logo {
	/*position: absolute;*/
	display: inline;
	/*width: 420px;*/
	/*height: 134px;*/
	left: 0;
	/*bottom: 51px;*/
}

#header-content {
	position: relative;
	z-index: 1002;/* IE7 */
	/*height: 135px;*/
	padding: 0;
}
#header-content .row{
	margin:  0;
}
#header-content .row div{
	text-align: left;
	/*font-size: 14px;*/
}

#header-right {
	/*position: absolute;*/
	/*right: 10px;*/
	margin-top: 17px;
	text-align: center;
}

#header-menu {
	float:right;
	margin: 0 0 17px;
}
#user-menu{
	/*float: left;*/
	margin: 0;
}
#user-menu li + li{
	margin-left: 10px;
}
#user-menu li {
	display:inline-block;
	//padding: 6px 12px 0;
	background: #EEEEEE;
	border: 1px solid #919191;
	font: 12px "din_lightregular", Arial, sans-serif;
	font-weight: bold;
	/* IEEEEEEE */
	zoom: 1;
	*display: inline;
}
#user-menu li a{
	padding: 7px 12px 8px;
	display: inline-block;	
}
#user-menu li:hover {
	background-color: #F56010;
}
#user-menu li.menu-first {
	background-position: left top;
	/*border-left: 0 none;*/
	//padding-left: 20px;
}
#user-menu li.menu-last {
	background-position: right top;
	/*border-right: 0 none;*/
	//padding-right: 20px;
}
#user-menu li:hover {
	background-position: center -30px;
}
#user-menu li.menu-first:hover {
	background-position: left -30px;
}
#user-menu li.menu-last:hover {
	background-position: right -30px;
}
#user-menu li a {
	text-decoration: none;
	color: #919191;
}
#user-menu li:hover a {
	color: #fff;
}

#header-contact-us {
	position: absolute;
	right: 0;
	bottom: 10px;
}
#header-contact-us a {
	display:inline-block;
	height:34px;
	width:152px;
	background: transparent url("../images/template/contact-us.png") no-repeat 0 0;
}
#header-contact-us a:hover,
#header-contact-us a:active {
	background: transparent url("../images/template/contact-us.png") no-repeat 0 -34px;
}

#content-side {
	float:right;
	width: 250px;
	padding: 55px 0px 15px 0;
	margin: 0;
	height:100%;
}

#blue-bar {
	background: #009CDB url("../images/template/bg-blue.jpg") repeat-x top left;
}

#blue-bg {
	position: relative;
	width: 100%;
	height:100%;
	margin: 0 auto;
	background: transparent url("../images/template/bg-blue-gradient.jpg") no-repeat top center;
}
#blue-bg .content-boxless,
#blue-bg .content {
	/*padding-top: 30px;*/
	padding-bottom: 1px;
}
#blue-bg h2,
#blue-bg h3 {color: #fff;}
body#page-home #blue-bg .content {
	padding-top: 10px;
	padding-bottom: 10px;
}

.hero-box {
	/*height: 345px;
	padding: 25px 0 0 0px; /* shadow is 15 vertical and 10 horizontal 
	margin: 0 -10px;
	background: transparent url("../images/template/hero-box-outline.png") no-repeat 0 0;
	font-size:16px;
	color: #333;*/
	/*padding: 25px 10px 0 10px;*/
    /*margin: 10px -10px;*/
    font-size: 16px;
    color: #333;
    /*background: #33AFE3;
    box-shadow: white 0 0 10px;*/
}

.hero-box h2 {
	color: #333;
	padding-left: 30px;
}

.hero-books a.button {
	font-size: 12px;
	padding-right: 10px;
	padding-left: 0.7em;
}

.hero-books a.button:after {
	padding-left: 0;
}


.confirm-books-dialog.ui-widget{
	width: 500px;
	box-shadow: 0 0 100px #009CDB;
	/*border: 5px solid #009CDB !important;*/
}

.confirm-books-dialog .ui-dialog-titlebar{
	background: #F56010;
	color: white;
	border: none;
}
.confirm-books-dialog .ui-dialog-buttonpane{
	padding: .5em 1em 1em;
}
.confirm-books-dialog .ui-dialog-buttonset{
	width: 100%;
}
.confirm-books-dialog .ui-dialog-buttonset button{
	margin: 0;
}
.confirm-books-dialog .ui-dialog-buttonset .continue{
	float: right;
}
.confirm-books-dialog .ui-dialog-titlebar-close{
	display: none;
}

.ui-widget-overlay {
	opacity: 0.7;
	filter: Alpha(Opacity=70);
}



/*
.hero-content.hero-col-1,
.hero-content.hero-col-2  {
	height: 307px;
}
.hero-content.hero-col-1 {
	padding: 10px 15px 0;
	float: left;
	width: 240px;
	background: transparent url("../images/template/book-stack.png") no-repeat 0 0;
	border-right: 1px solid #46B8E5;
}
.hero-content.hero-col-1 p {
	font-family: "din_lightregular", arial, sans-serif;
	font-weight: normal;
	line-height: 24px;
	text-shadow:0 0 20px #fff;
}

.hero-content.hero-col-2 {
	padding: 10px 0 0;
	float: right;
	width: 655px;
}
*/

.hero-books img {
	/*box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.25);*/
}


#page-home .hero-box h2{
	padding-left: 0px;
}
#page-home .home-search-wrapper{
	/*width: 700px;*/
}
#page-home .home-message{
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
	margin-bottom: 20px;
	color: white;
	padding: 15px;
	border: 1px solid white;

}
#page-home .home-message p{
	margin-bottom: 0;
}

#white-bar {
	background-color:#f4f3ef;
	color:#666;
	padding: 10px 0;
}

.white-box h1, .white-box h1 a {
	text-transform:uppercase;
	font-weight:normal;
	font-size:20px;
	color:#019cdc;
}

.white-box {
	background-color:white;
	border: solid 1px #E1DFD7;
	padding:14px;
}
.template-home .two-col.left {
	font-size:14px;
	line-height:1.2em;
}

.one-col {
}

.two-col {
	width: 440px;
}
.right-wide #white-bar .two-col.left,
.left-wide #white-bar .two-col.right {
	width: 294px;
}
.right-wide #white-bar .two-col.right,
.left-wide #white-bar .two-col.left {
	width: 586px;
}
.template-full-plus-two-col .two-col {
	margin-top: 10px;
}
.template-two-col-plus-full .two-col {
	margin-bottom: 10px;
}

#grey-bar {
	background-color:#dbdbd1;
	color:#666;
	border-top:solid 1px #CCCBC3;
	border-bottom:solid 1px #CCCBC3;
	font-size:12px;
	line-height:1.2em;
}

#grey-bar h1,  #grey-bar h1 a {
	text-transform:uppercase;
	font-weight:normal;
	font-size:22px;
	color:#FD6D16;
	margin-bottom:15px;
}

#grey-bar h2, #grey-bar h2 a {
	text-transform:uppercase;
	font-weight:normal;
	font-size:19px;
	color:#019cdc;
	margin-bottom:15px;
}

#grey-bar hr {
	background: #DCDBD1;
	border: 1px solid #CCCBC3;
}

#grey-bar td {
	color:#666;
}

.two-col.left.grey-box {
	padding-right: 19px;
	border-right:solid 1px #CCCBC3;
}

.mailing button[type="submit"] {

}
.mailing button[type="submit"]:hover {
	cursor:pointer;
}

.two-col.grey-box .form-item {
	margin:0 0 1em;
	padding:0;
}

.grey-banner-long {
	margin:15px 0 15px 0;
	height:470;
	width:62;
	overflow:hidden;
}

.grey-banner-square {
	margin:0 auto 0 auto;
	height:230;
	width:230;
	display:inline-block;
}

.grey-banner-long, .grey-banner-square {display:none;}/* one line because hiding until decision is made. don't add rules to this set. */

/*----------------------------------
	ORANGE BUTTONS
-----------------------------------*/
button:not(.navbar-toggle),
.button,
.button:link,
.button:visited {
	display: inline-block;
	outline: none;
	border: none !important;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: #fff !important;
	font: 15px "din_lightregular", Arial, sans-serif;
	padding: 0.5em 1em;
	background: #F56010;
	//-webkit-border-radius: 4px;
	//-moz-border-radius: 4px;
	//border-radius: 4px;
	//-webkit-box-shadow: 1px 1px white inset, 1px 2px 1px rgba(0,0,0,0.2);
	//-moz-box-shadow: 1px 1px white inset, 1px 2px 1px rgba(0,0,0,0.2);
	//box-shadow: 1px 1px white inset, 1px 2px 1px rgba(0,0,0,0.2);
	padding-right: 10px !important;
	min-height: 13px;
}

button:not(.navbar-toggle):hover,
.button:active,
.button:focus,
.button:hover {
	text-decoration: none;
	background-color: #D55009;
}
/*.button:active {
	position: relative;
	top: 1px;
}*/

.button.widen {
	display: block;
}
.button.center {margin: 0 auto;}

/* medium is default */

.button.large,
.button.large-160 {
	min-height: 14px;
	font-size: 16px;
	//background-image: url("../images/template/button-arrow-large.png");
	padding-right: 36px;
}

.form-item .button,
.button.small,
.button.small-110 {
	min-height: 11px;
	font-size: 13px;
	//background-image: url("../images/template/button-arrow-small.png");
	padding-right: 24px;
}
button:not(.navbar-toggle, .no-carat):after,
.button:after{
	content: '\f054';
	font-family: FontAwesome;
    padding-top: 3px;
    padding-left: 10px;
    float: right;
}
/*----------------------------------
	FOOTER
-----------------------------------*/

#footer-threeam a:link, #footer-threeam a:visited {
	color: #a1a1a1;
	text-decoration: none;
}
#footer-threeam a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footer-bar {
	background: url("../images/template/wgw-logo-footer.jpg") no-repeat center 15px;
	font-size:14px;
	color:#999;
	text-align: left;
}
#footer-copyright {
	font-size:12px;
}
#footer-bar .content-boxless {
	padding-top: 108px
}

#footer-threeam a {
	float: right;
	display: inline;
	opacity: 0.5;
	//width: 180px;
	//height: 25px;
	//margin-top: 10px;
	//text-indent: -9000px;
	//background: url("../images/template/3am-logo-footer.png") no-repeat 0 0;
	//vertical-align:top;
	//background-size: 180px 50px;
}
#footer-threeam a:link,
#footer-threeam a:visited {
	background-position: 0 0;
}

#footer-threeam a:hover,
#footer-threeam a:active {
	opacity: 1;
}

#footer-bar hr {
	background: #f4f3ef;
	border-bottom: 1px solid #DCDBD1;
}

/* Forms */

form span {
	color:inherit;
}

form fieldset {
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	padding:1em;
	margin:1em 0;
}

form fieldset fieldset {
	clear: both;
	border-style:solid none none;
}

form input, form textarea, form select {
	border-style:solid;
	border-width:1px;
	border-color:#999 #CCC #CCC #999;
	padding:3px;
}

form input:hover, form input:focus, form textarea:hover, form textarea:focus{}

form .form-item {
	padding: 0;
	margin: 0.5em 0 1em;
}
form .form-item:after {
	visibility: hidden;
	overflow: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	width: auto;
	line-height: 0;
}
* html form .form-item { zoom: 1; } /* IE6 */
*:first-child+html form .form-item { zoom: 1; } /* IE7 */

form .form-item label {
	float:left;
	display:block;
	width:100px;
	text-align:left;
	padding:4px 6px;
	margin:0;
	vertical-align:top;
}

form#asset_finance-form .form-item label {
	padding-left: 0px;
}
form#asset_finance-form .form-item label.radiolabel {
	padding-left: 4px;
}


form .form-item p, form .form-item span, form .form-item .dummy-input  {
	padding:4px;
	margin:0;
	display:inline-block;
}

form .form-item .mceEditor, form .form-item .mceEditor span {
	position:relative;
	padding:0;
}

form .form-item .success, form .form-item .notice, form .form-item .error, form .form-item .warning {
	border-style:none;
	padding:4px;
}

form .form-item .description {
	margin-left:110px;
	padding:6px 1px;
	font-size:11px;
}

form .form-item span.description {
	margin-left:26px;
	display:block;
}

form .form-item .description.inline {
	display:inline;
	margin-left:15px;
	position:relative;
	top:-2px;
}

form .form-item.long label {width:150px;}
form .form-item.longer label {width:200px;}
form .form-item.extra-long label {width:250px;}

form .form-item.long .description {margin-left:160px;}
form .form-item.longer .description {margin-left:210px;}
form .form-item.extra-long .description {margin-left:260px;}

form .form-item input, form .form-item select, form .form-item textarea {
	float:none;
	display:inline;
	width:auto;
	margin:0;
	padding:4px;
}

form .form-item select {
	padding-top:3px;
	padding-bottom:3px;
}

form .form-item input.checkbox {margin:8px 0 0 2px;}

form .form-item button,
form .form-item input.button {
	margin:0;
}

form .inline-container .form-item {border:none;margin:0;display:inline;}
form .inline-container .form-item label {
	float:none;
	display:inline;
	padding-left:0;
	vertical-align:text-top;
}
form .inline-container .form-item label span {
	margin-right:8px;
	position:relative;
}

form .form-item .inline-container label,
form .form-item .inline-container select,
form .form-item .inline-container input {
	display: inline;
	float: none;
	width: auto;
}

form fieldset legend {padding:0 1em;}

td.numeric, td.numeric input, .form-item .numeric input, input.numeric {
	text-align: right;
}

#product-cart-view-form .form-item {
	width: auto;
}

/*----------------------------------
	TABLE STYLING
-----------------------------------*/

table.data {
	margin-bottom: 10px;
}

table.data td {
	vertical-align: top;
	padding: 1px;
	border-bottom: 1px solid #B1460E;
}

td.bold {
	font-weight: bold;
	color: #F57E3D;
}

/* -----------------------------------------------
		NOTICES
----------------------------------------------- */

.messages ul {
	margin-bottom:0;
	margin-top:0;
}

.messages {
	border: 3px solid;
	padding: 10px;
	padding-left: 35px;
	margin-bottom: 10px;
	color: #333;
	background: url('/admin/images/icons/accept.png') no-repeat 10px 10px;
}

.messages.success {
	background-color: #BBEECC;
	border-color: #7AC593;
}

.messages.notice {
	background-image: url('/admin/images/icons/information.png');
	background-color:#DFEEFF;
	border-color:#95BEEF;
}

.messages.error{
	background-color: #FF9797;
	background-image: url('/admin/images/icons/exclamation.png');
	border-color: #FF4A4A;
}

.messages.warning {
	background-color: #FFBD59;
	background-image: url('/admin/images/icons/error.png');
	border-color: #FF863E;
}

/* 	-----------------------------------------------
	-----------------------------------------------
	-----------------------------------------------
	-----------------------------------------------
		MODULE STYLING
	-----------------------------------------------
	-----------------------------------------------
	-----------------------------------------------
----------------------------------------------- */

/* -----------------------------------------------
		FAQS EXPAND-COLLAPSE STYLING - use this when we have a module built. As seen in Shark Shield and OLoughlins
		Use snippet of application.js or add it to three.js?
----------------------------------------------- */

.expand-collapse h3:hover {cursor: pointer;}

.expand-collapse h3 span {
	padding:0 15px;
	display:inline;
	background-position:5px -3px;
	background-repeat:no-repeat;
	background-image:url("/images/expand.png");
}

.expand-collapse h3.expanded span {
	background-image:url("/images/retract.png");
}

/* -----------------------------------------------
		LINKS MODULE
----------------------------------------------- */

img.link-group-photo {float: left;margin: 0 10px 10px 0;padding: 2px;border: 1px solid #ccc;}
.link-group,
.links-wrapper {clear: left;margin-bottom: 20px;width: 100%;height: auto; float: left}
.link-group {border-bottom: 1px dashed #ccc;}
.links-wrapper ul {list-style: none;margin-left: 0px;}
.links-wrapper ul li {clear: left;height: auto;float: left;width: 100%;}
.links-wrapper ul li img {float: left;margin: 0 10px 10px 0;padding: 2px;border: 1px solid #ccc;}
p.link-description,
p.link-url {margin-top: 0px;margin-bottom: 0px;}

/*----------------------------------
	BANNER MODULE
-----------------------------------*/

#header-banner {
	width: 468px;
	/*height:60px;*/
	border: 1px solid #000;
	overflow:hidden;
	/*float:right;*/
	display: inline-block;
	margin-bottom: 10px;
}
#header-banner img,
#header-banner a {
	display:block;
}

.banner-display {
	position: relative;
}

.banner-display .flash-banner-display-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

/*----------------------------------
	BREADCRUMBS
-----------------------------------*/

ul.breadcrumbs {
	margin:0;
	list-style-type:none;
	list-style-image:none;
	padding: 0.5em 0 0.5em 0;
	/*border-bottom: 1px solid #ccc;*/
	/*margin-bottom: 20px;*/
	color: #fff;
}

ul.breadcrumbs li {
	display:inline;
	margin-right:5px;
	font-size: 12px;
}

ul.breadcrumbs li a:link,
ul.breadcrumbs li a:visited {
	color: #fff;
}

ul.breadcrumbs li a:hover,
ul.breadcrumbs li a:active {
	color: #F56010;
}

/*----------------------------------
	BLOGS
-----------------------------------*/

.post {
	border-bottom: 1px solid #E1DFD7;
	padding-bottom: 10px;
	padding-top: 10px;
}

.post:last-child {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.post h3 {margin-bottom: 0px;}

.item-images {
	float: right;
	width: 330px;
}

.post .post-image,
.item-image img {
	margin: 0 10px 10px 0;
	padding: 1px;
	border: 1px solid #E1DFD7;
	background: #F4F3EF;
}
.item-image.right img {margin: 0 0 10px 10px;}

.blog-item-profile-listing img {
	vertical-align: top;
}
.blog-item-profile h2 {
	margin-bottom: 2em;
}
.blog-item-profile-stats p {
	margin: 1em 0 0;
	clear: left;
}
.blog-item-profile-stats .clearfix:after {
	clear: left;
}
.blog-item-profile-stats .blog-item-profile-stat-label {
	float: left;
	width: 190px;
	padding-right: 10px;
}
.blog-item-profile-stats .blog-item-profile-stat {
	float: left;
}
h4.posted {color: #019CDC;font-size: 11px;margin-top: 0px;}

a.blog-subscribe {
	display: inline-block;
	padding: 0 0 0 20px;
	min-height: 16px;
	background: url('../admin/images/icons/feed.png') no-repeat left center;
}

/*----------------------------------
	COUNTDOWN TIMER
-----------------------------------*/

.countdown-timer {
	background: url("../images/countdown-timer/bg-panel.png") no-repeat 0 0;
	color: #FFFFFF;
	font-size: 18px;
	height: 36px;
	padding: 50px 0 0 20px;
	position: absolute;
	right: 0;
	top: 171px;
	width: 373px
}

.countdown-timer .timer-text {
	position: absolute;
	left: 20px;
	top: 20px;
	width:226px;
	height:26px;
	background: url(../images/countdown-timer/text-round1.png) no-repeat;
	text-indent: -100em;
	overflow: hidden;
}

.countdown-timer .timer-intervals {
	display: block;
	position: relative;
}

.countdown-timer .timer-digit {
	display: inline-block;
	text-align: center;
	width: 20px;
	height: 26px;
	line-height: 24px;
	background: url("../images/countdown-timer/bg-cell.gif") no-repeat 0 0;
}
.countdown-timer .timer-suffix {
	padding: 0 1.2ex 0 0.5ex;
}

.countdown-timer .timer-interval-set-month {
	position: absolute;
	top: -37px;
	right: 20px;
}
.countdown-timer .timer-interval-set-month .timer-digit {
	font-size: 24px;
	line-height: 36px;
	width: 40px;
	height: 36px;
	background: url("../images/countdown-timer/bg-wide-cell.gif") no-repeat 0 0;
}
.countdown-timer .timer-interval-set-month .timer-suffix,
.countdown-timer .timer-interval-set-second .timer-suffix {
	padding-right: 0;
}

/*----------------------------------
	FORMS MODULE
-----------------------------------*/

.form-item label {width: 100px;}

.form-item {
	padding:0.5em 0;
	margin-bottom:0.5em;
}

.form-item textarea {
	width: 360px;
}
form .form-item textarea.textarea-small {
	height: 2em;
}
form .form-item textarea.textarea-medium {
	height: 8em;
}
form .form-item textarea.textarea-large {
	height: 20em;
}

.form-item.required {
}
span.required {
	color: #E74A4A;
}

.form-item.error {
}

.form-item .description {
	clear:left;
}

fieldset.error {
	border-color:#E74A4A;
}
.form-item.error label {
	color: #E74A4A;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
	border-color:#E74A4A;
	border-style:solid;
	border-width:1px;
}
.form-item.error > input,
.form-item.error > textarea,
.form-item.error > select {
	border-color:#E74A4A;
	border-style:solid;
	border-width:1px;
}

.radiolabel {
	font-weight: normal;
}

.radio-group-wrapper, .checkboxes-wrapper {
	margin-left: 112px;
}

form .radio-group-wrapper input,
form .checkboxes-wrapper input {
	margin: 4px 5px 0 0;
	width: auto;
	float: left;
	clear: left;
}
form .radio-group-wrapper input:first-child,
form .checkboxes-wrapper input:first-child {
	clear: none;
}
form .radio-group-wrapper br,
form .checkboxes-wrapper br {
	display: none;
}

.form-buttons button,
.form-buttons input {width: auto;margin-left: 110px;}

/*----------------------------------
	SEARCH RESULTS
-----------------------------------*/

/*----------------------------------
	POLLS
-----------------------------------*/

.poll-wrapper p input, .poll-wrapper form label, .poll-wrapper form label input {
	display: inline;
	float: none;
	padding: 0;
	width: auto;
}

/*----------------------------------
	STORE MODULE
-----------------------------------*/

.cart-block{
	/*padding-left: 10px;*/
	padding: 9px 10px 9px;
	border-radius: 0;
	box-shadow: none;
	height: auto !important;	
	display: inline-block;
	font: 10px "din_lightregular", Arial, sans-serif;
	font-weight: bold;
}

div.cart-block,		/* empty cart */
div.cart-block:hover {		
	background: #EEEEEE;
	color: #919191;
	border: 1px solid #919191;
}
.cart-block:before{
	content: '\f07a';
	font-family: FontAwesome;
}
a.cart-block {			/* cart has items */
	background: #F56010;
	color: #FFFFFF;
}
a.cart-block:hover:before,
a.cart-block:hover{
	background: #D55009;
	color: white;
}
@media (max-width: 640px){
	.cart-block{
		height: 25px;
	}

}


.cart-item-note textarea {
	font-family: monospace;
	white-space: pre;
	height: 3em;
}
.cart-item-note td textarea {
	width: 90%;
}

.accept-credit-cards {
	clear: both;
}

.accept-credit-cards span {
	display: block;
	margin-top: 1ex;
	word-spacing: 1em;
}

.cart-discount-redeem input {
	font-family: monospace;
}

/*----------------------------------
	FAQS MODULE
-----------------------------------*/

.faq-list {
	clear: both;
	margin: 0 0 1em;
	padding: 0;
}

.faq-list dt {
	border-top: 1px dotted;
	padding: 1ex 0 0;
	margin: 1ex 2em 0 0;
}

.faq-list dt:first-child {
	border-top: 0 none;
	padding-top: 0;
	margin-top: 0;
}

.faq-list dd {
	padding: 0;
	margin: 0 0 1ex 2em;
}

.faq-list p {
	padding: 0;
	margin: 0 0 1ex;
}

.faq-expanding dt {
	cursor: pointer;
}

.faq-expanding .faq-expand {
	display: block;
	float: left;
	margin: 0 1ex 0 0;
	padding: 0;
	text-indent: -2em;
	overflow: hidden;
	width: 9px;
	height: 18px;/* should equal line height */
	background: url('../images/retract.png') no-repeat center;
}
.faq-expanding .faq-collapsed .faq-expand {
	background-image: url('../images/expand.png');
}

/*----------------------------------
	PAGES MODULE
-----------------------------------*/

.section-images.left {
	margin: 0 1em 1em 0;
}
.section-images.right {
	margin: 0  0 1em 1em;
}

.aggregate-subpage {
	padding-left: 1em;
}

/*----------------------------------
	USERS MODULE
-----------------------------------*/

.form-item span.password_strength {
	padding-left: 1em;
}
.password_strength_1 {
	color: #D02000;
}
.password_strength_2 {
	color: #A05000;
}
.password_strength_3 {
	color: #708000;
}
.password_strength_4 {
	color: #40B000;
}
.password_strength_5 {
	color: #00D000;
}

.user-login-reset-init,
.user-login-reset {
	margin-top: 1em;
}

/*----------------------------------
	PAGINATION
-----------------------------------*/

.pagination  {
	border: 1px solid #E1DFD7;
	text-align: center;
	padding: 10px;
	background: #F4F3EF;
	font-weight: bold;
}
.pagination a,
.pagination span {
	padding: 0 5px;
}
.pagination span.current {
	color: #019CDC;
}
.pagination .pagination-prev {
	padding-left: 0;
}
.pagination .pagination-next {
	padding-right: 0;
}
.pagination .disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.pagination .disabled,
.pagination .ellipsis {
	cursor: default;
}

/*----------------------------------
	PROBLEM REPORTS MODULE
-----------------------------------*/
/* horizontals must be in px */

#problem-reporter {
	text-align: left;
	position: fixed;
	z-index: 1003;
	overflow: hidden;
	top: 210px;
	width: 0;
}
@media not screen {
	#problem-reporter {
		display: none;
	}
}
/*@media (max-height: 470px) {
	#problem-reporter {
		position: absolute;
	}
}*/
#problem-reporter.problem-reporter-pos-right {
	right: 0;
	padding-left: 24px;
}
#problem-reporter.problem-reporter-pos-left {
	left: 0;
	padding-right: 24px;
}
#problem-reporter.problem-reporter-shown {
	width: 296px;
	right: -6px
}

#problem-reporter .problem-reporter-tab {
	display: block;
	z-index: 2;
	position: absolute;
	top: 0;
	width: 24px;
	height: 93px;
	overflow: hidden;
	text-indent: -100em;
	background: #FFFFFF url('../images/problem-report-text.png') no-repeat;
	border: 1px solid #E1DFD7;
}
#problem-reporter.problem-reporter-pos-right .problem-reporter-tab {
	background-position: 4px 4px;
	left: 0;
	border-right-width: 0;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
#problem-reporter.problem-reporter-pos-left .problem-reporter-tab {
	background-position: 5px 4px;
	right: 0;
	border-left-width: 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

#problem-reporter form {
	background: #FFFFFF;
	border: 1px solid #E1DFD7;
	z-index: 1;
	padding: 1em 15px;
	width: 266px;
}
#problem-reporter.problem-reporter-pos-right form {
	border-right-width: 0;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#problem-reporter.problem-reporter-pos-left form {
	border-left-width: 0;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#problem-reporter form .form-item {
	margin: 1em 0 0;
	padding: 0;
	float: none;
	clear: none;
}
#problem-reporter form .form-item:first-child {
	margin-top: 0;
}
#problem-reporter form .form-item label {
	display: block;
	float: none;
	padding: 0;
	margin: 0 0 0.5ex;
}

#problem-reporter form .form-item input,
#problem-reporter form .form-item textarea {
	width: 97%;
	margin: 0;
	padding: 2px;
}
#problem-reporter form .form-item textarea {
	height: 4em;
}

#problem-reporter #responsive_recaptcha {
	margin-top: 1em;
}

/* rules for google recaptcha used in reporter */
@media (max-width:640px){
	.rc-anchor-normal .rc-anchor-content,
	.rc-anchor-normal .rc-anchor-checkbox-label{
		height: auto;
	}
	.rc-anchor-normal {
	    width: 75%;
	}
	.rc-anchor-normal .rc-anchor-pt {
	    right: 64px;
	}
}

/*----------------------------------
	PRODUCT TABS
-----------------------------------*/

.product-tabs {
	margin: 0;
	padding: 0;
	position: relative;
	padding-bottom: 30px;
	width: 100%;
}
.product-tabs-container {
	display: block;
	float: left;
}
.product-tabs-header a {
	border: 1px solid silver;
	padding: 5px 15px;
}
.product-tabs-header a.product-tabs-header-active {
	background: #CCC;
}
.product-tabs-header a:hover {
	background: #CCC;
}
.product-tabs-content {
	position: absolute;
	left: 0;
	padding: 15px;
}

.old-price {
	text-decoration: line-through;
}
.sale-price {
	color: #ff0000;
	font-weight: bold
}

/*-----------------
LOGISTICS
-----------------*/

.directory-bookmarks {
	margin-bottom: 3em;
}
.directory-bookmarks .edit-relevant {
	display: none;
}
.directory-bookmarks label.edit-relevant {
	margin-left: 1ex;
}
.directory-bookmarks ul {
	margin: 0;
	list-style: none outside;
}
.directory-bookmarks li {
	display: block;
	padding: 0.2ex 0;
}
.directory-bookmarks .ui-sortable li {
	cursor: move;
}
button.edit-relevant {
	margin-top: 1em;
}
#filter-stack {
	margin: 1em 0;
}
#filter-stack .sub-heading,
#directory-stack .sub-heading {
	color: #6C6C6E;
	text-transform: none;
	display: block;
	margin: 1ex 0 0;
}
#dir-filters h4 {
	margin-top: 1.5em;
}
#dir-filters ul {
	list-style: none outside;
	margin: 1em 0 2em;
	-moz-column-count: 2;
	-moz-column-gap: 15px;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
	column-count: 2;
	column-gap: 15px;
}
#dir-filters li {
	display: block;
	margin: 0.5ex 0;
}
#dir-filters li.first-in-row {
	margin-left: 0;
	clear: left;
}
#dir-filters .service-applied {
	font-weight: bold;
}

#directory-stack {
	margin-bottom: 1em;
}
#filter-stack.ui-accordion .ui-accordion-header .ui-icon,
#directory-stack.ui-accordion .ui-accordion-header .ui-icon {
	left: 0;
}
#filter-stack.ui-accordion .ui-accordion-header a,
#directory-stack.ui-accordion .ui-accordion-header a {
	padding-left: 16px;
}
#directory-stack ul {
	list-style: none outside;
	margin: 1em 0 0;
}
#directory-stack ul:first-child {
	margin-top: 0;
}
#directory-stack li a {
	display: block;
	padding: 3px 2px;
	font-size: 14px;
}
#directory-stack li a:hover {
	background: white;
}
#directory-stack th,
#directory-stack td {
	color: inherit;
}
#states-covered ul {
	display: block;
	padding: 0;
	margin: 1em 0 0;
	list-style: none outside;
	word-spacing: 1em;
}
#states-covered ul {
	display: block;
	padding: 0;
	margin: 1em 0 0;
	list-style: none outside;
	word-spacing: 1em;
}
#states-covered li {
	display: inline;
	padding: 0;
	margin: 0;
	word-spacing: normal;
}
#company-details h4 {
	font-size: 150%;
	margin-bottom: 1em;
}
#company-details h5 {
	font-size: 120%;
	margin-bottom: 1em;
}
#directory-stack #dir-carriers{
	display: flex;
	flex-direction: column;
}
.carrier-with-ads {
	-webkit-order: -1;
	-moz-order: -1;
	-ms-order: -1;
	-o-order: -1;
	order: -1;
}
#directory-stack .carrier-with-ads a {
	font-weight: bold;
	color: #009CDB;
	background: #EAF5FF;
	margin: 2px 0;
}
.directory-bookmarked,
.directory-bookmark {
	background: url('../admin/images/icons/star-grey.png') no-repeat center;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 6px;
	right: 4px;
}
.directory-bookmarked,
.directory-bookmark:hover {
	background-image: url('../admin/images/icons/star.png');
}
#dir-carriers h4 a:link {
	float: right;
	font-size: 80%;
	font-weight: normal;
}
.dir-company-detail a,
.dir-company-detail span {
	display: block;
	margin-left: 3em;
}
.dir-company-branch {
	margin-top: 1em;
	border-top: 1px solid #E1DFD7;
	padding-top: 1em;
}
.dir-branch-destinations th {
	font-weight: bold;
}
.dir-branch-destinations td {
	padding-left: 1em;
}
#dir-carrier h4 {
	color: #009CDB;
}
#directory-quote {
	margin-top: 3em;
}
#directory-quote .ui-widget-content {
	padding: 1em 2.2em;
}
#directory-quote .form-item label {
	padding: 0;
	padding-right: 1em;
	width: 160px;
}
#directory-quote .form-item .description {
	padding: 0;
	padding-left: 1em;
	margin-left: 160px;
}
#directory-quote .form-item input[type="text"],
#directory-quote .form-item textarea {
	width: 200px;
}

#directory-ads {
	margin-bottom: 2em;
}

#directory-ads a,
#directory-ads img,
.banner-group-display a,
.banner-group-display img {
	display: block;
}
.banner-group-display img {
	max-width: 100%;
}
#directory-ads a img{
	max-width: 100%;
}

.banner-group-position-logistics-top-left,
.banner-group-position-logistics-top-right,
.banner-group-position-logistics-bottom-left,
.banner-group-position-logistics-bottom-right {
	width: 230px;
	height: 230px;
	overflow: hidden;
}
.banner-group-position-logistics-top-left,
.banner-group-position-logistics-top-right {
	margin: -11px 0 2px;
}
.banner-group-position-logistics-bottom-left,
.banner-group-position-logistics-bottom-right {
	margin: 0 0 1em;
}
.banner-group-position-logistics-top-left,
.banner-group-position-logistics-bottom-left {
	float:left;
	margin-left: -11px;
}
.banner-group-position-logistics-top-right,
.banner-group-position-logistics-bottom-right {
	float: right;
	margin-right: -11px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-widget-content {
	border: 1px solid #E1DFD7 !important;
}

.ui-widget-content a:hover {color: #F56010;}

/*-----------------
	CLASSIFIEDS
-----------------*/

.classifieds-listing + .classifieds-listing {
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid #E1DFD7;
}

.classifieds-listing .classified-minor-details {
	float: right;
	width: 150px;
	font-weight: bold;
	color: #2FAEE2;
	text-align: right;
}

.classifieds-listing .classified-ad-body {
	padding-right: 165px;
}

.classified-price-location {
	border: 1px solid #E1DFD7;
	padding: 0px 10px;
	margin: 10px 0;
	background: #F4F3EF;
	font-weight: bold;
}

.classified-ad .classified-ad-price,
.classified-ad .classified-ad-category {
	float: left;
}
.classified-ad .classified-ad-price + .classified-ad-category {
	padding-left: 10px;
	border-left: 2px solid;
}
.classified-ad .classified-ad-price {
	padding-right: 10px;
}
.classified-ad .classified-ad-location {
	float: right;
}

.classified-ad-image,
.classified-ad-image img {
	display: block;
}

.classifieds-list .classified-ad-image {
	float: left;
	margin: 0 15px 0 0;
}

.classified-ad .classified-ad-image {
	margin: 1em auto;
}

ul.classifieds-categories {
	list-style-type: none;
	margin-left: 0px;
}

ul.classifieds-categories li {
	border-bottom: 1px solid #E1DFD7;
	padding: 5px 0;
}

ul.classifieds-categories li a:link,
ul.classifieds-categories li a:visited {
	text-decoration: none;
}
ul.classifieds-categories li a:hover,
ul.classifieds-categories li a:active {
	text-decoration: underline;
}

ul.classifieds-categories li.classified-current-category a {
	font-weight: bold;
	color: #F56010;
}

/*-----------------
	PRODUCTS
-----------------*/

.product-listing-item {
	border-top: 1px solid #E1DFD7;
	padding-top: 10px;
	margin-top: 10px;
}
.product-listing-item:first-child {
	border-top: 0 none;
	padding-top: 0;
	margin-top: 0;
}

.product-listing .product-image,
.product-detail .product-image {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

.product-listing .product-image a,
.product-listing .product-image img,
.product-detail .product-image a,
.product-detail .product-image img {
	display: block;
}

.product-image img  {
	padding: 1px;
	border: 1px solid #E1DFD7;
	background: #F4F3EF;
}

.product-detail h2 {
	padding-left: 165px;
}
.product-detail form h2 {
	padding-left: 0;
}

.add-to-cart {
	border: 1px solid #E1DFD7;
	padding: 10px;
	background: #F4F3EF;
}
.add-to-cart .form-item .description,
.add-to-cart .form-item:after {clear: none;}
.product-listing .add-to-cart {
	margin-left: 164px;
}
.product-detail .add-to-cart {
	margin-left: 300px;
}

.product-detail  input.numeric,
.product-listing  input.numeric{
	width: 50px;
	/*padding-right: 10px;*/
	text-align: center;
}

/*					      				 *
 * Begin custom 3AM responsive css rules *
 *							  			 */
#header-content{
	margin: auto;
}
#list-with-us{
	/*position: absolute;*/
    right: 0px;
    top: 20px;
    text-transform: uppercase;
    font-size: 18px;
    float: right;
    margin-top: 20px;
    margin-right: -10px;
}
.navbar-toggle{
	display: none;
}
#nav ul#header_menu li a{
	font-size: 16px;
}

#header_menu li.menu-first,
#header_menu li{
	border: none;
}
#nav .menu li.menu-level-1 > span,
#nav .menu li.menu-level-1 > a {
	background-image: none;
	background: transparent;
}
#nav .menu li a:hover {
	color: #FFFFFF;
	background-color: #F56010;
}
#nav .menu li ul{
	top: 38px;
	left: 0px;
}
.collapsing{
    display: block;
}
#back-to-top{
	position: relative;
    bottom: 20px;
    right: 10px;
    z-index: 1;
    float: right;
}
div#footer-bar hr{
	width: 100%;
}
#footer_menu{
	margin-bottom: 20px;
}
.state-search-results {
	margin-bottom: 20px;
}
.state-search-results.hide {
	display: none;
}
.state-search-results a,
.state-search-results img{
	max-width: 100%;
	max-height: 100px;
}

.state-search-results.hide-in-full,
#footer_menu ul li.hide-in-footer,
#footer_menu ul li a.hide-in-full,
#nav ul li a.hide-in-full{
	display: none;
}
#nav ul li span,
#nav ul li a{
	text-shadow: none;
	/*font: 14px "din_lightregular", Arial, sans-serif;*/
	font-weight: bold;
}
.collapsing {
    -webkit-transition: none;
    transition: none;
}
.child-nav {
   transition: all 0.5s linear;
}
form .form-item textarea{
	width: 100%;
}
form .form-item label{
	font-weight: initial;
	box-sizing: content-box;
}
#cart-checkout form fieldset legend{
	width: auto;
	font-size: 12px;
	border-bottom: 0;
}
/*.template-home .socials{
	transform: translateX(-15px);
}*/
.content .two-col{
	box-sizing: content-box;	
}
body{ 
    overflow: auto !important; 
    background: white;
}
#footer-bar{
	background-color: #F4F3EF;
}
div.two-col.right.grey-box form .form-item {
	float: left;
}
div.two-col.right.grey-box form .form-item button{
	font-size: 15px;
	height: 36px;
	float: left;
}
#fb-root{
	width: 100vw;
}

.home-quick-search .dir-quick-search{
	width: 100%;
	border: 2px white solid;
	padding: 5px 20px;
  margin-bottom: 20px;
}
.home-quick-search .dir-quick-search form div{
	display: inline-block;
	float: left;
}
.home-quick-search .dir-quick-search form div:nth-of-type(1){
	margin-top: 7px;
	color: white;
}
.home-quick-search .dir-quick-search form div:nth-of-type(2) label{
	background-color: red;
	display: none;
}
.home-quick-search .dir-quick-search form div + div{
	margin-left: 20px;
}
.home-quick-search .dir-quick-search ul{
	clear: left;
	padding: 20px;
    background-color: white;
    margin: 0;
    //padding-left: 30px;
}
.carriers-in-state{
	font-family: "DinMedium", arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #009CDB;
}

.quick-search-results{
	list-style-type: none;
}
.quick-search-results li a{
	color: #009CDB;	
}

/* only apply to desktop view  */
@media (min-width: 769px){
	#header_menu {
		display: inline-block !important;
	}	

	li.hide-in-footer{
		display: none;
	}
	#header_menu li:not(.menu-level-1){
		background-color: #F0F0F0;
	}
	div.dir-quick-search{
		display: inline-block;
	}
	#header-content .cart-block{
		right: 10px;

	}
}
@media (min-width: 901px){
	#dir-states-mobile{
		display: none;
	}
	#dir-states {
	padding-left: 0;
	padding-right: 0;
	}
	#dir-states img {
		display: block;
		margin: 0 auto;
	}
}
@media (max-width: 992px){ 
	.header-col {
		margin-bottom: 10px;
	}

}
@media (max-width: 900px){ /* point at which page gets horizontal scrollbar */
	#dir-states-full{
		display: none !important;
	}
}

@media (max-width: 1024px){ /* point at which page gets horizontal scrollbar */
	div.bar,
	.content-boxless,
	.content{
		width: 100vw;
	}
	.hero-box {
		width: calc(100vw - 40px);
		width: -webkit-calc(100vw - 40px);
		width: -moz-calc(100vw - 40px);
	}
	div.two-col.white-box{
		width: calc(50vw - 40px);
		width: -webkit-calc(50vw - 40px);
		width: -moz-calc(50vw - 40px);
	}
	div.two-col.right.grey-box{
		width: calc(100vw - 485px);
		width: -webkit-calc(100vw - 485px);
		width: -moz-calc(100vw - 485px);
	}
	div.two-col.right.grey-box form .form-item input{
		width: calc(100vw - 597px);
		width: -webkit-calc(100vw - 597px);
		width: -moz-calc(100vw - 597px);
	}
	.hero-box{
		height: auto;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 20px;
	}
	.hero-box .hero-books{
		//margin-right: calc(20vw - 138px);
		//margin-right: -webkit-calc(20vw - 138px);
		//margin-right: -moz-calc(20vw - 138px);
	}
	.hero-box .hero-books:last-child{
		/*margin-right: 10px;*/
	}
	div:not(#header-banner) > .banner-group-display-normal{
		float: left;
		margin: 0 calc(50% - 115px);
		margin: 0 -webkit-calc(50% - 115px);
		margin: 0 -moz-calc(50% - 115px);
	}
	div:not(#header-banner) > .banner-group-display-normal.banner-group-position-logistics-top-right,
	div:not(#header-banner) > .banner-group-display-normal.banner-group-position-logistics-bottom-left,
	div:not(#header-banner) > .banner-group-display-normal.banner-group-position-logistics-bottom-right{
		margin-top: 10px;
	}
	#list-with-us{
		right: 30px;
	}
	.socials{
		//margin-top: 15px;
		position: absolute;
	    right: 45px;
	}
	@media (min-width: 769px){
		.col-sm-2 {	
			width: 18%;
		}
		.col-sm-offset-1 {
		    margin-left: 4.1666666%;
		}
	}
}

@media (max-width: 768px){ /* tablet view and smaller */
	
	#user-menu{
		float: none;
	}

	.header-col{
		margin-bottom: 10px;
	}

	.header-logo{
		margin-top: -50px;
	}

	.header-nav-row{
		width: 100%;
	}

	#list-with-us{
		right: 15px;
	}
	.socials{
		right: 30px;
	}
	
	#header_menu ul,
	#header_menu li,
	#header_menu a {
	    -webkit-transition-duration: 1s; /* Safari */
	    transition-duration: 1s;
	}
	.classifieds-listing .classified-minor-details{
		float: none;
		width: auto;
		text-align: left;
	}
	#nav {
		height: 300px;
	}
	#nav .menu li ul {
		top: 0;	
	}
	.left-wide #white-bar .two-col.left{
		width: 500px;
	}
	.left-wide #white-bar .two-col.right {
		width: 250px
	}
	#header_menu .menu-ancestor > a:after{
		content: '\25BC';
		float: right;
	}
	#nav {
		/*bottom: -100px;*/
		/*width: 250px;*/
		/*position: static;*/
		/*float: right;*/
		position: absolute;
		float: right;
		top: 40px;
		right: 0px;
	}
	.header-col #cart{
		/*bottom: 13px;*/
	}

	a.cart-block{
		padding: 10px;
	}

	.content-boxless .two-col.left hr,
	.content-boxless .two-col.left p{
		width: 397px;
		margin-right: 0px;
	}
	.content-boxless .two-col.left {
		width: 419px;
	}
	div.two-col.right.grey-box form .form-item input{
		width: 60%
	}
	div.two-col.right.grey-box{
		width: calc(100vw - 455px);
		width: -webkit-calc(100vw - 455px);
		width: -moz-calc(100vw - 455px);
	}
	
	div.two-col.right.grey-box h2,
	div.two-col.right.grey-box p{
		padding-left: 6px;
	}
	.hero-box{
		width: 100vw;
		padding: 30px 20px 0 20px;
		margin: 0;
		background: none
	}
	.hero-box .hero-books{
		//margin-right: 15vw;
	}
	.content-boxless,
	.content:not(#header-content){
		width: 100vw;
	}
	.navbar-toggle{
		display: block;
	    margin: 15px 15px 0 0;
	    position: relative;
	    float: right;
	    padding: 9px 10px;
	    border: 1px solid #ddd;
	    z-index: 1005;
	}
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
	    background-color: #888;
	}#header-content .cart-block {
		right: 15px;	
		display: inline-block;
		font-size: 14px;
	}
	.template-home,
	.template-two-col,
	.template-full,
	.template-manual-cols,
	.template-full-plus-two-col{
		min-width: 0px;
	}
	#header-right{
		left: 0;
		right: auto;
		top: 130px;
	}
	#header-wrapper #logo {
		bottom: auto;
	}
	#header-menu{
		float: none;
	}
	#header-menu .menu-first{
		margin-left: 15px;
	}
	#user-menu li a{
		font-size: 14px;
	}
	#header_menu.collapsing,
	#header_menu.in{
		width: 250px;
    	float: right;
    	background-color: #f0f0f0;	
    	//border: 1px solid #ddd;
		border-radius: 4px;
		top: 15px;
    }
    #header_menu.collapsing li.menu-level-1,
	#header_menu.in li.menu-level-1{
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	#header_menu.collapsing li.menu-level-1.menu-first,
	#header_menu.in li.menu-level-1.menu-first{
		border-top: 1px solid #ddd;
	}
	#header_menu.collapsing li.menu-level-1.menu-last,
	#header_menu.in li.menu-level-1.menu-last{
		border-bottom: 1px solid #ddd;
	}
	
    #header_menu.collapsing li,
	#header_menu.in li{
		width: 100%;
		border: 0;
	}
	#header_menu.collapsing li:not(.menu-first),
	#header_menu.in li:not(.menu-first){
		border-top: 1px solid #E9E9E9;
	}
	
	#header_menu.collapsing ul.child-nav li,
	#header_menu.in ul.child-nav li {
		border-top: 0;
	}
	#header_menu.collapsing li ul,
	#header_menu.in li ul{
		position: relative !important;	
	}
	#header_menu.collapsing li ul li,
	#header_menu.in li ul li{
		display: list-item;	
	}
	#header_menu.collapsing li a,
	#header_menu.in li a{
		float: right;
		text-align: left;	
		width: 100%;
	}
	
	#header-content {
		/*height: 250px;*/
	}
	#header-banner{
		margin-left: 15px;
	}
	#footer_menu ul{
		width: auto;
	}
	#footer_menu ul.extra-menu{
		float: none;
	}
	
	#footer_menu li{
    	width: 145px;
    }
    .dir-quick-search{
    	float: left;
	}
	.staff{
		margin-right: 10px;
	}
	#user-login-form .form-item label,
	#user-registration .form-item label{
		width: 100%;
	}
	form .form-item:not(.form-payment) select,
	form .form-item:not(.form-payment) textarea,
	form .form-item:not(.form-payment) input:not([name=search]):not(#subscribe-name):not(#subscribe-company):not(#subscribe-email){
		width: 100%;
	}
	form .form-item .description{
		margin-left: 0;	
	}
	.state-search-results.hide-in-full,
	#nav ul li a.hide-in-full{
		display: block;
	}
	div.hide-in-mobile,
	#nav ul li a.hide-in-mobile{
		display: none;
	}
	body#page-home .fb-like,
	body#page-home #twitter-widget-0 {
	   	transform: translate(calc(-40vw + 80px), -27px);
	   	transform: translate(-webkit-calc(-40vw + 80px), -27px);
	   	transform: translate(-moz-calc(-40vw + 80px), -27px);
	}
	body#page-home .hero-box h2{
		text-align: center;
		clear: both;
	}
	#problem-reporter{
		display: none;
	}
	@media (min-width: 641px){			/* only apply for tablet view*/
		div.two-col.right.grey-box form .form-item label{
			width: 50px;
		}
		.template-home #twitter-widget-0{
			position: relative !important;
			right: 15px;
		}
		.template-home .fb-like{
			//right: -285px;
		}
		#header-right {
			top: 140px;
		}
		#header-content a.cart-block {
			bottom: 83px;
		}
	}
}
@media (max-width: 640px){
	.page-title{
		width: 300px;
	}
	.product-detail .add-to-cart{
		margin-left: 0px;
		width: 100%;
	}
	.product-detail .product-image,
	.product-detail .name,
	.product-detail .add-to-cart{
		float: left;
	}
	.product-detail .name{
		padding-left: 0px;
	}
	.product-detail .description{
		display: none;
	}
	div.product-image h2.name{
		padding-left: 0px;
	}
	html{
		background-color: #fff;
	}
	#header-wrapper #logo {
		width: 100%;
	}	
	#logo img{
		width: 100%;
		max-width: 420px;
	}
	.two-col,
	.one-col{
		min-height: 0px;
	}
	.two-col.left.grey-box {
		padding-right: 0;
	}
	div.two-col.right.grey-box form .form-item ,
	div.two-col.right.grey-box{
		width: 100%;
	}
	.hero-box{
		width: 100%;
		height: auto;
		background-size: cover;
		//padding-left: 10px;
	}
	.hero-box .hero-books{
		//margin-right: 10px;
	}
	#header-wrapper{
		width: 100%;
	}
	#header-content{
		margin-top: 30px;
		width: 100%;
	}
	#header-content .cart-block{
		left: 10px;
    	top: -15px;
    	width: 165px;
    	height: 25px;
	}
	#header-content a.cart-block{
		/*width: 193px;*/
		width: 100%;
	}
	#header-banner{
		width: 92%;
		width: calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -moz-calc(100% - 30px);
		
		max-width: 468px;
		float: none;
	}
	#header-menu{
		margin: 10px 0 7px;
	}
	#header-right{
		width: 100%;		
	}
	.content .two-col.right,
	.content .two-col.left,
	.content-boxless .two-col.right,
	.content-boxless .two-col.left{
		border-right: none;
		width: 90%;
		width: calc(100% - 29px);
		width: -webkit-calc(100% - 29px);
		width: -moz-calc(100% - 29px);
	}
	.content-boxless .two-col.left hr,
	.content-boxless .two-col.left p,
	.content-boxless .two-col.left p a img{
		width: 100%;
	}
	.content .two-col{
		width: 340px;
	}
	.content-boxless,
	.content:not(#header-content){
		width: auto;
	}
	.staff{
		width: 100%;
		border: none;
	}
	.navbar-toggle{
		top: -35px;
	}
	#header_menu.collapsing{
		//border-color: #FFFFFF;
	}
	#header_menu.collapsing,
	#header_menu.in {
		top: 10px;
	}
	div.bar,
	#nav,
	#fb-root,
	/*.socials,*/
	.content,
	.content .two-col,
	.content .one-col,
	.content-boxless{
		width: 100%
	}
	#footer_menu{
		width: 100%
	}
	#footer-bar{
		border: solid 10px #F4F3EF;
	    background-size: contain;
	}
	#footer-bar .content-boxless{
		padding-left: 5px;
    	padding-right: 5px;
	}
	div:not(#header-banner) > .banner-group-display-normal{
		float: left;
		margin: 1px calc(0.5*(100vw - 258px));
		margin: 1px -webkit-calc(0.5*(100vw - 258px));
		margin: 1px -moz-calc(0.5*(100vw - 258px));
	}
	.two-col{
		float: none;
	}
	#footer_menu ul.extra-menu{
		float: none;
	}
	
	#footer_menu .hide-in-full{
		display: none;
	}
	table.cart-products thead{
		display: none;
	}
	table.cart-products tbody,
	table.cart-products tr,
	table.cart-products td,
	table.cart-products th{
		display: block;
	    padding: 0;
	    margin: 0;
	}
	table.cart-products .title,
	table.cart-products .item,
	table.cart-products .cart-options{
		text-align: right;
	}
	table.cart-products input.quantity{
		float: right;
		width: auto;
	}
	form#product-cart-view-form .form-item{
		margin: 0 0 0.5em; 
	}
	table.cart-products td:before{
	    box-sizing: border-box;
	    float: left;
	    padding-right: 1em;
	    text-align: left;
	    content: attr(title);
	    color: #000;
	    font-weight: bold;
	}
	#product-cart-view-form table.cart-products tr td{
		border-bottom: 0;
	}
	
	#product-cart-view-form table.cart-products tr{
		border-bottom: 1px solid #A1A1A1;
	}
	#product-cart-view-form table.cart-products tr+tr{
		border-bottom: 0;
	}
	#nav{
		/*position: relative;*/
		position: absolute;
		//right: 59px;
		/*top: -30px;*/
		top: 20px;
		left: auto;
		bottom: auto;
		height: 0px;
		width: 0px;
	}
	.product-cart-continue-shopping{
		float: right;
	}
	
	/*#problem-reporter{
		top: 50px
	}
	#problem-reporter .problem-reporter-tab {
		bottom: 0;
		top: initial;
	}*/
	.search-ads-full{
		display: none;
	}
	.search-ads-mobile .banner-group-position-logistics-top-right{
		display: none;	
	}
	@media (min-width: 500px){
		.search-ads-mobile .banner-group-display{
			margin: 0 !important;
		}
		.search-ads-mobile .banner-group-position-logistics-top-left{
			margin-right: calc(100vw - 490px) !important;
			margin-right: -webkit-calc(100vw - 490px) !important;
			margin-right: -moz-calc(100vw - 490px) !important;
		}
		.search-ads-mobile .banner-group-position-logistics-top-right{
			float: none !important;
			display: block;
		}
	}
}
@media (min-width: 641px){
	.search-ads-mobile{
		display: none;
	}	
}
@media (max-width: 480px){ 
	.header-col #cart{
		margin-left: 0px;
	}
	.header-col{
		width: 100%;
	}

	/* masthead banner modifications, possibly temporary */
	#header-banner{
		display: none;
	}

	.page-title {
	    width: 200px;
	}

	#user-menu{
		margin-bottom: 30px;
		width: 100%;
	}
}

@media (max-width: 448px){  /* calculate header dimensions for small device when logo shrinks */
	#header-right{
		top: calc(-6px + (30vw));
		top: -webkit-calc(-6px + (30vw));
		top: -moz-calc(-6px + (30vw));
	}
	#header-content{
		/*height: calc(115px + (30vw));*/
		/*height: -webkit-calc(115px + (30vw));*/
		/*height: -moz-calc(115px + (30vw));*/
	}
}
@media (max-width: 425px){
	.hero-books.col-xs-4{
		width: 50%;
	}
	.hero-books.col-xs-offset-2 {
    	margin-left: 0;
	}
	.hero-books.last{
		margin-left: 25%;
	}
	
} 
@media (max-width: 366px){  /* unexplained empty space at 366px */
	div.two-col.grey-box.left p + p{
		margin: 0;
		height: 0;
	}
}
@media (max-width: 350px){  /*  */
	#user-menu li a {
		padding: 7px 5px 8px;
	}	
	#list-with-us{
		font-size: 14px;
	}
}

div:not(#problem-reporter):not(.bar),a,p,img,section{
	//background-color: yellow;
}

.hero-books a.button{
	min-width: 115px;
}

div.bar:not(#header-wrapper){ /* hide page content while developing responsive header*/
	//display: none;
}
.directory-custom-entry{
	margin-top: 12px;
}
.directory-custom-entry span{
	position: absolute;
    margin-top: 5px;

}
.directory-custom-entry a{
	display: block;
	padding: .5em .5em .5em .7em;
    padding-left: 16px;
}
.directory-custom-entry:hover a{
	color: #FFF;
	background-color: #009CDB;
}

#directory_state_banner img{
	width: 100%;
	margin-bottom: 20px;
}

#directory_state_banner.mobile img{
	width: 50%;
	margin: 0 auto 20px;
	padding-left: 20px;
	padding-right: 20px;
}

@media (max-width: 1024px){
	#directory_state_banner img{
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 450px){
	#directory_state_banner img{
		display: none;
	}

	#directory_state_banner.mobile img{
		display: block;
		width: 100%;
	}
}

@media (min-width: 451px){
	#directory_state_banner.mobile img{
		display: none;
	}
}

.results-search-terms{
	margin: 0px;
}
.results-search-terms li{
	list-style-type: none;
    padding: 5px;
    font-size: 12pt;
    background-color: #f4f3ef;
    border: solid 1px #CCCBC3;
    margin-bottom: 10px;
}
#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   /*opacity: 0.7;*/
   background-color: #fff;
   z-index: 10000;
   text-align: center;
}

#loading-image {
	top: 50%;
    position: relative;
    margin-top: -200px;
}

.ui-accordion-header{
	display: none;
}

.ui-dialog {
	min-width: 400px;
}









@media screen and (min-width: 1200px) {
	#header-content {
		width: 1120px !important;
	}

	#nav,
	#header-content .header-logo {
		text-align: left !important;
	}

	#nav + .header-col,
	#header-right {
		text-align: right !important;
	}
}

.testimonials {
    background: #efefef;
	border: 1px solid #E1DFD7;
	margin-bottom: 14px;
}

.testimonials ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.testimonials li {
    padding: 25px 50px;
}

.testimonials blockquote {
	/* font-style: normal; */
	max-width: 700px;
	border-left: 0;
    padding: 0;
	margin: 0 auto;
    text-align: center;
	margin-bottom: 25px;
}

.testimonials .contributor,
.testimonials .contributor-info {
	text-align: center;
	display: block;
}

.testimonials .contributor {
	font-size: 20px;
	font-weight: bold;
}

.testimonials .bx-wrapper {
	position: relative;
}

.testimonials .bx-has-controls-direction {
	position: absolute;
    display: flex;
    align-items: center;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	pointer-events: none;
	z-index: 50;
}

.testimonials .bx-controls-direction {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 0 15px;
}

.testimonials .bx-has-controls-direction .bx-prev,
.testimonials .bx-has-controls-direction .bx-next {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 40px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	pointer-events: auto;
}

.testimonials .bx-has-controls-direction .bx-prev:before {
	content: "\f104";
}

.testimonials .bx-has-controls-direction .bx-next:before {
	content: "\f105";
}