﻿*
{
margin: 0px;
padding: 0px;
}

body
{
color: #9f9f9f;
font-size: 16px;
font-family: "trebuchet ms", helvetica, sans-serif;
background-color: #000000;

background-image:url('Images/bg_bigimage_sm.png');
background-repeat:no-repeat;
background-attachment:fixed; 
background-position:bottom left; 
}


#main
{
padding-top: 20px;
position: relative;
width: 1100px;
margin: 0px auto;
padding-bottom: 10px;
}



#header
{
width: 100%;
height: 100px;
background-color: #4d4d4d;
background: url('images/header_fade3.png') repeat-x;
color: #ffffff;
}


#header_inner
{
position: relative;
width: 1090px;
height: 104px;
margin: 0px auto;
}


#header_logo
{
background: inherit;
padding-left:35px;
 padding-top:10px;
}

#header_text
{
background: inherit;
position: absolute;
right: 50px;
bottom: 15px;
color: #FFFFFF;
font-size: 30px; 
}

#lcol
{
position: relative;
width: 145px;
padding-left:20px;
float: left;
margin:10px 0px 0px 0px;
display:block; clear:right;
}

#lcontent
{
position: relative;
padding: 0px 10px 0px 15px;
}

#rcol
{
position: relative;
margin:0px 0px 0px 170px;
width:830px;
}

#rcontent
{
position: relative;
padding: 10px 0px 0px 40px;
height:100%;
}

img.bg
{
position:absolute; 
bottom:0px; 
left:0px; 
z-index:-1;
}


a
{
text-decoration: none;
color: #87FF0F;
}

a:hover
{
text-decoration: underline;
color: #87FF0F;
}








#menu ul
{
list-style: none;
margin: 0px;
}

#menu li
{
background: none;
padding: 0px;
font-weight: bold;
font-size: 14px;
}


#menu a
{
display: block;
position: relative;
width: 145px;
height: 24px;
margin-bottom: 1px;
text-decoration: none;
background: inherit;
padding-left: 10px;
padding-top: 2px;
color:#FFFFFF;
font-size: 16px;
}



#menu a:hover
{
background: inherit;
color: #fff;
background-image: url('images/bbg1.gif');
}




#menu a span
{
position: absolute;
right: 0px;
margin-top: 9px;
margin-right: 10px;
width: 7px;
height: 7px;
}

#menu a:hover span
{
position: absolute;
right: 0px;
margin-top: 9px;
margin-right: 10px;
width: 7px;
height: 7px;
}

#menu a:hover
{
background: inherit;
color: #fff;
background-image: url('images/bbg1.gif');
}


h1
{
color: #FFFFFF;
font-size: 26px;
}

h1 span
{
background: inherit;
color:#87FF0F;
}

h2
{
color: #FFFFFF;
font-size: 20px;
}

h2 span
{
background: inherit;
color:#87FF0F;
}



h3 span
{
background: inherit;
color: #85AC1E;
}

h3.first
{
margin-top: 0px;
}

.green
{
background: inherit;
color:#87FF0F;
}




li
{
font-size: 18px;
margin-left:20px;
}



p
{
margin-bottom: 25px;
text-align: justify;
line-height: 20px;
}

#lcol p
{
font-size: 12px;
line-height: 16px;
margin: 0px;
}

.divider
{
position: relative;
height: 1px;
width: 100%;
margin: 10px 0px 10px 0px;
}

.spacer10px
{
position: relative;
height: 10px;
width: 100%;
}

.spacer50px
{
position: relative;
height: 50px;
width: 100%;
}

.summary
{
text-align: right;
font-style: italic;
}

ul.divided li
{
border-top: solid 1px #F5F5F5;
margin-top: 4px;
padding-top: 4px;
background-position: 0px 9px;
}

ul.divided li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
background-position: 0px 5px;
}

ul.green_list_items li
{
border-top: solid 1px #F5F5F5;
margin-top: 4px;
padding-top: 4px;
background-position: 0px 9px;
color:#85AC1E;
}


.page_slogan
{
font-size: 18px;
position: relative;
color:#FFFFFF;
}

.box
{
position: relative;
border: dashed 1px #dadada;
margin-top: 15px;
background: inherit;
color: #AAB165;
}

.box h2
{
background: inherit;
color: #6C7425;
font-weight: normal;
font-size: 18px;
margin-bottom: 5px;
}

.box p
{
font-size: 12px;
line-height: 16px;
margin: 0px;
}

.box_inner
{
border: solid 1px #fff;
padding: 15px;
background: #FFFFE9 url('images/a4.gif') repeat-x;
color: inherit;
}


.image_box
{
padding: 15px;
background: #FFFFFF ;
text-align:center;
border: solid 1px #9f9f9f;
}

.image_box_no_border
{
padding: 15px;
background: #FFFFFF ;
}

.captioned_image
{
position: relative;
padding-bottom: 15px;
float: left;
margin-right: 17px;
}

.captioned_image div
{
position: absolute;
font-size: 10px;
bottom: 0px;
left: 0px;
}

#footer
{
clear: both;
width: 100%;
margin: 0px auto;
margin-bottom: 20px; 
padding-top: 10px;
text-align: center;
font-size: 10px;
}

.footer_text
{
color: #FFFFFF;
font-size: 14px;
padding-top:10px;
}

.farcebook
{
  padding-top:20px;
  background-color:#E8F1FA;
  border:1px solid #C1CD3;
}

.bigbutton
{
width: 300px;
height: 75px;
font-size: 20px;
color:#636363;
font-family:Trebuchet MS;
}

.center{ text-align:center;}

.title1
{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

.social-link-text
{
color:#FFFFFF;
font-size:18px;
font-weight:bold; 
}

.social-link-icons
{
padding-top:12px
}


.header
{
font-size: 20px;
position: relative;
color:#FFFFFF;
font-weight:bold;
}


.bignav
{
	width: 290px;
	height: 100px;
	font-size: 35px;
	color: #87FF0F;
	font-family:Trebuchet MS;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	padding-top:25px;
	background-image:url('Images/Buttons/button.png');
	margin-right:auto;  
	margin-left:auto;
}



.bignav:hover
{
	text-decoration:none;
	color:#FFFFFF;
	background-image:url('Images/Buttons/buttonHover.png');
}

.prodbox_titles
{
color:#87FF0F;
font-size:18px;
font-weight:bold;
position:absolute; 
top:6px; 
left:12px;
}

.prodbox_codes
{
color:#87FF0F;
font-size:14px;
position:absolute; 
top:8px; 
right:12px;
}


.headertab
{
	height: 100px;
	width: 526px;
	background-repeat:no-repeat;
	display:block;
	background-image:url('Images/SafetyShow4normal.png');
}

.headertab:hover
{
	background-image:url('Images/SafetyShow4hover.png');
}


#header_droptab
{
	position:absolute; 
	margin-top:-20px;
	right: -40px; 
	z-index:999; 
	display:inline;
}

a img
{
	text-decoration: none;
	border: solid 2px #000000;
}

a:hover img
{
	text-decoration: none;
	border: solid 2px #87FF0F;
}

input.calcvals
{
	color:white; 
	width:150px; 
	font-weight:bold; 
	font-size:medium; 
	background-color:#333333;  
	text-align:center; 
	padding:10px; 
	margin:10px; 
	border:3px solid #666666;
}
input.calcvals_red
{
	color:#FF3333; 
	width:150px; 
	font-weight:bold; 
	font-size:medium; 
	background-color:#333333;  
	text-align:center; 
	padding:10px; 
	margin:10px; 
	border:3px solid #666666;
}
input.calcvals_totals
{
	color:#87FF0F; 
	width:150px; 
	font-weight:bold; 
	font-size:x-large; 
	background-color:#333333;  
	text-align:center; 
	padding:10px; 
	margin:10px; 
	border:3px solid #666666;
}

input.slidervals
{
	border: 0; 
	color: #87FF0F; 
	font-weight: bold; 
	background-color:Black; 
	margin-left:15px; 
}

div.slider
{
	width:150px; 
	margin:12px 0px 15px 15px; 
}
th.left
{
	text-align:left;
}
th.center
{
	text-align:center;
}
.calcheading
{
	color:White; 
	font-size:x-large; 
	font-weight:bold;
}

 .ui-slider .ui-slider-handle
{     
	width:15px;      
	height:30px;      
	background:url(../Images/sliderarrow_v3.png) no-repeat; 
	overflow: hidden;      
	position:absolute;     
	top: -7px;     
	border-style:none;
} 

.hr-fade
{
	background:url(../Images/HR_v1.png) repeat-x;
	width:750px; 
	margin-top:10px; 
}

.prod_name
{
	font-size: 18px;
	position: relative;
	color:#FFFFFF;
}

.price_info
{
	position:absolute; 
	left:550px; 
	top:300px; 
	display:none; 
	z-index:100; 
	border:4px solid #333333; 
	background-color:#666666; 
	color:White;
	width:300px; 
	padding:10px; 
}

.calc_ad
{
	background-repeat:no-repeat; 
	width:135px; 
	height:100px; 
	margin-left:25px;
	display:block;
	text-decoration:none;
	background-image:url('Images/Calculators_SidebarAd.png');
}
	
.calc_ad:hover
{
	text-decoration:none;
	background-image:url('Images/Calculators_SidebarAd_hover.png');
}

.calc_resouce_page
{
	background-repeat:no-repeat; 
	display:block;
	width:213px; 
	height:150px;
	margin-left:50px;
	text-decoration:none; 
	border:2px solid gray;
}
	
.calc_resouce_page:hover
{
	border:2px solid #87FF0F;
}

.calc_labour
{
	background-image:url('Images/KwikAz_CalculatorLabour_sm.gif');
}

.calc_coverage
{
	background-image:url('Images/KwikAz_CalculatorCoverage_sm.gif');
}



