html {
	background-color: #d3c4a1;
}

body
{
	margin: 0px;
	background-color: #D3C4A1;
	text-align: center;
}

div
{	
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #666666;
	line-height: normal;
	margin: 0 auto;
}

div.otherPhones
{
	font-size: 12px;
	color: #000000;
}

H1, H2, H3, H4,
A H1, A H2, A H3, A H4
{
	color: #333;
	margin-bottom: .2em;
}

ul
{
	margin-top: 5px !important;
	margin-top : 5px; /*Firefox*/
	margin-bottom: 15px !important;
	margin-bottom : 15px; /*Firefox*/
	
}

B
{
	color: #333;
}

A
{
	color: #666;
	text-decoration: none;
}

A:hover
{
	color: #999;
	text-decoration: underline;
}

H1
{
	margin-bottom: -10px !important;
	margin-bottom : -10px; /*Firefox*/
	margin-bottom /**/:/**/-18px; /*Explorer*/
	text-align: left;
	font-size: 1.6em;
}

H2
{
	margin-bottom: 0.8em;
	font-size: 1.27em;
}

H3, H4
{
	font-size: 1em;
}

p.helpText
{
	position:absolute;
	top: -122px !important;
	top : -122px;
	top /**/:/**/-122px;
	left: 30px !important;
	left : 30px;
	left /**/:/**/30px;
	text-align: left;
	color: RGB(0, 0, 0);
}

#container
{		
	padding: 10px;
}
#header
{
	width: 570px;
	height: 108px;
	background-image: url(../img/arlaSE/BgHeading.gif);
	background-repeat: no-repeat;
	position: relative;	
}

#footer
{
	width: 570px;
	height: 10px;
	background-image: url(../img/arlaSE/BgFooter.gif);
	background-repeat: no-repeat;
}

#content
{
	position: relative;
	width: 570px;
	height: 512px;	
	background-image: url(../img/arlaSE/BgContent.gif);
	background-repeat: repeat-y;
}

#startPageRightSide
{
	position:absolute;
	padding-left: 20px;
	padding-top: 30px;	
	top: 20px !important;
	top : 20px;
	top /**/:/**/20px;
	height : 422px;
	
	right: 20px !important;	/*Firefox*/
	right : 20px;				/*Other*/
	right /**/:/**/20px;		/*Explorer*/
									
	width: 270px !important;	/*Firefox*/
	width : 288px;				/*Other*/
	width /**/:/**/288px;		/*Explorer*/					
}
#startPageRightSideImage
{
	position:absolute;
	background: url(../img/arlaSE/BgContentFront.jpg);
    background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 30px;	
	top: 20px !important;
	top : 20px;
	top /**/:/**/20px;
	height : 452px;
	
	right: 20px !important;	/*Firefox*/
	right : 20px;				/*Other*/
	right /**/:/**/20px;		/*Explorer*/
									
	width: 270px !important;	/*Firefox*/
	width : 288px;				/*Other*/
	width /**/:/**/288px;		/*Explorer*/	
}
#menuHolderStart
{
	position: absolute;
	left: 170px !important;
	left : 170px;
	left /**/:/**/170px;
	top: 84px !important;
	top : 84px;
	top /**/:/**/84px;
	height: 24px;	
}

#menuHolderModels
{
	position: absolute;
	left: 265px !important;
	left : 265px;
	left /**/:/**/265px;
	top: 84px !important;
	top : 84px;
	top /**/:/**/84px;
	height: 24px;
}

#menuHolderFAQ
{
	position: absolute;
	left: 343px !important;
	left : 343px;
	left /**/:/**/343px;
	top: 84px !important;
	top : 84px;
	top /**/:/**/84px;
	height: 24px;
}

#startPageImage
{
	float: left;
	padding-left: 20px;
	padding-top: 30px;
	
	height: 463px !important;	/*Firefox*/
	height : 463px;				/*Other*/
	height /**/:/**/463px;		/*Explorer*/
	
	width: 227px !important;	/*Firefox*/
	width : 227px;				/*Other*/
	width /**/:/**/227px;		/*Explorer*/
	
}

#startPageText
{
	position: absolute;
	top: 55px !important;
	top : 55px;
	top /**/:/**/ 55px;
	right: 20px !important;
	right : 20px;
	right /**/:/**/20px;
	text-align: left;
	padding: 10px;		
	width: 270px;
	height: 320px;
	overflow: auto;		
}

/* -------------- */

#startPageSubmitPhone
{
	position: absolute;
	visibility: visible;

	left: 208px !important;		
	left : 190px;
	left /**/:/**/ 208px;
	width : 277px;
	top: 230px !important;
	top : 230px;
	top /**/:/**/ 230px;
}

#startPageSubmitPhone_Image
{
	position: absolute;
	top: -5px !important;
	top : -5px;
	top /**/:/**/ -5px;
	left: 22px !important;
	left : 22px;
	left /**/:/**/ 22px;
	width: 280px;
}
#startPageSubmitPhone_ImageQ
{
	display:none;
	position: absolute;
	top: 25px;
	left: 245px;
}

#startPageSubmitPhone_CodeText
{
	display: none;
}

#startPageSubmitPhone_PhoneNumberText
{
	display: none;
}

.startPageSubmitPhone_CodeInput
{
	position: absolute;
	top: 70px !important;
	top : 70px;
	top /**/:/**/70px;
	left: 56px !important;
	left : 56px;
	left /**/:/**/56px;
	width: 160px;
}

.startPageSubmitPhone_PhoneNumberInput
{
	position: absolute;
	top: 96px !important;
	top : 96px;
	top /**/:/**/96px;
	left: 56px !important;
	left : 56px;
	left /**/:/**/ 56px;
	width: 160px;
}

#startPageSubmitPhone_Submit
{
	position: absolute;
	top: 80px;
	left: 265px;
}

/* -------------- */


#startPageIntroText
{
	position: absolute;
									
	top: 470px !important;	/*Firefox*/
	top : 470px;				/*Other*/
	top /**/:/**/470px;		/*Explorer*/
	
	right: 15px;
	text-align: left;	
	width: 290px;
	
	
	overflow: hidden;		
}

#startPageDropDown
{
	position: absolute;
	
	top: 440px !important;	/*Firefox*/
	top : 440px;				/*Other*/
	top /**/:/**/440px;		
	width: 200px;	
	right : 95px;				/*Other*/			
	text-align: left;	
}

#startPageBreadText
{
	position:absolute;	
	top: 105px !important;		/*Firefox*/
	top : 105px;				/*Other*/
	top /**/:/**/105px;			/*Explorer*/
	left: 56px;
	width: 280px;
}

#FAQText
{		
	clear: both;	
	height: 380px;
	margin-right: 30px; 
	overflow: auto;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;				
}

#FAQText H2
{			
	margin-bottom: 0px;		
}

#FAQHeading
{			
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;		
}

#modelsHeader
{			
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;				
}

#modelsImages
{			
	height: 380px;
	margin-right: 30px; 
	overflow: auto;
	padding-left: 30px;
	padding-right: 30px;				
}

#ModelInfoText
{			
	height: 420px;
	margin-right: 30px; 
	overflow: auto;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;				
}

#defaultLink
{			
	margin-top: 15px;
	margin-bottom: 5px; 
	padding-left: 15px;
	background: url(../img/arlaSE/LinkIndicator.gif) left 2px no-repeat;
}

#ModelInfoText a
{			
	margin-top: 15px;
	margin-bottom: 5px; 
	padding-left: 15px;
	background: url(../img/arlaSE/LinkIndicator.gif) left 2px no-repeat;
}

#ModelInfoHeading
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
}

div.modelTitle
{
	font-weight: bold;
}

.ModelInfoImage
{
	float: right;
}

.modelsListItemText
{
	font-weight: bold;
	color: #333;	
}