@charset "utf-8";
@import url("/_styles/shadowbox.css");

/* Reset Styles */
* {
	margin: 0;
	padding: 0;
	border: none;
}
html {
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
}
a {
	outline: none;
}

/* Page Styles */
body {
	position: relative;
	margin: 0 0 50px 0;
	background: #4D4D4D url('/_images/template/page-bkg.jpg') top center no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 16px;
}
#header {
	margin: 50px 0 13px;
}
a {
	color: #F09C4B;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Navigation Styles */
#navigation {
	float: right;
}
#navHome {
	width: 58px;
	background: url('/_images/template/nav-home.png') no-repeat;
}
#navProductInfo {
	width: 117px;
	background: url('/_images/template/nav-product-info.png') no-repeat;
}
#navPricing {
	width: 74px;
	background: url('/_images/template/nav-pricing.png') no-repeat;
}
#navPhotos {
	width: 72px;
	background: url('/_images/template/nav-photos.png') no-repeat;
}
#navFAQs {
	width: 54px;
	background: url('/_images/template/nav-faqs.png') no-repeat;
}
#navCompany {
	width: 85px;
	background: url('/_images/template/nav-company.png') no-repeat;
}
#navContactUs {
	width: 104px;
	background: url('/_images/template/nav-contact-us.png') no-repeat;
}
#navigation a {
	float: left;
	display: block;
	height: 23px;
	margin-left: 20px;
	background-position: center;
}
#navigation a:hover {
	background-position: top;
}
#navigation a strong {
	display: none;
}
#pageHome #navHome,
#pageProductInfo #navProductInfo,
#pagePricing #navPricing,
#pagePhotos #navPhotos,
#pageFAQs #navFAQs,
#pageCompany #navCompany,
#pageContactUs #navContactUs {
	background-position: bottom;
}

/* Header Styles */
#splash {
	position: relative;
	height: 318px;
	background: url('/_images/template/stripe.gif') bottom repeat-x;
}
#intro {
	position: absolute;
	top: 98px;
	width: 400px;
}
#intro2 {
	position: absolute;
	top: 58px;
	width: 400px;
}
#stripe {
	position: relative;
	padding-top: 21px;
	height: 39px;
	background: url('/_images/template/stripe-thin.gif') center repeat-x;
}
#photostripe {
	position: relative;
	padding-top: 21px;
	height: 39px;
	background: url('/_images/template/stripe-thin.gif') center repeat-x;
	z-index: 0;
}
#thinstripe {
	position: relative;
	padding-top: 21px;
	height: 39px;
	background: url('/_images/template/stripe-thinner.gif') center repeat-x;
}
#breadcrumbs {
	padding-left: 25px;
	background: url('/_images/template/home-icon.png') left center no-repeat;
	font-size: 10px;
	text-transform: capitalize;
}
#callToAction {
	float: right;
	position: relative;
	top: 13px;
	right: 69px;
}
#photogallery {
	padding-left: 390px;
	margin-top: -15px;
}
#pageConfigure #callToAction {
	display: none;
}
.container {
	width: 960px;
	margin: 0 auto;
}
#main {
	margin-top: 30px;
}
#checkout {
	width: 100%;
}
.cms-editable {
	display: inline;
}

/* Homepage Styles */
#news,
#features {
	float: left;
	width: 290px;
	margin-right: 45px;
}
#testimonial {
	float: left;
	width: 290px;
}
.quote {
	font: italic 14px/22px Georgia, "Times New Roman", Times, serif;
}
#formNewsletter p {
	margin-bottom: 10px;
}
#formNewsletter fieldset {
	border: 1px solid #949494;
	padding: 15px 15px 5px;
}
#formNewsletter legend {
	padding: 0 5px;
}
#formNewsletter label {
	float: left;
	width: 80px;
}
#formNewsletter input.text {
	width: 150px;
	padding: 3px;
	font: 11px Verdana, Geneva, sans-serif;
}
#solar {
    bottom: 65px;
    left: 860px;
    position: relative;
    z-index: 3;
}
	

/* Content Styles */
#content {
	float: left;
	width: 625px;
}
#content p,
#contentWide p {
	margin-bottom: 2.0em;
	font-size: 12px;
	line-height: 20px;
}
#content2 {
	float: left;
	width: 960px;
}
#content2 p,
#contentWide p {
	margin-bottom: 2.0em;
	font-size: 12px;
	line-height: 20px;
}
ul, ol {
	padding-left: 1.5em;
}
ol {
	margin-left: 1.5em;
	font: 12px Verdana, Geneva, sans-serif;
}
li {
	margin-bottom: 5px;
}
#right li {
	margin-bottom: 10px;
	line-height: 18px;
}
#right li a {
	color: #FFFFFF;
}
img.spaced {
	margin-right: 45px;
}
#bottomCTA {
	border: 1px solid #949494;
	padding: 15px 20px 0;
	background-color: #707070;
}
#CTALeft {
	float: left;
	width: 380px;
}
#CTALeft p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 0;
}
#CTARight {
	float: right;
	padding: 30px 10px 0 0;
}
#right {
	float: right;
	width: 290px;
	margin-top: 10px;
}
#right2 {
	float: right;
	width: 290px;
	margin-top: 600px;
}
#right2 .outlined {
	border: 1px solid #949494;
	padding: 15px 20px;
	margin-bottom: 30px;
}
#right2 li {
	margin-bottom: 10px;
	line-height: 18px;
}
#right2 li a {
	color: #FFFFFF;
}
#right .outlined {
	border: 1px solid #949494;
	padding: 15px 20px;
	margin-bottom: 30px;
}
#tip {
	position: absolute;
	display: none;
}
#tip .bubble {
	padding: 15px;
	background-color: #303030;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.tipped {
	vertical-align: -15%;
}

/* Pricing Styles */
#pricingTable {
	border-bottom: 1px solid #959595;
	border-right: 1px solid #959595;
	border-collapse: collapse;
	width: 940px;
	margin-top:25px;
	margin-bottom:25px;
	float: left;
}
#pricingTable td {
	border-left: 1px solid #959595;
	border-top: 1px solid #959595;
	border-collapse: collapse;
	padding: 3px 5px;
}
#pricingTable td.noBorder {
	border: none;
}
#pricingTable td.img {
	padding: 0;
	width: 190px;
}
#pricingTable td.hdr {
	background-color: #484848;
	font-weight: bold;
}
#pricingTable td.orange {
	background-color: #F09C4B;
	color: #FFFFFF;
	font-weight: bold;
}
#pricingTable tr.odd td {
	background-color: #707070;
}
#standardFeatures {
	border: 1px solid #949494;
	float: left;
	margin-right: 40px;
	padding: 15px 20px;
	width: 816px;
}
#standardFeatures ul {
	padding-left: 1.5em;
}
#standardFeatures li {
	display: inline;
	float: left;
	margin-bottom: 5px;
	width: 350px;
}
#optionalExtras {
	border: 1px solid #949494;
	float: left;
	padding: 15px 20px;
	width: 408px;
}


/* Photo Gallery Styles */
#photoGallery {
	margin: 0 auto;
}
#thumbnails {
	width: 270px;
	margin: 30px auto 0;
	padding: 8px 0 0 8px;
	background-color: #484848;
	text-align: center;
}
#thumbnails img {
	border: none;
	margin: 0 8px 8px 0;
}

/* Form Styles */
#formContact p {
	margin-top: 1.0em;
}
#formContact fieldset {
	border: 1px solid #949494;
	padding: 20px 25px;
}
#formContact legend {
	padding: 5px 10px;
	color: #FFFFFF;
}
#formContact label {
	float: left;
	width: 100px;
	margin-top: 3px;
}
#formContact input.text {
	font: 12px Verdana, Geneva, sans-serif;
	padding: 5px;
	width: 250px;
	border: 1px solid #949494;
}
#formContact .textarea {
	font: 12px Verdana, Geneva, sans-serif;
	padding: 5px;
	width: 450px;
	height: 200px;
	border: 1px solid #949494;
}
#formContact .note {
	font-size: 11px;
	font-weight: bold;
	color: #F09C4B;
	margin-left: 100px;
}
#formConfigure label {
	float: left;
	width: 150px;
	margin-top: 2px;
}
#formConfigure label.short {
	width: 80px;
}
#formConfigure p.bottom {
	border-bottom: 1px solid #949494;
}
#formConfigure h2 {
	margin-top: 20px;
}
#formConfigure input.text {
	font: 12px Verdana, Geneva, sans-serif;
	padding: 5px;
	width: 250px;
	border: 1px solid #949494;
}
#formConfigure select {
	width: 200px;
}
#shedPreview {
	margin-bottom: 10px;
}

/* Slider Styles */
#slider {
	position: relative;
	width: 623px;
	height: 454px;
	overflow: hidden;
	border: 1px solid #949494;
}
#steps {
	position: absolute;
	left: -1px;
}
.step {
	display: block;
	float: left;
	padding: 0 20px 0;
	width: 585px;
	height: 452px;
}
.step .buttons {
	position: absolute;
	bottom: 0;
	width: 583px;
}
#slider .step p {
	margin: 0 0 10px;
}
#finishDetail td {
	padding-right: 10px;
	vertical-align: top;
}
#finishDetail td img {
	margin-bottom: 10px;
}
#formConfigure .mute {
	font-size: 10px;
}
.configureThumb {
	padding: 8px;
	background-color: #484848;
	border: 1px solid #949494;
}

/* Table Styles */
#progress {
	width: 100%;
	border: 1px solid #949494;
	margin-bottom: 10px;
	background: url('/_images/configure/progress-bar.gif') no-repeat;
}
#progress td {
	text-align: center;
	padding: 5px 10px;
	border-right: 1px dotted #949494;
}
#progress td.last {
	border-right: none;
}
#progress a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#progress a:hover {
	text-decoration: underline;
}
#configuration {
	width: 100%;
}
#configuration td {
	padding: 5px 10px;
	border-bottom: 1px solid #949494;
	border-right: 1px solid #949494;
	font: 0.9em/1.4em Verdana, Geneva, sans-serif;
}
#configuration .withOptions td {
	padding: 5px;
	border-bottom: 1px dotted #949494;
}
#configuration td.center {
	text-align: center;
}
#configuration td.right {
	border-right: none;
}
#configuration td.bottom {
	border-bottom: none;
}
#cart {
	width: 100%;
	border-bottom: 1px solid #949494;
}
#cart th {
	background-color: #242424;
	text-align: left;
}
#cart th.alignCenter {
	text-align: center;
}
#cart th,
#cart td {
	padding: 8px 10px;
	border-top: 1px solid #949494;
}
#cart th.short {
	width: 120px;
}
#cart tr.shipping td,
#cart tr.tax td {
	background-color: #707070;
}
#cart tr.total td {
	background-color: #808080;
}
#cart tr.deposit td {
	background-color: #909090;
}
#cart tr.options td {
	border-top: 1px dotted #949494;
}

/* Checkout Styles */
.columnLeft {
	margin: 30px 0;
	padding: 0 25px 0;
	float: left;
	width: 428px;
	border-right: 1px dotted #949494;
}
.columnRight {
	margin: 30px 0;
	padding: 0 25px 20px;
	float: left;
	width: 429px;
}
#formCheckout label {
	float: left;
	width: 100px;
}
#formCheckout input,
#formCheckout select {
	padding: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	width: 200px;
}
#formCheckout input.checkbox,
#formCheckout input.radio,
#formCheckout input.image {
	width: auto;
}
#formCheckout select.short {
	width: 120px;
}
#formCheckout select.tiny {
	width: 70px;
}
#formCheckout p {
	margin-bottom: 10px;
}
#formCheckout .submit {
	clear: both;
	padding-top: 30px;
	text-align: right;
}
#customerInfo {
	margin-top: 30px;
	border: 1px solid #949494;
}
#customerInfo legend {
	margin-left: 30px;
	padding: 0 5px;
}
#legal {
	clear: both;
	padding: 25px;
}
#terms {
	padding: 20px;
	border: 1px solid #949494;
	background-color: #707070;
}

/* Footer Styles */
#footer .container {
	margin-top: 20px;
	border-top: 1px solid #949494;
	padding-top: 5px;
	color: #CBCBCB;
	font-size: 10px;
}

/* Common Styles */
.clear {
	clear: both;
}
.orange {
	color: #F09C4B;
}
.dark {
	color: #181818;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.marginRight {
	margin: 5px 20px 5px 0;
}
.marginLeft {
	margin: 5px 0 5px 20px;
}
img.padded {
	padding: 1px;
	border: 8px solid #484848;
	background-color: #949494;
}
img.padded2 {
	padding: 1px;
	border: 8px solid #484848;
	background-color: #949494;
	margin-bottom: 30px;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.picture { background-color: #484848;
    padding: 8px;
    font-size: 11px;
	text-align:center;
}
.picture img { 
    border: 1px solid #949494;
    vertical-align:middle;  
	margin-bottom: 3px; 
}

/* Header Styles */
h3 {
	margin: 20px 0 10px;
	color: #FF9E43;
}

/* Video Link Styles */
#videoLink {
	float: right;
	margin-left: 20px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#videoLink a {
	color: #FFFFFF;
}
#videoLink a:hover img.padded {
	padding: 1px;
	border: 8px solid #484848;
	background-color: #F09C4B;
}
#videoLink a:hover {
	text-decoration: none;
	color: #F09C4B;
}


/* sIFR Styles */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

	.sIFR-active h1 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size: 18px;
	}

}
/* End sIFR Styles */

/* Product popup Styles */

.thumbnail{
position: absolute	
top: 100px;
left: 100px;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
z-index: 20;
line-height: 5px;
}
.thumbnail span strong{
	font-size:14px;
	line-height:25px;
}
.thumbnail span p{
	margin-bottom:7px !important;
	margin-left:5px !important;
	line-height:17px !important;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 1px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 20;
}

.thumbnail2{
position: absolute	
top: 100px;
left: 100px;
z-index: 0;
}
.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
z-index: 20;
line-height: 5px;
}
.thumbnail2 span strong{
	font-size:14px;
	line-height:25px;
}
.thumbnail2 span p{
	margin-bottom:7px !important;
	margin-left:5px !important;
	line-height:17px !important;
}
.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -50px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 20;
}

.thumbnail3{
position: absolute	
top: 100px;
left: 100px;
z-index: 0;
}
.thumbnail3:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
z-index: 20;
line-height: 5px;
}
.thumbnail3 span strong{
	font-size:14px;
	line-height:25px;
}
.thumbnail3 span p{
	margin-bottom:7px !important;
	margin-left:5px !important;
	line-height:17px !important;
}
.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -160px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 20;
}

.thumbnail4{
position: absolute	
top: 100px;
left: 100px;
z-index: 0;
}
.thumbnail4:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
z-index: 20;
line-height: 5px;
}
.thumbnail4 span strong{
	font-size:14px;
	line-height:25px;
}
.thumbnail4 span p{
	margin-bottom:7px !important;
	margin-left:5px !important;
	line-height:17px !important;
}
.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -200px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 20;
}
/* End of Product popup Styles */

/*News page*/

#creditfooter {
	display: none;
}

.feed li a  {
	color: #F09C4B !important;
}
.feed li  {
	list-style: none outside none;
}
#newspage .date {
	margin-bottom: 0px !important;
}
#newspage .title {
    font-size: 14px !important;
    margin-bottom: 1em;
}
#newslettersend {
    background: url("../_images/template/btn-submit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    padding: 5px 50px;
    text-indent: -999px;
}

/********Wufoo*********/

.wufoo textarea.textarea {
	height: 60px !important;
}
.wufoo {
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
    letter-spacing: 0.01em;
}
#container, html.embed {
    background-color: #FFFFFF;
}