body, html {
  margin:0;
  padding:0;
  background:#feb9de url(images/body_bg.png) top center repeat-x;
  height: auto;
  font: normal normal 15px verdana, arial;
  line-height: 1.2em;
  color: #000;
}

#header_frame {display: block; width: 1075px; height: 215px; margin: 0 auto; padding: 0 0 0 0;}

#header {
  display: block;
  background:#fff url(images/header.jpg) top center no-repeat;
  width: 800px;
  height: 215px; 
  margin: 0 auto; 
  padding: 0 0 0 0;

}

#header h1 {
  position: relative; 
  display: inline; 
  margin: 20px 0 0 120px; /* margin: 30px 0 0 120px;  */
  padding: 0; 
  font: normal normal 24px verdana; 
  color: #7d1c5f; 
}
#header img {position: relative; display: inline; margin: 18px 0 0 -320px; z-index: 1000;}  /* margin: 58px 0 0 -320px; */

#container {background: url(images/content_bg.png) top center repeat-y; width: 1075px; height: 100%; margin: 0 auto; padding: 0 0 0 0;}

#content {
  background: url( 'images/content_mid.png' ) top center repeat-y;
  width: 800px; height: auto !important; margin: 0 auto; z-index: 100;
}
  
#leftpanel {display: block; float: left; width: 225px; height: auto; margin: 0 0 0 10px; _margin-left: 5px; padding: 0; border: 0px solid #fff;;}
#rightpanel {display: block; position: relative; width: 545px; height: auto; margin: 0 0 0 242px; _margin-left: 240px; padding: 0; }

div.numenu {
	width: 215px; height: 42px;
	margin: 0 auto;
    padding-right: 6px;
	background: url( 'images/menu_nav.png' ) 0 -42px no-repeat;
	}
div.numenu a {
	display: block;
	margin: 0; padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	font: normal 15px/2 Verdana, Sans-Serif !important;
	color: #bf00bd !important;
	text-decoration: none;
    text-align: left;
    text-indent: -20px;
	background: url( 'images/menu_nav.png' ) top left no-repeat;
	}
div.numenu span {
	display: block;
	margin:0; padding: 5px 0 0 42px;
	}
div.numenu a:hover {
	background-image: none;
    font-weight: normal;
	color: #3f003f !important;
	}
div.numenu a:active {
	color: #3f003f !important;
	}
div.numenu_selected {
	width: 215px; height: 42px;
	margin: 0 auto;
    padding-right: 6px;
	background: url( 'images/menu_nav.png' ) 0 -84px no-repeat;
    font: bold 14px/2.2 Verdana, Sans-Serif !important;
    color: black !important;
    text-decoration: none;
    text-align: left;
    text-indent: -20px;
}
div.numenu_selected a {color: #444 !important; text-decoration: none;}    
div.numenu_selected span {
	display: block;
	margin:0; padding: 5px 0 0 42px;
	}
    

#footer {
  clear: both;
  display: block;
  background: url(images/content_btm.png) top center no-repeat;
  width: 800px;
  height: 118px;
  margin: 0 auto;
  font: normal bold 12px arial;
}

#footer a, #footer a:visited, #footer a:hover {color: #040; text-decoration: none;}
#footerleft {float: left; margin: 35px 0 0 30px; _margin: 35px 0 0 15px; width: 370px;}
#footerright {float: right; text-align: right; margin: 35px 30px 0 0px; _margin: 35px 17px 0 0px; width: 360px;}

#rightpanel br {line-height: 1.3em;}
#rightpanel h2 {font: normal bold 22px verdana; width: 460px; line-height: 1.2em; margin: 0 auto; padding: 0; color: #80007e;}
#rightpanel h3 {font: normal bold 18px verdana; color: #333; width: 460px; line-height: 1.2em; margin: 0 auto; padding: 0; }
#rightpanel h4 {font: normal bold 16px verdana; color: #333; width: 460px; line-height: 1.2em; margin: 0 auto; padding: 0; }
#rightpanel p {width: 460px; line-height: 1.2em; margin: 0 auto; padding: 0; text-align: justify; line-height: 1.3em;}
#rightpanel ul, #rightpanel ol {width: 430px; padding: 0;  margin-left: 55px; padding-left: 10px; line-height: 1.3em; }
#rightpanel ol li {margin-left: 15px; padding-left: 5px;}
#rightpanel hr {width: 460px;}
#rightpanel a, #rightpanel a:visited {text-decoration: none; font-weight: bold; font-size: 14px; color: #f00;}
#rightpanel a img {border: 0px solid #fff;}
#rightpanel blockquote {width: 380px; margin: 0 auto; color: #2c7800;}

.quotes_1 {
   background: #fff url(images/bq_mid_1.png) top center repeat-y; 
   width: 520px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
}

.quotes_2 {
   background: #fff url(images/bq_mid_2.png) top center repeat-y; 
   width: 520px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
}

.quote_topbtm {margin: 0 auto; padding: 0;}
.quotes_1 p, .quotes_2 p {font-size: 13px; width: 480px; color: #111; padding: 0 15px 0 15px;}

#signup {
   float: right;
   display: inline;
   background: url(images/signup.png) top center no-repeat; 
   width: 331px;
   height: 116px;
   color: #355d86; /* #008b98; */
   margin: -210px 10px 0 0px;
   padding: 0;
   z-index: 1000 !important;
}
#signup p {width: 330px !important; color: #111; margin: 0 auto; padding: 0;}

.sidequotes {
   background: #fff url(images/sidepanel_mid.png) top center repeat-y; 
   width: 205px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
}
.sidequotes #quote_top, .quotes #quote_btm {margin: 0 auto; padding: 0; _margin-left: 3px;}
.sidequotes p {width: 170px !important; color: #111; margin: 0 auto; padding: 0 20px 0 20px;}

.sidequotes_new {
   float: right;
   display: inline;
   background: #fff url(images/sidepanel_mid_new.png) top center repeat-y; 
   width: 295px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: -200px 0 0 0;
   padding: 0;
}
.sidequotes_new #quote_top, .quotes #quote_btm {margin: 0 auto; padding: 0;}
.sidequotes_new p {width: 270px !important; color: #111; margin: 0 auto;}


.alert {
   background: #fff url(images/alert_mid.png) top center repeat-y; 
   width: _24px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
}


.floatleft {display: inline; float: left; padding: 0 15px 5px 0;}
.floatright {display: inline; float: right; padding: 0 0 0 10px;}
.center {text-align: center !important; margin: 0 auto !important;}
.indent {margin-left: 60px !important; width: 420px !important;}
.purple {color: #5e1b3f !important;}
.green {color: #4c9800 !important;}
.blue {color: #003366 !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.proddesc {width: 400px !important;}

a.backtop {
  float: right;
  font-size: 11px !important;
  font-weight: bold !important;
  color: #008080 !important;
  text-decoration: none;
  margin-right: 75px;
}

#orderform {background: url(images/orderform.jpg) top center no-repeat; width: 520px; height: 250px; margin: 0 auto;}
#orderform p {width: 480px; margin: 0 auto; padding-top: 100px; }
#aweber_signup {border: 2px solid #5e1b3f; width: 300px; height: auto; margin: 0 auto; padding: 10px;}
#contactform {height: 500px; width: 470px; margin-left: 20px;}
#quoteform  {margin: 15px 0 0 0; _margin-top: 30px; padding: 0; font-size: 12px;} /* {width: 260px; height: 72px; margin: 0 auto; margin-top: 6px;} */


#popup {float: right; padding-right: 40px; _padding-right: 40px;}
#popup select option{width: 470px !important;}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
  position:absolute;
  visibility:hidden; 
  background: url(images/popup.png) top center no-repeat;
  width:450px; 
  height:0; 
  border:0px solid #000; 
  left:-400px; 
  top:0px;
}
a.screen span {visibility: hidden;}

a.screen:hover {
  text-decoration:none; 
  border:0; 
  z-index:1000;
}
a.screen:hover b {
  visibility:visible; 
  height:250px; 
  cursor:pointer; 
  z-index:500; 
}
a.screen:hover span {position: absolute; top: 20px; left: -10px; z-index: 1000;}
a.screen:hover b img {
  border:0; 
}