/*

     

     CSS By WebFrog Studios

     DPO CSS

     Why are you here?

	  

*/



* { padding: 0; margin: 0; }



body {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 14px;



 

 

	background: url('../images/topx.jpg') repeat-x;

}



html, body {

	

}

.img{
	border-style: none;
}

.galbox{
	text-align: center;
	width: 150px;
	height: 150px;
	background-color: #f9f9f9;
	padding: 5px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.galtext{
	width: 145px;
	text-align: center;
	font-weight: bold;
	color: #eb721b;
}

.thumbscontainer{
	width: 670px;
	clear: both;
}

#rightfull{

	

	

	float: left;

	margin-left: 20px;

}





#mainwrapper{

	

	width: 1001px;

	margin: 0 auto;

	position: relative;

	top: 3px;

	

}



#header{

	float: left;

	width: 1001px;

	height: 183px;

	background: url('../images/header.jpg') repeat-y;

	

}



#stores{

	position: absolute;

	text-align: center;

	top: 105px;

	width: 268px;

	height: 74px;

	margin-left: 700px;

}



A:link.stores { color: #f06d03;

	text-decoration: none;

	font-size: 14px;

	font-weight: bold;

}

A:visited.stores{ color: #f06d03;

	text-decoration: none;

	font-size: 14px;

	font-weight: bold;

}

A:active.stores{ color: #f06d03;

	text-decoration: none;

	font-size: 14px;

	font-weight: bold;

}

A:hover.stores{ color: #f06d03;

	text-decoration: none;

	font-size: 14px;

	font-weight: bold;

}



#stores{

	position: absolute;

	text-align: center;

	top: 15px;

	width: 350px;

	height: 100px;



	margin-left: 635px;

}



A:link.stores { color: #ec760a;

	text-decoration: none;

	font-size: 12px;

	font-weight: bold;

}

A:visited.stores{ color: #ec760a;

	text-decoration: none;

	font-size: 12px;

	font-weight: bold;

}

A:active.stores{ color: #ec760a;

	text-decoration: none;

	font-size: 12px;

	font-weight: bold;

}

A:hover.stores{ color: #ec760a;

	text-decoration: none;

	font-size: 12px;

	font-weight: bold;

}



#headerx{

	float: left;

	width: 1001px;

	height: 183px;

	background: url('../images/headerx.jpg') repeat-y;

	

}



#largebox{

	float: left;

	width: 1001px;

	height: 420px;

	background: url('../images/largebox.jpg') no-repeat;

	

}



#largeboxx{

	float: left;

	width: 1001px;

	height: 261px;

	background: url('../images/bigboxx.jpg') no-repeat;

	

}



#orangebox{

	float: left;

	width: 1001px;

	height: 161px;

	background: url('../images/orangebox.jpg') no-repeat;

	

}



#footertext{

	float: left;

	width: 1000px;

	position: relative;

	top: 10px;

	text-align: center;

	padding-bottom: 150px;

	font-size: 13px;

}





#center{

	position: relative;

	top: 10px;

	float: left;

	width: 928px;

	

	

	margin-left: 38px;

	padding-bottom: 25px;

	

}



#left{

	width: 223px;

	

	float: left;



}





.leftheader{

	

	width: 223px;

	height: 36px;

	background: url('../images/leftheader.jpg') no-repeat;

	

}



#divider{

	width: 680px;

	height: 3px;

	background-color: #f27100;

	

}





.leftheadertext{

	color: #ffffff;

	padding-top: 10px;

	width: 223px;

	text-align: center;

	background: url('../images/leftheader.jpg') no-repeat;

	font-weight: bold;

	font-size: 16px;

}



#right{

	width: 682px;

	float: left;

	

	margin-left: 20px;

	

}



.menubox{



display: inline;

	

padding-top: 10px;

padding-bottom: 10px;

float: left;



	

}



.currentbox{



	

padding-top: 10px;

padding-bottom: 10px;

	float: left;



	background: url('../images/menubacking.jpg') repeat-x;



	

}







#bottomimages{

	position: relative;

	top: 25px;

	width: 900px;

	text-align: center;

	margin-left: 50px;

	

	

}



.bottomimage{

	

	padding: 20px;

	padding-top: 0;

	padding-bottom: 0;

	

}



.breadys{

	

	float:right; 

	position:relative; 

	top:20px; 

	margin-right:6px;

	font-size: 11px;

}



.blackbox{



	position: absolute;



	width: 160px;



	height: 20px;



	background-color: #000000;



	opacity: .9;



	top: 75px;



	



}







.blacktext{



	position: absolute;



	width: 140px;



	height: 20px;



	line-height: 20px;



	top: 75px;



	padding-left: 10px;



	padding-right: 10px;



	



	



}



ul{

	margin-left: 30px;

}



.menuboxleft{

	

	width: 197px;

padding-top: 10px;

padding-bottom: 4px;

text-align: left;

padding-right: 13px;

padding-left: 13px;

background-color: #eeeeee;

	

}



.currentboxleft{

	width: 197px;

padding-top: 10px;

padding-bottom: 4px;

	padding-right: 13px;

padding-left: 13px;

background-color: #7d7d7d;

 text-align: left;

	

}



#mainmenu{

	width: 930px;

	height: 34px;

	

	margin-left: 40px;

	position: absolute;

	top: 190px;

	text-align: center;

}



#largeboxtext{

	

	width: 911px;

	height: 65px;

	position: relative;

	top: 345px;

	color: #ffffff;

	margin-left: 47px;

}



.articles{

	width: 183px;

	padding: 20px;

padding-top: 8px;

padding-bottom: 12px;

text-align: center;

background-color: #eeeeee;

	

}



.maincatwrap{







	width: 225px;







	height: 149px;







	margin-right: 5px;







	float: left;







	background-color: #f8f7fa;







}



.innercat{







position: relative;



	width: 160px;







	height: 100px;







	float: left;







	margin-right: 5px;







	margin-bottom: 5px;







	background-color: #f4f4f4;

	



}



#brands{

	

	float: left;

	margin-left: 37px;

	

	

}



#fadeshow1{

	

	margin-left: 46px;

	background-color: red;

	position: absolute;

	top: 230px;

}



/*

     

     Start Classes

	  

*/







A:link { color: #ed6d02;

	text-decoration: none;

}

A:visited{ color: #ed6d02;

	text-decoration: none;

}

A:active{ color: #ed6d02;

	text-decoration: none;

}

A:hover { color: #ed6d02;

	text-decoration: none;

}



A:link.menuboxtext { color: #000000;

	text-decoration: none;
	font-weight: bold;
}

A:visited.menuboxtext { color:#000000;

	text-decoration: none;
	font-weight: bold;
}

A:active.menuboxtext { color:#000000;

	text-decoration: none;
	font-weight: bold;
}

A:hover.menuboxtext { color: #faa81a;

	text-decoration: none;
	font-weight: bold;
}



A:link.menuboxtextleft { color: #000000;

	text-decoration: none;

}

A:visited.menuboxtextleft { color:#000000;

	text-decoration: none;

}

A:active.menuboxtextleft { color:#000000;

	text-decoration: none;

}

A:hover.menuboxtextleft { color: #faa81a;

	text-decoration: none;

}





A:link.articletest { color: #f06d03;

	text-decoration: none;

	font-weight: bold;

	font-size: 14px;

}

A:visited.articletest { color: #f06d03;

	text-decoration: none;

	font-weight: bold;

	font-size: 14px;

}

A:active.articletest { color: #f06d03;

	text-decoration: none;

	font-weight: bold;

	font-size: 14px;

}

A:hover.articletest { color: #000000;

	text-decoration: none;

	font-weight: bold;

	font-size: 14px;

}



A:link.currentboxtext { color: #ffffff;

	text-decoration: none;

	font-weight: bold;

}

A:visited.currentboxtext { color:#ffffff;

	text-decoration: none;

	font-weight: bold;

}

A:active.currentboxtext { color:#ffffff;

	text-decoration: none;

	font-weight: bold;

}

A:hover.currentboxtext { color: #000000;

	text-decoration: none;

	font-weight: bold;

}





A:link.currentboxtextleft { color: #ffffff;

	text-decoration: none;

	font-weight: bold;

}

A:visited.currentboxtextleft { color:#ffffff;

	text-decoration: none;

	font-weight: bold;

}

A:active.currentboxtextleft { color:#ffffff;

	text-decoration: none;

	font-weight: bold;

}

A:hover.currentboxtextleft { color: #000000;

	text-decoration: none;

	font-weight: bold;

}





/*

     

     End Classes

	  

*/