@charset "utf-8";

*{
margin:0;
padding:0;
}

html > body{
height:100%;	
}

body{
font-family:"Open Sans", Arial, Helvetica, sans-serif;
font-size:90%;
text-align:center;
line-height:1.5em;
min-width:961px;
color:#2F2F2F;
background:#D9BF74 url(/images/layout/body-background.jpg) fixed center 80px repeat-x;
height:100%;
position:relative;
}

p{
font-size:1em;
margin:0 0 1.5em;
line-height:1.5em;
}

h1, h2, h3{
font-size:1em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}

h1{
font-family:Open Sans, Arial, Helvetica, sans-serif;
background:#B4A46B;
color:#FFF;
text-align:left;
padding:.5em .75em;
font-size:2em;
line-height:.75em;
margin:0 -.75em .75em;
text-transform:uppercase;
font-weight:400;
position:relative;
z-index:1;
font-style:normal;
clear:both;
text-shadow:0 0 3px #807467
}

h2{
font-size:1.5em;
line-height:1em;
color:#C90;
padding:.15em 0;
margin:0 0 .8em;
border-bottom:2px solid #BBB;
position:relative;
}

h3{
font-size:1.4em;
line-height:1em;
margin:0 0 1em;
}

img{
vertical-align:middle;	
}

ul{
margin:1em 0 1em 1em;
}

ol{
list-style-position:inside;
margin:1em 0;
}

li{
margin:0 0 1em 1em;
line-height:1.5em;
}

a{
color:#009;
}

a:visited{
color:#960;
}

a:hover{
color:#655A45;
}

a span{
display:none;	
}

a:focus{
outline:none;	
}

a img{
border:0;
}

video{
background:#000;
}

/*		Constrained Media		*/

#body, #header, #mediaInner, #footer, #media-image{
width:960px;
margin:0 auto;
padding:0;
position:relative;
box-sizing:border-box;
}

#media-image, #bodyInner, #footer{
box-shadow:0 7px 10px rgba(0,0,0,.35);	
}

#shadowWrapper{
background:url(/images/layout/shadow-wrap.png) top center repeat-y;
position:relative;
z-index:1;	
}

#header{
position:relative;
background:none;
font-weight:normal;
letter-spacing:-.02em;
word-spacing:.015em;
text-align:left;
color:#775500;
font-size:22px;
padding:40px 0 0;
height:110px;
text-shadow:0px 0px 2px rgba(255,255,255,.75);
z-index:3;
}

#headerLogo{
position:absolute;
display:block;
bottom:0;
right:1.5em; 
}

#header-menu-button{
display:none;	
}

#media-image{
background:#FFF;
padding:0;
text-align:right;
height:400px;
}

#media-image .pdfLink{
display:none;
}

#index-slideshow-links{
z-index:2;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

.slideshow-image{
display:none;
}

#media-overlay{
background:url(/images/layout/overlay-curve.png) 55% -30px no-repeat;
height:600px;
position:absolute;
top:0;
right:0;
left:0;
z-index:1;
}

#footer-overlay{
background:url(/images/layout/overlay-curve-inverse.png) 45% 30px no-repeat;
height:600px;
position:absolute;
bottom:0;
right:0;
left:0;
z-index:1;
display:none;
}

#media-overlay-inner{
margin:0 auto;
width:960px;
text-align:right;
}

#mediaBG{
position:absolute;
right:0;
top:0;
width:100%;
z-index:0;
}

#mediaInner{
background:none;
text-align:left;
padding:0;
}

#mainMenu{
font-weight:600;
position:absolute;
bottom:-4px;
left:0;
text-align:center;
text-shadow:none;
font-size:18px;
}

#mainMenu ul, #mainMenu li, #mediaOverlay ul, #mediaOverlay li{
margin:0;
padding:0;
list-style:none;
}

#mainMenu li{
float:left;
}

#mainMenu ul a{
color:#FFF;
display:block;
text-decoration:none;
letter-spacing:-.05em;
border-bottom:4px solid #FFF;
text-shadow:0 1px 2px #766434, 0 0px 1px #766434;
padding:0 1.25em;
}

#mainMenu ul a:hover{
border-bottom:4px solid #333;
border-radius:4px 4px 0 0;
}

#social-widget{
position:absolute;
bottom:-30px;
left:5px;
right:0;
text-align:left;
}

#social-widget a{
display:inline-block;
margin:0 .25em 0 0;
padding:0;
}

#social-widget a img{
}

#body{
clear:both;
position:relative;
z-index:3;
}

#bodyInner{
background-color:#FFF;
background-image:url(/images/layout/overlay-curve-top.png);
background-position:left bottom;
background-repeat:no-repeat;
text-align:left;
padding:0 1.5em 1.5em;
position:relative;
z-index:0;
font-size:1.1em;
}

#body-inner-footer{
clear:both;
}

#productMenu{
display:block;
letter-spacing:.025em;
color:#FFF;
text-align:left;
font-size:1.15em;
line-height:1em;
margin:0 -1.3em 1.5em;
text-transform:uppercase;
font-family:Roboto, Open Sans, Arial, Helvetica, sans-serif;
font-weight:600;
position:relative;
z-index:5;
font-style:normal;
height:1.75em;
box-shadow:0 0 10px #333;
border-width:4px 0;
border-style:solid;
border-color:#FFF;
background:#000 url(/images/layout/masterGrad.jpg) left -117px repeat-x;
box-sizing:content-box;
}

#productMenu a{
color:#FFF;
height:100%;
display:block;
text-decoration:none;
line-height:1.75em;
}

#productMenu a:hover{
background:#0F0F0F;
}

#productMenu ul, #productMenu li{
list-style:none;
margin:0;
padding:0;
height:100%;
}

#productMenu li{
height:100%;
float:left;
width:33.3%;
text-align:center;
position:relative;
}

#productMenu > ul > li ul{
display:none;
height:auto;
width:100%;
border-width:4px 0;
border-style:solid;
border-color:#FFF;
}

#productMenu > ul > li:hover ul{
display:block;
}

#productMenu ul ul{
position:absolute;
left:0;
bottom:100%;
background:#000;
background:rgba(0,0,0,.75);
}

#productMenu ul ul li{
width:100%;
float:none;
border-top:2px solid #333;
}

#productMenu ul ul li:first-child{
border-top:none;
}

#productMenu ul ul li a{
padding:.5em 0;
font-weight:400;
}

.imageGallery{
z-index:1;
float:right;
}

.imageGallery a img[src$='jpg']{
border-radius:200px;
border:2px solid #CCC;
}

.imageGallery.compact{
position:relative;
top:-4em;
}

.imageGallery.compact a{
margin:0;
}

.imageGallery.compact a img{
border-radius:0px;
}

.imageGallery.compact a, .imageGallery.compact a span {
	display:none;
}

.imageGallery.compact a:first-child {
	display:block;
}

.imageGallery a{
position:relative;
margin:1em 0 0 0;
display:block;
}

.imageGallery a img{
border:0;
}

#tos{
clear:both;
text-align:center;
}

/*		Product Nav Tabs		*/

ul#productNav{
width:100%;
position:relative;
margin:0;
z-index:1;
float:left;
margin:0 0 2em;
border-bottom:2px solid #CFAD69;
top:-1em;
font-family:Roboto, Open Sans, Arial, Helvetica, sans-serif;
display:none;
}

ul#productNav > li{
list-style:none;
float:left;
margin:0;
padding:.15em 25px;
border-width:2px 2px 2px 0;
border-style:solid;
border-color:#777;
position:relative;
cursor:pointer;
font-size:1.175em;
color:#776435;
background:#F3F3F3;
bottom:-1em;
line-height:1.55em;
font-weight:400;
}

ul#productNav > li:first-child{
margin:0 0 0 .75em;
border-width:2px;
border-radius:10px 0 0 10px;
}

ul#productNav > li:last-child{
border-radius:0 10px 10px 0;
}

ul#productNav > li.activeTab{
background:#FFF;
color:#C80;
border-color:#777 #777 #FFF;
}

ul#productNav > li.activeTab:first-child{
border-radius:10px 0 0 0;
}

ul#productNav > li.activeTab:last-child{
border-radius:0 10px 0 0;
}

ul#productNav > li:hover{
color:#C80;
}

#productBody.js{
clear:both;
}

#productBody.js > div, #productBody.js > h2{
display:none;
}

#productBody.js > div.activePage{
display:block;
}

/*		Footer		*/

#footerOuter{
width:960px;
margin:0 auto;
clear:both;
}

#footer{
padding:1.5em 1em 0;
width:auto;
text-align:left;
color:#303030;
background-color:#FFF;
background-image:url(/images/layout/overlay-curve-bottom.png);
background-position:left top;
background-repeat:no-repeat;
z-index:3;
}

#footer a{
color:#303030;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;	
}

li h3{
display:inline;	
}

#footer h3{
display:block;
font-weight:normal;
font-size:1.3em;
border-bottom:2px solid #D9BF74;
margin:0 0 1em;
padding:0;
color:#303030;
font-family:Arial, Helvetica, sans-serif;
}

#footer ul{
float:left;
width:32%;
margin:0 1% 0 0;
padding:0;
}

#footer ul ul{
margin:0;
float:none;
width:auto;
}

#footer ul li{
color:#FFF;
list-style:outside none;
font-weight:bold;
}

#footer li li{
font-weight:normal;
margin:.75em 0 0;
}

#copyright{
display:none;
color:#D0CAB0;
text-shadow:1px 1px 1px #FFF;
}

#copyright a{
padding:0 .75em;
border-right:1px solid #D0CAB0;
}

#footer #copyright{
display:block;
clear:both;
position:relative;
line-height:39px;
text-align:right;
}

#copyright a:last-child{
border-right:none;
}

a#corpLink{
float:left;
margin:0;
font-size:1.2em;
border:none;
}

#copyright img{
border:0;
margin:0;
}

.col35L {
display:none;
}

#footer .col35L {
display:block;
float:left;
margin:0 0% 1em 0;
width:34%;
}

#footer .col65L {
display:block;
float:left;
margin:0 0 1em;
width:65%;
}
/*		Classes		*/

.bold{
font-weight:bold;
}

.imgRight{
float:right;
width:155px;
font-size:.9em;
clear:right;
text-align:center;
margin:0 0 1em 1em;
}

.imgLeft{
float:left;
width:155px;
font-size:.9em;
clear:left;
text-align:center;
margin:0 1em 1em 0;
}

img.video{
max-width:275px;
}

.col33{
float:left;
width:32%;
padding:0 1% 0 0;
}

.col35{
display:none;
}

#footer .col35{
display:block;
float:left;
width:34%;
margin:0 1% 1em 0;
}

.col50{
float:left;
margin:0 1% 0 0;
width:49%;	
}

#footer .col65{
float:left;
margin:0 0 1em;
width:65%;
}

.col30R{
float:left;
width:29%;
padding:0 0 0 1%;
}

.col70L{
float:left;
margin:0 1% 0 0;
width:69%;	
}

.colSection{
height:11em;
}

.colSection h2{
border:none;
}

.section{
clear:both;
border-bottom:2px solid #CCC;
display:table;
margin-bottom:1em;
padding-top:1em;
width:100%;
}

.section p{
text-align:left;	
}

.section p a{
margin-right:1em;	
}

.section p a img{
border:0;	
}

.section > div{
width:48%;
padding:0 1%;
display:table-cell;
}

.section a img{
border-width:1px;
border-style:solid;
margin:0 0 1.5em 0;
}

.section > a img{
float:left;
margin:0 1em 1em;
}

.error{
font-size:1em;
color:#C00;
}

.pdfLink{
position:relative;
margin:0 .25em 0 0;
}

.fancyThumb{
position:relative;
display:inline-block;
}

.litThumb{
position:relative;
float:left;
text-align:center;
display:block;
text-align:center;
width:33%;
}

.litThumb > a.fancyThumb{
margin:1em;
float:none;
display:inline-block;
border:2px solid #CCC;
border-radius:150px;
}

.litThumb > a.fancyThumb img{
border-radius:150px;
}

.litThumb .pdfLink{
display:none;	
}

.fancyThumb .video-overlay, .fancyThumb .lit-overlay{
background-image:url(https://media.unverferth.com/layout/video-play-overlay.png);
background-repeat:no-repeat;
background-position:center center;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
}

.fancyThumb div.lit-overlay{
background-image:url(https://media.unverferth.com/layout/pdf-icon-overlay.png);
}

.section > .videoThumb > img{
margin:0;
}

.h2web, .h2email, .h2mail, .h2phone, .h2specs, .h2manuals, .h2support{
padding:0 0 0 55px;
border-bottom:none;
}

.h2web div, .h2email div, .h2mail div, .h2phone div, .h2specs div, .h2manuals div, .h2support div{
background-image:url(https://media.unverferth.com/layout/contact-us-icons.png);
background-repeat:no-repeat;
background-color:transparent;
height:50px;
width:50px;
display:block;
position:absolute;
top:-10px;
left:0;
padding:0;
}

.h2web a, .h2email a, .h2mail a, .h2phone a, .h2specs a, .h2manuals a, .h2support a{
display:block;
position:relative;
line-height:1em;
}

h2 a, h2 a:visited, h2 a:focus, h2 a:hover{
color:#C90;
text-decoration:none;
}

.h2web div{
background-position:-150px -150px;
}

.h2phone div{
background-position:-100px -200px;
}

.h2email div{
background-position:-50px -250px;
}

.h2mail div{
background-position:0 -300px;
}

.h2specs div{
background-position:-300px 0;
}

.h2manuals div{
background-position:-200px -100px;
}

.h2support div{
background-position:-250px -50px;
}

.facebook:before, .youtube:before, .twitter:before, .instagram:before{
content:"";
padding:0 0 0 25px;
background-repeat:no-repeat;
background-position:center center;
display:inline-block;
height:28px;
border-radius:.3em;
background-size:cover;
vertical-align:middle;
margin:0 .25em 0 0;
}

.facebook:before{
background-image:url(https://media.unverferth.com/layout/facebook-color.jpg);
}

.youtube:before{
background-image:url(https://media.unverferth.com/layout/youtube-color.jpg);
}

.twitter:before{
background-image:url(https://media.unverferth.com/layout/twitter-color.jpg);
}

.instagram:before{
background-image:url(https://media.unverferth.com/layout/instagram-color.jpg);
}

/*		Table Style		*/
table.specTable *, table.specTable{
border-collapse:collapse;
border-spacing:0;	
}

table.specTable{
width:75%;
margin:0 auto 3em;
background:url(/images/layout/tableBG.png) center top repeat-y;
}

table.specTable thead{
background:#FFF;
font-weight:bold;
font-size:.95em;
letter-spacing:-.01em;
}

table.specTable thead tr:first-child{
text-align:center;
font-size:1.5em;
}

table.specTable tr{
background:none;
}

table.specTable tbody tr.evenRow, table.specTable tbody tr:nth-child(even){
background:#FFF;
}

table.specTable td{
padding:.25em 0 .25em .5em;
}

table.specTable tfoot tr{
	background:#FFF;
	border-top:1px solid #CCC;
}

/*		Form Info		*/

/*		All Forms		*/

form span{
color:#CFAD69;
}

legend{
color:#303030;	
}

input[type=text]:focus, textarea:focus, select:focus{
border:2px solid #CFAD69;
}

button[type=submit]{
background:#D9BF74 url(/images/layout/form-header-grad.jpg) center top repeat-x;
color:#202020;
}

button[type=submit]:hover{
background:#D9BF74;
}

fieldset fieldset fieldset{
border-color:#776435;
}

/*		Inline Forms		*/
form.inline{
color:#333;
background:#F1F1F1;
border-radius:8px 8px 0 0;
}

form.inline h2{
color:#202020;
border-color:#ccb266;
border-width:2px 2px 0;
border-style:solid;
background:#D9BF74 url(/images/layout/form-header-grad.jpg) center top repeat-x;
border-radius:8px 8px 0 0;
}

form.inline > fieldset{
background:url(/images/layout/formShadow.jpg) repeat-x scroll center -23px;
border-color:#999;
border-width:0 2px 2px;
border-style:solid;
position:relative;
z-index:1;
padding:0 1em;
}

form.inline fieldset fieldset{
border-color:#999;
}

/*		Form Form		*/

form.form h2{
color:#202020;
padding:0 .5em 0 150px;
text-align:right;
background:url(/images/layout/pk-form-logo.png) left center no-repeat;
}

form.form fieldset fieldset{
border-color:#CFAD69;
}

/*		Maps		*/
.resMap{
height:175px;
border:1px solid #BBB;
}

.mapWrap{
background:#EDEDED;
border:1px solid #AAA;
}

.mapWrap a{
display:inline-block;
float:left;
width:50%;
text-align:center;
text-decoration:none;
color:inherit;	
padding:.25em 0;
font-weight:600;
font-size:.9em;
}

.mapWrap a span{
font-weight:700;
color:#DE0000;
display:inline;
}

#dealer-locator{
position:relative;
}

.dealerContainer{
border-top:1px dotted #999;
clear:left;
overflow:auto;
padding:.5em 0 1em;
position:relative;
}

#cDealerLrgMap{
height:32em;
border:1px solid #BBB;
clear:both;
}

#dlrMap{
background:#FFF;
}

#cDealerDirMap{
height:30em;
width:49%;
float:right;
border:1px solid #BBB;
margin:1em 0 0 1%;
box-sizing:border-box;
}

#ajaxResults, #ajaxMap, #ajaxDirections{
display:none;	
}

#cDirections{
width:50%;
font-size:.95em;
}

#homeControl{
margin:5px;
border:1px solid #000;
}

#btHome{
background:#FFF;
border:1px solid #999;
font-weight:bold;
padding:0 1.25em;
font-size:.85em;
cursor:pointer;
}

/*		Phone		*/
@media only screen and (max-device-width: 760px){
body{
min-width:100%;
font-size:100%;
}

img{
max-width:100%;
}

h1{
margin:0 -.35em .75em;
padding:.5em .25em;
line-height:1em;
letter-spacing:-.015em;
font-size:1.5em;
}

#page-container{
position:relative;
z-index:1;
}

#header{
padding:5px 0;
margin:0;
position:fixed;
z-index:100;
background:#D9BF74;
background:rgba(217,191,116,.9);
box-shadow:0 3px 5px rgba(0,0,0,.5);
border-bottom:1px solid #FFF;
overflow:visible;
height:auto;
font-size:1em;
width:100%;
height:40px;
top:0;
z-index:1;
}

#header span, #header #mainMenu, #body #productMenu{
display:none;
}

#headerLogo{
margin:0 0 0 1em;
max-width:50%;
max-height:40px;
display:inline-block;
position:relative;
right:auto;
width:auto;
}

#headerLogo img{
max-height:40px;
}

#header-menu-button, #mobile-menu-button{
position:absolute;
top:0px;
bottom:0px;
right:0;
width:50px;
background:#766434 url(/images/layout/menu-button-bg.jpg) center center no-repeat;
float:right;
display:block;
z-index:1;
color:#FFF;
}

#media-overlay{
display:none;
}

#media-image, #body, #footerOuter{
width:100%;
padding:0;
position:relative;
}

#media-image{
height:auto;
position:relative;
z-index:5;
box-shadow:0 3px 5px rgba(0,0,0,.5);
padding-top:50px;
}

#bodyInner{
background-image:none;
width:auto;
box-shadow:none;
}

#footer{
padding:0 .5em;
font-size:1.1em;
background-image:none;
}

#footer li{
margin:1.5em 0;
}

#footer #copyright a{
display:block;
border:none;
}

#footer #copyright a#corpLink{
display:block;
float:none;
text-align:right;
}

#bodyInner{
padding:0 .5em 1em;
}

/*		Content		*/

#index-slideshow-images{
background-position:center center;
background-size:cover;
height:100%;
}

#cSlideshowControls{
bottom:0;
}

.col70L, .col30R, .col35L, .col65L, #footer .col35, #footer .col65, #footer ul, .col33, .col35, .col65{
float:none;
width:auto;	
border:none;
margin-left:0;
margin-right:0;
}

.imageGallery{
max-width:50%;
}

.imageGallery.compact{
top:-2em;	
}

.imageGallery .fancyThumb, .litThumb .fancyThumb{
max-width:100%;	
}

.fancyThumb{
max-width:50%;
}

.litThumb{
width:50%;	
}

.section{
border:none;
margin-bottom:0;
}

.section div{
float:none;
width:auto;
padding:0;
margin:0 0 2em;
display:block;
}

.imgRight{
width:auto;	
}

/*		Mobile Menu		*/
#mobileMenu-overlay{
position:fixed;
top:0;
bottom:0;
width:100%;
background:rgba(0,0,0,.5);
z-index:1000;
display:none;
text-align:left;
}

#mobileMenu{
position:absolute;
top:0;
width:65%;
height:100%;
right:-65%;
bottom:0;
z-index:1001;
background:#F0F0F0;
box-shadow:-1px 0px 7px rgba(0,0,0,.5);
overflow-y:auto;
}

#mobile-menu-button{
position:relative;
height:40px;
padding:5px 0 5px 50px;
background-position:5px center;
width:auto;
float:none;
top:auto;
bottom:auto;
font-size:1.25em;
border-radius:0;
line-height:40px;
}

#mobileMenu ul, #mobileMenu li{
list-style:none;
margin:0;
padding:0;
}

#mobileMenu ul{
padding:.25em 0;
background:rgba(0,0,0,.05);
}

#mobileMenu li{
border-bottom:1px solid #B4A46B;
text-align:left;
font-size:1.1em;
}

#mobileMenu a{
padding:.5em 1em;
color:#000;
display:block;
text-decoration:none;
}

#mobileMenu > ul ul{
display:none;
}

#mobileMenu .back, #mobileMenu a:focus, #mobileMenu a:hover{
border-left:6px solid #D9BF74;
}

#mobileMenu .dropdown-level{
background-image:url(https://media.unverferth.com/layout/menu-level.png);
background-position:98% center;
background-repeat:no-repeat;
}

#mobileMenu .dropdown-back{
background-image:url(https://media.unverferth.com/layout/menu-level-back.png);
background-position:left center;
background-repeat:no-repeat;
}

.h2web div, .h2email div, .h2mail div, .h2phone div, .h2specs div, .h2manuals div, .h2support div{
width:50px;
}

}

@media only screen and (min-device-width: 480px) and (max-device-width: 760px){
#footer ul{
width:32%;
float:left;
margin:0 1% 0 0;
}

.section > div{
width:48%;
float:left;
padding:0 1%;	
}

form fieldset fieldset{
width:49%;
float:left;
}

.imageGallery{
width:33%;
}

}

/*		Tablet		*/
@media only screen and (min-device-width: 761px) and (max-device-width: 1382px){

img{
max-width:100%;
}

body{
min-width:100%;	
}

#page-container{
width:98%;
padding:0 1%;
}

#media-image, #body, #footerOuter{
width:100%;
padding:0;
position:relative;
}

#header{
width:100%;
position:relative;	
}

#media-overlay{
left:10%;
background-position:left -15px;
}

#headerLogo{
max-width:25%;
right:1em;
top:1em;
}

#media-image{
height:auto;
position:relative;
}

#media-image img{
width:100%;	
}

#bodyInner{
background-image:none;	
}

#footer{
padding:1em .5em 0;	
background:#FFF url(/images/layout/mobile-bg.jpg) center bottom repeat-x;
}


}