body { margin: 0;
       padding: 0;
       background-color: #0099FF;;
       font-size: 100%;
       font-family: arial, helvetica, sans-serif;
       text-align: center; 
       behavior:url("css/csshover.htc");
     }


h1 { font-size: 1.5em;
     text-align: center;
     line-height: .8em;
     clear:both;
   }

h2 {font-size: 2em;
    text-align: center; 
    text-decoration: underline; 
   }
         
h3 { font-size: 1.3em;         
     text-align: center;
     line-height: .8em;
     clear:both;
   }
h4 { font-size: .9em;         
     text-align: center;
     clear:both;
     margin:5px 0;
   }

p { text-indent: 1.7em; 
     font-size: 1em; 
     padding: 0 2em; 
     text-align: justify; 
     margin: 10px; 
     clear: both;
}

#container { margin: 0 auto;
             border-right: 2px solid #000000;
             border-left: 2px solid #000000;
             width: 751px;
             background-color: #FFFFFF;
             padding:0;
            }

#heading { background-color: #FF00FF;
         }

#heading img {border: none;
              padding: 5px 0 0 0;
             }
#nav { background-color: #CEE7F7;
       width: 731px;
       float: left;
       padding: 0 10px 0;
       font-size: .8em;
       font-weight: bold;         
      border-top: 1px solid #000000;
      border-bottom: 1px solid #000000;
      display:block;
      }
#nav ul { padding: 0;
          margin: 0 0 0 35px;
          text-align: left;

}
#nav ul li {border-right: 1px solid #000000;
              background-color: #CEE7F7;
             list-style-type: none;
             margin: 0;
             float: left;
             position: relative;
}
#nav ul li:first-child {border-left: 1px solid #000000;
}
/* the drop-down starts here */
#nav ul li ul { margin:0;
                     position: absolute;
                     z-index:10;
                     width: 14.5em;
                     border-right:0;
                     left:-1px;
}
#nav ul li ul li { width: 100%;
                       border-left: 1px solid #000000;
                       border-right: 1px solid #000000;
                       border-bottom: 1px solid #000000;
                       text-align: left;
                       padding:0 0 1px;
}
#nav ul li ul li:first-child {border-top: 1px solid #000000;
}
#nav ul li ul {display:none;}
#nav ul li:hover ul {display:block; }
/* pop-out starts here */
#nav ul li ul li ul  {
	position:absolute; 
	visibility:hidden;
	top:-1px;
	width: 17.5em;
	z-index: 11;
	left: 14.5em;
	}
#nav ul li ul li:hover ul {visibility:visible;}

* html #nav ul { float:left; /* makes the ul wrap the li's */
	margin-top: 0; margin-bottom: 0; margin-left: 20px; border-left:1px solid #000; }
* html #nav ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
* html #nav ul li ul li ul{
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}

#nav a {padding: 0 6px;
        text-decoration: none;
        display:block;
        color: #0000FF;
}
#nav a:hover {background-color: #FFFFFF;
              color: #C33;
              }


#page_title { text-align: center; 
             width: 731px;
             padding-top: 1em;
}
#page_title a img, map + img { border-style: none; }
#page_title p { clear: both; 
                margin: 30px 10px 10px; }
#page_title:after { display: block; height: 0; clear: both; content: ""; }

#links { background-color: #CCFFCC; 
            text-align: left; 
            width: 731px;
            margin: 0 auto; 
            clear: both;
            padding: 10px;
}
#links a img, map + img { border-style: none; }
#links p { clear: both; 
                margin: 30px 10px 10px; }
#links ul { text-indent: 20px; float: left; margin-left: 20px; }

#links ul a{ font-size: 1.2em; font-weight: bold; text-decoration: none; text-indent: 20px; }
#links:after {content: ""; 
                    display: block; 
                    height: 0; 
                    clear: both;
}
#main { text-align: center; 
             width: 731px;
             padding: 10px 0;}


#main a img, map + img { border-style: none; }
#main p { clear: both; 
                margin: 30px 10px 10px; }
#main:after { display: block; height: 0; clear: both; content: ""; }

#product_cats { margin: 10px auto;  
                        font-size: 0.8em;
                        width:400px;
			padding: 5px;
			border: dashed 1px #000;                      
}

#product_cats:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#product_cats .Right_Column { width: 180px;
margin-right: 5px; 
margin-bottom: 5px; 
margin-left: 5px;  
padding: 2px; 
border: none;
float: right;
text-align:left; 
}

#product_cats .Right_Column:after { 
}

#product_cats .Left_Column { width: 180px;
margin-right: 5px; 
margin-bottom: 5px; 
margin-left: 5px; 
float: left; 
padding: 2px; 
border: none;
text-align:left;
}

#product_cats .Left_Column:after {  
}

#product_cats ul { text-align: left; text-indent:-10px;
                        list-style-type:none;}
#product_cats ul.uleft { float: left; list-style-type:none;}
#product_cats ul.uright { list-style-type:none;}

#footer { background-color: #CEE7F7;
               width: 731px; 
               padding: 5px 10px 5px 10px;
               border-top: 1px solid #000000;
            }

#footer p.address { font-size: .7em;
                    text-indent: 0px;
                    text-align: left;
                  }
                  
#footer p.address span { font-weight: bold;
                       }
                       
#footer p.copy { font-style: italic;
                 text-align: center;
                 font-size: .6em;
                }
#order_form { border: 1px solid #000000;
                      margin: 5px auto;
}


#nav2 { font-size: 0.9em; font-weight: bold; width: 751; float: left; }
#nav2 ul { display: block; list-style-type: none; text-indent: 0px; }
#nav2 ul li { margin: 0px 2px; list-style-type: none; display: inline; }

#constant_contact {text-align:center; clear: both;}
#constant_contact div {margin:0 auto; background-color: #ffffff;}
#constant_contact form {margin-bottom:3px;clear:both;}
#constant_contact form span{background-color: #006699; margin-right:5px;margin-top:3px;}
#constant_contact input {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10px; 
                         border:1px solid #999999;}
#constant_contact input.submit{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;}


#manufacturers { border: 1px solid #000000;
                 margin: 5px auto;
                 text-align: center;
		 		 text-decoration: none;
                 margin: 0 auto;
		         width: 730px;
                 background-color: #FFFFFF;
}
#manufacturers .wrap {width: 720px; margin: 0px auto; text-align:center;}
#manufacturers .clearfix div { margin-right: auto; 
	margin: 1em auto; 
	width: 230px; 
	float: left; 
	padding: 2px; 
	border: none; 
}
#manufacturers .Column:after { display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
}
#manufacturers:after { display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
}

#manufacturers .clearfix div a{text-decoration:none;}
#manufacturers .clearfix div a span{text-decoration:underline;}

#CustomerService a{font-size: 1em;
}

#thumbnails {text-align: center;
          display: block;
          padding: 5px;
          margin: 0 auto;
          border: none;
          clear:both; 
}

#contact_sheet {text-align: center;
          display: block;
          width: 640px;
          margin: 10px auto;
          border: #000000 groove 2px;
          clear:both; 
}
#contact_sheet img{
          padding: 5px;
}
 
#monthly_specials {text-align:center; clear: both;}
#monthly_specials .disclaimer{text-indent: 0; font-size: .7em;}
#promotions {text-align:center; clear: both;}
#promotions h3 { font-size: 1.3em;         
     text-align: center;
     line-height: .8em;
     clear:both;
     margin-bottom:.2em;
   }

#promotions h4 { font-size: 1.3em;         
     text-align: center;
     line-height: 1em;
     margin-bottom: 1em;
     clear:both;
   }
#promotions span {font-weight: bold; background-color: yellow;}

#participants {text-align:center; clear: both;}
#participants span {text-align:center;}
#participants div {width:550px; margin: 2em auto; clear:both;}
#participants:after { display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
}

#contest_entry_form {text-align:left;
	margin: 10px auto;
	width: 434px;
	border-collapse: collapse;
}

#contest_entry_form form {	
	border-top: 2px solid #000;
    border-right: 2px solid #000;
	border-left: 2px solid #000;   
	border-bottom: 3px solid #000;
 	background-color: #e4ffe4; 	 
}

#contest_entry_form h3{ text-align: center;
	font-size: 1.1em;
	line-height: .8em;
    clear: both;
	text-transform: uppercase;
}	
#contest_entry_form div.clearfix{
	border-top: 1px solid #000;
	padding:10px 0px;
	vertical-align:top;
}
#contest_entry_form label{
	float:left;
	width: 150px;
	font-size:.75em;
	color: #000;
	margin: 0px 10px;
}

#contest_entry_form input[type="submit"] {
	color: #000;
	background: #D7E5F2;
}

#contest_entry_form input{
	background:#CEE7F7;
	color: #000;
	display:block; 
	margin-left:auto; 
	margin-right:10px;
}
#contest_entry_form input:hover{
	background-color: #FFFFFF;
}

#contest_entry_form input:focus{
	background-color: #FFFFFF;
	border-color: #000;
}

#contest_entry_form fieldset{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #000;
}

.pink { color: rgb(255, 0, 255);
}

.pink_underline { text-decoration: underline;
           color: rgb(255, 0, 255); 
}

.aqua { color: rgb(0, 153, 255);
}

.aqua_underline {text-decoration: underline; 
        color: rgb(0, 153, 255);
}

.red {color: #FF0000;}

.underline {text-decoration:underline;}

.specials { border: 2px groove #000000;
	margin: 10px auto 5px;
	width: 70%; 
	clear: both; 
	padding: 5px;
	text-align: center;
}

.specials p { font-size: 1em; 
     text-align: center; 
     margin-bottom: 10px; 
     clear: both;
}


.products { border: 1px solid #000000;
            margin: 5px auto;
            text-align: center;
            padding:1em .5em 1em 1em;
}
.products:after { display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
}
.products img.imgLeft { float: left; 
               margin: 1em; 
}

.products div.Right_Column { width: 440px;
	margin:0 auto 5px; 
	padding: 2px; 
	float: right;
	border: none; 
}

.products li {font-size:.9em; list-style-type: none; text-align: left;}

.aprons { text-align: center; margin: 0 auto; border: solid 1px #000000; }

.imgLeft { float: left; 
               margin-right: 7px; 
               margin-bottom: 7px; 
}
.imgRight { float: right; 
                  margin-right: 5px; 
                  margin-bottom: 10px; 
                  margin-left: 10px; 
 }
.coupon { text-align: center;
          display: block;
          padding: 5px;
          margin: 0 auto 10px;
          border: 3px dotted #000000; 
}

.divRight { width: 300px; margin-right:  1em; margin-bottom: 2em; margin-left: auto; float: right; padding: 1em; border: solid 1pt #000; 
}
.divRight:after { display: block; height: 0; clear: both; content: ""; 
}
.divLeft { margin-right: 1em; margin-bottom: 2em; margin-left: 1em; width: 300px; float: left; padding: 1em; border: solid 1pt #000; 
}
.divLeft:after { display: block; height: 0; clear: both; content: ""; 
}
.full_width_solid_box {border: 2px #000000 groove; margin:2em auto 10px; clear:both;
}
.full_width_solid_box:after { display: block; height: 0; clear: both; content: ""; 
}
.Right_Column { width: 340px;
	margin-right: 5px; 
	margin-bottom: 5px; 
	margin-left: 5px; 
	float: right; 
	padding: 2px; 
	border: none; 
}
.Right_Column:after { display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
}
.Left_Column { margin-right: 5px; 
	margin-bottom: 5px; 
	margin-left: 5px; 
	width: 340px; 
	float: left; 
	padding: 2px; 
	border: none; 
}
.Left_Column:after { display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
}


.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block; width: 100%;}

* html .clearfix {height: 1%;}

.clearfix {display: block; width: 100%;}


.directions_box {width:340px;
          float: left;
}
.checklistr { text-indent: 20px; float: right; }
.checklistl { text-indent: 20px; width: 200px; float: left; }
.checklistr li { text-indent: 20px; list-style-image: url(images/checkbox.jpg); }
.checklistl li { text-indent: 20px; list-style-image: url(images/checkbox.jpg); }
.listlinks { clear: both; list-style-image: url(images/applebullet.gif); display: block; }
.pcb { font-weight: bold; text-align: center; }
.title { font-size: 1.1em; font-weight: bold; text-align: center; margin:1em; }
.boxed { margin: 1em; border: dotted 3px #673cc9; }
.boxed:after { display: block; height: 0; clear: both; content: ""; }
.center_box{ width: 640px; 
	padding: 20px; 
	margin: 10px auto; 
	border: dotted 3px #673cc9;  
	text-align:center;}
.center_box:after { display: block; height: 0; clear: both; content: ""; }
.center_box .Right_Column { width: 300px;
	margin-right: auto; 
	margin-bottom: 5px; 
	margin-left: auto; 
	float: right; 
	padding-left: 5px; 
	border: none; 
}
.center_box .Right_Column:after { display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
}
.center_box .Right_Column li { list-style-type: none; text-align: left; text-indent:0; }
.center_box .Left_Column { margin-right: auto; 
	margin:0 auto 5px; 
	width: 300px; 
	float: left;  
	border: none;

}
.center_box .Left_Column:after { display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
}

.center_box .Left_Column li { list-style-type: none; text-align: left; text-indent: 0; }

.leftBox {width: 75%; border:1px solid #000; padding:7px;}

.yhbs { font-weight: bold; background-color: yellow; }

.center {text-align: center;
          display: block;
          padding: 5px;
          margin: 0 auto;
          border: none;
          clear: both;
}
.center:after { display: block; 
	height: 0; 
	clear: both; 
	content: "";
}
.indent {margin:10px 0px 10px 90px; clear:both;}
.indent h5 {text-align: left;
     text-indent:0;
     margin:0;
     font-size: 1em; 
     padding: 0; 
}
.text_center {text-align: center;}
.three_quarters_width_box{ width: 75%; 
	padding: 1em; 
	margin: 1em auto; 
	border: dotted 3px #673cc9;  
	text-align:center;}
.three_quarters_width_box:after { display: block; height: 0; clear: both; content: ""; }
.new_stuffl { font-size: 1.4em; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: oblique; 
	text-decoration: none; 
	text-align: center; 
	width: 300px; 
	float: left; 
	margin-bottom: 5px; 
	margin-left: 15px; }
.new_stuffr { font-size: 1.4em; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: oblique; 
	text-decoration: none; 
	text-align: center; 
	margin-right: 15px; 
	margin-bottom: 5px; 
	width: 300px; 
	float: right; }
.new_stuffr:after { display: block; height: 0; clear: both; content: ""; }
.new_stuffl:after { display: block; height: 0; clear: both; content: ""; }
.inline_image {margin:0 1em;}