body, html {
  margin:0;
  padding:0;
  background:#ffffff url(http://sharonoday.com/webgraphics/sharonbackground.jpg) top center repeat-x;
  height: auto;
  font: normal normal 15px verdana, arial;
  line-height: 1.2em;
  color: #000;
}

#header_frame {
	display: block;
	width: 1000px;
	height: 215px;
	_padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#header {
  display: block; 
  background:#fff url(http://asksharonoday.com/wp-content/uploads/headway/header-uploads/sharonheader10.png) top center no-repeat;
  width: 900px;
  height: 215px; 
  margin: 0 auto; 
  padding: 0 0 0 0;
  _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;}

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

#content {
  background: url('../../images/content_mid_new.png') top center repeat-y;
  width: 800px; 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 {
  clear: both;
  display: block;
  background: url(../../images/content_btm_new.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: #9bc4c0; text-decoration: none;}
#footerleft {float: left; margin: 35px 0 0 30px; _margin: 35px 0 0 15px; width: 800px;}
#footerright {float: right; text-align: right; margin: 35px 30px 0 0px; _margin: 35px 17px 0 0px; width: 360px;}

#content br {line-height: 1.3em;}
#content h2 {font: normal bold 22px verdana; width: 700px; line-height: 1.2em; margin: 0 auto; padding: 0; color: #ffffff;}
#content h3 {font: normal bold 18px verdana; color: #333; width: 700px; line-height: 1.2em; margin: 0 auto; padding: 0; }
#content h4 {font: normal bold 16px verdana; color: #333; width: 700px; line-height: 1.2em; margin: 0 auto; padding: 0; }
#content p {
	width: 700px;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#content ul, ol {width: 650px; padding: 0;  margin-left: 75px; padding-left: 10px; line-height: 1.1em; }
#content hr {width: 700px;}
#content a, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
#content a img {border: 0px solid #fff;}

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

.quotes_1 .quote_topbtm {margin: 0 auto; padding: 0;}
.quotes_1 p {width: 600px !important; color: #111; font-size: 13px; margin: 0 auto; line-height: 2em !important;}


.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: 100px !important; width: 600px !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; line-height: 1.3em;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !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; 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:#000; 
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: 250px;
	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: center;
	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;}