/***********************************************************/ /* ZNode Storefront Stylesheet /* Copyright 2004-2008, www.znode.com, All Rights Reserved. /***********************************************************/ /**************************************************/ /* GLOBAL /**************************************************/ body { margin-top: 0px; background-color: #ffffff; font-family: verdana,helvetica,sans-serif; font-size: 8pt; color: #666666; text-align: left; background-image: url( '../images/bg.jpg' ); } /**************************************************/ /* PAGE SECTIONS /**************************************************/ #Container { width: 780px; margin-left: auto; margin-right: auto; margin-top: 10px; background-color: #ffffff; float: none; /* border-left: solid 1px white; border-right: solid 15px white;*/ text-align: left; padding-bottom: 20px; border-left-style: solid; border-left-width: 1px; border-left-color: #3D9DCC; border-bottom-color: #3D9DCC; border-top-color: #3D9DCC; border-top-width: 1px; } #Header { height: 154px; padding: 5px; text-align: left; background-image: url( '../images/logo.jpg' ); } #BreadCrumb {text-align: left; vertical-align: middle; background-color: #E2E2E2;padding:1px 5px 2px 5px;font-size: 11px;font-family:Arial;font-weight:bold;} #Logo { } #LeftColumn { margin-top: 5px; width: 150px; } #SeperateColumn {width: 6px; border-right: #dddddd 1px solid;} #MiddleColumn {padding-left: 10px;margin-top:1px;width:595px;} #MiddleColumn .Field{ margin-top:5px; margin-bottom: 5px; } #LeftContentColumn {padding-left: 20px; margin-top:20px; width:545px;} #RightColumn { width: 180px; padding-top: 10px; padding-right: 10px; padding-left: 10px; font-size: 0.95em; } #ContentColumn { padding-top: 10px; padding-right: 25px; padding-left: 25px; padding-bottom: 25px; margin-bottom: 1px; margin-left: 1px; border-bottom: 1px solid #C0C0C0;} #Footer { background-position: center; width: 780px; margin-left: auto; margin-right: auto; margin-bottom: 10px; background-color: ffffff; } #CustomerService { color: #000000; margin-right: 0px; margin-bottom: 5px; font-weight: normal; margin-top: 15px; } #PoweredByZNode{ float:none; margin:10px; text-align:center; } #QuickNavigation { margin-top:5px; margin-bottom:5px;} /**************************************************/ /* Container SECTIONS /**************************************************/ #Container .TableCellBg { background-image: url('../images/side_gradient2.jpg'); background-repeat: no-repeat; background-position: right top; } #Container .TableContainer { width: 740px; margin-right: auto; margin-left: auto; margin-top: 12px; } #Container .TableContainer .ClearImageLeft{ width:150px; height:1px; } #Container .TableContainer .ClearImageRight{ width:600px; height:1px; text-align:left; } #Container .PluginContainer { width:810px; } #Container .ContentContainer { width:810px; } /**************************************************/ /* Error Page Styles /**************************************************/ #ErrorContainer { font-family:Arial; width:760px; font-size:12px; } #ErrorContainer .Text{ color:#ff0000;font-size:13px; margin-bottom:13px; margin-left:10px; margin-right:10px; } #ErrorContainer .Description { margin-bottom:20px; margin-left:10px; margin-right:10px } #ErrorContainer A:link {color:Blue;font-size:13px;text-decoration:underline;} #ErrorContainer A:Visited {color:Blue;font-size:13px;text-decoration:underline;} #ErrorContainer A:hover {color:D37E1E; font-size:13px;text-decoration:underline;} /**************************************************/ /* GLOBAL STYLES /**************************************************/ h1 { font-size: 1.7em; margin-bottom: 10px; margin-top: 0px; font-family: Arial; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-size: 1.1em; color: #444444; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; background-color: #eaebeb; border-left: #d3d3d3 1px solid; border-bottom: #8e9fba 1px solid; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3; } h6 { font-size: 1.1em; color: #007EA8; } select {} hr { border: 0; width: 100%; color: #4682b4; height: 1px; } a:link {color: #333333; } a:Visited {color: #333333; } a:Hover {color: #666666;} p { font-size: 1.0em; } big { font-size: 1.2em; } small { font-size: .85em; } .Error { font-weight: bold; color: #ff0000; font-size: 11px; margin-bottom: 5px; margin-top: 5px; } .FailureText {color:Red;} .Success{ font-weight: bold; color: Green; font-size: 13px; white-space:pre; background-image: url(../../Images/icons/check.png); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 10px; margin-top: 5px; } .Optional {font-weight: bold; color: Blue; font-size: 13px; white-space:pre; background-image: url(../../Images/icons/warning_small.gif); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 10px; margin-top: 5px; } .AddOnMessage { color: #D37E1E; font-size:11px; } .ProductPageNewItem {text-align:right;position:relative;bottom:145px;right:2px;} .NewItemStyle {position:relative;bottom:12px;left:60px;} .PluginMessage{ margin-left:10px; font-size:12px; font-weight:normal; font-family:Verdana; text-align:left;} /***************************************************/ /* STORE LOCATOR /***************************************************/ .StoreLocator {margin-bottom:20px;} .StoreLocator .SearchContent { background-color: #EFF3F6; padding-left: 10px; width: 440px; margin-bottom: 10px; border-right: #d0e3ec 1px solid; border-top: #d0e3ec 1px solid; border-left: #d0e3ec 1px solid; border-bottom: #d0e3ec 1px solid; } .StoreLocator .SearchContent table {margin-left:10px;margin-top:15px;} .StoreLocator .Row { padding-bottom: 10px; } .StoreLocator .FieldStyle {vertical-align:top;display: block; white-space: nowrap; font-size: 11px; font-weight: bold; color: #4b4b4b; text-align: right; margin-bottom: 10px; padding-right: 10px; padding-top:6px; } .StoreLocator .Button { } .StoreList {} .StoreList .TextContent {float:left;margin-left:5px;margin-top:20px;} .StoreList .TextContent div {margin-bottom:4px;} .StoreList .ImageContent {float:right;} .StoreList .Title A:Link {color:#004d94;font-weight:bold;text-decoration:none;} .StoreList .Title A:hover {color:D37E1E; font-weight:bold;text-decoration:underline;} .StoreList .Title A:Visited {color:#004d94;font-weight:bold;text-decoration:none;} .StoreList .Address {color:Black;} .StoreList .MapLink A:Link {color:#004d94;text-decoration:none;} .StoreList .MapLink A:hover {color:D37E1E;text-decoration:none;} .StoreList .MapLink A:Visited {color:#004d94;text-decoration:none;} /**************************************************/ /* MENU /**************************************************/ #Menu { font-size: 11px; color: white; font-family: Arial; text-align: left; background-color: #FFFFFF; font-weight: bold; text-transform: capitalize; padding: 0px; margin: 0px; border-bottom: #c0c0c0 1px solid; height: 80px; } #Menu A:link { text-decoration: none;} #Menu A:Visited { text-decoration: none; } #Menu A:Hover { text-decoration: none; } #Menu .StaticMenuStyle { } #Menu .StaticMenuItemStyle { font-size: 11px; color: white; font-weight: bold; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; } #Menu .StaticHoverStyle { background-color: #666666; } #Menu .StaticSelectedStyle { } #Menu .DynamicMenuStyle {-moz-margin-start:-15px;} #Menu .DynamicMenuItemStyle {background-color: #7C7C7C; font-size: 11px;color: white; font-weight: bold; padding:5px 5px 5px 5px;border-top :dotted 1px white;} #Menu .DynamicHoverStyle {background-color:#666666;} #Menu .DynamicSelectedStyle { } /**************************************************/ /* GRID /**************************************************/ .Grid { border-bottom: #c0c0c0 1px solid; padding-bottom: 10px;width:100%;} .Grid a { text-decoration: none; color: #003399; } .Grid a:link { text-decoration: none; color: #003399; } .Grid a:hover { text-decoration: underline; color: #D37E1E; } .Grid a:visited { text-decoration: none; color: #003399; } .FooterStyle { background-color: #507CD1; color: white; font-weight: bold; } .RowStyle { background-color: #EFF3FB; } .PagerStyle { background-color: #fbfbfb; text-align: center; } .PagerStyle a:link { text-decoration: underline; } .PagerStyle a:hover { text-decoration: underline; } .PagerStyle a:visited { text-decoration: underline; } .HeaderStyle { background-color: #507CD1; color: white; font-weight: bold; text-align: left; } .AlternatingRowStyle { background-color: #FFFFFF; } /**************************************************/ /* SITE LINKS /**************************************************/ /*t-align: right; vertical-align: middle; margin-right: -10px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 4px; text-decoration: none; margin-bottom: 10px; }*/ #SiteLinks .Link { margin-left: 4px; margin-right: 5px; margin-bottom: 10px; } #Header A:link { color: #000000; text-decoration: none; margin-right: 2px; } #Header A:visited { color: #000000; text-decoration: none;margin-right:2px;} #Header A:hover { text-decoration: none; color: #DAAC74; } #Diamond { margin-top: 70px; margin-right: 40px; } #Diamond h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 17px; color: #666666; font-style: italic; } #SiteLinks .CartItem { color: #D37E1E; margin-right: 0px; font-weight: bolder; } /*************************************/ /*************************************/ /* BreadCrumb /*************************************/ #BreadCrumb {padding-left:11px;border-top:2px white solid;letter-spacing:0.2px;} #BreadCrumb A:link { color: #7C7C7C; text-decoration: none; margin-right:2px; } #BreadCrumb A:visited { color: #7C7C7C; text-decoration: none;margin-right:2px;} #BreadCrumb A:hover { text-decoration: none; color: Black; } /**************************************************/ /* QUICK SEARCH /**************************************************/ #QuickSearch { } #QuickSearch .Title { color: #404040; font-weight: bold;margin:0px 18px 5px 0px;font-size: 11px; font-family: Arial; } #QuickSearch .Button {margin:0px 5px 0px 8px;} #QuickSearch .TextBox {border:solid 1px #404040;} /**************************************************/ /* News Letter Singup /**************************************************/ #NewsLetter { margin-bottom:40px; } #NewsLetter .Title { color: #cb5d2a; font-weight: bold; padding-right: 10px; padding-left: 10px; padding-bottom: 8px; padding-top: 5px; font-size: 9pt; font-family: verdana; } #NewsLetter .Text { color:#7777a4; padding-left:10px; } /**************************************************/ /* HOME QUICK SEARCH /**************************************************/ #HomeQuickSearch { background-color:#f7f7f7; padding-bottom:15px; margin-bottom:20px; border-bottom: solid 1px #dddddd; } #HomeQuickSearch .Title { color: #cb5d2a; font-weight: bold; padding-right: 10px; padding-left: 15px; padding-bottom: 10px; font-size: 9pt; font-family: verdana; margin-top:10px;} #HomeQuickSearch .Button {margin:0px 0px 0px 10px;} #HomeQuickSearch .TextBox {border:solid 1px #404040; width:130px; margin-left:16px;} #HomeQuickSearch .Text{color:#7777a4; padding-top:10px; padding-left:8px; } /**************************************************/ /* PRODUCT SEARCH /**************************************************/ .ProductSearch{} .ProductSearch .Description{margin-bottom:15px;} .ProductSearch .Form .Field {font-weight: bold; padding-right: 10px;padding-bottom:10px; } .ProductSearch .Form .Value {padding-bottom:10px;} .ProductSearch .SearchForm hr { border: 0; background-color:#4682b4; width: 100%; color: #4682b4; height: 1px; margin-top:10px; } .ProductSearch .SearchForm .FieldStyle { white-space: nowrap; font-size: 11px; font-weight: bold; color: #4b4b4b; text-align: right; margin-bottom: 10px; padding-right: 10px; padding-top:6px; } .ProductSearch .SearchForm .ValueStyle {font-size: 11px; font-weight: normal; color: #333333; padding-bottom: 2px; padding-top: 2px; } /**************************************************/ /* CATEGORY DETAIL /**************************************************/ .CategoryDetail {margin-bottom:20px;} .CategoryDetail .Title { color: #0099CC; font-size: 14px; margin-bottom: 5px; margin-top: 0px; padding-right: 10px; font-weight: bold; padding-bottom: 10px; padding-top: 10px; } .CategoryDetail .Description { margin-top: 15px;} .CategoryDetail .SubCategoryList { margin-top: 0px; margin-bottom: 20px; margin-top: 15px; } .CategoryDetail .SubCategoryList .Title { color: #0099CC; font-size: 14px; margin-bottom: 5px; margin-top: 0px; background-color: #666666; font-family: Arial; padding-right: 10px; padding-left: 10px; font-weight: bold; padding-bottom: 5px; padding-top: 5px; } .CategoryDetail .SubCategoryListItem { padding-right: 0px; padding-bottom: 0px; vertical-align: top; margin-bottom: 30px; border-bottom: #dddddd 1px; padding-top: 0px; margin-right: 30px; padding-left: 0px; margin-left: 5px; } .CategoryDetail .SubCategoryListItem .ShortDescription { font-weight: normal; font-size: 12px; text-align:center; margin-bottom: 10px; padding-top: 0px; color: #333333; } .CategoryDetail .SubCategoryListItem .CategoryLink {font-weight: normal; font-size: 12px; text-align:center; margin-bottom: 10px; padding-top: 0px; color: #6b7aa2; } .CategoryDetail .SubCategoryListItem .CategoryLink A:link { text-decoration: none; color: #333333; } .CategoryDetail .SubCategoryListItem .CategoryLink A:Visited { text-decoration: none; color: #333333; } .CategoryDetail .SubCategoryListItem .CategoryLink A:Hover { text-decoration: none; color: #D37E1E; } .CategoryDetail .ProductList { text-align: left; } .CategoryDetail .ProductListItem { vertical-align: top; text-align: center; padding-right: 15px; padding-left: 15px; padding-bottom: 0px; padding-top: 0px; border-right: #eff3f6 8px solid; border-top: #eff3f6 8px solid; border-left: #eff3f6 8px solid; border-bottom: #eff3f6 8px solid; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; } .CategoryDetail .ProductListItem .CallForPrice { text-align: center; font-weight: bold; font-size: 11px; color: #D37E1E; } .CategoryDetail .ProductListItem .Price { text-align: center; font-weight: bold; font-size: 11px; color: #D37E1E; } .CategoryDetail .ProductListItem .RegularPrice { text-align: center; font-weight: bold; font-size: 11px; color: #666666; text-decoration: line-through; } .CategoryDetail .ProductListItem .SalePrice { text-align: center; font-weight: bold; font-size: 11px; color: #ff0000; padding-top: 5px; } .CategoryDetail .ProductListItem .Image { margin-bottom: 5px; } .CategoryDetail .ProductListItem .ShortDescription { margin-bottom: 5px; } .CategoryDetail .ProductListItem .StarRating {text-align:left;margin-left:10px;} .CategoryDetail .ProductListItem .BuyButton { margin-top: 10px; margin-bottom:10px; } .CategoryDetail .ProductListItem .DetailLink { margin-bottom: 5px; margin-top:5px; font-size: 12px; font-weight: bold; } .CategoryDetail .ProductListItem .DetailLink A:link { color: #666666; text-decoration: underline; } .CategoryDetail .ProductListItem .DetailLink A:Visited { color: #666666; text-decoration: underline; } .CategoryDetail .ProductListItem .DetailLink A:Hover { color: #D37E1E; text-decoration: underline; } .CategoryDetail .Paging { text-align: right; margin-top: 15px; margin-bottom: 10px; font-size: 11px; color: #444444; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3; border-left-width: 1px; border-left-color: #d3d3d3; border-bottom-width: 1px; border-bottom-color: #8e9fba; } .CategoryDetail .NavigationStyle { text-align: right; margin-top: 15px; margin-bottom: 10px; font-size: 11px; color: #444444; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3; border-left-width: 1px; border-left-color: #d3d3d3; border-bottom-width: 1px; border-bottom-color: #8e9fba; } .CategoryDetail .Sorting .Label { font-weight: bold; margin-right: 5px; } .CategoryDetail .Sorting select { font-size: 8pt; font-family: verdana; } /**************************************************/ /* HOME PAGE - FEATURED CATEGORIES /**************************************************/ .HomeFeaturedCategories .Title { color: #0099CC; font-size: 14px; margin-bottom: 5px; margin-top: 0px; background-color: #666666; padding-right: 10px; font-weight: bold; padding-bottom: 5px; padding-top: 5px; } .HomeFeaturedCategories .Description { margin-top: 15px; font-size: 8pt; } .HomeFeaturedCategories .SubCategoryList { margin-top: 0px; margin-bottom: 20px; margin-top: 15px; } .HomeFeaturedCategories .SubCategoryListItem { padding-right: 24px; padding-bottom: 0px; vertical-align: top; margin-bottom: 20px; border-bottom: #dddddd 1px; padding-top: 0px; margin-right: 20px; padding-left: 0px; margin-left: 5px; } .HomeFeaturedCategories .SubCategoryListItem .CategoryLink { text-align:center; padding-top:5px;font-weight: normal; font-size: 12px; margin-bottom: 10px; color: #6b7aa2; } .HomeFeaturedCategories .SubCategoryListItem .CategoryLink A:link { text-decoration: none; color: #333333; } .HomeFeaturedCategories .SubCategoryListItem .CategoryLink A:Visited { text-decoration: none; color: #333333; } .HomeFeaturedCategories .SubCategoryListItem .CategoryLink A:Hover { text-decoration: none; color: #D37E1E; } .HomeFeaturedCategories .SubCategoryListItem .Image { } /**************************************************/ /* FOOTER - OVERRIDE /**************************************************/ #FooterLinks { width: 780px; background-position: center top; text-align: center; padding-top: 64px; font-size: 1em; font-weight: normal; word-spacing: 1.5px; background-repeat: no-repeat; background-image: url( '../images/footer2.jpg' ); height: 20px; background-color: #FFFFFF; border-right-style: solid; border-left-style: solid; border-right-width: 1px; border-left-width: 1px; border-right-color: #0099cc; border-left-color: #0099cc; color: #FFFFFF; } #FooterLinks .Link { letter-spacing: 0px; width: 780px; background-color: #0099CC; padding-top: 4px; padding-bottom: 4px; } #FooterLinks .Link A:link { color: #FFFFFF; text-decoration: none; margin-right: 2px; } #FooterLinks .Link A:visited { color: #FFFFFF; text-decoration: none; } #FooterLinks .Link A:hover { text-decoration: none; color: #D37E1E; } /**************************************************/ /* PRODUCT DETAIL /**************************************************/ .ProductDetail { margin-bottom: 20px; margin-right: 20px; margin-left: 20px; } .ProductDetail .Title { color: #0099CC; font-size: 14px; margin-bottom: 10px; margin-top: 0px; padding-right: 10px; font-weight: bold; padding-bottom: 10px; padding-top: 10px; } .ProductDetail .Image { margin-bottom: 10px; text-align: center; border-right: #eff3f6 8px solid; padding-right: 10px; border-top: #eff3f6 8px solid; padding-left: 10px; padding-bottom: 10px; border-left: #eff3f6 8px solid; padding-top: 10px; border-bottom: #eff3f6 8px solid; } .ProductDetail .Label { font-weight: bold; color: #D37E1E; margin-right: 5px; } .ProductDetail .Zoom { margin-bottom: 20px; text-align: center; } .ProductDetail .Description { margin-top: 20px; margin-bottom: 20px; font-size: 8pt;} .ProductDetail .PriceBox { margin: 0px 0px 0px 0px; font-weight: normal; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; text-align: center; } .ProductDetail .Price {font-size: 14px; font-weight:bold; color:#D37E1E; font-family: arial; } .ProductDetail .PriceText { font-size: 12px; font-weight:bold; color:#D37E1E; font-family: arial; } .ProductDetail .RegularPrice { font-size: 14px; font-weight: normal; color: #666666; text-decoration: line-through; margin-right: 5px; font-family: arial;} .ProductDetail .SalePrice {font-size: 14px; font-weight:bold; color:#D37E1E; font-family: arial; } .ProductDetail .StockMsg { color: #6074A6; font-family: arial; margin-bottom: 10px; font-weight: bold; } .ProductDetail .CallForPriceMsg {font-size: 14px; font-weight:bold; color:#D37E1E; } .ProductDetail .ProductNumber { font-weight: bold; font-size: 14px; font-family: arial; color: #6b7aa2; } .ProductDetail .DetailButton { margin-bottom: 10px; } .ProductDetail .Options { padding-right: 0px; border-top: #cccccc 1px solid; padding-left: 0px; padding-bottom: 10px; padding-top: 10px; margin-top: 30px; margin-bottom: 20px; border-left-width: 1px; border-left-color: #cccccc; border-bottom-width: 1px; border-bottom-color: #cccccc; border-right-width: 1px; border-right-color: #cccccc; } .ProductDetail .OptionsTitle { color: #D37E1E; padding-left: 5px; font-weight: bold; padding-bottom: 3px; padding-top: 3px; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #3D9DCC; } .ProductDetail .OptionsLabel {color: #6074A6; font-family: arial; margin-bottom:5px; font-weight: bold; margin-right: 5px;} .ProductDetail .Attribute { padding-right: 10px; margin-right: 10px; } .ProductDetail .Related { margin-top: 20px; } .ProductDetail .Manufacturer{font-size:11px; font-weight:bold; color:#D37E1E; } .ProductDetail .AddToCartButton { margin-left: 10px;} .ProductDetail .StatusMsg{font-size:11px; font-weight:bold; color:#D37E1E; } .ProductDetail .Tabs{margin-top: 20px; margin-bottom: 20px; font-size: 8pt; } .ProductDetail .Features {margin-top: 20px; margin-bottom: 20px; font-size: 8pt; } .ProductDetail .Specifications { margin-top: 20px; margin-bottom: 20px; font-size: 8pt;} .ProductDetail .AdditionalInformation {margin-top: 20px; margin-bottom: 20px; font-size: 8pt; } .ProductDetail .StarRating {margin-top:5px;} .ProductDetail .Total { color: #6074A6; font-family: arial; margin-bottom:5px; font-weight: bold; margin-right: 5px; } .ProductDetail .totaltext { font-size: 14px; font-weight:bold; color:#cb5d2a; font-family: arial; } .ProductDetail .Quantity { color: #6074A6;font-family: arial; margin-bottom:5px; font-weight: bold; margin-right:0px; margin-left:3px; } .ProductDetail .TotalPriceText {color: #6074A6;font-family: arial;font-weight: bold;margin-right:5px;} .ProductDetail .PriceContent {margin-top:10px;margin-bottom:10px;margin-left:3px;text-align:left;} .ProductDetail .CallForPrice {font-size:11px; font-weight:bold; margin-left:3px; color:#cc6600; } .ProductDetail .PrdtAddtionalImages {margin-bottom:15px;} .ProductPrice { font-size: 14px; font-weight:bold; color:#cb5d2a; font-family: arial; } .ProductDetail .EnlargeImage {text-align:center;margin-right:20px;} .ProductDetail .EnlargeImage A:Link {position:relative;bottom:4px;left:4px;} .ProductDetail .EnlargeImage A:Visited {position:relative;bottom:4px;left:4px;} .ProductDetail .OrderingOptions {width:100%;border:1px solid #B8C1D7;background-color:#f8fafb;padding-left:20px;padding-right:20px;padding-bottom:10px;padding-top:10px;} .ProductDetail .OrderingOptions .OptionsTitle {color:#6074A6;font-size:12px;margin-bottom:10px;font-family: Arial;font-weight:bold;} .ProductDetail .WishLink {margin-left:0px;margin-top:3px;} /**************************************************/ /* Product Dynamic Attributes/AddOns Style /**************************************************/ #Attributes .FieldStyle {width:100px;} #Attributes .ValueStyle {padding-bottom:5px;padding-left:5px;} #Add-Ons .FieldStyle {width:100px;} #Add-Ons .ValueStyle {padding-bottom:5px;padding-left:5px;} /* Product Alternate Images In ProductZoom.ascx page /*****************************************************/ #ProductZoom {} #ProductZoom .Leftcontent {width:70px; vertical-align:top;} #ProductZoom .ImageContent{margin-top:-15px;} #ProductZoom .AdditionalImages {margin-top:5px;} #ProductZoom .AdditionalImages .AlternateImageBox {margin-left:7px;margin-right:7px;width:50px;height:50px;border:solid 1px Silver;text-align:center;vertical-align:middle; margin-bottom:5px;} #ProductZoom .AdditionalImages .AlternateImageBox Img {cursor:pointer;} #ProductZoom .AdditionalImages .AlternateName {margin-bottom:5px;margin-left:2px;font-family:Tahoma;font-size:9px;font-weight:normal;text-align:center;} #ProductZoom .SwatchImages {margin-top:5px;padding-bottom:5px;margin-left:7px;margin-right:7px;} #ProductZoom .SwatchImages .SwatchImageBox {margin-bottom:5px;cursor:pointer;border:solid 1px Silver;width:50px;height:50px;text-align:center;} #ProductZoom .SwatchImages .AlternateName {margin-bottom:5px;margin-left:2px;font-family:Tahoma;font-size:9px;font-weight:normal;text-align:center;} #ProductZoom .CatalogItemLargeImage {margin:5px;border:solid 1px Silver;width:450px;height:450px;text-align:center;} #ProductZoom .ZoomFooter {border-left:solid 1px #EDFFFF; color:white;cursor:pointer;position:relative;bottom:37px;left:453px;padding:12px 30px 13px 15px;background-color:#6074A6;font: bold 11px Arial; letter-spacing: 2px;} /**************************************************/ /* Product Alternate Images /**************************************************/ .ProductAdditionalImages { margin-top: 40px; } .ProductAdditionalImages .Image {border:0px; margin:0px; padding: 4px 5px 4px 5px; text-align:center; cursor:pointer;} .ProductAdditionalImages .Name { text-align:center; padding-bottom:8px; } .ProductAdditionalImages .ItemStyle{vertical-align:bottom;} /********************/ /*AJAX Tab /*******************/ #Tab .CustomTabStyle .ajax__tab_body { border:Solid 1px #879ACF; font-family:verdana,tahoma,helvetica;font-size:10pt;border-top:#879acf 5px solid;background-color:#ffffff; padding-top:5px;padding-right:13px;} #Tab .CustomTabStyle .ajax__tab_outer {padding-right:4px;background:url(../../../Images/buttons/Rplain.gif) no-repeat right; background-position:top right;} #Tab .CustomTabStyle .ajax__tab_inner {padding-left:4px;background:url(../../../Images/buttons/Lplain.gif) no-repeat;} #Tab .CustomTabStyle .ajax__tab_tab {height:19px;margin:0;background:url(../../../Images/buttons/mplain.gif) repeat-x; padding-top:5px; padding-left:10px; padding-right:10px;} #Tab .CustomTabStyle .ajax__tab_hover .ajax__tab_outer {padding-right:4px;background:url(../../../Images/buttons/Rplain.gif) no-repeat right; background-position:top right;} #Tab .CustomTabStyle .ajax__tab_hover .ajax__tab_inner {padding-left:4px;background:url(../../../Images/buttons/Lplain.gif) no-repeat;} #Tab .CustomTabStyle .ajax__tab_hover .ajax__tab_tab {height:19px;background:url(../../../Images/buttons/mplain.gif) repeat-x;} #Tab .CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url(../../../Images/buttons/faright.gif) no-repeat right; color:White; background-position:top right;} #Tab .CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url(../../../Images/buttons/faleft.gif) no-repeat;color:White; } #Tab .CustomTabStyle .ajax__tab_active .ajax__tab_tab {height:19px;background:url(../../../Images/buttons/famiddle.gif) repeat-x; color:White; font-weight:600;} /**************************************************/ /* CATEGORY TREEVIEW /**************************************************/ .CategoryTreeView { margin-bottom: 15px; padding-bottom: 5px; padding-left: 5px; } .CategoryTreeView A:link { text-decoration: none; } .CategoryTreeView A:Visited { text-decoration: none; } .CategoryTreeView A:Hover { text-decoration: none; color: #D37E1E;} .CategoryTreeView .Title { color: #D37E1E; font-weight: bold; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 10px; font-size: 9pt; font-family: verdana; } .CategoryTreeView ul { padding: 0; margin: 0; } .CategoryTreeView li { list-style-type: none; margin-top: 0; margin-right: 0em; margin-bottom: 0; margin-left: 1.5em; } .CategoryTreeView .TreeView { padding-left: 10px;} .CategoryTreeView .NodeStyle { font-weight: normal; font-size: 8pt; font-family: verdana; padding-bottom: 2px; padding-top: 2px; color: #7777a4; padding-left: 2px; } .CategoryTreeView .RootNodeStyle { } .CategoryTreeView .HoverNodeStyle { color: D37E1E; } .CategoryTreeView .ParentNodeStyle {} .CategoryTreeView .LeafNodeStyle {} .CategoryTreeView .SelectedNodeStyle { font-weight: bold; } /**************************************************/ /* SPECIALS TREEVIEW /**************************************************/ .SpecialsTreeView { margin-bottom: 15px; padding-bottom: 5px; padding-left: 5px; } .SpecialsTreeView A:link { text-decoration: underline; } .SpecialsTreeView A:Visited { text-decoration: underline; } .SpecialsTreeView A:Hover { text-decoration: underline; } .SpecialsTreeView .Title { color: #D37E1E; font-weight: bold; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; font-size: 9pt; font-family: verdana; } .SpecialsTreeView .TreeView { padding-left: 15px; } .SpecialsTreeView .ParentNodeStyle {} .SpecialsTreeView .HoverNodeStyle {color:#666666;} .SpecialsTreeView .SelectedNodeStyle {} .SpecialsTreeView .RootNodeStyle {} .SpecialsTreeView .LeafNodeStyle {padding-left:3px;padding-bottom:5px;} .SpecialsTreeView .NodeStyle { font-size: 8pt; font-family: Verdana; padding-bottom: 2px; padding-top: 2px; color: #7777a4; } /**************************************************/ /* SHOPPING CART /**************************************************/ .ShoppingCart { margin: 10px auto 10px auto; width: 740px; } .ShoppingCart .CheckoutBox { margin-bottom: 10px; margin-top: 10px; text-align: right; } .ShoppingCart .CustomerService { font-weight: bold; font-size: 9pt; font-family:Arial; } .ShoppingCart .Grid { } .ShoppingCart .Grid .Header { font-weight: bold; font-size: 11px; color: white; background-color: #5d7b9d; } .ShoppingCart .Grid .Row { font-weight: normal; font-size: 11px; color: #333333; background-color: #F7F6F3; } .ShoppingCart .Grid .AlternatingRow { font-weight: normal; font-size: 11px; color: #284775; background-color: #ffffff; } .ShoppingCart .Grid .Description { font-size: 11px; font-family: verdana; padding-top: 5px; } .ShoppingCart .Update { font-weight: normal; margin-top: 5px; } .ShoppingCart .Quantity { width: 20px; height: 15px; } .ShoppingCart .CartTotals { margin-bottom: 10px; text-align: right; } .ShoppingCart .Apply {color:#3c3c9e;} .ShoppingCart .gobutton {vertical-align:middle;padding-bottom:6px;} .ShoppingCart .TotalBox td {padding-left:20px;text-align:right;} .ShoppingCart .bold {font-weight:bold;} /************************************************/ /* Customize Dynamic Grid - Attribute /************************************************/ .AttributeGrid .Grid {width:auto; margin: 5px 0px 0px 0px; padding: 1px; border: solid 1px silver; } .AttributeGrid .Grid .Legend { border-top: solid 1px silver; padding: 0px; margin: 0px; } .AttributeGrid .Grid .inStock { color: #575787; } .AttributeGrid .Grid .outOfStock { color: #575787; } .AttributeGrid .Grid .HeaderStyle { padding:0px; font-weight: normal; border-bottom: solid 1px silver; color: black; background-color: white; } .AttributeGrid .Grid .LeftColStyle { font-weight: normal; border-right: solid 1px silver; color: black; background-color: white; padding-left:5px; padding-right:5px; padding-bottom:3px; text-align:right; } .AttributeGrid .Grid .RowStyle{ padding: 0px; background-color: #FFFFFF;} .AttributeGrid .Grid .RowStyle .HeaderStyle { border-bottom: none; border-right: none; } .AttributeGrid .Grid td { border-right: solid 1px silver; } .AttributeGrid .Grid .HeaderStyle { text-align: center; width: 25px; } .AttributeGrid .Grid .Header { width: 25px; } /**************************************************/ /* CHECKOUT /**************************************************/ .Checkout { padding-bottom: 30px; padding-top: 10px; padding-right: 10px; padding-left: 10px; text-align: left;margin-top:0px; } .Checkout .Overview { font-size: 11px; color: black; padding-bottom: 20px; } .Checkout .Or { font-weight: bold; font-size: 16px; color: #0099cc; font-family: arial; padding-right: 10px; padding-left: 10px; } .Checkout .Steps { text-align: left; height: 25px; } .Checkout .Steps .Passive { font-weight: bold; font-size: 11px; color: silver; margin-right: 10px; } .Checkout .Steps .Active { font-weight: bold; font-size: 11px; color: #0099ff; margin-right: 10px;} .Checkout .NextButton { } .Checkout .BackLink { margin-top:50px; } /**************************************************/ /* NOTIFICATION - PAYPAL & GOOGLE EXPRESS CHECKOUT /**************************************************/ #Notification { margin-bottom:200px; } #Notification .BackLink A:Link{ margin-left:10px; } #Notification .BackLink A:Visited{ margin-left:10px; } #Notification .BackLink A:Hover{ margin-left:10px; } #Notification .Text { margin-left:10px; font-size:12px; font-weight:normal; font-family:Verdana; text-align:left; margin-bottom:10px; margin-bottom:15px; } /**************************************************/ /* POPUP WINDOW /**************************************************/ .PopupBody { text-align: center; margin-top: 0px; font-family: verdana,helvetica,sans-serif; font-size: 8pt; color: #666666; background-color: #ffffff; } .Popup { background-color: #ffffff; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; } .Popup .Header { background-color: #dcdcdc; margin-bottom: 20px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; font-size: 10pt; text-transform: uppercase; font-family: Verdana; } .Popup .Body { background-color: #ffffff; margin-bottom: 20px; min-height: 350px; } .Popup .Footer { background-color: #ffffff; background-color: #dcdcdc; padding-top: 5px; padding-bottom: 10px; } /*Outermost DIV for thumbnail viewer*/ #thumbBox{position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #313131; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; } /*Footer DIV of thumbbox that contains "close" link */ #thumbBox .footerbar{ font: bold 16px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; } /*DIV within thumbbox that holds the enlarged image */ #thumbBox #thumbImage{ background-color: white; } /*DIV for showing "loading" status while thumbbox is being generated*/ #thumbLoading{ position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; } #thumbFrame{ position: absolute; left: -300px; font:Arial; border: 0px; padding: 0px; visibility: hidden; z-index: 4;} /**************************************************/ /* SPECIALS Page /**************************************************/ .Specials { text-align: left; margin-top: 0px; margin-bottom: 20px; } .Specials .Title { color: #0099CC; font-size: 14px; margin-bottom: 5px; margin-top: 0px; font-family: Arial; padding-right: 10px; padding-left: 10px; font-weight: bold; padding-bottom: 10px; padding-top: 10px; } .SpecialItem {height:270px;width:145px; vertical-align: top; text-align: center; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; border-right: #eff3f6 8px solid; border-top: #eff3f6 8px solid; border-left: #eff3f6 8px solid; border-bottom: #eff3f6 8px solid; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; } .SpecialItem .Price { font-weight: bold; font-size: 10px;color: #D37E1E; text-align:center; } .SpecialItem .RegularPrice { font-weight: bold; font-size: 10px; font-family: verdana,arial; color: #888888; text-decoration: line-through; } .SpecialItem .SalePrice { font-weight: bold; font-size: 10px;color: #ff0000; padding-top: 5px; } .SpecialItem .Image { margin-bottom: 5px; } .SpecialItem .BuyButton { margin-bottom: 10px; margin-top:10px; } .SpecialItem .ShortDescription { margin-bottom: 5px; } .SpecialItem .StarRating {text-align:left;margin-left:10px;} .SpecialItem .CallForPrice { margin-bottom: 5px; } .SpecialItem .DetailLink { margin-bottom: 5px; font-size: 12px; font-weight: bold; } .SpecialItem .DetailLink A:link { color: #666666; text-decoration: underline; } .SpecialItem .DetailLink A:Visited { color: #666666; text-decoration: underline; } .SpecialItem .DetailLink A:Hover { color: #D37E1E; text-decoration: underline; } /**************************************************/ /* Featured Product /**************************************************/ .Featured { text-align: left; margin-top: 0px; margin-bottom: 20px; } .Featured .Title { color: #EDFFFF; font-size: 14px; margin-bottom: 5px; margin-top: 0px; background-color: #6074A6; font-family: Arial; padding-right: 10px; padding-left: 10px; font-weight: bold; padding-bottom: 10px; padding-top: 10px; } .FeaturedItem {height:270px;width:145px; vertical-align: top; text-align: center; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; border-right: #eff3f6 8px solid; border-top: #eff3f6 8px solid; border-left: #eff3f6 8px solid; border-bottom: #eff3f6 8px solid; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; } .FeaturedItem .Price { font-weight: bold; font-size: 10px;color: #cc6600; text-align:center; } .FeaturedItem .RegularPrice { font-weight: bold; font-size: 10px; font-family: verdana,arial; color: #888888; text-decoration: line-through; } .FeaturedItem .SalePrice { font-weight: bold; font-size: 10px;color: #cc6600; padding-top: 5px; } .FeaturedItem .Image { margin-bottom: 5px; } .FeaturedItem .BuyButton { margin-bottom: 10px; margin-top:10px; } .FeaturedItem .ShortDescription { margin-bottom: 5px; } .FeaturedItem .StarRating {text-align:left;margin-left:10px;} .FeaturedItem .CallForPrice { margin-bottom: 5px; } .FeaturedItem .DetailLink { margin-bottom: 5px; font-size: 12px; font-weight: bold; } .FeaturedItem .DetailLink A:link { color: #666666; text-decoration: underline; } .FeaturedItem .DetailLink A:Visited { color: #666666; text-decoration: underline; } .FeaturedItem .DetailLink A:Hover { color: #0000ff; text-decoration: underline; } /**************************************************/ /* Shop By Brand Page /**************************************************/ .Brand { margin: 0px 0px 20px; border-top-width: 1px; text-align: left; } .Brand .Title { color: #0099CC; font-size: 14px; margin-bottom: 5px; margin-top: 0px; font-family: Arial; padding-right: 10px; padding-left: 10px; font-weight: bold; padding-bottom: 10px; padding-top: 10px; } .BrandItem { vertical-align: top; text-align: center; padding-right: 15px; padding-left: 15px; padding-bottom: 0px; padding-top: 0px; border-right: #eff3f6 8px solid; border-top: #eff3f6 8px solid; border-left: #eff3f6 8px solid; border-bottom: #eff3f6 8px solid; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; } .BrandItem .Price { font-weight: bold; font-size: 10px;color: #D37E1E; } .BrandItem .RegularPrice { font-weight: bold; font-size: 10px; font-family: verdana,arial; color: #888888;text-decoration: line-through;} .BrandItem .SalePrice { font-weight: bold; font-size: 10px;color: #ff0000; padding-top: 5px; } .BrandItem .Image { margin-bottom: 10px; } .BrandItem .ShortDescription { margin-bottom:5px; } .BrandItem .CallForPrice { text-align: center; font-weight: bold; font-size: 11px; color: #D37E1E; } .BrandItem .Price { text-align: center; font-weight: bold; font-size: 11px; color: #D37E1E; } .BrandItem .RegularPrice { text-align: center; font-weight: bold; font-size: 11px; color: #666666; text-decoration: line-through; } .BrandItem .SalePrice { text-align: center; font-weight: bold; font-size: 11px; color: #ff0000; padding-top: 5px; } .BrandItem .Image { margin-bottom: 5px; } .BrandItem .StarRating {text-align:left;margin-left:10px;} .BrandItem .BuyButton { margin-top: 10px; margin-bottom:10px; } .BrandItem .DetailLink { margin-bottom: 5px; margin-top:5px; font-size: 12px; font-weight: bold; } .BrandItem .DetailLink A:link { color: #666666; text-decoration: underline; } .BrandItem .DetailLink A:Visited { color: #666666; text-decoration: underline; } .BrandItem .DetailLink A:Hover { color: #D37E1E; text-decoration: underline; } .Brand .Sorting .Label { font-weight: bold; margin-right: 5px; } .Brand .Sorting select { font-size: 8pt; font-family: verdana; } .Brand .Paging { text-align: right; margin-top: 15px; margin-bottom: 10px; font-size: 11px; color: #444444; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3; border-left-width: 1px; border-left-color: #d3d3d3; border-bottom-width: 1px; border-bottom-color: #8e9fba; } .Brand .NavigationStyle { text-align: right; margin-top: 15px; margin-bottom: 10px; font-size: 11px; color: #444444; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3; border-left-width: 1px; border-left-color: #d3d3d3; border-bottom-width: 1px; border-bottom-color: #8e9fba; } /**************************************************/ /* Shop By Brand Navigation /**************************************************/ .BrandNavigation { } .BrandNavigation .Title { color: #cb5d2a; font-weight: bold; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; font-size: 9pt; font-family: verdana; } .BrandTreeView { margin-bottom: 15px; padding-bottom: 5px; padding-left: 5px; } .BrandTreeView A:link { text-decoration: underline; } .BrandTreeView A:Visited { text-decoration: underline; } .BrandTreeView A:Hover { text-decoration: underline; } .BrandTreeView .TreeView { padding-left: 15px; } .BrandTreeView .ParentNodeStyle {} .BrandTreeView .HoverNodeStyle {color:#666666;} .BrandTreeView .SelectedNodeStyle {} .BrandTreeView .RootNodeStyle {} .BrandTreeView .LeafNodeStyle {padding-left:3px;padding-bottom:5px;} .BrandTreeView .NodeStyle { font-size: 8pt; font-family: Verdana; padding-bottom: 2px; padding-top: 2px; color: #7777a4; } .BrandNavigation .DropDownList { margin-bottom: 20px; margin-left: 11px; padding:0px; font-weight: normal; font-size: 8pt; font-family: verdana; margin-top:7px; margin-left: 10px; } /**************************************************/ /* Price Page /**************************************************/ .Price { text-align: left; margin-top: 0px; margin-bottom: 20px; } .Price .Title { color: #0099CC; font-size: 14px; margin-bottom: 5px; margin-top: 0px; font-family: Arial; padding-right: 10px; padding-left: 10px; font-weight: bold; padding-bottom: 10px; padding-top: 10px; } .PriceItem { vertical-align: top; text-align: center; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; border-right: #eff3f6 8px solid; border-top: #eff3f6 8px solid; border-left: #eff3f6 8px solid; border-bottom: #eff3f6 8px solid; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; } .PriceItem .Price { font-weight: bold; font-size: 10px;color: #D37E1E; } .PriceItem .RegularPrice { font-weight: bold; font-size: 10px; font-family: verdana,arial; color: #888888; text-decoration: line-through; } .PriceItem .SalePrice { font-weight: bold; font-size: 10px;color: #ff0000; padding-top: 5px; } .PriceItem .Image { margin-bottom: 5px; } .PriceItem .BuyButton { margin-bottom: 10px; margin-top:10px; } .PriceItem .ShortDescription { margin-bottom: 5px; } .PriceItem .StarRating {text-align:left;margin-left:10px;} .PriceItem .CallForPrice { text-align: center; font-weight: bold; font-size: 11px; color: #D37E1E; } .PriceItem .DetailLink { margin-bottom: 5px; font-size: 12px; font-weight: bold; } .PriceItem .DetailLink A:link { color: #666666; text-decoration: underline; } .PriceItem .DetailLink A:Visited { color: #666666; text-decoration: underline; } .PriceItem .DetailLink A:Hover { color: #D37E1E; text-decoration: underline; } .Price .Sorting .Label { font-weight: bold; margin-right: 5px; } .Price .Sorting select { font-size: 8pt; font-family: verdana; } .Price .Paging { text-align: right; margin-top: 15px; margin-bottom: 10px; font-size: 11px; color: #444444; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3; border-left-width: 1px; border-left-color: #d3d3d3; border-bottom-width: 1px; border-bottom-color: #8e9fba; } .Price .NavigationStyle { text-align: right; margin-top: 15px; margin-bottom: 10px; font-size: 11px; color: #444444; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3; border-left-width: 1px; border-left-color: #d3d3d3; border-bottom-width: 1px; border-bottom-color: #8e9fba; } /**************************************************/ /* Cross Sell Related Item /**************************************************/ .CrossSell { margin: 20px 0px 10px; border-top-width: 1px; text-align: left; } .CrossSell .Title { color: #0099CC; font-size: 14px; margin-bottom: 5px; margin-top: 0px; padding-right: 10px; font-weight: bold; padding-bottom: 10px; padding-top: 10px; } .CrossSellItem { vertical-align: top; text-align: center; padding-right: 9px; padding-left: 9px; padding-bottom: 0px; padding-top: 0px; border-right: #eff3f6 8px solid; border-top: #eff3f6 8px solid; border-left: #eff3f6 8px solid; border-bottom: #eff3f6 8px solid; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; } .CrossSellItem .CallForPrice { text-align: center; font-weight: bold; font-size: 11px; color: #D37E1E; } .CrossSellItem .Price { text-align: center; font-weight: bold; font-size: 11px; color: #D37E1E; } .CrossSellItem .RegularPrice { text-align: center; font-weight: bold; font-size: 11px; color: #666666; text-decoration: line-through; } .CrossSellItem .SalePrice { text-align: center; font-weight: bold; font-size: 11px; color: #ff0000; padding-top: 5px; } .CrossSellItem .Image { margin-bottom: 5px; border:0px; padding:0px; } .CrossSellItem .ShortDescription { margin-bottom: 5px; } .CrossSellItem .BuyButton { margin-top: 10px; margin-bottom:10px; } .CrossSellItem .DetailLink { margin-bottom: 5px; margin-top:5px; font-size: 12px; font-weight: bold; } .CrossSellItem .DetailLink A:link { color: #666666; text-decoration: underline; } .CrossSellItem .DetailLink A:Visited { color: #666666; text-decoration: underline; } .CrossSellItem .DetailLink A:Hover { color: #D37E1E; text-decoration: underline; } /**************************************************/ /* Wish List Grid /**************************************************/ .WishList {} .WishList .Grid { width:100%; } .WishList .Grid .Header { font-weight: bold; font-size: 11px; color: white; background-color: #5d7b9d; } .WishList .Grid .Row { font-weight: normal; font-size: 11px; color: #333333; background-color: #F7F6F3; } .WishList .Grid .AlternatingRow { font-weight: normal; font-size: 11px; color: #284775; background-color: #ffffff; } .WishList .Grid .Description { font-size: 11px; font-family: verdana; padding-top: 5px; } .WishList .Grid .CallForPrice { text-align: center; font-weight: bold; font-size: 11px; color: #cc6600; } /**************************************************/ /* FORMS /**************************************************/ .Form {margin-bottom:10px;} .FormTitle { font-weight: bold; font-size: 12px; color: #7C7C7C; background-color: #EAEBEB; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; border-bottom: #b4b4b4 1px solid; } .Form .Search { background-color: #f1f1f1; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; padding-top: 10px; border-right: #b5b4b5 1px solid; border-top: #b5b4b5 1px solid; border-left: #b5b4b5 1px solid; border-bottom: #b5b4b5 1px solid; margin-top: 5px; margin-bottom: 5px; } .Form .Asterix { color: red; } .Form .HeaderStyle { font-weight: bold; font-size: 11px; background-color: #e6e6e6; color: #333333; margin-bottom: 5px; margin-top: 10px; padding-bottom: 3px; padding-top: 3px; padding-left: 5px; padding-right: 5px; } .Form .Row { padding-bottom: 10px; } .Form .FieldStyle { display: block; white-space: nowrap; font-size: 11px; font-weight: bold; color: #4b4b4b; text-align: right; margin-bottom: 10px; padding-right: 10px; padding-top:6px; } .Form .ValueStyle {display:block; font-size: 11px; font-weight: normal; color: #333333; padding-bottom: 2px; padding-top: 2px; } .Form .ValueField {padding-bottom:8px;padding-top:5px;} .Form .SuccessMsg {color: Green; font-size: 13px;} .Form .BackLink {color:Blue;font-size: 11px;text-decoration:underline;} .Form .TextField {width:155px;margin-left:5px;} .Form .HintStyle { font-size: 10px; font-weight: normal; color: #333333; padding-left: 10px; border-right: #3399cc 1px solid; padding-right: 10px; border-top: #3399cc 1px solid; padding-bottom: 5px; border-left: #3399cc 1px solid; padding-top: 5px; border-bottom: #3399cc 1px solid; background-color: #ffffcc; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; } .Form .Button { } .Form .Rightalign {padding-left:7px;} .Form .LeftMargin {margin-left:5px;} .Form .Rightalign {padding-left:7px;margin-bottom:30px;} .Or { font-weight: bold; font-size: 14px; color: #336699; font-family: arial; padding-right: 10px; padding-left: 10px; text-transform: uppercase; } .Form .Link { padding-left:7px; font-weight: bold; font-size: 11px; color: #336699; font-family: arial; margin-bottom:5px; } .AccessDenied {padding-bottom:20px;color:Red;font-weight:bold;} .Loginpage {padding-bottom:100px;padding-top:0px;} /* FORMS STYLE .ContentForm {padding-top:10px;padding-right:10px;padding-left:10px;border-right: 1px solid #ACBEF6;border-left: 1px solid #ACBEF6;} .ContentForm A:Link {color:#0F9B97;} .ContentForm A:Visited {color:#0F9B97;}*/ /**************************************************/ /* SITE MAP /**************************************************/ .SiteMap {} .SiteMap .ShoppingCartNavigation {padding-right:20px;margin:0px; border-right: #dddddd 1px solid;} .SiteMap h5 {margin-left:15px;margin-top:0px;} /**************************************************/ /* SHOPPING CART NAVIGATION /**************************************************/ .ShoppingCartNavigation { margin-bottom: 15px; padding-bottom: 5px; padding-left: 5px; } .ShoppingCartNavigation .Title { color: black; font-weight: bold; padding-right: 10px; padding-left: 10px; font-size: 8pt;} .ShoppingCartNavigation .TreeView { padding-left: 10px; } .ShoppingCartNavigation .NodeStyle { font-weight: normal; font-size: 12px;padding-bottom: 2px; padding-top: 2px; } .ShoppingCartNavigation .RootNodeStyle { font-weight: bold; color: #D37E1E; font-size: 8pt; padding-bottom: 2px; padding-top: 5px; text-transform: capitalize; } .ShoppingCartNavigation .RootNodeStyle A:Visited {color: #D37E1E;} .ShoppingCartNavigation .HoverNodeStyle { color: #D37E1E; } .ShoppingCartNavigation .ParentNodeStyle { } .ShoppingCartNavigation .LeafNodeStyle { font-size: 11px; margin-bottom: 5px; padding-top: 1px; color: #7777a4; } .ShoppingCartNavigation .LeafNodeStyle A:Visited {color: #7777a4;} .ShoppingCartNavigation .SelectedNodeStyle { font-weight:bold; } /*************************************************/ /* FORGOT PASSWORD /*************************************************/ .ForgetPassword {font-family:Verdana;font-size:small;} .ForgetPassword .Title {font-size: 11px; font-weight: bold; color: #4b4b4b;} .ForgetPassword .InstructionTextStyle {font-style:italic; Color:Black } .ForgetPassword .SucessTextStyle {padding-bottom:150px;} .ForgetPassword .TextBoxStyle {font-size:0.8em;} .ForgetPassword .TitleTextStyle {background-color:#5D7B9D;font-weight:bold;font-size:0.9em;Color:White;} .ForgetPassword .SubmitButtonStyle {background-color:#FFFBFF; border:#CCCCCC 1px Solid; font-family:Verdana; font-size:0.8em; Color:#284775; } .ForgetPassword .TableContentStyle { margin-left:10px; margin-top:10px;} .ForgetPassword .ValueField {padding-bottom:10px;padding-top:9px;} .ForgetPassword .FieldStyle { display: block; white-space: nowrap; font-size: 11px; font-weight: bold; color: #4b4b4b; text-align: right;padding-right:5px;margin-top:10px; } .ForgetPassword .Button {padding-top: 5px; padding-bottom: 5px; color: #000000; font-size: 12px; font-weight: bold; background-color: #fed; border: 1px solid; border-top-color: #696; border-left-color: #696; border-right-color: #363; border-bottom-color: #363; margin-top: 10px; text-transform: uppercase; font-family: arial;} .ForgetPassword .BackLink { margin-left:10px; margin-top:35px; } .ForgetPassword .BackLink A:Link { margin-left:2px; } .ForgetPassword .BackLink A:Visited{ margin-left:2px; } .ForgetPassword .BackLink A:Hover{ margin-left:2px; } .SuccessText {font-size: 10pt; font-weight: bold; margin-left:10px; } .ContinueButton { margin-left:5px; } /**************************************************/ /* Product Hightlight /**************************************************/ .Highlight { margin: 0px 0px 0px; border: 0px; text-align: left; } .Highlight .HighlightName { font-size:11px; } .HighlightItem { } .HighlightItem .DetailLink { padding-top:15px; font-size: 12px; font-weight: bold; } .HighlightItem .DetailLink A:link { color: #666666; text-decoration: underline; } .HighlightItem .DetailLink A:Visited { color: #666666; text-decoration: underline; } .HighlightItem .DetailLink A:Hover { color: #0000ff; text-decoration: underline; } /**************************************************/ /* Product Review /**************************************************/ .Review { margin-left:10px; } .Review .TitleStyle { font-size: 14px; font-weight:bold; font-family:Arial; padding:0px; color:#444444;} .Review .AlignRight { text-align:right; } .Review .ReviewItem { padding-top:10px; } .Review .ReviewItem .Title { font-size:13px; font-weight:lighter; margin-top: 10px; margin-bottom: 10px; color: #444444; padding-right: 5px; padding-left: 0px; padding-bottom: 3px; padding-top: 3px; background-color: #eaebeb; border-left: #d3d3d3 1px solid; border-bottom: #8e9fba 1px solid; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3;} .Review .ReviewItem .Title .Subject { padding-left:10px; font-size: 13px; font-weight:bold; color:#000000; } .Review .ReviewItem .Text { font-weight:bold;padding-top:5px; padding-bottom:5px;} .Review .ReviewItem .Content { margin-top:5px; margin-bottom:5px; margin-left:10px; } .Review .ReviewItem .Content .Row { margin-top:5px; } .Review .ReviewItem .Content .Row .FieldStyle { font-size:12px; color:#000000; font-weight:bold; margin-bottom:5px; } .Review .ReviewItem .Content .Row .ValueStyle { margin-left:10px; font-size:12px; color:#000000; margin-bottom:5px; } .Review .Paging { margin-top:5px; margin-bottom:0px; text-align:right; } .Review .Sorting { text-align:right; padding-top:7px; } .Review .Link { font-size:12px; text-align:left; width:40%; } .Review .Link A:link { color: #666666; text-decoration: underline; } .Review .Link A:Visited { color: #666666; text-decoration: underline; } .Review .Link A:Hover { color: #0000ff; text-decoration: underline; } .Review .Spacer { margin-bottom:5px; } /*************************************************/ /* Add product Review page style /*************************************************/ .CustomerReview { } .CustomerReview .Container {background-color: #EFF3F6; margin-top:10px; padding-top:10px; padding-left: 10px; width: 98%; margin-bottom: 10px; border-right: #d0e3ec 1px solid; border-top: #d0e3ec 1px solid; border-left: #d0e3ec 1px solid; border-bottom: #d0e3ec 1px solid; } .CustomerReview .Container .Row { padding-bottom: 10px; } .CustomerReview .Container .Row .FieldStyle{ vertical-align:top;display: block; white-space: nowrap; font-size: 11px; font-weight: bold; color: #4b4b4b; text-align: right; margin-bottom: 10px; padding-right: 10px; padding-top:6px; } .CustomerReview .Container .Row .ValueStyle{ } .CustomerReview .Container .Row .FailureText { } .CustomerReview .Container .Spacer { margin-bottom:5px; } /*************************************************/ /* Highlight tool Tip style /*************************************************/ #dhtmltooltip{ position: absolute; left: -300px; width: 200px; font:Arial; border: 1px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120,Strength=3); } #dhtmlframe { position: absolute; left: -300px; font:Arial; border: 0px; padding: 0px; visibility: hidden; z-index: 99;} /**************************************************/ /* Update progress style - Quick Order page /**************************************************/ .overlay {position: fixed;z-index: 99;top: 0px;left: 0px;background-color: #FFFFFF;width: 100%;height: 100%;filter: Alpha(Opacity=70);opacity: 0.70; -moz-opacity: 0.70; } * html .overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px'); } .loader { z-index: 100; position: fixed; width: 120px; margin-left: -60px; top: 50%; left: 50%; } * html .loader { position: absolute; margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px'); } /*************************************************/ /* Quick Order Page */ .QuickOrder {} .QuickOrder .Grid {width:100%;padding-bottom: 10px; margin-bottom:10px; } .QuickOrder .Grid .HeaderStyle { font-weight: bold; font-size: 11px; color: white; background-color: #5d7b9d; } .QuickOrder .Grid .HeaderStyle td { padding:4px 0px 4px 2px; } .QuickOrder .Grid .RowStyle { vertical-align:middle; font-weight: normal; font-size: 11px; color: #333333; background-color: #F7F6F3; } .QuickOrder .Grid .RowStyle td { padding:4px 0px 4px 2px; } .QuickOrder .Grid .AlternatingRowStyle { vertical-align:middle; font-weight: normal; font-size: 11px; background-color: #ffffff; } .QuickOrder .Grid .AlternatingRowStyle td { padding:4px 0px 4px 2px; } .QuickOrder .Grid .FooterStyle { } .QuickOrder .Grid td { border-bottom: #5d7b9d 1px solid; vertical-align:middle;} .QuickOrder .Grid a{text-decoration:none;color:#003399;} .QuickOrder .Grid a:link{text-decoration:none;color:#003399;} .QuickOrder .Grid a:hover{text-decoration:underline;color:#F60} .QuickOrder .Grid a:visited{text-decoration:none;color:#003399;} .QuickOrder .Grid .ProductName { font-size:11px; } .QuickOrder .Grid .ProductStyle { font-size:11px; } .QuickOrder .Grid .EditLink { margin:0px; margin-left:5px; vertical-align:middle; text-decoration:underline; } .QuickOrder .Grid .EditLink A:Link{ text-decoration:underline; } .QuickOrder .Grid .EditLink A:Hover{ text-decoration:underline; } .QuickOrder .Grid .EditLink A:Visited{ text-decoration:underline; } .QuickOrder .Grid .Attributes { } .QuickOrder .Grid .Attributes .FieldStyle { font-size:10px; font-weight:bold; } .QuickOrder .Grid .Attributes .ValueStyle { font-size:11px; margin-bottom:3px; } .QuickOrder .Grid .Price { font-size:11px; margin:0px; } .QuickOrder .SubmitButton { margin:0px; margin-bottom:15px; } .QuickOrder .HintText { font-size:11px; margin-left:0px; margin-bottom:10px; } .QuickOrder .TotalBox .CartTotals { margin-bottom: 10px; text-align: right; font-weight:bold; padding-right:12px; } .QuickOrder .TotalBox .AddToCartButton { text-align:right;} .QuickOrder .ProductDetail { width:100%; } .QuickOrder .ProductDetail .OuterBorder { margin-top: 0px; margin-bottom: 20px; margin-left:5px; font-size: 8pt; border: #eff3f6 5px solid; vertical-align:top; padding:10px;} .QuickOrder .ProductDetail .UpdateProgress {color:Black; background-color:#FAFEFE;padding:1px; padding-left:2px; margin-top:5px; border:1px solid #8ADAD8;width:90px; text-align:center;} .QuickOrder .AttributeGrid .SizeGrid {background-color:#FAFEFE; width:auto; margin: 0px 0px 0px 0px; padding:1px;border-bottom:solid 1px #ACBEF6;} .QuickOrder .AttributeGrid .SizeGrid .Title {letter-spacing:1px; background-color:#6175A6;color:white; border-bottom: solid 1px #6175A6;font: bold 11px Arial;padding-left:10px;padding-top:3px;padding-bottom:3px;} .QuickOrder .AttributeGrid .SizeGrid .Legend {color: #7777a4;padding: 0px; margin: 0px;border-top: solid 1px #ACBEF6;} .QuickOrder .AttributeGrid .SizeGrid .inStock { color: #7777a4; } .QuickOrder .AttributeGrid .SizeGrid .outOfStock { color: #7777a4; } .QuickOrder .AttributeGrid .SizeGrid .HeaderStyle { color:#7777a4;font-weight:normal;background-color:#FAFEFE;padding:0px;border-bottom: solid 1px #ACBEF6;} .QuickOrder .AttributeGrid .SizeGrid .LeftColStyle {color:#7777a4;font-weight:normal;background-color:#FAFEFE;padding:3px;text-align:right;border-left:solid 1px #ACBEF6;} .QuickOrder .AttributeGrid .SizeGrid .RowStyle { padding: 0px; background-color:#EAF6F6;color:#0F9B97;} .QuickOrder .AttributeGrid .SizeGrid .RowStyle .HeaderStyle { border-bottom: none; border-right: none; } .QuickOrder .AttributeGrid .SizeGrid td { border-right:solid 1px #ACBEF6;} .QuickOrder .AttributeGrid .SizeGrid .HeaderStyle { text-align: center; width: 25px; } .QuickOrder .AttributeGrid .SizeGrid .Header { width: 25px; } /*************************************************/ /**************************************************/ /* RESET PASSWORD PAGE /**************************************************/ .ResetPasswordForm { margin-bottom:10px;} .ResetPasswordForm .LabelStyle { display: block; white-space: nowrap; font-size: 11px; font-weight: bold; color: #4b4b4b; text-align: right; padding:0px; padding-top:5px; padding-bottom:25px; padding-right:10px; } .ResetPasswordForm .FieldStyle { display: block; white-space: nowrap; font-size: 11px; font-weight: bold; color: #4b4b4b; text-align: right; padding:0px; padding-top:5px; padding-bottom:15px; padding-right:10px; } .ResetPasswordForm .ValueStyle { font-size: 11px; font-weight: normal; color: #333333; padding-bottom:10px;} /************************************************/ /*Highlight Information /************************************************/ .HighlightInfo { padding-top:15px; padding-bottom:30px; } .HighlightInfo .Description { padding-top:20px; padding-left:5px; } .HighlightInfo .DetailLink { height:25px; margin-bottom: 5px; font-size: 11px; font-weight: bold; color:#7c7c7c; padding-left:5px;} .HighlightInfo .DetailLink A:link { color:#7c7c7c; font-size:11px; font-family:Sans-Serif; text-decoration: underline; } .HighlightInfo .DetailLink A:Visited { color:#7c7c7c; font-size:11px; font-family:Sans-Serif; text-decoration: underline; } .HighlightInfo .DetailLink A:Hover { color:#7c7c7c; font-size:11px; font-family:Sans-Serif; text-decoration: underline; } /*************************************************/ /*Modal Popup - product AddOn Description */ /*************************************************/ .modalPopup { background-color:#ffffff; border-width:5px; border-style:solid; border-color:black; width:350px;position:absolute;display:none;z-index:99999; overflow:auto;} .modalPopup .Description {margin-top:5px;margin-bottom:10px; margin-left:0px; margin-right:0px; padding-top:0px;padding-bottom:0px;padding-left:5px;padding-right:5px;text-align:justify;color: #7C7C7C;font-size: 10px;font-family: verdana; } .modalPopup .FooterLink {text-decoration:Cursor;background-color:black; color:White;text-align:right;padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:5px; cursor:pointer; } /*************************************************/ /* Modal popup /*************************************************/ .modalBackground { background-color:gray; filter:alpha(opacity=50); opacity:0.5; } .PopupStyle { background-color:white; width:90%; margin:0px; padding:15px; border:outset 2px gray; border-bottom-style:outset; } /* ----------------------------------- TabBar Magic Style Sheet by Project Seven Development www.projectseven.com Style Theme: 10 - Key Lime ----------------------------------- */ #p7TBMroot { font-size: 1em; border-top: 1px solid #333333; /*background-image: url(../images/kltab_bevel_bottom.jpg);*/ padding: 0 0 16px 0; background-repeat: repeat-x; background-position: left bottom; } #p7TBMrootbox { /*background-image: url('../images/kl-mbar.jpg'); background-repeat: repeat-x;*/ background-color: #3D9DCC; width: 100%; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; } #p7TBMroot img { border: 0; } #p7TBMroot ul { margin: 0; padding: 0; } #p7TBMroot li { list-style-type: none; display: inline; } #p7TBMroot li a { float: left; } #p7TBMroot .p7TBMtext li a { color: #333333; padding: 5px 10px; text-decoration: none; border-right: 1px solid #333333; background-image: url('../images/klb_roots.jpg'); background-repeat: repeat; background-position: 0px 0px; background-color: #CCCCCC; } #p7TBMroot .p7TBMtext .p7TBMdown, #p7TBMroot .p7TBMtext .p7TBMdown:hover { color: #333333!important; background-color: #FFFFFF!important; background-position: 0px -200px !important; background-repeat: repeat; } /* The Root Level Hover. This also locks the Hover state while the root item's associated sub-menu is visible. DO NOT CHANGE SELECTOR NAMES*/ .p7ie6Fix:active, #p7TBMroot .p7TBMtext .p7TBMon, #p7TBMroot .p7TBMtext li a:focus, #p7TBMroot .p7TBMtext li a:active { color: #D37E1E; background-position: 0px 1000px; background-repeat: repeat; background-color: #FFFFFF; } #p7TBMsubwrap{ font-size: .95em; position: relative; height: auto; } .p7TBMsub { position: absolute; visibility:hidden; left: 0; top: 0; width: 100%; } .p7TBMsubbox { padding: 0px 0 10px 0; margin: 0; } /* SUBMENU BAACKGROUNDS and BORDERS HERE*/ .p7TBMsub ul { margin: 0; padding: 0; background-image: url(images/iebfix.gif); background-color: transparent; border: 0; } .p7TBMsub li { list-style-type: none; display: inline; } .p7TBMsub li a { color: #959595; padding: 4px 10px; display: block; float: left; text-decoration: none; border: 1px solid #CCCCCC; margin: 0 .5em 0 0; } .p7TBMsub li a:hover { color: #D37E1E; border-color: #6B6B6B; } .p7TBMsub li a:active, .p7TBMsub li a:focus { color: #000000; border-color: #6B6B6B; } #p7TBM br { clear: both; height: 0; line-height: 0.0; font-size: 1px; } /* current marker style */ .p7TBMsub .p7TBMmark, .p7TBMsub .p7TBMmark:hover, .p7TBMsub .p7TBMmark:active, .p7TBMsub .p7TBMmark:focus { color: #333333; font-weight: bold; border-color: #CCCCCC !important; } /* #imagebox { font-size: 90em; } .imagecolumn { width: 300px; float: right; padding-bottom: 0px; font-size: 90%; padding-left: 15px; padding-right: 0px; margin: 0px; padding-top: 0px; }*/ /*MAIN and SIDEBAR COLUMNS Width of both must equal width of columnwrapper 540 + 210 = 750 */ #mainbox { float: left; width: 530px; padding-top: 20px; padding-right: 20px; padding-left: 20px; } #sidebox { float: left; width: 210px; } /********CONTENT CONTAINERS*********/ /*Main Content #maincontent { padding: 0 30px 20px 30px; font-size: 0.85em; background-image: url('../images/kl-vrule.gif'); background-repeat: repeat-y; background-position: right top; } #maincontent table { margin-top: 20px; } #maincontent p{ line-height: 1.5em; margin: 8px 0 12px 0; }*/ .callout { float: right; width: 160px; margin: 6px 0px 0px 8px; padding: 6px; border: 1px solid #1484BA; font-size: 0.9em; } Sidebar { border: 1 px solid #1484BA; } /*Sidebar #RightContent { font-size: 0.95em; margin: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; }*/ #SideContent { font-size: 0.95em; margin: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; }/*#sidecontent p{ line-height: 1.35em; margin: 12px 0; text-align: left; }*/ /*CLEARING the LAYOUT FLOATS*/ .clearit { height: 0; clear: both; } .imageright { float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 12px; clear: right; } .imagecolumn { width: 300px; float: right; padding-bottom: 0px; font-size: 90%; padding-left: 15px; padding-right: 0px; margin: 0px; padding-top: 0px; } img { border-width: 0px; } .diatome { font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #12719E; }