﻿html, body, form
{
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
}

img 
{
    border: none 0px;
}

p 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#MainContainer 
{
	width: 994px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#HomeContainer 
{
	width: 994px;
	height: 746px;
}

#HomeHeader 
{
	width: 792px;
	height: 144px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 48px;
	display: table;
	margin-bottom: 48px;
}

#HomeHeader .Title 
{
	float: left;
	width: 159px;
	height: 144px;
	background-image: url("../images/home-title.gif");
}

#HomeHeader .Upper 
{
	float: left;
	width: 633px;
	height: 108px;
	background-image: url("../images/home-redgradient.gif");
	background-position: left top;
	background-repeat: repeat-x;
}

#HomeHeader .Upper #ThisOldHouseLink 
{
	position: relative;
	left: 298px;
	top: 0px;
}


#HomeHeader .Upper #ConfigureLink 
{
	position: relative;
	left: 148px;
	top: -15px;
}

#HomeHeader .Upper #LoginLink 
{
	position: relative;
	left: 188px;
	top: -34px;
}

#HomeHeader .Links 
{
	float: left;
	width: 610px;
	height: 36px;
	padding-left: 23px;
	background-image: url("../images/home-greygradient.gif");
	background-position: left top;
	background-repeat: repeat-x;
}

#HomeHeader .Links a
{
	float: left;
	margin-right: 20px;
}

#HomeFooter 
{
	position: absolute;
	width: 792px;
	margin-left: 101px;
	/*margin-right: auto;*/
	/*margin-top: 433px;*/
	bottom: 48px;
}

#HomeFooter a 
{
	float: left;
	width: 264px;
	height: 72px;
}

#Header 
{
	width: 994px;
	height: 198px;
}

#Header .TitleContainer
{
	width: 994px;
	height: 150px;
	background-image: url("../images/header-title.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#Header .TitleContainer .ConfigButton 
{
	position: relative;
	width: 184px;
	height: 88px;
	left: 738px;
	top: 31px;
}

#Header .TitleContainer .LoginButton
{
	position: relative;
	width: 96px;
	height: 34px;
	left: 826px;
	top: 62px;
}

#Header .LinksContainer 
{
	height: 48px;
	padding-left: 72px;
	background-image: url("../images/header-linkbackground.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

#Header .LinksContainer a 
{
	float: left;
	margin-right: 24px;
}


#Footer 
{
	float: left;
	width: 994px;
	height: 83px;
	border-top: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}

#Footer #Copyright 
{
	float: left;
	padding-left: 72px;
	margin-top: 30px;
}

#Footer .LinksContainer 
{
	float: left;
	padding-left: 282px;
	margin-top: 21px;
}

#Footer a 
{
	float: left;
	margin-right: 23px;
}

#BreadCrumb 
{
	padding-left: 72px;
	padding-top: 24px;
	font-family: Arial;
	font-size: 11px;
	line-height: 11px;
	color: #666666;
}

#BreadCrumb a 
{
	color: #A84B43;
	text-decoration: none;	
}

#BreadCrumb a:hover
{
	text-decoration: underline;
}


#ContentContainer 
{
	float: left;
	width: 994px;
	overflow: hidden;
	/*
	background-image: url("../images/page-gradient.gif");
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	*/
}

#ContentContainer .TitleImage
{
	position: relative;
	left: 72px;
	top: 24px;
	width: 588px;
	/*margin-top: 24px;
	margin-bottom: 32px;
	padding-left: 72px;*/
}

#ContentContainer .BorderedImage
{
	clear: left;
	margin-right: 24px;
	margin-bottom: 24px;
	border: solid 1px #d9d9d9;
}

#ContentContainer h1 
{
	font-family: Arial;
	font-size: 16px;
	line-height: 18px;
	color: #A84B43;
	margin-bottom: 24px;
}

#ContentContainer h2 
{
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 24px;
	margin-top: -24px;
	color: #A84B43;
}

#ContentContainer h3 
{
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 0 0;
	color: #A84B43;
}

#ContentContainer p 
{
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	margin-bottom: 24px;
}

.RegularLinks a 
{
	font-family: Arial;
	font-size: 13px;
	line-height: 21px;
	color: #666666;
	text-decoration: none;
}

.RegularLinks a:hover
{
	color: #A84B43;
	text-decoration: underline;
}

.DownloadLinks a 
{
	font-family: Arial;
	font-size: 13px;
	line-height: 14px;
	color: #666666;
	text-decoration: none;
}

.DownloadLinks a:hover
{
	color: #A84B43;
	text-decoration: underline;
}

/*
#ContentContainer a 
{
	color: 	#A84B43;
	text-decoration: none;	
}

#ContentContainer a:hover 
{
	text-decoration: underline;
}
*/

#Page1ColumnHeader 
{
	width: 994px;
	height: 120px;
	background-image: url("../images/page-1column-header.gif");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#Page2ColumnHeader 
{
	width: 994px;
	height: 120px;
	background-image: url("../images/page-2column-header.gif");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#PageConfigHeader
{
	width: 994px;
	height: 240px;
	background-image: url("../images/page-config-header.gif");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#TwoColumnLeftLinks
{
	float: left;
	width: 588px;
	background-color: Transparent;
	padding-left: 72px;
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}


#TwoColumnLeftGallery
{
	float: left;
	width: 588px;
	background-color: Transparent;
	padding-left: 72px;
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}


#TwoColumnLeft
{
	float: left;
	width: 540px;
	background-color: Transparent;
	padding-left: 72px;
	padding-right: 48px;
	/*padding-bottom: 32px;*/
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}

#TwoColumnLeft img
{
	margin-right: 24px;
	margin-bottom: 24px;
	border: solid 1px #d9d9d9;
}

#TwoColumnLeft .NoBorder 
{
	border: none 0px;
}

#TwoColumnLeft .LobbyText 
{
	position: relative;
	top: -48px;
}

#TwoColumnLeft .SeriesContent
{
	margin-top: 124px;
}

#TwoColumnRightImages
{
	float: left;
	width: 334px;
	background-image: url("../images/twocolumnright-background.gif");
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #f3f3eb;
	/*padding-bottom: 32px;*/
	margin-bottom: -10000px;
	padding-bottom: 10000px;

}


#TwoColumnRightText
{
	float: left;
	width: 238px;
	background-image: url("../images/twocolumnright-background.gif");
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #f3f3eb;
	/*padding-bottom: 32px;*/
	padding-left: 48px;
	padding-right: 48px;
	margin-bottom: -10000px;
	padding-bottom: 10000px;

}

#TwoColumnRightImages img
{
	margin-top: 24px;
}

#DownloadsColumnLeft 
{
	float: left;
	width: 660px;
	background-color: Transparent;
	margin-bottom: -10000px;
	padding-bottom: 10000px;
}

.CollectionsTopHolder 
{
	float: left;
	width: 994px;
	padding-bottom: 12px;
	border-bottom: solid 1px #d9d9d9;
}
.CollectionsInfoArea 
{
	float: left;
	width: 262px;
	padding-left: 72px;
	padding-right: 32px;
}

.CollectionsInfoArea .Box 
{
	float: left;
	border: solid 1px #e2c3c0;
	padding: 5px 12px 5px 12px;
}

.CollectionsInfoArea .Box .CheckBoxHolder 
{
	float: left;
	width: 25px;
	margin-top: 6px;
	height: 20px;
}

.CollectionsInfoArea .Box .NameHolder 
{
	float: left;
	width: 85px;
	margin-top: 8px;
	height: 20px;
	font-family: Arial;
	font-size: 11px;
	line-height: 11px;
	color: #666666;
}

.CollectionsImageArea 
{
	float: left;
}

.CollectionsImageArea #FaderContainer
{
	margin-top: -64px;
	position:relative;
	border: solid 1px #d9d9d9;
	width: 554px;
	height: 378px;
}


.CollectionsImageArea .CollectionFaderImage
{
	position: absolute;
}

.CollectionsSubCategoryHolder 
{
	float: left;
	clear: left;
	display: block;
	padding-left: 72px;
	padding-right: 72px;
}

.CollectionsSubCategoryTitle 
{
	margin-top: 36px;
	margin-bottom: 24px;
}

.CollectionsNoProductsFound 
{
	width: 850px;
	border-bottom: solid 1px #d9d9d9;
	margin-bottom: 12px;
}

.CollectionsProductHolder 
{
	float: left;
	clear: left;
	width: 850px;
	border-bottom: solid 1px #d9d9d9;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

.CollectionsProductHolder .ImageEnlargeLink 
{
	margin-top: 5px;
}

.CollectionsProductImageThumbnail 
{
	float: left;
	width: 256px;
	margin-right: 36px;
}

.CollectionsProductImageThumbnail a img
{
	border: solid 1px #d9d9d9;
	margin-bottom: 3px;
}

.CollectionsProductNameHolder 
{
	float: left;
	width: 255px;
	margin-right: 36px;
	font-family: Arial;
	font-size: 16px;
	line-height: 22px;
	color: #666666;
	
}

.CollectionsProductInfoHolder 
{
	float: left;
	width: 261px;
}

.CollectionsProductInfoHolder a
{
	font-family: Arial;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
}

.CollectionsProductInfoHolder a:hover
{
	color: #A84B43;
	text-decoration: none;
}

.CollectionsProductInfoHolder .Information 
{
	font-family: Arial;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 24px;
	margin-top: -24px;
	color: #A84B43;
}

.CollectionsProductInfoHolder .LightGrey 
{
	font-family: Arial;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
	margin-top: -24px;
	color: #a0a0a0;
}

.CollectionsProductInfoHolder .DarkGrey
{
	font-family: Arial;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
	margin-top: -24px;
	color: #666666;
}


.CollectionsProductHolder .AddBox 
{
	border: solid 1px #e2c3c0;
	padding: 8px 12px 8px 12px;
	font-family: Arial;
	font-size: 16px;
	line-height: 20px;
	color: 	#A84B43;
	margin-top: 24px;
}

#ConfigureFinished 
{
	float: left;
	clear: both;
	background-image: url("../images/ConfigureFinishedBackground.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 994px;
	height: 72px;
	margin-bottom: 12px;
}

#ConfigureFinished img 
{
	position: relative;
	left: 759px;
	top: 18px;
}

#ConfigureCollectionsHolder 
{
	margin-top: -60px;
	padding-left: 72px;
	margin-bottom: 64px;
}

#ConfigureCollectionsHolder img
{
	margin-right: 34px;
}

#OptionsInfoArea 
{
	float: left;
	width: 220px;
	padding-left: 72px;
	padding-right: 72px;
}

#OptionsConfigureTitleArea 
{
	float: left;
	width: 258px;
	height: 115px;
	padding-right: 72px;
}

#OptionsBox 
{
	float: left;
	border: solid 1px #e2c3c0;
	padding: 5px 12px 5px 12px;
}

#OptionsBox .CheckBoxHolder 
{
	float: left;
	width: 25px;
	margin-top: 6px;
	height: 20px;
}

#OptionsBox .NameHolder 
{
	float: left;
	width: 75px;
	margin-top: 8px;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	line-height: 11px;
	color: #666666;
}

#OptionPickerWindow 
{
	width: 850px;
	height: 470px;
	border: solid 1px #cfcfcf;
	margin: 10px 10px 10px 10px;
	padding: 0 0 0 0;
	overflow: hidden;
}

#OptionPickerWindow .TopBackground 
{
	float: left;
	width: 850px;
	height: 72px;
	background-image: url("../images/OptionPickerTopBackground.gif");
	background-position: left top;
	background-repeat: repeat-x;
}

#OptionPickerWindow .TopBackground .OptionTitle
{
	position: relative;
	left: 48px;
	top: 36px;
	font-family: Arial;
	font-size: 18px;
    color: #FFFFFF;
}

#OptionPickerWindow .OptionsHolder 
{
	float: left;
	width: 802px;
	height: 314px;
	margin: 0 0 0 0;
	padding-left: 48px;
	padding-bottom: 36px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#OptionPickerWindow .OptionsHolder .Option 
{
	float: left;
	width: 130px;
	height: 73px;
	margin-right: 0px;
	margin-top: 36px;
	font-family: Arial;
	font-size: 11px;
	line-height: 11px;
	color: #666666;
}

#OptionPickerWindow .OptionsHolder .Option img
{
	border: solid 1px #CCCCCC;
}


#OptionPickerWindow .BottomBar 
{
	float: left;
	width: 850px;
	height: 72px;
	background-image: url("../images/OptionPickerBottomBackground.gif");
	background-position: left top;
	background-repeat: no-repeat;

}

#OptionPickerWindow .BottomBar img
{
	position: relative;
	left: 48px;
	top: 6px;
}

#MyCollections 
{
	float: left;
	padding-left: 72px;
	padding-bottom: 48px;
}

#PrintLogo
{
	display: none;
}

#PrintFooter 
{
	display: none;
}

#PrintHolder 
{
	float: left;
	clear: both;
	width: 922px;
	padding-left: 72px;
	padding-bottom: 24px;
}

#MyCollections .RemoveBtn 
{
	float: left;
	clear: both;
}

.MyCollectionProductHolder 
{
	float: left;
	width: 294px;
	padding-right: 11px;
	/*height: 121px;*/
	margin-bottom: 24px;
	overflow: visible;
}

.MyCollectionProductHolder .ProductImage
{
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 12px;
	text-align: center;	
}

.MyCollectionProductHolder .ProductImage img
{
	/*height: 120px;*/
	border: solid 1px #CCCCCC;
}

.MyCollectionProductHolder .ProductText 
{
	float: left;
	width: 162px;
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
}

.MyCollectionProductHolder .ProductText strong
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #A84B43;
}

.MyCollectionProductHolder .FinishHolder 
{
	float: left;
	clear: none;
	margin-right: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 46px;
	height: 46px;	
}

.MyCollectionProductHolder .FinishHolderClear 
{
	float: left;
	clear: both;
	margin-right: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 46px;
	height: 46px;
	border: solid 1px #FF0000;
}


.MyCollectionProductHolder .FinishImage 
{
	float: left;
	clear: none;
	border: solid 1px #CCCCCC;
	width: 46px;
	height: 30px;
}

.MyCollectionProductHolder .FinishMiniDescription 
{
	float: left;
	clear: left;
	font-family: Arial;
	font-size: 8px;
	line-height: 8px;
}

.DownloadTable 
{
	width: 660px;
	background-image: url("../images/download-background.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

.LinksHolder 
{
	float: left;
	width: 230px;
	min-height: 100px;
	margin-right: 24px;
	margin-bottom: 32px;
}

.LinksHolder .LinkHeader 
{
	font-family: Arial;
	font-size: 19px;
	line-height: 32px;
	color: #A84B43;
}

.LinksHolder a 
{
	float: left;
	clear: left;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	text-decoration: none;
}

.LinksHolder a:hover 
{
	color: 	#A84B43;
	text-decoration: none;	
}

.LinksHolder .LinkImageNoBorderNoMargin 
{
	border-style: none;
	border-width: 0px;
	border-color: #FFFFFF;
	margin: 10px 0 0 0;
}

.Registration 
{
	/*margin-top: 14px;*/
	font-family: Arial;
	font-size: 11px;
	line-height: 12px;
	color: #666666;
}

.Registration span
{
	font-family: Arial;
	font-size: 11px;
	line-height: 12px;
	color: #666666;
}

.Registration input,textarea 
{
	line-height: 22px;
}

.Registration .RedCaps 
{
	color: #A84B43;
}

.ErrorMessages, .ErrorMessages span 
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: #FF0000;
}

.DealerLocatorDropDown 
{
	font-family: Arial;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
}

.GalleryTable 
{
	float: left;
	width: 540px;
	overflow: scroll;
}

.GalleryContent 
{
	width: 540px;
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: #666666;
	padding-bottom: 24px;
	
}

.GalleryContent p 
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.GalleryContent img
{
	float: left;
	border: solid 1px #CCCCCC;
	margin-right: 24px;
	margin-bottom: 24px;
}

#GalleryList
{
	float: left;
	clear: both;
	width: 932px;
	padding-left: 62px;
	margin-top: -72px;
	padding-bottom: 48px;
}

#GalleryList a
{
	float: left;
	width: 109px;
	height: 149px; /* need to change */
	margin-right: 18px;
	padding: 10px 10px 10px 10px;
	background-color: Transparent;
	font-family: Arial;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #A84B43;
	text-decoration: none;
}

#GalleryList a:hover
{
	background-color: #666666;
	color: #FFFFFF;
}

#GalleryList a:active
{
	background-color: #8B0F04;
	color: #FFFFFF;
}

#GalleryList a img
{
	float: left;
	border: solid 1px #CCCCCC;
	margin-bottom: 5px;
	width: 107px;
	height: 107px;
}

#GalleryInfo
{
	float: left;
	clear: both;
	margin-top: -72px;
	width: 154px;
	padding-left: 72px;
	margin-right: 46px;
}

#GalleryInfo .GalleryName
{
	float: left;
	width: 154px;
	margin-bottom: 12px;
	font-family: Arial;
	font-size: 18px;
	line-height: 22px;
	color: #A84B43;
}

#GalleryInfo .GalleryDescription
{
	float: left;
	clear: both;
	width: 154px;
	margin-bottom: 14px;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

#GalleryImage
{
	float: left;
	clear: none;
	width: 488px;
	margin-right: 24px;
	margin-top: -72px;
	padding-bottom: 72px;
	text-align: center;
}

#GalleryImage #DisplayedImage
{
	/*width: 486px;*/
	border: solid 1px #CCCCCC;
	margin-left: auto;
	margin-right: auto;
}

#GalleryImage #ClickToEnlargeMessage
{
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

#GalleryFullSizeImage
{
	/*border: solid 12px #FFFFFF;
	margin-left: auto;
	margin-right: auto;*/
}

#GalleryImageList
{
	float: left;
	clear: none;
	width: 148px;
	margin-top: -72px;
	padding-bottom: 48px;
}

#GalleryImageList .Link
{
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#GalleryImageList .Thumbnail
{
	float: left;
	width: 62px;
	height: 62px;
	border: solid 1px #CCCCCC;
}

#GalleryImageBackBtn
{
	float: left;
	clear: both;
	width: 64px;
	height: 26px;
	margin-right: 10px;	
}

#GalleryImageNextBtn
{
	float: left;
	width: 64px;
	height: 26px;
	margin-right: 10px;	
}

.ContactUsTable 
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}

.LighterGreyText 
{
	font-family: Arial;
	font-size: 16px;
	line-height: 20px;
	color: #a0a0a0;
}

.MediumRegularText
{
	font-family: Arial;
	font-size: 16px;
	line-height: 20px;
	color: #666666;
}


.RegularTextBox 
{
	font-family: Arial;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
}

.RegularRedText
{
	font-family: Arial;
	font-size: 13px;
	line-height: 21px;
	color: #A84B43;
}

.RegularText
{
	font-family: Arial;
	font-size: 13px;
	line-height: 21px;
	color: #666666;
}



.RegularParagraph 
{
	font-family: Arial;
	font-size: 13px;
	line-height: 21px;
	color: #666666;
	margin-bottom: 24px;
}

.RegularParagraph a 
{
	color: 	#A84B43;
	text-decoration: none;	
}

.RegularParagraph a:hover 
{
	text-decoration: underline;
}

.RedParagraphTitle
{
	font-family: Arial;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 0 0;
	color: #A84B43;
}

.ExtraLargeRedHeading 
{
	font-family: Arial;
	font-size: 24px;
	line-height: 26px;
	color: #A84B43;
	margin-bottom: 24px;
}

.LargeRedHeading 
{
	font-family: Arial;
	font-size: 19px;
	line-height: 24px;
	color: #A84B43;
	margin-bottom: 24px;
}

.LargeRedHeadingBold
{
	font-family: Arial;
	font-size: 22px;
	line-height: 24px;
	color: #A84B43;
	margin-bottom: 24px;
}


.MediumRedHeading 
{
	font-family: Arial;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 24px;
	margin-top: -24px;
	color: #A84B43;
}

iframe 
{
	overflow: hidden;
}