html, body 
{
	font-family: verdana, Arial, Helvetica;
	font-size:62.5%;
	color: #000000;
	margin: auto;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	background-color: #4D0619;	
	background-image: url(../images/BGMain.jpg);
	background-position: top;
	background-attachment:fixed;
	background-repeat: repeat-x;
}


	
.ListImage
{
width: 100px;
float:left;
height: 106px;
border: 0px;	
margin-right: 20px;
	
	}
	
.ListItemContent{
float: right;
width: 540px;	
font-size: 9px;
margin-bottom: 30px;
min-height: 120px;
	}
	
.pos {  position: absolute; z-index: 0; left: 0px; top: 0px; vertical-align:top;}

/* sandbag divs */
#sb1, #sb2, #sb3,
#sb4, #sb5 {
float: left;
clear: left;
}
#sb1 {width: 280px; height: 1em;}
#sb2 {width: 285px; height: 1em;}
#sb3 {width: 290px; height: 1em;}
#sb4 {width: 295px; height: 1em;}
#sb5 {width: 295px; height: 100px;}
/* end sandbag-divs */


ul 
{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

A.TitleLink:link, A.TitleLink:visited, A.TitleLink:hover, A.TitleLink:active  
{ 
	font-size: 1.1em;
	font-family: verdana, Arial, Helvetica;
	font-weight: bold;
	color: #A72748;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: none;
	

}

 A.TitleLink:hover
 {
	text-decoration: underline;
	
	}
	
	
A:link, A:visited, A:hover, A:active  
{ COLOR: #4f3d25; font-size: 1em; font-family: verdana, Arial, Helvetica;  TEXT-DECORATION: underline;}



#GlobalUI
{
	width: 760px; 
	margin: auto;
	height: auto;
	
}

h1 
{
	font-size: 2.6em;
	font-family: verdana, Arial, Helvetica;
	font-weight:lighter;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2
{
	font-size: 2.6em;
	font-family: verdana, Arial, Helvetica;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;

}

h3
{
	font-size: 1.1em;
	font-family: verdana, Arial, Helvetica;
	font-weight: bold;
	color: #A72748;
	margin-top: 0px;
	margin-bottom: 10px;

}



h4
{
	font-size: 9px;
	font-family: verdana, Arial, Helvetica;
	font-weight:lighter;
	color: #A72748;
	margin-top: 0px;
	margin-bottom: 10px;

}


#ImgAndBorder
{
	float:left;
	padding-bottom: 23px;
	width: 402px;
	margin-top: -10px;
	background-image: url("../images/BoxShadowBottom.gif");
	background-position: left bottom;
	background-repeat:no-repeat;
	height: 100%;
}


#FloatRight
{
	float:right;
	}
	
#FloatLeft
{
	float:left;
	}


.FloatRight
{
	float:right;
	}
	
.FloatLeft
{
	float:left;
	}


#PageHeader

{
	
	height: 25px;
	font-family: verdana, Arial, Helvetica;  
	background-color: #73112A;
	vertical-align:middle;
	padding: 9px 20px 3px 20px;
	border-bottom: solid 1px #4D0719;
	background-image: url(../images/headerBG.jpg);
	background-repeat: repeat-y;
	}


#PageHeaderHome

{
	
	height: 38px;
	width: 430px;
	font-family: verdana, Arial, Helvetica;  
	background-color: #73112A;
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 1px #4D0719;
	margin-left: 300px;
	background-image: url(../images/headerBG.jpg);
	background-position: right;
	background-repeat: repeat-y;
	}	
	
	#HomeIntro
	{
		font-family: verdana, Arial, Helvetica;  
		color: #000000;
		font-size: 1.8em;
		padding-top: 0px;
		padding-right:0px;
		height: 415px;
		float:left; 
		background-image: url(../images/HomeMainLeft.jpg); 
		background-position: left top; 
		background-repeat:no-repeat;
		
		}

#line
{
	height: 3px;
	width: auto;
	background-image: url("../images/MultiLine.gif");
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #4D0719;

}

#Line1px
{
	height: 1px;
	width: auto;
	background-image: url("../images/MultiLine.gif");
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

.Line1px
{
	height: 1px;
	width: auto;
	background-image: url("../images/MultiLine.gif");
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

#Line2px
{
	height: 2px;
	width: auto;
	background-image: url("../images/MultiLine.gif");
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}



#content
{
	float:left;
	width: 700px;
	padding: 20px 20px 0px 20px;
	border-left: solid 10px #939FAF;
	border-right: solid 10px #939FAF;
	background-color:#F9F9F9;
	height:inherit;	
	padding-bottom: 5px;
	background-image: url("../images/ContentBG.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	}
	
	
#contentHome
{
	float:left;
	width: 730px;
	height: 480px;
	padding: 0px 0px 0px 10px;
	border-left: solid 10px #939FAF;
	border-right: solid 10px #939FAF;
	height:auto;	
	background-image: url("../images/HomeMainBG.jpg") ;
	background-position: 330px 40px;
	background-color: #FFF;
	background-repeat: repeat-y;
	margin-bottom: -12px;
	position:relative;
	z-index: 99;
	}	
	
.MotorPic
	{
	font-size: 0.9em;
	color: #666666;	
	float: left;
	width: 125px;
	height: 215px;
	padding-right: 5px;
		}
		
		
.ActionPic
	{
	font-size: 0.9em;
	color: #666666;	
	float: left;
	width: 160px;
	height: 180px;
	padding-right: 5px;
	padding-left: 5px;
		}	
		
	.ActionPic2
	{
	font-size: 0.9em;
	color: #666666;	
	float: left;
	width: 120px;
	height: 180px;
	padding-right: 5px;
	padding-left: 5px;
		}	
	
#ContentMotor
{
	float: left;
	padding-top: 20px;
	font-size: 1.7em;
	padding-left: 20px;
	width: 530px;
	position: relative;
	
	}
	
	
	
#ContentFabrics
{
	float: left;
	padding-top: 10px;
	font-size: 1.7em;
	margin-left: 20px;
	width: 530px;
	}	
	
#ContentFoamsAndFillings
{
	float: left;
	padding-top: 10px;
	font-size: 1.7em;
	margin-left: 20px;
	width: 530px;
	}		

	
#ContentFabrics p
{
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.StyleRepeaterWidth
{ width: 550px; }
	
	
.InfoPanel
{
	width: 145px;
	float: right;
	font-size: 1.7em;
	margin-top: 10px;
	color: #666666;
	}
	
.InfoPanel p
{
	font-size: 0.9em;
	margin-bottom: 13px;
	}

.Border
{
	border-left: solid 10px #939FAF;
	border-right: solid 10px #939FAF;
	
	}
	
.ImgBorder
{
border: solid 1px #666666;
}
	
	
p { margin-top: 0px; margin-bottom: 5px;}



.boxHome
{
	float: left;
	background: url(../images/BoxBL.gif) no-repeat left bottom;	
	margin-bottom:40px;
	margin-right: 10px;
	}


.box
{
	font-size: 1.7em;
	float: left;
	background: #E1DACA url(../images/BoxBL.gif) no-repeat left bottom;	
	margin-bottom:10px;
	margin-right: 10px;
	}

.box-outer
{
	background: url(../images/BoxBR.gif) no-repeat right bottom; 
	padding-bottom: 2px;
	
	}
.box-inner
{

	background: url(../images/BoxTL.gif) no-repeat left top; 
	
	}
	
.box h2
	{
	background: url(../images/BoxTR.gif) no-repeat right top;	
	padding-top: 2px;	
	
	}
	
.box h2, .box p
	{
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	}
	
	
.FoamBox
	{	
		font-size: 0.9em;
		color: #666666;
		width: 260px;
		height: 80px; 
		float: left; 
		margin-bottom: 25px;
		margin-right: 3px;
		
		}
		
.AccessoryBox
	{	
		font-size: 0.9em;
		color: #666666;
		width: 250px;
		height: 80px; 
		float: left; 
		margin-right: 3px;
		border: solid 1p red;
		
		}	
/* Centering Text in DIV */	
	
.outer { overflow: hidden; position: relative;}
.outer[id] {display: table; position: static;}

.middle {position: absolute; top: 50%;} /* for explorer only*/
.middle[id] {display: table-cell; vertical-align: middle; position: static;}

.inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */


.DistributorList

	{
	height:16px;
	color: #666666;
	width: 100%;
	font-size: 1.7em;
	border: solid 1px #D8D8D8;
	background-color: #FFF;
	padding-top: 2px;
	font-family: verdana, Arial, Helvetica;
	margin-bottom: 3px;
	cursor:default;
	border-left: solid 5px #BFBFBF;
	}


/*/////////////// CONTACT US FORM /////////////////*/


#ContactUs
{
	width: 350px;	
	margin-left: 175px;
	font-size: 1.7em; 
	color: #666666;
	}
	

.contactTextBox, .contactCommentsBox

{	width:300px; 
	background-color: #FFF; 
	border: solid 1px #999999; 
	margin-top: 3px;
	height: 14px;
	padding-left: 5px;
	}

.FirstName, .LastName

{	width: 300px; 
	background-color: #FFF; 
	border: solid 1px #999999; 
	margin-top: 3px;
	height: 14px;
	padding-left: 5px;
	}
	
.contactSubmit { background-color: #A59D90; color: #FFF; font-size:11px; border: 0px; float: right; margin-top: 20px; height: 20px; font-weight:bold;}
.contactCommentsBox { height: 100px;}

fieldset
{
padding-right:12px;
border:none;
}	

label
{
float:left;
width:200px;
margin-top:8px;
}

.DealerDisplayBox
{
	 padding: 5px; 
	 vertical-align:top;
	
	}
	
.DealerInfoPanel
{
	width: 145px;
	float: right;
	font-size: 1.7em;
	margin-top: 10px;
	color: #A72748;
	font-size: 1.4em;
}

.DealerInfoPanel p
{

	margin-bottom: 3px;
	
	}


.DealerEditBox
{ 

	 vertical-align:top;
	 font-size: 1.2em;
	 font-family: Arial;
	 background-color: #FFF;

	 }

.DealerDisplayBoxYES, .DealerDisplayBoxYES, .DealerDisplayBoxYEs, .DealerDisplayBoxYes, .DealerDisplayBoxyes, .DealerDisplayBoxyeS, .DealerDisplayBoxyES
{
	color:Green;
	font-weight: bold;
	float: left;
	}	 

.DealerDisplayBoxNO, .DealerDisplayBoxNo, .DealerDisplayBoxno, .DealerDisplayBoxnO
{
	color: #A72748;
	font-weight: bold;
	}	 

/*//////////// Classes to hide and diplay list items in the Dealer list  //////////*/	 
.YES, .YEs, .Yes, .yes, .yeS, .yES
{
	display:block;
	float: left;	
	}
	
.NO, .No, .no, .nO

{
	display:none;
	float: left;
	}