/* CSS Document */


textarea {
	width: 468px;
	border: 1px #006633 solid;
	}
	
	


html {
	min-width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/bg_body.jpg");
	background-repeat: repeat;
	}
	
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14pt;
	color:#333;
	}

img {
	border: 0;
	}
	
ul {
	margin-left: -10px;
	border-bottom: 1px #000 dashed;
	padding-bottom: 30px; 	
	margin-bottom: -10px; 	
	}	

a:link, a:visited {
	font-weight: bold;
	font-size: 9px;
	color: #b02a24;
	}
		
a:hover {
	font-weight: bold;
	font-size: 9px;
	color: #000;
}
		
a:active {
	font-size: 9px;
	color: #000;
	}
	
p {
	margin-bottom: 15px;
	}


	
/* DIVS */
	

#container {
	width: 729px;
/* beging IE5 */ 
	\width: 752px;
/* end IE5 */	
	w\idth: 729px;
	margin-left: auto;
	margin-right: auto;

	}

#header {
	background-image:url("images/header.jpg");
	background-position:top left;
	background-repeat: no-repeat;
	width: 725px;
	height: 264px;	
	margin-left: auto;
	margin-right: auto;
	}
	
#rightContainer {
	width: 500px;
	float: left;
	padding-right: 3px; 
	}
	
#rightHeader {
	float: left;
	width: 500px;
	height: 126px;
	padding: 0;
	margin: 0;
	}

#rightBody {
	float: left;
	width: 500px;
	background-image: url("images/right_body.png");
	background-repeat: repeat-y;
	}
	
#rightBodyCopy {
	width: 415px;
	margin: 0 0 0 45px;
	padding: 18px 0 30px 0;
	}
	
#rightFormCopy {
	width: 410px;
	margin: 0 0 -11px 45px;
	padding:10px 0 0 0;
	}	
	
#rluzelle {
	width: 410px;
	border-bottom: 1px #000 dashed;
	padding-bottom: 15px;
	margin-bottom: 15px; 
	}	
	
#rluzelleCopy {
	width: 295px;
	float: left;
	margin: -245px 0 0 120px;
	}	
	
	
#rightBoards {
	width: 450px;
	margin: 20px 0 0px 25px;
	}
	
#rightBoardsCopy {
	font-size: 12px;
	line-height: 16pt;
	width: 240px;
	margin: 30px 0 0 250px;
	position: absolute;
	}
	
#rBodylinksCon {
	float: left;
	width: 425px;
	margin: 0 0 0 45px;
	}	
	
#rBodylinksL {
	float: left;
	width: 185px;
	padding: 0 13px 0 0;
	margin: 0 -1px 0 0;
	border-right: 1px #666 solid;
	}		

#rBodylinksR {
	float: left;
	width: 185px;
	padding: 0 0 0 13px;
	margin: 0 -1px 0 0;
	border-left: 1px #666 solid;
	}
	
#rightFooter {
	float: left;
	width: 500px;
	height: 123px;
	background-image: url("images/right_footer.png"); 
	}		
	
#cartBoards {
	height: 43px;
	margin: 0px 0 0 225px;
	padding-top: 20px;
	}
	
#cartTrucks {
	height: 43px;
	margin: 0px 0 -28px 235px;
	}
	
#leftContainer {
	width: 225px;
	float: left;
	padding-top: 30px;
	}
	
#leftNews {
	width: 225px;
	height: 120px;
	margin: -25px 0 0 -10px;
	text-indent: -9999px;
	position: absolute;
	}	

#leftNews a {
	background:url("images/button_news.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#leftNews a:hover{
	background: url("images/button_news.png") 0 -120px no-repeat;
	}
	
#leftNewsPaper {
	width: 225px;
	height: 124px;
	background-image: url("images/side_news.png");
	background-repeat: no-repeat;
	padding: 5px 0 0px 10px;
	margin-top: 60px;
	}
	
#leftNewsPaperHead {
	width: 225px;
	height: 16px;
	background-image: url("images/news_header.png");
	background-repeat: no-repeat;
	padding: -60px 0 0px 0px;
	margin-top: 65px;
	}
	
#leftNewsPaperCenter {
	width: 200px;
	background-image: url("images/news_center.png");
	background-repeat: repeat-y; 
	padding: 10px 0 0px 10px;
	margin-bottom: 10px;
	border-bottom: 1px #333333 solid;
	}		
	
	
#leftNewsCopy {
	font-size: 10px;
	line-height: 11pt;
	letter-spacing: 0.03em;
	width: 180px;
	padding: 0 0 5px 5px;
	margin: 15px 10px 0 0;
	}

#leftContainerBoards {
	width: 225px;
	float: left;
	padding-top: 20px;
	}	
	
#leftProBoards3 {
	width: 225px;
	height: 220px;
	background-image: url("images/left_boards_3.png");
	background-repeat: no-repeat;
	padding: 5px 0 0px 0;
	}
	
#leftProBoardsMini {
	width: 225px;
	height: 285px;
	background-image: url("images/left_boards_locker.png");
	background-repeat: no-repeat;
	padding: 5px 0 0px 0;
	}
	
#leftProBoardsLong {
	width: 225px;
	height: 425px;
	background-image: url("images/left_boards_long.png");
	background-repeat: no-repeat;
	padding: 5px 0 0px 0;
	}
	
#leftProBoardsWoody {
	width: 225px;
	height: 450px;
	background-image: url("images/left_boards_woody.png");
	background-repeat: no-repeat;
	padding: 5px 0 0px 0;
	}		
	
#matrixContain {
	width: 225px;
	margin: 10px 0 0 -3px;
	}
	
#leftProBoards {
	width: 225px;
	height: 515px;
	background-image: url("images/left_boards.png");
	background-repeat: no-repeat;
	padding: 5px 0 0px 0;
	}	
	
#thumbsLeft {
	float: left;
	width: 25px;
	height: 65px;
	padding: 40px 8px;
	margin-left: -5px;
	}
	
#thumbsLeftCent {
	float: left;
	width: 25px;
	height: 65px;
	padding: 40px 8px;
	}	

#thumbsCenter {
	float: left;
	width: 25px;
	height: 65px;
	padding: 40px 8px;
	}

#thumbsRightCent {
	float: left;
	width: 25px;
	height: 65px;	
	padding: 40px 8px;
	}

#thumbsRight {
	float: left;
	width: 25px;
	height: 65px;	
	padding: 40px 8px;
	}	
	
#leftProducts {
	width: 225px;
	}	
	
#footer {
	width: 725px;
	height: 100px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/footer.png");
	background-repeat:no-repeat;
	}


#boardTypesImg {
	margin: 55px 0 0 15px;
	}

#boardTypesText {
	position: absolute;
	margin: -15px 0 0 180px;
	}
	
#boardTypesText a {
	text-decoration: none;
	font-size: 11px;	
	}	

.boardCat {
	margin: 0px 0 -45px 15px;
	}

/* ADVERTISEMENTS */

textarea {
	width: 466px;
	border: 1px #006633 solid;
	}
	
#ads {
	margin: 0px 0 0 15px;
	}

.adSpace {
	text-align:center;
	margin: 10px 0 20px 0;
	text-decoration: underline;
	}
	
.adSpace2 {
	width: 415px;
	text-align:center;
	margin: 5px 0 20px 0;
	padding-top: 20px;
	text-decoration: underline;
	border-top: 1px #000 dashed;
	}	
	
.adInstruct {
	background-color: #b02a24;
	color: #FFF;
	width: 320px;
	margin: 5px 0 -1px 8px;
	padding-left: 10px;
	border-left: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;
	}
	
.titleSpace {
	background-color: #b02a24;
	color: #FFF;
	width: 150px;
	margin: 5px 0 0px 8px;
	padding: 0 0 0 5px;
	border-left: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;	
	}	
	
.addToPage {
	width: 400px;
	margin: -10px 0 20px 50px;
	line-height: 18px;
	}
	
.fontSize {
	font-size: 14px;
	}	



/* NAV */
	

#home	 {
	width: 101px;
	height: 120px;
	margin-left: 420px;
	padding-top: 10px;
	text-indent: -9999px;	
	}

#home a {
	background:url("images/button_home.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#home a:hover{
	background: url("images/button_home.png") 0 -119px no-repeat;
	}		
	
	
	
	
	
	
#products	 {
	width: 101px;
	height: 120px;
	margin-left: 519px;
	margin-top: -120px;
	padding-top: 0px;
	text-indent: -9999px;	
	}

#products a {
	background:url("images/button_products.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#products a:hover{
	background: url("images/button_products.png") 0 -120px no-repeat;
	}		
		
#contact	 {
	width: 101px;
	height: 120px;
	margin-left: 622px;
	margin-top: -120px;
	padding-top: 0px;
	text-indent: -9999px;	
	}

#contact a {
	background:url("images/button_contact.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#contact a:hover{
	background: url("images/button_contact.png") 0 -119px no-repeat;
	}
	
#downloads	 {
	width: 101px;
	height: 120px;
	margin-left: 420px;
	margin-top: 0px;
	padding-top: 0px;
	text-indent: -9999px;	
	}

#downloads a {
	background:url("images/button_downloads.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#downloads a:hover{
	background: url("images/button_downloads.png") 0 -119px no-repeat;
	}
	
#links	 {
	width: 101px;
	height: 120px;
	margin-left: 519px;
	margin-top: -120px;
	padding-top: 0px;
	text-indent: -9999px;	
	}

#links a {
	background:url("images/button_links.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#links a:hover{
	background: url("images/button_links.png") 0 -119px no-repeat;
	}
	
#luzelle	 {
	width: 101px;
	height: 120px;
	margin-left: 622px;
	margin-top: -120px;
	padding-top: 0px;
	text-indent: -9999px;	
	}

#luzelle a {
	background:url("images/button_luzelle.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#luzelle a:hover{
	background: url("images/button_luzelle.png") 0 -120px no-repeat;
	}	


#leftboards	 {
	width: 212px;
	height: 71px;
	margin-top: 3px;
	text-indent: -9999px;	
	}

#leftboards	 a {
	background:url("images/button_boards.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#leftboards	 a:hover{
	background: url("images/button_boards.png") 0 -71px no-repeat;
	}		

#lefttrucks	 {
	width: 212px;
	height: 71px;
	margin-top: 5px;
	text-indent: -9999px;	
	}

#lefttrucks	 a {
	background:url("images/button_trucks.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#lefttrucks	 a:hover{
	background: url("images/button_trucks.png") 0 -71px no-repeat;
	}	
	
#leftwheels	 {
	width: 212px;
	height: 71px;
	margin-top: 5px;
	text-indent: -9999px;	
	}

#leftwheels	 a {
	background:url("images/button_wheels.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#leftwheels	 a:hover{
	background: url("images/button_wheels.png") 0 -71px no-repeat;
	}
	
#leftstore {
	width: 212px;
	height: 71px;
	text-indent: -9999px;	
	}

#leftstore a {
	background:url("images/button_store.gif") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#leftstore a:hover{
	background: url("images/button_store.gif") 0 -71px no-repeat;
	}
	
	
#askLuzelle {
	width: 203px;
	height: 339px;
	text-indent: -9999px;
	}

#askLuzelle a {
	background:url("images/ask_luzelle.jpg") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#askLuzelle a:hover{
	background: url("images/ask_luzelle.jpg") 0 -339px no-repeat;
	}	


#askLaura {
	width: 197px;
	height: 339px;
	margin: -339px 0 0 203px;
	text-indent: -9999px;	
	}

#askLaura a {
	background:url("images/ask_laura.jpg") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
#askLaura a:hover{
	background: url("images/ask_laura.jpg") 0 -339px no-repeat;
	}		
	
	
		


/* CLASSES */

.storeBoardsCon {
	width: 425px;
	height: 300px;
	margin: 30px 0 50px 35px;
	border-bottom: 1px #000 dashed;
	}

.rightStoreTrucksButtons {
	height: 20px;
	margin: 0px 0 -20px 225px;
	padding-top: 20px;
	}

.storeBoardsContent {
	float: left;
	margin: -300px 0 0px 170px;
	}	
	
.rightStoreBoards {
	float: left;
	width: 415px;
	height: 275px;
	padding: 0 0 0px 20px;
	}	
	
.cartBoardsButtons {
	float: left;
	width: 251px;
	margin: -85px 0 0 160px;
	}
		
.titles {
	margin: -20px 0 5px -45px;
	}
	
.titlesWoody {
	margin: -20px 0 0 -20px;
	}
	
.matrixTitlesWoodyLil {
	width: 168px;
	margin-left: 3px;
	}				
	
.matrixBoards {
	position: relative;
	float: left;
	width: 220px;
	height: 111px;
	margin: 30px 0 0px 5px;
	}

.matrixBoardSpace {
	margin:0 0 0 -6px;
	padding:0;
}	
	
.board {
	margin: -20px 0 0 0px;
	padding-bottom: 10px;	
	}
	
.boardFilth {
	margin: 0px 0 0 0px;
	padding-bottom: 10px;
	}	

.rightTrucks {
	width: 415px;
	margin: 0 0 0 45px;
	padding: 0 0 25px 0;
	}	
	
.rightWheels {
	width: 415px;
	margin: 0 0 0 45px;
	padding: 0 0 25px 0;
	}
		
.truckSizeSpace {
	margin: 0 0 0 29px;
	}	
	
.textIndent {
	text-indent: -9999px;
	}	
		
.homePic {
	margin: -10px 0 -8px 22px;
	}
	
.homeText {
	margin: 25px 0 -60px 22px;
	}	
	
.wheelSpace {
	margin-left: 15px;
	}		

.ftext {
	width: 405px;
	margin: 5px 0 8px -40px;
	border: 1px #666 solid;
	}

.ftextarea {
	width: 405px;
	height: 120px;
	margin: 5px 0 8px -40px;
	border: 1px #666 solid;
	}

.fsubmit {
	margin: 5px 0 8px -40px;
	}
	
	
#cartBuy {
	height: 43px;
	margin: 0px 0 -50px 360px;
	padding-top: 20px;
	}	
	
.cartBuy {
	height: 43px;
	margin: 0px 0 -50px 360px;
	padding-top: 20px;
	}
	
.cartWheels {
	height: 43px;
	margin: 50px 0 -100px 300px;
	padding-top: 20px;
	}				

.live {
	width: 213px;
	height: 71px;
	margin-top: 4px;
	text-indent: 0px;
	}
	
.sidespace {
	margin-bottom: -25px;
	}
			
.sidespacePro {
	margin: 12px 0 0 0;
	}				

.sidespaceAskNews {
	margin: 15px 0 0 0;
	}

.thumbsSpace {
	padding-bottom: 7px;
	}	

.thumbsX {
	float: left;
	width: 25px;
	height: 65px;
	}

.thumbsX a {	
	background:url("images/board_x_out.png") top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;	
	}
	
.thumbsX a:hover{
	background:url("images/board_x_out.png") 0 -65px no-repeat;
	}

.pUnderline {
	border-bottom: 1px #000 dashed;
	padding-bottom: 15px;
	margin-bottom: 15px; 
	}
	
.pUnderOver {
	border-bottom: 1px #000 dashed;
	border-top: 1px #000 dashed;
	padding: 10px 0 10px 0;
	margin-bottom: 15px; 
	}	
	
.news {
	border-bottom: 1px #000 dashed;
	padding-bottom: 15px;
	margin-bottom: 15px; 
	}	
	
.storeLive {
	margin: 10px 0 10px 0;
	}	

.fontSizeSixTeen {
	font-size: 16px;
	}
	
.colorRed {
	color: #b02a24;
	}	
	
.colorRedBlink {
	color: #b02a24;
	text-decoration: blink;
	}		
	
.justified {
	width: 410px;
	text-align: justify;
	font-size: 12px;
	letter-spacing: 0.05em;
	}	






/* Added 021607 mstclaire for shopping cart */

div#bothContainer {
	width: 725px;
	}
	
div#bothHeader {
	width: 695px;
	height: 30px;
	background-image: url("images/store_paper_header.png");
	padding: 80px 30px 0px 0px;
	margin: 0;
	}
	
div#bothBody {
	width: 682px;
	background-image: url("images/store_paper_repeat.png");
	background-repeat: repeat-y;
	padding: 0px 15px 0px 18px;
	}

div#bothFooter {
	width: 725px;
	height: 123px;
	background-image: url("images/store_paper_footer.png"); 
	}	

.headerNavigation {
	font-size: 10px;
}

.pageHeading {
	font-size: 16px;
	font-weight: bold;
}

h3.productName, h3.error, h3.heading {
	font-size: 14px;
	font-weight: bold;
	color: #B02A24;	
}

.error, td.headerError {
	font-weight: bold;
	color: #B02A24;	
}

.facelessLink {
	font-weight: bold;
	font-size: 9px;
	color: #B02A24;
	cursor: pointer;
	}
		
.facelessLink:hover {
	font-weight: bold;
	font-size: 9px;
	color: #000;
}

.moduleRow {
	background: #E7E7E7;
	color: #000000;
}

.moduleRowOver {
	background: #B02A24;	
	color: #FFFFFF;
}

.moduleRowSelected {	
	background: #A7A7A7;
	color: #000000;
}

.productListing-data {
	border-top: 1px solid #B02A24;
	padding: 10px 0px 10px 0px;
}

p.description {
	border: 0;
}

hr {
	border:0;
	border-top: 1px solid #B02A24;
	height: 1px;
}

.headerError {
	font-size: 14px;
	padding: 10px 10px 40px 40px;
}

.miniForm {
	width: 199px;
	height: 234px;
	background: url('/images/side_login_bg.png') no-repeat;
	padding: 5px 8px;
}

.miniForm h4 {
	margin: 4px 0px 0px 0px;
}

.miniForm input.ti {
	width: 194px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}
/* end 021607 */