/* Author:  Kimberly Blake, revised by MaiBritt Bennett */
/* Created:  June 8, 2009, revised November 30, 2009 */
/* Description:  Rainy Pass Repair */

body {
	background-color: #006666;
	color: white;
	height: 675px;
  }

/* INDEX */

#wrapper {
  background-color: white;
  background-image: url(images/logos-sm-new.png);
  background-repeat: no-repeat;
  background-position: bottom center;  
  border-top: 0px solid #666666;
  border-right: 0px solid #666666;
  border-bottom: 0px solid white;
  border-left: 0px solid #666666;
  width: 878px;
  height: 700px;  
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: auto;
  padding: 2px; 
  }
  
#header {
  background-color: white;
  background-image: url(images/logo.png);
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute:
  top: auto;
  right: 0px;
  bottom: 0px;
  left: auto;
  width: 878px;
  height: 133px;  
  border-bottom: 1px solid #CCCCCC;
  }
  
#headerlink {
	background-color: transparent;
	font-size: 5em;
	position: absolute;
	top: 25px;
	right: 0px;
	bottom: 600px;
	left: 18px;
	width: 380px;
	height: 190px;
  }
  
#headerlink a:link, #headerlink a:visited {   
  text-decoration: none;
  width: 345px;
  height: 200px;
  display: block;  
  }
  
#logolink {
	background-color: transparent;
	font-size: 5em;
	position: absolute;
	top: 661px;
	right: 0px;
	bottom: 0px;
	left: 6px;
	width: 890px;
	height: 90px;
  }
  
#logolink a:link, #logolink a:visited {
  text-decoration: none;
  width: 850px;
  height: 200px;
  display: block;  
  }  
  
#label {  
  background-color: white;
  position: relative;
  top: 135px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 880px;
  height: 25px;
  border-bottom: 1px solid #CCCCCC;
  }  
  
#label h1 {
  color: #006666;
  font-size: .9em;  
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 420px;
  margin: 0;  
  }  

#container {
  background-color: white;
  position: relative;
  top: 28px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 878px;
  height: 400px;
  }
  
#navigation {
  background-color: white;
  background-image: url(images/green-nav-6.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: 0px;
  left: 5px;  
  width: 200px;
  height: 400px;
  }
  
#navtext ul {
	list-style: none;
	color: #006666;
	font-size: 12px;
	padding: 0 0 0 3px;
	margin-left: 0;
	margin-top: 5px;
	border-left: 2px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
  }
  
.special {
  color: #006666;
  font-size: 1em;
  font-weight: bold;
  } 
 
#navtext ul li {
  line-height: 1.6em;
  border-bottom: 5px solid transparent;
  padding-left: 3px;    
  }
  
#navtext ul li a:link, #navtext a:visited {
  text-decoration: none;
  color: #006666;  
  }
  
#navtext ul li a:hover {
  color: #666666;
  background-color: transparent;
  padding: 1px 3px 1px 4px;
  }
  
#breadcrumbs {
	background-color: transparent;
	color: #006666;
	font-size: .7em;
	position: absolute;
	top: 7px;
	right: 0px;
	bottom: 0px;
	left: 203px;
	z-index: 1;
	width: 531px;
	height: 20px;
  }
  
#breadcrumbs a:link, #breadcrumbs a:visited {
  color: #666666;
  text-decoration: none;  
  }
  
#breadcrumbs a:hover {
  color: #006666;
  }   
  
#content {
	background-color: transparent;
	position: relative;
	top: 0px;
	right: auto;
	bottom: auto;
	left: 200px;
	width: 680px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "small Arial", Helvetica, sans-serif;
  }
  
#intro {
	background-color: transparent;
	/*background-image: url(images/shop.gif);*/
	background-repeat: no-repeat;
	background-position: right top;
	border-top: 5px solid #CCCCCC;
	border-right: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	border-left: 5px solid #008080;
	position: absolute;
	top: 30px;
	right: auto;
	bottom: auto;
	left: -1px;
	width: 652px;
	height: 420px;
	font-family: Verdana, "small Arial", Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-left: 5px;
	float: right;
  }
  
#intro .paragraph {
	font-size: .75em;
	background-color: transparent;
	color: black;
	padding: 5px;
	position: absolute;
	top: -15px;
	right: 0;
	bottom: 0;
	left: 193px;
	width: 440px;
	height: 188px;
  }
  
#services {
	background-color: transparent;
	border-top: 20px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	position: absolute;
	top: 260px;
	right: auto;
	bottom: auto;
	left: 20px;
	width: 300px;
	height: 155px;
  }
  
#servicesfor {
	background-color: #008080;
	color: white;
	text-align: center;
	position: absolute;
	top: -20px;
	right: auto;
	bottom: auto;
	left: 0px;
	width: 300px;
	height: 21px;
  }   
  
#services ul {
  list-style-image: url(images/bullet-2.png);
  color: black;
  font-size: .7em;
  margin-bottom: 0px;
  padding-top: 0px;
  }
  
#services ul li {
  line-height: 1.5em;
  color: black;
  padding-left: 3px;
  }
  
#infobox {
  color: black;
  background-color: transparent;
  border-top: 20px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  border-bottom: 2px solid #CCCCCC;
  border-left: 2px solid #CCCCCC;
  position: absolute;
  top: 260px;
  right: auto;
  bottom: auto;
  left: 340px;  
  width: 300px;
  height:  155px;
  }
  
#infoboxtext {
	background-color: #008080;
	color: white;
	text-align: center;
	position: absolute;
	top: -20px;
	right: auto;
	bottom: auto;
	left: 0px;
	width: 300px;
	height:  21px;
  }
  
#infobox ul {
  list-style-image: url(images/bullet-2.png);
  color: black;
  font-size: .7em;
  margin-bottom: 0px;
  padding-top:0px;
  }
  
#infobox ul li {
  line-height: 1.5em;
  color: black;
  padding-left: 3px;
  }
  
  
  
/* SERVICES */
  
#servicesintro {
  background-color: transparent;
  border-top: 5px solid #CCCCCC;
  border-right: 5px solid #CCCCCC;
  border-bottom: 5px solid #CCCCCC;
  border-left: 5px solid #008080;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: -1px;  
  width: 658px;
  height: 420px;
  }
  
#servicesscroll {
	background-color: transparent;
	background-image: url(images/frame-art-1.gif);
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 4px;
	padding: 5px;
	border: 5px;
	width: 647px;
	height: 410px;
	overflow:scroll;
	z-index: 5;
	overflow-x: hidden;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
	font-family: Verdana, "small Arial", Helvetica, sans-serif;
  }
  
#servicestext {
	color: black;
	font-size: .8em;
	font-family: Verdana, "small Arial", Helvetica, sans-serif;
  }
  
#servicestext h1 {
	font-size: 0.9em;
	font-weight: bold;
  }
  
#servicestext h2 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  }  


 
  /* CONSUMER INFORMATION */
  
#consumerintro {
  background-color: transparent;
  border-top: 5px solid #CCCCCC;
  border-right: 5px solid #CCCCCC;
  border-bottom: 5px solid #CCCCCC;
  border-left: 5px solid #008080;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: -1px;  
  width: 658px;
  height: 420px; 
  }
  
#consumerscroll {
    background-color: transparent;
	background-image: url(images/frame-art-1.gif);
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 1px;
	padding: 5px;
	border: 5px;
	width: 647px;
	height: 410px;
	overflow:scroll;
	z-index: 5;
	overflow-x: hidden;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
  }
  
#consumertext {
  color: black;
  font-size: .8em;
  }
  
#consumertext h1 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  }
  
#consumertext h2 {
	color: black;
	font-size: .9em;
  }

#consumertext ul {
  list-style-image: url(images/bullet-2.png);
  }
  
#consumertext a:link, #sendtext a:visited {
  color: #006666;
  }
  
#consumertext a:hover {
  color: #006666;
  } 



  /* RETAILER INFORMATION */  

#retailerintro {
  background-color: transparent;
  border-top: 5px solid #CCCCCC;
  border-right: 5px solid #CCCCCC;
  border-bottom: 5px solid #CCCCCC;
  border-left: 5px solid #008080;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: -1px;  
  width: 658px;
  height: 420px;  
  }
  
#retailerscroll {
	background-color: transparent;
	background-image: url(images/frame-art-1.gif);
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 3px;
	padding: 5px;
	border: 5px;
	width: 647px;
	height: 410px;
	overflow:scroll;
	z-index: 5;
	overflow-x: hidden;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
  }
  
#retailertext {
  color: black;
  font-size: .8em;
  }
  
#retailertext h1 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  }
  
#retailertext h2 {
  color: #006666;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  border-top: 1px dotted #006666;
  border-bottom: 1px dotted #006666;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
#retailertext h3 {
	color: black;
	font-size: 0.9em;
  }  



 /* MANUFACTURER INFORMATION */

#manufacturerintro {
	background-color: transparent;
	border-top: 5px solid #CCCCCC;
	border-right: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	border-left: 5px solid #008080;
	position: absolute;
	top: 30px;
	right: auto;
	bottom: auto;
	left: -1px;
	width: 658px;
	height: 420px;
  }
  
#manufacturerscroll {
	background-color: transparent;
	background-image: url(images/frame-art-1.gif);
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 1px;
	padding: 5px;
	border: 5px;
	width: 647px;
	height: 410px;
	overflow:scroll;
	z-index: 5;
	overflow-x: hidden;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
  }
  
#manufacturertext {
  color: black;
  font-size: .8em;
  }

#manufacturertext h1 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  } 
    
#manufacturertext h2 {
  color: #006666;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  border-top: 1px dotted #006666;
  border-bottom: 1px dotted #006666;
  padding-top: 5px;
  padding-bottom: 5px;
  }  
  
#manufacturertext h3 {
	font-size: 0.9em;
	font-weight: bold;
  }


  
   /* PARTNERS */  

#partnersintro {
  background-color: transparent;
  border-top: 5px solid #CCCCCC;
  border-right: 5px solid #CCCCCC;
  border-bottom: 5px solid #CCCCCC;
  border-left: 5px solid #008080;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: -1px;  
  width: 658px;
  height: 420px;  
  }
  
#partnersscroll {
    background-color: transparent;
	background-image: url(images/frame-art-1.gif);
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 1px;
	padding: 5px;
	border: 5px;
	width: 647px;
	height: 410px;
	overflow:scroll;
	z-index: 5;
	overflow-x: hidden;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
  }
  
#partnerstext {
  color: black;
  font-size: .8em;
  }
  
#partnerstext h1 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  }
  
#partnerstext h2 {
  color: #006666;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  border-top: 1px dotted #006666;
  border-bottom: 1px dotted #006666;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
#partnerstext h2 a:link, #partnerstext a:visited { 
  color: #000000;
  text-decoration: underline;
}
  
#partnerstext ul {
  list-style-image: url(images/bullet-2.png);  
  }
  
#partnerstext a:link, #partnerstext a:visited {
  color: #006666;
  text-decoration: none;
  }
  
#partnerstext a:hover {
  color: #666666;    
  }
  
#partnerstext li {
  margin: 0;
  padding: 0;
  line-height: 2em;
  }  
  
#partnerstext li ul {
  display: block;  
  }
  
#partnerstext li li {   
  font-size: .9em;
  padding-left: 10px;
  margin: 0;    
  }  


  
    /* FAQ'S */
 
#faqsintro {
	background-color: transparent;
	border-top: 5px solid #CCCCCC;
	border-right: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	border-left: 5px solid #008080;
	position: absolute;
	top: 30px;
	right: auto;
	bottom: auto;
	left: -1px;
	width: 658px;
	height: 420px;
  }
  
#faqsscroll {
	background-color: transparent;
	background-image: url(images/frame-art-1.gif);
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 1px;
	padding: 5px;
	border: 5px;
	width: 647px;
	height: 410px;
	overflow:scroll;
	z-index: 5;
	overflow-x: hidden;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
  }
  
#faqstext {
  color: black;
  font-size: .8em;
  }
  
#faqstext h1 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  }
  
#faqstext h2 {
  color: #006666;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  border-top: 1px dotted #006666;
  border-bottom: 1px dotted #006666;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
#faqstext ul {
  list-style-image: url(images/bullet-2.png);  
  }
  
#faqstext a:link, #faqstext a:visited {
  color: #006666;
  text-decoration: none;
  }
  
#faqstext li {
  margin: 0;
  padding: 0;
  line-height: 7em;
  }  
  
#faqstext li ul {
  display: block;  
  }
  
#faqstext li li {   
  font-size: .9em;
  padding-left: 10px;
  margin: 0;    
  }  

  
  
      /* CONTACT US */   
  
#contactusintro {
  background-color: transparent;
  border-top: 5px solid #CCCCCC;
  border-right: 5px solid #CCCCCC;
  border-bottom: 5px solid #CCCCCC;
  border-left: 5px solid #008080;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: -1px;
  width: 658px;
  height: 420px;
  }
  
#contactusscroll {
	background-color: transparent;
	background-image: url(images/frame-art-1.gif);
	position: absolute;
	top: 1px;
	right: 0;
	bottom: 0;
	left: 1px;
	padding: 5px;
	border: 5px;
	width: 647px;
	height: 410px;
	overflow:scroll;
	z-index: 5;
	overflow-x: hidden;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
  }
  
#contactustext {
  color: black;
  font-size: .8em;
  }
  
#contactustext h1 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  }
  
#contactustext h2 {
  color: #2F4F4F;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  border-top: 1px dotted #006666;
  border-bottom: 1px dotted #006666;
  padding-top: 5px;
  padding-bottom: 5px;  
  }
  
#contactustext h3 {
	color: #2F4F4F;
	font-size: .9em;
	font-weight: bold;
  }

  
     /* SITE MAP */
    
#sitemapintro {
  background-color: transparent;
  border-left: 5px solid #008080;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: -1px;
  width: 658px;
  height: 420px;
  }
  
#sitemaptext {
  color: black;
  font-size: .8em;
  }
  
#sitemaptext h1 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  padding: 5px;
  }
  
#sitemaptext h2 {
  color: #2F4F4F;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  border-top: 1px dotted #006666;
  border-bottom: 1px dotted #006666;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
#sitemaptext ul {
  list-style-image: url(images/bullet-2.png);  
  }
  
#sitemaptext a:link, #sitemaptext a:visited {
  color: #006666;
  text-decoration: none;
  }
  
#sitemaptext a:hover {
  color: #CCCCCC;  
  }
  
  
  
 /* WARRANTY INFORMATION */

#warrantyintro {
  background-color: transparent;
  border-top: 5px solid #CCCCCC;
  border-right: 5px solid #CCCCCC;
  border-bottom: 5px solid #CCCCCC;
  border-left: 5px solid #008080;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: -1px;
  width: 658px;
  height: 372px;  
  }
  
#warrantyscroll {
    background-color: transparent;
	background-image: url(images/frame-art-1.gif);
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 1px;
	padding: 5px;
	border: 5px;
	width: 647px;
	height: 362px;
	overflow:scroll;
	z-index: 5;
	overflow-x: hidden;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
  }
  
#warrantytext {
  color: black;
  font-size: .8em;
  }

#warrantytext h1 {
  color: #006666;
  font-size: 1.3em;
  font-weight: bold;
  } 
    
#warrantytext h2 {
  color: #006666;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  border-top: 1px dotted #006666;
  border-bottom: 1px dotted #006666;
  padding-top: 5px;
  padding-bottom: 5px;
  }  
  
#warrantytext h3 {
  font-size: .8em;
  font-weight: bold;
  }  
#wrapper #container #breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #header #label h1 {
	font-family: Arial, Helvetica, sans-serif;
}