/* CSS DOCUMENT */

/*-------------------------- GENERAL --------------------------*/
body {
	padding: 0; margin:0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #262626;
}
div, mg, p, a, ul, form, input, label, h2, h3 {
	padding: 0; 
	margin: 0;
}
img { 
	border: none; 
}
a { 
	outline: none; 
	text-decoration: none; 
}
ul { 
	list-style-type: none; 
}
.spacer {
	line-height: 0; 
	font-size: 0; 
	clear: both;
}
.vspacer {
	line-height: 5px;
}
.textlogo {
	font-size: 24px;
}
/*-------------------------- HEADER --------------------------*/
div#header-bg {
	background: #2B0D0A url(../images/header-bg.gif) 0 100% repeat-x;
	/* background: #2B0D0A; */
	padding: 10px 0 5px 0;
	color: #FCF7CC;
}
div#header-bg div#header {
	width: 922px; 
	margin: 0 auto;
}
div#header-bg div#header img.logo {
	float: left; 
	margin: 0 0 0 0;
}

/*-------------------------- HEADER LOGIN AREA--------------------------*/

div#header div#login-bg {
	float: right; 
	width: 450px;
	margin: 20px 0 0 0;
	background: url(../images/login-middle-bg.gif) 0 0 repeat-x;
}
div#header div#login-bg div#login-area {
	width: 450px;
	background: url(../images/login-left-bg.gif) 0 0 no-repeat;
}
div#login-bg div#login-area form {
	width: 437px; 
	height: 38px; 
	padding: 20px 0 0 15px;
	background: url(../images/login-right-bg.gif) 100% 0 no-repeat;
}
div#login-area form label {
	background: url(../images/login-icon.jpg) 0 2px no-repeat;
	line-height: 25px; 
	font-size: 14px; 
	color: #FCF7CC;
	padding: 0 0 0 30px; 
	float: left; 
	margin: 0 12px 0 0;
	background-color: inherit;
}
div#login-area form input {
	width: 100px; 
	height: 18px; 
	border: 1px solid #924A43;
	background-color: #70322C; 
	font-size: 10px; 
	color: #fff;
	line-height: 10px; 
	padding: 3px 0 0 3px; 
	float: left;
	margin: 0 8px 0 0;
}
div#login-area form input.login-btn {
	width: 52px; 
	height: 24px; 
	border: none;
	background: none; 
	padding: 0; 
	margin: 0 0 0 0;
}

/*-------------------------- TOP NAVIGATION MENU --------------------------*/
div#navigation-bg {
	height: 45px; 
	background: url(../images/navigation-bg.gif) 0 0 repeat-x;  /* original height is 66px */
}
div#navigation-bg div#navigation {
	width: 922px; 
	margin: 0 auto;
}
div#navigation ul.mainMenu {
	width: 567px;
	padding: 0; 
	float: left; 
}
div#navigation ul.mainMenu li {
	width:81px; 
	float:left;
	background:url(../images/navigation-divider.gif) 100% 0 no-repeat;
}
div#navigation ul.mainMenu li a {
	width: 80px; 
	display: block;
	line-height: 33px;
	text-align: center;
	color: #FAF0C2; 
	font-size: 11px;	
	background-color: inherit;
}
div#navigation ul.mainMenu li a:hover {
	background:url(../images/navigation-bg-selected.gif) 0 0 no-repeat;
}
div#navigation ul.mainMenu li a.selectMenu {
	width: 80px; 
	display: block;
	line-height: 33px; 
	text-align: center;
	font-weight: bold; 
	color: #FAF0C2; 
	font-size:11px;
	background: url(../images/navigation-bg-selected.gif) 0 0 no-repeat;
	background-color: inherit;
}

/*-------------------------- MAIN CONTENT SECTION - BELOW NAVIGATION --------------------------*/
div#main-content-bg {
	background: #E7DFA0 url(../images/main-content-bg.gif) 0 0 repeat-x;
	color: inherit;
}
div#main-content-bg div#main-content {
	width: 922px; 
	margin: 0 auto; 
	padding: 10px 0 10px 0;
	background: url(../images/guarantee2.jpg) 775px 0 no-repeat;
}
div#main-content p {
	width: 810px;
	color: #47481A;
	line-height: 22px;
	padding: 12px 0 0 0;
}
div#main-content h3.main-content-hdr {
	font: normal 28px/32px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #082733; 
	width: 750px; 
	height: 45px;
	background: url(../images/horz-dot.gif) 0 100% repeat-x;
	background-color: inherit;
}

div#main-content p a:link, div#main-content p a:visited  {
	color: #035ddd;
	font-weight: bold; 
	text-decoration: none;
}
div#main-content p a:hover, div#main-content p a:active {
	color: #035ddd;
	font-weight: bold; 
	text-decoration: underline;
}
/*-------------------------- MAIN CONTENT SECTION - SECOND LEVEL -------------------------- #035ddd */
div#outer-bg {
	width: 100%;
	margin: 0;
	padding: 0;
    background-color: #2B0D0A;
}   
div#outer-bg div#outer {
	width:922px; 
	margin: 0 auto;
	padding: 20px 0 5px 0;
}
div#outer p {
	color: #fff;
	line-height: 25px;
	padding: 0 0 0 50px;	
}
div#column1 {
	float: left;
	padding: 0 12px 0 0;
    /* background-color: #003300; */
}

div#column2 {
	float: left;
	padding: 0 12px;
    /* background-color: #ff9900;  */
}

div#column3 {
	float: left;
	padding: 0 12px;
    /* background-color: #000033;  */
}

div#column4 {
	float: left;
	padding: 0 12px 0 125px;
    /* background-color: #003300; */
}


.boxbody ul {
	list-style: square;
	padding: 0 0 0 20px;
	/* text-indent: 20px; */
}
.boxbody li {
	font-size: .9em;
}
.sidebox {
	margin: 20px 0; 
	width:  280px; 
	background: url(../images/right_bottom.png) no-repeat bottom right;
	font-size: 14px;
}
.sidebox1 {
	margin: 20px 0; 
	width:  150px; 
	background: url(../images/right_bottom.png) no-repeat bottom right;
	font-size: 14px;
}
.sidebox2 {
	margin: 20px 0; 
	width:  600px; 
	background: url(../images/right_bottom.png) no-repeat bottom right;
	font-size: 14px;
}
.sidebox3 {
	margin: 20px 0; 
	width:  300px; 
	background: url(../images/right_bottom.png) no-repeat bottom right;
	font-size: 14px;
}
.boxhead {
	background: url(../images/right_top.png) no-repeat top right;
	margin-bottom: -20px;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../images/left_top.png) no-repeat top left;
	margin-left: -10px;
	padding: 10px 0	10px 12px;
	color: #333; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px; */ 
	/* Safari-only, but cool */
}
.boxbody {
	background: url(../images/left_bottom.png) no-repeat bottom left;
	margin-left: -10px;
/*	padding: 15px 30px 15px 15px; */
}
.boxbody h3 {
	color: #564c66;
	padding: 0;
	margin: 0 0 0 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#outer a.more-btn{
	display:block; width:76px; height:28px; margin:5px 0 0 159px;
	background:url(../images/read-more-btn.gif) 0 0 no-repeat;
	}
div#outer a.more-btn:hover{
	background:url(../images/read-more-btn-selected.gif) 0 0 no-repeat;
	}
/* 
===================================================================================
============== FORM SECTION ==================================================
===================================================================================
*/
div#form-bg {
	background: url(../images/login-middle-bg.gif) 0 0 repeat-x;
}
fieldset {
	border: 1px solid #564c66;
	margin: 0;
	padding-bottom: 0.5em;
}
legend {
	font-size: 1.4em;
	color: #564c66;
	line-height: 1.6em;
	padding: 0.2em 0.5em;
	margin-left: 0.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input {
	padding: 4px 3px;
	font-size: 11px;
}

.formTable {
	margin-top: 0;
	line-height: 26px;
}

.formTable tr {
	line-height: 30px;
}

.errorTable tr {
	line-height: 20px;
}

.register-label { 
 	font-size: 11px;
 	font-weight: bold;
	width: 180px; 
	text-align: right;
}

.registerForm input.formbutton {
	width: 180px;
	margin: 5px 0 0 180px;
	padding: 3px 0;
	font-size: 11px;
}

.registerForm textarea {
  	font-size: 11px;
	width: 275px;
	height: 160px;
	padding: 3px 1px;
	margin: 0px;
	text-align: left;
	/* overflow: auto; */
}

.ddmenu {
	width: 270px;
	color: #fff;
	border: 3px solid #ff9900;
	background-color: #70322C;
}

.js_error {
  	font-size: 11px;
  	color: #FF0000;
 	font-weight: bold;
	padding-left: 60px;
  	display: none;
}

.formNote {
  	font-size: 11px;
 	font-weight: bold;
	margin-left: 30px;
}

.success_msg {
  	font-size: 11px;
  	color: #006600;
 	font-weight: bold;
	margin-left: 30px;
}

.error_msg {
  	font-size: 11px;
  	color: #FF0000;
 	font-weight: bold;
	margin-left: 10px;
}

.error_list {
  	font-size: 11px;
  	color: #FF0000;
 	font-weight: bold;
	margin-left: 75px;
}

/*-------------------------- FOOTER SECTION --------------------------*/
div#footer-bg {
	background: #121212 url(../images/footer-bg.gif) 0 0 repeat-x;
	color: #B3AC8B;
}
div#footer-bg div#footer-menu {
	width: 922px; 
	margin: 0 auto;
	padding: 15px 0 15px 0;
	background: url(../images/footer-logo.jpg) 100% 13px no-repeat;
}
div#footer-menu ul.footMenu {
	float: left;
	padding: 0 0 0 0;
}
div#footer-menu ul.footMenu li {
	float: left; background:url(../images/footmenu-divider.gif) 0 3px no-repeat;
}
div#footer-menu ul.footMenu li.noDivider {
	background: none;
}
div#footer-menu ul.footMenu li a {
	color: #B3AC8B; 
	font-size: 11px; 
	line-height: 16px;
	padding: 0 7px 0 7px; 
	display: block; 
	margin: 0 0 0 1px;
	background-color: inherit;
}
div#footer-menu ul.footMenu li a:hover {
	background-color: #262626;
	color: #B3AC8B;
}

.copyright {
	float: right;
	padding: 5px 0 0 7px; 
	color:#706933;
	font-size: 11px; 
	line-height:11px;
	background-color: inherit;
}
/*
div#footer-menu p.copyright {
	padding: 5px 0 0 7px; 
	color:#706933;
	font-size: 11px; 
	line-height:11px;
	background-color: inherit;
}
div#footer-menu p.copyright a {
	color: #B3AC8B;
	background-color: inherit;
}
div#footer-menu p.copyright a:hover {
	color: #706933;
	background-color: inherit;
}
*/