/* page layout */
body, html {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	text-align: center; /* IE center bug */
	color: #FFF;
	background-repeat: repeat-x;
	margin-top:0px;
	background-color: #181617;
		background-image: url(images/main_bgfade.JPG);
}
#container{
	
	width:100%;
	position:relative;

	
	
}


#categoriesbox ul {
	
	background-color:#000;
	margin-left:-4px;
	padding-left:5px;
	
}

#categoriesBox li{
	display: block;
	height: 30px;

	background-repeat: no-repeat;

	padding-top:6px;
	margin-bottom:-6px;
	_margin-left:-10px;

	list-style-type: none;
	 /* background-image: url(images/menu_item_bg.jpg); */

	}
	

		
			
#linksBox li{
display: block;
	height: 26px;		
padding-top:4px;
list-style-type: none;
	background-repeat: no-repeat;
}
	
	
	
#categoriesBox #cat_footer{
	height:20px;
	background-image: url(images/menu_main_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-left:4px;
	
	position:relative;
}

#specialsfooter{
	height: 5px;
	width: 585px;
	position:relative;
	background-image: url();
	background-position: bottom;
	background-repeat: no-repeat;
	
}

div#pageFrame {
	
	width: 862px;

	margin-right: auto;

	margin-left: auto;
	
	height:100%;
	margin-top:0px;
	

}
div#logoFrame {
	height: 274px;
	padding-top:20px;
	padding-left:20px;
	position: relative;
	
	background-image: url(images/header_bg.png);
	background-repeat:no-repeat;
}

#logo{
	margin-left:20px;
	}
div.navBarFrame {

/* prevent collapse ? */
}
div#navBottomFrame {
	margin-top:0px;

	

}
div#middleFrame {
	
	
	

margin: 0px;

/* border-top: 1px solid white; Mozilla: else middle frame shifts down a bit depending on content?! */
/* the fluid content is 100% minus these margins wide */


/* right: 178px; */
/* next lines hack for IE5.2 mac (does not listen to right) */

}
@media all {
        div#middleFrame {margin-right: 0;}
          } /* values for others */



#middleContent {
	width: 575px;
	  /* prevents IE to jump out of the box! */
	text-align: left;

	padding-top:10px;
	position:relative;
	float:left;


	margin-left:10px;
	
	
	background-color:#000;
	background-image: url(images/content_bg_top.jpg);
	background-repeat: repeat-x;
	padding-top: 25px;
	padding-left:20px;
	padding-right:20px;
	



}

#content{

}
#footer{
	width:100%;
	background-color:#121212;
	height:100px;
	float:left;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;	
	}

#footer span{
	margin-top:1px;
	margin-right:auto;
	margin-right:auto;
	width:862px;
	height:100px;
	float:left;
	color: #CCC;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	}
	
	#footer a{
	font-size: 11px;
	color: #999;
		}
	

/* boxes1 and 2 (call it left and right if you prefer) */
div#boxes1Frame {

width: 220px;
float:left;
text-align:center;
margin-left:4px;
margin-bottom:20px;

}
div#boxes2Frame {

right: 7px;
top: 100px;
width: 160px;
}

#boxes3Frame .infoBoxContentsFL{
	margin-top:17px;
	padding-left:8px;
	padding-right:8px;
	padding-top:50px;
	margin-right:5px;
	margin-left:3px;
	font-size: 14px;
	color: #000;	
	

	
	}
	
#product_info_content{
	
	padding-top: 25px;

	background-color:#000;

	
		}
	
	#product_info_content td .main{
	




	}
	
	#product_info_content img{
		max-width:150px;
		}
	
#product_info_content table {	}
	
	
	#content_footer{
	background-image: url(images/content_bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 80px;
	width:576px;
}
	
	
	#boxes1Frame #categoriesBox, #boxes1Frame #linksBox{
	background-image: url(images/menu_main_bg.PNG);
	background-repeat: no-repeat;
	background-position: top;
	width: 220px;
	padding-top: 8px;
	padding-left:3px;
	margin-bottom:20px;
		}

.pageHeading img{
	}



div.infoboxContentsFL {
 /* = the padding */
 /* ???????? needed for IE 160 minus margins and borders ? */
padding-bottom: 5px; /* IE */
}

div#bannerFrame {
	float:left;

margin-bottom: 10px;
}
#banner{

	}
	
#product_info_content .pageHeading h1{
	color: #FC0;
	}
	
/* end page layout */