/* CSS Document */

/* Note: The reset for all elements are in the reset.css file. */

/* Background for the width of the page. */

a:link {
    color: #000000;
}

a:hover {
    color: #AE0701;
}

a:visited {
    color:#454545;
}


body {
	background: url(../images/body_bg2.jpg) repeat-x left top;
}
.texter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
	text-align: justify;
}

/*/////////////////////////////////*/
/* Global Structure */
/*/////////////////////////////////*/

pageWrap {
	margin: 0 auto;
}

div#header {
	margin: 0 auto;
	margin-top: 6px;
	width: 800px;
	height: 99px;
}

/* Header Logo */

div#header h1 {
	width: 297px;
	height: 99px;
	float: left;
	display: inline;
}

div#header h1 a {
	width: 297px;
	height: 99px;
	background: url(../images/logo.jpg) no-repeat;
	display: block;
}

div#header h1 a span {
	display: none;
}
div#header2 {
	margin: 0 auto;
	margin-top: 6px;
	width: 800px;
	height: 99px;
}

/* Header Logo */

div#header2 h1 {
	width: 297px;
	height: 99px;
	float: left;
	display: inline;
}

div#header2 h1 a {
	width: 297px;
	height: 99px;
	background: url(../solar/images/art/mc4logo.jpg) no-repeat;
	display: block;
}

div#header2 h1 a span {
	display: none;
}
/* Signup Updates Form */

div.updates {
	width: 390px;
	height: 99px;
	float: right;
	display: inline;
}

div.updates form {
	padding-top: 30px;
	overflow: hidden;
}

div.updates form p {
	margin-bottom: 12px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

div.updates form label {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5A5A5A;
	float: left;
	display: inline;
}

div.updates form #email, div.updates form #name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	border: 1px solid #C1C1C1;
	background: #FFFFFF;
	width: 96px;
	float: left;
	display: inline;
}

div.updates form #btn {
	margin-top: -3px;
	margin-left: 10px;
	margin-right: 25px;
	width: 39px;
	height: 28px;
	float: right;
	display: inline;
}

/* Top Navigation */

div#topNav {
	margin: 0 auto;
	width: 800px;
	height: 38px;
}

div#topNav ul#nav {
	list-style: none;
}

div#topNav ul#nav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 38px;
	text-align: center;
	float: left;
	display: inline;
}

div#topNav ul#nav li a {
	color: #FFFFFF;
	text-decoration: none;
}

div#topNav ul#nav li#nav-home a {
	width: 66px;
	height: 38px;
	background: url(../images/home-btn.jpg) no-repeat;
	display: block;
}

div#topNav ul#nav li#nav-about a {
	width: 82px;
	height: 38px;
	background: url(../images/about-btn.jpg) no-repeat;
	display: block;
}

div#topNav ul#nav li#nav-card a {
	width: 82px;
	height: 38px;
	background: url(../images/card-btn.jpg) no-repeat;
	display: block;
}

div#topNav ul#nav li#nav-order a {
	width: 106px;
	height: 38px;
	background: url(../images/order-btn.jpg) no-repeat;
	display: block;
}

div#topNav ul#nav li#nav-press a {
	width: 104px;
	height: 38px;
	background: url(../images/press-btn.jpg) no-repeat;
	display: block;
}

div#topNav ul#nav li#nav-faq a{
	width: 51px;
	height: 38px;
	background: url(../images/faq-btn.jpg) no-repeat;
	display: block;
}


div#topNav ul#nav li#nav-products a {
	width: 89px;
	height: 38px;
	background: url(../images/products-btn.jpg) no-repeat;
	display: block;
}

div#topNav ul#nav li#nav-distribute a {
	width: 112px;
	height: 38px;
	background: url(../images/distribute-btn.jpg) no-repeat;
	display: block;
}

div#topNav ul#nav li#nav-contact a {
	width: 108px;
	height: 38px;
	background: url(../images/contact-btn.jpg) no-repeat;
	display: block;
}

/* Menu Hover State */

div#topNav ul#nav li#nav-home a:hover {
	background:url(../images/home-btn.jpg) no-repeat 0 -38px;
}	

div#topNav ul#nav li#nav-about a:hover {
	background: url(../images/about-btn.jpg) no-repeat 0 -38px;
}

div#topNav ul#nav li#nav-card a:hover {
	background:url(../images/card-btn.jpg) no-repeat 0 -38px;
}

div#topNav ul#nav li#nav-order a:hover {
	background: url(../images/order-btn.jpg) no-repeat 0 -38px;
}

div#topNav ul#nav li#nav-press a:hover {
	background: url(../images/press-btn.jpg) no-repeat 0 -38px;
}

div#topNav ul#nav li#nav-faq a:hover {
	background: url(../images/faq-btn.jpg) no-repeat 0 -38px;
}

div#topNav ul#nav li#nav-products a:hover {
	background: url(../images/products-btn.jpg) no-repeat 0 -38px;
}

div#topNav ul#nav li#nav-distribute a:hover {
	background: url(../images/distribute-btn.jpg) no-repeat 0 -38px;
}

div#topNav ul#nav li#nav-contact a:hover {
	background: url(../images/contact-btn.jpg) no-repeat 0 -38px;
}

/* Body Active State */

body#home ul#nav li#nav-home a {
	background:url(../images/home-btn.jpg) no-repeat 0 -38px;
}

body#about ul#nav li#nav-about a {
	background:url(../images/about-btn.jpg) no-repeat 0 -38px;
}

body#card ul#nav li#nav-card a {
	background:url(../images/card-btn.jpg) no-repeat 0 -38px;
}

body#order ul#nav li#nav-order a {
	background:url(../images/order-btn.jpg) no-repeat 0 -38px;
}

body#press ul#nav li#nav-press a {
	background:url(../images/press-btn.jpg) no-repeat 0 -38px;
}

body#faq ul#nav li#nav-faq a {
	background:url(../images/faq-btn.jpg) no-repeat 0 -38px;
}

body#products ul#nav li#nav-products a {
	background:url(../images/products-btn.jpg) no-repeat 0 -38px;
}

body#distribute ul#nav li#nav-distribute a {
	background:url(../images/distribute-btn.jpg) no-repeat 0 -38px;
}

body#contact ul#nav li#nav-contact a {
	background:url(../images/contact-btn.jpg) no-repeat 0 -38px;
}


/* Sub Section */

div#subSection {
	margin: 0 auto;
	width: 847px;
	height: 125px;
	background: url(../images/subSection_right_bg2.jpg) no-repeat right;
	overflow: hidden;
}

div#subSection .subText {
	width: 515px;
	height: 125px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	background: url(../images/subSection_text_bg2.jpg) no-repeat left;
	overflow: hidden;
}

div.subText h1 {
	padding-top: 35px;
	padding-left: 45px;
	font-size: 24px;
	font-weight: bolder;
	color: #2E2D2A;
}

div.subText h1 i {
	color: #000000;
}

/* Content Section */

div#mainWrap {
	margin: 0 auto;
	margin-top: 10px;
	width: 800px;
	background: url(../images/content_bg_repeat-y.jpg) repeat-y top left;
	overflow: hidden;
}

div#mainWrap .mainOuter {
	width: 800px;
	background: url(../images/mainOuter_bg_top.jpg) no-repeat top;
	overflow: hidden;
}

div#mainWrap .mainInner {
	width: 800px;
	background: url(../images/mainInner_bg_bottom.jpg) no-repeat bottom;
	overflow: hidden;
}


/* Content Section 2 */

div#mainWrap2 {
	margin: 0 auto;
	margin-top: 10px;
	width: 800px;
	overflow: hidden;
}

div#mainWrap2 .mainOuter {
	width: 800px;
	background: url(../images/mainOuter_bg_top.jpg) no-repeat top;
	overflow: hidden;
}

div#mainWrap2 .mainInner {
	width: 800px;
	background: url(../images/mainInner_bg_bottom.jpg) no-repeat bottom;
	overflow: hidden;
}



/* Sidebar */

div.sidebar {
	margin-left: 16px;
	width: 221px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	display: inline;
}

div.sidebar h2 {
	padding-top: 2px;
	padding-left: 30px;
	margin-bottom: 10px;
	height: 39px;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 39px;
	background: url(../images/sidebar_h2_bg.jpg) no-repeat;
}

#leftproducts {
	margin-bottom: 10px;
	margin-left: 10px;
	list-style: none;
}

#leftproducts h3 {
	padding-left: 25px;
	line-height: 2em;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	background: url(../images/arrow_icon.jpg) no-repeat 0 0.35em;
	vertical-align: middle;
	cursor: pointer;
    text-decoration: underline;
}

#leftproducts h3.selected{
	background: url(../images/active_arrow_icon.jpg) no-repeat 0 0.35em;
	vertical-align: middle;
}

#leftproducts ul {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-weight: normal;
	list-style: none;
	display: none;
}

#leftproducts ul li {
	padding-left: 15px;
	font-size: 11px;
	line-height: 1.7em;
	font-weight: normal;
	text-transform: none;
	background: url(../images/bullet_icon.jpg) no-repeat left center;
	vertical-align: middle;
}

/* Content */

div.content {
	width: 536px;
	float: right;
	display: inline;
	
}

div.content table tr td.center {
text-align:center
}
div.content table tr td.middle {
text-align:center;
vertical-align:middle
}
div.content table tr td img.center {
text-align:center
}

div.content h2 {
	padding-top: 2px;
	padding-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 38px;
	background: url(../images/content_h2_bg.jpg) no-repeat;
}

div.content p {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
	text-align: justify;
}

div.content p.left {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
	text-align: left;
}

div.content p.center {
	text-align: center;
}

div.content img.right {
	float: right;
}

div.content img.left {
	float: left;
}

div.content span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
}

div.content span.normal {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
	text-align: justify;
}

div.content span.right {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
	float: right;
}

div.content .product {
	margin-top: 15px;
	width: 177px;
	float: left;
	display: inline;
	margin-right: 1px;
}

div.content .product h3 {
	padding-top: 8px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #454545;
	text-align: center;
	background: #E1E1E1;
}


/* Content 2 */

div.content2 {
	width: 800px;
	display: inline;
	
}

div.content2 form #category, div.content2 form #product, div.content2 form #q {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #C1C1C1;
	background: #FFFFFF;
}

div.content2 h2 {
	padding-top: 2px;
	padding-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 38px;
	background: url(../images/content_h2_bg.jpg) no-repeat;
}

div.content2 h2.wider {
	padding-top: 2px;
	padding-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 38px;
	background: url(../images/content_h2_bg_wider.jpg) no-repeat;
}

div.content2 p {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
	text-align: justify;
}

div.content2 form {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
	text-align: justify;
}

div.content2 p.center {
	text-align: center;
}

div.content2 img.right {
	float: right;
}

div.content2 img.left {
	float: left;
}

div.content2 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	line-height: 1.8em;
}

div.content2 .product {
	margin-top: 15px;
	width: 177px;
	float: left;
	display: inline;
	margin-right: 1px;
}

div.content2 .product h3 {
	padding-top: 8px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #454545;
	text-align: center;
	background: #E1E1E1;
}


/* Footer Section */

div#footerWrap {
	margin: 0 auto;
	margin-top: 10px;
	width: 847px;
	border: 1px solid #CBCBCB;
	height: 115px;
	background: #D2D2D2;
}

div#footerWrap h4 {
	padding-top: 2px;
	padding-right: 25px;
	line-height: 2.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #656565;
	text-transform: uppercase;
	text-align: right;
	background: #E1E1E1 url(../images/vendors_arrow_bg.jpg) no-repeat right;
	border-bottom: 1px solid #CBCBCB;
}

/* Copyright Section */

div#copyrightWrap {
	width: 100%;
	height: 38px;
	background: url(../images/copyright_bg_repeat-x.jpg) repeat-x left;
}

div#copyrightWrap .copyright {
	margin: 0 auto;
	width: 849px;
	height: 38px;
	text-align: right;
	background: url(../images/copyright_bg.jpg) repeat-x left;
}

div#copyrightWrap .copyright p {
	padding-right: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 38px;
}