/* Globals */
* { font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; margin: 0px; padding: 0px; color: #000;  }
body { background-image: url(images/AFBAB2.gif); }

/* Master Page */
.Page { width: 750px; margin: auto; padding: 0px 12px; background-image: url(images/page_bg.png); background-repeat: repeat-y;  } 
.PageTop { height: 30px; width: 750px; margin: auto; padding: 0px 12px; background-image: url(images/page_top.png); background-position: left bottom; background-repeat: no-repeat; }

.Header { }
.Logo { position: relative; z-index: 20; width: 230px; height: 116px; float: left; background-image: url(images/logo.png); }
.Banner { float: left; width: 527px; *width: 528px; height: 116px; margin-left: -7px; background-image: url(images/banner.jpg); } /*  */

.AltMenuBar { clear: both; height: 39px; width: 750px; background-image:url(images/menubar_bg_flat.gif); margin-top: -1px; margin-left: 1px; }
.AltMenuBar .AltMenu { float: left; margin-left: 20px; margin-top: 14px; }
.AltMenuBar .AltMenu .MenuItem,
.AltMenuBar .AltMenu .SelectedMenuItem { display: block; float: left; height: 11px; overflow: hidden;   }
.AltMenuBar .AltMenu .MenuItem a,
.AltMenuBar .AltMenu .SelectedMenuItem a { display: block; float: left; height: 11px; overflow: hidden; margin-left: 15px;  }
.AltMenuBar .AltMenu .MenuItem a:hover img,
.AltMenuBar .AltMenu .SelectedMenuItem a img,
.AltMenuBar .AltMenu .SelectedMenuItem a:hover img { margin-top: -11px; } 

.Search { float: right; margin-top: 8px; margin-right: 5px; }
.Search input { vertical-align: middle; }

.Main { width: 100%; background-image:url(images/menu_bg.png); background-repeat: repeat-y; background-position:left top; }

.MainMenuBar { width: 230px; float: left; }
.MainMenuBar .MainMenu .MenuItem a,
.MainMenuBar .MainMenu .SelectedMenuItem a {  display: block; height: 38px; width: 223px; overflow: hidden; }
.MainMenuBar .MainMenu .MenuItem a:hover img,
.MainMenuBar .MainMenu .SelectedMenuItem a img { margin-top: -38px;  }
.MainMenu .SubMenuItem a,
.MainMenu .SelectedSubMenuItem a { display: block; height: 24px; width: 223px; overflow: hidden;  }
.MainMenu .SubMenuItem a:hover img,
.MainMenu .SelectedSubMenuItem img,
.MainMenu .SelectedSubMenuItem a:hover img { display: block; margin-top: -24px; } 

.MainContent { float: left; width: 520px; }

.Page .Footer { clear: both;background-image: url(images/footer_bg.gif); background-position: left top; height: 18px; width: 751px; text-align: center; padding-top: 4px; color: #AAA; }

.PageBottom { height: 30px; width: 750px; margin: auto; padding: 0px 12px; background-image: url(images/page_bottom.png); background-position: left top; background-repeat: no-repeat; }

/* Default Page */
.DefaultPage .Logo { position: relative; z-index: 20; width: 223px; height: 116px; float: none; background-image: url(images/logo.gif); }
.DefaultPage .LogoMenu { float: left; }

.DefaultMenuBar { width: 230px; background-image:url(images/menu_bg.png); }
.DefaultMenuBar .DefaultMenu .MenuItem,
.DefaultMenuBar .DefaultMenu .SelectedMenuItem { height: 75px; overflow: hidden;  }
.DefaultMenuBar .DefaultMenu .MenuItem a,
.DefaultMenuBar .DefaultMenu .SelectedMenuItem a { display: block; height: 75px; margin-top: -1px; overflow: hidden;  }
.DefaultMenuBar .DefaultMenu .MenuItem a:hover img,
.DefaultMenuBar .DefaultMenu .SelectedMenuItem a img { margin-top: -75px; } 

.PageBanner { width: 527px; *width: 528px; height: 412px; float: left; margin-left: -7px;  } /* background-image: url(images/page_banner.jpg); */

.DefaultPage .AltMenuBar { clear: both; height: 39px; width: 750px; background-image:url(images/menubar_bg_flat.gif); margin-top: -1px; margin-left: 1px; }
.DefaultPage .AltMenuBar .AltMenu { float: left; margin-left: 20px; margin-top: 14px; }
.DefaultPage .AltMenuBar .AltMenu .MenuItem,
.DefaultPage .AltMenuBar .AltMenu .SelectedMenuItem { display: block; float: left; height: 11px; overflow: hidden; }
.DefaultPage .AltMenuBar .AltMenu .MenuItem a { display: block; float: left; height: 11px; overflow: hidden; margin-left: 15px; }
.DefaultPage .AltMenuBar .AltMenu .MenuItem a:hover img { margin-top: -11px; } 
.DefaultPage .AltMenuBar .Search { float: right; margin-top: 8px; margin-right: 5px; }
.DefaultPage .AltMenuBar .Search input { vertical-align: middle; }

.DefaultPage .Footer { background-image: url(images/54472D.gif); height: 173px; text-align: center; }
.DefaultPage .Footer .MfgLinks { width: 700px; margin: auto; }
.DefaultPage .Footer .MfgLink { display: block; width: 169px; height: 83px; float: left; }
.DefaultPage .Footer .Separator { display: block; height: 83px; width: 6px; float: left; background-image: url(images/brands/horizontal.jpg);  }

/*
.DefaultPage .Footer .KohlerLink { background-image: url(images/kohler_mfg.gif); }
.DefaultPage .Footer .BlancoLink { background-image: url(images/blanco_mfg.gif); }
.DefaultPage .Footer .MiracleLink { background-image: url(images/miracle_mfg.gif); }
.DefaultPage .Footer .TechnistoneLink { background-image: url(images/technistone_mfg.gif); }
.DefaultPage .Footer .ProSpecLink { background-image: url(images/prospec_mfg.gif); } 
*/
.DefaultPage .Footer .DecaLink { background-image: url(images/brands/Deca.jpg); }
.DefaultPage .Footer .BlancoLink { background-image: url(images/brands/Blanco.jpg); }
.DefaultPage .Footer .ArtisanLink { background-image: url(images/brands/Artisan.jpg); }
.DefaultPage .Footer .CifialLink { background-image: url(images/brands/Cifial.jpg); } 

.DefaultPage .Footer .ClarkeLink { background-image: url(images/brands/Clarke.jpg); }
.DefaultPage .Footer .VictoriaAlbertLink { background-image: url(images/brands/VictoriaAlbert.jpg); }
.DefaultPage .Footer .HansgroheLink { background-image: url(images/brands/hansgrohe.jpg); }
.DefaultPage .Footer .KohlerLink { background-image: url(images/brands/Kohler.jpg); } 

.verticalDivide { background-image: url(images/brands/verticle.jpg); height:6px; margin-top:84px; } 

/* Login Page */
.MainLogin { margin: 20px auto; }

/* IE6 Hacks */
.ie-only.Page { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/Default/images/page_bg.png'); }
.ie-only.PageTop { width: 760px; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/Default/images/page_top.png'); }
.ie-only.PageBottom { width: 760px; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/Default/images/page_bottom.png'); }
.ie-only.Logo { cursor: pointer; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/Default/images/logo.png'); }

.ie-only.TopMenuBar .TopMenu { margin-left: 0px; }
.ie-only.TopMenuBar .TopMenu .MenuItem a { margin-left: 10px;  }

.ie-only.DefaultPage .Logo { background-image: url(images/logo.gif); filter:none; cursor: default; }
.ie-only.DefaultMenuBar { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/Default/images/menu_bg.png'); }
.ie-only.BottomMenuBar .BottomMenu { margin-left: 0px; }
.ie-only.BottomMenuBar .BottomMenu .MenuItem a { margin-left: 10px; }

.ie-only.AltMenuBar .AltMenu { margin-left: 0px; }
.ie-only.AltMenuBar .AltMenu .MenuItem a { margin-left: 12px; }
.ie-only.DefaultPage .AltMenuBar .AltMenu { margin-left: 0px; }
.ie-only.DefaultPage .AltMenuBar .AltMenu .MenuItem a { margin-left: 12px; }

/* For trigger purposes for IE6 */
.MainMenuBar .MainMenu .MenuItem a:hover, 
.MainMenuBar .MainMenu .SubMenuItem a:hover,
.BottomMenuBar .BottomMenu .MenuItem a:hover,
.DefaultMenuBar .DefaultMenu .MenuItem a:hover,
.TopMenuBar .TopMenu .MenuItem a:hover { border: none; }

/* Product Browse Page */
.Header .Label { text-transform: uppercase; font-size: 10pt; font-weight: bold; padding: 5px; }
.Application { float: left; }
.Material { float: right; }
.ApplicationDescription { clear: both; display: block; padding: 5px; }

.MaterialMenu { clear: both; display: block; text-align: center;  }
.MaterialMenu a {  }

.ProductList { display: block; width: 90%; margin: 15px auto; }
.ProductList .Product { display: block; width: 110px; float: left; padding-bottom: 10px; text-align: center; vertical-align: top; }
.ProductList .Product .Thumbnail { display: block; width: 100px; height: 100px; vertical-align: top; }
.ProductList .Product img { display: block; width: 100px; height: 100px; }
.ProductList .Product a { display: block; width: 100px; }

/*Product Display Page*/
.PageTitle { display: block; width: 300px; float: left; font-size: 14pt; font-weight: bold; margin: 5px; }
.Material { font-size: 14pt; font-weight: bold; margin: 5px; }
.ImageGallery { width: 500px; margin: 5px auto 0px auto; }
.Description { display: block; width: 500px; margin: 0px auto 20px auto; }

.SectionHeader { display: block; font-weight: bold; border-bottom: solid 1px #666; }
.SizeList { display: block; width: 500px; margin: 10px auto; }

.ProductLineList { display: block; width: 90%; margin: auto; }
.ProductLineList .Header { margin-bottom: 10px; }
.ProductLineList .Product { display: block; width: 115px; float: left; margin-bottom: 10px; text-align: center; }
.ProductLineList .Product img { width: 50px; height: 50px; }
.ProductLineList .Product a { display: block; }

.AccessoryList { clear: both; float: left; width: 510px; margin: 5px auto; }
.AccessoryList .Header { margin-bottom: 10px; }
.AccessoryList .Accessory { width: 100px;  display: block; float: left; text-align: center; vertical-align: top; }
.AccessoryList .Accessory .Thumbnail { width: 100px; height: 100px; }
.AccessoryList .Accessory .Label { clear: both; float: left; width: 100px; text-align: center; }

.AccessoryList:after { display: block; clear: both; content: "."; height: 0px; visibility: hidden; }

.PatternsList { clear: both; float: left; width: 510px; margin: 5px auto; }
.PatternsList .Header { margin-bottom: 10px; }
.PatternsList .Pattern { width: 100px; }
.PatternsList .Pattern .Thumbnail { display: block; float: left; width: 100px; vertical-align: top; }
.PatternsList .Pattern .Thumbnail img { display: block; width: 100px; height: 100px; }
.PatternsList .Pattern .Label { clear: both; float: left; width: 100px; text-align: center; }
.PatternsList:after { display: block; clear: both; content: "."; height: 0px; visibility: hidden; }

/* Search Results Page */
.ResultsGrid { width: 500px; margin: 10px auto; }
.ResultsGrid .Header { text-align: left; height: 25px; background-color: #69766F; }
.ResultsGrid .Header th { padding: 3px; color: #FFF; }
.ResultsGrid .Row { background-color: #9BAEA3;  }
.ResultsGrid .AltRow { background-color: #84948B; }
.ResultsGrid .Row td,
.ResultsGrid .AltRow td { padding: 3px 0px; }
.ResultsGrid .ProductThumbnail {  }
.ResultsGrid .ProductThumbnail img { width: 100px; height: 100px; margin-left: 5px; }

/* Contact Us */
.LocationList { display: block; width: 90%; margin-top: 10px; margin: auto; border-bottom: solid 1px #666; }
.LocationList .Header { display: block; font-weight: bold; font-size: 12pt; border-bottom: solid 1px #666; }
.LocationList .Location { width: 50%; float:left; padding: 5px 0px; }
.LocationList .Location .Label { display: block; }
.LocationList .Location .NameLabel { font-weight: bold; }

.Form { width: 90%; margin: 10px auto; clear: both; }
.Form .FormTitle { color: #330; font-weight: bold; font-size: 12pt; padding: 3px; }
.Form .Instructions { border: inset 2px #CCC; background-color: #9BAEA3; padding: 3px; margin-bottom: 3px; }
.Form .Entry { width: 100%; clear: both; display: block; }
.Form .Entry * { margin: 3px; }
.Form .Entry .Label { display: block; float: left; width: 110px; background-image: url(images/615135.gif); color: #FFF; padding: 2px; font-weight: bold; }
.Form .Entry .Control { display: block; float: left; vertical-align: middle; width: 125px; }
.Form .Entry select { margin-bottom: 0px; font-size: 8pt; }
.Form .Entry .LongControl { width: 200px; }
.Form .Buttons { clear: both; text-align: right; margin: 5px 0px; padding-right: 5px; }


/* Content Pages */
.ContentControl { display: block; margin: 5px; }