/*======================================================
** 			|     style.css       |  		  **
======================================================== */


/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
i,em {font-style:italic;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; clear: both; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; /**font-size:small;*/ } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
/*a, a:active, a:visited { color: #607890; }*/
/*a:hover { color: #036; }*/


h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: .4em 0em .1em 0em;
	line-height: 130%;
	font-weight: bold; 
}
p {
	margin: 0px;
	padding: .8em 0em .2em 0em;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
#container h1 {
	font-size: 22px;
}
#container h2 {
	font-size: 18px;
}
#container h3 {
	font-size: 16px;
}
#container h4 {
	font-size: 14px;
}
#container h5 {
	font-size: 14px;
}
#container h6 {
	font-size: 11px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

/*
    // ========================================== \\
   ||                                              ||
   ||               Template Styles                ||
   ||                                              ||
    \\ ========================================== //
*/
body {background-color:#fff;}


#overlay {
	background: url('/images/bac_overlay_trans.png') top left repeat transparent;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1003;
}
/*.editmode #overlay {
	display: block;
}*/
#overlay #box {
	background: #fff;
	border: 2px solid #000;
	border-radius: 3px;
	width: 475px;
	height: 315px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-240px;
	margin-top: -150px;

	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #999999;
}
#box #closeWindow {
	background: url('/images/button_close_popup.png') no-repeat center center transparent;
	display: block;
	width: 34px;
	height: 36px;
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 0;
	text-decoration: none;
}
#box h2 {
	font-weight: normal;
	font-size: 20px;
}




#container {
	position: relative;
	width: 100%;
	float: left;
	clear: both;
}
.set_width {
	width: 1020px;
	float: none;
	clear: both;
	margin: 0 auto;
}
/*======================================================
** 			|     header       |  		  **
======================================================== */
.loggedin .header-rosco {
	top: 37px;
}
.header-rosco {
	background: #000;
	color: #fff;
	height: 56px;
	box-sizing: border-box;
	position: fixed;
	z-index: 108;
	top: 0;
	left: 0;
	right: 0;
	overflow: visible;
}
.header__row {
	height: 56px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.header-rosco p {
	margin: 0;
	padding: 0;
	line-height: 2rem;
}
.header__nav {
	flex-grow: 0;
	width: 260px;
	margin-top: -2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header__nav__dropdown {
	display: none;
}
.header__title {
	width: 33%;
	text-transform: uppercase;
	text-align: center;
}
.header__title h1 {
	margin: 0;
	padding: 0;
	color: inherit;
}
#container .header__title h1 {
	font-weight: 400;
	font-size: 18px;
}
.header__phone {
	width: 25%;
	text-align: right;
}
.header__phone a {
	text-decoration: none;
	font-size: 16px;
	color: inherit;
}
.header__phone a:hover,
.header__phone a:focus {
	text-decoration: underline;
}
.header__flag {
	width: 8%;
	position: relative;
	text-align: right;
}
.header__flag p {
	margin: 0;
}
.header__flag img {
	max-width: 100%;
	height: auto;
	max-height: 40px;
	width: auto;
}
.header__nav--mobile {
	display: none;
}

/*======================================================
** 			|     regular heder       |  		  **
======================================================== */

.header {
	background: url('/images/bac_header_repeat.png') repeat-x top left #002f62;
	background-color: #466585;
	background-color: #002a57;
	overflow: visible;
	max-height: 90px;
	height: 90px;
	position: relative;
	z-index: 60;
	margin-top: 56px;
}
.header .set_width {
	width: 1050px;
}

#logo {
	width: 185px;1
	height: 140px;
	float: left;
	clear: both;
	position: absolute;
	z-index: 500;
}

#secondNav {
	background: rgba(255, 255, 255, 0.3);
	width: 70%;
	float: right;
	margin-top: 1.9em;
	height: auto;
	position: relative;
	overflow: visible;
	z-index: 90;
}
#secondNav .menu-pulldown {
	height: auto;
}
#secondNav ul.level1 {
	display: block;
}
#secondNav ul li {
	height: auto;
	padding: 0;
}
#secondNav ul li a {
	margin: 0;
	height: auto;
	padding: .7em .8em;
	font-size: 15px;
}



#links {
	float: left;
}

#search_products {
	width: 20px;
	float: right;
	position: relative;
	overflow: visible;
	margin: 5px 10px;
}
#search_products .searchinput {
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
	color: #fff;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	border-radius: .3em;
	width: 165px;
	padding: .6em 1em;
	padding-right: 2.3em;
	transform: translateX(150%);
	transition: .2s transform, .2s opacity;
	opacity: 0;
}
#search_products input[type="image"] {
	position: absolute;
	z-index: 5;
	top: 0px;
	right: 0px;
	padding: 8px;
}
#search_products.open .searchinput {
	transform: translateX(-90%);
	opacity: 1;
}


/*
 *** Removed Site Search for now - #search_products actually functions as both ***


#search_site, #search_products {
	background: url('/images/img-search-form.png') no-repeat transparent;
	width: 158px;
	height: 16px;
	float: right;
	clear: right;
	position: relative;
	margin: 5px 10px;
}
#search_site input, #search_products input {
	background: transparent;
	border: 0;
	color: #232323;
	position: absolute;
	top: 2px;
	left: 0;
}
#search_site input[type="text"], #search_products input[type="text"] {
	width: 140px;
	height: 13px;
}
#search_site input[type="submit"], #search_products input[type="submit"] {
	width: 18px;
	height: 13px;
	right: 0;
	left: auto;
	color: transparent;
}
*/


/*======================================================
** 			|     main menu       |  		  **
======================================================== */
#mainNav {
	background: url('/images/bac_nav_repeat.png') repeat-x top left #333333;
	height: 36px;
	overflow: visible;
	position: relative;
	z-index: 50;
}

#mainNav .menu-pulldown {
	height: auto;
	width: auto;
	float: none;
	padding-left: 170px;
}
#mainNav .menu-pulldown a {
	padding: .8em;
	height: auto;
	margin: 0;
}

#menu-icon {
	display: none;
}


/*======================================================
** 			|     banner       |  		  **
======================================================== */
#banner {
	line-height: 0;
	margin-top: -4px;
}
#banner .cmsZoneToolbar, #banner .cmsAddToRegionBox { line-height: 14px; }
.banner__width {
	width: 100%;
	max-width: 1600px;
}

#banner .flexslider {
	border-radius: 0;
}
.flexslider .slides img {
	max-height: 400px;
}


/*Content / sidebar*/
.clearBoth {
	float: left;
	clear: both;
	width: 100%;
}
#content_wrap {
	margin-top: 1rem;
}
#sidebar {
	width: 16%;
	padding: 5px 15px 0 0;
	float: left;
	clear: left;
	min-height: 290px;
	position: relative;
	border-right: 1px solid #e3e5e5;
}
#sidebar #map {
	background: url("/images/bac_map.jpg") no-repeat center top;
	width: 800px;
	height: 600px;
	position: absolute;
	z-index: -1;
	top: -17px;
	right: 0;
}/*

#map img {
	position: absolute;
	top: 0;
	right: -100px;
}
*/





/*Sidebar login forms*/
.cms-form {
	padding-bottom: 20px;
}
.cms-form form {
	overflow: visible;
}
.cms-form h3 {
	margin: 0;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
	text-align: right;
	font-weight: 400;
	font-size: 14px;
	color: #003399;
}
.cms-form input,
.cms-form select,
.cms-form label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
}
.cms-form input[type="text"],
.cms-form input[type="password"] {
	background: #fff;
	border-radius: .3em;
	border: 1px solid #ccc;
	box-shadow: 0 0 2px #999 inset;
	padding: 6px 10px;
	overflow: hidden;
	border: 0;
}
.cms-form input[type="password"] {
	text-transform: none;
}
/*.cms-form a, */.cms-form input[type="image"] {
	display: block;
	float: left;
}
.fm-submit {
	text-align: right;
}

.fm-block {
	margin-bottom: 10px;
}
.featuredProducts .buttonlink,
#container .btn-submit,
#container .btn-link {
	border-radius: 0;
	border: 0;
	width: auto;
	padding: .5em 1em;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.1;
	font-size: 10px;
}
.btn-link {
	color: #004fa3;
}
.featuredProducts .buttonlink,
#container .btn-submit {
	background: #004fa3;
	color: #fff;
}
#content .featuredProducts .ui-button-text {
	padding: 0;
}










.staff .bioImg {
	text-align: center;
}
.staff .bio .bioImg {
	float: right;
}

#content {
	width: 81%;
	float: left;
	clear: right;
	padding-bottom: 25px;
	padding-left: 1%;
}


/*Content products*/
.homefeatured {
	width:33%;
}
.featuredProducts {
	border-right: 1px solid #cfcfcf;
	padding: .3em 1.3em;
	clear: none;
	overflow: hidden;
	text-align: center;
}
.homefeatured:nth-of-type(3n) .featuredProducts {
	border-right: 0;
}
.featuredProducts h3 {
	font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size: 16px;
	color: #003399;
}
.featuredProducts .see-all {
	float: left;
	clear: both;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}
.featuredProducts img {
	/*xmax-width: 100%;*/
	/*max-height: 160px;*/
	display: block;
	margin: 0 auto;
}
.featuredProducts p {
	font-family: "Arial Narrow", "Arial", sans-serif;
	text-align: center;
	font-size: 12px;
	color: #999999;
}
.featuredProducts .buttonlink {
	margin: 0 auto;
	margin-top: 15px;
}


.rwdstyle .productListImage {
	height: auto;
	max-height: auto;
}








.footer {
	background: url('/images/bac_footer_repeat.png') repeat-x top left #686869;
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 15px;
	overflow: hidden;
	position: relative;
	z-index: 20;
}
.footer span.line {display: block; clear: both;}
.footer span.float {
	float: left;
}
.footer span.tel.fax {
	display: block;
	width: 150%;
}
.footer p {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}
.footer #col2 a {
	text-decoration: none;
	font-size: 18px;
	color: #fff;
}

.foot__col {
	float: left;
	width: 14%;
	margin: 0;
	min-height: 140px;
	padding-top: 25px;
}
.foot__social {
	text-align: center;
	width: 25%;
}
.foot__social img {
	padding: 0;
	margin: 5px;
	display: inline-block;
}
.footer #col5 p {
	padding-top: 0;
	padding-bottom: 15px;
}
.foot__social {
	padding-top: 21px;
}
.footer #col2 {
	padding-top: 21px;
}
.footer #col3 {
	padding-top: 27px;
}

#container .footer a:link, #container .footer a:visited, #container .footer a:hover, #container .footer a:active {
	color: #ccc !important;}


#copyright {
	padding-top: 12px;
}
#copyright .floatmiddle img {padding-right: 15px;}
#copyright, #copyright a {
	font-family: "Lucida Grande";
	font-size: 11px;
	color: #333333;
	line-height: 25px;
}
#copyright .floatright a {
	text-decoration: none;
	border-bottom: 2px solid #ccc;
	padding-bottom: 0px;
}

#copyright .floatleft {
	width: 330px;
	float: left;
	clear: left;
}
#copyright .floatmiddle {
	width: 475px;
	float: left;
	clear: none;
}
#copyright .floatright {
	width: 240px;
	float: right;
	clear: right;
	
	text-align: right;
}


.footer #google_translate_element {
	clear: both;
	color: #ccc;
}
.footer [id*="targetLanguage"] {
	display: block !important;
}
.footer .skiptranslate {
	color: #ccc;
}
.footer #col1 .skiptranslate img {
	display: inline;
	float: none;
}

/*CMS Overrides*/
#banner .flexslider {
	border: 0;
}
.header .cmsZone {
	position: relative;
}
.header .cmsZoneToolbar {
	position: absolute;
	left: 0;
	top: 0;
}



#languageLinks {
	display: block;
	margin: 3px 0 0;
	float: none;
	margin: 0 auto;
	width: 230px;
}
#languageLinks a {
	display: block;
	float: left;
}
#languageLinks a img {
	display: block;
	float: none;
	width: 29px !important;
	height: 29px !important;
	margin: 4px;
}

/*======================================================
** 			|     custom blog stuff       |  		  **
======================================================== */
.cmsBlog .timetext, .cmsBlog .authortext {
    display: none;
}
.cmsBlog .meta .time {
    float: right;
    margin-left: 25px;
    display: inline-block;
}
.cmsBlog.listView .author, .cmsBlog.listView .time, .cmsBlog.detailView .author {
	display: none;
}
/*======================================================
** 			|     IE bug fixes       |  		  **
======================================================== */
html.ie8 #phone, html.ie7 #phone {width: 160px;}
html.ie8 #secondNav, html.ie7 #secondNav {width: 450px; margin-left: 10px;}
html.ie8 #social_icons, html.ie7 #social_icons {margin-top: 5px;}


/*======================================================
** 			|     loginPage       |  		  **
======================================================== */
#container .btn {
	background: #00AFEC;
	border-radius: 0;
    padding: 0.4em 1em 0.2em;
    line-height: 1.5em;
    font-size: 1rem;
    height: auto;
    border: 0;
    border-bottom: 0.2em solid;
    transition: all 0.15s ease 0s;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
}
#container .btn-primary {
    background-color: #326aa6;
    border-bottom-color: #326aa6;
}



/*login form*/

#loginPage .loginForm {
	width: 450px;
	margin: 0 auto;
}
.loginForm .appendErrorAlert {
	margin: 1em 0 0 140px;
}
.loginForm .required {
	position: relative;
	top: 5px;
}


/*when logged in, show grid*/
#loginPage .grid .col.first { border-right: 1px solid #ccc; } 
#loginPage h2 { font-size: 20px; }
.grid:after {
	content: "";
	clear: both;
	display: table;
}
.grid .col {
	float: left;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid .col.half {
	width: 50%;
}


#loginPage .fmstyle select {/*State fields are too wide, they're wrapping.*/
	width: 55%;
}

/*======================================================
** 		  hide AddThis frames which are causing the horizontal scrollbar to show
======================================================== */

iframe[id^="oauth2relay"],#twttrHubFrame,#twttrHubFrameSecure { position: absolute !important; left: -9999px !important; }



/*======================================================
** 			|     media-queries.css       |  		  **
======================================================== */
@media (max-width: 1050px) {
	
	#container footer .tel a {
		color: #fff !important;
		text-decoration: underline !important;
	}
}

@media (min-width:1160px) {
	.rosco__width {
		width: 1150px;
	}
}
@media (min-width: 1071px) {
	
	#phone_and_menu #social_icons {
		padding-top: 7px;
	}
	
	/*Stop the menu from getting hidden after opening/closing it in portrait, then switching to full width*/
	#mainNav .menu-pulldown {
		display: block !important;
	}
	#mainNav #menu-icon {
		display: none !important;
	}
	
}

/*=========================================
		   END LANDSCAPE RESPONSIVE STYLES
	=========================================*/


@media (max-width: 1070px) {

	/*Basic stuff for any mobile device*/
	
	* {
		max-width: 100% !important;
		min-width: 0px !important;
		min-height: 0px !important;
		position: static;
	}
	
	body {
		background-size: contain;
		min-width: 0px;
		max-width: 100%;
		padding: 0;
	}
	/*center div, remove float*/
	 header, #phone, #secondNav, #content_wrap {
		float: none;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		max-height: none;
		overflow: hidden;
	}
	.set_width { width: 100%; }
	#logo {	
		position: static; 
		clear: left; 
		width: 23%;
	}
	#map {display: none;}
	#phone_and_menu { float: left; width: 75%; clear: none; }
	#phone { float: left; clear: none; width: auto; font-size: 18px; padding: 30px 15px;}
	#social_icons {	width: 230px; float: right; clear: right; padding: 20px 0;}
	#search_site { float: none; clear: both; margin: 0 auto; margin-bottom: 10px;}
	#secondNav {}	
	#addthis { padding-left: 10px; width: 450px; float: left; }
	
	.header {
		max-height: none;
		height: auto;
	}
	.header .set_width:after {
		display: table;
		clear: both;
		content: "";
	}
	
	
	/*slidedown navigation, for any width under desktop size*/

	#mainNav {
		background-image: none;
		background-color: #333333;
		padding: 0px 0px 10px 0px;
		height: auto;
	}
	#mainNav .menu-pulldown {
		height: auto;/*allow to expand*/
		width: 100%;
		float: none;
		margin: 0px auto;
		padding: 0px !important;
	}
	#mainNav .cmsRegion {
		width: 100%;
	}
	
	/*button for toggling navigation*/	
	#menu-icon {
		height: 47px;
		width: 100%;
		display: block !important;
	}
	#menu-icon:after {
		float: left;
		clear: both;
		display: table;
		content: " ";
	}
	#menu-icon .centertext {
		display: block;
		width: 95px;
		margin: 0px auto;
		padding: 6px 0px;
		height: 29px;
		float: none;
		clear: both;
		
		text-transform: uppercase;
		text-align: left;
		color: #ffffff;
	}
	#menu-icon img {
		vertical-align: middle;
		padding-right: 5px;
	}

	/*hide the menu until user clicks the menu icon*/
	#mainNav .menu-pulldown {
		display: none;
		overflow: hidden;
		color: #fff;
	}
	#mainNav ul.level2, #mainNav ul.level3, #mainNav ul.level4 {
		/*height: auto !important;*/
		position: static !important;
		float: none;
		clear: both;
		margin: 0px auto !important;
		padding: 0px !important;
		width: auto;
		
		background: none transparent;
	  box-shadow: none;
	  border: none;
	}
	#mainNav li li {
		background-color: transparent;
		border: 0px;
		float: none;
		clear: both;
	}
	#mainNav li {
		background: url('/images/bac_dark_gray.png') top left repeat black;
		color: #fff;
	}
	#mainNav li li {
		background: url('/images/bac_light_gray.png') top left repeat #8e1e16;
		color: #222;
	}
	#mainNav li a {
		width: 200px;
		float: none;
		clear: both;
		margin: 0px auto;
		height: 25px;
		padding: 10px 0px 5px 10px;
	}
	#mainNav ul.level2 > li > a {
		padding-left: 35px;
	}
	#mainNav ul.level3 li a {
		padding-left: 48px;
	}
	#mainNav ul.level4 li a {
		padding-left: 55px;
	}
	#mainNav li a:hover {
		text-decoration: underline;
	}
	#mainNav li li a {
		padding-left: 18px; /*!important*/
	}
	#mainNav li, #mainNav a {
		background-color: transparent !important;
		border: none !important;
		display: block;
		float: none;
		clear: both;
		padding: 0px;
		height: auto;
		text-align: left;
		width: auto;
		color: inherit;
		position: relative;
	}
	.expand-icon {
		background: url("/images/icon_mobile_nav_arrow.png") no-repeat scroll right center transparent;
		position: absolute;
		top: 5px;
		right: 0px;
		display: block;
		width: 16px;
		height: 30px;
	}
	footer {
		min-height: 50px;
	}
	footer #footer_menu {
		width: auto;
		padding: 0px 5%;
		overflow: hidden;
	}
	
	#footer_menu .item {
		width: 150px;
		padding: 5px 0px;
	}
	#footer_menu .float {
		float: right;
		width: 250px;
		padding-bottom: 15px;
	}
	#copyright, #content_wrap {
		padding: 10px;
		width: auto;
	}
	
	
	
	
	
}/*End 1170*/

@media (max-width: 1000px) {
	.header__row { width: 96%; margin: 0 auto; }
	.header__title { display: none; }
}
@media (max-width: 950px) {
	
	#share_bar {
		height: auto;
		background-image: none;
	}
	
	
	
	#sidebar, #content {
		width: auto;
		float: none;
		clear: both;
		padding: 0;
	}
	#sidebar {border-right: 0;}
	#sidebar input, #sidebar select { padding: .5em; }
	
}


@media (max-width: 860px) {
	#logo, #phone_and_menu, #secondNav {
		width: auto;
		float: none;
		clear: both;
		margin: 0 auto;
	}
	#logo { width: 185px; }
	
	#copyright .floatleft, 
	#copyright .floatmiddle,
	#copyright .floatright {
		width: auto;
		text-align: center;
		float: none;
	}
}

@media (max-width: 650px) { 

	.header__phone { display: none; }
	.header__nav { flex-grow: 3; }
	.header__flag { width: auto; flex-grow: 1; }
	/*Footer Columns*/ #col2, #col3, #col4 {display: none;}
	#col5, #col1 {
		width: 230px;
		float: none;
		clear: both;
		margin: 0 auto;
		padding-bottom: 20px;
	}
}

@media (max-width: 560px) {
	
	
	#overlay #box {margin-left:0;left:0;width: 100%;float: none;}
	
	#search_site, #secondNav #links {
		float: none;
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content .float {
		border-right: 0;
		border-bottom: 1px solid #cfcfcf;
		float: none !important;
		clear: both;
		width: auto;
		height: auto;
		padding-bottom: 15px;
	}
	#content .float img {
		display: block;
		margin: 0 auto;
	}
	#content .float:nth-child(3n) {border-bottom: 0;}
	.featuredProducts { border-right: 0;}
	.featuredProducts .buttonlink {
		padding: .7em 1em;
		font-size: 17px;
	}
}

@media (max-width: 767px) {
	#banner {display: none;}
	#share_bar {
		padding: 10px 0;
	}
	#addthis, #search_products {
		float: none;
		clear: both;
		margin: 0 auto;
	}
	
	
	#loginPage .grid .col.first { border: 0; }
	#loginPage .grid .col {
		float: none;
		width: 450px;
		clear: both;
		margin: 0 auto;
	}
	
}


@media (max-width: 480px) {/**/



	#copyright .floatright, #copyright .floatleft { text-align: center !important; }
	#content { border-left: 0px; }
	
	footer #col_1 {
		border-bottom: 1px solid #ffffff;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}
	footer .menu-simplevert ul, footer .menu-simplevert li, footer .menu-simplevert li a {
		width: 100%;
		text-align: center;
		padding: 0px;
	}
	footer .float .menu-advvert {
		min-height: 0px;
		padding-bottom: 10px;
	}
	
}
@media (max-width: 400px) {
	#social_icons, #phone { float: none; clear: both; margin: 0 auto; }
	#phone { width: 160px; }
	#phone p { text-align: center !important; }
	
	#container .fmstyle label {
		text-align: left;
		padding: 0;
	}
	#container .fmstyle label, 
	#container .fmstyle input, 
	#container .fmstyle select, 
	#container .fmstyle textarea, 
	#container .fmstyle .multifield, 
	#loginPage .appendErrorAlert {
		width: 100%;
		float: none;
		clear: both;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#container .fmstyle input, #container .fmstyle select, #container .fmstyle textarea {
		padding: 4px 7px;
	}
	#container .fmstyle input[type="checkbox"],#container .fmstyle input[type="radio"] {
		width: auto;
		display: inline-block;
		vertical-align: middle;
	}
}


/*======================================================
** 			|     print.css       |  		  **
======================================================== */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}