/**************************************
* CSS DOCUMENT - HI Distribution Website
***************************************/	

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		background-color: #fff;
		color: #3C4959;
		margin: 0 0 20px 0;
		padding: 0;
		line-height: 14px;
	}
	
	a {
		color: #E86D1D;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	div#wrap {
		margin: 0 auto;
		width: 950px;
	}
	
	form {
		display: inline;
	}
	
/**************************************
* LAYOUT
***************************************/	

	#header {
		width: 950px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#leftcol {
		width: 180px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#centrecol {
		width: 560px;
		margin: 0 15px;
		padding: 0 0 15px;
		background-color: #fff;
		float: left;
	}
	
	#centrecol2 {
		width: 740px;
		margin: 0 15px;
		padding: 0 0 15px;
		background-color: #fff;
		float: left;
	}

	
	#rightcol {
		width: 180px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#footer {
		width: 950px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		clear: both;
	}
	
/**************************************
* DESIGN
***************************************/

/**************************************
* General
***************************************/

	.clearfix {
		clear: both;
	}
	
	.highlight {
		color: #E86D1D;
	}
	
	.highlight2 {
		color: #007037;
	}
	
	.highlight3 {
		color: #ff0000;
	}
	
	.shade1 {
		background-color: #FCE3BF;
	}
	
	.shade2 {
		background-color: #D3EEBC;
	}
	
	.icon1 {
		background-image: url(../images/key.gif);
    	background-repeat: no-repeat;
    	background-position: right top;
	}
	
	.link1 {
		color: #3C4959;
		text-decoration: underline;
		background-image: url(../images/arrow.gif);
    	background-repeat: no-repeat;
    	background-position: left center;
		margin: 0;
		padding: 0 0 0 8px;
	}

/**************************************
* Header and Top Nav
***************************************/	

	div.topbar {
		width: 950px;
		height: 117px;
		font-size: 94%;
		background-image: url(../images/header.jpg);
    	background-repeat: no-repeat;
    	background-position: left top;
		text-align: right;
		padding: 0;
	}
	
	div.topbar p {
		margin: 0;
		padding: 5px 10px 0 0;
	}
	
	div.topbar h1 {
		width: 180px;
		height: 116px;
		background-image: url(../images/header.jpg);
    	background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		float: left;
	}

	div.topbar h1 span, div.topbar h2 { 
		display: none; 
	}

	div.topbar h1 a {
		width: 180px;
		height: 116px;
		background-image: url(../images/header.jpg);
    	background-repeat: no-repeat;
		display: block;
	}
	
	div.topnav {
		width: 950px;
		background-color: #007037;
		background-image: url(../images/nav_corner1.gif);
    	background-repeat: no-repeat;
    	background-position: right bottom;
		padding: 0;
	}
	
	div.topnav h1 {
		font-size: 100%;
		color: #fff;
		width: 160px;
		background-color: #007037;
		background-image: url(../images/nav_corner2.gif);
    	background-repeat: no-repeat;
    	background-position: left top;
		border-right: #fff solid 1px;
		margin: 0;
		padding: 8px 0 8px 20px;
		float: left;
		display: block;
	}
	
	div.topnav ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 8px 0 8px 0;
	}
		
	div.topnav li {
		display: inline;
		margin: 0;
		padding: 0 0 0 26px;
	}
	
	div.topnav li a {
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	
	div.topnav li a:hover {
		text-decoration: underline;
	}	
	
/**************************************
* Left Nav
***************************************/
	
	div.leftnav {
		background-color: #FFFFFF;
	}
	
	div.leftnav h3 {
		font-size: 150%;
		font-weight: normal;
		background-color: #fff;
		margin: 0;
		padding: 0 0 10px 16px;
		display: block;
	}
	
/**************************************
* Feature Boxes
***************************************/
	
	div.featurebox {
		background-color: #fff;;
		border-color: #007037;
		border-style: solid;
		border-width: 1px;
		padding: 0;
		margin: 10px 0 10px 0;
	}
	
	div.featurebox h3 {
		font-size: 94%;
		font-weight: bold;
		color: #fff;
		background-color: #007037;
		margin: 0;
		padding: 4px 0 6px 14px;
		display: block;
	}
	
	div.featurebox2 {
		background-color: #fff;
		border-color: #E86D1D;
		border-style: solid;
		border-width: 1px;
		padding: 0;
	}
	
	div.featurebox2 h3 {
		font-size: 140%;
		font-weight: bold;
		color: #fff;
		background-color: #E86D1D;
		text-align: center;
		margin: 0;
		padding: 4px 0 6px 0;
		display: block;
	}
	
	div.featurecontent1 {
		font-size: 94%;
		padding: 8px 14px 14px 14px;
	}
	
	div.featurecontent1 p {
		margin: 0;
		padding: 6px 0 0 0;
	}
	
	div.featurecontent1 hr {
		width: 100%;
		height: 1px;
		color: #FF9900;
		background-color: #FF9900;
		border: 0;
		margin: 8px 0 8px 0;
	}
	
		
	div.featurecontent1 ul {
		list-style-image: none;
		list-style-type: none;
		margin: 8px 0 0;
		padding: 0;
	}

	div.featurecontent1 li {
		display: inline;
		margin: 0 0 0px;
		padding: 0 0px 0px 0;
	}
	
	div.featurecontent1 a {
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	
	div.featurecontent1 a:hover {
		font-weight: bold;
		color: #333333;
		text-decoration: underline;
	}
	
	div.featurecontent2 {
		font-size: 94%;
		padding: 0;
	}
	
	div.featurecontent2 ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.featurecontent2 li a {
		color: #333333;
		background-color: #FFEED4;
		border-top-color: #007037;
		border-top-style: solid;
		border-top-width: 1px;
		display: block;
		line-height: 18px;
		padding: 4px 0 4px 14px;
		text-decoration: none;
	}
	
	div.featurecontent2 li a:hover {
		background-color: #fff;
	}
	
	/* Fix for IE-win \*/
		* html div.featurecontent2 li a {height: 5px;}
	/* End Fix for IE-win */
	
	div.featurecontent3 {
		font-size: 140%;
		color: #007037;
		background-color: #FFEED4;
		text-align: center;
		padding: 8px 14px 8px 14px;
	}
	
	div.featurecontent3 p {
		margin: 0;
		padding: 0;
	}
	
	div.featurecontent4 {
		font-size: 94%;
		background-image: url(../images/secure.jpg);
    	background-repeat: no-repeat;
    	background-position: left bottom;
		padding: 8px 14px 84px 14px;
	}
	
	div.featurecontent4 p {
		margin: 0;
		padding: 6px 0 0 0;
	}
	
	.featuretextfields {
		font-size: 94%;
		width: 142px;
	}
	
	div.searchbox {
		margin: 16px 0 8px 0;
	}
	
	.searchtextfield {
		font-size: 94%;
		width: 130px;
	}
	
	div.newuser {
		background-image: url(../images/newuser.gif);
    	background-repeat: repeat-x;
    	background-position: left top;
		border: #007037 solid 1px;
		padding: 3px 2px 4px 35px;
		margin-top: 10px;
	}
	
	div.newuser p {
		padding: 0;
		margin: 0;
	}
	
	div.brandsbox {
		background-color: #fff;;
		padding: 0px;
		margin: 10px 0;
	}
	div.brandsbox a {
		color: #333333;
		text-decoration: underline;
	}

	div.frigidaire {
		font-size: 94%;
		background-image: url(../images/brands/frigidaire.jpg);
    	background-repeat: no-repeat;
    	background-position: left top;
		padding: 46px 14px 20px;
	}
	div.fridgemaster {
		font-size: 94%;
		background-image: url(../images/brands/fridgemaster.jpg);
    	background-repeat: no-repeat;
    	background-position: left top;
		padding: 46px 14px 20px;
	}
	div.philco {
		font-size: 94%;
		background-image: url(../images/brands/philco.jpg);
    	background-repeat: no-repeat;
    	background-position: left top;
		padding: 46px 14px 20px;
	}


	
/******************************
* Tables
******************************/	

	#table1 {
		width: auto;
 		border-collapse: collapse;
 		caption-side: bottom;
		margin: 0 0 4px 0;
	}
	
	#table1 td {
		border: 0;
		border-top-color: #007037;
		border-top-style: solid;
		border-top-width: 1px;
		vertical-align: top;
		text-align: left;
		padding: 3px;
	}
	
	#table1 th {
		border: 0;
		vertical-align: top;
		text-align: left;
	}
	 
	#table1 .lastCol {
 		text-align: center;
	}
	
	#table2 {
		width: auto;
 		border-collapse: collapse;
 		caption-side: bottom;
		margin: 0 0 4px 0;
	}
	
	#table2 td {
		border: 0;
		vertical-align: center;
		padding: 3px;
	}
	
/**************************************
* Home Content
***************************************/
	
	div.homecontent {
		margin: 16px 0 8px 0;
	}
	
	div.homecontent h3 {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	div.homecontent p {
		font-size: 150%;
		font-weight: normal;
		background-color: #fff;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	div.homeintro {
		color: #fff;
		background-color: #E35819;
		background-image: url(../images/intro_bg.gif);
    	background-repeat: repeat-x;
    	background-position: left top;
		margin: 0;
		padding: 10px;
	}
	
	div.homeintro h3 {
		font-size: 130%;
		font-weight: normal;
		line-height: 18px;
		margin: 0;
		padding: 0;
	}
	
	div.homeintro a {
		color: #fff;
	}
	
		
/**************************************
* General Content
***************************************/
	div.shadowcontainer {
		padding: 0 0 11px;
		margin: 0 0 14px;
	}
	
	div.gencontent {
	margin: 0 0 0px;
	line-height: 130%;
	padding-top: 15px;
	}
	
	div.gencontent h1 {
	font-size: 150%;
	color: #FE6600;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
	}
	
	div.gencontent h2 {
		font-size: 150%;
		font-weight: normal;
		background-color: #fff;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
/******************************
* Products
******************************/	

	div.featuredcontainer {
		width: 560px;
		margin: 14px 0 0 0;
		clear: both;
	}
	
	div.mainheading {
	font-size: 94%;
	padding: 5px 15px 5px 15px;
	background-color: #5EBD38;
	color: #FFFFFF;
	}
	
	div.mainheading a {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
		div.mainheading a:hover {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	div.mainheading ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		
	div.mainheading li {
		background-image: url(../images/arrow.gif);
    	background-repeat: no-repeat;
    	background-position: left center;
		display: inline;
		margin: 0;
		padding: 0 18px 0 8px;
	}
	
	div.mainheading li a {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	div.mainheading li a:hover {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	div.thumbscontainer {
		font-size: 94%;
		width: 560px;
		background-color: #fff;
		margin: 0 0 18px 0;
		padding: 0;
		float: left;
	}
	
	.head1 {
	font-size: 100%;
	color: #fff;
	background-color: #fff;
	background-image: url(../images/head1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 15px 0 8px 275px;
	}
	
	.tvhead {
	font-size: 100%;
	color: #fff;
	background-color: #fff;
	background-image: url(../images/seenontv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 15px 0 8px 275px;
	}
	
	.seasonal {
	font-size: 100%;
	color: #fff;
	background-color: #fff;
	background-image: url(../images/seasonal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 15px 0 8px 275px;
	}
	
	.head3 {
		font-size: 100%;
		color: #fff;
		background-color: #fff;
		background-image: url(../images/head3.gif);
    	background-repeat: no-repeat;
    	background-position: left top;
		margin: 0;
		padding: 15px 0 8px 230px;
	}
	
	div.productthumbs {
		width: 176px;
		height: 265px;
		padding: 4px;
		border-bottom-color: #cccccc;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		float: left;
	}
	
			/* Fix for IE-win \*/
		* html div.productthumbs {height: 265px;}
	/* End Fix for IE-win */
	
		div.videothumbs {
		width: 176px;
		height: 180px;
		padding: 4px;
		border-bottom-color: #cccccc;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		float: left;
	}
	
			/* Fix for IE-win \*/
		* html div.videothumbs {height: 180px;}
	/* End Fix for IE-win */

	div.videothumbs ul {
		list-style-image: none;
		list-style-type: none;
		margin: 4px 0 0 0;
		padding: 0;
	}

	
	div.productthumbs img {
		border: none;
	}
	
		div.thumbsimgcontainer {
	min-height: 150px;
	}
	
		/* Fix for IE-win \*/
		* html div.thumbsimgcontainer {height: 150px;}
	/* End Fix for IE-win */
	
	div.productthumbs ul {
		list-style-image: none;
		list-style-type: none;
		margin: 4px 0 0 0;
		padding: 0;
	}
	
	div.nextprevious {
	text-align: right;
	padding: 0 0 10px;
	font-weight: bold;
	}
	
	div.detailinfo {
	width: 560px;
	}
	
	div.detailinfoleft {
	font-size: 94%;
	width: 266px;
	margin: 0 0 20px;
	float: left;
	padding-top: 15px;
	}
	
	div.detailinforight {
		width: 264px;
		margin: 0 0 20px;
		padding: 0px 15px 0;
		float: left;
	}
	
	div.detailinforight h1 {
		font-size: 110%;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	div.detailinforight p {
		margin: 15px 0 15px 0;
		padding: 0;
	}
	
	div.detailinforight ul {
		font-size: 94%;
		font-weight: bold;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.detailinforight li {
		background-image: url(/images/bullet.gif);
    	background-repeat: no-repeat;
    	background-position: left top;
		margin: 0;
		padding: 0 0 0 12px;
	}
	
	div.detailinforight hr {
		border: 0;
		height: 1px;
		background-color: #cccccc;
		margin: 5px 0 5px 0;
	}
	
	.price {
		font-size: 140%;
		font-weight: bold;
		color: #ff0000;
	}
	#mediumImg {
	margin-bottom: 20px;
}

/******************************
* Footer
******************************/	

	div.footercontainerbox {
		width: 948px;
		border: #D1D1D1 solid 1px;
		padding: 0;
		margin: 0 0 10px 0;
		float: left;
	}
	
	div.footerbox1 {
		font-size: 94%;
		width: 408px;
		background-color: #fff;
		padding: 0;
		margin: 0;
		float: left;
	}
	
	div.footerbox1 h3 {
		font-size: 110%;
		font-weight: bold;
		color: #007F3F;
		background-color: #D1D1D1;
		margin: 0;
		padding: 4px 0 6px 14px;
		display: block;
	}
	
	div.footerbox1content {
		width: 112px;
		padding: 0;
		margin: 10px 7px 10px 11px;
		float: left;
	}
	
	div.footerbox1content ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.footerbox1content li {
		background-image: url(../images/arrow.gif);
    	background-repeat: no-repeat;
    	background-position: left center;
		margin: 0;
		padding: 0 0 0 8px;
	}
	
	div.footerbox1content a {
		color: #3C4959;
		text-decoration: none;
	}
	
	div.footerbox1content a:hover {
		text-decoration: underline;
	}
	
	div.footerbox2 {
		font-size: 94%;
		width: 539px;
		min-height: 114px;
		background-color: #fff;
		background-image: url(../images/footer.jpg);
    	background-repeat: no-repeat;
    	background-position: right bottom;
		border-left: #D1D1D1 solid 1px;
		padding: 0;
		margin: 0;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.footerbox2 {height: 114px;}
	/* End Fix for IE-win */
	
	div.footerbox2 h3 {
		font-size: 110%;
		font-weight: bold;
		color: #007F3F;
		background-color: #D1D1D1;
		margin: 0;
		padding: 4px 0 6px 14px;
		display: block;
	}
	
	div.footerbox2 p {
		margin: 0;
		padding: 8px 250px 8px 14px;
	}
	
	div.footercontent {
		font-size: 94%;
		padding: 8px 14px 0 14px;
		clear: both;
	}
	
	div.footercontent a {
		font-weight: bold;
		text-decoration: none;
		padding: 0 5px 0 5px;
	}
	
	div.footercontent a:hover {
		text-decoration: underline;
	}
	
	/******************************
* Navlist
******************************/	

#navcontainer { margin-left: 0px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 8px 6px 7px 15px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 90%;
background-image: url(/images/CatNavBg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer a:hover
{
color: #FFFFFF;
text-decoration: none;
background-image: url(/images/CatNavBg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer ul ul li {
	margin: 0;
	background-color: #FFFFFF;
}

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 25px;
color: #3C4959;
text-decoration: underline;
font-weight: normal;
background-image: url(/images/SubNavBg.gif);

}

#navcontainer ul ul a:hover
{
color: #3C4959;
text-decoration: none;
background-image: url(/images/SubNavBg.gif);

}

#checkoutlist ul {
	margin: 0px;
	padding: 15px 0px;
}
#checkoutlist li {
	display: inline;
	padding-right: 20px;
	padding-left: 10px;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}
.checkoutlisthighlight {
	font-weight: bold;
}

/**************************************
* Section Code
***************************************/	

	div.sectionintro {
		min-height: 106px;
		margin: 0;
		padding: 20px 15px 0 15px;
	}
	
	/* Fix for IE-win \*/
		* html div.sectionintro {height: 106px;}
	/* End Fix for IE-win */
	
	div.sectioncontent h1 {
	font-size: 150%;
	font-weight: normal;
	color: #FF6600;
	background-color: #fff;
	margin: 0;
	display: block;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	line-height: 130%;
	}
		
	div.sectionintro a, .highlight {
		color: #F77259;
	}

	/* Fix for IE-win \*/
		* html div.thissection {height: 150px;}
	/* End Fix for IE-win */
	
	
	div.thissection a, .highlight {
		color: #F77259;
	}

	div.sectionsubnav {
	width: 210px;
	padding: 2px 4px 2px 12px;
	float: left;
	background-image: url(../images/orangearrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

	div.secheading a {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	div.secheading a:hover {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	div.seccontainer {
		width: 560px;
		margin: 0 0 15px 0;
		padding: 0;
		float: left;
	}


/******************************
* filter
******************************/		

.filter fieldset {
	padding: 10px;
	border: 0px;
}

.filter fieldset legend {
	color: #007037;
	font-weight: bold;
}

.filter fieldset label {
	float: left;
	text-align: right;
	color: #333333;
	width: 220px;
	clear: both;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.filter select, .filter input, .filter textarea {
	vertical-align: middle;
	width: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

/******************************
* Ajax
******************************/		


div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

/******************************
* ProdThumbsIcons
******************************/		

.iconlist li
{
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 20px;
}
li.special
{
	background-image: url(/images/star_yellow.gif);
	font-weight: bold;
	color: #FF0000;
}