@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;
}
#stripe {
	position: relative;
	padding-top: 21px;
	height: 39px;
	background: url('/_images/template/stripe-thin.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;
}
#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;
}

/* Content Styles */
#content {
	float: left;
	width: 625px;
}
#content 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;
}
#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;
	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;
	height: 90px;
	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;
	height: 150px;
	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;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}

/* 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 */