div.jGrowl div.hannants_notify {
	background-color: #FFFF00 !important;
	border: 1px solid #000000 !important;
	color: #000000 !important;
	width: 400px !important;
	padding: 10px !important;
	position: relative !important;
	top: 300px !important;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: verdana,arial,sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

a img {
	border: none;
	text-decoration: none;
}

a:link,a:visited {
	color: #000000;
}

a:hover,a:active {
	color: #ea0a0b;
}
	
/* HEADINGS ----------------------------------------------------------------- */
h1 {
	color: #000000;
	font-size: 1.3em;
}

h2 {
	color: #000000;
	font-size: 0.95em;
}

h3 {
	font-size: 0.95em;
}

h4 {
	font-size: 1em;
	margin: 5px;
	padding: 0;
}

h5 {
	color: #00669a;
	margin: 0 0 5px 0;
}

/* LISTS -------------------------------------------------------------------- */
dl {
	margin: 0;
	padding: 0;
}

dl dt {
	font-weight: bold; 
	margin: 0;
	padding: 0;
}

dl dd {
	margin: 0 0 10px 5px;
	padding: 0;
}


/* MAIN CONTAINER ----------------------------------------------------------- */
#body_container {
	margin: 15px auto 0 auto;
	padding: 0 1em;
}

/* HEADER ------------------------------------------------------------------- */
div#header {
	margin: 0;
	padding: 0;
	background: #FFFf00 url(/images/roof_right.gif) no-repeat top right;
	float: left;
	width: 100%;
}

div#header_left {
	margin: 0;
	padding: 0;
	float: left;
	/*background: #90f;*/
	width: 50%;
}

div#header_middle {
	margin: 0 0 0 -115px;
	padding-top: 10px;
	text-align: center;
	/*background: #f06;*/
	float: left;
}

div#header_right {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	display: none;
}

div#header_right p {
	margin: 0 0 10px 0;
	padding: 0;
}

div#header_right a:link, div#header_right a:visited {
	color: #cc0000;
}

div#header_right a:hover, div#header_right a:active {
	color: #006699;
}

div#quick_cart {
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

div#quick_cart p {
	margin: 0;
	padding: 0;
}

div#quick_cart span#total {
	color: #00bb00;
}


/* TOP NAVIGATION ----------------------------------------------------------- */

div#navigation_container {
	margin: 0 0 0;
	padding: 0 0 0;
	background: #FBD914;
	float: left;
	width: 100%;
}

div#login-status-container {
	margin: 0 0 5px;
	padding: 0 5px;
	width: 185px;
	float: left;
	/*background: #f06;*/
}

div#login-status-container p#login-status {
	margin: 4px 0 0;
	padding: 15px 4px;
	text-decoration: none;	
	font-size: .8em;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #fbd914;
	border-left: 1px solid #fbd914;
	text-align: center;
	background: #ffff00;	
}

 div#login-status-container p#home-button {
 	margin: 9px 0 0;
	padding: 1px 4px 2px;
	text-decoration: none;	
	font-size: .8em;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #fbd914;
	border-left: 1px solid #fbd914;
	text-align: center;
	background: #ffff00;
 }



div#navigation-list-container {
	margin: 0;
	padding: 0;
	float: left;
	width: 980px;
	/*background: #f06;*/
}

ul.navigation {
	margin: 0 0 0;
	padding: 0 0 0;
	list-style-type: none;
}

ul.navigation.spacer {
	margin-left: 204px;
}

ul.navigation li {
	margin: 4px 2px 4px;
	padding: 0;
	float: left;
	text-align: center;
	width: 130px;
}

ul.navigation li a:link, ul.navigation li a:visited {
	margin: 0;
	padding: 2px 4px;
	text-decoration: none;	
	font-size: .8em;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #fbd914;
	border-left: 1px solid #fbd914;
	background: #ffff00;
}

ul.navigation li a:hover, ul.navigation li a:active {
	background: #ff9900;
	color: #000000;
	border-top: 1px solid #ffff00;
	border-left: 1px solid #ffff00;
}


.clear { 
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

.min {
	line-height: 0;
	margin: 0;
	padding: 0;

}

/* SUBMENU ------------------------------------------------------------------ */



div#submenu_container {
	clear: both;
	background-color: #FBD914;
	margin: 0 0 0;
	padding: 0 0 0;
}



p.logged_in_as {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.85em;
}

div#quick_search {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#quick_search form {
	margin: 0 0 0 9px;
	padding: 0;
	float: left;
}

div#advanced-search {
	margin: 0 0 0 10px;
	padding: 0 0 0;
	float: left;
}

div#advanced-search a:link, div#advanced-search a:visited  {
	margin: 3px 0 0;
	padding: 2px 4px;
	text-decoration: none;	
	font-size: .8em;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #fbd914;
	border-left: 1px solid #fbd914;
	background: #ffff00;
}

div#advanced-search a:hover, div#advanced-search a:active {
	background: #ff9900;
	color: #000000;
	border-top: 1px solid #ffff00;
	border-left: 1px solid #ffff00;
}


/* CENTER COLUMN ------------------------------------------------------------ */
#center_column {
	margin: 0;
	padding: 10px;
}

div#news {
	border: 1px solid #dedede;
	background-color: #fdfdbd;
	padding: 10px;
	margin: 0 0 0 0;
	height: 280px;
}

ul#news_archive {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#news_archive li {
	margin: 0 0 50px 0;
}

table#product_listing {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 0.85em;
}

table#product_listing td {
	text-align: center;
	margin: 0;
	padding: 5px;
}

table#product_listing td.left {
	text-align: left;
	
}

table#product_listing td.price {
	color: #000000;
}

table#product_listing td.stock_level {
	width: 30px;
}

table#product_listing td.buy {
	width: 40px;
}

input.quantity_mac {
	width: 1.4em;
}

input.quantity_pc {
	width: 1em;
}

.odd { background-color: #CCCCCC; }
.even { background-color: #f0f0f0; }


.trade_odd { background-color: #bfeebf; }
.trade_even { background-color: #ebffeb; }


div#home_left {
	margin: 0 30px 15px 0;
	padding: 0;
	width: 300px;
	float: left;
}

div#home_center {
	margin: 0 25px 15px 0;
	padding: 0;
	width: 300px;
	float: left;
}

div#home_left ol.top_selling {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

div#home_left ol.top_selling li {
	background: #fbfbfb url(/images/ol_bg.gif) no-repeat;
	border: 1px solid #cccccc;
	margin: 0 0 5px;
	padding: 7px 5px;
	font-weight: bold;
}

div#home_left ol.top_selling li span {
	font-weight: normal;
	padding-left: 18px;
	overflow: hidden;
}

div#home_right {
	margin: 0;
	padding: 0 0 15px;
	float: right;
}

/* Hannants Search Engine */
div#hannants_search_engine {
	margin: 0;
	padding: 0 10px;
	background: #FFFecc;
	border: 1px solid #E6E400;
}

dl.search_engine_list {
	margin: 0;
	padding: 0;
}

dl.search_engine_list dt {
	margin: 0 5px 3px 0;
	padding: 0;
	font-size: .9em;
}

dl.search_engine_list dd {
	margin: 0 0 3px 0;
	padding: 0;
	text-align: left;
}




/*
ul#home_list {
	list-style: none;
	margin: 25px 0 0 0;
	padding: 0;
}

ul#home_list li {
	margin: 0 15px 50px 15px;
	padding: 0;
	float: left;
	width: 150px;
}

ul#home_list {
}
*/

table#manufacturer_table {
	width: 50%;
	margin: 25px 0 0 0;
	padding: 0;
}

table#manufacturer_table caption {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #cccccc;
}

table#manufacturer_table th {
	text-align: left;
	margin: 0;
	padding: 5px;
}

table#manufacturer_table td {
	margin: 0;
	padding: 5px;
}	

ul#manufacturer_initial {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}

ul#manufacturer_initial li {
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
}

ul#manufacturer_initial li.highlight {	
	background: yellow;
	padding: 4px;
	border: 1px solid red;

}

ul#top_level_types {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}

ul#top_level_types li {
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
}

ul#top_level_types li.highlight {	
	background: yellow;
	padding: 4px;
	border: 1px solid red;

}

div#generic_form_div {
	margin: 0;
	padding: 0;
	width: 500px;
}

ul#related_products_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#related_products_list li {
	margin: 0 0 10px 0;
	padding: 0;
}

ul#related_products_list li h5 {
	margin: 0;
	padding: 0;
}

ul#related_products_list li p {
	margin: 0;
	padding: 0;
}

/* FEATURED PRODUCTS -------------------------------------------------------- */

.featured_product {
	float: left;
	width: 44%;
	border: 1px solid #dedede;
	padding: 1%;
	margin: 15px 0 0 1%;
	background-color: #fbfbfb;
	height: 75px;
}

.featured_image {
	float: left;
	width: 50%;
	margin: 10px 0 0 0;
	padding: 0;
}

.featured_image img {
	border: 1px solid #cccccc;
}

.featured_description {
	float: left;
	width: 75%;
	margin: 0;
	padding: 0;
}

.featured_details {
	float: right;
	text-align: right;
	width: 23%;
	margin: 0;
	padding: 1%;
	font-size: 0.85em;
}

.featured_details ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.featured_details ul li {
	margin: 5px 0 5px 0;
	padding: 0;
}

.featured_price {
	font-weight: bold;
	/*color: #ea0a0b;*/
	color: #000000;
	margin: 0;
	padding: 0;
}

/* RIGHT COLUMN ------------------------------------------------------------- */
#right_column {
	visibility: hidden;
	width: 130px;
	float: right;
	margin: 0 0 50px 0;
	padding: 0 0 25px 0;
	background-color: #ffcc00;
	background-image: url(/images/right_menu_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: center;
}

#price_switch {
	margin: 0;
	padding: 1px 0 10px 0;
	background-color: #ffde5f;
}

#price_switch ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
}

#price_switch ul li {
	margin: 0;
	padding: 0 0 0 10px;
}

/* FOOTER ------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 490px;
	margin: 5px auto 0 auto;
	font-size: 0.9em;
	background-color: #fbfbfb;
	padding: 0;
}


/* SITE STATS --------------------------------------------------------------- */
#site_stats {
	text-align: center;
}

/* CURRENT TIME/OPEN STATUS ------------------------------------------------- */
#time_date {
	text-align: center;
}

/* COPYRIGHT/DS CREDIT ------------------------------------------------------ */
#copyright {
	clear: both;
	background-color: #ffffff;
	text-align: center;
	border-top: 1px solid #999999;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
}

#copyright p {
	margin: 0;
	padding: 5px;
}

/* FORM ELEMENTS ------------------------------------------------------------ */
form {
	margin: 0;
	padding: 0;
}

label {

}
.small {
	font-size: 0.75em;
	width: 120px;
	text-align: center;
}

.date {
	font-size: 0.75em;
	color: #006699;
}

.quantity {
	width: 1.5em;
}

.formHint {
	font-size: .8em;
	color: gray;
}

/* FOR BUTTON ELEMENTS ON FORMS --------------------------------------------- */
.button {
	font-size: 9px;
	padding: 0px 1px 0px 1px;
	margin: 0;
}



/* CART --------------------------------------------------------------------- */
th.priceColumn {
	width: 4em;
}

table#cartDetails {
	width: 75%;
}

table#cartDetails th {
	text-align: left;
}

.arrival_date {
	font-size: .8em;
	color: gray;
}




/* EXTRA CLASSES -------------------------------------------------------------------------------- */
.center {
	text-align: center;
}

/* CART ----------------------------------------------------------------------------------------- */
div#cart_added {	
	width: 400px;
	height: 75px;
	padding: 1em;
	margin: 0 auto 0 auto;
	background: #ffffcc;
	position: fixed;
	top: 40%;
	left: 30%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	z-index: 3;
	color: #000000;
}

div#cartconfirm {
	text-align: center;
	font-weight: bold;
	color: #000;
	background-color: #FFFF00;
	padding: 30px;
	width: 470px;
	border: 1px solid #B49502;
}


/* Glen's standard data tables */

.data_table {
		border: 1px solid #666666;
		border-spacing: 0;
		width: 100%;
	}

.data_table caption {
	margin-top: 20px;
}

.data_table tbody tr th {
	font-size: 9pt;
	font-weight: bold;
	padding: 3px 8px;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #d9d9d9;
	background: #fff;
}

.data_table tbody tr td {
	font-size: 9pt;
	padding: 3px 8px;
	border-left: 1px solid #D9D9D9;
}

.data_table tr.odd {
	background-color: #edf3fe
}

.data_table tr.even {
	background-color: #fff
}

ul.error li {
	color: red;
	font-weight: bold;
}
/* LATEST PRODUCTS  ----------------------------------------------------------------------------- */
div#latest_products {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

ul#latest_products_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: none;
}

ul#latest_products_list li {
	margin: 0 2% 0 0;
	padding: 0;
	float: left;
	width: 25%;
}

/* Notification JS styles */

.notify {
	border-top: 1px solid #999999;
	background-color: #FFFD00;
}

.notifycontent {
	margin: 11px 13px 0px 13px;
	font-size: 12px;
}

.notifyleft {
	float: left;
}

.notifyright {
	float: right;
}

/* Form errors */

div#errors, div.errors {
	margin: 0 0 20px 0;
	padding: 10px 20px 10px 20px;
	border: 1px solid #cccccc;
	background-color: #fbfbfb;
}

div#errors p, div.errors p {
	margin-top: 0px;
	font-weight: bold;
}

div.errors.red {
	background-color: #ffe5e5;
	border:1px solid #ff0000;
}


/* Min Order Warning */
.minOrderWarning {
	background-color: #FFFD00;
	font-size: 18px;

}

div.info-text, div.info-text h1, div.info-text h2, div.info-text h3 {
	background: #99ccff;
	color: #003399;
}

.buyit {

	margin: 0;
	/*padding: 2px 4px;*/
	text-decoration: none;	
	font-size: .8em;
	font-weight: bold;
/* 	display: block; */
/*	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #fbd914;
	border-left: 1px solid #fbd914;
	background: #ffff00;*/

}


/* full product / release section  */

img#big_image {
	margin: 0 5px 0 0 ;
	padding: 0;
 	float: left; 


}

p#product_description {
	background: #CCCCCC;
	display: inline;


}



div#product_image {
	background: #CCCCCC; 

}

ul#thumb_list {
	margin: 0;
	padding: 0;
	list-style: none;
/* 	width: 214px; */
 	float: left; 
}

ul#thumb_list li {
	margin: 0 5px 5px 0  ;
	padding: 0;
 	float: left; 
}

ul#thumb_list li img {
	border: 1px solid #F60;
}

/* go back buttons */
p a.go_back{
	margin: 0;
	padding: 2px 4px;
	text-decoration: none;	
	font-size: .8em;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #fbd914;
	border-left: 1px solid #fbd914;
	background: #ffff00;
}

div.all_back p {
	margin: 0;
	padding: 0;

}

.searchbox, #searchresults { font-size: 9px; margin: 0; }
.searchbox th, #searchresults th { font-weight: normal; padding: 3px; white-space: wrap; font-size: 10px; background-color: #CCCCCC;}


div.youraccount {
 	width: 280px; 
 	float: left; 
}


ol.top_selling li {
	font-size: 0.7em;
}




div#home_left ol.top-manufacturers {
	margin: 0 0 25px;
	padding: 0 0 0 35px;
	background: #fff url(/images/ol_bg_yellow.png) repeat-y;
}

div#home_left ol.top-manufacturers li {
	border: 1px solid #e6e400;
	border-left: 0;
	margin: 0 0 10px;
	padding: 7px 5px;
	height: 16px;
}

div#home_left ol.top-manufacturers li span {
	font-weight: bold;
	overflow: hidden;
	margin-left: 5px;
}



