@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
/****** Elements ******/

html {
	font-family: Arial;
}

body {
	font-size: 14px;
	color: #454545;
	padding: 0px !important;
	line-height: inherit;
}

h1, h2
{
	font-size: 24px;
	margin: 20px 0;
	color: #696969;
        font-family: 'Ubuntu', Arial;
}

h1
{
	color: #3E3E3E;
}

#home-page h1, #home-page h2, .right-col h2{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	font-size: 24px;
	font-size: 2rem;
	color: #685c53;

}

h4 {
	font-size: 1em;
}

h5 {
	font-size: .83em;
	margin: 1.5em 0;
}

h6 {
	font-size: .75em;
	margin: 1.67em 0;
}

fieldset {
	border: 1px dotted gray;
}

legend {
	border-left: 1px dotted gray;
	border-right: 1px dotted gray;
	margin-left: 10px;
	padding: 0 5px;
}

ul {
	margin: 1.12em 0;
}

li {
	display: list-item;
}

/****** Skin ******/

.container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 960px;
}

.content {
	float: left;
	width: 66%;
	margin-right: 2.2%;
	padding-bottom: 20px;
}

.skn-header {
	background-color: white;
	border: 1px gray solid;
	margin-bottom: 10px;
}

.skn-topnav {
	background-color: #EEE;
	border: 1px gray solid;
}

.skn-footer {
	background-color: white;
	border: 1px gray solid;
}

.skn-banner {
	background-color: white;
	border: 1px gray solid;
}

.button
{
	display: table-cell;
	background-color: #b7d432;
	height: 45px;

	border: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;

	color: #ffffff;
	font-weight:bold;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

.button:hover{
	background-color: #a5bf2e;
	cursor: pointer;
	text-decoration: none;
	color: white;
}

.button-div{
	margin-top:30px;
}

.background {
	background-image: url('images/StripeTile.png');
	position: relative;
}
	
#interior-page .main
{
    margin-right: 4px;
}

.main{
	background-color: white;
}

/****** breadcrumbs ******/

.breadcrumbs {
	background-color: #3e3e3e;
	opacity: 0.7;
	color: white;
	padding: 3px 0;
}

.breadcrumbs a {
	color: white;
	text-decoration: none;
}	

.breadcrumbs a:first-child{
    margin-left: 9px;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumb-header{
	font-size: 48px;
	font-weight: 300;
}

.left-col {
	background-color: white;
	background-image: url('images/main-right-border.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

.right-col {
	background-color: #f1f1f1;
}



.featured-products-header{
	background-image: url('images/FeaturedProducts.png');
	background-repeat: no-repeat;
	background-position: -5px 0;
	overflow: hidden;
}

.featured-products-header h2{
	position: absolute;
	top: -5000px;
	left: 0;
}

.rotator-prev, .rotator-next{
	background-repeat: no-repeat;
	background-position: center;
}

.rotator-prev{
	background-image: url('images/arrow-left.png');
}

.rotator-next{
	background-image: url('images/arrow-right.png');
}

.rotator-item a{
	text-decoration: none;
}

.featured-product-label {
        text-align: center;
	opacity: 0.8;
	font-family: 'Ubuntu', Arial;
        font-weight: 500;
	font-size: 16px;
	color: #1fb6e6;
}

.featured-product-label:hover
{
	text-decoration: underline;	
}


/***** location rotator ******/
.location-prev, 
.location-next{
	background-color: #c4c3c6;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.location-prev:hover, 
.location-next:hover
{
	background-color: #b4b3b6;
}

.location-prev{
	background-image: url('images/arrow-left-small.png');
}
.location-next{
	background-image: url('images/arrow-right-small.png');
}

.location {
	color: #454545;
	margin-top: 10px;
}

.location-title{
	background-image: url('images/MapPin_icon.png');
	background-repeat: no-repeat;

	padding-left: 40px;

	font-size: 24px;
	color: black;
	font-weight: bold;
	line-height: 42px;

}

.right-col .location h3, .location h4 {
	color: #454545;
}

.location-phone span{
    
}

.right-col .location-phone span{
	font-weight: normal;
}

.right-col .location h3 {
	font-weight: bolder;
}

.location h4 {
    font-weight: bold;
    margin: 0px;
}

.location-functions {
	list-style-image: url('images/location-arrow.png');
}

.location-functions a{
	text-decoration: none;
	color: #0090df;
}

.location-functions a:hover{
	text-decoration: underline;
}

.right-col .location-phone,  .right-col .office-hours{
	border-top: #dedede 1px solid;
	padding: 10px 0;
}

.location .contact-us{
	width: 165px;
}

/****** carriers ******/
.listings, .listing{
	width: 100%;
	list-style: none;
}

.listing {
	clear: both;
	padding:1em 0;
}

.listing>div{

}


.providers{
	display: block;
	background-color: white;
	border-radius: 5px;
}

.provider{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display:none;
}

.right-col .providers{
	background-image: none;
	background-color: white;
}

.carrier-logo{
	width: 90%;
	/* hack to force width when no logo exists */
	/* i have no idea why this works */
	padding: 1px;
}

/******* testimonials *******/

.testimonial{
	display:none;
}

.testimonial-rotator
{
	font-size: 16px;
	font-family: Georgia;
	font-style: italic;

	background: #36def8; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #36def8 16%, #1fb6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(16%,#36def8), color-stop(100%,#1fb6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #36def8 16%,#1fb6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #36def8 16%,#1fb6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #36def8 16%,#1fb6e6 100%); /* IE10+ */
	background: linear-gradient(135deg,  #36def8 16%,#1fb6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36def8', endColorstr='#1fb6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color: white;

	-moz-border-radius: 15px 15px 15px 0;
	border-radius: 15px 15px 0 15px;

}

.testimonial-author
{
        margin-top: 9px;
}

.testimonial-controls{
	background-repeat: no-repeat;
        height: 30px;
}

.testimonial-controls div:hover{
	cursor: pointer;
}

.full-testimonial {
	display:none;
}

.full-testimonial-box {
	font-size: 16px;
	font-family: Georgia;
	font-style: italic;
	background-color: #abbd2d;
	color: white;
	-moz-border-radius: 15px 15px 15px 0;
	border-radius: 15px 15px 15px 0;
}

.testimonial-prev{
	background-image: url(images/arrow-right-sprite.png);
	background-position:0 0;
}

.testimonial-prev:hover{
	background-position:0 -13px;
}

.testimonial-next{
	background-image: url(images/arrow-left-sprite.png);
	background-position:-15px 0;
}

.testimonial-next:hover{
	background-position:-15px -13px;
}

/***** footer product listing ******/
.quick-links{
	background-color: #584e45;
	font-size: 13px;
}

.quick-links a{
	color: white;
	text-decoration: none;
}

.quick-links a:hover{
	text-decoration: underline;
}

.landing {
	font-weight:bold;
}


/****** footer ******/
.footer{
	font-size: 11px;
	color: white;
        background-color: #343433;
        overflow: hidden;
        padding-bottom: 88px;
	clear: both;
}

.footer a{
	color: white;
	text-decoration: none;
}

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

.footer .footer-links {
	padding-top: 14px;
}

.upper-footer
{
    margin-bottom: 33px;
    margin-top: 18px;
}

.certifications img {
	margin-right: 39px;
	height: 80px;
}

.sm-chicklets a{
	background-image: url('images/SocialMediaChicklets.png');
	background-repeat: no-repeat;
	margin-left:3px;
}

.sm-chicklets .facebook-url{
	background-position: 0px 0px;
}
.sm-chicklets .facebook-url:hover{
	background-position: 0px -28px;
}

.sm-chicklets .linkedin-url{
	background-position: -39px 0px;
}
.sm-chicklets .linkedin-url:hover{
	background-position: -39px -28px;
}

.sm-chicklets .twitter-url{
	background-position: -77px 0px;
}
.sm-chicklets .twitter-url:hover{
	background-position: -77px -28px;
}

.sm-chicklets .google-url{
	background-position: -116px 0px;
}
.sm-chicklets .google-url:hover{
	background-position: -116px -28px;
}

.sm-chicklets .youtube-url{
	background-position: -154px 0px;
}
.sm-chicklets .youtube-url:hover{
	background-position: -154px -28px;
}

.sm-chicklets .instagram-url{
	background-position: -190px 0px;
}
.sm-chicklets .instagram-url:hover{
	background-position: -190px -28px;
}

.sm-chicklets .blog-url{
	display:none;
}

/****** header ******/

.header
{
    padding-top: 84px;
    overflow: hidden;
}

.logo
{
	max-width: 100%;
	float: left;
	margin-bottom: 12px;
	color: #454545;
	text-decoration:none
}

.logo div {
	padding: 34px 0;
	line-height: 100%;
}

.phone-number
{
    	margin-top: 28px;
	margin-bottom: 10px;
	position: relative;
	font-family: 'Ubuntu', Arial;
	font-size: 27px;
        float: right;
        color: #3e3e3e;
        font-weight: bold;
	line-height: 29px;
	text-align: center;
}

.phone-number.refer
{
	margin-top: 15px;
}

.phone-number-header
{
	text-align: center;
        font-weight: 300;
	padding: 0 10px;
	background-color: white;
	font-size: 21px;
	color: #3e3e3e;
}

.fb-like {
	width: 50px;
	overflow: hidden;
}

/****** staff ******/

.bio-link, .hide-bio-link {
	width:115px;
}

.phone span {
	font-weight: bold;
	width: 100px;
	float: left;
}

.email{
	margin-top: 10px;
}

.email span{
	font-weight: bold;
}

.staff-pic {
	width: 20%;
	margin-right: 3%;
	padding: 1px;
}

.staff-pic > img {
	display: block;
	margin: 0 auto;
	max-height: 200px;
	max-width: 100%;
}

.staff-name, .staff-contact, .staff-office {
	width: 25%;
}

.staff-office .address {
	background-image: url('images/MapPin_icon.png');
	background-repeat: no-repeat;

	min-height: 45px;
	width: auto;
	padding-left: 40px;
	margin-bottom: 10px;
}

.staff-office .directions-link {
	padding-left: 40px;
	padding-top: 12px;
}

.bio {
	padding-left: 10%;
	width: 80%;
	display:none;
	margin-top: 20px;
}



/******* product page *******/
.quote-link {
	width: 200px;
}

/******* related products *******/
.related-products li {
	display: inline;
	float: left;
	width: 274px;
	height: 120px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 10px;
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));

}

.related-products li img {
	width: 102px;
	float: left;
}

.related-product-details {
	float:left;
	width: 153px;
	margin-left: 10px;
	font-size: 10px;
	line-height: 16px;
}

.related-product-details h3 {
	color: #0090DF;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	margin-bottom: 0;
	margin-top: 0;
}

/****** locations page ******/

.locations-container .address
{
	width: 100%;
}

.address, .map{
	width: 48%;
}

.address > h3 {
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    width: 100%;
}

.listing > .address > * {
	float: left;
}

.location-info, .office-hours {
	width: 48%;
}

/******* top nav ******/
.top-nav{
	background-color:#3e3e3e;
        background-image: url(images/header_bg.png);
	z-index: 3;
}

.nav-container{
	font-size: 14px;
	font-family:Oswald;
	color: #454545;
	z-index: 5;
}

.nav-container > ul > li > a {
	text-transform: uppercase;
}

.nav-container a{
	text-decoration: none;
}

.nav-container ul{
	z-index: 5;
}

.nav-container ul {
    
}

.nav-container ul li a
{
    color: #3e3e43;
}

.nav-container > ul > li > a {
	color: #FFF;
}

.nav-container ul  ul li:hover > a{
	color: #eeeeee;
}


.home-link a{
	background-image: url('images/HomeIcon.png');
	background-repeat: no-repeat;
	background-position: center;
}

.nav-container > ul > li
{
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 0 15px;
    margin-top: 11px;
    padding-top: 0px;
    margin-left: 7px;
}
 
.nav-container > ul > li:hover
{
    background-color: rgba(0, 0, 0, 0.44);
}


.dropdown ul{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
}

.dropdown li {
	font-family: arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.dropdown >ul li:nth-last-child(1){
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.dropdown >ul li li:nth-child(1){
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.dropdown >ul li li:nth-last-child(1){
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/* nav-products */
.product-div {
	overflow: hidden;
	display:none;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.products:hover > div, .products:hover  ul{
	display:block;
}

.top-product-list {
	font-family: arial, sans-serif;
	font-size: 13px;
	font-weight: bold;

}

.products > li{
	display: block;
}

.products .top-product-list li:hover{
	color:#eeeeee;
	background-color:#454545;
}

.product-info{
	background-color: white;

	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 15px;

}

.product-info h3{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 24px;
}

.product-details {
	border-left: 1px solid #d2d2d2;
}

.nav-container ul .subproducts li a{
    color: #0090df;
    margin-left: 15px;
    margin-bottom: 17px;
    line-height: 1;
}

.nav-container ul .subproducts li a:hover{
	color: #0090df;
	text-decoration: underline;
}

.nav-container .right-items{
	color: #0090df;
}

.nav-container .right-items li:hover{
	color: #065a87;
}

.locations-widget-button {
	background-image: url('images/locationIcon.png');
	background-repeat: no-repeat;
	background-position: left;
}

.locations-widget .location{
	clear: both;
}
.locations-widget .content{
	display: none;
	font-family: arial, sans-serif;
	background-color: #eeeeee;
	position: absolute;
	top:100%;
	left: -400px;
}

.directions-wrapper{
	padding: 5px;
}


.page, .wrapper, .locations-widget .content > div{
	background-color: white;
}

.vert-arrow {
	height: 13px;
	width: 13px;
	background-image: url('images/ArrowsVertical.png');
	background-repeat: no-repeat;
	background-position: 4px 7px;
	padding-right: 15px;
	margin-left: 5px;
}

.horz-arrow {
	float: right;
	height: 12px;
	width: 8px;
	background-image: url('images/BW_arrow.png');
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 15px;
}

li:hover > a > .horz-arrow{
	background-position: 0 -13px;
}

.locations-widget .page, .locations-widget .content {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

}

.email-widget {
	background-image: url('images/emailIcon.png');
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left;
}

.carrier-info{
	width: 100%;
}

.carrier div, .carrier h3{
	float: left;
}

.carrier{
	list-style-type:none;
}

.carrier-name {
	width:62%; 
	padding-left:3%;

	font-size:24px;
	font-weight:bold;
	color: #0090df;
}

.carrier-details {
	display:none;
	clear:both; 
	padding-left: 25%; 
	width: 70%; 
}
.carrier-details dl {
	padding: 10px 30px;
}

.functions {
	width: 9%;
}
.plus-minus {
	display:block;
	width: 28px;
	height: 28px;
	background-image: url('images/PlusMinus.png');
}

.carrier-logo:hover, .carrier-name:hover, .plus-minus:hover{
	cursor:	pointer;
}
.plus-minus:hover{
	background-position: 0 28px;
}

.expanded .plus-minus{
	background-position: 28px 0;
}
.expanded .plus-minus:hover{
	background-position: 28px 28px;
}

.carrier-logo-box {
	width:24%;

	border-right: #dedede 1px solid;
}

.carrier-details a{
	text-decoration: none;
}
.carrier-details a:hover{
	text-decoration: underline;
}


/******* form ******/

.checkbox {
	display: inline;
	height: 14px;
	width: 15px;

}

form .button {
	display: block;
	width: 150px;
	margin-top: 12px;
}


.left-col form input, .left-col form select, .left-col form textarea {
	margin-bottom: 20px;
}

/****** jscrollpane override ******/
.jspVerticalBar {
	width: 8px;
}

.jspTrack {
	background-color: #bfc7c8;
}

.jspDrag {
	background-color: #9fa2a3;
}

.subproducts .jspTrack {
	background-color: #eeeeee;
}

.subproducts .jspDrag {
	background-color: #343434;
}


/******* jquery ui overrride *******/
.ui-widget-overlay { 
	opacity: .80;
	filter:Alpha(Opacity=80); 
}

/****** Site Structure ******/

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

.str-banner {
	width: 500px;
	height: 375px;
	float: left;
}

#home-page .str-content {
	float: left;
	margin-left: 10px;
}

#interior-page .str-content {

}

.frame {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.str-footer {
	margin-top: 10px;
}

.left-col {

}

.right-col {
	padding-left:10px;
}

/****** featured products rotator *******/
.rotator {
	margin-top: 50px;
        position: relative;
}

.rotator-prev {
	height: 126px;
	width: 25px;
	float:left;
	width: 6%;
	margin-right: 2%;
	opacity: 0.5;
}

.rotator-next
{
    	height: 126px;
	width: 6%;
	margin-left: 2%;
	float:left;
	opacity: 0.5;
}

.rotator-items {
	overflow: hidden;
	float:left;
	width: 84%;
        margin-bottom: 25px;
}

.rotator-window {
	width:3000px;
}

.rotator-item {
	width: 230px;
	float: left;
	position:relative;
}

.featured-product-label:after
{
    content: " ";
    display: block;
    height: 126px;
    left: 161px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 99999;

    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, #bfbfbf 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,#bfbfbf), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,#bfbfbf 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,#bfbfbf 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfdfd 0%,#bfbfbf 50%,#fdfdfd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,#bfbfbf 50%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='rgba(255,255,255,0)',GradientType=0 ); /* IE6-9 */
}


.featured-product {
	width: 162px;
	height:126px;
        text-align: center;
	margin: 0px;
	padding: 0px;
}

.featured-product img
{
	height: 61px;
}

.featured-product-label {
	padding: 3px 10px;
	height: 22px;
        margin-top: 6px;
}

.seperator
{
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #bfbfbf 50%, #fdfdfd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(50%,#bfbfbf), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#bfbfbf 50%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfdfd 0%,#bfbfbf 50%,#fdfdfd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfdfd 0%,#bfbfbf 50%,#fdfdfd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdfdfd 0%,#bfbfbf 50%,#fdfdfd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
    width: 1px;
    height: 111px;
    display: inline-block;
}


/****** locations rotator ******/
.locations-container{
	margin-bottom: 22px;
	min-height: 230px;
}

.location-image{
	
}

.locations-viewport {
	width: 225px;	
	overflow: hidden;
}

.locations {

}

.location-prev, .location-next {
	height: 25px;
	width: 40%;
	max-width: 110px;
	display:inline-block;
	margin-right: 1px;
}

.right-col .location {
	float: left;
	margin: 20px 0;
}

.right-col .location div{
	width: 225px;
	display: block;
}

.location-functions{
	padding-left: 25px;
	margin-top: 0.25em;
	margin-left: 0px;
}

.location-phone, .office-hours{
	padding: 10px 0;
}

.office-hours span{
	width: 70px;
	float: left;
}

.map {
	height: 265px;
}

/****** carriers ******/
.providers{
	height: 164px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.provider{
	width: 100%;
	height: 123px;
}

.right-col .providers {

	width: 240px;
	height: 140px;
	padding-left: 0px;
}

.right-col .provider{
	width: 75%;
	margin: 0 auto;
}

/****** testimonials ******/
.testimonial-rotator{
	padding: 10px;
	height: 133px;
}

.testimonial-controls div{
	float: right;
	height: 13px;
	width: 12px;
	margin-top: 4px;
	background-image: url("images/Arrows.png");
}

.testimonial {
	height: 120px;
	overflow: auto;
}

.full-testimonial {
	display:none;
}

.full-testimonial-box {
	padding: 10px;
}

.fb_reset
{
	float: left;
}

/****** breadcrumbs ******/
.breadcrumb-header{
	margin: 0;
        margin-top: 20px;
}

/****** header ******/
.sm-like-buttons{
	margin-top: 36px;
}

/****** footer ******/
.copyright{
	margin:0;
}

.sm-chicklets a{
	width:29px;
	height:28px;
	float: right;
}	


/****** staff page *******/
.staff-name h2, .pp_inline h2 {
	margin: 0;

}

/******* top nav ******/
.top-nav{
	height: 78px;
	margin-bottom: 8px;
	width: 100%;
	position: fixed;
}

ul {
	list-style: disc outside none;
	margin-left: 13px;
}

ul a{
	display:block;
}
.nav-container ul ul{
	display:none;
	margin: 0;
}

.nav-container{
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	height: 45px;
}

.nav-container ul{
	margin: 0;
	z-index: 5;
	padding: 0;
}

.nav-container > ul > li{
	display: block;
	line-height: 53px;
	vertical-align: middle;
	float: left;
        height: 57px;
}

.nav-container .dropdown > ul li:hover{
	position: relative;
}

.nav-container > li > a
{
    height: 50px;
    margin: 0px;
    padding: 0px;
}

.home-link a {
	width: 50px;
	display: block;
}

.nav-container .dropdown > ul {
	margin-left: -13px;
	margin-top: -10px;
}

.nav-container .dropdown > ul li{
	position: relative;
	color: #e9e9e9;
	background-color:#eeeeee;
        min-width: 285px;
}
.nav-container .dropdown > ul li a {
    margin-left: 20px;
}

.nav-container .dropdown > ul li:hover{
	color: #eeeeee;
	background-color: #454545;
	position: relative;
}

.nav-container .top-product-list > li > a{
        margin-left: 20px;
}

.dropdown > ul{
	margin-left: -15px;
}

.dropdown > ul:hover ul{
	position: absolute;
	top: 100%;
}

.dropdown:hover > ul{
	display: block;
	position: absolute;
	top: 100%;
}

.nav-container .contact-us > ul li{
	position: relative;
	color: #454545;
	background-color:#eeeeee;
	width: 230px;
}

.nav-container .contact-us > ul li:hover{
	color: #eeeeee;
	background-color: #454545;
	position: relative;
}

.contact-us:hover > ul{
	display: block;
	position: absolute;
	top: 100%;
}

.nav-container .dropdown li {
	display: block;
}

.dropdown li:hover > ul{
	display: block;
}

.dropdown:hover ul ul{
	position: absolute;
	top: 0;
	left: 100%;
}

/* nav-products */
.products{
	position: relative;
}

.product-div{
	position: absolute;
	top:100%;
	left:0;
	width: 260px;
}

.products .top-product-list {
	float: left;
	width: 260px;
	display: block;
	background-color:#eeeeee;
}

.products .top-product-list li{
	width: 230px;
}


.product-info{
	width: 505px;
	float: left;
	overflow: hidden;
}

.product-info h3{
	margin: 15px;
}

.subproducts{
	width:240px;
	float: left;
	overflow: hidden;
	line-height: 10px;
}
.subproducts li{
	width: 100%;

}

.product-details{
	width: 250px;
	float: left;
	overflow: hidden;
	padding-left: 10px;
}

.product-details > div {
	margin-top: 10px;
	width: 220px;

}

.nav-container .right-items{
	float: right;
}

.locations-widget {
	position:relative;
}

.locations-widget-button {
	padding-left: 20px;
	margin-right: 20px;
}

.locations-widget .location div{
	padding: 10px;
	float: left;
}

.info-container{
	line-height: 20px;
}

.info-container ul{
	margin: 10px 0;
}

.info-container li{
	line-height: 20px;
	display: block;
	float: none;
}

.info-container span {

}

.info-container h3{
	font-weight: bold;
}

.page{
	max-height: 600px;
	overflow: auto;
}

/****** Generic Helper Classes ******/

.hlp-wrapper {
	padding: 10px;
}

.hlp-clear {
	clear: both;
}

.hlp-left {
	float: left;
}

.hlp-right {
	float: right;
}

.hlp-round-corners {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.hlp-box-shadow {
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
}

.hlp-first {
	margin-top: 0;
}

.hr {
	background-image: url('images/divider.jpg');
	background-repeat: no-repeat;
	background-position: center;
	height: 8px;
}

.listings {
	border-bottom: 1px solid #dad6d3;
	margin-bottom: 30px;
	padding-top: 30px;
}

.listing {
	border-top: 1px solid #dad6d3;
	padding: 30px 0;
}

.prettyPhoto-content {
	display: none;
}

.active {
    
}
.active:hover {
	opacity: 1;
	cursor: pointer;
}

.center
{
    margin-left: auto;
    margin-right: auto;
    /* do not hide overflow */
}

.top-white-area
{
    overflow-y: hidden;
}

.lower-gray
{
    background-color: #e9e9e9;
    overflow: hidden;
    font-size: 15px;
    font-family: Arial;
    padding-bottom: 53px;
}

#home-page .lower-gray h1, #home-page .lower-gray h2
{
	display:block;
	height: 24px;
	line-height: 0.6;
	font-weight: 400;
	background: url(images/repeater.png) repeat-x;
	color: #3e3e43;
	padding-top: 3px;
	margin-top: 20px;
}

#home-page .lower-gray h1
{
	height: 100%;
	line-height: 1;
	background-repeat: repeat;
}
#home-page .lower-gray h2
{
	height: 100%;
	line-height: 1;
	background-repeat: repeat;
}
p
{
	margin-bottom: 20px;
}

h4
{
	font-weight: bold;
}

.banner
{
	width: 100%;
	height: 302px;
	background-position: center center;
	position: relative;
	z-index: 1;
}

.banner-copy
{
    font-size: 44px;
    font-weight: 300;
    font-family: 'Ubuntu', Arial;
    margin-bottom: 8px;
    line-height: 60px;
}

.get-a-quote
{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	font-size: 48px;
	color: white;
        position: absolute;
        top: 85px;
        left: 20px;
        width: 80%;
	max-width: 303px;
        height: 190px;
        background: black;
        background: rgba(0, 0, 0, 0.8);
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 0px;
        padding-top: 7px;
        text-transform: uppercase;
}

.get-a-quote .button
{
	width: 200px;
}

.gplus
{
    float: left;
    margin-right: 8px;
    margin-left: 8px;
}

#interior-page .main ul
{
	list-style: inside;
	float: none;
	display: block;
}

.main
{
	float: left;
	width: 670px;
	margin-left: 5px;
}

#interior-page .right-bar
{
    padding: 15px;
    border-radius: 5px;
    background-color: #e9e9e9;
    overflow: hidden;
    font-size: 15px;
    font-family: Arial;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

#interior-page .right-bar .providers
{
	height: auto;
	width: auto;
	padding: 0px;
	background: white;
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
}

#interior-page .right-bar h2
{
	display:block;
	height: 24px;
	line-height: 0.8;
	font-weight: 400;
	background: url(images/repeater.png) repeat-x;
	color: #3e3e43;
	padding-top: 3px;
	margin-top: 20px;
}

#interior-page .right-bar .locations-container h2
{
	margin: 0px;
	margin-bottom: 5px;
}

#interior-page .right-bar .address
{
	width: 227px;
}

#interior-page .right-bar .location-image
{
	max-width: 250px;
}

#interior-page .location-image.second
{
	display: none;
}

#home-page .location-image
{
	display: none;
}

#home-page .location-image.second
{
	display: block;
	max-width: 100%;
}

.locations-widget .location .info-container {
    float: left;
    font-family: Arial;
    font-size: 14px;
    width: 165px;
}
.locations-widget .location .info-container ul {
    clear: both;
    display: block;
}
.locations-widget .location .info-container a {
    color: #0066CC;
}

.locations-widget .page, .locations-widget .content
{
	border-radius: 0 0 5px 5px;
	padding: 7px;
	width: auto !important;
	box-shadow: 0 0 6px rgba(33, 17, 1, 0.6);
}

.wrapper .main strong
{
	font-weight: bold;
}

.wrapper .main ul
{
	list-style: disc outside none;
	margin-left: 25px;
}

.wrapper .main ul.related-products
{
	list-style: none;
	margin-left: 0px;
}

.wrapper .main ul li
{
	margin-bottom: 5px;
}

.wrapper .main ul.related-products li
{
	margin-bottom: 20px;
}

h2.breadcrumb-header
{
	color: #3E3E3E;
}

.bubbleTail
{
	float: right;
}

.lower-gray .inner
{
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.floatDiv
{
    display: block;
    float: left;
    margin-left: 4%;
    width: 30%;
}

.floatDiv:first-child 
{
    margin-left: 1%;
}

.home-content
{
    float: left;
    margin-left: 4%;
    width: 65%;
}

.mobileNavigation
{
	display: none;
}

#jPanelMenu-menu
{
	margin: 0px;
	background: #F5F5F5;
	box-shadow: 0 0 4px 0 #888888 inset;
}

#jPanelMenu-menu
{
	list-style: none;
}

#jPanelMenu-menu ul
{
	display: block;
	float: none;
	margin: 0px;
	list-style: none;
}

#jPanelMenu-menu ul.level-2
{
	display: none;
}

#jPanelMenu-menu li
{
	line-height: 30px;
	position: relative;
}

#jPanelMenu-menu li:after
{
	content: '\f0da';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	position: absolute;
	right: 8px;
	top: 5px;
}

#jPanelMenu-menu li a
{
	border-bottom: 1px solid #E1E1E1;
	border-top: 1px solid #FFFFFF;
}

#jPanelMenu-menu > li:first-child a
{
	border-top: 0px;
}

#jPanelMenu-menu li a
{
	margin-left: 3px;
	padding: 0.25em;
	padding-left: 5px;
	color: #1FB6E6;
	font-size: 14px;
	font-family: Open Sans, Arial;
}

#jPanelMenu-menu > li > a 
{
	font-weight: bold;
	text-transform: uppercase;
}

.mobileNavButtons
{
	display: none;
}

.mobileNavButton
{
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	height: 57px;
	margin-left: 7px;
	margin-top: 9px;
	padding: 2px;
	width: 63px;
	cursor: pointer;
	float: right;
	margin-right: 2%;
	text-align: center;
}

.mobileNavButton span
{
	font-size: 40px;
	margin-top: 6px;
	display: block;
	color: #0090DF;
}

.mobilePhoneBucket
{
	display: none;
	opacity: 0;
	left: 0;
	position: fixed;
	top: -100px;
	width: 100%;
	z-index: 9999;
}

.mobilePhoneBucket .inner
{
	background: white;
	width: 94%;
	padding: 2% 3%;
	position: relative;
	top: 0px;
	left: 0px;
}

.mobilePhoneBucket .inner h3
{
	margin: 0px;
	padding: 0px;
}

.darkScreen
{
	width: 100%;
	background: black;
	background: rgba(0, 0, 0, 0.8);
	height: 1500px;
}

.phoneButton
{
    cursor: pointer;
    background-color: #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    font-size: 27px;
    padding: 10px;
    margin-top: 10px;
    color: #333;
}

.phoneButton .icon-phone
{
	color: #0090DF;
}

#showNavButton
{
	float: left;
}

h3.location-title
{
	padding-left: 34px;
}

.mobileFeaturedProducts
{
	display: none;
	font-family: Open Sans, Arial;
}

.mobileFeaturedProducts ul
{
	display: block;
	float: none;
	overflow: hidden;
	list-style: none;
	margin-top: 0px;
}

.mobileFeaturedProducts ul li
{
	font-size: 23px;
	border: 1px solid #DCDCDC;
	border-bottom: 0px;
	margin: 0;
	padding: 11px;
	position: relative;
	line-height: 34px;
}

.mobileFeaturedProducts ul li:last-child
{
	border-bottom: 1px solid #DCDCDC;
}

.mobileFeaturedProducts ul li img
{
	width: 27px;
}

.viewAllProducts
{
	border-radius: 5px;
	border: 1px solid #E1E1E1;
	cursor: pointer;
	display: block;
	font-size: 23px;
	padding: 5px 5px 5px 11px;
}

.viewAllProducts.expanded
{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: #F1F1F1;
}

#featuredIcon
{
	float: right;
	margin-right: 10px;
	color: #333;
}

.zeroHeight
{
	height: 0px;
}

.testimonial-quote
{
	width: 95%;
	overflow: hidden;
}

.footer .certifications {
	float: left;
}

.footer .sm-chicklets {
	float: right;
}

.related-products li div
{
	text-decoration: none;
}

.content h3
{
	font-size:1.5em;
}

.content em
{
	font-style: italic;
}

.content strong
{
	font-weight: bold;
}

@media (max-width: 980px) 
{
	#menu
	{
		display: none;
	}

	.mobileNavButtons
	{
		display: block;
	}

	.container 
	{
		margin-left: 3%;
		margin-right: 3%;
		width: 94%;
	}
}


@media (max-width: 768px) 
{
	.content {
	
		padding-bottom: 20px;
		width: 100%;
		margin-right: 0;

	}

	.right-bar {

		clear:both;

	}

	.banner
	{
		margin-bottom: 15px;
	}

	.logo img
	{
		width: 90%;
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.floatDiv.carriers
	{
		display: none;
	}

	.floatDiv
	{
		width: 47%;
	}

	.home-content
	{
		width: 47%;
	}

	.get-a-quote
	{
		font-size: 44px;
		position: relative;
		left: 0px;
		top: 58px;
		margin-left: auto;
		margin-right: auto;
	}

	.phone-number
	{
    		display: none !important;
	}

	.phone-number-header
	{
		font-size: 23px;
	}

	.locations-inner
	{
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}

	.vert-arrow
	{
		display: none;
	}

	.home-link a
	{
    		margin-left: auto;
    		margin-right: auto;
	}

	.location.listing .address
	{
		width: 100%;
		margin-bottom: 18px;
	}

	.location.listing .map
	{
		width: 100%;
	}

	.listing .staff-contact, 
	.listing .staff-office,
	.listing .staff-name,
	.listing .staff-pic
	{
    		border-bottom: 1px solid #DDDDDD;
    		float: none;
    		margin-bottom: 4px;
    		margin-left: auto;
    		margin-right: auto;
    		padding: 3px;
    		width: 70%;
	}

	.footer .footer-links
	{
		font-size: 16px;
	}

	.staff-pic > img
	{
		width: auto;
		display: block;
		max-height: 200px;	
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}

	.staffPage .staff-name
	{
		padding-top: 15px;
		padding-bottom: 15px;	
	}

	.staffPage .listing .button-div
	{
		display: none;
	}

	.staffPage .listing .staff-contact
	{
		padding-top: 15px;
		padding-bottom: 15px;	
	}

	.staffPage .listing .staff-office
	{
		padding-top: 15px;
		padding-bottom: 15px;		
	}

	.staffPage .listing .phone span
	{
		display: inline-block;
		margin-right: 8px;
		width: auto;
	}
}

@media (max-width: 650px)
{
	#home-page h1, #home-page h2, .right-col h2
	{
		font-size: 1.5em;
		padding-top: 6px !important;
	}

	.featuredProducts.rotator
	{
		display: none;
	}

	.mobileFeaturedProducts
	{
		display: block;
	}

	.related-product-details h3
	{
		font-size: 11px;
	}

	.related-products li div
	{
		font-size: 9px;
	}
}

@media (min-width: 500px)
{
	#mobilePhoneButton
	{
		display: none;
	}
}

@media (max-width: 480px)
{
	.banner-copy
	{
		font-size: 30px;
	}


	.home-content, .floatDiv
	{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}

	#interior-page .logo
	{
		display: none;
	}

	.phone-number
	{
		margin-top: 0px;
	}

	.top-nav
	{
		position: static;
	}

	.header
	{
		padding-top: 0px;
	}

	.nav-container
	{
		width: 100%;
		overflow: hidden;
		height: auto;
		padding-bottom: 11px;
	}

	.get-a-quote
	{
		font-size: 41px;
	}


	.home-link
	{
		width: 78% !important;
	}

	.top-nav
	{
		height: auto;
	}

	.nav-container > ul > li
	{
		line-height: 30px;
    		height: auto;
    		line-height: 30px;
    		margin-left: 5%;
    		margin-right: 5%;
    		width: 30%;
	}

	.banner
	{
		height: 225px;
	}

	.get-a-quote
	{
		top: 17px;
	}

}

@media (max-width: 410px)
{
	.mobileNavButton
	{
		margin-right: 0.5%;
	}

	.home-link
	{
		width: 78% !important;
	}

	.nav-container > ul > li
	{
		line-height: 30px;
    		width: 30%;
		height: auto;
	}

	.related-products li
	{
		width: 214px;
	}	

	.related-product-details
	{
		width: 144px;
	}

	.related-products li img	
	{
		width: 60px;
	}
}

@media (max-width: 370px)
{
	.get-a-quote
	{
		font-size: 30px;
	}
}

@media (max-width: 320px)
{
	.products	
	{
		display: none !important;
	}

	.nav-container > ul > li
	{
		line-height: 36px;
    		width: 78%;
		height: auto;
		margin-top: 4px;
	}

	.home-link
	{
		width: 78% !important;
	}

	.email-widget
	{
		display: none;
	} 
}