/* SOLECTEK MAIN CSS ================================================== */


body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font: normal 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

a:link {
	color: #D5652B;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #D5652B;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #D5652B;
	font-weight: bold;
	text-decoration: none;
}


/* PAGE LAYOUT ================================================== */

.page-box {
	width: 855px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: auto;
}

#page-content {
	border-bottom: 1px dotted #CCC;
	overflow: auto;
}

* html #page-content {
	width: 855px;
	float: left;
}

.minheight {
	height: 250px;
}


.one-col, .two-col, .two-equal-col, .three-equal-col {
	margin: 0; padding: 0;
	width: 678px;
	float: right;
	overflow: auto;
}


.one-col {
}

.two-col {
	background: url("../images/body-bg-twocol.gif") repeat-y;
}

.two-equal-col {
	background: url("../images/body-bg-twoequalcol.gif") repeat-y;
	border-top: 1px dotted #CCC;
}

.three-equal-col {
	background: url("../images/body-bg-threeequalcol.gif") repeat-y;
}


/* HEADER ================================================== */

#header {
	margin: 10 0 5; padding: 0;
	width: 855px;
	height: 70px;
	border-bottom: 12px solid #CCC;
	
}

#solectek-logo {
	float: left;
}

#top-buttons {
	float: right;
	width: 170px;
	margin-top: 10px;
}

#top-buttons-nologin {
	float: right;
	margin-top: 30px;
}


/* NAVIGATION ================================================== */

#nav {
	width: 150px;
	margin: 0;
	padding: 0 10 5;
	float: left;
	background-color: #339;
	color: #CCC;
	font: normal normal 12px/1.5em Helvetica, Arial, sans-serif;
}

* html #nav {
	width: 170px;
}

#nav #mainmenu {
/*	border-bottom: 1px solid #CCC; */
}

#nav .menu {
	margin: 0;
}

#nav .submenu {
	margin: 0;
	border-top: 1px solid #CCC; 
}

#nav p.submenu-title {
	margin: 10 0 0 5;
}

#nav ul {
	margin: 0;
	padding: 10 0 5 10;
	list-style-type: none;
}

#nav ul li {
	margin-bottom: 5px;
}

#nav a {
	color: #FFF;
	font: bold normal 12px/1.5em Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/* TITLE AREA ================================================== */

#title-area {
	background: #FFF;
	width: 678px;
	height: 67px;
	float: right;
	clear: right;
	border-bottom: 0px dotted #AAA;
}

#title-area h1 {
	margin: 8 0 0 0; padding: 0 0 0 5;
	color: #000;
	font: bold normal 26px/1.3em Helvetica, Arial, sans-serif;
	font-weight: bold;
}


#title-area h2 {
	margin: 0 0 0 0; padding: 0 0 0 5;
	color: #333;
	font: normal normal 16px/1.3em Helvetica, Arial, sans-serif;
}

/* CENTER COLUMN ================================================== */

.one-col .content-main {
	width: 658px;
	margin: 0; padding: 0 10 10;
	float: right;
	background-color: none;
	overflow: auto;
}

* html .one-col .content-main {
	width: 678px;
}

.two-col .content-main {
	width: 465px;
	margin: 0; padding: 0 10 10;
	float: left;
}

* html .two-col .content-main {
	width: 485px;
}

.two-equal-col .content-main {
	width: 319px;
	margin: 0; padding: 0 10 10;
	float: left;
}

* html .two-equal-col .content-main {
	width: 339px;
}

.three-equal-col .content-main {
	width: 206px;
	margin: 0; padding: 0 10 10;
	float: left;
}

* html .three-equal-col .content-main {
	width: 226px;
}

.content-main h1 {
	margin: 10 0; padding: 7 5 5 5;
	color: #444;
	font: bold normal 14px/1em Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: transparent url(../images/header-bg.jpg) no-repeat scroll -210px 50%;
}

.one-col .content-main h1 {
	background: transparent url(../images/header-bg.jpg) no-repeat scroll -10px 50%;
}

.content-main h2 {
	margin: 20 0 0; padding: 0 5;
	color: #333;
	font: bold normal 13px/1em Helvetica, Arial, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #AAA;
}

.content-main h3 {
	margin: 20 0 0; padding: 0 5;
	color: #333;
	font: bold normal 13px/1em Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.content-main p {
	padding-left: 5;
	padding-right: 5;
}

.content-main li {
	padding-bottom: 10px;
}

.product-linklist {
}

.product-linklist h2 {
}

.product-linklist a p li {
	font-size: 11px;
}

.product-linklist ul.orange-arrow {
	margin-top: 10px;
	
}

p.alert {
	color: #FF0000;
	line-height: 13px;
	font-size: 10px;
}

/* RIGHT COLUMN ================================================== */

.content-sub {
	width: 179px;
	margin: 0 0 0 1; padding: 0 0 0 10;
	float: left;
	font-size: 11px;
}

.two-equal-col .content-sub {
	margin: 0; padding: 0 10 10;
	width: 319px;
	float: left;
}

.content-sub h1 {
	margin: 10 0; padding: 7 5 5 5;
	color: #444;
	font: bold normal 14px/1em Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: transparent url(../images/header-bg.jpg) no-repeat scroll -480px 50%;
}

.content-sub h2 {
	margin: 10 0 0; padding: 0 5;
	color: #333;
	font: bold normal 12px/1em Helvetica, Arial, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #AAA;
}

.content-sub p {
	margin: 5 0 20 0;
	padding-left: 5;
	padding-right: 5;
}

.content-sub .picture {
	text-align: center;
}

.content-sub .picture a {
	color: #000;
	font-size: 10px;
	line-height: 1.5em;
	font-weight: normal;
}

.content-sub ul {
	margin-left: 10px; padding-left: 10px;
	list-style-image: url("../images/orange-dot.gif");
	line-height: 1.5em;
}

.content-sub li {
	padding-bottom: 10px;
}

.content-sub .right-item {
	margin-top: 10; padding: 0;
	text-align: center;
}



/* UPCOMING EVENTS ================================================== */

.upcoming-events {
	margin: 0; padding: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.2em;
}

.upcoming-events .event-text {
	margin-bottom: 20px;
}

.upcoming-events .event-text a {
}

.upcoming-events .event-text img {
	margin-bottom: 5px;
}

/* FOOTER ================================================== */

#footer {
	width: 835px;
	margin: 0; padding: 10 10 40;
	float: left;
	font-size: 9px;
	line-height: 1.5em;
	color: #333;
}



/* SPECIFICATION TABLES ================================================== */


table.specstable {
	border-collapse: collapse;
	font: normal normal 12px/1.5em Helvetica, Arial, sans-serif;
	border: 1px solid #777;
}

table.specstable td, th {
	padding: 3px;
	border: 1px solid #777;
}

table.specstable th {
	color: #333;
	font-weight: bold;
	text-align: left;
	background-color: #9BA6BA;
}

td.specstitle {
	color: #333;
	font-weight: bold;
	background-color: #DDD;
}

td.specsval {
}

td.specsval ul {
	margin: 0 0 0 -20;
}

td.specsnote {
	font-size: smaller;
}



/* NEWS ================================================== */

#news {
	padding: 0 10 0 5;
	
}

#news .release-date {
	margin: 10 0 0 0;
	color: #D5652B;
	font-weight: bold;
	line-height: 1.2em;
}

#news .headline a {
	color: #333;
	font-weight: normal;
	line-height: 1.2em;
}

#news .headline a:hover {
	text-decoration: underline;
}

/* PRESS RELEASES ======================================== */

#pr {
}

#pr .headline, .subtitle {
	font-weight: bold;
}

#pr .headline {
	font-size: larger;
}

#pr .headline-sub {
	font-size: larger;
	font-weight: normal;
	font-style: italic;
}

#pr .prdate {
	font-style: italic;
}

/* ALLIANCES ============================================== */


.ally {
	margin: 0; padding: 5 5;
	border-bottom: 1px dotted #CCC;
	word-wrap: break-word;
}


.ally h2 {
	margin-top: 5px;
}

.ally p.logo {
	margin: 0 0 0 5px; padding: 0;
}



/* LISTS ================================================== */

ul.orange-arrow {
	margin: 0 5px;; padding: 0;
	list-style-type: none;
}

ul.orange-arrow li {
	padding-left: 20px;
	background: url('../images/arrow-orange.gif') no-repeat scroll 0px 2px;
	margin-bottom: 5px;
	line-height: 1.3em;
	vertical-align: top;
}

/* LINK LISTS ================================================== */

.link-listing {
	margin: 0; padding: 0;
	overflow: auto;
	background-color: none;
}

* html .link-listing {
	width: 100%;
	float: left;
}

.link-listing h3 {
	margin: 20 0 0; padding: 5 4 2 4;;
	color: #333;
	font: bold normal 14px/1em Helvetica, Arial, sans-serif;
	font-weight: bold;
	border: 1px solid #AAA;
	background-color: #EEE;
}

.link-listing .picture {
	margin: 0; padding: 0;
	float: left;
}

.links {
	margin: 0; padding: 5;
	float: left;
}

.one-col .content-main .link-listing .links {
	width: 568px;
	
}

.two-equal-col .content-main .link-listing .links {
	width: 230px;
}

/* HOWTOBUY =================================================== */

.howtobuy-address {
	margin-bottom: 10px;
	padding-left: 20px;
	float: left;
}

.lease-calc {
	margin-bottom: 10px;
	padding-right: 20px;
	float: right;
	text-align: center;
}

/* FORMS ================================================== */

/* howtobuy-form rules */

.howtobuy-form {
	margin: 0; padding: 0;
	border-top: 1px dotted #CCC;
}

.howtobuy-form fieldset {
	margin: 0 10 10 0; padding: 20px 20px;
	*padding-top: 0px;
	float: left;
	width: 618px;
	border: 1px dotted #CCC;
	overflow: auto;
	font-size: 11px;
	background-color: none;
	text-align: center;
}

.howtobuy-form fieldset legend {
	color: #333;
	font-weight: bold;
	background-color: white;
	*margin-bottom: 20px;
}

.howtobuy-form label {
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

.howtobuy-form label span {
	float: left;
	width: 180px;
	text-align: right;
}

.howtobuy-form .requiredfield {
	color: #A33;
	font-weight: bold;
}

.howtobuy-form fieldset p {
	margin: 0 0 10 0; padding: 0;
	text-align: center;
}

.howtobuy-form p.notes {
	font-size: smaller;
}

.howtobuy-form label, label span {
	display: block;
	padding-bottom: .25em;
}


.howtobuy-form textarea {
	display: block;
	margin: 0 auto;
	border: 1px solid #AAA
}

.howtobuy-form select, input {
	float: left;
	margin-left: 10px;
}

.howtobuy-form input {
	width: 45%;
	border: 1px solid #AAA;
}

.howtobuy-form input:hover, textarea:hover {
	border-color: #333;
}

.howtobuy-form input:active, input:focus, textarea:active, textarea:focus {
	border-color: #A33;
}

.howtobuy-form label.invalid span, #errormsg {
	color: #F00;
}

.howtobuy-form label.invalid input {
	border-color: #F00;
	background-color: #FFE;
}

.howtobuy-form input.invalid {
	border-color: #F00;
	background-color: #FFE;
}

.howtobuy-form input.button {
	width: 15em;
	border: 1px solid #AAA;
	float: none;
}

.howtobuy-form input.button:hover {
	border-color: #111;
}

.howtobuy-form input.button:active, input.button:focus {
	border-color: #A33;
}

.howtobuy-form div.form-buttons {
	display: block;
	margin: 0; padding: 0;
	text-align: center;
	clear: both;
	overflow: auto;
}

/* Support Form Rules */

.support-form {
	margin: 0; padding: 0;
	border-top: 1px dotted #CCC;
}

.support-form fieldset {
	margin: 0 10 10 0; padding: 20px 20px;
	*padding-top: 0px;
	float: left;
	width: 425px;
	border: 1px dotted #CCC;
	overflow: auto;
	font-size: 11px;
	background-color: none;
	text-align: center;
}

.support-form fieldset legend {
	color: #333;
	font-weight: bold;
	background-color: white;
	*margin-bottom: 20px;
}

.support-form label {
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

.support-form label span {
	float: left;
	width: 130px;
	text-align: right;
}

.support-form .requiredfield {
	color: #A33;
	font-weight: bold;
}

.support-form fieldset p {
	margin: 0 0 10 0; padding: 0;
	text-align: center;
}

.support-form p.notes {
	font-size: smaller;
}

.support-form label, label span {
	display: block;
	padding-bottom: .25em;
}


.support-form textarea {
	display: block;
	margin: 0 auto;
	border: 1px solid #AAA
}

.support-form select, input {
	float: left;
	margin-left: 10px;
}

.support-form input {
	width: 45%;
	border: 1px solid #AAA;
}

.support-form input:hover, textarea:hover {
	border-color: #333;
}

.support-form input:active, input:focus, textarea:active, textarea:focus {
	border-color: #A33;
}

.support-form label.invalid span, #errormsg {
	color: #F00;
}

.support-form label.invalid input {
	border-color: #F00;
	background-color: #FFE;
}

.support-form input.invalid {
	border-color: #F00;
	background-color: #FFE;
}

.support-form input.button {
	width: 15em;
	border: 1px solid #AAA;
	float: none;
}

.support-form input.button:hover {
	border-color: #111;
}

.support-form input.button:active, input.button:focus {
	border-color: #A33;
}

.support-form div.form-buttons {
	display: block;
	margin: 0; padding: 0;
	text-align: center;
	clear: both;
	overflow: auto;
}

.access-code-form-area {
	display: block;
	width: 100%;
	padding-left: 20px;
	font-weight: bold;
	color: #333333;
}

.access-code-form-area input {
	width: 12em;
	float: none;
	height: 1.5em;
}

.access-code-form-area input.button {
	width: 7em;
	height: 1.5em;
	border: 1px solid #555;
	background-color: #339;
	color: #FFFFFF;
	float: none;
}

/* General Form Rules */

.solectek-form {
	margin: 0; padding: 0;
	border-top: 1px dotted #CCC;
}

.solectek-form fieldset {
	margin: 0 10 10 0; padding: 20px 20px;
	*padding-top: 0px;
	float: left;
	width: 618px;
	border: 1px dotted #CCC;
	overflow: auto;
	font-size: 11px;
	background-color: none;
	text-align: center;
}

.solectek-form fieldset legend {
	color: #333;
	font-weight: bold;
	background-color: white;
	*margin-bottom: 20px;
}

.solectek-form label {
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

.solectek-form label span {
	float: left;
	width: 180px;
	text-align: right;
}

.solectek-form .requiredfield {
	color: #A33;
	font-weight: bold;
}

.solectek-form fieldset p {
	margin: 0 0 10 0; padding: 0;
	text-align: center;
}

.solectek-form p.notes {
	font-size: smaller;
}

.solectek-form label, label span {
	display: block;
	padding-bottom: .25em;
}


.solectek-form textarea {
	display: block;
	margin: 0 auto;
	border: 1px solid #AAA
}

.solectek-form select, input {
	float: left;
	margin-left: 10px;
}

.solectek-form input {
	width: 45%;
	border: 1px solid #AAA;
}

.solectek-form input:hover, textarea:hover {
	border-color: #333;
}

.solectek-form input:active, input:focus, textarea:active, textarea:focus {
	border-color: #A33;
}

.solectek-form label.invalid span, #errormsg {
	color: #F00;
}

.solectek-form label.invalid input {
	border-color: #F00;
	background-color: #FFE;
}

.solectek-form input.invalid {
	border-color: #F00;
	background-color: #FFE;
}

.solectek-form input.button {
	width: 15em;
	border: 1px solid #AAA;
	float: none;
}

.solectek-form input.button:hover {
	border-color: #111;
}

.solectek-form input.button:active, input.button:focus {
	border-color: #A33;
}

.solectek-form div.form-buttons {
	display: block;
	margin: 0; padding: 0;
	text-align: center;
	clear: both;
	overflow: auto;
}

/* LANDING PAGES ========================================== */
/*

.landing .two-col: 455px + 1px + 399px

*/


.landing {
	margin: 0 0 10px; padding: 0;
	overflow: auto;
	border-bottom: 1px dotted #CCC;
}

.landing #title-area {
	margin: 0; padding: 0;
	width: 855px;
	height: 123px;
}

.landing .two-col {
	margin: 0; padding: 0;
	width: 855px;
	background: url('../images/landing-body-bg.gif') repeat-y;
	overflow: auto;
}

.landing .two-col .content-main {
	margin: 0; padding: 10px;
	width: 435px;
	background-color: none;
}

.landing .two-col .content-main td {
	font: normal normal 12px/1.2em Helvetica, Arial, sans-serif; 
}

.landing .two-col .content-main td.others {
}

.landing .two-col .content-sub {
	margin: 0 0 0 1px; padding: 10px;
	width: 379px;
	background-color: none;
}

.landing .two-col .content-sub .upcoming-events-listing {
	margin: 0; padding: 0 0 10;
}

.landing .two-col .content-sub .upcoming-events {
	padding-left: 20px;
}


.landing .notes {
	font-size: smaller;
	line-height: 1.3em;
}

.landing .content-sub h1 {
	margin: 10 0; padding: 7 5 5 5;
	color: #444;
	font: bold normal 14px/1em Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: transparent url(../images/header-bg.jpg) no-repeat scroll -295px 50%;
}

.landing .content-sub .picture-area {
	margin: 10 0; padding: 10 0;
	text-align: center;
	border-top: 1px dotted #CCC;
}

/* landing form */

.landing .howtobuy-form {
	border-top: 0px;
}

.landing .howtobuy-form fieldset {
	width: 335px;
}

.landing .howtobuy-form label span {
	width: 120px;
}

/* MISC ================================================== */


.superscript {
	font-size: 0.7em;
	vertical-align: super;
	line-height: 0;
}

.subtitle {
	font-weight: bold;
}

.error-message {
	color: #F00;
}


/* CLEAR BOTH ============================= */

.clearboth {
	clear: both;
	margin: 0; padding: 0; width: 0;
}