/***** Main Tags *****/ body { margin: 0; padding: 0; background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #683D1C; } h1, h2, h3, p, img, ul, ol, li { margin: 0; padding: 0; border: none; } form, input, textarea, select { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } h1 { margin-bottom: 15px; font-size: 14px; font-weight: bold; text-transform: lowercase; } h2 { font-size: 14px; font-weight: bold; } h3 { font-size: 10px; font-weight: normal; text-align: justify; } a { color: #683D1C; text-decoration: none; } a:hover { text-decoration: underline; } li { margin-left: 30px; } div.ClearingDiv { margin: 0; padding: 0; border: none; clear: both; } /***** Site Containers *****/ div.SiteHeaderContainer { margin: 0px auto 0px auto; padding: 0; border: none; width: 1000px; height: 19px; background: url(../img/bg_site_header.png) no-repeat; } div.SiteBodyContainer { margin: 0px auto 0px auto; padding: 0; border: none; width: 1000px; background: url(../img/bg_site_body.png) repeat-y; } div.SiteFooterContainer { margin: 0px auto 0px auto; padding: 0px 0px 25px 0px; border: none; width: 1000px; height: 30px; background: url(../img/bg_site_footer.png) 0px 0px no-repeat; } /***** Header Links *****/ div.TopHeaderContainer { margin: 25px auto 0px auto; padding: 0px 16px 0px 14px; border: none; width: 955px; font-size: 11px; line-height: 25px; } div.TopHeaderContainer div.LeftContent { float: left; display: inline; } div.TopHeaderContainer div.LeftContent span { vertical-align: middle; } div.TopHeaderContainer div.LeftContent img { vertical-align: middle; margin-left: 10px; } div.TopHeaderContainer div.RightContent { float: right; display: inline; } div.TopHeaderContainer div.RightContent span { vertical-align: middle; } div.TopHeaderContainer div.RightContent span.ItemSeparator { margin: 0px 5px 0px 5px; font-size: 1px; line-height: 1px; } div.TopHeaderContainer div.RightContent img { vertical-align: middle; } /***** Header *****/ div.HeaderContainer { margin: 5px auto 0px auto; padding: 0; border: none; width: 988px; height: 93px; position: relative; background: url(../img/bg-header.png) 0px 0px no-repeat; } div.HeaderContainer img.HeaderLogo { float: left; display: inline; margin: 25px 0px 0px 25px; } div.HeaderContainer div.HeaderRightContainer { float: right; display: inline; margin: 0; padding: 0; border: none; background: #99FFFF; height: 93px; } div.HeaderContainer div.HeaderRightContainer div.HeaderLinks { position: absolute; top: 15px; right: 25px; font-size: 11px; text-transform: uppercase; } div.HeaderContainer div.HeaderRightContainer div.HeaderLinks a { color: #FFFFFF; } div.HeaderContainer div.HeaderRightContainer div.HeaderLinks img { vertical-align: middle; } div.HeaderContainer div.HeaderRightContainer div.HeaderLinks span.ItemSeparator { margin: 0px 5px 0px 5px; color: #FFFFFF; } div.HeaderContainer div.HeaderRightContainer div.HeaderSearch { position: absolute; bottom: 15px; right: 25px; } div.HeaderContainer div.HeaderRightContainer div.HeaderSearch table { margin: 0; padding: 0; border: none; background: none; border-collapse: collapse; } div.HeaderContainer div.HeaderRightContainer div.HeaderSearch table tr td { margin: 0; padding: 0; border: none; background: none; text-align: left; vertical-align: bottom; } div.HeaderContainer div.HeaderRightContainer div.HeaderSearch table tr td.SubmitPadding { padding-left: 2px; } div.HeaderContainer div.HeaderRightContainer div.HeaderSearch table tr td.RegisterProduct { padding-right: 10px; } div.HeaderContainer div.HeaderRightContainer div.HeaderSearch table tr td.RegisterProduct img { display: block; } div.HeaderContainer div.HeaderRightContainer div.HeaderSearch table tr td input[type="text"] { margin: 0px 0px 1px 0px; padding: 5px 5px 5px 5px; border: 1px solid #CCCCCC; background: #FFFFFF; width: 163px; font-size: 10px; font-weight: bold; color: #999999; text-transform: uppercase; } div.HeaderContainer div.HeaderRightContainer div.HeaderSearch table tr td input[type="submit"] { display: block; margin: 0px 0px 1px 0px; padding: 0; border: none; background: url(../img/btn-search.png) top left no-repeat; width: 72px; height: 25px; cursor: pointer; } /***** Menu *****/ div.MenuContainer { margin: 0px auto 0px auto; padding: 0; border: none; background: url(../img/bg-menu.png) top left repeat-x; width: 980px; height: 40px; line-height: 40px; font-family: Arial, Helvetica, sans-serif; } div.MenuContainer table { margin: 0px 15px 0px 15px; padding: 0; border: none; background: none; border-collapse: collapse; } div.MenuContainer table tr td { margin: 0; padding: 0; border: none; background: none; height: 40px; line-height: 12px; text-align: center; vertical-align: middle; } div.MenuContainer table tr td a { font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; } div.MenuContainer table tr td a:hover { color: #825B4F; } div.MenuContainer table tr td.ItemSeparator { width: 32px; background: url(../img/bg-menu-separator.png) 15px 5px no-repeat; } /***** Content *****/ div.ContentContainer { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none; width: 985px; } /***** Footer *****/ div.FooterContainer { margin: 15px auto 0px auto; padding: 15px 0px 5px 0px; border: none; border-top: 1px solid #BDBDBD; background: none; width: 960px; font-size: 11px; } div.FooterContainer div.FooterRightContainer { float: right; display: inline; margin: 0; padding: 0; border: none; background: none; } div.FooterContainer div.FooterRightContainer span { display: inline-block; vertical-align: baseline; text-align: right; font-size: 10px; line-height: 10px; } div.FooterContainer div.FooterRightContainer img { display: inline-block; vertical-align: baseline; margin-left: 10px; } div.FooterContainer div.FooterLinks1 { margin: 0; } div.FooterContainer div.FooterLinks1 span.ItemTitle { font-weight: bold; } div.FooterContainer div.FooterLinks1 span.MenuItemSeparator { margin: 0px 5px 0px 5px; } div.FooterContainer div.FooterLinks2 { margin: 0px 0px 0px 0px; } div.FooterContainer div.FooterLinks2 span.MenuItemSeparator { margin: 0px 5px 0px 5px; } div.FooterContainer div.FooterDivisionText { margin: 10px 0px 0px 0px; } div.FooterContainer div.FooterDivisionText span.ItemTitle { margin-left: 0px; font-weight: normal; } /***** Content Containers *****/ div.LeftNavigationContainer { float: left; display: inline; margin: 15px 0px 0px 3px; padding: 0; border: none; background: none; width: 168px; text-transform: lowercase; } div.LeftNavigationContainer div.CollectionContainer { margin: 0; padding: 7px 8px 0px 8px; border: none; background: #EAE9E3; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; } div.LeftNavigationContainer div.FilterContainer { margin: 0; padding: 15px 8px 8px 8px; border: none; background: #EAE9E3; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; } div.LeftNavigationContainer div.SectionTitle { padding: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; text-transform: lowercase; } div.LeftNavigationContainer div.SectionTitle a { text-decoration: none; } div.LeftNavigationContainer div.SectionTitle a:hover { text-decoration: underline; } div.LeftNavigationContainer div.NavLink { padding: 5px 0px 0px 0px; } div.LeftContentContainer { float: left; display: inline; margin-left: 20px; padding: 15px 0px 0px 0px; border: none; width: 495px; } div.RightContentContainer { float: left; display: inline; margin-left: 20px; padding: 15px 16px 0px 30px; border: none; width: 209px; background: url(../img/bg_rightcolumn.png) 0px 0px repeat-y; } div.RightContentContainer div.SectionTitle { margin-bottom: 15px; font-size: 14px; font-weight: bold; text-transform: lowercase; } div.RightContentContainer div.NavigationContainer { margin: 0; padding: 0; border: none; } div.RightContentContainer div.NavigationContainer.TopNavigation { margin-bottom: 15px; } div.RightContentContainer div.NavigationContainer.BottomNavigation { margin-top: 15px; } div.RightContentContainer div.NavigationContainer .NextLink { float: right; display: inline; } div.RightContentContainer div.NavigationContainer .PreviousLink { float: left; display: inline; } div.RightContentContainer div.NavigationContainer .DisabledLink { color: #A1A1A1; } div.RightContentContainer div.ToggleContainer { margin: 0; padding: 0; border: none; display: none; } div.RightContentContainer div.ToggleContainer div.ItemImage { float: left; display: inline; width: 75px; height: auto; } div.RightContentContainer div.ToggleContainer div.ItemImage img { vertical-align: top; width: 100%; } div.RightContentContainer div.ToggleContainer div.RightContent { margin: 0px 0px 0px 85px; } div.RightContentContainer div.ToggleContainer div.RightContent div.ItemTitle { margin: 0px 0px 5px 0px; } div.RightContentContainer div.ToggleContainer div.RightContent div.ItemTitle a { font-weight: bold; } div.RightContentContainer div.ToggleContainer div.RightContent div.ItemDimensions { margin: 0px 0px 5px 0px; } div.FullContentContainer { float: left; display: inline; margin: 15px 0px 0px 20px; padding: 0; border: none; width: 794px; } div.LeftContentContainer a, div.FullContentContainer a { color: #F16925; text-decoration: none; } div.LeftContentContainer a:hover, div.FullContentContainer a:hover { text-decoration: underline; } div.LeftContentContainer div.SectionTitle, div.FullContentContainer div.SectionTitle { margin-bottom: 15px; font-size: 14px; font-weight: bold; text-transform: lowercase; } /***** Message Containers *****/ div.ErrorMessageContainer { margin: 15px 0px 15px 0px; padding: 10px 10px 10px 35px; border: 1px solid #CC0000; color: #000000; background: #FFF0F0 url(../img/bullet/red_cross.png) 10px 10px no-repeat; } div.SuccessMessageContainer { margin: 15px 0px 15px 0px; padding: 10px 10px 10px 35px; border: 1px solid #00CC00; background: #F0FFF0 url(../img/bullet/green_checkmark.png) 10px 10px no-repeat; } /***** Bullet List: Begin *****/ div.BulletListContainer { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; border: none; } div.BulletListItem.RightColumn { margin: 0; padding: 0px 0px 0px 11px; background: url(../img/bullet/right_column.png) 0px 4px no-repeat; } /***** Spacer *****/ div.SpacerDiv { margin: 0; padding: 0; border: none; height: 0px; line-height: 0px; overflow: hidden; background: none; } div.SpacerDiv.Spacer1px { height: 1px; } div.SpacerDiv.Spacer2px { height: 2px; } div.SpacerDiv.Spacer5px { height: 5px; } div.SpacerDiv.Spacer10px { height: 10px; } div.SpacerDiv.Spacer15px { height: 15px; } div.SpacerDiv.Spacer20px { height: 20px; } div.SpacerDiv.Spacer25px { height: 25px; } div.SpacerDiv.SpacerBR { height: 15px; } div.SpacerDiv.SpacerHR { margin: 15px 0px 15px 0px; height: 1px; background: #683D1C; } div.SpacerDiv.SpacerBulletList { height: 5px; } /***** Button *****/ div.ButtonContainer.Style1 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/button1_bg.png) right top no-repeat; height: 30px; line-height: 30px; cursor: pointer; float: left; display: inline; } div.ButtonContainer.Style1 div.InnerButtonContainer { margin: 0px 10px 0px -10px; padding: 0px 0px 0px 10px; border: none; background: url(../img/button1_bg.png) left top no-repeat; height: 30px; line-height: 30px; cursor: pointer; float: left; display: inline; position: relative; } div.ButtonContainer.Style1 div.InnerButtonContainer a { margin: 0px -10px 0px -10px; padding: 0px 10px 0px 39px; border: none; background: none; height: 30px; line-height: 30px; color: #FFFFFF; font-size: 13px; font-weight: bold; text-decoration: none; float: left; display: inline; position: relative; } /***** Breadcrumbs *****/ div.BreadcrumbsContainer { margin: 0px 0px 15px 0px; padding: 0; border: none; background: none; font-size: 14px; font-weight: bold; text-transform: lowercase; } div.BreadcrumbsContainer h1 { display: inline; font-size: 14px; font-weight: bold; } div.BreadcrumbsContainer span { margin: 0px 10px 0px 10px; } div.BreadcrumbsContainer a { color: #683D1C; text-decoration: none; } div.BreadcrumbsContainer a:hover { text-decoration: underline; }