/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.raintechoklahoma.com/
   TEMPLATE NAME:  Rain Tech
   DATE:           Jan-29th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #cacaca url(/images/bg.gif) repeat-x;
}

.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }

/* ----------CART--------------------- */
font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: #e1e1e1; }
td { line-height: 20px; }
table b { color: #e1e1e1; }
table a, tr a, td a, font a, .content table a {color: #e1e1e1; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #e1e1e1; margin-right: 10px; } 

/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 905px;
background: #fff url('images/mainbg.gif') repeat-y;
} 

/* --------------LABELS BUTTONS & FORMS-----------*/
label {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
line-height: 1.8em;
color: #1f1a17;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
color: #4c4c4c;
padding: 6px;
margin-bottom: 6px;
}
 
.button {
width: 6em;
font: bold 16px “Lucida Sans Unicode”, sans-serif;
color: #fff;      
background: #c4261c;
padding: 4px 5px;
border: 1px solid #c4261c;
}

.error 
{
	font: 10pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	color: Red;
	padding-left: 15px;
}

.error ul 
{
	padding-left: 15px;
}

input.error { border: 1px solid red; }
select.error { border: 1px solid red; }
label.error {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .1em;
}
label.valid {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}

/* --------------HEADER------------- */
#header { height: 112px; background: url(/images/headerbg.gif) no-repeat;}

#header .right {
width: 400px;
float: right;
text-align: right;
padding: 12px 15px 0px 0px;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
letter-spacing: normal;
line-height: 1.4em;
}

#header img { border: none}

.freeestimate {
position: absolute;
margin-left: 468px;
margin-top: 56px;
}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 304px; height: 97px; float: left;}
.logolink { background-image: url('/images/logo.gif'); background-repeat: no-repeat;}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------- */
.suckertreemenu { background: #ed2427 url('/images/topnavbg.gif') repeat-x; height: 40px;}
.suckertreemenu img { border: none;padding-top: 7px; padding-left: 10px;}


.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
z-index: 5;

}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
font: 8pt Tahoma, Arial, Verdana, Sans-serif;
color: #FFF;
text-decoration: none;
padding-left: 15px;
padding-right: 30px;
}

.suckertreemenu ul li a:hover { }

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-top: 0px;
margin-left: 10px;
border-top: 1px solid #eed290;
border-right: 1px solid #eed290;
border-left: 1px solid #eed290;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin: 0px;
display: block;
overflow: visible;
text-align: left;
font: 8pt Arial, Verdana, Tahoma, Sans-serif;
width: 120px; /*width of sub menu levels*/
color: #fff;
text-decoration: none;
padding: 8px;
background-color: #d6ab53;
top: -12em;
border-bottom: 1px solid #eed290;
}

.suckertreemenu ul li ul li a:hover { background: none;}
.suckertreemenu ul li a:hover { color: #74581e;}
.suckertreemenu ul li ul li a:hover{ background-color: #f5e4bc; text-decoration:underline}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */




/* --------------MISSION------------- */
#mission { background: #fcf7ec url('/images/missionbg.jpg') no-repeat; height: 227px;}
#mission .holder { padding: 20px;}
#mission .holder .autho { background: url('/images/missionautho.gif') no-repeat; height: 38px; margin-bottom: 26px;}
#mission .holder .pics {height: 116px;}
#mission img { border: none;}

/* --------------THREEBLOCKS------------- */
#threeblocks {
padding: 11px 10px 0px 14px;
height: 100%;
height: auto;
min-height: 100%;
line-height: 18px;
background: #fcf7ec url('/images/threeblocksbg.jpg') no-repeat; height: 300px;
}

#threeblocks .holder {
padding: 10px;
}

#threeblocks .holder .reasons {
background: url('/images/threeblocks_reasons.gif') no-repeat; height: 26px;
}

#threeblocks a {
color: #c4261c; 
font-weight: bold;
background: url(/images/bullet.gif) no-repeat center left; 
padding-left: 20px;
margin-left: 0px;
text-decoration: none;
text-transform:lowercase;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
}

#threeblocks a:hover, #main .content ul a:hover, #main .content a:hover {
text-decoration: none
}

#threeblocks p {
padding: 0px 10px 0px 18px;
line-height: 20px;
color: #1f1a17;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.8em;
text-align: justify
}

#threeblocks h1 {
color: #c4261c; 
padding-bottom: 8px;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.3em;
margin-left: 18px;
}

#threeblocks img {
background: url(/images/imgborder.gif) no-repeat; 
padding: 20px 30px 5px 13px;
border: none;
}

#threeblocks .block {
float: left;
width: 280px;
margin: 0px;
padding: 0px;
clear:right
}

#threeblocks .viewmore {
padding: 0px; margin: 0px; background: none;
}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

#main .content {
padding: 8px 20px 20px 20px;
margin-left: 236px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
background: #fff url('/images/mainbg2.gif') no-repeat top center;
}

#main h1 { 
color: #c4261c; 
padding-bottom: 14px;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.3em;
padding-top: 12px;
}

#main a { color: #c4261c; }

#main p {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.8em;
color: #1f1a17;
padding-bottom: 22px;
}

#main .pic {
float: right;
margin: 10px 0px 10px 10px;
}


/* --------------MAIN NAVLEFT----------------*/
#main .navleft { float:left; width: 236px; margin: 0px;}
#main .navleft .top { background-color: black; height: 45px}
#main .navleft .feedback { height: 45px; background: url(/images/leftfeedback.gif) no-repeat}
#main .navleft b { font-size: 14px; letter-spacing: -1px}
#main .navleft a { color: #e6e6e6;}

#main .navleft p {
color: white;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 2em;
padding: 15px 25px 15px 25px;
}



/* --------------ABOUT US----------------*/

h4 {
color: #c4261c; 
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.8em;
}


ul#about { margin-left: 10px; margin-bottom: 20px; padding: 0px;}

ul#about li {
display: block;
list-style-type: none;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 2em;
 background: url(/images/iconblock.gif) no-repeat left center;
 padding-left: 20px;
}




/* --------------FAQ----------------*/

h3 {
color: #c4261c; 
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.8em;
background: url(/images/iconquestion.gif) no-repeat;
padding-left: 28px;
}

/* --------------TESTIMONIALS------------- */
#test { padding: 0px; margin: 0px; font-family: Georgia, serif; height: 100%; height: auto; min-height: 100%; clear: right}
#test .icon { float: left; width: 30px; height: 82px; background: url(/images/icontest.gif) no-repeat top left;}
#test .text { text-align: left; padding: 0px 0px 13px 20px; margin-left: 30px; }
#test .text b { font-size: 18px; font-weight: normal; letter-spacing: normal; color: #b79a5f;}
#test .text p, #prod .text p { padding-bottom: 0px; clear:right}
.testhr {border-bottom: 1px dotted #777; margin-bottom: 20px; }



/* --------------PRODUCTS------------- */
h2 {
color: white; 
font: bold 22px “Lucida Sans Unicode”, sans-serif;
font-style: normal;
letter-spacing: -1px;
}

#prodhead {
background: #eeeeee url(/images/prodheadbg.gif) repeat-x;
padding: 12px;
}

b.prod {
color: #e9e9e9; 
font: 14px “Lucida Sans Unicode”, sans-serif;
font-style: normal;
}

#prod { border-top: 1px solid white; border-bottom: 1px solid #d3d3d3; padding: 4px; margin: 0px; font-family: Georgia, serif; height: 100%; height: auto; min-height: 135px; clear: right; background: #eeeeee url(/images/prodbg.gif) repeat-x}
#prodlast { border-top: 1px solid white; padding: 12px 20px 0px 12px; margin: 0px; font-family: Georgia, serif; height: 100%; height: auto; min-height: 100%; clear: right; background: #eeeeee url(/images/prodbg.gif) repeat-x}
#prod .icon, #prodlast .icon { float: left;}
#prod .text, #prodlast .text { text-align: left; margin-top: 25px;padding: 0px 0px 13px 20px; margin-left: 135px; }
#prod .text b, #prodlast .text b { font-size: 18px; font-weight: normal; letter-spacing: normal; color: #b79a5f;}




/* --------------GUTTER STYLES----------------*/

#gutters { margin: 0px; padding: 0px}
#gutters .row { background: #fcf7ec url('images/guttersbg.gif') repeat-x; padding: 15px; min-height: 100px; border-bottom: 1px solid #f1daa2; border-top: 1px solid white}
#gutters .pic { width: 100px; height: 100px; float: left; border: 3px solid white}

#gutters .head {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
color: #c4261c;
float: right;
text-align: left;
width: 475px;
padding-bottom: 10px;
}

#gutters ul { margin-left: 125px; padding: 0px;}
#gutters li {
list-style-type: none;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
color: #1f1a17;
line-height: 1.5em;
}

/* --------------COUPON PACKETS------------- */
ul#coupon { margin-left: 8px;padding: 0px;}
ul#coupon li { display: block; list-style-type: none;}
ul#coupon li a { color: #c4261c; font: 12px “Lucida Sans Unicode”, sans-serif; background: url(/images/iconpdf.gif) no-repeat; padding-left: 24px;}

/* --------------FOOTER------------- */
#footer, .push { 
clear: both;
width: 905px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer { height: 100px; height: auto; margin-top: 80px;}
#footer .content { width: 905px;  margin: 0 auto;  position: relative; height: 100px;}
#footer img { border: none;}

#footer .left { float: left; width: 220px;}
#footer .right { float: right; width: 685px; text-align: right;}

#footer .right p { font: 10px Lucida Sans Unicode, sans-serif; margin-top: -40px; padding-right: 10px; color: #4c4c4c; }

/* --------------FOOTER LINKS------------- */
#footer ul { padding: 0px 0px 55px 30px;}
#footer .links ul { margin: 0px; padding: 0px;}
#footer .links li { display: inline; list-style-type: none;}

#footer .links li a {
color: #4c4c4c;
text-decoration: none;
padding: 0px 10px 0px 10px;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 11px;
font-style: normal;
text-decoration: underline
}



/* --------ASC LINKS--------- */
#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #000;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}




/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }