@charset "utf-8";
/* CSS Document */

body {
	background-color:#01225D;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 auto;
	font-size:12px;


}

@font-face {
font-family: "Eurostile LT Bold Extended";
src: url("../fonts/Eurostile_LT_Bold_Extended.ttf");
}




#container {
	width:778px;
	margin:0 auto;
	background:#FFFFFF url(../images/container.gif) repeat-y;
}	

iframe #innerWrapper div#bottomContainer{
	display:none !important;
}
	
#header_simple {
	width:inherit;
	margin:0 auto;
	height:257px;
	background: #FFFFFF url(https://www.epdmcoatings.com/images/top-header-main-site.gif) no-repeat;
}

#header-mcpage {
	width:inherit;
	margin:0 auto;
	height:257px;
	background: #FFFFFF url(https://www.epdmcoatings.com/images/top-header-mcpage.jpg) no-repeat;
}	



#header_simple #flags {
	float:right;
	margin-right:10px;
	margin-top:14px;
}	
#header_simple #flags span{
	color:#FFFFFF;
}

#left-area {
	width:156px;
	height:inherit;
	float:left;
	background:#FFFFFF url(../images/left-area.jpg) repeat-y;
	margin:0;
	position:relative;
	top:-151px;
}

#left-area #menu {
	margin: 0;
	padding: 0 0 0 10px;
	border: 0;
	width:143px;
	font-family:Arial !important;
}

#left-area #menu ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    border: 0;
    }

#left-area #menu ul li {
	border:0 none;
	display:block;
	font-family:Arial !important;
	height:29px;
	margin:0;
	padding:0;
	border-bottom: 2px solid #299ADC;
    border-left: 6px solid #299ADC;
    background: -webkit-radial-gradient(top, #1A79B0, #003D65);
	background: -moz-radial-gradient(top, #1A79B0, #003D65);
	background: -ms-radial-gradient(top, #1A79B0, #003D65);
	background: -o-radial-gradient(top, #1A79B0, #003D65);
}

#left-area #menu ul li a {
	/*background-color:#1A79B0;
	background-image:url(../images/nav-bg.jpg);*/
	color:#;
	display:block;
	font-family:Arial !important;
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	height:20px;
	margin:0;
	padding:8px 0 2px 16px;
	text-decoration:none;
	text-transform:uppercase;
}

#left-area #menu ul li a:hover {  
    background: -webkit-radial-gradient(left, #016BA7, #015281);
   /* background-image:  url(../images/nav-bg-over.jpg);*/
}




#menu_order{
	background-color:#1A79B0;
	color:#FFFFFF;
	display:block;
	font-family:Arial !important;
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	height:25px;
	margin:0;
	text-decoration:none;
	text-transform:uppercase;
	line-height:25px;
}

.menu_order a {
	background-color:#1A79B0;
	color:#FFFFFF;
	display:block;
	font-family:Arial !important;
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	height:25px;
	margin:0;
	padding:8px 0 2px 16px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:25px;
}

.menu_order a:hover, #menu_order a:hover {   
    background-color: #1A79B0;
    text-decoration: none;
    border: 0;
}



.center{	
	text-align:center;
}



.AuthorizeNetSeal{
	margin-left:28px;}



#left-area #left-content {
	margin-left:9px;
	margin-top:10px;
	width:144px;
	text-align:center;
}
#right-area {
	width:622px;
	float:left;
	margin:0;
	background-color:#FFFFFF;
}

#right-area #content-header {
	width:622px;
	height:150px;
	background:#FFFFFF url(../images/content-header.jpg) no-repeat;
	margin:0 auto;
	display:none;
}

#right-area #content-header #order-now a{
	float:right;
	height:52px;
	margin-right:14px;
	margin-top:84px;
	width:236px;	
	background:#1A79B0 url(../images/order.gif) no-repeat;
	
}

#right-area #content-header #order-now a:hover{
	background:#1A79B0 url(../images/order-over.gif) no-repeat;

}
#right-area #content {
	background:#FFFFFF url(../images/content-bg.jpg) repeat-y;
	height:auto;
}
#right-area #content .page-content {
	margin:0 5px 0;
	padding:10px;
	width:588px;
}
#right-area #content .page-content .img{
	float:left;
}
#right-area #content .page-content .img2{
	float:right;
}

.clear{
	clear:both;
}
#right-area #content a { 
	text-decoration:none; 
	color:#1A79B0;
	font-weight:bold;
}
#right-area #content a:hover{ 
	text-decoration:none; 
	color:#0099FF;
	font-weight:bold;
}
#right-area #content h1 {
	background:#1A79B0 url(../images/heading-arrow.jpg) no-repeat;
	color:#FFFFFF;
	font-size:18px;
	line-height:30px;
	padding-left:34px;
	text-transform:uppercase;
}
#right-area #content h1 a {	
	background:#1A79B0 url(../images/heading-arrow.jpg) no-repeat ;
	color:#FFFFFF;
	font-size:18px;
	line-height:30px;
	padding-left:34px;
}
#right-area #content h2 {	
	background:#1A79B0 url(../images/heading-arrow.jpg) no-repeat ;
	color:#FFFFFF;
	font-size:16px;
	line-height:30px;
	padding-left:34px;
}
#right-area #content h3 {	
	background:#1A79B0 url(../images/heading-arrow.jpg) no-repeat ;
	color:#FFFFFF;
	font-size:14px;
	line-height:30px;
	padding-left:34px;
}
#right-area #content h3 a{	
	color:#FFFFFF;
}
#right-area #content p {
	line-height:18px;
	text-align:justify;
}
#right-area #content p img{
	margin:5px;
}
#right-area #content .icon {
text-align:center;
}
#right-area #content  ul {
	list-style-position:outside;
	margin-left:28px;
	margin-top:0;
	padding:2px;
}

#right-area #content li {
	list-style-image: url(../images/bullet.gif);
	line-height:18px;

}
#right-area #content .warning {
color:#FF0000;
font-size:16px;
font-weight:bold;
}
#container #footer {
	background:#FFFFFF url(../images/footer-bg.jpg) no-repeat;
	height:145px;
}

#container #footer .footer-content {
	color:#FFFFFF;
	font-size:12px;
	padding-top:25px;
	text-align:center;
}
#container #footer p {
	font-family:Arial, Helvetica, sans-serif;
	color:#01225D;
	font-size:12px;
	text-align:center;
}
#container #footer .footer-content a {font-size: 11px; text-decoration: none; color: #01225D;}
#container #footer .footer-content a:link {text-decoration: none; color: #01225D;}
#container #footer .footer-content a:hover {text-decoration: none; color: #FFFFFF;}
.section {
	font-size:12px;
	font-weight:bold;
}
.title {
	background-color:#FFFFFF;
	color:#01225D;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}
.next {
	float: right; 
	width:100px;
	height:25px; 
	padding-top:5px;
	display:block; 
	border:1px solid #000066; 
	margin-right:0px; 
	text-align:center; 
	font-weight:bold;
}
.next a:hover {
	display:block; 
	text-align:center; 
	font-weight:bold;
	background:#EEEEEE;
}
.previous {
	float: left; 
	width:100px; 
	height:25px; 
	padding-top:5px;
	display:block; 
	border:1px solid #000066; 
	margin-right:0px; 
	text-align:center; 
	font-weight:bold;
}
#share {
	float:right;
	margin-top:12px;
	width:156px;
	margin-right:20px;
	color:#FFFFFF;
}
#share a{
	color:#FFFFFF;
	text-decoration:none;
}

#chatcode{margin:30px 0px 20px 0px;}

.fb_like{
text-align:center;
}




.rightfix1 {
	position:absolute;
	float:right;
	margin-left: 623px;
}

.leftfix1 {
	position:relative;
	float:left;
}

.cal-banner {
    position: fixed;
	/*margin-top: 75px;*/
	margin-top: -249px;
    margin-left: -367px;
	z-index: 1;
}

.cal-banner2{
 position:fixed;
 margin-top:-248px;
}

.cal-banner-video{
 position:fixed;
 margin-top:300px;
 margin-left: 3px;
}

.cal-banner-video2{
 position:fixed;
 margin-top:190px;
 margin-left: 3px;
}

.cal-banner-project{
	position:fixed;
 	margin-top:300px;
 	margin-left:3px;
}


.history-banner{
/* position:fixed;
 margin-top:115px;*/
 margin-top:-215px;
 margin-left:44px;
/* right:40px;
 top:50px;*/
}



.cal-rv{
 position:fixed;
 margin-top:-250px;
 margin-left:5px;
 z-index: 1;
/* right:40px;
 top:50px;*/
}
.cal{
 position:fixed;
 margin-top:213px;
 margin-left:-367px;
/* right:40px;
 top:50px;*/
}

.cal1{

 /*margin-top:-254px;*/
 margin-top:6px;
 margin-left:8px;

/* right:40px;
 top:50px;*/
}
.cal2{
 position:fixed;
    margin-top: 438px;
    margin-left: -367px;

}

.cal-banner-sell{
 /*position:fixed;*/
 margin-top:10px;
 margin-left: 5px;
}

.free-caulk{
 /*position:fixed;*/
 margin-top:5px;
 margin-left: 5px;
}

.madein-usa{
 position:fixed;
 margin-top:68px;
margin-left:-300px;
}


.approved-caulk{
 position:fixed;
 margin-top:80px;
margin-left:-364px;
}

.cal-track{

margin-left:5px;
margin-top:-4px;
}

#calculator{
 width:205px;
 margin:auto;
 height:330px;
 background-image:url(../images/calculator1-new-coverage2.png);
 position:relative;
 display:block;
}



.top input[type=text]{
 width:85px;
 margin-top:3px;
}
.top label{
 font-size:12px;
 margin-top:10px;
 display:inline-block;
}

.top{
	text-align:center;
	margin-left:-18px;
}








.output input[type=text]{
 width:96px;
 border:0;
 background:-moz-linear-gradient( left , #cdcdcd 5%, #f9f9f9 );
 margin-top:10px;
 font-weight:bold;
}

.button, .output, .clear{
 text-align:center;
}

.button input[type=button]{
 background: -moz-linear-gradient( top , #53aad7, #064b74);
 background: -ms-linear-gradient( top , #53aad7, #064b74);
 background: -o-linear-gradient( top , #53aad7, #064b74);
 background: -webkit-linear-gradient( top , #53aad7, #064b74);
 background: linear-gradient( top , #53aad7, #064b74);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#53aad7", endColorStr="#064b74");
 border:1px solid #064f7a;
 color:#ffffff;
 width:85px;
 height:25px;

}

.button input[type=submit]{
 background: -moz-linear-gradient( top , #53aad7, #064b74);
 border:1px solid #064f7a;
 color:#ffffff;
 width:85px;
 height:28px;

}





.total{
	position:relative;
}
#width, #length {
    padding-top: 0;
    width: 50%;
	text-align:center;
}





#frm label {
}
#frm span {
}
.estimate h5{
	margin:0;
	font-weight:normal;
	font-size:12px;
	line-height:20px;
}






.estimate{
	text-align:left;
	margin-bottom:5px;
	font-size:12px;
}
h4.text {
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 3px;
}

#frm {
    left:0px;
    padding: 17px 20px;
    position: absolute;
    top: 80px;
	text-align:center;

}

.button {
    margin-top: 6px;
}

p.multiply {
    top:68%;
    left: 47%;
    margin: 0;
    position: absolute;
    width: 5%;
}
.width {
    float: left;
    margin-left: 15px;
    width: 40%;
}.length {
    float: right;
    margin-right: 15px;
    width: 40%;
}
.center {
    padding: 0 26px;
    text-align: center;
}





.container{
 text-align:right;
 width:778px;
 margin:0 auto;
}

.top-nav {
float: right;
position: relative;
}

.top-nav-social {
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
margin-left: 20px;



border-top: 0;
overflow: hidden;
}

.top-nav-social li {
float: left;
margin: 0;
}
.fa{
 color:#e5e5e5;;
}
.top-nav-social a {
font-size: 1.5em;
margin: 0;
color: #444;
display: block;
padding: 8px 6px;
min-width: 30px;
text-align: center;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}

.top-nav-social a.cart:hover {
background-color: #ef922f;
color: #fff;
}
.top-nav-social a.question:hover {
background-color: #00aced;
color: #fff;
}

.top-nav-social a.phone:hover {
background-color: #c2c2c2;
color: #fff;
}
.top-nav-social a:hover .fa{
 color:#ffffff;
}





.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
.tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:center;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;}

#nav {
	list-style:none;
	margin:100px auto;
}
#nav a {
	color:#ffffff;
	text-decoration:none;
	outline:0;
	border-left:4px solid #093E78;
}
#nav a:active, #nav a:focus, #nav a:hover {
	color:#;
	
}
#nav a.highlite {
	color:#f59a0a;
	border-left:4px solid #f59a0a;
}

ul.navigation a, a:visited{color:#ffffff; font-size:11px;font-family:Arial !important;
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	line-height: 2.3;
	text-decoration:none;
	text-transform:uppercase;}

ul.navigation{list-style:none; font: 0.75em/1.5em normal Tahoma, Verdana, Geneva, sans-serif;     border-left: 3px solid #003D65;     margin: 0;
    padding: 0; margin-left:7px;     background-color: #1B7AB2; padding-left: 4px; }

ul.navigation li{background: -webkit-radial-gradient(top, #1A79B0, #003D65); background: -ms-radial-gradient(top, #1A79B0, #003D65); background: -moz-radial-gradient(top, #1A79B0, #003D65); background: -o-radial-gradient(top, #1A79B0, #003D65); background: radial-gradient(top, #1A79B0, #003D65);
		display:block; 
        height: 25px;
    display: block;
    line-height: 16px;
    border-bottom: 1px solid #01225D;
	border-top:1px solid #01225D;
    border-left: 8px solid #01225D;
	border-right: 1px solid #01225D;
    text-indent: 4px;
	margin-top: 1px;
	cursor:pointer;
}
ul.navigation li:hover{
	background:-webkit-radial-gradient(top, #166BA3 ,#025486);
	background:-ms-radial-gradient(top, #166BA3 ,#025486);
	background:-moz-radial-gradient(top, #166BA3 ,#025486);
	background:-o-radial-gradient(top, #166BA3 ,#025486);
	background:radial-gradient(top, #166BA3 ,#025486);
	cursor: pointer;
	}
ul.navigation li.highlight{ 
color:#f59a0a;cursor:pointer; 
}

ul.navigation li.highlight:hover{ 
color:#f59a0a;cursor:pointer; 
}

ul.navigation li.highlight a{ 
	    color: #ffffff;
    font-size: 11px;
    border-left: 6px solid #f59a0a;
    display: block;
    line-height: 24px;
    cursor: default;
    margin-left: -7px;
    height: 25px;
}
ul.navigation li a {
    display: block;
}