body, html {
  margin:0;
  padding:0;
  height: auto;
  font: normal normal 14px verdana, arial;
  line-height: 1.2em;
  color: #000;
}

#header_bg {background: url(images/header_bg_new.png) top center repeat-x; width: 100%; height: 235px; margin: 0 auto; padding: 0;}

#header {
  display: block; 
  background: url(images/header_new.png) top center no-repeat;
  width: 860px;
  height: 235px; 
  margin: 0 auto; 
  padding: 0;

}


#header h1 {
  position: relative; 
  display: inline; 
  margin: 30px 0 0 120px; 
  padding: 0; 
  font: normal normal 24px verdana; 
  color: #7d1c5f; 
}
#header img {position: relative; display: inline; margin: 53px 0 0 -320px; z-index: 1000;}

#content_bg {background: #8081ff; width: 100%; height: 100%; margin: 0 auto;}

#content {
  background: url(images/content_new.png) top center repeat-y;
  width: 860px; height: auto !important; margin: 0 auto; z-index: 100;
}

div.numenu {
	width: 215px; height: 42px;
	margin: 0 auto;
	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;
	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_bg {
  background: url(images/footer_bg_new.png) top center repeat-x;
  width: 100%;
  height: 88px;
  margin: 0 auto;
  font: normal bold 12px arial;
}
    
#footer {
  background: url(images/footer_new.png) top center no-repeat;
  width: 860px;
  height: 88px;
  margin: 0 auto;
  font: normal bold 12px arial;
}8

#footer a, #footer a:visited, #footer a:hover {color: #040; text-decoration: none;}
#footerleft {float: left; margin: 15px 0 0 35px; _margin: 15px 0 0 20px; width: 400px;}
#footerright {float: right; text-align: right; margin: 15px 35px 0 0px; _margin: 15px 22px 0 0px; width: 380px;}

#content br {line-height: 1.3em;}
#content h2 {font: normal bold 22px verdana; width: 600px; line-height: 1.2em; margin: 0 auto; padding: 0; color: #5b7328;}
#content h3 {font: normal bold 18px verdana;  width: 600px; line-height: 1.2em; margin: 0 auto; padding: 0; }
#content h4 {font: normal bold 16px verdana; width: 600px; line-height: 1.2em; margin: 0 auto; padding: 0; }
#content p {width: 600px; line-height: 1.2em; margin: 0 auto; padding: 0; text-align: justify;}
#content ul {width: 550px; padding: 0;  margin-left: 130px; padding-left: 25px; line-height: 1.1em; }
#content ul li {padding-bottom: 10px;}
#content hr {width: 600px;}
#content a, a:visited {text-decoration: none; font-weight: bold; color: #7a1b5d;}
#content a img {border: 0px solid #fff;}

.quotes_1 {
   background: #fff url(images/bq_mid_new_2.png) top center repeat-y; 
   width: 706px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto !important;
   text-align: center;
   padding: 0;
}

.quotes_2 {
   background: #fff url(images/bq_mid_1.png) top center repeat-y; 
   width: 520px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
   padding: 0;
}

.quotes_3 {
   background: #fff url(images/bq_mid_3.png) top center repeat-y; 
   width: 650px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
}

.quotes_3 table {border-collapse: collapse; padding: 0; margin: 0 auto; color: #000;}
.quotes_3 table tr td {vertical-align: top;}
.quote_topbtm {margin: 0 auto !important; padding: 0;}
.quotes_1 p, .quotes_3 p {width: 540px !important; color: #111; font-size: 13px; margin: 0 auto; padding: 0 20px 0 20px; line-height: 1.3em !important;}
.quotes_1, .quotes_3 h2 {width: 540px !important; line-height: 1.1em !important; color: #333 !important;}
.quotes_2 p {font-size: 13px; width: 480px; color: #111; padding: 0; text-align: left; line-height: 1.3em !important;}
.quotes_2 table {border-collapse: collapse; text-align: center;}

.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: 5px 15px 0 0;}
.floatright {display: inline; float: right; padding: 0 0 0 10px;}
.center {text-align: center !important; margin: 0 auto !important;}
.indent {margin-left: 100px !important; width: 600px !important;}
.purple {color: #da0099 !important;}
.green {color: #5b7328 !important;}
.blue {color: #6061df !important;}
.orange {color: #ff8200 !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f24 {font-size: 24px !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;}
#vipform {background: url(images/vipform.png) top center no-repeat; width: 520px; height: 250px; margin: 0 auto;}
#orderform p {width: 480px; margin: 0 auto; padding-top: 100px; font-size: 13px;}
#aweber_signup {border: 2px solid #5e1b3f; width: 300px; height: auto; margin: 0 auto; padding: 10px;}
#contactform {height: 500px; width: 470px; margin-left: 20px;}



#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; 
}

#prodtable {width: 620px; border-collapse: collapse; margin: 0 auto;}
.td_left {width: 350px !important; padding: 0;}
.td_right {width: 270px !important; padding: 0;}
.td_right p {width: 250px !important; padding: 0; text-align: left !important;}

#leftpanel {display: block; float: left; width: 485px; height: auto; margin: 0 0 0 10px; _margin-left: 5px; padding: 0; border: 0px solid #fff; }
#rightpanel {display: block; position: relative; width: 285px; height: auto; margin: 0 0 0 504px; _margin-left: 500px; padding: 0; }

#leftpanel h2 {font-size: 26px; width: 440px !important; display: block; text-align: center; margin: 0 auto; }
#leftpanel h3 {font-size: 22px;  width: 440px !important; display: block; text-align: center; margin: 0 auto; }
#leftpanel p {width: 470px !important; display: block; text-align: left; margin: 0 0 0 15px; }
#leftpanel ul {list-style: none; margin-left: -20px; width: 400px !important; display: inline;}
#leftpanel ul li {padding: 0 0 0 5px; margin-left: 5px; _text-indent: -15px;}
#sz_welcome {clear: both; float: left; display: inline; padding: 5px 10px 0 10px;}

#rightpanel p.p_h3 {font: normal normal 16px arial; color: #333; width: 240px; text-align: center !important; text-indent: 0; padding: 0; margin: 0 auto;}
#rightpanel p {font: normal normal 13px arial; width: 240px; text-align: left; margin: 0 auto; padding: 0;}
#rightpanel ul {font: normal normal 13px arial; width: 220px; text-align: left; margin: 0 auto; padding-left: 15px;}

#prodpic {float: left; margin: 0 15px 0 0; padding: 0;}

#signup {background: url(images/signup_mid.png) top center repeat-y; width: 260px; padding: 0; margin: 0 auto; }
#signup .topbtm {margin: 0 auto; padding: 0;}
#signupform  {width: 230px; height: 250px; margin: 0 auto; margin-top: 6px;}

table.testimonials {border-collapse: collapse; margin: 0 auto;}
table.testimonials tr td {width: 330px; height: auto; margin: 0; padding: 0 5px 0 5px; vertical-align: top;}
.quotes {background: url(images/quote_mid.jpg) top center repeat-y; padding: 0; margin: 0 auto; width: 323px; height: auto;}
.quotes .quotes_img {width: 323px; height: auto; margin: 0; padding: 0;}
.quotes p {width: 280px; margin: 0 auto !important; padding: 15px 0 15px 0 !important; text-align: left !important;}
