html,body {
	background: url(../images/bg.jpg) top center;
	padding: 0px;
	margin: 0px;
	font: normal 12px Arial;
	color: #151515;
	overflow-x:hidden !important;
}

a {
	text-decoration: none
}

img {
	border: none

}

.container {
    background: #fff;
    margin: 0 auto;
    width: 1000px;
    overflow-y: hidden;
    overflow-x:hidden;
}

.boysen {
	padding: 15px 10px 0 10px
}

.boysen h1,.boysen h2 {
	float: left;
	margin: 0 35px 0 0
}

.topLinks {
	float: right;
	font: normal 11px Arial;
	color: #838383
}
.topLinks {display:block;}
.topLinks-below {display:none;}

.topLinks a {
	color: #00722f
}

.topLinks a:hover {
	color: #003e1a
}

.topLinks strong {
	padding: 0 3px;
	color: #00722f
}

.inputSearch {
	padding: 4px;
	width: 260px;
	border: 1px solid #b6b6b6;
	border-radius: 10px
}

.contactInfo {
	padding: 0 40px 0 0;
	text-align: right
}

.clear {
	clear: both
}

.boysen ul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
	border-top: 1px solid #f5f5e2;
	border-bottom: 3px solid #cddad2;
	height: 33px
}

.boysen ul li {
	float: left;
	border-right: 1px solid #f5f5e2
}

.boysen ul li.contact {
	border-right: none
}

.boysen ul li a {
	display: block;
	padding: 0 66px !important;
	color: #727272;
	line-height: 33px
}

.boysen ul li a:hover,.boysen ul li a.active {
	background: url(../images/bgNavActive.gif);
	border-bottom: 3px solid #146033;
	color: #2ca05c
}

.sliderbutton {
	position: absolute;
	z-index: 97;
	margin: -236px 0 0 20px
}

.sliderbutton a {
	display: block;
	zoom: 1;
	filter: alpha(opacity = 40);
	opacity: 0.4;
	width: 42px;
	height: 42px;
	cursor: pointer
}

.sliderbutton strong {
	display: none
}

.sliderbutton a.previous {
	background: url(../images/buttons.png)
}

.sliderbutton a.next {
	background: url(../images/buttons.png) top right;
	margin: 0 0 0 915px
}

.sliderbutton a:hover {
	filter: alpha(opacity = 100);
	opacity: 1.0
}

.slideshowContent{
	text-align:justify;
	width:63%;
	font-size:11px;
}

#masthead {
	position: relative;
	overflow: auto;
	margin: 10px 10px 0 10px;
	width: 980px;
	height: 415px
}

#masthead ul {
	position: absolute;
	list-style: none;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0
}

#masthead ul li {
	float: left;
	width: 980px;
	height: 415px
}

.features td {
	width: 25%;
	height: 260px;
	vertical-align:top;
}

.features td h1 {
	margin: 0;
	text-align: center
}

.features td h2 {
	margin: 10px 0;
	border-bottom: 1px solid #146033;
	font: bold 14px Arial;
	line-height: 30px
}

.features td p {
	margin: 10px 0 0 0;
	font: normal 11px Arial
;
	float: left;
}

.features td a {
	color: #132f30
}

.boysen-knows {
	background: #D2F8DA;
	color: #000
}

.features td.boysen-knows h2 {
	border-bottom: 1px solid #9edbb7
}

.features td.boysen-knows a {
	color: #000
}

.mix-and-match {
	background: #d9f5f5
}

.paint-calculator {
	background: #eef9b6
}

.videos {
background: #FFFFFF;      border: 1px solid #195d35;}

.features td.videos h1 {
	/* background: url(../images/bgNews.gif); */
	font: bold 18px Arial;
	color: #195d35;
	line-height: 33px


}

.features td.videos p {
	margin: 0 0 5px 0
}

.true-colors {
	background: #ceebf0
}

.color-express {
	background: #f5f5dc
}

.knoxout {
	background: #ceebf0
}

.news {
	background: #FFFFFF;
	border: 1px solid #195d35;
}

.choosecalcu {
	background: #E2FFE8
}

.interactive {
	background: #F7FFD0
}

.weather-tips{
	background: #F0FFA8
}
.boysen-colors{
	background: #F0FFA8
}
.find-contractor {
	background: #E2E2E2
}
.features td.news h1,.sidenav ul.links li.news h1,.sidenav-ht ul.links li.news h1  {
	/* background: url(../images/bgNews.gif); */
	font: bold 18px Arial;
	color: #195d35;
	line-height: 33px





}

.features td.news a,.sidenav ul.links li.news a,.sidenav ul.links li.news a {
	color: #323232
}

.features td.news a strong,.sidenav ul.links li.news strong,.sidenav ul.links li.news strong {
	display: block;
	color: #286541
}

.features td.news ul, .features td.videos ul {
	padding: 6px 0 0 0;
	margin: 0;
	list-style: none;
	text-align: left;
	height: 210px;
}

.features td.news ul li, .features td.videos ul li {
	display: inline;
	margin: 0 0 0 3px
}

.features td.news ul li a, .features td.videos ul li a  {
	padding: 2px 6px;
	color: #286541
;
	width: 300px;
}

/*.features td.news ul li a:hover, .features td.news ul li a.active{background:#286541;border-radius:10px;color:#fff}*/
.footer {
	max-width: 1000px;
    margin: 10px auto;
    font: normal 11px Arial;
    width: 100%;
}

.footer a {
	color: #151515;
	font: normal 13px Arial
}

.footer a:hover {
	color: #195d35
}

.footer th {
	background: #195d35;
	padding: 10px 15px;
	text-align: left;
	color: #fff;
	font: normal 11px Arial
}

.footer td {
	background: #fff;
	padding: 10px 15px
}

.footer td.links {
	width: 18%
}

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

.footer td ul li {
	line-height: 18px
}

.footer p {
	margin: 10px 0 0 0;
	text-align: center
}

.sidenav {
    float: left;
    padding: 10px 0 10px 10px;
    width: 208px;
    margin: 10px;
}

/* .sidenav#boysenproducts {
	float: left;
	padding: 0;
	width: 208px
} */

.sidenav ul,.sidenav-ht ul,.breadCrumbs,.gallery,.grayBox ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.sidenav ul.links li,.sidenav-ht ul.links li {
	margin: 10px 0
}

.sidenav ul.links li.news,.sidenav-ht ul.links li.news {
	background: #f1f1f1;
	padding: 10px
}

.sidenav ul.links li.news h1,.sidenav-ht ul.links li.news h1 {
	margin: -10px -10px 0 -10px;
	padding: 0 10px
}

.subNav,.subNav3 {
	border: 1px solid #ececec;
	border-top: 15px solid #ececec
}

.subNav li {
	margin: 10px
}

.subNav li a {
	background: url(../images/arrow.png) left center no-repeat;
	padding: 2px 0 0 20px;
	color: #3b3b3b
}

.subNav li a:hover,.subNav li a.active {
	color: #00722f
}


.content-downloads {
    float:left;
    padding: 8px;
    max-width: 700px;
    /* width: 90%; */
    margin: 0 auto;
}

.breadCrumbs li {
	display: inline;
	font: normal 13px Arial;
	color: #9a9a9a
}

.breadCrumbs li a {
	padding: 0 3px;
	color: #9a9a9a
}

.breadCrumbs li a:hover,.breadCrumbs li a.active {
	color: #020202
}

.content h1,.contentInner h1, .content-products{
	padding: 0 0 5px 0;
	margin: 15px 0;
	font: normal 24px Arial;
	color: #00722f;
	text-align:left;
}

.gallery li {
	float: left;
	margin: 8px;
	text-align: center;
}

.contentInner {
	padding: 10px
}

.contentInner .content {
	float: left;
	max-width: 750px;
	width:100%;
}

.contentInner .content2 {
    float: left;
    margin-left: 33px;
    max-width: 525px;
}
.content {
   	float:left;
    padding: 8px;
    max-width: 674px;
    /* display: block; */
    /* width: 90%; */
    margin: 0 auto;
}
.content-products {
   	float:left;
    padding: 8px;
    max-width: 674px;
    /* display: block; */
    /* width: 90%; */
    margin: 0 auto;
}
.subNav2 {
	float: left;
	padding: 0;
	margin: 0;
	width: 208px;
	list-style: none;
	border: 1px solid #ececec;
	border-top: 15px solid #ececec
}

.subNav2 li,.subNav3 {
	border-bottom: 1px solid #ececec
}

.subNav2 li a {
	display: block;
	background: #f9f9f9;
	padding: 0 10px;
	text-align: right;
	font: bold 14px Arial;
	color: #717171;
	line-height: 30px
}

.subNav2 li a:hover,.subNav2 li a.active {
	color: #107038
}

.subNav3 {
	float: left;
	padding: 0;
	margin: 0;
	max-width: 318px;
	list-style: none;
	border: 1px solid #ececec;
	border-top: 15px solid #ececec
}

/*#newsnav{height:760px;overflow-y:scroll;}*/
.subNav3 li a {
	display: block;
	padding: 0 10px;
	font: normal 14px Arial;
	color: #232323;
	line-height: 30px
}

.subNav3 li a:hover,.subNav3 li a.active {
	background: url(../images/bgSubNav3.gif) repeat-x;
	color: #fff
}

.subNav4 {
	border: 1px solid #ececec;
	border-top: 15px solid #ececec;
}

.subNav4 li {
	border-bottom: 1px solid #ececec
}

.subNav4 li a {
	display: block;
	background: #f9f9f9;
	padding: 10px;
	font: normal 12px Arial;
	color: #232323
}

.subNav4 li a img {
	display: block;
	float: left;
	margin: 0 10px 0 0
}

.subNav4 li a em {
	display: block;
	font: normal 11px Arial
}

.subNav4 li a:hover,.subNav4 li a.active {
	background: url(../images/bgSubNav3.gif) repeat-x #035329;
	color: #fff
}

.subNav4#newsnav {
	border: none;
	border-top: none;
	list-style: none;
	padding: 0;
	max-width: 760px;
	float: left
}

.subNav4#newsnav li {
	border-bottom: 1px solid #ececec
}

.subNav4#newsnav li a {
	display: block;
	background: none;
	padding: 10px;
	font: normal 14px Arial;
	color: #232323
}

.subNav4#newsnav li a img {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	min-height: 80px;
	width: 120px
}

.subNav4#newsnav li a em {
	display: block;
	font: normal 11px Arial
}

.subNav4#newsnav li a:hover,.subNav4#newsnav li a.active {
	background: rgb(238, 238, 238);
	color: #00722f
}

.contactForm {
    float: left;
    background: #f9f9f9;
    padding: 10px;
    width: 341px;
    list-style: none;
    border: 1px solid #ececec;
    border-top: 15px solid #ececec;
}

.colorsTable td {
	width: 16.66667%;
	text-align: center;
	font: normal 11px Arial
}

.colorsTable td span {
	display: block;
	margin: 0 0 5px 0;
	height: 75px;
	border: 1px solid #8d8d8d
}

.colorsTable tr td {
	border: none;
	/* width: 0 */
}

.colorsTable#colorsT tr td {
	border: none;
	/* width: 100%; */
}

.colorsTable#choosecolorText tr td {
	border: none;
	width: 0
}

.downloadsList {
	list-style: url(../images/bullet.gif)
}

.downloadsList li a {
	color: #242424
}

.downloadsList li a:hover {
	color: #00722f
}

.formButtons {
	text-align: right
}

.productsList,.videosList {
	padding: 0 25px;
	margin: 0;
	list-style: none
}

.productsList li,.videosList li {
	float: left;
	margin: 10px
}

.grayBox {
	background: #f9f9f9;
	padding: 15px;
	border: 1px solid #e0e0e0
}

.grayBox h3 {
	margin: 0 0 10px 0;
	font: bold 14px Arial
}

.grayBox ul li {
	float: left;
	margin: 0 10px;
	text-align: center
}

.grayBox ul li a {
	color: #151515
}

.grayBox ul li a:hover {
	color: #007930
}

.grayBox ul li img {
	display: block;
	margin: 0 auto 5px auto;
	border: 3px solid #fff;
	border-radius: 5px
}

.grayBox ul li a:hover img {
	border: 3px solid #0aceab
}

.interior {
	float: left;
	margin: 10px 0
}

.exterior {
	float: right;
	margin: 10px 0
}

.sidenav2 {
	float: left;
	width: 208px
}

.sidenav2 h1 {
	margin: 0;
	padding: 0;
	border: none
}

.sidenav2 ul {
	padding: 0;
	margin: 10px 0;
	list-style: none
}

.sidenav2 ul li {
	margin: 0 0 10px 0
}

.sidenav2 ul li a {
	display: block;
	background: url(../images/bgTab.gif) top right no-repeat #146033;
	padding: 0 0 0 10px;
	font: bold 12px Arial;
	color: #fff;
	line-height: 40px
}

.sidenav2 div {
	border: 1px solid #146033;
	padding: 10px;
	margin: -10px 0 0 0;
	font: normal 11px Arial
}

.tabContent {
	border-top: 3px solid #146033
}

.tabContent td {
	border-bottom: 1px solid #f2f2f2
}

.inputContact {
	padding: 4px;
	width: 200px;
	border: 1px solid #b6b6b6;
	border-radius: 10px
}

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

.tabs li {
	float: left;
	margin: 0 1px 0 0
}

.tabs li a {
	display: block;
	padding: 0 40px;
	width: 112px;
	font: bold 14px Arial;
	color: #333;
	line-height: 40px
}

.tabs li.features a {
	background: url(../images/bgTabs.gif) top right no-repeat
}

.tabs li.features a:hover,.tabs li.features a.selected {
	background: url(../images/bgTabs.gif) top left no-repeat;
	color: #fff
}

.tabs li.colors a {
	background: url(../images/bgTabs.gif) bottom right no-repeat
}

.tabs li.colors a:hover,.tabs li.colors a.selected {
	background: url(../images/bgTabs.gif) bottom left no-repeat;
	color: #fff
}

.steps { /*border:1px solid #e4d6b2;
	background:#e6ebcd;*/
	padding: 0 10px;
	margin: 6px 0 0 0
}

.stepBox {
	background: url(../images/bgStepBox.gif) bottom repeat-x #fff;
	padding: 10px;
	margin: 8px 0;
	border: #008d39 3px solid;
}

.stepBox h2 {
	padding: 10px;
	text-decoration: none
}

.stepBox a {
	text-decoration: none
}

.stepBox img {
	margin-right: 10px
}

.stepBox p img {
	width: 500px;
}

h1.stepsHeading {
	color: #31312f;
	font: bold 22px Arial;
	padding: 5px 15px;
	margin: 10px 0;
	background: url(../images/bgStepBox.gif) bottom repeat-x #fff;
	border: 1px solid #ded8c0
}

.stepsHeading {
	background: url(../images/bgStepBox.gif) bottom repeat-x #fff;
	font: normal 11px Verdana;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ded8c0
}

.stepThumbnail {
	float: left;
	width: 111px;
	border: none
}

.stepThumbs {
	width: 61px
}

.stepThumbs img {
	border: none
}

.stepDescription {
	float: right;
	width: 410px
}

.stepDescription h2,.stepBox h2 {
	color: #0a5326;
	font: bold 24px Arial;
	padding: 0;
	margin: 0
}

.paintMenu {
	color: #0a5326;
	font: bold 24px Arial;
	height: 1%;
	padding: 0;
	margin: 0
}

.pagination {
	padding: 0;
	margin: 10px;
	list-style: none;
	text-align: center
}

.pagination li {
	display: inline;
	font: bold 14px Arial;
	color: #0d3012
}

.pagination li a {
	text-decoration: none;
	padding: 0 3px;
	color: #0d3012
}

.pagination li a:hover {
	background: #0d3012;
	color: #fff
}

.pagination li a.active {
	font-size: 16px;
	background: #0d3012;
	color: #fff
}

.searchBox {
	color: #184c26;
	background: url(../images/searchBG.gif) no-repeat top center;
	padding: 5px 5px 5px 25px;
	height: 30px;
	margin: auto
}

.search {
	border: solid 1px #d9a104;
	width: 150px
}

.bottomline {
	padding: 0 0 7px 0;
	margin: 0 0 10px 0;
	background: url(../images/h1.gif) bottom repeat-x
}

.browseList ul li a {
	text-decoration: none;
	color: #004223;
}

.browseList ul li a:hover {
	text-decoration: underline;
	color: #004223;
}

.browseList ul li {
	margin: 3px 0 3px 0;
}

/************* Styles for Padding Top *****************/
.paddingTop {
	padding: 5px 0 0 0;
}

.brands {
	border: 0;
	margin: 0;
}

.brands td.line {
	background: url(../images/boysenInt_bgline.jpg) top right repeat-y;
}

.brands td h3 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 2px
}

.brands td p {
	margin-left: 15px;
}

.proInteractive {
	background: url(../images/boysen_interactiveAllprod.jpg) no-repeat;
	width: 844px;
	height: 359px;
	vertical-align: bottom;
	text-align: right;
	margin: 0 auto;
}

.proInteractiveTownhouse{
	background: url(../images/allProd-Townhouse.jpg) no-repeat;
	width: 844px;
	height: 474px;
	vertical-align: bottom;
	text-align: right;
	margin-top:0;
	margin-left:6px
}

.proInteractiveCondo{
	background: url(../images/allProd-Condo.jpg) no-repeat;
	width: 844px;
	height: 474px;
	vertical-align: bottom;
	text-align: right;
	margin-top:0;
	margin-left:6px
}


.btnInt {
	margin-top: 10px;
}

.inputField {
	border: 1px solid #cacaca;
	background: #fff;
	width: 250px;
}

.productPagination {
	font-size: 11px;
	color: #7e7e7e;
	text-align: right;
	padding: 10px;
}

.productPagination a {
	color: #7e7e7e;
	padding: 2px;
}

.productPagination a:hover {
	color: #ffffff;
	background: #21a852;
	padding: 2px;
}

.productPagination a:hover,.productPagination a.active {
	color: #ffffff;
	background: #21a852;
	text-decoration: none;
	padding: 2px;
}

.btnKonstrukt {
	float: right;
	background: #fff6ae;
	border: 1px solid #f2e46d;
	margin-top: 15px;
	/*font-weight: bold;*/
}

.btnKonstrukt a {
	text-align: center;
	margin: 0px auto;
}

.titleSugg {
	font-weight: bold;
}

.btnKonstrukt img {
	margin: 0px;
}

.calculator {
	background: #beb17e
}

.calculator th {
	background: #ded6ac;
	text-align: center;
	font: bold 14px Calibri, Lucida Sans Unicode, Arial;
}

.calculator td {
	background: #eae9ca
}

.calculator tr.evenRow td {
	background: #f0f0da
}

.qty {
	text-align: center;
	font: bold 16px Arial
}

.inputCalculator {
	background: #fff;
	width: 55px;
	padding: 4px;
	margin: 0 auto;
	border: 1px solid #c1c1be;
	border-radius: 5px;
	color: #06513d;
	font: bold 16px Arial
}

.imgNews {
	height: 106px;
	vertical-align: text-bottom;
}

#iprodtable {
	width: 100.8%;
	border: #008d39 1px solid;
	color: #00732f;
	font-size: 14px;
	font-family: arial, sans-serif;
	border-collapse: collapse;
}

#iprodtable tr {
	border-bottom: #008d39 3px solid;
}

#iprodtable tr td {
	border: #008d39 3px solid;
	/* width: 50%; */
	vertical-align: top;
	line-height: 17px;
}

#iprodtable tr td #priImg {
	margin: 0 auto;
	display: block;
	vertical-align: middle;
	width: 270px;
}

#iprodtable tr td strong {
	font-weight: bold;
}

#iprodtable tr td b {
	font-weight: bold;
}

#iprodtable tr td p {
	padding: 5px;
}

#iprodtable .fill {
	background: #008d39;
	height:4%;
}

#iprodtable .fill h3 {
	color: fff;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 0;
}

#iprodtable tr td.no-tool {
	padding: 5px !important;
}

#iprodtable tr td.tool-1 {
	background: url('../images/products/tool-1.png') 15px 30px no-repeat;
	height: 70px;
}

#iprodtable tr td.tool-2 {
	background: url('../images/products/tool-2.png') 10px 30px no-repeat;
	height: 70px;
}

#iprodtable tr td.tool-3 {
	background: url('../images/products/tool-3.png') 10px 30px no-repeat;
	height: 80px;
}

#iprodtable tr td.tool-4 {
	background: url('../images/products/tool-4.png') 23px 30px no-repeat;
	height: 70px;
}

#iprodtable tr td.tool-5 {
	background: url('../images/products/tool-5.png') 10px 30px no-repeat;
	height: 70px;
	padding: 5px !important;
}

#iprodtable tr td.tool-6 {
	background: url('../images/products/tool-6.png') 10px 30px no-repeat;
}

#iprodtable tr td.tool-7 {
	padding: 5px !important;
	vertical-align: middle;
}

#iprodtable tr td .color_item {
	float: left;
	width: 100px;
	height: 100px;
	border: 1px solid #008d39;
	margin: 20px 30px 30px 5px;
}

#iprodtable tr td .color_item p {
	position: relative;
	top: 100px;
	text-align: center;
	width: 95px;
	font-size: 11px;
	line-height: 13px;
}
#iprodtable img {
	max-width: 370px;
	width:100%;
}

.imgnewslist {
	width: 140px;
	float: left
}

a {
	color: #000
}

a:hover {
	color: #195d35
}

a:active {
	color: #21a852
}

.msdsItems {
	margin-left: 20px
}

.locateDealer tr td {
	font-size: 12px;
}

.snsicon {border-radius:4px}

.appbtns {margin:0 auto; display:block;text-align:center
}
 
.appButton {
	position: absolute;
    bottom: 30px;
    left: 40px;
    z-index: 1000;
}

.heading {
	cursor:pointer;
	padding: 10px 10px 10px 25px;
	width: 650px;
	background: url(../images/arrow.png) left center no-repeat #E7E7E7;
	color: #00722f;
	margin: 0 0 3px 0;
	border-bottom: 5px solid #D8D8D8;
	text-decoration: none;
	background-position-x: 5px;
}
			
.heading:hover, .heading:active {background:url(../images/arrow.png) left center no-repeat #A3A3A3; color:#fff;background-position-x: 5px;border-bottom:5px solid #949494}

.heading#sidenavHead {background: url(../images/arrow.png) left center no-repeat;
padding: 2px 0 0 20px;
color: #3b3b3b;width:208px;width: 208px;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 20px;
margin: 10px;
border-bottom: none;}

.headingContent#subNews {margin-left:9px}

#talktous {width:450px; margin:0 auto}

.questionBtn {background: #195d35;
color: #fff;
padding: 9px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0 auto;
display: block;
text-align: center;
width: 250px;
font-size: 15px;
border-bottom:5px solid #0A3A1E;
-webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   transition: all 0.1s linear;}

.questionBtn:hover,.questionBtn:active {background:#0B4925}

.questionBtn:active{-webkit-transform: translateY(3px);
      -moz-transform: translateY(3px);
           transform: translateY(3px);
           border-bottom:0}
           
.questionBtn a,.questionBtn a:hover {color:#fff;}

.tabHeading {cursor: pointer;}

.resp-footer {
	display:none;
}
.gallery img {
	width: 230px; 
	height:150px;
}
.content-msds {
    /* float: right; */
    padding: 8px;
    max-width: 762px;
    /* display: block; */
    /* width: 90%; */
    margin-left: 244px;
}
.sidenav-ht {
    float: left;
    padding: 10px 1px;
    width: 21%;
    margin: 10px;
}
.content-ht {
    float: left;
    padding: 8px;
    max-width: 724px;
    display: block;
    width: 71%;
    margin: 0 auto;
}
.sidenav-ht ul.links li a img {
	width:100%;
}
.width-100-resp {
	width:100%;
}
.colorWidth {
    width: 100px;
    height: 77px;
}
.nav-mobile {
	display:none;
}
.nav-desktop {
	display:block;
}
.textCounterView {
	width:592px;
}
.primary-width {
	width:985px;
}
.show-650 {
	display:none;
}
.hide-650 {
	display:table-cell;
}
.show-500 {
	display:none;
}
.show-501 {
	display:none;
}
.hide-500 {
	display:block;
}
.show-320 {
	display:none;
}
#exterior p, #interior p, #otherconcerns p  {
	text-align:left;
}

@media (max-width:1024px) {
	.container, .sidenav {
		width:100%;
	}
	
	.sidenav ul.links li{
		margin-left:10px;
		margin-right:10px;
		display:inline;
		float:left;
	}
	
	.sidenav ul.links li img {
		width:200px;
	}
	
	.content-products {
		width:auto;
		max-width:100%;
	}
}

@media(max-width:895px){
	.navbar {min-width:auto}
	.primary-width {
		width:100%;
	}
	.boysen ul li {
		float: none;
		border-right: 1px solid #f5f5e2
	}
	.boysen ul {
	    padding: 0;
	    margin: 10px 0 0 0;
	    list-style: none;
	    border-top: 1px solid #f5f5e2;
	    border-bottom: 3px solid #cddad2;
	    height: auto;
	}
	.hide-895 {display:none}
}
@media (max-width:768px){
	.sidenav{
		float: none;
		padding: 0;
		width: 208px
	}
	.container {
	    background: #fff;
/* 	    max-width: 1000px; */
	    margin: 0 auto;
	    width: 100%;
	    overflow:hidden;
	}
	.features td {
	    width: 92%;
	    display: block;
	    height: 260px;
	    /* margin-bottom: 11px; */
	    margin:11px auto;
	    vertical-align: top;
	}
	.subNav3 {
	    float: none;
	    padding: 0;
	    margin: 0;
	    max-width: 829px;
	    list-style: none;
	    border: 1px solid #ececec;
	    border-top: 15px solid #ececec;
	}
	.contentInner .content2 {
	    float: none;
	    margin: 0 auto;
	    max-width: 650px;
	}
	.dblock {
		display:block;
		width:100%;
	}
	.sidenav {
		float:none;
	}
	
	.content, .content-products {
	    float: none;
	    padding: 10px 10px 10px 7px;
	    max-width: 762px;
	    min-height: 600px;
	    text-align:center;
	}
	.contactForm {
	    float: none;
	    background: #f9f9f9;
	    padding: 0;
	    margin: 0 auto;
	    width: 97%;
	    list-style: none;
	    border: 1px solid #ececec;
	    border-top: 15px solid #ececec;
	}
	.contactForm table {
	    width: 85%;
	    margin: 0 auto;
	}
		.nav-mobile {
		display:block;
	}
	.nav-desktop {
		display:none;
	}
	#mylist {
		margin:0 auto;
		width:100%;
	}
	#mylist li {
		text-align:left;
	}
	.heading {
	    cursor: pointer;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    padding-left: 31px;
	    padding-right: 31px;
	    width: 81%;
	    background: url(../images/arrow.png) left center no-repeat #E7E7E7;
	    color: #00722f;
	    margin: 0 auto;
	    border-bottom: 5px solid #D8D8D8;
	    text-align: left;
	    text-decoration: none;
	    background-position-x: 5px;
	}	
	
	.appButton a img {
		width:160px;
	}
	
	.appButton a {
		margin:0 6px;
	}
	
	.appButton {
		bottom:50px;
	}
}

@media (max-width:650px) {
	.resp-footer {
	    display: block;
	    min-height: 280px;
	    background-color: white;
	}
	.resp-footer-ul {
	    padding:0px;
	    margin:0px;
	}	
	.disp-none-650 {
		display:none;
	}
	.footer-toggle {
	    position: relative;
	    float: right;
	    padding: 9px 10px;
	    /* margin-top: 39px; */
	    /* margin-right: 5px; */
	    /* margin-bottom: 8px; */
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    /* border-radius: 4px; */
	    width: 100%;
	    background-color: #195d35;
	    color:white;
	}
	.footer-nav {
	    position: relative;
	    min-height: 34px;
	    /* margin-bottom: 20px; */
	    border: 1px solid transparent;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .footer-toggle:hover {
  	 	background-color: #154e2d;
	}
	.resp-footer-li {
	    margin-bottom: 4px;
	    list-style: none;
	    line-height: 21px;
	}
	.icon-ul {
		height: 27px !important;
	    padding: 10px !important;
	    width: 250px !important;
	    margin: 0 auto !important;
    }
	.icon {
	    margin: 0 12px;
   		list-style: none;
		float:left;
	} 
	.connectWithUs {
		max-width: 360px;
	    width: 100%;
	    margin: 0 auto;
	}
	.colorsTable tr td {
		display:block;
		width:100%;
	}
	.content H2,  .content-products H2 {
		text-align:center;
	}
	.colorWidth {
	    width: 100%;
	    height: auto;
	}
	.subNav2 {
	    text-align: center;
	    float: none;
	    padding: 0;
	    margin: 0;
	    width: 100%;
	    list-style: none;
	    border: 1px solid #ececec;
	    border-top: 15px solid #ececec;
	}	
	.subNav2 li a {
	    display: block;
	    background: #f9f9f9;
	    padding: 0 10px;
	    text-align: center;
	    font: bold 14px Arial;
	    color: #717171;
	    line-height: 30px;
	}
	.show-650 {
		display:block;
	}
	.hide-650 {
		display:none;
	}	
	.colors-650 {
	    width: 70%;
	    height: auto;
	}
	.colorsTitle-650 {
	    font-size: 20px;
    	padding: 8px 4px 8px 4px;
	}
}
@media(max-width:500px) {
	.videoWrapper embed{
		width:100%;
		height:100%;
	}
	
	.sidenav, .sidenav-ht {
		float: none;
	    padding: 0 6px;
	    max-width: 500px;
	    /* width: 96%; */
	    margin: 0 auto;
	}	
	.content, .content-products {
	    float: none;
	    padding: 0;
	    max-width: 762px;
	
	}
	.content p{
		text-align:left;
	}
	
	.links img, .gallery img {
		width:100%;
		height:auto;
	}
	.gallery li {
	    float: none;
	    margin: 8px;
	    text-align: center;
	}
	.content-msds {
	    /* float: right; */
	    padding: 8px;
	    max-width: 762px;
	    /* display: block; */
	    /* width: 90%; */
	    margin:0 auto;
	}
	.content-ht {
	    float: left;
	    padding: 8px;
	    max-width: 724px;
	    display: block;
	    width: 100%;
	    margin: 0 auto;
	}
	.contentInner .content2 {
	    float: none;
	    width: 100%;
	}
	.content2 h3 {
		text-align:center;
	}
	#selectfield {
		width:68px;
	}
	.inputContact {
	    padding: 4px;
	    max-width: 200px;
	    border: 1px solid #b6b6b6;
	    border-radius: 10px;
	}
	.contentInner .content {
		float: none;
		max-width: 750px;
		width:inherit;
	}
	.content-downloads tr td {
	    display: block;
	    width: inherit;
	    margin: 0 auto;
	    text-align: center;
	}
	.show-500 {
		display:block;
	}
	.show-501 {
		display:block;
	}
	.hide-500 {
		display:none;
	}
	
	
}
@media (max-width:895px){
	.topLinks {display:none;}
	.topLinks-below {display:block;}
}
@media(max-width:450px) {
/* 	.boysen h1, .boysen h2 {
	    float: none;
	    margin: 0;
	    text-align: center;
	} */
	.boysen h1, .boysen h2 {
	    float: left;
	    margin: 0;
	    width: 123px;
	    text-align: center;
	}	
	.disp-block {
		display:block;
		width:100%;
	}
	.contactForm tr td {
		display:block;
		text-align:left;
	}
	.counterView {
		display: block;
    	width: 92%;
	}
	.textCounterView {
	    width: 275px;
	    display: block;
	    text-align: justify;
	}
	.subNav4#newsnav li a img {
	    display: block;
	    float: left;
	    margin: 0px 0 10px 7px;
	    min-height: 80px;
	    width: 100%;
	}	
	.imgnewslist {
	    width: 100%;
	    margin: 0 auto;
	    float: left;
	}	
	.boysen-logo {
		width:160px
	}
	.boysen-trust {
		width:46px;
	}
	.custom-navbar-toggle {
	    position: relative;
	    float: right;
	    padding: 9px 10px;
	    margin-top: 8px;
	    margin-right: 5px;
	    margin-bottom: 8px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	}
	.custom-navbar-header {
	    float: left;
	    width: 31px;
	}
	.custom-navbar-header .custom-navbar-toggle .icon-bar {
    	background-color: green;
   	    display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
	}
	.custom-navbar-toggle .icon-bar+.icon-bar {
    	margin-top: 4px;
	}
	
	.appButton a img {
		width:80px
	}
	
	.amazingslider-nav-0 {
		display:flex !important;
		justify-content:center;
		align-items:center;
		position:relative !important;
	}
	
	.appButton a {
		margin:0 3px;
	}
	
	.appButton {
		left:20px;
		bottom:30px;
	}
}
@media(max-width:320px) {
	.inputSearch {
		padding: 4px;
	    width: 211px;
	    border: 1px solid #b6b6b6;
	    border-radius: 10px;
	}
	.amazingslider-nav-0 {
	    display: block;
	    position: absolute;
	    height: auto;
	    overflow: hidden;
	    max-width: 100%;
	    bottom: -14px;
	    right: 0px;
	    /* margin-bottom: 16px; */
	    margin-top: 0;
	    /* margin-right: 16px; */
    }
    .textInfoWrapper h3 {
	    font-size: 24px;
	    -webkit-margin-before: 0;
	    -webkit-margin-after: 0;
	    -webkit-margin-start: 0px;
	    -webkit-margin-end: 0px;
	    display: inline-block;
	    vertical-align: middle;
	    width: 95%;
	    /* text-align: left; */
	}
	.subnav4 tr td {
	    display: block;
	    text-align: center;
	    width: 96%;
	}
	.show-500 {
		display:none;	
	}.show-320 {
		display:block;
	}
	.heading {
	    cursor: pointer;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    padding-left: 31px;
	    padding-right: 31px;
	    width: 81%;
	    background: url(../images/arrow.png) left center no-repeat #E7E7E7;
	    color: #00722f;
	    margin: 0 auto;
	    border-bottom: 5px solid #D8D8D8;
	    text-align: left;
	    text-decoration: none;
	    background-position-x: 5px;
	}	




}