html {
  margin: 0; 
  padding: 0;  
  position: relative;

}

body {
  padding: 0;
  margin: 0 0 15px 0;
  font-family: Arial, Times New Roman, Verdana;
  background: #808080 url( ../images/bodyBG.gif ) repeat-x top center;
}

a img {
  border: 0; 
}

span#pmw.opaque,
span.opaque,
.opaque {
  /* for IE */
  filter: alpha( opacity = 40 );
  /* CSS3 standard*/
  opacity: 0.4;
  /* for Mozilla */
  -moz-opacity: 0.4;
}

div.contact_block {
  width: 522px;
  margin: 0 0 0 5px;
}

#contentMiddle div.contact_block img {
  margin: 0; 
}

div#contact_flash, 
div#contentMiddle div#contact_flash object,
div#contentMiddle div#contact_flash embed {
  width: 500px;
  height: 300px; 
  border: 1px solid #aeaeae;
}

img.reps {
  float: left;
}

#wrapper{
  width: 750px;
  padding: 0 2px 0 2px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  background: #fff;
  margin: 0 auto 0 auto;
  
}

#wrapperGray{
  background: #f0f0f0;
  width: 750px;
}

#topper{
  position: relative;
  width: 750px;
  height: 69px;
  background: #b0b0b0 url(../images/topLogo.jpg);
}
div#topLogo {
  width: 120px;
  height: 60px;
  cursor: pointer;
}
#topNumbers{
  position: absolute;
  width: 306px;
  height: 69px;
  top: 0px;
  right: 0px; 
}

#topMenu{
  position: absolute;
  height: 38px;
  right: 5px;
  bottom: 4px;
  background: url(../images/topMenuBG.gif) top center repeat-x;
}  

#topMenu a{
  display: block;
  float: left;
  line-height: 38px;
  color: #000;
  margin: 0 5px 0 5px;
  text-decoration:none;
  font-size:10px;
}

#topMenu a:hover {
  color: #4d4d4d;  
}

#lock {
  float: left;
  margin: 0 -5px 0 10px;
  height: 12px;
  width: 11px;
}

#banner{
  position: relative;
  z-index: 5;
    
  width: 585px;
  height: 20px;
  padding: 108px 0 0 165px;
  background: url( ../images/banner.jpg );
}

div#contact {
  position: absolute;
  display: none;
  top: 73px;
  right: 8px;
  width: 143px;
  padding-top: 5px;
  height: 20px;
  background: transparent url(../images/contact_bg.gif) center right no-repeat;
  text-indent: 25px;
}

div#contact a {
  text-decoration: none;
  color: #525252; 
  font-size: 12px;
}

div#contact a:hover {
  text-decoration: none;  
}

#bannerMenu, #bannerMenu ul {
  z-index: 200;
  padding: 0;
  margin: 0;
  list-style: none; 
  line-height: 1;
}

#bannerMenu {
  width: 585px;  
}

div.presto #bannerMenu {
  position: absolute;
  left: 105px;
  width: 640px;
}

#bannerMenu a.home {
  margin: 0 20px 0 0; 
}

#bannerMenu a {
  display: block;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  padding: 0 0 6px 0;
  margin: 0;
}

#bannerMenu li {
  z-index: 200;
  font-size: 12px;
  height: 13px;
  float: left;
  margin: 0 0 0 10px;
}

#bannerMenu a:hover{
  background: url(../images/menuBorder.gif) bottom repeat-x;
}

#bannerMenu li ul {
  position: absolute;
  z-index: 5;
  left: -9999px;
  width: 152px;
  padding: 2px 0 0 0;
  margin: 0;
  border-bottom: 1px solid #191919;
}

#bannerMenu li ul li {
  height: auto;
  display: block;
  width: 145px;
  margin: 0;
  border: 1px solid #191919;
  border-bottom: 0;  
  padding: 5px 0 5px 5px;
  text-align: left;
  background: #b9b9b9 url(../images/dropBG.gif) repeat-x;
}

#bannerMenu li ul li:hover {
  background: #fff; 
}

#bannerMenu li ul li a{
  width: 145px;
  line-height: 14px;
  color: #000; 
  padding: 0;
  border: 0;
  background: none;
}

#bannerMenu li ul li a:hover {
  background: none;
}

#bannerMenu li ul ul {
  margin: -20px 0 0 145px;
  padding: 0;
}

#bannerMenu li:hover ul ul,
#bannerMenu li.sfhover ul ul,
#bannerMenu li:hover ul ul ul,
#bannerMenu li.sfhover ul ul ul,
#bannerMenu li:hover ul ul ul ul,
#bannerMenu li.sfhover ul ul ul ul,
#bannerMenu li:hover ul ul ul ul ul,
#bannerMenu li.sfhover ul ul ul ul ul,
#bannerMenu li:hover ul ul ul ul ul ul,
#bannerMenu li.sfhover ul ul ul ul ul ul,
#bannerMenu li:hover ul ul ul ul ul ul ul,
#bannerMenu li.sfhover ul ul ul ul ul ul ul {
  left: -9999px;
}

#bannerMenu li:hover ul,
#bannerMenu li li:hover ul,
#bannerMenu li li li:hover ul,
#bannerMenu li li li li:hover ul,
#bannerMenu li li li li li:hover ul,
#bannerMenu li li li li li li:hover ul {
  left: auto;
}

#bannerMenu li.sfhover ul{
  left: auto;
}

#bannerMenu li li.sfhover ul,
#bannerMenu li li li.sfhover ul,
#bannerMenu li li li li.sfhover ul,
#bannerMenu li li li li li.sfhover ul,
#bannerMenu li li li li li li.sfhover ul {
   left: 6px;
}


#location{
  font-size: 12px;
  font-weight: bold;
  background: url( ../images/location.jpg );
  width: 740px;
  height: 31px;
  padding: 13px 0 0 10px;
}

#location a{
  text-decoration: none;
  margin: 0 5px 0 5px;
  color: #1c3265;
}

#locBar{
  width: 730px;
  height: 28px;
  padding: 2px 0 0 20px;
  font-weight:bold;
  font-size:18px;
  background: url( ../images/locBar.jpg );
  color: #890000;
}

#contentLeft {
  float: left;
  width: 50px;
  color: #000;
}

#contentMiddle img {
  margin: 5px; 
}

#contentMiddle object,
#contentMiddle embed{
  width: 522px;
  height: 427px;
}

#contentMiddle {
  font-size: 12px;
  width: 515px;
  margin: 0 5px;
}

#contentMiddle table{
  font-size: 12px; 
}

#contentMiddle h1, #contentMiddle h2{
  margin: 0;
  line-height: 18px;
  font-weight: 700;
  font-size: 18px;  
}

#contentMiddle h2, #contentMiddle h3, #contentMiddle h4, #contentMiddle h5, #contentMiddle h6{
  padding: 0 0 5px 0;
  font-size: 14px;
  line-height: 14px;
}

#contentMiddle h3, #contentMiddle h4, #contentMiddle h5, #contentMiddle h6 {
  font-size: 12px;
  line-height: 12px; 
}


#contentMiddle a{
  text-decoration: none;
  color: #890000;
}

#contentMiddle a:hover{
  text-decoration: underline;
}


#contentMiddle ul {
  list-style: disc; 
  font-size: 12px;
  margin: 3px 0;
}

#contentMiddle ul li ul {
  padding: 0 0 0 10px;
  list-style: circle;
}

#contentMiddle ul li ul li ul {
  list-style: square;
}

#contentMiddle ul li ul li ul li ul {
  list-style: disc;
}

#contentMiddle ul li ul li ul li ul li ul {
  list-style: circle;
}

.box {
  width: 240px;
  height: 90px;
  margin: 5px 5px 5px 0;
  float: left;
  padding: 4px;
  border: 1px solid #ccc;
  background: #e4e4e4;
  font-size: 11px;
  overflow: hidden;
}

#contentMiddle div.box img{
  float: left;
  width: 71px;
  height: 87px;
  border: 1px solid #000;
  margin: 0 5px 0 0;
}

.box h1{
 font-size: 12px;
 margin: 0 0 5px 0;
 padding: 0;  
}

.box h2{
 font-size: 11px;
 margin: 0;
 padding: 0; 
}

#contentRight {
  z-index: 0;
  float: right;
  position: relative;
  width: 200px;
  padding: 0 0 12px 0;
  background: #f0f0f0 url( ../images/sideEnd.gif ) no-repeat bottom center;
}

#contentRight a{
  z-index: 0;
  color: #1c3265;
  display: block;
  width: 165px;
  padding: 6px 5px 0 30px;
  border-bottom: 1px solid #d0d0d0;
  text-decoration: none;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  background: #e2e2e2 url( ../images/side.gif ) top left no-repeat;
}

#contentNews{
  z-index: 0;
  width: 180px;

  padding: 5px 10px 0 10px;
  font-size: 10px;  
  background: url(../images/sideNewsBG.gif) repeat-y;
}

#contentNews h1{
  margin: 5px 0 0 0;
  font-size: 12px;
  font-weight: 700; 
}

#contentNews h1 a{
  text-decoration: none;
  background: none;
  padding: 0;
  border: 0;
  line-height: 14px;
  display: inline;
  width: auto;
  height: auto;
}

#contentNews h1 a:hover{
  text-decoration: underline;  
}

#contentNews h2{
  margin: 0;
  font-size: 14px;
  font-weight: 700; 
  border-bottom: 1px solid;
}

#footer{
 clear:left;
 position: relative;
 margin: 0;
 width: 620px;
 height: 35px;
 padding: 10px 0 0 130px;
 background: url( ../images/footer.gif ) no-repeat; 
 font-size: 10px;
}

#footer img{
 position: absolute;
 top: 0px;
 left: 15px;
 width: 103px;
 height: 45px;
 margin: 0 20px 0 0;
}

#postFooter {
  width: 750px;
  font-size: 10px;
  color: #000;
  text-align: center;
}

#postFooter a{
  text-decoration: underline; 
  color: #000;
}

#footerEnd{
  width: 756px;
  height: 10px;
  margin: 0 auto 0 auto;
  background: url( ../images/footerEnd.gif ) no-repeat;
}

#cwebdes{
  text-align: center;
  margin: 0 auto 0 auto;
  width: 150px;
  font-size: 10px;
  color: #727272;
}

#cwebdes a{
  text-decoration: none;
  color: #727272;
}

#cwebdes a:hover{
  color: #585858; 
}

.contentOption{
  width: 550px;
  height: 20px;
  text-align: right;
  clear: left;
}

.contentOption a {
  font-size: 10px;
  color: #000;
  text-decoration: none;
  padding: 1px 25px 3px 0;
  margin: 0 8px 0 0;
}

.print {
  background: url( ../images/print.gif ) no-repeat center right;
}

.email {
  background: url( ../images/email.gif ) no-repeat center right;
}

.active {
  font-weight: bold;
}

.inactive {
  font-weight: normal;
  font-style: italic;
  color: #777;
}

.relocated {
  position: absolute;
  margin-left: -2000px;
}

div#contact_numbers {
  padding-left: 15px;
  font-size: 12px; 
  background: #e2e2e2 url(../images/contact_side_BG.gif) top center repeat-y;
}




div.black_knight {
  position: absolute;
  
  width: 100%;
  min-height: 500px;
  height: 100%;
  /*height: 800px;*/
 
  top: -10px;
  left: 0;
  right: 0;
  bottom: -10px;
  background: #000; 
  z-index: 10;
  display: block;
  padding-bottom: 10px;
}

div.mr_plum {
  position: absolute;
  width: 500px;
  min-height: 300px;
  
  left: 50%;
  top: 30px;
  margin: 0 0 0 -260px;
  z-index: 11;
  
  font-size: 14px;
/*border: 1px solid #f2f2f2;
  border-width: 0 1px;*/
  border-bottom: 1px solid #000;
  padding: 10px;
  background: #000 url(../images/mr_plum_bg.jpg) top left no-repeat;
  color: #f2f2f2;
}

#contentMiddle div.mr_plum h1,
div.mr_plum h1 {
  text-align: right;
  margin: 0 0 10px 0;
  padding: 0 10px 10px 10px;
  border-bottom: 1px solid #fff;
  font-size: 28px;
  line-height: 32px;
}

div.agree_zone {
  text-align: center; 
  
  border-top: 1px solid #fff;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
}

div.problems {
  background: #c2e2ff;
  border: 1px solid #194e7f;
  color: #194e7f;
  padding: 10px;
  width: 400px;
  margin: 10px auto;
}

div.agree_zone input.blue,
.blue {
  background: #c2e2ff;
}

div.agree_zone input {
  width: 300px;
  background: #f2f2f2;
  color: #666;
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: 700;
}

div.agree_zone input.initials {
  margin-top: 5px;
  width: 65px; 
  text-align: center;
}

div.agree_zone a.glassy,
div.agree_zone input.agree {
  margin: 5px 0 0 0;
  cursor: pointer;
  background: #000 url(../images/input_agree_bg.gif) top left repeat-x;
  padding: 3px 0;
  color: #f2f2f2;
  border-top-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #666;
  border-bottom-color: #666;
}

div.agree_zone input:hover.agree {
  color: #c2e2ff; 
}

div.agree_zone div.cancelers {
  width: 300px;
  margin: 0 auto; 
}

#contentMiddle div.agree_zone a.glassy,
div.agree_zone a.glassy {
  display: block; 
  border: 1px solid #f2c3c3;
  border-right-color: #666;
  border-bottom-color: #666;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  width: 145px;
  color: #f2f2f2;
  background: #000 url(../images/a_glassy_bg.gif) top left repeat-x;
  float: left;
}

#contentMiddle div.agree_zone a:hover.glassy,
div.agree_zone a:hover.glassy {
  color: #f2d9d9; 
}

div.terms_zone {
  height: 150px;
  width: 400px;
  border: 1px solid #666;
  margin: 0 auto;
  color: #666;
  background: #f2f2f2;
  overflow: auto;
  padding: 5px;
}

div.rock_and_row {
  border: 1px solid #666;
  border-width: 1px 1px 0 1px;
  width: 525px;
  height: 20px;
  line-height: 20px;
}

div.rock_and_row div.name,
div.rock_and_row div.initials,
div.rock_and_row div.agreement_date,
div.rock_and_row div.ip_address {
  float: left; 
  border-right: 1px solid #666;
  padding-left: 5px;
  overflow: hidden;
}

div.rock_and_row div.name {
  width: 150px;
}

div.rock_and_row div.initials {
  width: 50px;
}

div.rock_and_row div.agreement_date {
  width: 130px;
}

div.rock_and_row div.ip_address {
  width: 100px;
  border-right: 0;
}

div.rock_and_row.first {
  margin-top: 10px;
  background: #666;
  color: #f2f2f2; 
  font-size: 10px;
  height: 15px;
  line-height: 15px;
}

div.rock_and_row.last {
  border-bottom-width: 1px; 
  margin-bottom: 10px;
}

a.store {
  display: block;
  position: absolute;
  width: 134px;
  height: 60px; 
  text-indent: -9999px;
  overflow: hidden;
  top: 3px;
  left: 175px;
  background: transparent url(../images/store_button.gif) top left no-repeat;
}

div.new_products {
  position: relative;
  width: 518px;
  height: 105px;
  background: transparent url(../images/new_products_bg.jpg) top left no-repeat;
}

a.trm {
  position: absolute;
  width: 315px;
  height: 25px;
  right: 0;
  bottom: 10px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

a.clblankets {
  position: absolute;
  width: 245px;
  height: 25px;
  right: 0;
  top: 12px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

/* BEGIN EWORKS specific CSS */

.eworks_table {
	word-wrap: break-word;
	background-color: #888888;
	vertical-align: top;
}

.eworks_table th {
	text-align: left;
	background-color: #cbcbcb;
	font-weight: bold;
}

.eworks_table td {
	background-color: #eeeeee;
}

.eworks_best td {
	height: 50px;
}

.eworks_desired_longevity td {
	background-color: #aaffaa;
}

.eworks_best td.first {
	background: url("images/best.gif") no-repeat 0 0;
}
.eworks_best td.second {
	background: url("images/best.gif") no-repeat 25% 0;
}
.eworks_best td.third {
	background: url("images/best.gif") no-repeat 51% 0;
}
.eworks_best td.fourth {
	background: url("images/best.gif") no-repeat 75% 0;
}
.eworks_best td.fifth {
	background: url("images/best.gif") no-repeat 100% 0;
}

.eworks_better td {
	height: 50px;
}

.eworks_better td.first {
	background: url("images/better.gif") no-repeat 0 0;
}
.eworks_better td.second {
	background: url("images/better.gif") no-repeat 25% 0;
}
.eworks_better td.third {
	background: url("images/better.gif") no-repeat 51% 0;
}
.eworks_better td.fourth {
	background: url("images/better.gif") no-repeat 75% 0;
}
.eworks_better td.fifth {
	background: url("images/better.gif") no-repeat 100% 0;
}

.eworks_good td {
	height: 50px;
}

.eworks_good td.first {
	background: url("images/good.gif") no-repeat 0 0;
}
.eworks_good td.second {
	background: url("images/good.gif") no-repeat 25% 0;
}
.eworks_good td.third {
	background: url("images/good.gif") no-repeat 51% 0;
}
.eworks_good td.fourth {
	background: url("images/good.gif") no-repeat 75% 0;
}
.eworks_good td.fifth {
	background: url("images/good.gif") no-repeat 100% 0;
}


.eworks_error_table {
	background-color: #ff0000;
}

.eworks_error_table th {
	text-align:left;
	background-color: #ff4433;
	font-weight: bold;
}

.eworks_error_table td {
	background-color: #ffeeee;
}




