/* Block elements */

body,html{
		margin:0;
		padding:0;
		color:#484c37;		
	}

body {
		min-width:775px;
		text-align:center;
		font: 0.8125em Verdana, sans-serif; line-height: 1.1; color: #333;   background: #343366;
	}
		
	
div#bigwrap{
  		background: #343366;
	}
  
div#wrap {
		width:775px;
   		padding: 5px 1px;
   		color: #484c37;
   		background: white;
        border: 1px solid #484c37;
        margin: 5px auto;	
	} 

div#wrap{
		\width: 790px;
		w\idth: 790px;
	}

div#wrap_content{
 		width: 770px;
 		margin: 0 auto;
        margin-top: 1px;
        padding-top: 1px;
  		border: 1px solid #484c37;
     	background-image:  url("images/left_nav_background.gif");
   		background-repeat: repeat-y;
	}


/*  general */
a:link, a:visited{
  		color: #8a181a;
  		text-decoration: none;
	}

a:hover, a:active{
  		text-decoration: underline;  
	}


IMG{
		margin:0 auto;
		padding: 0 auto;
	}

.info{
	text-align: left;	
	}

a img{border:none;}

/* layout */

#top_menu{
		background: white;
		padding:5px 0 1px 0;
		margin-top: -4px;
		margin-left: -1px;
	}

#top_menu img {
		border:none;
	}

#content {
		position: relative;
		float:right;
		width:595px;
		padding-right: 5px;
	}

#content{
		\width: 600px;
		w\idth: 600px;
	}



#content_area{
   		padding: 5px;
   		margin: 0;
		text-align: left;
		color: #484c37;
	}

#content_area H1, #cat_table H1{
		color: #8a181a;
		text-align: left;
		font-size: 1em;
	}


#content_area H2, #cat_table H2{
		text-align: left;
		font-size: .9em;
	}


#content_area a:link, #content_area a:visited, #cat_table a:link, #cat_table a:visited{
  		font-size: .9em;
  		color: #8a181a;
  		text-decoration: none;
	}

#content_area a:hover, #content_area a:active,#uberlink a:link, #uberlink a:visited,#uberlink a:hover, #uberlink a:activ{
	  	text-decoration: underline;  
	  	color: blue;
	}


#content_area h1 a:link, #content_area h1 a:visited, #cat_table h1 a:link, #cat_table h1 a:visited{
	font-size: 1em;
}

#content_area h1 a:hover, #content_area h1 a:active,#uberlink h1 a:link, #uberlink h1 a:visited,#uberlink h1 a:hover, #uberlink h1 a:activ{
	  	text-decoration: underline;  
	}


/*----------- Pictures -----------*/
.pic_right{
  float:right;
  padding: 5px 0px;
  margin: 2px 15px 2px 5px;
}

.pic_left{
  float:left;
  padding: 5px 5px 0px 0px;
  margin: 4px;
}

.pic_center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#home{
text-align: center;}

/*---  Product Text ---*/
#prod_text{
	font-size: .9em;
	text-align: left;

}

#prod_text p{
text-align: left;

}


#options{
        font-size: .9em;
	background: #e6e8d6;
	border: 1px solid #919082;

}

table.top td{
    vertical-align: top;
    color:blue;
}

#prod_text ul{
		text-align:left;
		list-style-type:none;
		margin-left: 0px;
		padding-left: 0;
	}

#prod_text li{
	 	list-style: none;
  		list-style-type: none;
  		margin-left:0px;
  		padding-top: 5px;
  		padding-left: 5px;
	}



/*---- left nav---- */
#left_menu {
  		float: left;
  		position: relative;
  		width: 155px;
  		background:#E6E8D6;
	}

#left_menu{
		\width: 155px;
		w\idth: 155px;
	}

.left_menu_header {
		background:#8A181A;

	}

.left_menu_header h1{
    	font-size: 1em;
		color: #E6E8D6;
		background: #8A181A;
		margin-top:none;
		border: 1px solid red;
	}

#left_menu ul{
		text-align:left;
		list-style-type:none;
		margin-left: 0px;
		padding-left: 0;
	}

#left_menu li{ 
	 	list-style: none;
  		list-style-type: none;
  		margin-left:0px;
  		padding-top: 10px;
  		padding-left: 10px;
	}

#left_menu a{
    	color: #8a181a;
		text-decoration:none;
	}

#left_menu li a{
  		text-decoration: none;
  		color: #8a181a;
    	margin 3px 10px;
	}

#left_menu a:link, #left_menu a:visited{
  		color: #8a181a;
	}

#left_menu a:hover, #left_menu a:active,#uberlink a:link, #uberlink a:visited,#uberlink a:hover, #uberlink a:active{
  		text-decoration: underline;
	}

.left_nav_box{
		text-align: center;
	}
	
.left_store{font-size: .9em; }

#seal{
text-align:center;
padding: 10px;
}

#left_menu h2{
	background-color: #8a181a;
	color:#e6e8d6;
	font-size: 100%;
	text-align:center;
	padding:10px 4px;
	}

#left_menu input{
	margin:2px 0;
	padding: 0;
	font-size: 80%;
	}
	
#left_menu h3{
text-align: center;
text-decoration: underline;

}
#footer {
	margin: 0 auto;
	margin-top:10px;
	clear:both; 
	width: 769px;
	background:#E6E8D6;
	}

#footerwrap{
	background: white;
	padding:5px 0;
	}

.left_menu{
	text-align:left;
	}

#footer_links {
	margin:5px;
	float:left;
	font-size:13px;
	}

#footer_links a{
	text-decoration:none;
	color:#484c37;
	}

#footer_phone {
	margin:5px;
	float:right;
	font-size:14px;
	font-weight:bold;
	}

#footer_copyright {
	margin:5px;
	clear:both;
	float:right;
	font-size:10px;
	}


/* tables */
table{
    border: 0;
    text-align:center; 

	}

.categories{
    border-collapse: collapse;
    margin: 0 auto;

	}

.col{
	padding: 0 10px;
    text-align:center;    
     }
    
#checkout{
	font-size: 1em;
	}    

.lbl_lft{
	font-weight: bold;
	text-align: left;
	}

.lbl_ctr{
	font-weight: bold;
	text-align: center;
	}
	
.lbl_right{
	font-weight: bold;
	text-align: right;
	}
	

.ckcol{
	padding: 0 6px;
	}

.amt{
	color: #8A181A;
	font-weight: bold;
	}

.tot_amt{
	color: #8A181A;
	font-weight: bold;
	text-align: right;
}

hr { 
	height:0px; 
    border:0px; 
    border-top:1px solid #484c37 
    }


/* lists */
ul.error{
	text-align:left;
	list-style-type:none;
	margin-left: 0px;
	padding-left: 0;
	border: 1px solid #898a76;
	background: #e6e8d6;
	}

ul.error li{ 
 	font:  #8A181A bold;
 	list-style: none;
  	list-style-type: none;
  	margin-left:20px;
  	padding: 10px;
  	padding-left: 20px;
  	}


/* From pdg */
.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	list-style-image: url(images/bullet_arrow.gif);
	font-family: Arial, Helvetica, sans-serif;
	}

.class3 A:link {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	}

.FeaturedHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
	}

.a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: green;
	list-style-position: outside;
	list-style-image: url(images/bullet_arrow.gif);
	}

.style3 {
	font-size: 11px;
	color: #09547E;
	}

.center {
 text-align: center;
	}

H1.pdgmainhdr {
color: #8a181a;
text-align: left;
	}

.pdgoutertable{
 width:100%;
 border:0; 
 padding: 0;
 margin: 0 auto;
	}

.pdgoutertable td, .pdgoutertable th, .pdgoutertable tr{
 border: 0;
	}

.pdgmain {
font-size: 1em;
color:#484c37;

}	

.reason{
color:#8a181a;
}

pre{
margin-left:100px;
font: 1em Verdana, sans-serif;
color:#8a181a;
font-weight: bold;

}	
	

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:500px;
	padding:10px;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;
		margin-bottom: 10px;
	}
	#basic h1 {
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		color:#484c37;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:190px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:190px;
	}
	#basic input, #basic select{
		float:left;
		width:250px;
		margin:2px 0 30px 10px;
	}
	
	#basic input.checkbox{
	width:15px;
	margin-right: 200px;
	}
	
	#basic button{ 
		clear:both;
		margin-left:200px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(img/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	

/* ToolTips */

      a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
      a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:200px; text-align: left;}
      a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

/* Home */

 #hours{        text-align: center;
                width: 200px;
         	background: #e6e8d6;
	        border: 1px solid #919082;
	        margin-top: 10px;
	        margin-left: 200px;
	        clear: both;
 }

 #hours h2{
                text-align: center;
 }
 #hours ul{


		list-style-type:none;
		margin-left: 0px;
		padding-left: 0;
 }

 #hours li{
                list-style: none;

 }


/* Classes */

caption{
text-align: center;
font-weight: bold;
}

.tab_cell
        {
         font-size: .9em;
	border: 2px solid #484c37;
    border-collapse: collapse;
    margin: 0 auto;
	/*width: 600px;
    */
    }

.tab_th, .tab_th_sm{
	border: 1px solid #484c37;
	text-align:center;

}
.tab_th_sm{
	font-size: .95em;}


.col1
        {
	border: 1px solid #484c37;
	width: 100px;
	padding: 5px 10px;
       text-align:center;    }

.col2
        {

	border: 1px solid #484c37;
	width: 150px;
	padding: 5px 5px 2px 5px;
        }
        
.col2f
        {
        color:  #8a181a;
        font-weight: bold;
	border: 1px solid #484c37;
	width: 150px;
	padding: 5px 5px 2px 5px;
        }


.col3     
          {
	border: 1px solid #484c37;
	width: 150px;
	padding: 5px 5px 2px 5px;
        }

.col4
        {
    text-align: center;    
	border: 1px solid #484c37;
	width: 75px;
	padding: 0 10px;
      }

.col5
        {
	border: 1px solid #484c37;
	width: 75px;
    text-align:center;    }

.free{
font-weight: bold;
color: #8a181a;
}
/*
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
  width: 400px;
  \width: 400px;
  w\idth: 400px;
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #8A181A;
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap {
 border: 0;

}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fff;
   padding: 5px, 10px;
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #666;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #8A181A;
}

/* form label text */
label { 
  color : #8A181A;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80%;
  color : #666; 
  padding : 2px;
  border : 1px solid #484C37;
  background-color : #fffffa;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #8A181A;
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #fff;
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0;
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #8A181A;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #484C37;
}



/*fixes for ie*/	

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */	




/* End CSS */