/*original design by Andreas Viklund 
 
Copyright 2005-2006 by ReedyRiver Group LLC

Screen layout: */

body {
    padding: 0;
    margin: 0;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    /*font: 76% Verdana, Arial, Helvetica, sans-serif; ;*/
    /*last>>font: 76% tahoma, verdana, sans-serif;  font: 76% tahoma, verdana, sans-serif; 
    font-family : Arial, Helvetica, sans-serif;*/
    font: 76% Arial, Helvetica, sans-serif;/* font: 76% tahoma, verdana, sans-serif;*/
    background: #e0e0e0;
    color: #303030;
}
#wrapper{
    width:800px; /* width is required for this to work in IE */
    overflow: hidden; display: inline;
    }
h1,h2,h3,h4 {
    font-weight: normal;
    color: green; }

h1 {
    margin: 0 0 20px 0;
    font-size: 2.1em;
    }

h2 {
    margin: 20px 0 5px 0;
    font-size: 1.6em;
    color: green; line-height: 1em;
    }

h3 { margin: 20px 0 10px 0;   font-size: 1.4em;}

h4 {margin: 20px 0 10px 0;
    font-size: 1.2em;
    }

p {
    margin: 0 0 15px 0;
   /* line-height: 1.5em;*/
    text-align: left;
    }
a {
    text-decoration: none;
    color: #286ea0;
}

a:hover {
    text-decoration: underline;
}
.l {text-align: left;text-size: 120%}
        
#funnel { background: white url(images/Funnel.png) 25px 25px no-repeat ;

}
#bg_image {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 0;
}

#fg_content {
  z-index: 1;
  position: absolute;
}

.prod{ color: #E77845; font-size: 100%;
    /*xxfont:  Verdana, Arial, Helvetica, sans-serif; */
    }
.prodtitle{
    margin: 20px 0 10px 0;
    text-transform: capitalize;
    /*xxfont:  Verdana, Arial, Helvetica, sans-serif; */
    font-size: 1.4em;
    font-weight: normal;
    }
.featuretitle{
    margin: 20px 0 10px 0;
    text-transform: capitalize;
    /*xxfont:  Verdana, Arial, Helvetica, sans-serif; */
    font-size: 1.2em;
    font-weight: normal;
    }
.intro {font-size: 125%; font-family : Arial, Helvetica, sans-serif;}
.rightside {margin: 10px; width: 250px; float: right;}
.rightside img{ display: block;
    margin-left: auto;
    margin-right: auto}
.leftside {margin: 10 10 10 0; width: 300px; float: left;}
.leftside img{ display: block;
    margin-left: auto;
    margin-right: auto}
.centerimg { display: block;
    margin-left: auto;
    margin-right: auto}
.caption {line-height:1em;text-align:center;
     padding: 6px; max-width: 400px; font-size: 90% ;
     margin-left: auto;
    margin-right: auto;
}

#tableplan { text-align: center;
    border-spacing:  4px; margin-left: 5px;
        border-style :  solid;
       border-width : 1px;
       border-color : gray;
    }
#tableplan TD { border-collapse: collapse; border: 1px solid #D7D7D1; }
#toptabs {
    margin: 10px auto -13px auto;
    font-size: 1em;/*font-size: 0.8em;*/
    width: 760px;
    }
#toptabs p {
    text-align: right;
    color: #808080;
    }

.toptab { margin: 10px auto -13px auto;/*  margin: 0 0 0 4px;*/
    padding: 3px 5px 3px 5px; zoom: 100%;
    text-decoration: none;
    background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
    color: #808080;
    border-bottom: 1px solid #e0e0e0;
    }


.toptab:hover { 
    background: #fafafa url(images/corner2.gif) top right no-repeat;
    border-bottom: 1px solid #eaeaea;
    color: #505050;
    text-decoration: none;
    }

.activetoptab {
    padding: 3px 5px 3px 5px;
    margin: 0 0 0 4px;
    color: #505050;
    text-decoration: none;
    background: #ffffff  url(images/corner2.gif) top right no-repeat;
    border-bottom: 1px solid #ffffff;
    }

.activetoptab:hover {
    text-decoration: none;
    }
#popupimage {font-family : Arial, Helvetica, sans-serif;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    margin: 15px;
    padding: 15px ;
background: #e0e0e0;
    }

#popup { font-family : Arial, Helvetica, sans-serif;
    margin: 0 auto 15px auto;
    width: 800px;/* width: 500px;*/
    padding: 5px 20px 20px 20px;
    background: #ffffff;
    }
#popup li {margin-left: .5em; margin-top: .5em; /*font-size: 125%;*/
        }
#sidebar li{margin-left: -2em; margin-top: .5em; /*font-size: 110%;*/
        }
#container {
    margin: 0 auto 15px auto;
    width: 760px;
    padding: 5px 20px 20px 20px;
    background: #ffffff;
    }

#applogo{ 
    color: #E77845; font-weight: bold;
    float: right; margin: 0 0 20px 0;
     font-family : Helvetica, Arial, sans-serif ; font-size: 14pt; 
}
#pageimage{
    float: right; margin: 0 0 20px 0;
}
#rrlogo { float: left; margin: 0 0 20px 0;
color: #44926D; font-family : Helvetica, Arial, sans-serif ; font-size: 11pt; 
} 
#logo {
    margin: 15px 0 0 0;
    }

#logo h1 a {
    color: #303030;
    }

#logo h1 a:hover {
    text-decoration: none;
    }

#navitabs {
    clear: both;
    }

.navitab {

    padding: 4px 8px 4px 8px;
    margin: 0 0 0 0;/* margin: 0 0 4px 0;*/
    text-decoration: none;
    letter-spacing: 1px;
    background: #e0e0e0  url(images/corner.gif) top right no-repeat;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    /*background: #e0e0e0*/
zoom: 100%;
    }

.navitab:hover {
    text-decoration: none;
    background: #d0d0d0 url(images/corner.gif) top right no-repeat;
    }

.activenavitab {

    padding: 4px 8px 5px 8px;
    color: #ffffff;
    margin: 0 0 0 0;/* margin: 0 0 5px 0;*/
    text-decoration: none;
    background: #848484  url(images/corner.gif) top right no-repeat;
    /*background: #316AC5 */
zoom: 100%;
    }

.activenavitab:hover {
    text-decoration: none;
zoom: 100%;
    }

#desc {
    height: 220px; 
    font-size: 1em;
    color: #ffffff; background:  #848484 url(images/index-bg-3.png)  top right no-repeat;/*RR_Banner.png*/
    padding: 0; /* background:  #316AC5*/
    /*url(images/RR_Banner_Rev4.png)
font-size: 120%; background: #505050;url(images/RR_Banner_Rev4.png) 
    dark grey = #5F5F5F  color: #ffffff; background: #5F5F5F; url(images/RR_Banner_Rev4.png);
    url(images/front.jpg) top left no-repeat;  */
    clear: both;
    margin: 0 0 0 0; /*margin: 5px 0 0 0;*/
}

#desc p {
    width: 290px;
    
    line-height: 1.3em;
    padding: 15px 0 0 15px;
    }

#desc h2 {
    padding: 15px 15px 0 15px;
    color: #ffffff;
    }

#desc h4 {
    padding: 15px 15px 0 15px;
    color: #ffffff;
    }

#desc a {
    color: #ffffff;
    text-decoration: underline;
    }


#desc2 {
    height: 220px;
    padding: 0;
     color: #ffffff; background:  #316AC5;
    /*background: #505050;
    color: #ffffff; background: #5F5F5F
    url(images/front.jpg) top left no-repeat;  url(images/RR_Banner_Rev4.png) */
    clear: both;
    margin: 0 0 0 0;/* margin: 5px 0 0 0;*/
    }

#desc2 p {
    width: 290px;
    font-size: 1em;
    line-height: 1.3em;
    padding: 15px 0 0 15px;
    }

#desc2 h2 {
    padding: 15px 15px 0 15px;
    color: #ffffff;
    }

#desc2 a {
    color: #ffffff;
    text-decoration: underline;
    }
#descblank {
    height: 220px; 
    font-size: 120%;
    color: #ffffff; background:  #316AC5  top right no-repeat;
    padding: 0;
    /*background: #505050;
    dark grey = #5F5F5F  color: #ffffff; background: #5F5F5F; url(images/RR_Banner_Rev4.png);
    url(images/front.jpg) top left no-repeat;  */
    clear: both;
    margin: 5px 0 0 0;
}

#descblank p {
    width: 290px;
    font-size: 1em;
    line-height: 1.3em;
    padding: 15px 0 0 15px;
    }
#descsched, #descsales,#descest {
    height: 220px; font-size: 1em;
    color: #ffffff; padding: 0;
    clear: both;
    margin: 0 0 0 0;
}
#descsched { background:  #848484 url(images/@sched_plate.png)   right no-repeat;
 }
#descsched p {
    width: 285px;
    line-height: 1.3em;
    padding: 15px 0 0 15px;
    }
#descsales {background:  #848484 url(images/@sales_plate.png)   right no-repeat;
/*    height: 220px; font-size: 1em;
    color: #ffffff;
 
    padding: 0;
    clear: both;
    margin: 0 0 0 0;/*margin: 5px 0 0 0;*/
    */
}
#descsales p {
    width: 285px;
    line-height: 1.3em;
    padding: 15px 0 0 15px;
    }
#descest {background:  #848484 url(images/@est_plate.png)   right no-repeat;}
#descest p {
    width: 285px;
    font-size: 1em;
    line-height: 1.3em;
    padding: 15px 0 0 15px;
    }

#main {
    width: 590px;
    float: left;
    padding: 0 15px 0 0;
    border-right: 1px solid #d0d0d0;
    }

.block {
    background: #f0f0f0;
    padding: 15px;
    }

#sidebar {
    width:140px;
    float:right;
    }

#sidebar p {
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 0 0 12px 0;
    }

.sidelink {
    text-align: left;
    display: block;
    width: 120px;
    background: #f0f0f0 url(images/corner.gif) top right no-repeat;
    padding: 3px 4px 3px 8px;
    margin: 5px 10px 5px 0;
    }

.sidelink:hover {
    background: #e0e0e0 url(images/corner.gif) top right no-repeat;
    text-decoration: none;
    }

#footer {
    clear: both;
    background: #fafafa;
    color: #808080;
    font-size: 0.9em;
    padding: 8px 0 8px 0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
   /* text-align: right; */
    }

#footer a {
    color: #808080;
    }
.headtext  {   font-size : 100%;
                background :  #F5F5DC;
                color : black ; vertical-align :text-center; text-align: center;
    }
.headtext td { padding:5px;}
.headtext4c  {   font-size : 80%; text-transform: capitalize; 
                background :  #F5F5DC;/*#EFEFEF; */  
                /*Border-collapse: collapse;vertical-align :text-bottom;*/
                color : black ; vertical-align :text-center; text-align: center; 
    }
.datarow {text-align: center; color: black;
            font-size : 80%;
            vertical-align :text-bottom; 
       border-style : solid;
       border-width : 1px;
    /*   border-color : #000000;*/
  }
.datarow td { padding:5px;}
P.popup{ clear:left;  }
img.popup{ float:left }
P.popupr{ clear:right;  }
img.popupr{ float:right }

.right {
    text-align: right;
    }

.left{
    text-align: left;
    }

a img {
    border: 0; padding: 5px;
    }

.photo {
    padding: 5px;
    display: block;
    margin: 0 auto 15px auto;
    background-color: #f0f0f0;
    }
.noseeum{
    display: none;
    }
.hide {
    display: none;
    }
.highlite{
        font-weight: bold;
    }