﻿
/******************************************
General
******************************************/
body 
{
	font-family: 			Century Gothic, Arial, Helvetica, sans-serif; 
	font-size: 			10px;
	line-height: 			150%;
	margin: 				0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	background-color:		#ccccFF;
	color:				#000000;
}

td, th, p, li, select, option, input 
{ 
	font: 				11px Century Gothic, Arial, Helvetica, sans-serif; 
	line-height: 			145%;
	margin-right:			15px; 
}

a					{ color: #793535; text-decoration: underline; }
a:link					{ color: #793535; text-decoration: underline; }
a:visited					{ color: #793535; text-decoration: underline; }
a:hover					{ color: #793535; text-decoration: underline; }
a:active					{ color: #793535; text-decoration: underline; }
a.LargeLink				{ font-size: 14px; }
a.LargeStandoutLink         { font-size: 14px;	color: #793535; }
a.StandoutLink			{ color: #793535; }

.NewNav
{
	text-decoration: 		none;
}


/******************************************
Header
******************************************/
.titleHeader 
{
	font-family:			Century Gothic, Verdana, Arial, Helvetica, sans-serif; 
	font-size:			28px;
	font-weight:			normal;
	color:				#234877;
	padding:				0px 0px 5px 10px;
}

.headerGradient 
{
	font-family:			Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:			18px;
	font-weight:			normal;
	text-align:			right;
	padding:				10px 15px 10px 15px;
	color:				#234877;
}

.UpperLevelNav a:link,
.UpperLevelNav a:visited,
.UpperLevelNav a:hover,
.UpperLevelNav a:active
{
    color: #00387F;
    text-decoration: none;
}

.UpperLevelNav 
{
	color:				#00387F;
	font-size:			10px;
	white-space:			nowrap;
	padding:				0px 2px 0px 2px;
}

.SearchFA 
{
	color:				#00387F;
	font-size:			11px;
	text-align:			right;
	white-space:			nowrap;
	padding:				0px 5px 0px 0px;
}

/******************************************
Top Menu
******************************************/
.headeritem, .headeritemselected 
{
	text-align:			center;
	font-size:			11px;
	color:				#FFFFFF;
	white-space:			nowrap;
	text-decoration: 		none;
	padding:				0px 0px 0px 5px;
}

.headeritemselected 
{
	font-weight:			bold;
}

.headeritem a:link,
.headeritem a:visited,
.headeritem a:hover,
.headeritem a:active,
.headeritemselected a:link,
.headeritemselected a:visited,
.headeritemselected a:hover,
.headeritemselected a:active
{
	text-decoration: none;
}


/******************************************
Footer
******************************************/
.FooterText a:link,
.FooterText a:visited,
.FooterText a:hover,
.FooterText a:active
{
    color: #333366;
    text-decoration: none;
}

.FooterText 
{
	color: 				#333366;
	font-size:			9px;
	padding:			0px 25px 0px 25px;
}

/******************************************
Content Styles
******************************************/
h1, h2, h3, h4 
{
	font-family:			Arial, Helvetica, sans-serif;
	margin:				0px 0px 5px 0px;
}

h1 
{
	font-size:			15px;
	font-weight:			normal;
	color:				#234877;
	margin:				0px 0px 10px 5px;
}

h2 
{
	font-size:			14px;
	font-weight:			normal;
	color:				#234877;
	margin:				5px 0px 5px 5px;
}

h3 
{
	font-size:			12px;
	font-weight:			bold;
	color:				#234877;
	margin:				0px 10px 5px 10px;
}

h4 
{
	font-size:			10px;
	font-weight:			bold;
	color:				#234877;
	margin:				0px 0px 5px 5px;
}

h5
{
	font-size:			18px;
	font-weight:			normal;
	color:				#793535; 
	margin:				5px 0px 10px 5px;
	padding: 				2px 0px 2px 0px;
}


dt
{
	font-size:			16px;
	font-weight:			normal;
	color:				#234877;
	margin:				5px 5px 5px 5px;
}

dd
{
	font:				11px Century Gothic, Arial, Helvetica, sans-serif; 
	line-height: 			145%; 
	color:				#333366;
	margin:				5px 5px 10px 10px;
			
}

hr.divider 
{
	border-top:			none;
	border-right:			none;
	border-left:			none;
	border-bottom:		dotted 1px #ADAEAE;
	width: 				10%;
	color: 				#FFFFFF;
	margin:				5px 5px 5px 5px;
}

hr.brand_divider 
{
	border-top:			none;
	border-right:			none;
	border-left:			none;
	border-bottom:		dotted 1px #ADAEAE;
	color: 				#FFFFFF;
	margin:				0px 7px 10px 7px;
}


hr.dotted_rule 
{
	border-top:			none;
	border-right:			none;
	border-left:			none;
	border-bottom:		dotted 1px #ADAEAE;
	color: 				#FFFFFF;
	margin:				15px 0px 15px 0px;
}

hr.tipdotted 
{
	border-top:			none;
	border-right:			none;
	border-left:			none;
	border-bottom:		dotted 1px #ADAEAE;
	color: 				#E7F2DA;
	margin:				5px 0px 10px 0px;
}

td.dottedright 
{
	border-bottom: 		none;
	border-top: 			none;
	border-left: 			none;
	border-right:			dotted 1px #ADAEAE;
	color: 				#FFFFFF;
	margin:				15px 0px 15px 0px;
}

.dottedleft 
{
	border-bottom: 		none;
	border-top: 			none;
	border-left: 			dotted 1px #ADAEAE;
	border-right:			none;
	color: 				#FFFFFF;
	padding:				0px 0px 10px 0px;
}

td.noborder
{
	border-bottom: 		none;
	border-top: 			none;
	border-left: 			solid 1px #ADAEAE;
	border-right:			none;
	margin:				15px 0px 15px 0px;
}


p {
	padding:				0px 0px 0px 0px;
	margin:				0px 15px 30px 0px;
}

b 
{
	color:				#234877;
}


/*******************************
Main Content
*******************************/
.ContentArea, .ContentArea_NoPadding, .ContentArea_ExtraPadding 
{
	padding:				5px;
	margin:				0px;
	text-align:			left;
}



.ContentArea li
{	
	color:				#3D6496;
	margin-bottom: 		3px;
}

.ContentArea p
{
	color:				#333366;
	margin:				5px 0px 10px 12px;
}

.ContentArea_NoPadding 
{
	padding:				0px 0px 0px 0px;
}

.ContentArea_ExtraPadding 
{
	padding:				15px 15px 15px 15px;
}

.ContactInfo
{
	display:block;
	color:				#909090;
	font-size:			11px;
	margin:				5px 5px 5px 5px;
}


.GroupContactInfoBold
{
	
	color:				#909090;
	font-size:			11px;
	margin:				5px 2px 2px 5px;
	font-weight	:bold;
}

.GroupContactInfo
{
	
	color:				#909090;
	font-size:			11px;
	margin:				5px 2px 2px 5px;
}


/*******************************
Quote/Photo
*******************************/

p.pullquote
{
	font-size:			13px; 
	padding:				0px 0px 10px 20px;
	width:				200px; 
	color:				#000000; 
	line-height:			135%; 
	font-family:			Century Gothic, Arial, Helvetica, sans-serif; 
	margin:				5px 20px 5px 20px;
	text-align:			right;
}

p.footnote
{
	color:				#404040;
	font-size:			7pt;
}

img.pullquote
{
	background-color:		#83738F;
	padding:				5px 5px 5px 5px;
	margin:				0px 20px 5px 20px;
	width:				183px;
	height:				183px;				
}

img.main
{
	background-color:		#83738F;
	padding:				5px 5px 5px 5px;
	margin:				7px 0px 5px 20px;
}

img.mystore
{
	background-color:		#507E9E;
	padding:				5px 5px 5px 5px;
	width:				183px;
	height:				183px;				
}

img.thumbquote
{
	background-color:		#83738F;
	padding:				2px 2px 2px 2px;
	width:				77px;
	height:				77px;
}

img.framed
{
    border: solid 1px #83738F;
    padding: 1px;
    margin: 5px;
}

p.caption
{
	font-family:			Century Gothic, Arial, Helvetica, sans-serif; 
	text-align:			right;
	margin:				0px 20px 5px 20px;
	font-size: 			10px;
	line-height:			120%; 
}

p.caption .name
{
	font-family: 			bold; 
	font-size: 			11px; 
	color: 				#234877;
}

p.caption .title
{
	font-size: 			10px;
	color:				#333366;
}


/******************************************
Form styles
******************************************/
form
{
	margin:				0px 0px 0px 0px;
	padding:				10px 10px 10px 10px;
}

.fieldlabel
{
	font-size: 			11px;
	text-align:			right;
	padding: 				5px 5px 5px 5px;
	vertical-align: top;
}

table.SiteForm h2
{
	padding-top: 6px;
	border-bottom: dotted 1px #000000;
	padding-bottom: 3px;
}

table.SiteForm h3
{
	float: right;
	padding-top: 6px;
	padding-bottom: 3px;
}

fieldset
{
	border-color:			#333;
	border-width:			1px;
	border-style:			solid;
	padding:				5px 5px 5px 5px;
}

legend
{
	font-size:			11px;
	font-weight:			bold;
	color:				#000000;
	margin: 				5px 5px 5px 5px;
}

input.text, input.password, select, textarea
{
	font:				9px Verdana,Arial,sans-serif;
	border:				solid 1px #666666;
	background-color:		#ffffff;
}

input.submit, input.reset, input.button
{
	border-color: 		solid 1px #000000;
	color:				#000000;
	font-weight:			bold;
	padding:				2px 2px 2px 2px;
}

input.checkbox { }
input.radio { }

.requiredFieldLabel
{
	color:				#CC5E47;
}

.notrequiredFieldLabel
{
	color:				#4D557C;
}

.SubmitButton
{
    border-top: solid 1px #000000;
    border-right: solid 2px #000000;
    border-bottom: solid 2px #000000;
    border-left: solid 1px #000000;
    color: #ffffff;
    font-weight: bold;
    padding: 1px 4px 1px 4px;
    background-color: #867592;
}


/******************************************
Individual Component Styles
******************************************/


.tip 
{
	border: 				1px solid #c0c0c0;
	padding: 				5px 10px 10px 10px;
	margin: 				30px 10px 10px 10px;
	border-bottom: 		2px solid #666666;
	border-right: 		2px solid #666666;
	background-color: 		#E7F2DA;
	height:				120px;
}

.tip_design 
{
	border: 				1px solid #c0c0c0;
	padding: 				5px 10px 10px 10px;
	margin: 				30px 10px 10px 10px;
	border-bottom: 		2px solid #666666;
	border-right: 		2px solid #666666;
	background-color: 		#FEE0D1;
	height:				110px;
}

	
.tiptext 
{ 
	font-size:			14px;
	font-style:			italic;
	color:				#793535; 
	line-height:			135%; 
	font-family:			Century Gothic, Arial, Helvetica, sans-serif;
	text-align:			center;
}


.GrayDots {
	background:			url(../Images/dot_grey.gif);
	margin:				15px 0px 15px 0px;
}

/* Inside Flooring America popup */

.InsideFA 
{
	position:				absolute;
	z-index:				20;
	width:				230px;
	height:				320px;
	top:					130px;
	left:				535px;
	background-color:		#ffffff;
	background-image: 		url(../Images/bgGradient_tan.jpg);
	background-position: 	left bottom;
	background-repeat:		repeat-x;
	border-top:			1px solid #E0E0E0;
	border-left:			1px solid #E0E0E0;
	border-right:			1px solid #666666;
	border-bottom:		1px solid #666666;
	
}

.InsideFAContent 
{
	font-size:			10px;
	color:				#333366;
	line-height:			120%;
}

.InsideFATitleContent 
{
	font-size:			10px;
	color:				#333366;
	line-height:			100%;
}

.InsideFAFeatureImage 
{
	padding:				2px 2px 2px 2px;
	background-color:		#83738F;
}

.InsideFAFeatureTitle 
{
	font-size:			14px;
	color:				#234877;
	margin:				10px 0px 5px 0px;
}

.InsideFAFeatureBullet 
{
	font-size:			10px;
	font-weight:			bold;
	color:				#234877;
	padding:				0px 0px 5px 0px;
}

/* Coupons */
.Coupon 
{
	border:				2px solid #A498AE;
}
.CouponContent 
{
	padding:				5px 5px 5px 5px;
}

.CouponBorderHorizontal 
{
	background-image:		url(../Images/outlineDashHorizontal.gif);
	background-repeat:		repeat-x;
	height:				2px;
}

.CouponBorderVertical 
{
	background-image:		url(../Images/outlineDashVertical.gif);
	background-repeat:		repeat-y;
	width:				2px;
}

.CouponPromotion 
{
	padding:				5px 5px 5px 5px;
	font-size:			16px;
	font-weight:			bold;
	color:				#FFFFFF;
	background-color:		#A498AE;
}

.CouponSalePrice 
{
	padding:				0px 0px 10px 0px;
	line-height:			50px;
	font-size:			50px;
	color:				#A498AE;
}

.CouponProductInformation 
{
	color:				#6D79B8;
	font-size:			14px;
}

.CouponContent 
{
	padding:				3px 3px 3px 3px;
	color:				#999999;
	font-size:			10px;
}

/* Guides */
.GuidesRoomScene 
{
	padding:				0px 0px 0px 15px;
}

/* Store Info Banner */
.StoreInfoRow td
{
	white-space:			nowrap;
	font-size:			12px;
	color:				#A498AD;
}

/******************************************
Renovate My Family
******************************************/
/* Home Page */
.RenovateBanner
{
    background-color: #EDDFA2;
    border: solid 1px #000000;
}

.RenovateBanner td
{
    font-size: 13px;
}

.RenovateContent
{
    padding: 10px 20px 10px 20px;
    text-align: justify;
}

/* Renovate My Family Page */
.ShowtimeBanner
{
    background-color: #EBC692;
    font-size: 15px;
    letter-spacing: 1px;
}

.ShowtimeBanner em
{
    font-family: Times New Roman, Times, serif;
    font-size: 17px;
}

.ShowSchedule
{
    background-color: #847395;
    padding: 5px 8px 8px 8px;
}

.ShowSchedule h1
{
    padding: 0 0 5px 0;
    margin: 0;
    color: #ffffff;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
}

.ShowSchedule table
{
    background-color: #ffffff;
    width: 350px;
}

.ShowSchedule table tr td
{
    font-size: 14px;
}

.RenovateEpisodeList div
{
    padding-bottom: 5px;
    font-size: 10px;
}

.RenovateEpisodeList table tr td
{
    padding: 0 20px 25px 0;
}

.RenovateThumb
{
    border: solid 1px #000000;
}

.RenovateEpisodeList table tr td div
{
    padding: 0 0 0 3px;
    font-size: 9px;
}

/* Popup window */
.RenovatePopup #slideshow
{
    border: solid 1px #000000;
    width: 300px;
    height: 279px;
}
.RenovatePopup .episodeTitle
{
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 3px 0;
}

/*****************************************/

/******************************************
ValidationSummary Controls
--------------------------
The DIV style is for IE-rendered (VS.NET)
The TABLE style is Mozilla-rendered (VS.NET)
******************************************/
div.ValidationSummary,
table.ValidationSummary
{
    color: #ff0000;
    font-weight: bold;
}
div.ValidationSummary ul,
table.ValidationSummary tr td ul
{
}
div.ValidationSummary ul li,
table.ValidationSummary tr td ul li
{
    margin: 0 0 0 0;
    color: #ff0000;
    font-weight: normal;
}

/******************************************
Testimonials
******************************************/
table.Testimonial
{
    margin: 5px 5px 5px 5px;
    /*border: solid 1px #000000;*/
}
table.Testimonial tr td div
{
    padding-bottom: 5px;
}
table.Testimonial tr td .photo
{
    float: left;
    padding: 3px 3px 3px 3px;
    border: solid 1px #000000;
}
table.Testimonial tr td h2
{
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 5px 0;
}
table.Testimonial tr td .body
{
}
table.Testimonial tr td .customer
{
    font-style: italic;
}

/******************************************
Left Menu
******************************************/

.SideMenu1 a:link,
.SideMenu1 a:visited,
.SideMenu1 a:hover,
.SideMenu1 a:active,
.SideMenuSelected1 a:link,
.SideMenuSelected1 a:visited,
.SideMenuSelected1 a:hover,
.SideMenuSelected1 a:active,
.SideMenuHighlighted1 a:link,
.SideMenuHighlighted1 a:visited,
.SideMenuHighlighted1 a:hover,
.SideMenuHighlighted1 a:active,
.SideNavSecondary a:link,
.SideNavSecondary a:visited,
.SideNavSecondary a:hover,
.SideNavSecondary a:active,
.SideMenu2 a:link,
.SideMenu2 a:visited,
.SideMenu2 a:hover,
.SideMenu2 a:active,
.SideMenuSelected2 a:link,
.SideMenuSelected2 a:visited,
.SideMenuSelected2 a:hover,
.SideMenuSelected2 a:active,
.SideMenuHighlighted2 a:link,
.SideMenuHighlighted2 a:visited,
.SideMenuHighlighted2 a:hover,
.SideMenuHighlighted2 a:active,
.SideMenu3 a:link,
.SideMenu3 a:visited,
.SideMenu3 a:hover,
.SideMenu3 a:active,
.SideMenuHighlighted3 a:link,
.SideMenuHighlighted3 a:visited,
.SideMenuHighlighted3 a:hover,
.SideMenuHighlighted3 a:active,
.SideNav3 a:link,
.SideNav3 a:visited,
.SideNav3 a:hover,
.SideNav3 a:active
{
    color: #234877;
    text-decoration: none;
}

.SideNav3
{
	background-color: 		#FFFFFF;
}

.SideNavSecondary
{
	background-color: 		#f7f5ed;
}

.SideNav
{
	padding:				0px 0px 30px 0px;
}


.SideMenu1
{
	background-color: 		#f7f5ed;
	margin:				1px 0px 1px 0px;
	padding: 				6px 0px 6px 5px;
	font-size: 			11px;
}


.SideMenuSelected1
{
	background-color: 		#FFFFFF;
	margin:				1px 0px 1px 0px;
	padding: 				6px 0px 6px 5px;
	font-size: 			11px;
}

.SideMenuHighlighted1
{
	background-color: 		#D8DBE9;
	color: 				#FFFFFF;
	margin:				1px 0px 1px 0px;
	padding: 				6px 0px 6px 5px;
	font-size:			11px;
}

.SideMenu2
{
	background-color:		#FFFFFF;
	padding: 				2px 0px 2px 10px;
	font-size:			11px;	
}

.SideMenuSelected2
{
	background-color:		#FFFFFF;
	padding: 				2px 0px 2px 10px;
	font-size:			11px;
}

.SideMenuHighlighted2
{
	background-color: 		#D8DBE9;
	color:				#FFFFFF;
	padding: 				2px 0px 2px 10px;
	font-size:			11px;
}

.SideMenu3
{
	background-color: 		#FFFFFF;
	padding: 				2px 0px 2px 30px;
	font-size:			10px;
}

.SideMenuHighlighted3
{
	background-color: 		#D8DBE9;
	color:				#FFFFFF;
	padding: 				2px 0px 2px 30px;
	font-size: 			10px;
}

.class2   { color: #4e4e4e; font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  }
.class1   { color: #4e4e4e; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  }
