body {
	margin:0;
	margin-top:8px;
	padding:0;
	background-color:white;
	font-family: Verdana, sans-serif;
	color: #444; 
}

img {
	border:0;
}

div.spacer {
	clear:both;
}

div.blackrule {
	background-color:black;
	height:1px;
	width:750px;
	margin:auto;
}

/*============ TOP AREA ================ */

div#top {
	width:750px; 
	height:108px;
	margin:auto;
	overflow:hidden;
}

div#logo {
	float:left;
	width:208px;
}

div#banner {
	float:right;
	width:542px;
	height:74px;
	background-image: url('images/layout/0706/home/topbanner.jpg');
}

div#buttonrow {
	float:right;
	width:542px; 
	height:34px; 
	background-image: url('images/layout/0706/home/buttonsbg.jpg'); 
}
               
div.buttons {
	font-family: Veranda, sans-serif;
	font-size:60%;
	font-weight: bold;
	color:#fff;
	text-align:center;
    float:left;
    height:33px;
	padding: 0 10px 0 10px;
    border-right: 1px solid white;
}

div.buttons p a:link {
	text-decoration: none;
	color:white;
}

div.buttons p a:visited {
	text-decoration: none;
	color:white;
}

div.buttons p a:hover {
	text-decoration: underline;
	color:white;
}

div.buttons p {
	margin-top: 0px;
	padding-top: 10px;
}

div#cartbutton {
	background-color:#695b2b;
}

/*============= MENU ======================*/

div#menu {
	float:left;
	width:155px;
	padding-left:3px;
}



/*============ SECONDARY AREA ================ */

div#secondary {
	width:748px;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	margin-left: auto;
	margin-right: auto;
}

div#feature {
	float:right;
	width:590px;
	height:175px;
}

div#new {
	float:left;
	width:590px;
	height:92px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:0px;
	margin-right:0px;
	margin-left:0px;
}

div.newitemTitle {
	float:left;
	width:100px;
	margin-right:0px;
}

div.newitem {
	float:left;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:5px;
	padding: 5px;
	border:1px solid #ccc;
}

div#events {
	float:right;
	width:304px;
	padding:15px;
	border-left: 1px solid #ccc;
}

div#categories {
	float:left;
	width:382px;
	height:275px;
	padding:15px;
	border: 0px;
	background-color:#ddd;
	background-image: url("images/layout/0706/home/trex_watermark.jpg");
}

div#catcol1 {
	float:left;
	width:176px;
	padding-right:5px;
	padding-bottom:10px;
}

div#catcol2 {
	float:left;
	width:176px;
	padding-right:5px;
	padding-bottom:10px;
}

div#popular {
	float:left;
	width:249px;
}

.hotitem {
	width:110px;
	margin:5px;
	float:left;
}

.hotPhoto {
	margin-right:15px;
	margin-left:15px;
}

.hotitemText {
	margin:3px;
	margin:5px;
	text-align:center;
	font-size:60%;
}

.relateditem {
	width:100px;
	margin:5px;
	float:left;
}

div#footer {
	width:750px; 
	clear:both;
	margin:auto;
	padding:5px;
	text-align:center;
	font-size:70%;	
}



/* END */
