/*
	CHANGELOG
	2.0.2		20210111		t hurley
					changed featured product bg image to png
	2.0.1		20171122		t hurley
					changed social icons to use font-awesome
					changed ref to ipema logo (was getting 404)
	2.0.0		20171103		t hurley
					uupdated h1 styles due to removed sifr
*/


body{
margin: 0;
padding: 0;
background-image: url(../images/gradient.jpg);
background-repeat: repeat-x;
margin-top: 15px;
}

a:link, a:visited{
color: #67ab40;
text-decoration: underline;
}

a:hover, a:active{
color: #67ab40;
text-decoration: none;
}

h1{
	font-family: "Arial Rounded", Arial, sans-serif;
	padding: 0;
	margin: .25em 0;
	font-size: 30px;
	color: #67ab40;
}

h2, h3{
font-family: Arial, sans-serif;
font-size: 19px;
font-weight: normal;
color: #7c7c7c;
text-align: left;
padding: 0;
margin: 8px 0 0 16px;
}

h4{
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #7d558d;
margin: 0;
padding: 3px 0 0 0;
text-align: left;
}

.popup
{
display:none;
position:absolute;
margin-left:90px;
margin-top:-180px;
}

#IEroot .popup
{/*IE HACK*/
display:none;
position:absolute;
margin-top:-180px;
margin-left:-235px;
}

.productthumb h4 a:link, .productthumb h4 a:visited{
color: #7d558d;
text-decoration: none;
}
.productthumb h4 a:hover, .productthumb h4 a:active{
color: #7d558d;
text-decoration: underline;
}

h5{
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 17px;
color: #787878;
text-align: left;
margin: 0;
padding: 0;
}
h5:link{
text-decoration: underline;
}
h5:hover{
text-decoration: none;
}

h6{
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 17px;
color: #787878;
text-align: left;
margin: 5px 0 0 0;
padding: 0;
}

h6:hover{
text-decoration: underline;
}

p,
.copycontainer li{
font-family: Arial, sans-serif;
font-size: 12px;
color: #717171;
line-height: 1.5;
}

.firstline{
margin-top: 0;
padding-top: 0;
}

.breadcrumb{
font-family: Arial, sans-serif;
font-size: 11px;
color: #67ab40;
margin: 0;
padding: 0;
display: inline;
}

.breadcrumb a:link, .breadcrumb a:visited{
color: #67ab40;
text-decoration: none;
}

.breadcrumb a:hover, .breadcrumb a:active{
color: #67ab40;
text-decoration: underline;
}
.video_description,
.product_description{
font-family: Arial, sans-serif;
font-size: 10px;
color: #919191;
text-align: left;
padding: 0;
margin: 0;
line-height: 1.4;
}

.video_description a,
.product_description a{
color: #67ab40;
}

.video_description a:link, .video_description a:visited, .video_description a:active,
.product_description a:link, .product_description a:visited,
.product_description a:active{
color: #67ab40;
text-decoration: none;
}

.product_description a:hover,
.video_description a:hover{
color: #67ab40;
text-decoration: underline;
}

.category_copy{
width: 415px;
margin: 13px 0 0 3px;
padding-right:10px;
}

.category_description{
font-size: 11px;
padding: 0;
margin: 0;
text-align: left;
line-height: 1.4;
}

.infotext{
margin: 10px 0 0 17px;
padding: 0;
}

.infotext li{
font-family: Arial, sans-serif;
font-size: 13px;
color: #7b7b7b;
list-style: none;
text-align: left;
font-size: 13px;
margin: 0;
padding: 0;
line-height: 1.8;
}

.infoindent{
margin: 0 0 0 13px;
padding: 0;
}

.contacttext{
font-size: 14px;
font-weight: bold;
color: #67ab40;
}

.sitemap li{
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #67ab40;
margin: 0 0 10px 0;
}

.see_more_button{
float: right;
margin: 5px 27px 5px 0;
}

#maincontainer{
margin: auto;
text-align: center;
width: 941px;
background-color: #fff;
display: table;
}
.nav_bg{
background-image: url(../images/nav_bg.jpg);
background-repeat: no-repeat;
height: 34px;
clear: both;
margin: 5px 0px 0 45px;
padding: 0;
}

.mainnav{
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
text-align: left;
padding: 10px 0 0 105px; 
margin: 0;
}

.mainnav li{
display: inline;
}

.mainnav a:link, .mainnav a:visited{
color: #fff;
text-decoration: none;
}

.mainnav a:hover, .mainnav a:active{
color: #fff;
text-decoration: underline;
}

#home_copy{
float: left;
width: 546px;
text-align: left;
padding: 15px 0 0 45px;
margin: 0;
}
#home_copy p
{
	font-size:16px;
	line-height:1.5em;
}

#catalog{
float: right;
background-image: url(../images/request_bg_two_itemsLL2.jpg);
background-repeat: no-repeat;
width: 254px;
height: 105px;
padding: 0;
margin: 35px 45px 0 0;
}

#app_button{
margin: 17px 0 0 2px;
padding-left:24px;
padding-right:24px;
/*text-align: center;*/
}

#catalog_button{
margin: 8px 0 0 2px;
padding-left:24px;
padding-right:24px;
/*text-align: center;*/
}
.button
{
	margin: 8px 0 0 2px;
	padding-left:24px;
	padding-right:24px;
	border:none;	
}

#home_callout_left{
background-image: url(../images/catalog_callout.jpg);
background-repeat: no-repeat;
width: 297px;
height: 155px;
float: left;
padding: 0;
margin: 35px 0 0 15px;
cursor:pointer;
}

#home_callout_middle{
background-image: url(../images/products_callout-v3.png);
background-repeat: no-repeat;
width: 293px;
height: 155px;
float: left;
padding: 0;
margin: 35px 0 0 5px;
cursor:pointer;
}

#home_callout_right{
background-image: url(../images/choose_callout.jpg);
background-repeat: no-repeat;
width: 284px;
height: 155px;
float: left;
padding: 0;
margin: 35px 0 0 15px;
cursor:pointer;
}

#footer{
    position: relative;
    
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
width: 886px;
height: 41px;
clear: both;
margin: 10px 0 0 25px;
padding: 0;
}

#footerhome{
    position: relative;
    
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
width: 886px;
height: 41px;
clear: both;
margin: 18px 0 0 25px;
padding: 0;
}

.utilitynav{
font-family: Arial, sans-serif;
font-size: 10px;
color: white;
text-align: left;
padding: 14px 0 0 14px; 
margin: 0;
}

.utilitynav a:link, .utilitynav a:visited{
color: inherit;
text-decoration: none;
}

.utilitynav a:hover, .utilitynav a:active{
color: inherit;
text-decoration: underline;
}

.utilitynav li{
display: inline;
}

#footerinfo{
font-family: Arial, sans-serif;
font-size: 10px;
color: #a3a3a3;
text-align: left;
padding: 0;
margin: 3px 0 0 27px;
float: left;
}


.page_header{
background-image: url(../images/dotted_rule.gif);
background-repeat: no-repeat;
width: 855px;
height: 20px;
float: left;
margin: 0 0 0 45px;
padding: 0;
text-align: left;
clear:both;
}
.catalog .main_content{
width: 855px;
float: none;
margin: 0 0 0 45px;
padding: 0;
text-align: center;
clear:both;
}

#product_container{
padding: 4px 0 0 43px;
margin: 0;
width: 604px;
float: left;
}
#videos_container {
	padding: 4px 0 0 28px;
	margin: 0;
	width: auto;
	float: left;
	clear: both;
}
.productthumb {
	float: left;
	margin: 0  15px 20px 0;
	width: 182px;
}
.video_container {
	float: left;
	margin: 0 0 40px 15px;
	width: 275px;
	
}
.video_container.begrow {
	clear: left;
}
.video_container.endrow {
	clear: right;
}
.subnav_callouts{
background-image: url(../images/subnav_bg.jpg);
background-repeat: no-repeat;
width:247px;
height:390px;
float: right;
padding: 4px 43px 0 0;
margin: 0;
}

.subnav_buttons{
background-image: url(../images/subnav_button_bg.jpg);
background-repeat: no-repeat;
width:231px;
height:544px;
float: right;
display: inline;
margin: 0 43px 0 0;
}

.iteminfo{
background-image: url(../images/info_bg.jpg);
background-repeat: no-repeat;
width: 217px;
height: 494px;
float: right;
margin: 0 43px 0 0;
}

#categories_container{
width: 570px;
float: left;
margin: 0;
padding: 0;
display:inline;
}

.category_blue{
/*background-image: url(../images/category_blue_bg.gif);*/
background-color:#e6f2fe;
/*background-repeat: no-repeat;*/
width: 572px;
/*height: 139px;*/
float: left;
margin: 0 0 20px 45px;
}

.category_white{
width: 572px;
height: 139px;
float: left;
margin: 0 0 20px 45px;
}

.category_thumb{
float: left;
margin: 10px;
}

.category_button{
margin: 9px 0 0 0;
}

.category_button_top{
margin: 13px 0 0 0;
}

.category_sub,
.category_sub_blue,
.category_sub_white
{
	width: 572px;
	height: 88px;
	float: left;
	margin: 0 0 8px 45px;
	
}
.category_sub_blue,
.category_sub.odd
{
background-image: url(../images/small_product_bg.gif);
}


.small_thumb{
float: left;
margin: 6px 0 3px 8px;
}

.small_thumb_info_container{
margin: 10px 0 0 90px;
}

#featured_products{
margin: 5px 19px 0 0;
}

#distributor_access{
margin: 13px 19px 0 11px;
}

#pricing_info{
margin: 11px 19px 0 24px;
}

#how_to_choose{
margin: 12px 19px 0 16px;
}

.copycontainer{
width: 572px;
float: left;
text-align: left;
padding: 0 0 0 45px;
margin: 0;
}

#choose_installation_quote .copycontainer
{
	width: 855px;
	float: none;
	overflow: auto;
}
#choose_installation_quote .callout
{
	text-align: center;
	font-size:30px;
	line-height: 1.25;
	color: #000000;
	margin: .5em 0;
}
#choose_installation_quote .col
{
	display:block;
	float: left;
	margin-right: 16px;
	width:377px;
}
#choose_installation_quote div.col
{
	width:462px;
	margin-right: 0;
}
#choose_installation_quote div.col div
{
	padding: 0 1em;
	border: 1px solid #67AB40;
	margin-bottom: 20px;
     -moz-border-radius: 20px; 
  -webkit-border-radius: 20px; 
          border-radius: 20px; 
}
#choose_installation_quote div.col img
{
	margin-top: 12px;
}
p.button, li.button, span.button{
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	display: block;
	text-align: center; 
	margin: 8px auto;
	padding: 4px 4px 4px 4px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
	border: 1px solid #6b7e25;
	width: 204px;
	color: #ffffff;
	text-decoration: none;
    -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px; 
		  background-color: #6ea13f;
		  background-image: -moz-linear-gradient(top, #87b168, #6ea13f); 
		  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #87b168),color-stop(1, #6ea13f)); 
		  background-image: linear-gradient(top, #87b168, #6ea13f);
		            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#87b168', EndColorStr='#6ea13f');
	}
body.access.distributor span.button {
	display:inline-block;
	text-align: left; 
	width: auto;
	border:none;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding: 4px 16px;
   -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
          border-radius: 3px; 
	  background-color: #5c9d39;
	  background-image: -moz-linear-gradient(top, #6aba41, #5c9d39); 
	  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6aba41),color-stop(1, #5c9d39)); 
	  background-image: linear-gradient(top, #6aba41, #5c9d39);
	            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6aba41', EndColorStr='#5c9d39');
}
.button a{
	display: block; 
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration:none;
}
body.access.distributor span.button a
{
	font-family: Arial, sans-serif;
	font-weight: normal;
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, old safari */
	-moz-opacity: 0.8;       /* mozilla, netscape */
	opacity: 0.8;           /* fx, safari, opera */
}
#about_callout{
font-family: Arial, sans-serif;
font-style: italic;
font-size: 26px;
color: #717171;
line-height: 1.3;
padding: 5px 0 5px 20px;
margin: 0;
}

#product_detail_container{
clear: right;
margin: 0 0 0 45px;
padding: 0;
width: 604px;
float: left;
}
#product_detail_container img {
	max-width: 100%;
}
.detail_thumb{
float: left;
margin: 13px 15px 0 8px;
padding: 0;
}

.choose_image{
	float: left;
	margin: 3px 13px 3px 0;
}


.surfacing_table{
font-family: Arial, sans-serif;
font-size: 12px;
color: #717171;
}

.header{
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: bold;
text-align: center;
color: #717171;
}

.measurements{
font-family: Arial, sans-serif;
font-size: 12px;
text-align: center;
color: #717171;
padding: 5px;
}

.handicap_icon{
float: left;
margin: 4px 10px 0 0;
padding: 0;
}

.ipema_icon{
float: left;
margin: 1px 0 0 0;
padding: 0;
}

.about #about, .products #products, .choose #choose, .access #access, 
.become #become, .contact #contact{
text-decoration: underline;
}

.featured #featured, .howto #howto, .distributor #distributor{
display: none;
}

.title{
float: left;
clear: both;
padding: 5px 0 0 45px;
margin: 0;
text-align:left;
}

.seperator{
background-image: url(../images/dotted_seperator.gif);
background-repeat: no-repeat;
width: 579px;
height: 4px;
margin: 5px 0 20px 0;
padding: 0;
}

#dialog-modal #primary
{
	width: 100%;
	margin:0;
}
#dialog-modal table
{
	border-collapse: collapse;
	border: 1px solid #67ab40;
}
#dialog-modal table th, #dialog-modal table td
{
	padding: .25em .5em;
	border-right: 1px dotted #67ab40;
}
#dialog-modal table th
{
	font-weight:bold;
	font-size: 1.25em;
	border-bottom: 1px dotted #67ab40;
	color: #67ab40;
	vertical-align:bottom;
}
#dialog-modal table td
{
	vertical-align:top;
}
.even td
{
	background-color: #e6ffd8;
}
tbody
{
	border-top:2px solid #67ab40;
}
tbody.first
{
	border:none;
}
.screen_reader_text, .screen-reader-text
{
	position: absolute;
	left: -99999px;
}
#title_and_tools
{
	overflow:auto;
}
#title_and_tools .title
{
	clear:none;
}
#title_and_tools .breadcrumb
{
	display:block;
	text-align:left;
}
.search_form
{
	float:right;
	text-align:right;
	padding-right:43px;
}
.search_form ol
{
	list-style-type:none;
}
.search_form li
{
	display:inline;
}
#product_search_results .category_sub
{
	position:relative;
}
#product_search_results .popup
{
	margin:0;
	left:90px;
	top:-180px;
}

.search_form #query
{
	width: 15em;
}

#social {
  overflow: hidden;
  position: relative;
  top: -25px;
  float: right;
  z-index: 999;
}
#social ul {
    margin: .4em;
    padding: 0;
}
#social li {
  display: inline-block;
	margin: 0 .25em;
  zoom: 1;
  * display: block;
}
#social a {
	box-sizing: border-box;
  display: block;
  cursor: pointer;
	font-size: 85%;
	height: 1.75em;
	width: 1.75em;
	padding-top: .25em;
	text-align: center;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#social a:link, #social a:link, #social a:visited, #social a:hover, #social a:active {
    color: #fff;
    text-decoration: none;
}

.infotext li ul, .infotext li ul li{list-style: disc;}
.infotext li li {line-height: 1.2em; margin-bottom: .5em;}