/* Rayne-Water Stylesheet */



body {

   background:  #2f5f8f url("images/raynebackground.jpg") repeat-y center;

   margin: 0px;

   position: relative;

   font-family: Arial;

}



.top {

   height: 27px;

   background:  #2f5f8f url("images/top.jpg") repeat-y center;

}



.toplink {

   position: relative;

   width: 940px;

   top: 4px;

   font-weight: bold;

   font-size: 9pt;

}



.toplink a:link {color: #ffffff; text-decoration: underline; }

.toplink a:visited {color: #ffffff; text-decoration: underline; }

.toplink a:hover {color: #ffffff; text-decoration: underline; }

.toplink a:active {color: #ffffff; text-decoration: underline; }



/* Main Elements */



.main {

   width:  950px;

   position: relative;

   left: 0px;

}



.sidecolumn {

   width:295px;

   position: relative;

   text-align: left;

   float: left;

}



.sidecolumnposition {

margin-left:1px;

}



.maincolumn {

   position: relative;

   width:  655px;

   float: right;

}



.maintext {

   position: relative;

   left: 5px;

   width: 644px;

   text-align: left;

}



/* Navigation */



.nav {

   background: url(images/button.jpg) repeat-x; 

   height: 46px;

   width: 644px;

}



.nav a {

   background: url(images/button.jpg) repeat-x;

   border-right: 1px solid #FFFFFF;

   color: #FFFFFF;

   font-family: Arial;

   font-size:15px;

   font-weight:normal;

   padding:0px 18px 0px 18px;

   line-height:46px;

   text-align: center;

   float: left;

   text-decoration:none;

}



.nav a:hover,.nav a#active {background-position: left bottom; color: #FFFFFF;}



.bottommenu {

   position: relative;

   width: 950px;

   background-color:  #2f5f8f;

   height: 36px;

   font-weight: bold;

   font-size: 10pt;

   color: #ffffff;

}



.bottommenutext {

   position: relative;

   top: 10px;

}



.bottommenu a:link {

   color: #ffffff;

   text-decoration: none;

}



.bottommenu a:visited {

   color: #ffffff;

   text-decoration: none;

}



.bottommenu a:hover {

   color: #ffffff;

   text-decoration: none;

}



.bottommenu a:active {

   color: #ffffff;

   text-decoration: none;

}



/* bottom part of the border */

.bottom {

   width: 100%;

   height: 38px;

   background:  #2f5f8f url("images/bottom.jpg") repeat-y center;

   left: 0px;

}



/* Index Page Specifics */



#sidecolumnspacer_index {height: 820px;}



.rentoptions { position: relative; top: -85px; right:5px; z-index:2}



.indexmaintext {

   position: relative;

   top: -270px;

   left: -5px;

   width: 640px;

   text-align: left;

}



#indextoptext {

   width: 310px;

}



#indexcontactinfo {

   position: relative;

   left: 30px;

}



#glance1 {background-image: url("images/glance1.jpg"); width:  298px; height: 113px; }

#glance2 {background-image: url("images/glance2.jpg"); width:  297px; height: 111px; }

#glance3 {background-image: url("images/glance3.jpg"); width:  297px; height: 110px; }

#glance_new {background-image: url("images/glance_new_img.jpg"); width:  297px; height: 110px; }


.glancetext {

   position: relative;

   left: 95px;

   top: 15px;

   font-size: 10pt;

   color: #457f45;

   width: 195px;

}


.glancetext h3 {

   margin: 0px;

   font-weight: bold;

   font-size: 10pt;

}



#enviro {

   background-image:  url("images/desert.jpg");

   width: 318px;

   height: 396px;

}



.envirotext {

   font-size: 12pt;

   color: #ffffff;

   padding: 1px 10px 10px 15px;

}

.envirotext h3 {

   font-size: 18px;

   font-weight: normal;

}



.envirotext p { color: #ffffff; }



.envirotext a:link { color: #d8a73e; text-decoration: underline;}

.envirotext a:visited {color: #d8a73e;text-decoration: underline;}

.envirotext a:hover {color: #d8a73e;text-decoration: underline;}

.envirotext a:active {color: #d8a73e;text-decoration: underline;}



#envirospacer{ height: 160px; }



/* Products Page Specifics */



#sidecolumnspacer_products {height: 1700px;}



/* Specials Page Specifics */



.special {

   font-family:Lucida Sans Unicode;

   color: #000000;

   font-size: 12pt;

   font-weight: bold;

}



.specialunderlined {

   color: #000000;

   font-size: 14pt;

   font-weight: bold;

   text-decoration: underline;

}



.specialgrey {

   color: #85888d;

   font-size: 12pt;

   font-weight: bold;

   text-decoration: underline;

}



.specialhighlighted {

   color: #FF0000;

   font-size: 14pt;

   font-weight: bold;

   text-decoration: underline;

}



#special1 {

   position: relative;

   top: 90px;

}



#special2 {

   position: relative;

   top: 80px;

}



#sidecolumnspacer_specials {height: 50px;}



/* Coupons */

#coupon {

   width:620px;

   height:255px;

   background: #FFFFFF;

   border: 1px #cecece solid;

   text-align:center;

}


.coulogo {
float: left;
margin: -15px 0px 0px 5px;
}

.coulogotext {
font-size: 14pt;
font-weight: bold;
color: #00529c;
}

.coulogospacer{
    font-size: 3px;
}

.coutext {
float: right;
margin: -10px 5px 0px 0px;
width: 410px;
}

.couspacer {
    font-size: 5px;
}

.couponimg {

   padding:20px 0px 0px 20px;

}


.couleft {
text-align: left;
width: 350px;
margin: 0px 0px 0px 50px;
}

.coutitle {

   font-family:Lucida Sans Unicode;

   font-size:26px;

   font-weight:normal;

   color:#000000;

   text-align:center;

}

.coubold {

   font-family:Lucida Sans Unicode;

   font-size:19px;

   font-weight:normal;

   color:#FF0000;

   text-align:left;

}


.cousubtitle {

   font-family:Arial;

   font-size:12px;

   font-weight:normal;

   color:#000000;

   text-align: center;

}



.couprice {

   font-family:Tahoma;

   font-size:40px;

   font-weight:bold;

   color:#FF0000;

   text-align:center;

}



.cousavings {

   font-family:Lucida Sans Unicode;

   font-size:18px;

   font-weight:normal;

   color:#999999;

   text-align:center;

}

.cousavings_smtext {

   font-family:Lucida Sans Unicode;

   font-size:15px;

   font-weight:normal;

   color:#999999;

   text-align:center;

}


.coudisc {

   font-family:Lucida Sans Unicode;

   font-size:10px;

   font-weight:normal;

   color:#999999;

   text-align:center;

}


.couexp {

   font-family:Lucida Sans Unicode;

   font-size:16px;

   font-weight:normal;

   color:#000000;

   text-align:center;

}



.coudivider {

   width:622px;

   height:5px;

   background:#cecece;

   margin-bottom:3px;

}



.couprint {

   font-family:Lucida Sans Unicode;

   font-size:12px;

   font-weight:bold;

   color:#000000;

   text-align:center;

}



/* Company-Info page */



.companypic {

   padding: 20px 0px 20px 20px;

   width: 400px;

   float: left;

   position: relative;

   top: -25px;

}



#abouttoptext {

   float: left;

   width: 330px;

}



#aboutmidtext {

   float: left;

   width: 340px;

   padding: 0px 0px 0px 10px;

}



#aboutlefttext {

   float: left;

   width: 210px;

}



#aboutmidtext2 {

   float: right;

   width: 420px;

   padding: 0px 0px 0px 10px;

}



#sidecolumnspacer_about {height: 2100px;}

#sidecolumnspacer_cinfo {height: 2850px;}



.staffimg {border: #2f5f8f 1px solid; float:left;}



/* Contact page */



.namefield {padding: 0px 0px 10px 0px; color: #85888d; font-size: 12pt;}

#message {vertical-align: top;}

#nameinput {margin: 0px 0px 0px 251px; }

#accountinput {margin: 0px 0px 0px 10px; }

#addressinput {margin: 0px 0px 0px 234px; }

#cityinput {margin: 0px 0px 0px 266px; }

#stateinput {margin: 0px 0px 0px 256px; }

#homeinput {margin: 0px 0px 0px 202px; }

#workinput {margin: 0px 0px 0px 207px; }

#faxinput {margin: 0px 0px 0px 267px; }

#timeinput {margin: 0px 0px 0px 147px; }

#messageinput {margin: 0px 0px 0px 228px; }



.contacthighlighted {

   background-color:  #2f5f8f;

   padding: 3px;

   color: #ffffff;

   width: 551px;

}



#sendtext { margin: 0px 0px 0px 295px; }



/* General Styles */



.anchor a:link {text-decoration: underline; color: #2e5e8e; }

.anchor a:visited {text-decoration: underline; color: #2e5e8e; }

.anchor a:hover {text-decoration: underline; color: #2e5e8e; }

.anchor a:active {text-decoration: underline; color: #2e5e8e; }



.bolded {

   font-weight: bold;

}



.highlighted {

   font-weight: bold;

   color: #457f45;

}



.highlighted a:link {text-decoration: underline; color: #457f45; }

.highlighted a:visited {text-decoration: underline; color: #457f45; }

.highlighted a:hover {text-decoration: underline; color: #457f45; }

.highlighted a:active {text-decoration: underline; color: #457f45; }



.left { float: left; }

.right { float: right; }



.button { background-color: #d8d8d8; width: 100px; color: #85888d; }



a img {border: none;}



p {

   color: #85888d;

   font-size: 10pt;

   text-align:justify;

   margin-right:10px;

}



h1 {

   position: relative;

   top: 5px;

   text-align: left;

   background-color:  #457f45;

   color: #ffffff;

   font-size: 18pt;

   padding: 5px 5px 5px 20px;

   font-weight: normal;

   width:  620px;

}



h2 {

   font-size: 11pt;

   color: #2e5e8e;

}



input {

   width: 250px;

}



li {



   color: #2f5f8f;

   font-size: 10pt;

   margin-left:-5px;

}



/* Images */

.rtimg {

   margin-right:10px;

}
.lfimg {

   
   margin-bottom:15px;
   
}


/*--*/

/* products */

div.product {

   margin-bottom: 30px;

}

div.product img {

   float: left;

}

div.product .title {

   background: url(images/bg_side_bottom.jpg) no-repeat -8px 0;

   border: solid #224974;

   border-width: 1px 0px;

   color: #2f5f8f;

   line-height: 35px;

   font-weight: bold;

   height: 35px;

   padding-left: 30px;

   vertical-align:;

   width: 410px;

   font-size:13px;

}

div.product .col {

   float: left;

   width: 205px;

}

div.product .desc {

   background-color: #c1cede;

   color: #2f5f8f;

   padding: 15px;

   width: 410px;

}

div.product .label {

   background: #d1e7d0;

   border: solid 1px #224974;

   border-width: 1px 0;

   color: #224974;

   line-height: 32px;

   font-weight: bold;

   padding: 0 16px;

   width: 410px;

}

div.product ul {

   margin-bottom: 0;

}



.head {color:#2f5f8f;}

.propara {

   color:#2f5f8f;

   font-size:13px;

}

.clear{ clear: both;}
.clearl{ clear: left;}
.clearr{ clear: right;}



/* Pic Enlargement */



#pic {

   background-color: #FFFFFF;

   left: 0px;

   position: relative;

   top: 20px;

   width: 240px;

}



#pic a .large {

   border: 0px;

   display: block;

   height: 1px;

   left: -1px;

   position: absolute;

   top: -1px;

   width: 1px;
   
   z-index: 3;

}



#pic a img {

   border: 0;

}



#pic a.p1, #pic a.p1:visited {

   background: #FFFFFF;

   display: block;

   height: 158px;

   left: 0;

   text-decoration: none;

   top: 0;

   width: 240px;

}


#pic a.p1:hover {

   background-color: #8C97A3;

   color: #000000;

   text-decoration: none;

   position: absolute;

}

#pic a.p1:hover .large {

   display: block;

   height: 807px;

   left: 0px;

   top: 35px;

   width: 689px;

}

/* coupon rollover pics */

#coupic {
   left: 10px;
   position: relative;
}

#coupic a .large {
   border: 0px;
   height: 1px;
   left: -1px;
   position: absolute;
   top: -1px;
   width: 1px;
   z-index: 3;
}

#coupic a img {
   border: 0;
}

#coupic a.p1, #pic a.p1:visited {
   background: #FFFFFF;
display: block;
}

/* ie6 fix */
* html div#coupic a.p1:hover {
   position: absolute;
}

#coupic a.p1:hover {
   color: #000000;
   text-decoration: none;
}

#coupic a.p1:hover .large {
   top: -90px;
   left: -260px;
   height: 357px;
   width: 900px;
}

/* coupic2 */

#coupic2 {
   background-color: #FFFFFF;
   left: 10px;
   position: relative;
}

#coupic2 a .large {
   border: 0px;
   height: 1px;
   left: -1px;
   position: absolute;
   top: -1px;
   width: 1px;
   z-index: 3;
}

#coupic2 a img {
   border: 0;
}

#coupic2 a.p1, #pic a.p1:visited {
   background: #FFFFFF;
   display: block;
}

/* ie6 fix */
* html div#coupic2 a.p1:hover {
   position: absolute;
}

#coupic2 a.p1:hover {
   color: #000000;
   text-decoration: none;
   display: block;
}

#coupic2 a.p1:hover .large {
   top: -90px;
   left: -260px;
   height: 357px;
   width: 900px;
}