/*
Theme Name: US Solar
Theme URI: http://i-tul.com
Description: US Solar wordpress theme
Author: I-Tul Design & Software, Inc.
Version: 1.0
Tags: i-tul, ussolar
*/

@charset "utf-8";
/* CSS Document */
body {font: normal 12px Arial, Helvetica, sans-serif; background:#dddddd url(images/bg.gif) repeat-x 0 0; color:#000;}
*{margin:0; padding:0}
*:focus  { outline: none }
.clear {clear:both}
.curv {float:left;}
.curv img{float:left;}
fieldset {border:none}
img {border:none}
a {text-decoration:underline}
a:hover {text-decoration:none}


#main {width:100%; float:left; background:url(images/top_bg.gif) no-repeat center top; padding-bottom:33px;}
#wrapper {width:982px;margin:0 auto;}


#header {float:left;width:982px;}
#header .logo {float:left; margin:27px 0 0 56px; display:inline;}
#header .logo img {	float:left;}
#header .top_right_container {float:right;width:auto; padding:22px 31px 0 0; text-transform:uppercase; font-size:16px; line-height:normal; color:#5e5e5e;}


#menu {float:right;	width:642px; margin-top:14px; height:55px;}
#menu img{float:left;}
#menu ul{float:left; list-style:none;background:url(images/menu_bg.png) repeat-x 0 0;}
#menu ul li {float:left; font-size:12px; height:55px; line-height:42px; padding:0 2px 0 0; text-transform:uppercase; background:url(images/menu_sep.gif) no-repeat 0 5px;}
#menu ul li.first{background:none;}
#menu ul li a {float:left; height:55px; padding:0 16px; color:#424242; text-decoration:none;}
#menu ul li a:hover {float:left; height:55px; background:url(images/menu_active.gif) no-repeat center bottom; padding:0 16px; color:#0032cf; text-decoration:none;}
#menu ul li.current_page_item a, #menu ul li.current_page_ancestor a{float:left; height:55px; background:url(images/menu_active.gif) no-repeat center bottom; padding:0 16px; color:#0032cf; text-decoration:none;}
#menu ul li.current_page_item a:hover, #menu ul li.current_page_ancestor a:hover {float:left; height:55px; background:url(images/menu_active.gif) no-repeat center bottom; padding:0 16px; color:#0032cf; text-decoration:none;}






#top_container{float:left; width:982px; margin-top:20px; background:url(images/top_container_bg.gif) repeat-y 0 0;}
#top_container .top_content_container{float:left; width:982px; background:url(images/top_container_bottom_bg.gif) no-repeat left bottom; height: 325px;}
#top_container .top_content_container h1{float:left; width:931px; margin:24px 0 0 51px; display:inline;}
#top_container .top_content_container h1 img{float:left;}


#top_container .top_content_container .left_nav{float:left; width:238px; margin:34px 0 0 45px; display:inline;}
#top_container .top_content_container .left_nav ul{float:left; width:217px; list-style:none;}
#top_container .top_content_container .left_nav ul li{float:left; width:217px; height:32px; line-height:32px; text-transform:uppercase; font-size:13px; color:#113f75; font-weight:bold;}
#top_container .top_content_container .left_nav ul li a{float:left; width:197px; padding:0 0 0 20px; color:#113f75; height:32px; text-decoration:none;background:url(images/li_sep.gif) no-repeat left bottom;}
#top_container .top_content_container .left_nav ul li a:hover{float:left; width:197px; padding:0 0 0 20px; background:url(images/anchor_hover_bg.gif) no-repeat 0 0; color:#fff; height:32px; margin-top:-2px;}
#top_container .top_content_container .left_nav ul li.active a{float:left; width:197px; padding:0 0 0 20px; background:url(images/anchor_hover_bg.gif) no-repeat 0 0; color:#fff; height:32px; margin-top:-2px;}
#top_container .top_content_container .left_nav ul li.active a:hover{float:left; width:197px; padding:0 0 0 20px; background:url(images/anchor_hover_bg.gif) no-repeat 0 0; color:#fff; height:32px; margin-top:-2px;}




#left_column {
	width: 240px;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

#left_column .gray_box {
	background: url('images/left_column_gray_top.gif') no-repeat;
	padding: 20px;
}

#left_column .gray_box_bottom {
	background: url('images/left_column_gray_top.gif') bottom left no-repeat;
	height: 12px;
	margin-bottom: 20px;
}


#left_column h1 {
	font-size: 15px;
	color: #6b6b6b;
	text-transform: uppercase;
}

#left_column h2 {
	font-size: 17px;
	color: #855b00;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	padding-bottom: 4px;
}

#left_column h3 {
	font-size: 14px;
	color: #855b00;
	text-transform: uppercase;
	margin-top: 10px;
}

#left_column p {
	margin: 10px 0 0 0;
	line-height: 1.6em;
	color: #282829;
}

#left_column p a {
	color: #0d32b4;
	text-decoration: none;
}

#left_column ul {
	margin: 8px 0 0 0;
}

#left_column ul li {
	list-style: none;
	padding: 3px 0;
}

#left_column ul li a {
	color: #000;
	text-decoration: none;
}

#left_column ul li a:hover {
	text-decoration: underline;
}




#left_column .subnav {
	margin: 0;
}

#left_column ul.subnav li {
	position: relative;
	height: 32px;
}

#left_column ul.subnav li a {
	line-height: 40px;
	color: #25609a;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	left: -25px;
	width: 256px;
	padding-left: 30px;
}

#left_column ul.subnav li.current_page_item a {
	background: url('images/sub_nav_selected.png') no-repeat;
	color: #FFF;
}



/* RIGHT COLUMN */
#right_column {
	margin-left: 252px;
	margin-top: 25px;
}






/* RIGHT COLUMN TABS */
/*
#right_column #content_tabs {
	list-style: none;
	height: 26px;
}

#right_column #content_tabs li {
	display: inline;
	
}

#right_column #content_tabs li a {
	background: url('images/content_tab_inactive.gif') top left no-repeat;
	padding-left: 20px;
	text-decoration: none;
	padding: 16px 0 10px 25px;
	border-bottom: 1px solid #b5b5b5;
}

#right_column #content_tabs li a span {
	background: url('images/content_tab_inactive.gif') top right no-repeat;
	font-size: 14px;
	text-transform: uppercase;
	color: #4c4c4c;
	font-weight: bold;
	text-decoration: none;
	padding: 15px 25px 10px 0;
	border-bottom: 1px solid #b5b5b5;
}

#right_column #content_tabs li.active a {
	background: url('images/content_tab_selected.gif') top left no-repeat;
	border-bottom: 1px solid #FFF;
}

#right_column #content_tabs li.active a span {
	background: url('images/content_tab_selected.gif') top right no-repeat;
	border-bottom: 1px solid #FFF;
}*/
#right_column #content_tabs a
{
color: #000;
background: url('images/content_tab_inactive.gif') top left no-repeat;
text-decoration: none;
padding-left: 20px
}

#right_column #content_tabs a span
{
background: url('images/content_tab_inactive.gif') top right no-repeat;
padding-right: 20px;
line-height: 38px;
	font-size: 14px;
	text-transform: uppercase;
	color: #4c4c4c;
	font-weight: bold;
}

#right_column #content_tabs a, #right_column #content_tabs a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#right_column #content_tabs a, #right_column #content_tabs a span
{
float: none
}
/* End hide */

#right_column #content_tabs li.active a
{
color: #fff;
background: url('images/content_tab_selected.gif') left top no-repeat;
padding-left: 20px
}

#right_column #content_tabs li.active a span
{
background: url('images/content_tab_selected.gif') right top no-repeat;
padding-right: 20px;
line-height: 39px;
}

#right_column #content_tabs
{
list-style: none;
padding: 0;
margin: 0;
height: 38px;
}

#right_column #content_tabs li
{
float: left;
margin: 0 4px 0 0;
} 
/* END RIGHT COLUMN TABS */












#right_column .box {
	background: url('images/two_column_content_background.gif') no-repeat;
	padding: 30px 30px;
}

#right_column .box_bottom {
	background: url('images/two_column_content_background.gif') bottom left no-repeat;
	height: 12px;
}

#right_column .box h1 {
	font-size: 30px;
		line-height: 30px;
	width: 660px;
	padding: 0 0 10px 0;
	float: left;
}

#right_column .box h4 {
	font-size: 19px;
	font-weight: normal;
	color: #996c0b;
	margin: 10px 0;
	line-height: 26px;
}

#right_column .box h5 {
	font-size: 14px;
	text-transform: uppercase;
	color: #996c0b;
	margin: 10px 0 0 0;
	line-height: 26px;
}

#right_column .box p, #right_column .box {
	line-height: 20px;
}

.columns td {
	padding-right: 20px;
}

#right_column .box ul {
	margin: 10px 0 10px 15px;
}




#top_container .top_content_container .tab_box{float:left; width:655px; margin:34px 0 0 0;}
#top_container .top_content_container .tab_box h3 {
	padding-left: 5px;
	color: #454545;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
}
#top_container .top_content_container .tab_box p {
	padding:6px 0 0 5px;
	color:#282829;
	font-size:15px;
	line-height:22px;
}
#top_container .top_content_container .tab_box ul {
	list-style-position: outside;
	padding-bottom: 1em;
	padding-left: 16px;
}
#top_container .top_content_container .tab_box .left {
	float:left;
	width:333px;
}
#top_container .top_content_container .tab_box .right {
	float: left;
	font-size: 15px;
	line-height: 22px;
	padding: 6px 0 0 20px;
}
#top_container .top_content_container .financing_box .btn{float:left; margin-top:15px;}
#top_container .top_content_container .financing_box .btn img{float:left; margin-top:15px;}

#top_container .top_content_container .financing_box{float: left; width:368px;}
#top_container .top_content_container .financing_box h3{float:left; width:363px;}
#top_container .top_content_container .financing_box p{float:left; width:333px; padding:6px 0 0 5px; color:#282829; font-size:15px; line-height:22px;}
#top_container .top_content_container .financing_box .btn{float:left; margin-top:15px;}
#top_container .top_content_container .financing_box .btn img{float:left; margin-top:15px;}

#top_container .top_content_container .tab_box .free_training .left img {
	margin-top: 0.5em;
}
#top_container .top_content_container .tab_box .free_training .right {
	width: 260px;
}
#top_container .top_content_container .tab_box .brands .left {
	width: 260px;
}
#top_container .top_content_container .tab_box .brands .right {
	width: 320px;
}
#top_container .top_content_container .tab_box .brands .right img {
	margin-top: 1em;
}
#top_container .top_content_container .tab_box .shipping .left {
	width: 260px;
}
#top_container .top_content_container .tab_box .shipping .right {
	width: 320px;
}
#top_container .top_content_container .tab_box .shipping .right img {
	margin-top: 1em;
}

#top_container .table_content_box{float:left; width:283px; height:147px; padding-top:3px; background:url(images/table_content_box_bg.gif) no-repeat 0 0; }
#top_container .table_content_box .row_content{float:left; width:280px; height:36px; font-size:13px; line-height:34px; color:#454545}
#top_container .table_content_box .row_content span{float:left; width:127px; text-align:right;}
#top_container .table_content_box .row_content span.white{ color:#fff; font-weight:bold;}
#top_container .table_content_box .row_content strong{float:left; width:auto; padding-left:13px; text-align:left; font-weight:normal;}
#top_container .table_content_box .row_content strong.white{color:#fff;}
#top_container .table_content_box .row_content strong.red{color:#e60000;}
#top_container .table_content_box .row_content strong.green{color:#006b00;}
#top_container .table_content_box .row_content img{float:right; margin:2px 0 0 0;}


#body_container {float:left; width:960px; padding:0 11px; margin-top:16px;}
#body_container .box_container{float:left; width:310px; background:url(images/box_bg.gif) repeat-y 0 0;}
#body_container .box_container .box_content_container{float:left; width:310px; background:url(images/box_bottom_bg.gif) no-repeat left bottom;  min-height:283px; height:auto!important; height:283px;}
#body_container .box_container .box_content_container h3{float:left; color:#855b00; font-size:19px; text-transform:uppercase; width:264px; padding:12px 0 6px 23px; line-height:normal;}
#body_container .box_container .box_content_container .box_details_container{float:left; width:270px; margin:0 23px 0 17px; display:inline; background:url(images/line.gif) repeat-x left top; padding-top:13px;}
#body_container .box_container .box_content_container .box_details_container .video_box{float:left; width:262px; border:4px solid #bdbec0;}
#body_container .box_container .box_content_container .box_details_container .video_box img{float:left;}
#body_container .box_container .box_content_container .box_details_container p{float:left; width:264px; color:#282829; line-height:22px; font-weight:normal; font-size:13px;}
#body_container .box_container .box_content_container .box_details_container p a{ color:#0d36c3; text-decoration:none;}
#body_container .box_container .box_content_container .box_details_container p a:hover{ color:#0d36c3; text-decoration:underline;}
#body_container .box_container .box_content_container .box_details_container .btn{float:left;}
#body_container .box_container .box_content_container .box_details_container .btn.featured{float:right;}
#body_container .box_container .box_content_container .box_details_container .btn img{float:left; margin-top:5px;}


#body_container .mid_box_container{float:left; width:300px; background:url(images/mid_box_bg.gif) repeat-y 0 0; margin:0 20px; display:inline;}
#body_container .mid_box_container .mid_box_content_container{float:left; width:300px; background:url(images/mid_box_bottom_bg.gif) no-repeat left bottom;  min-height:263px; height:auto!important; height:263px; padding-bottom:20px;}
#body_container .mid_box_container .mid_box_content_container h3{float:left; color:#855b00; font-size:19px; text-transform:uppercase; width:264px; padding:12px 0 6px 23px; line-height:normal;}
#body_container .mid_box_container .mid_box_content_container .mid_box_details_container{float:left; width:264px; margin:0 13px 0 17px; display:inline; background:url(images/line.gif) repeat-x left top; padding:13px 0 12px 6px;}
#body_container .mid_box_container .mid_box_content_container .mid_box_details_container strong{float:left; width:264px; color:#103d72; font-size:12px; text-transform:uppercase; line-height:12px}
#body_container .mid_box_container .mid_box_content_container .mid_box_details_container p{float:left; width:264px; color:#282829; line-height:22px; font-weight:normal; font-size:13px;}
#body_container .mid_box_container .mid_box_content_container .mid_box_details_container p span{float:left; width:auto; color:#103d72; font-size:11px; text-transform:uppercase;}
#body_container .mid_box_container .mid_box_content_container .mid_box_details_container p span a{margin-left:20px; text-decoration:none; display:inline; color:#103d72}
#body_container .mid_box_container .mid_box_content_container .mid_box_details_container p span a:hover{text-decoration:underline;}
#body_container .mid_box_container .mid_box_content_container .mid_box_details_container .btn{float:left;}
#body_container .mid_box_container .mid_box_content_container .mid_box_details_container .btn img{float:left; margin-top:5px;}


#footer_container{float:left; width:960px; margin:33px 11px 0 11px; display:inline; background:url(images/footer_bg.gif) repeat-y 0 0;}
#footer_container .footer_details_container{float:left; width:960px; background:url(images/footer_bottom_bg.gif) no-repeat left bottom;}
#footer_container .footer_details_container .footer_content_box{float:left; width:231px; padding-left:23px;}
#footer_container .footer_details_container .footer_content_box.mid{float:left; width:260px; padding-left:28px;}
#footer_container .footer_details_container .footer_content_box.right{float:left; width:330px; padding-left:33px;position: relative;}
#footer_container .footer_details_container .footer_content_box .content_row{float:left; width:100%; padding-bottom:18px;}
#footer_container .footer_details_container .footer_content_box .content_row .icon{float:left; margin-right:13px; display:inline;}
#footer_container .footer_details_container .footer_content_box .content_row icon img{float:left;}
#footer_container .footer_details_container .footer_content_box .content_row strong{float:none; width:190px; color:#787878;}
#footer_container .footer_details_container .footer_content_box .content_row p{float:left; width:100%; color:#787878; line-height:22px;}
#footer_container .footer_details_container .footer_content_box .content_row p img{float:none; margin-right:4px; display:inline; vertical-align:top;}
#footer_container .footer_details_container .footer_content_box .content_row p a { text-decoration: none; }
#footer_container .chat {
	position: absolute;
top: 0; right: -30px;
}
.clear {
	clear: both;
}








/* PRODUCT LISTING PAGE STYLES */
.item_list_container {
	float: left;
	width: 215px;
	height: 260px;
}

.item_list_container .padd {
	padding: 10px;
	text-align: center;
}

.item_list_container .padd h3 {
	margin: 6px 0;
}

.item_list_container .padd h3 a {
	font-size: 14px;
	text-decoration: none;
	color: #4c4c4c;
}







/* DETAILS PAGE */
.details_page_right {
	float: right;
	width: 380px;
}

.details_page_right h2 {
	font-size: 16px;
	line-height: 24px;
}

.product_details {
	margin: 20px 0 20px 0;
	color: #4c4c4c;
}

.product_details h2 {
	font-size: 16px;
	color: #4c4c4c;
	text-transform: uppercase;
	border-bottom: 1px solid #b5b5b5;
	margin: 10px 0 10px 0;
}

.product_details ul {
	margin-left: 15px;
}

.product_details ul li {
	padding: 2px 0;
}

.download_container {
	background: #dddddd;
	border-bottom: 2px solid #FFF;
	padding: 10px;
}

.download_container a {
	color: #0032cf;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}





.breadcrumbs {
	margin: -10px 0 20px 0;
}

.breadcrumbs, .breadcrumbs a {
	color: #2a63ab;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}




.wpcf7-form-control-wrap input {
	padding: 8px;
	font-size: 16px;
	color: #737373;
	width: 250px;
}

.wpcf7-form-control-wrap textarea {
	padding: 8px;
	font-size: 16px;
	color: #737373;
	width: 520px;
	height: 100px;
}

.wpcf7-form td {
	padding: 0 20px 20px 0;
}

.wpcf7-form td p {
	font-size: 15px;
	line-height: 28px;
}


.submit_button {
	background: url(images/contact_form_submit.gif);
	border: none;
	width: 185px;
	height: 50px;
	margin-top: 15px;
	font-size: 0px;
}





.one_col_no_shadow_top {
	height: 12px;
	background: url(images/one_col_no_shadow.jpg) top left no-repeat;
	margin-left: 10px;
}
.one_col_no_shadow {
	background: url(images/one_col_no_shadow.jpg) bottom left no-repeat;
	width: 960px;
	margin-left: 10px;
}
.one_col_no_shadow .padd {
	padding: 18px 40px 30px 40px;
}


.featured_video {
	float: left;
	width: 500px;
	padding-top: 30px;
}

.training_page_content {
	margin-left: 520px;
	padding-top: 30px;
	line-height: 24px;
	font-size: 15px;
	color: #282829;
}

.training_page_content ul {
	margin: 15px 0px 15px 15px;
}

.training_page_content li {
	float: left;
	width: 150px;
}

.training_page_content h1 {
	color: #855b00;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 1px solid #bcbcbc;
}

.training_page_content p {
	margin: 10px 0;
}



.training_page_50_top {
	height: 12px;
	background: url(images/training_page_50.png) top left no-repeat;
	margin-left: 10px;
	margin-top: 15px;
}
.training_page_50 {
	background: url(images/training_page_50.png) bottom left no-repeat;
	width: 470px;
	height: 190px;
	margin-left: 10px;
}

.training_page_50 .padd {
	padding: 14px 25px 0px 25px;
}

.training_page_50 .padd h1 {
	color: #855b00;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 1px solid #bcbcbc;
}

.training_page_50 .padd p {
	margin: 10px 0;
	line-height: 20px;
	font-size: 13px;
}

.training_page_50 .padd p img {
	padding: 0 15px 15px 0;
}

/* HOME PAGE VIDEO POPUP */
#video_popup {
	padding: 3px;
	width: 800px;
	height: 405px;
}
#video_popup .video {
	float: left;
}
#video_popup .info {
	float: left;
	width: 220px;
	margin: 0 0 0 32px;
}
#video_popup h3 {
	color:#855B00;
	font-size:19px;
	line-height:normal;
	padding:12px 0 6px 0;
	text-transform:uppercase;
	margin: 0;
}
#video_popup p {
	line-height: 2em;
}
#video_popup a {
	color: #2020f0;
	text-decoration: none;
}
#video_popup a:hover {
	text-decoration: underline;
}
#video_popup div.btn {
	margin-top: 1em;
}