/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* GLOBAL STYLES
--------------------------------------------------------*/

body {
	background: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#Form2 {margin: 0; padding: 0}
#PageSubTable {width: 935px; background: #fff; margin:10px 0 0 0;}
#ContentCell {background: #fff}
#Instruction1_InstructCell {background: #ccc;	border: 1px solid #999;	padding: 7px}
#Instruction1_InstructCell a {color: #000}
.Instructions {font-size: 11px; color: #000}
.Messages,
.ErrorMessages {font-size: 10px; font-weight: bold; color: #c00}
.Headings {font-size: 16px; font-weight: bold; color: #000}
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #000; background: #999}
.Content {font-size: 11px; color: #000}
.Content a {color: #000; text-decoration: underline}
.Content a:hover {color: #000; text-decoration: none}
.clear { clear:both;}

/* TopBanner Styles
--------------------------------------------------------*/

#TopBannerCell {
	background: #48567A url(images/design/bluebar.gif) repeat-x;
	height: 71px;
	width: 935px;

}

.hanksLogo {
	background: url(images/design/logo.gif);
	height: 71px;
	width: 269px;
	float:left;
}
.address {
	float:right;
	font-size: 11px;
	line-height:20px;
	color: #FFFFFF;
	padding-top: 9px;
	margin:0 10px 15px 0;
	width:auto;
	text-align: right;
	
}

/*Top Banner Nav
--------------------------------------------------*/

#TopBannerCell ul {
	list-style: none;
	float:right;
	width:381px;
	margin:0; 
	padding:0;
}


#TopBannerCell li {
	display: inline;
	float:left;
	text-align: right;
	margin:0; 
	padding:0;
}

#TopBannerCell li a {
	width:auto;
	height:auto;
	display:block;
	font-weight: bold;
	font-size: 11px;
	line-height:17px;
	color: #F3E412;
	text-decoration: none;
	padding:4px 10px 4px 10px;
	border-top:1px solid #6A7B97;
	border-left:1px solid #6A7B97;
	border-right:1px solid #344563;
}

#TopBannerCell li a:hover {
background:#6F7D93;
}

#TopBannerCell ul li#cart a {
	margin: 0px;
	padding: 0px;
	border:none;
}

#TopBannerCell ul li#myAccount a {
	margin: 0px;
	padding: 0px;
	border-left:none;
}

/* TopSubBanner Styles
--------------------------------------------------------*/

#TopSubBannerCell {
	background: #fff url(images/design/submenugrad.gif) repeat-x;
	height: 35px;
	width: 935px;
}

/* TopSubBanner Nav Styles
--------------------------------------------------------*/
#TopSubBannerCell ul {
	list-style: none;
	float:left;
	width:100%;
	margin:0; 
	padding:0;
}


#TopSubBannerCell li {
	display: inline;
	float:left;
	margin:0; 
	padding:0;
}

#TopSubBannerCell li a {
	width:auto;
	height:auto;
	display:block;
	font-weight: bold;
	font-size: 11px;
	line-height:17px;
	color: #000;
	text-decoration: none;
	padding:10px 10px 10px 10px;
	background:url(images/design/submenubar.gif) no-repeat 100% top;
}

#TopSubBannerCell li a:hover {
	color:#999999
}

#TopSubBannerCell ul li#cartControls{
	float:right;
	font-size: 11px;
	padding:10px 10px 10px 0;
	background:none;
}

/* LeftColumnNav Styles
--------------------------------------------------------*/

#LeftColumnCell {width:18%;vertical-align:top;background: #f0f0f0;padding-bottom: 10px;}
#LeftColumnNav1_custommenu {width: 170px; vertical-align: top}

.searchWrap{background:#c9c9c9;margin-bottom:1px;}
.dynamicProducts{}


/* Left Column Drop Down Styles */

/* main list */
#nav {float:none;}

/* all lists */
#nav,
#nav ul {padding: 0; margin: 0 0 1px 0; list-style: none; width: 170px; font: 11px; color: #fff}
#nav ul {border-top: 1px solid #FFFFFF}

/* all list items */
#nav li {position: relative; float: left;	line-height:23px; margin-bottom :0; width: 170px}
#nav li a {
	width: 170px;
	display: block;
	color: #000;
	text-decoration: none;
	text-indent: 5px;
	padding: 0;
	background: #c9c9c9;
	border-bottom: 1px solid #999999;
	font-size: 11px;
}
#nav li a:hover {color : #FFFFFF;background: #495678;}

/* second-level lists */
#nav li ul {position: absolute; left: -9999px; margin-left: 170px; margin-top: -25px; background: #000; border: 1px solid #999999; border-bottom: none}

/* third-and-above-level lists */
#nav li ul ul {left: -9999px}
#nav li ul a,
#nav li ul ul a {text-indent: 10px; border-bottom: 1px solid #999999; background: #c9c9c9}
#nav li ul a:hover,
#nav li ul ul a:hover {background: #495678;color: #FFFFFF;}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {left: -9999px}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {left: auto}

.sub {border: none}

/* RightColumnNav Styles
--------------------------------------------------------*/

#RightColumnCell {background: #fff}
.RightColumn {}

/* Footer Styles
--------------------------------------------------------*/

#FooterCell {
	padding:10px 0;
	background: #fff;
	width:925px;
	text-align:left;
}

/* Footer Menu Styles
--------------------------------------------------------*/

#FooterCell ul {
	list-style: none;
	float:left;
	width:100%;
	margin:0; 
	padding:0 0 10px 0;
}

#FooterCell li {
	display: inline;
	float:left;
	margin:0; 
	padding:0;
}

#FooterCell li a {
	width:auto;
	height:auto;
	display:block;
	font-weight: bold;
	font-size: 11px;
	color: #475874;
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-right: 1px solid #333333;
}

#FooterCell li a:hover {
	color:#999999
}

#FooterCell ul li#checkout a{
	border:none;
}

#FooterCell ul li#firstFooter a{
	padding-left: 0;
}

/* Default Page Styles
--------------------------------------------------------*/

.default{padding-left:24px;}

/* Front Page Row Items
--------------------------------------------------------*/
h4{
	font-weight: bold;
	color: #006633;
	margin:0;
	padding:0;
	font-size: 12px;
	line-height: 22px;
}

.prodRows{width:100%; height:250px;border-bottom:solid 1px #CCC;margin:10px 0 0 0;}
.prodItems{
	width:185px;
	height:235px;
	text-align: center;
	float:left;
	border-right: solid 1px #CCCCCC;
	vertical-align: middle;
	margin:0 0 10px 0;
}

#bottomRow{border:none}



/* Static Page Styles
--------------------------------------------------------*/

#contentwrap {margin: 0 0 20px 0}
#contentwrap h1 {font-size: 16px; font-weight: bold; color: #000}
#contentwrap h2 {font-size: 14px; font-weight: bold; color: #000}
#contentwrap h3 {font-size: 12px; font-weight: bold; color: #000}

.contact img{float:right; border:1px solid #CCCCCC;}

/* Search & Cart Control Styles
--------------------------------------------------------*/

/* Search Styles */
.searchbox {border: 1px solid #000}
.searchboxPad{padding:4px 4px}
.searchboxPad input{ width:90px; font:13px Verdana, Arial, Helvetica, sans-serif; background:#FFF;border:1px solid #999;}

a.leftColumnText {
	color: #000000;
	background: #c9c9c9;
	border-bottom: 1px solid #999999;
	text-indent:5px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 25px;
	line-height:25px;
}

#LeftColumnNav1_CMenubar2_dlMenu a:hover {color : #FFFFFF;background: #495678;}