/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	background-color: #000000;
}
a {
	text-decoration: none;
}
a:link {
	color: #FF0000;
}
a:visited {
	color: #FF0000;
}
a:hover {
	color: #CCCCCC;
}
a:active {
	color: #CCCCCC;
}
.pagecenter {
	margin-left:auto;
	margin-right:auto;
}
#container {
	position:relative;
	width:800px;
	height:600px;
	border: 2px solid #FF0000;
}
#header {
	position:relative;
	height:80px;
	width:780px;
	padding:10px;
	border: 2px solid #FF0000;
	background-image: url(/images/back/tiler.gif);
}
#footer {
	position:relative;
	height:20px;
	width:780px;
	padding:10px;
	border: 2px solid #FF0000;
	background-image: url(/images/back/tiler.gif);
	text-align:center;
}
#content {
	position:relative;
	width:800px;
	border: 2px solid #FF0000;
}
/*Container Mods*/
.front {
	background-image: url(/images/back/tiler.gif);
}
#frontlogo {
	position:absolute;
	left:138px;
	top:80px;
}
/*MENU*/
#menu {
	position:absolute;
	width:531px;
	height:50px;
	top:10px;
	left:243px;
}
.menubutton {
	float:left;
	width:177px;
	text-align:center;
}
.bottomrow {
	padding-top:5px;
}
#menularge {
	position:absolute;
	width:750px;
	height:80px;
	top:300px;
	left:25px;
}
.menubuttonlarge {
	float:left;
	width:250px;
	height:40px;
	text-align:center;
}

#catalog {
	position:relative;
	left:10px;
	width:780px;
}
#category {
	position:absolute;
}
.deckscat {
	top:10px;
	left:10px;
}
.wheelscat {
	top:10px;
	left:10px;
	height:210px;
	width:185px;w
}
.item {
	position:relative;
	float:left;
	margin:5px;
	text-align:center;
	font-size:10px;
}

/*ICON AREA*/
.decks {
	height:420px;
	width:120px;
}
.completes {
	height:420px;
	width:120px;
}
.wheels {
	height:210px;
	width:185px;
}
.trucks {
	height:153px;
	width:250px;
}

.hardware {
	height:210px;
	width:370px;
}
.safetygear {
	height:210px;
	width:370px;
}

/*TEXT AREA*/
#section {
}
#text {
	margin:5px;
	float:left;
}
#text a {
	text-decoration:underline;
}
.decktext {
	height:400px;
	padding-top:20px;
	width:200px;
	padding-left:20px;
	padding-right:20px;
}
.completetext {
	height:400px;
	padding-top:20px;
	width:200px;
	padding-left:20px;
	padding-right:20px;
}
.wheeltext {
	padding-top:10px;
	height:420px;
	width:165px;
	padding-left:10px;
	padding-right:10px;
}
.safetygeartext {
	height:210px;
	width:270px;
	padding-left:50px;
	padding-right:50px;
}
.trucktext {
	height:153px;
	width:200px;
	padding-left:25px;
	padding-right:25px;
	
}


#catalognav {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:20px;
}
.navbutton {
	width:160px;
	height:20px;
}
#navback {
	position:absolute;
	left:0px;
	text-align:left;
}
#navnext {
	position:absolute;
	right:0px;
	text-align:right;
}

/*POP*/
#popcontainer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;	
}
#popimage {
	position:absolute;
	text-align:center;
}
.deckimage {
	top:0px;
	left:0px;
	width:200px;
	height:600px;
}
.truckimage {
	top:0px;
	left:0px;
	width:500px;
	height:270px;
}
.otherimage {
	top:0px;
	left:0px;
	width:400px;
	height:400px;
}
#popinfo {
	position:absolute;
	width:200px;
	height:58px;
}
.deckinfo {
	top:100px;
	left:200px;
	text-align:left;
}
.truckinfo {
	top:270px;
	left:150px;
	text-align:center;
}
.otherinfo {
	top:400px;
	left:100px;
	text-align:center;
}
#register {
	font-size:10px;
}
#sizing {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}