@charset "UTF-8";
/* CSS Document */

/*Layout and positioning for main sections*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}

body {
   background-color: #669999;
   background-image: url(images/bgtile.jpg);
   background-repeat: repeat-x;
   background-position: top;
   text-align: left;
   color: #000000;
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-size: 1em;
   line-height: 1.2em;
}

#container{
   width: 1024px;
   margin: 0 auto;
}

#container2{
   width: 990px;
   margin: 0 auto;
}

#wrapper, #wrapper2 {
   background-image: url(images/bodytile.png);
   background-repeat: repeat-y;
   background-position: top;
   margin-left: 0px;
   overflow: hidden;
   font-size: 1.1em;
}

#wrapper p, #wrapper2 p{
   margin-bottom: 1em;
}

#wrapper ul, #wrapper2 ul{
   margin-left: 20px;
   margin-bottom: 1em;
}

#wrapper a, #wrapper2 a{
   font-weight: bold;
   color: #000099;
   text-decoration: underline;
}

#wrapper a:hover, #wrapper2 a:hover{
}

/*General Styling rules*/
h1{
   font-size: 1.8em;
   font-weight: bold;
   margin-bottom: .8em;
   line-height: 1.2em;
}

h2{
   font-size: 1.6em;
   font-weight: bold;
   margin-bottom: .4em;
}

h3{
   font-size: 1.4em;
   font-weight: bold;
   margin-bottom: .25em;
   line-height: 1.1em;
}

h4{
   font-size: 1.2em;
   font-weight: bold;
   font-family: Helvetica, Arial, Verdana, sans-serif;
   margin-bottom: .1em;
}

h5{
   font-size: 1.1em;
   font-weight: bold;
   font-family: Helvetica, Arial, Verdana, sans-serif;
   margin-bottom: .1em;
}

.tocmain{
   font-size: 18px;
   line-height: 1.2em;
   font-weight: bold;
   list-style-type:square;
}

.tocmajor{
   font-size: 16px;
   line-height: 1.3em;
   font-weight: 500;
   margin-left: 1.5em;
   margin-bottom: .5em;
   list-style-type:square;
}

.tocminor li {
   font-size: 16px;
   line-height: 1.2em;
   font-weight: 500;
   margin-left: 2.0em;
   list-style-type:disc;
}


.normal{
   fontsize: 1.1em;
}

.order td{
   fontsize: 1.1em;
}

.head2{
   font-weight: bold;
}

/*Begin Header Section*/
#header {
   background: url(images/headergraphic.jpg);
   background-repeat: no-repeat;
   background-position: top;
   width: 1024px;
   margin-left: 0px;
   height: 220px;
   position: relative;
}

#header2 {
   background: url(images/headergraphic2.jpg);
   background-repeat: no-repeat;
   background-position: top;
   width: 1024px;
   margin-left: 0px;
   height: 158px;
}

#headere {
   background: url(images/headergraphice.jpg);
   background-repeat: no-repeat;
   background-position: top;
   width: 990px;
   margin-left: 0px;
   height: 158px;
}

.headerconditionform {
   float: right;
   padding-top: 38px;
   padding-right: 2px;
}

/*Begin Navigation button area*/
#navigation{
   padding-top: 124px;
   margin-left: 400px;
   width: 640px;
   height: 76px;
   z-index: 3;
}

/*Begin Navigation button area*/
#navigation3{
   padding-top: 72px;
   margin-left: 400px;
   width: 640px;
   height: 76px;
   z-index: 3;
}

#belowpicture{
}

#welcome{
  height: 390px;
}

#titleheaderd{
   position: absolute;
   top: 40px;
   margin-left: 450px;
   font-size: 1.7em;
   line-height: 1.4em;
   color: #000099;
   font-weight: bold;
   width: 500px;
   font-family: Helvetica, Arial, Verdana, sans-serif;
}

.titleimage{
   position: absolute;
   top: 30px;
   margin-left:785px;
   background-image: url(images/sampledigest.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 240px;
   height: 226px;
}

.titleimage2{
   position: absolute;
   top: 30px;
   margin-left:785px;
   background-image: url(images/sampledigest.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 240px;
   height: 226px;
}

#conditionheader{
   position: absolute;
   top: 110px;
   left: 35px;
   font-size: 1.4em;
   line-height: 1.0em;
   color: #000099;
   font-weight: bold;
   width: 360px;
}

#conditionheader2{
   font-size: 1.4em;
   line-height: 1.0em;
   color: #000099;
   font-weight: bold;
   width: 360px;
}

#contentwide{
   margin-left: 20px;
   margin-right: 10px;
}

/* ******SEE nav.css FOR NAVIGATION STYLING****** */

/*End Navigation Buttons*/
/*End Header Section*/


/*Main Content Sections*/

/*Please see notes in HTML file, but to reiterate, only either then Center Column alone or the left and right column together can be used. Please be sure to only use one or the other.*/
#centercolumn{
}

#leftcolumn{
   width: 620px;
   float: left;
}

#rightcolumn{
   width: 320px;
   float: right;

}

#rightcolumn h2{
   line-height: 1.1em;
}

#rightcolumn .callout{
   color: #000000;
   font-weight: bold;
   font-size: 1.4em;
   line-height: 1.2em;
}

.buttons{
   margin-left: 0px;
}

#leftimages{
   width: 633px;
   height: 333px;
   margin-left: 18px;
   margin-top: -2px;
}

#leftimageshome{
   width: 633px;
   height: 333px;
   margin-left: -30px;
   margin-top: -10px;
}

#tagline{
   background-image: url(images/tagline.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 633px;
   height: 57px;
   margin-left: 16px;
   margin-top: 0px;
   margin-bottom: 2px;
}

#taglinecr004{
   background-image: url(images/taglinecr004.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 633px;
   height: 57px;
   margin-left: 16px;
   margin-top: 0px;
   margin-bottom: 2px;
}

.mfgb{
   font-weight: bold;
}

.testimonialheader{
   font-size: 1.2em;
}

.rightcontent li{
   padding-bottom: 5px;
   
}

.mabtable{
border: solid #008080;
border-width: 1px;
}

.mabtable td{
border: solid #008080;
border-width: 1px;
}

.mabtable tr{
border: solid #008080;
border-width: 1px;
}

/*Table styling for CENTER TABLE ONLY*/
#center{
   width: 980px;
   margin-left: 20px;
   font-size: .8em;
   line-height: 1.2em;
   border-collapse: collapse;
}

.centertop{
   background-image: url(images/frametop.png);
   background-repeat: no-repeat;
   background-position: top;
   height: 10px;
}

.centercontent{
   background-image: url(images/frametile.png);
   background-repeat: repeat;
   background-position: top;
   margin: 0px;
   padding: 0px;
}

.centercontent3{
   background-image: url(images/frametile.png);
   background-repeat: repeat;
   background-position: top;
   margin: 0px;
   padding: 0px;
}

.centercontent2{
   background-image: url(images/frametile.png);
   background-repeat: repeat;
   background-position: top;
   margin: 0px;
   padding: 0px;
   width: 980px;
}

.centercontent td {
   padding: 10px 20px 10px 20px;
}

.centercontent2 td{
   padding: 10px 20px 10px 20px;
   vertical-align: top;
}

.centercontent3 td {
   padding: 3px 3px 3px 3px;
   vertical-align: top;
}

.guidelist td, .guidelist tr{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.centerbottom{
   background-image: url(images/framebottom.png);
   background-repeat: no-repeat;
   background-position: top;
}

.centerbottom td{
   margin: 0px;
   padding: 0px;
   height: 20px;
}

/*END Table styling for CENTER TABLE ONLY*/

/*Table styling for LEFT TABLE ONLY*/
#left{
   width: 620px;
   margin-left: 20px;
   margin-right: 0px;
   font-size: .8em;
   line-height: 1.2em;
   border-collapse: collapse;
   margin-top: -10px;
}

.lefttop{
   background-image: url(images/frametop_left.png);
   background-repeat: no-repeat;
   background-position: top;
   height: 10px;
}

.leftcontent{
   background-image: url(images/frametile_left.png);
   background-repeat: repeat;
   background-position: top;
   margin: 0px;
   padding: 0px;
}

.leftcontent td{
   padding: 10px 20px 10px 20px;
}

.leftbottom{
   background-image: url(images/framebottom_left.png);
   background-repeat: no-repeat;
   background-position: top;
}

.leftbottom td{
   margin: 0px;
   padding: 0px;
   height: 20px;
}

/*END Table styling for LEFT TABLE ONLY*/

/*Table styling for RIGHT TABLE ONLY*/
#right{
   width: 320px;
   margin-left: -25px;
   margin-right: 10px;
   font-size: .8em;
   line-height: 1.2em;
   border-collapse: collapse;
}

.righttop{
   background-image: url(images/frametop_right.png);
   background-repeat: no-repeat;
   background-position: top;
   height: 20px;
}

.righttop2{
   background-image: url(images/frametop_right2.png);
   background-repeat: no-repeat;
   background-position: bottom;
   height: 40px;
}

.righttop3{
   background-image: url(images/frametop_right2.png);
   background-repeat: no-repeat;
   background-position: bottom;
   height: 10px;
}

.rightcontent{
   background-image: url(images/frametile_right.png);
   background-repeat: repeat;
   background-position: bottom;
   margin: 0px;
   padding: 0px;
}

.rightcontent td{
   padding: 10px 20px 10px 20px;
}

.rightbottom{
   background-image: url(images/framebottom_right.png);
   background-repeat: no-repeat;
   background-position: top;
}

.rightbottom td{
   margin: 0px;
   padding: 0px;
   height: 20px;
}

.rightcontent2{
   background-image: url(images/frametile_right2.png);
   background-repeat: repeat;
   background-position: top;
   margin: 0px;
   padding: 0px;
}

.rightcontent3{
   background-image: url(images/frametile_right3.png);
   background-repeat: repeat;
   background-position: top;
   margin: 0px;
   padding: 0px;
}

.rightcontent2 td{
   padding: 10px 20px 10px 20px;
}

.rightcontent3 td{
   padding: 10px 20px 10px 20px;
}

.rightbottom2{
   background-image: url(images/framebottom_right2.png);
   background-repeat: no-repeat;
   background-position: top;
}

.rightbottom2 td{
   margin: 0px;
   padding: 0px;
   height: 20px;
}

#bottomorderbox {
   position:absolute;
   bottom:100px;
   z-index:100;
}


/*END Table styling for RIGHT TABLE ONLY*/

/*Table styling for TESTIMONIAL TABLE ONLY*/
#testimonial{
   width: 320px;
   height: 250px;
   margin-left: -25px;
   margin-right: 10px;
   font-size: .8em;
   line-height: 1.2em;
   border-collapse: collapse;
}

.testimonialtop{
   background-image: url(images/frametop_right.png);
   background-repeat: no-repeat;
   background-position: top;
   height: 10px;
}

.testimonialcontent{
   background-image: url(images/frametile_right.png);
   background-repeat: repeat;
   background-position: top;
   margin: 0px;
   padding: 0px;
}

.testimonialcontent td{
   padding: 10px 20px 10px 20px;
}

.testimonialbottom{
   background-image: url(images/framebottom_right.png);
   background-repeat: no-repeat;
   background-position: top;
}

.testimonialbottom td{
   margin: 0px;
   padding: 0px;
   height: 20px;
}

#orderboxbottom{
   width: 320px;
   margin-left: -25px;
   margin-right: 10px;
   font-size: .8em;
   line-height: 1.2em;
   border-collapse: collapse;
}

/*END Table styling for TESTIMONIAL TABLE ONLY*/

/*End Main Content Section*/

/*Begin Footer Section*/
#footer{
   background-image: url(images/footertop.jpg);
   background-repeat: no-repeat;
   background-position: top;
   width: 1024px;
   height: 190px;
   margin-left: 0px;
   position: relative;
   clear: both;
}

#footer2{
   background-image: url(images/footertop2.jpg);
   background-repeat: no-repeat;
   background-position: top;
   width: 1024px;
   height: 90px;
   margin-left: 0px;
   position: relative;
   clear: both;
}

#footer3{
   background-image: url(images/footertop2.jpg);
   background-repeat: no-repeat;
   background-position: top;
   width: 990px;
   height: 90px;
   margin-left: 0px;
   position: relative;
   clear: both;
}

.footerconditionform {
   float: right;
   padding-top: 28px;
   padding-right: 0px;
}

#footerdropdown{

}

#footerlinks{
   
}

/*This is just a placeholder search box, the actual drop down needs to be placed here.*/
.searchbox {
   margin-right: 15px;
}

/*Standard HTML links to pages*/
#footernavigation{
   color: #ffffff;
   padding-top: 80px;
   font-size: .7em;
   margin-left: 20px;
   margin-right: 20px;
   text-align: left;
}

#footernavigation ul li{
   list-style: none;
   display: inline;
   
}

#footernavigation a, footernavigation a:visited{
   color: #ff822e;
   text-decoration: none;
   border: none;
   padding-left: 10px;
}

#footernavigation a:hover, footernavigation a:active{
   color: #ffffff;
   text-decoration: none;
   border: none;
   padding-left: 10px;
}

#footernavigation2{
   color: #ffffff;
   padding-top: 30px;
   font-size: .7em;
   margin-left: 20px;
   margin-right: 20px;
   text-align: left;
}

#footernavigation2 ul li{
   list-style: none;
   display: inline;
   
}

#footernavigation2 a, footernavigation2 a:visited{
   color: #ff822e;
   text-decoration: none;
   border: none;
   padding-left: 10px;
}

#footernavigation2 a:hover, footernavigation2 a:active{
   color: #ffffff;
   text-decoration: none;
   border: none;
   padding-left: 10px;
}

#footernav{
   text-align: center;
   padding-bottom: 10px;
}

#popularconditions{
   padding-bottom: 10px;
   margin-right: 85px;
}

.copy{
   text-align: center;
}

.bookimage{
   background-image: url(images/bookimage.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 280px;
   height: 278px;
   margin-bottom: -10px;
}

#leftbook{
   width: 633px;
   height: 300px;
   margin-left: 18px;
   margin-top: -2px;
   margin-top: 20px;
}

.previewbutton{
   width: 280px;
   height: 61px;
   margin-bottom: -10px;
   margin-top: -10px;
   margin-left: -2px;
}

#previewbutton2{
   vertical-align: top;
}

.printbutton{
   width: 280px;
   height: 61px;
   margin-bottom: -10px;
}

.elecbutton{
   width: 280px;
   height: 61px;
   margin-bottom: -10px;
}

.difference{
   text-align: center;
   margin-bottom: 10px;
   font-size: 90%;
}

.bookupdate{
   font-weight: bold;
   font-size: 0.8em;
   color: #f02020;
   padding: 2px;
}

.bookupdate2{
   font-weight: bold;
   color: #f02020;
   font-size: 1.4em;
   line-height: 1.2em;
}

.highlight{
   font-weight: bold;
   color: #e02020;
   text-decoration: none;
}

.orderresult tr, .orderresult td{
background-color: #D4E6EA;
margin: 0px 10px 0px 10px;
}

.orderresult th{
margin: 0px 10px 0px 10px;
}

#previewform{
  display: none;
  margin: 5px; 5px; 5px; 0px;
  border-style: solid;
  border-width: medium;
  border-color: #208020;
  padding: 5px;
}

#previewform table{
  width: 200px;
  padding: 2px;
}

#previewform td{
   padding: 5px;
}

#previewform p{
   padding: 5px;
   font-weight: 600;
}