body 
{
	text-align: center;
	width: 750px;
	margin: 0px auto;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #515151;
}

a img
{
	border: none;
}

a
{
	color: #333;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	margin: 5px;
	
	padding: 0px;
	padding-top: 10px;
	color: #577498;
}

.mainerror
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b22222;
	font-weight: bold;
}

#advancedsearch
{
	text-align: right;
    width: 90px;
    float: left;
	margin-right: 0px;
	margin-top: 2px;

}

.searchlist 
{
        width: 260px;
        float: right;

}

#advancedsearch p
{
	margin: 5px;
}

#preheader
{	
	clear: both;
	width: 750px;	
	text-align: left;	
	background-color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	background:url(images/headertop.gif) no-repeat left bottom;
	float: left;
}

.searchbox
{
	background: url(images/searchBG.gif) no-repeat left top; 
	padding: 1px; 
	display: inline; 
	padding-left: 5px; 
	padding-right: 5px;
	padding-bottom: 3px;
}

#preheaderlogin
{
	clear: both;
	width: 402px;	
	text-align: left;	
	background-color: #333333;
	height: 9px;
	background:url(images/headertoplogin.gif) no-repeat left top;
	float: left;
	margin-top: 50px; 
}

#header
{
	clear: both;
	border: solid 1px #FFF;
	width: 748px;	
	text-align: left;	
	background: #FFF no-repeat right top; 
	  
	float: left;
}

.logo
{
	width: 235px;
	float: left;
}

.logo a
{
	width: 235px; /*match to width of the image*/
	height: 67px; /*match to height of the image*/
	text-decoration:none; 
	display:block;	 	
}

.logo a span
{
	display: none;
}

.searchgo
{
	vertical-align: bottom; 
	padding-left: 3px;
}

.searchgo a
{
	width: 14px; /*match to width of the image*/
	height: 15px; /*match to height of the image*/
	text-decoration:none; 	
	background:url('images/arrowround.gif') no-repeat;
}

.searchgo a span
{
	display: none;
}

#logout
{
	text-align: left;	
	width: 300px;
	float: left;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCC;
	margin-top: 4px;
	margin-right: 5px;	
}

#logout a
{
	color: #CCC;
}

#search
{
	text-align: right;	
	width: 400px;
	float: right;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #515151;
	
}

#search a
{
	color: #AAA;
}

#search input
{
	font-size: 9px;
	border: solid 0px #EEE;
}

.searchlist {
	margin: 0;
	padding: 0;
    list-style: none;
    white-space: nowrap;
}

.searchlist li {
	padding: 0;
	margin: 0;	
    display: inline;
	text-decoration: none;
}

.searchlist li a {
	padding: 0;
	margin: 0;	
    display: inline;
	text-decoration: none;
}

.watermarktextbox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}

#navigation
{
	text-align: left;	
 	clear: both;
	width: 748px;
	height: 24px;
	border: solid 1px #FFF;
	margin: 0px; 
	padding: 0px; 
	background-color: #577498;
	border-bottom: 0px;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 24px;
	margin-right: 0px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	height: 24px;
	background-repeat: no-repeat;
}

.menu li a span
{
	display: none;
}

.aboutus 
{	background:url(images/aboutus.gif) no-repeat left bottom; width: 92px; 	}
.aboutus:hover
{ 	background:url(images/aboutus.gif) no-repeat left top;   }
.menuselected .aboutus
{ 	background:url(images/aboutus.gif) no-repeat left top;   }

.currentnews 
{	background:url(images/currentnews.gif) no-repeat left bottom; width: 130px; 	}
.currentnews:hover
{ 	background:url(images/currentnews.gif) no-repeat left top;   }
.menuselected .currentnews
{ 	background:url(images/currentnews.gif) no-repeat left top;   }

.contactus 
{	background:url(images/contactus.gif) no-repeat left bottom; width: 110px; 	}
.contactus:hover
{ 	background:url(images/contactus.gif) no-repeat left top;   }
.menuselected .contactus
{ 	background:url(images/contactus.gif) no-repeat left top;   }

.findastore 
{	background:url(images/findastore.gif) no-repeat left bottom; width: 114px; 	}
.findastore:hover
{ 	background:url(images/findastore.gif) no-repeat left top;   }
.menuselected .findastore
{ 	background:url(images/findastore.gif) no-repeat left top;   }


.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



#content
{
	text-align: left;	
 	clear: both;
	width: 748px;
	background-color: #FFF;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	border-top: 0px;
	border-bottom: 0px;
	margin:0;
	padding:0;
}


table
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse; 
	border-spacing: 0; 	
}

.rebates td
{
	padding: 3px;
	margin: 0px;
	border-collapse: collapse; 
	border-spacing: 0; 	
}

td, th { padding: 0; }


.loginpage td, th 
{ padding: 5px; }

.loginpage
{
	margin-left: 50px;
}

#maincontent
{	
	padding: 0px; 
	margin: 0px;
	width: 100%;
	background-color: #FFF;
	padding-bottom: 100px;
	vertical-align: top;
}


.sectionheader
{
	height: 24px;
	border-bottom: solid 1px #FFF;
	margin: 0px; 
	padding: 0px; 
	width: 100%
}



#leftnav
{
	background-color: #FFF;
	border-right: solid 0px #577498;
	width: 250px;
	vertical-align: top;
	padding: 0px;	
	margin: 0px;
}

#leftnav h1
{
	margin: 5px; 
	font-size: 12px;
	font-weight: bold;
}



#leftnav p
{
	margin: 5px; 
}

.leftmenu
{
		
}

#maincontent h1
{
	margin: 5px; 
	padding-left: 0px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #435A75;
}

#maincontent h2
{
	margin: 5px; 
	padding-left: 0px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

#maincontent p
{
	margin: 5px; 
	line-height: 20px;
	margin-bottom: 10px;
}

#maincontent li
{
	margin: 5px; 
	line-height: 20px;
	margin-bottom: 10px;
}

#maincontent a
{
	color: #333;
}


#footer
{
	text-align: left;	
	clear: both;
	background-image: url("images/footer.gif");
	width: 750px;
	height: 9px;
	margin:0;
	padding:0;	
	font-size:1px;
	line-height:0;
	margin-bottom: 500px;
}

#footerlogin
{
	text-align: left;	
	clear: both;
	background: url("images/footerlogin.gif") no-repeat left bottom;
	width: 402px;
	height: 9px;
	margin:0;
	padding:0;	
	font-size:1px;
	line-height:0;
	margin-bottom: 500px;
}

table.standardgridview 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;	
	background-color: #FFF;
	border: none;
	border-collapse: collapse;
}
table.standardgridview th {
	padding: 4px;
	vertical-align: top;	
	text-align: left;
	border: none;
	color: #FFF;
	background-color: #5D7B9D;
}
table.standardgridview td 
{
	vertical-align: top;	
	border: none;
	padding: 4px;
}

.standardgridviewalt
{
	background-color: #EEE;
}

input 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

select
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

option
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.leftnavblockmenu{
border: 0px;
width: 238px;
}

.leftnavblockmenu a
{
	color: #515151;
}

.leftnavblockmenu ul{
	margin: 0;
	padding: 0px 0px 0;
	width: 238px;
	display:block; 
	list-style:none; 
	list-style-type:none; 
}

.leftnavblockmenu li a{
	display: block;
	padding: 6px 0;
	padding-left: 20px;
	text-decoration: none;
	color: #515151;
	background: #E4D9C3 url("images/arrow_link.gif") no-repeat 9px 9px; 
	border-bottom: solid 1px #FFF;
}

/*Sub level menu items */
.leftnavblockmenu li ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display:block; 
}

.leftnavblockmenu li ul li a{
	display: block;
	padding: 6px 0;
	padding-left: 19px;
	text-decoration: none;
	color: #515151;
	background-color: #EEE;
	border-bottom: solid 1px #FFF;
}

.leftnavblockmenu li a:hover {
	background-color: #EEE3CC;
	color: #000;
}

.leftnavblockmenu div.menutitle{
	color: #515151;
	border-bottom: 1px solid black;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #DDD;
}

* html .leftnavblockmenu li a{ /*IE only */
	width: 218px; /*IE 5*/
	w\idth: 218px; /*185px minus all left/right paddings and margins*/
}

* html .leftnavblockmenu li ul li a{ /*IE only */
	width: 218px; /*IE 5*/
	w\idth: 218px; /*185px minus all left/right paddings and margins*/
}


.formtable
{
	margin: 10px;
}

table.formtable td 
{
	vertical-align: top;	
	border: none;
	padding: 4px;
}

.formtitle
{
	text-align: right;
	font-weight: bold;
}

.validatorCalloutHighlight 
{
    background-color: #FFFF22; 
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}



.rightp
{
	text-align: left;
}

a.button {
    background: #D3C8B2;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 20px;    
    margin-top: 6px;
    margin-right: 0px;
    padding: 1px; 
    padding-left: 5px; 
    padding-right: 5px; 
    text-decoration: none;
    border: solid 1px #C2B7A1;
}

a.button span {
    
    display: block;
    line-height: 14px;
    padding: 2px 0 5px 18px;
}

a.button:hover {
    background: #C2B7A1;
    color: #333;
    outline: none; 
}

a.button:hover span {
    background-position: bottom left;
    padding: 2px 0 5px 18px; 
}

img.percentImage {
 background: white url(images/percentImage_back.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}


.whitebottomborder
{	
	border-bottom: solid 1px #FFF;
}

.whitebottomborder p
{
	padding: 4px;
}



#popupOverlay
{
    position: absolute;
    width: 250px;
    left: 50%;
    top: 200px;
    z-index: 70050;
}

#popupOverlay div
{

    position: relative;
    top: 0px;
    left: -175px;
    z-index: 1000;
    width: 250px;
     margin: 0 auto;
     background-color: #fff;
     border: solid 1px #CCC;
     padding: 50px;
     filter: alpha(opacity=95);
     opacity: 0.95;
     text-align: center;
}

.modalBackground {
	background-color: #333333;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color:#E4D9C3;
	border: solid 1px #FFF;
	padding: 0px;
	
}

.sectionheaderwhole
{
	background-color: #5E7DA4; 
}

.sectionheaderclose
{
	height: 24px;
	border-bottom: solid 1px #FFF;
	margin: 0px; 
	padding: 0px; 
	float: right; 
	background-color: #5E7DA4; 
	width: 230px; 
	text-align: right;
}

.sectionheaderclose p
{
	margin: 5px; 
}

.modalbuttons
{
	text-decoration: none;
	color: #FFF;
}

.directorybrowser 
{
	list-style:none; 
	list-style-type:none;
	margin: 0px;
	padding: 0px; 
	padding-left: 0px;
	padding-bottom: 15px;
}

.directorybrowser li
{
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	padding-bottom: 5px;
}




.weather  p { padding: 0; margin: 0; line-height: 1.5em; }

.weather { 
            border: 0px solid #ccc; 
            width: 230px;
            padding: 2px;
            margin-bottom: 5px;            
            }
       
* html .icon img { border: 1px solid #ccc; padding: 0; margin: 0;  }        
.temp { font: normal 2em Georgia, serif; color: #000; padding: 0; margin: 0; }
.cc { text-align: center; float: left; width: 40%; padding: 0; margin: 0; padding-right: 10px; }
.misc { margin-left: 41%; }
.attrib { clear: both; text-align: center; padding: 0; margin: 0; background: #eee; }
        
        
        
table.weeklytable 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;	
	border: none;
	border-collapse: collapse;
	margin: 5px;
	width: 500px;
}
table.weeklytable td 
{
	vertical-align: top;	
	border: none;
	padding: 10px;
}

.weeklylist 
{
	list-style:none; 
	list-style-type:none; 
	padding: 0px;
	margin: 0px;	
}

.weeklylist li
{
	padding: 2px;
	margin: 0px;
}



	#advancedsearchtabs {
      float:left;
      width:100%;
      background:#E4D9C3;
      font-family:verdana,tahoma,helvetica;
      font-size:11px;
      line-height:normal;
      color: #000;
	  border-bottom:1px solid #FFF;
      }
    #advancedsearchtabs ul {
	  margin: 0px;
	  padding: 10px 10px 0 5px;
	  list-style:none;
      }
    #advancedsearchtabs li {
      display:inline;
      margin: 0px;
      margin-left: 3px;
      }
      
      
      
      .navtab 
      {	
		  background: #5E7DA4;
		  border: 1px solid #FFF;
		  color: #FFF;
		  border-bottom: 0px solid #FFF;
		  padding: 10px;
		  text-decoration:none;
      }   
     .navtabselected {
		  background: #FFF;
		  color: #000;
		  border: 1px solid #FFF;
		  border-bottom: 0px solid #FFF;
		  margin-left:3px;
		  text-decoration:none;
      }
    a.navtab:hover {
      background: #4B678B;
      }

	
	.advancedresults
	{
		clear: both; 
		overflow: auto;
		font-family:verdana,tahoma,helvetica;
		font-size:10px;
		border:0;
		border-top:0px solid #5E7DA4;
		padding:8px;
		background-color:#FFF;
	}
	  
.accordionHeader
{
    border: 0px solid #2F4F4F;
    color: #000;
    background-color: #D3C8B2;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    padding-left: 10px;
    margin-top: 0px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #000;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	border: none;   
    padding: 10px;
    padding-left: 25px;
    color: #000;
}	  


.searchlink
{
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	color: #5E7DA4;
}

.searchtypetext
{
	font-size: 9px;
	font-weight: bold;
	padding-right: 10px;
}

.searchiconcolumn
{
	width: 18px;
	vertical-align: top;
	padding-top: 10px;
}

.highlightfound
{
	background: #FF7;
}




















/*
	*	The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/
	*/
		#searchmenuheader {
			float:left;
			width:100%;
			background:#E4D9C3;
			padding:0;
			font-size:0.8em;
			line-height:normal;
		}
		#searchmenuheader ul {
			margin:0;
			padding: 5px 0 0 10px;
			list-style:none;
		}
		#searchmenuheader li {
			display:inline;
			margin:0;
			padding:0;
		}
	#searchmenuheader a {
		float:left;
		background:#5E7DA4 url("images/searchtabs.gif") no-repeat left top;
		padding: 0 0 0 7px;
		text-decoration:none;
		color:#FFF;
	}
	#searchmenuheader a span {
		float:left;
		display:block;
		background:#5E7DA4 url("images/searchtabs.gif") no-repeat right top;
		padding:4px 13px 3px 6px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#searchmenuheader a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #searchmenuheader and giving the effect of an underline.
	*/
	
	#searchmenuheader .current a span {
		padding-bottom:4px;
	}
	#searchmenuheader a:hover, #searchmenuheader a:hover span {
		background-color:#4B678B;
		color:#FFF;
	}
	#searchmenuheader .current a span, #searchmenuheader .current a {
		background-color:#fff;
		color:#000;
	}
	
	

table.tablewithlines 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border-width: 0px;
	border-style: solid;
	border-color: #FFF;
	border-collapse: collapse;
}
table.tablewithlines th {
	padding: 4px;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}
table.tablewithlines td 
{
	border-width: 1px;
	border-bottom-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #CCC;
}

table.tablewithlineswhite 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border-width: 0px;
	border-style: solid;
	border-color: #FFF;
	border-collapse: collapse;
}
table.tablewithlineswhite th {
	padding: 4px;
	border-style: solid;
	border-color: #fff;
	border-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
table.tablewithlineswhite td 
{
	border-width: 0px;
	border-bottom-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: #fff;
}