@charset "UTF-8";
/* CSS Document */

body {
	/* each page's bg image is specified in the inline style */
	/* ================== */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
body,td,th {
	font-family: 'Open Sans', sans-serif;
	color: #8e8e90;
	font-size: 12px;
	line-height: 1.50;
}
/* ==================== */
/* IMAGES */
/* ==================== */
img.margin_right {
	float: right; 
    margin-left: 10px; 
}
img.header_phone_number {
    margin-right: 100px; 
}
img.homepage-pics {
	margin-right: 10px;
	/*border: 1px solid #8e8e90;*/
}
img.margin_right {
	margin-right: 10px;
}
img.margin_bottom {
	margin-bottom: 10px;
}
img.sample_logos {
	border: 1px solid #eaeaea;
	margin-left:5px;
}
img.sample_products {
	border: 1px solid #eaeaea;
	margin-left:5px;
	margin-top:9px;
	margin-bottom:8px;
}
/* ==================== */
/* TEXT */
/* ==================== */
.page_headline {
	font-size: 18px;
	/*color: #7ab304;*/
}
.phone_number {
	color:#b9d59b;
	font-size:18px;
	font-weight:300;
}
.section_headline {
	color: #4ba8df;
	font-weight:bold;
}
.section_headline_large {
	color: #4ba8df;
	font-weight:bold;
	font-size:16px;
}

.section_headline_xxlarge {
	color: #4ba8df;
	font-weight:600;
	font-size:28px;
}
.price_grey_large {
	color: #B4A79B;
	font-size:16px;
	font-weight:600;
}
.price_orange_large {
	color: #FF830F;
	font-size:18px;
	font-weight:bold;
}

.price_sub_text{
	color: #B4A79B;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}

.price_sub_text_coupon_percent {
	color: #FF830F;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}


.section_headline_design_fee {
	color: #4ba8df;
	font-weight:bold;
	line-height: 1;
}
.blue_sidebar_text {
	color: #4ba8df;
}
.orange_price {
	color: #f47a0b;
	font-weight:bold;
	font-size:18px;
	line-height: 1.25;
}
.orange_specials {
	color: #f47a0b;
	font-weight:bold;
}
.white_text {
	color: #FFFFFF;
}
.left_nav_text {
	font-family: Verdana, Arial;
	color: #8e8e90;
	font-size: 12px;
	line-height: 1.25;
}
.page_text_single_linespace {
	font-family: Arial, Helvetica, sans-serif;
	color: #8e8e90;
	font-size: 12px;
	line-height: 1.25;
}
.disclaimer_text {
	color: #999999;
	font-size: 10px;
	line-height: 1.25;
	font-style:italic;
}
.text_small_grey {
	color: #999999;
	font-size: 12px;
	line-height: 1.25;
	font-style:italic;
}
.one_price_text {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.25;
	font-style: bold;
}
/* ==================== */
/* LINKS */
/* ==================== */
a:link {
	color: #4ba8df;
	text-decoration: none;
}
a:visited {
	color: #4ba8df;
	text-decoration: none;
}
a:hover {
	color: #a3d617;
	text-decoration: underline;
}
a:active {
	color: #4ba8df;
	text-decoration: none;
}

a.link_back_to_account:link, a.link_back_to_account:visited, a.link_back_to_account:hover, a.link_back_to_account:active{
	display: inline-block;
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #BDB9B6;
	text-decoration: none;
}

.link_back_to_account_back{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #FC8414;
	text-decoration: none;
}

.website_sidebar_link:link {
	color: #4ba8df;
	text-decoration:underline;
}
.website_sidebar_link:visited {
	color: #4ba8df;
}
.website_sidebar_link:hover {
	color: #a3d617;
	text-decoration: underline;
}
.website_sidebar_link:active {
	color: #4ba8df;
}
.footer_link:link {
	color: #FFF;
	text-decoration: none;
}
.footer_link:visited {
	color: #FFF;
	text-decoration: none;
}
.footer_link:hover {
	color: #FF9900;
	text-decoration: none;
}	
.footer_link:active {
	color: #FFF;
	text-decoration: none;
}
.header_link:link {
	color: #4ba8df;
	text-decoration:underline;
	margin-bottom:15px;
}
.header_link:visited {
	color: #4ba8df;
}
.header_link:hover {
	color: #666666;
}	
.header_link:active {
	color: #4ba8df;
}
.left_sidebar_link:link {
	color: #8e8e90;
	text-decoration:underline;
}
.left_sidebar_link:visited {
	color: #8e8e90;
}
.left_sidebar_link:hover {
	color: #CCCCCC;
}	
.left_sidebar_link:active {
	color: #8e8e90;
}
/*+++++ Left Nav on Product Pages +++++*/
a.left_nav_link:link,  a.left_nav_link:visited, .left_nav_link_off{ 
	display: block; 
	color: #666;
	background-color: #EAEAEA; 
	text-decoration: none; 
	line-height: 30px; 
	padding-left:15px; 
	margin-top: 3px; 
	background-image:url(images/left_nav_link_bg_off.png);
}
a.left_nav_link:hover, a.left_nav_link:active, .left_nav_link_on{ 
	display: block; 
	background-color: #CCCCCC; 
	text-decoration:none; 
	line-height: 30px; 
	padding-left:15px; 
	background-image:url(images/left_nav_link_bg_on.png);
}
/* ==================== */
/* RULE */
/* ==================== */
hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #d9d9d9; 
	border-style: none none dashed; 
}
/* ==================== */
/* DIVs */
/* ==================== */
/* = Home Page Flash Nav Section = */
#flash_main {
	width: 1218px; 
	height: 484px; 
	position: relative;
	/*top: 68; */
	left: 50%;
	margin: 0 0 0 -609px;
}
/* = Home Page Flash Nav Section = */
#body_content {
	width: 950px; 
	/* height: 600px; */
	position: relative;
	/*top: 565px; */
	left: 50%;
	margin: 0 0 0 -490px;
}
/* = Sub Page Flash Nav Section = */
#flash_main_sub {
	width: 1218px; 
	height: 310px; 
	position: relative;
	/*top: 68; */
	left: 50%;
	margin: 0 0 0 -609px;
}
/* = Sub Page Body Section = */
#body_content_sub {
	/*width: 950px; 
	 height: 600px; 
	position: relative;
	/*top: 380px; 
	left: 50%;
	margin: 0 0 0 -490px;*/
}
/* = Product Page Flash Nav Section = */
#flash_product_page {
	width: 1218px; 
	height: 80px; 
	position: relative;
	/*top: 68; */
	left: 50%;
	margin: 0 0 0 -609px;
}
/* = Product Page Body Section = */
#body_content_product_page {
	/*width: 950px; 
	height: 600px; 
	position: relative;
	top: 15px;
	left: 50%;*/
	margin-top:15px;
}
#footer {
	background-image: url(images/page_footer_bg.png);
	background-repeat: repeat-x;
	background-color:#7ab304;
	width: 100%; 
	position: absolute;
	top: 1265px; 
	left: 50%;
	margin: 0 0 0 -490px;
}
#footer_subpage_logos {
	background-image: url(images/page_footer_bg.png);
	background-repeat: repeat-x;
	background-color:#7ab304;
	width: 100%; 
	position: relative;
	top: 2120px; 
	left: 50%;
	margin: 0 0 0 -490px;
}
#back_to_diy {
	margin-bottom:10px;
}
/* ==================== */
/* CODE FOR WEBSITE SAMPLE POPUP IMAGES */
/* ==================== */
#preview {
	position:absolute;
	margin-right:-200px;
	border:1px solid #ccc;
	background:#FFF;
	padding:5px;
	display:none;
	color:#f00;
	overflow:hidden;
	-moz-box-shadow:0 0 10px #555;
	-webkit-box-shadow:0 0 10px #555;
	box-shadow:0 0 10px #555;
}

#preview_left {
	position:absolute;
	margin-right:0px;
	border:1px solid #ccc;
	background:#FFF;
	padding:5px;
	display:none;
	color:#fff;
	overflow:hidden;
	-moz-box-shadow:0 0 10px #555;
	-webkit-box-shadow:0 0 10px #555;
	box-shadow:0 0 10px #555;
}
/* ==================== */
/* Styling of Form Elements */
/* ==================== */
.text_box {
	border:1px solid #d9d9d9;
}

.message_error{ font-size: 11px; font-family: Verdana, Arial, sans-serif, "Times New Roman"; color: #CC0000; font-weight: normal; text-decoration: none; background-color: #FFFFCC; border: thin solid #333333;}

.message_error_text{ font-size: 11px; font-family: Verdana, Arial, sans-serif, "Times New Roman"; color: #CC0000; font-weight: normal; text-decoration: none;}

.message_success{font-size: 12px; font-family: Verdana, Arial, sans-serif, "Times New Roman"; color: #666666; font-weight: bold; text-decoration: none; background-color: #FFFFCC; border: thin solid #333333;}

.message_attention{font-size: 16px; font-family: Verdana, Arial, sans-serif, "Times New Roman"; color: #CC0000; font-weight: bold; text-decoration: none;}

#display_box
{
	
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 10000;
	background-image:url('/images/bg_blocker.png');
	background-repeat:repeat;
	text-align:center;
	vertical-align:middle;
}

#display_box_with_transparent
{
	z-index: 10000;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
}

#video_popup_box
{
	position:fixed;
	width: 800px;
	height: 600px;
	top: 50px;
	left: 50%;
	margin-left: -400px;
	margin-top: 0px;
	padding-left:0px;
	padding-top:0px;
	font-size: 14px;
	font-family: Trebuchet, Arial, Verdana, Helvetica;
	color: #7C7C7C;
	text-decoration: none;
	font-weight: normal;
}