/*
     
     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/top.jpg') repeat-x;
}

html, body {
	
}

#mainwrapper{
	
	width: 1001px;
	margin: 0 auto;
	position: relative;
	top: 3px;
	
}

#construct{
width: 600px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	top: 270px;
	
		background: url('../images/homex.jpg') no-repeat;
}

#bottomimages{
	position: relative;
	top: 25px;
	width: 900px;
	text-align: center;
	margin-left: 50px;
	
	
}

.bottomimage{
	
	padding: 20px;
	padding-top: 0;
	padding-bottom: 0;
	
}

#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;
}

#header{
	float: left;
	width: 1001px;
	height: 183px;
	background: url('../images/header.jpg') repeat-y;
	
}

#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: -20px;
	text-align: center;
	padding-bottom: 150px;
	font-size: 13px;
}


.menubox{

display: inline;
	
padding-top: 10px;
padding-bottom: 10px;
float: left;

	
}

.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;

	



	

}


.currentbox{

	
padding-top: 10px;
padding-bottom: 10px;
	float: left;

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

	
}

#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;
}

#brands{
	
	float: left;
	margin-left: 37px;
	
	
}

#fadeshow1{
	
	margin-left: 46px;
	background-color: red;
	position: absolute;
	top: 230px;
}

/*
     
     Start Classes
	  
*/





A:link.home { color: #ef9d28;
	text-decoration: none;
	font-weight: bold;
}
A:visited.home{ color: #ef9d28;
	text-decoration: none;
	font-weight: bold;
}
A:active.home{ color: #ef9d28;
	text-decoration: none;
	font-weight: bold;
}
A:hover.home { color: #ef9d28;
	text-decoration: none;
	font-weight: bold;
}



A:link { color: #eb6e02;
	text-decoration: none;
	font-weight: bold;
}
A:visited{ color: #eb6e02;
	text-decoration: none;
	font-weight: bold;
}
A:active{ color: #eb6e02;
	text-decoration: none;
	font-weight: bold;
}
A:hover { color: #eb6e02;
	text-decoration: none;
	font-weight: bold;
}

A:link.menuboxtext { color: #000000;
	text-decoration: none;
}
A:visited.menuboxtext { color:#000000;
	text-decoration: none;
}
A:active.menuboxtext { color:#000000;
	text-decoration: none;
}
A:hover.menuboxtext { color: #faa81a;
	text-decoration: none;
}

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;
}

/*
     
     End Classes
	  
*/