@charset "UTF-8";
* {
	margin: 0; 
	padding: 0;
}
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000000;
}
.lasan_styles #container {
	width: 751px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.lasan_styles #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 248px;
	padding-left: 20px;
	height: 1136px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #67602D;
}
.logo {
	margin-top: 85px;
	padding-bottom: 20px;
}
.brands {
	padding-top: 660px;
	padding-right: 100px;
	padding-left: 20px;
}
.sml_logos {
	padding-left: 200px;
}
.lasan_styles #mainContent {
	width: 413px;
	margin-left: 268px;
	background-repeat: no-repeat;
	height: 1050px;
	background-color: #FFFFFF;
	padding-top: 86px;
	padding-right: 50px;
	padding-left: 20px;
} 
ul {
	padding-left: 10px;
}
.images {
	border: 1px solid #675F2D;
	margin-right: 15px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #999999;
	padding-bottom: 4px;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
}
.headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #665F2C;
	letter-spacing: -1pt;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #67602D;
	padding-bottom: 1px;
	text-transform: lowercase;
}
#footer {
	height: 75px;
	margin-top: 4px;
	border: 1px solid #67602D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6.5pt;
	font-weight: normal;
	color: #67602D;
	padding-left: 20px;
	padding-top: 5px;
	margin-bottom: 10px;
}
#footer a:link {
	color: #67602D;
	font-weight: bold;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:active {
	color: #67602D;
}
#footer a:visited {
	color: #67602D;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.divider {
	padding-top: 180px;
	padding-bottom: 20px;
}
.flashmovie {
	margin-top: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 110%;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 110%;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 110%;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
.sub_headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #686868;
	padding-bottom: 10px;
	letter-spacing: -1px;
}
.brand_logos {
	float: left;
	padding-right: 10px;
}
.brands_text {
	font-size: 65%;
	color: #838383;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.buttons {
	background-color: #FFFFFF;
	border: 1px solid #665F2D;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #6D6D6D;
	font-size: 9px;
}
form {
	padding-top: 10px;
}
#mainContent a:link {
	font-size: 80%;
	color: #67602D;
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent a:hover {
	color: #67602D;
	text-decoration: underline;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent a:visited {
	color: #67602D;
	text-decoration: none;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent a:active {
	color: #67602D;
	text-decoration: none;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}
.awardslist {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 70%;
	padding-bottom: 5px;
}

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #67602D;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #67602D;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #CCCCCC;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #CCCCCC;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFFF;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: #67602D !important;
}