/**********************************************************
ZNode Storefront Stylesheet
/*    Copyright 2004-2007, www.znode.com, All Rights Reserved.
/**********************************************************
************************************************
GLOBAL
/**************************************************/
BODY { margin: 0px; padding: 0px; background-color: #FFF; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #333; }
/*************************************************
PAGE SECTIONS
/**************************************************/
#Shell { margin: 0px auto; background-color: #FFF; }
#Header { position: relative; width: 978px; height: 199px; margin-left: auto; margin-right: auto; /*border:1px solid blue;*/ }
#Logo { float: left; width: 245px; height: 195px; padding-top: 0; }
#Navbar { position: absolute; left: 248px; bottom: 16px; width: 730px; height: 40px; margin: 0px auto; /*background-color:Lime;*/ }
#Menu { float: left; width: 500px; }
#SearchBar { float: right; width: 224px; height: 34px; }
#Row1 { height: 195px; background-image: url("/Data/Default/TemplateImages/header-bg.gif?v=1"); background-repeat: repeat-x; }
#Row2 { background-image: url("/Data/Default/TemplateImages/back.jpg?v=1"); background-repeat: repeat; background-position: center top; }
#ContentSection { width: 1003px; margin: 0px auto; background-color: #FFF; }
#LHS { float: left; width: 220px; padding-top: 0; /*border:1px solid red;*/ padding-left: 13px; }
#CTR { float: left; width: 686px; padding-left: 24px; /*border:1px solid red;*/ }
#HomeTopLHS { float: left; width: 220px; }
#HomeTopRHS { float: left; width: 710px; padding-left: 30px; /*border:1px solid red;*/ padding-top: 15px; }
#HomeBottomLHS { float: left; width: 430px; padding: 0px 20px; font-size: 14px; line-height: 20px; color: #8D7C6C; }
#HomeBottomRHS { float: left; width: 470px; padding-left: 20px; }
#HomePageCategories { float: left; width: 600px; padding-left: 10px; /*border:1px solid red;*/ }
#HomePageRHS { float: left; width: 310px; /*border:1px solid pink;*/ }
#DetailRHS { float: left; width: 710px; padding-left: 30px; padding-top: 20px; /*background-color: pink;*/ }
#CartCTR { width: 958px; padding-top: 20px; margin: 0 auto; color: #88926D; }
#RHS { float: left; width: 300px; padding-left: 60px !important; padding-left: 50px; }
#SubMenuHolder { width: 200px; border-right: 1px solid #CEE1EF; padding-bottom: 30px; }
.SubMenuHeader { width: 195px; height: 35px; line-height: 34px; background-color: #ECF3F9; padding-left: 5px; font-weight: bold; font-size: 18px; color: #62849D; letter-spacing: -1px; }
#Footer { height: 60px; color: #FFF; background-color: #B7C496; background-image: url("/Data/Default/TemplateImages/footer-top.gif?v=1"); background-repeat: repeat-x; }
#SuperFooter { min-height: 160px; height: 160px; background-color: #B7C496; background-image: url("/Data/Default/TemplateImages/footer-bottom.gif?v=1"); background-repeat: repeat-x; }
#CustomerService { font-size: 8pt; color: #696969; margin-right: 0px; margin-bottom: 5px; font-weight: normal; background-color: #FF0000; }
#PoweredBy { width: 960px; color: #000; margin: 10px auto 0px; text-align: center; }
.ShoppingLinks { position: relative; float: right; width: 250px; height: 141px; font-size: 12px; color: #FFF; text-align: right; background-image: url("/Data/Default/TemplateImages/basket.gif?v=1"); background-repeat: no-repeat; background-position: right bottom; }
.ShoppingLinks .MyAccountLink { margin-top: 20px; }
.ShoppingLinks .MyAccountLink A:link { color: #FFF; font-size: 12px; }
.ShoppingLinks .MyAccountLink A:hover, .ShoppingLinks .ViewCartLink A:hover { color: #FFF; text-decoration: underline; }
.ShoppingLinks A:link, .ShoppingLinks A:visited { color: #FFF; text-decoration: none; }
.ShoppingLinks A:hover { color: #666; }
.ShoppingLinks .ShoppingCartLink { position: absolute; top: 80px; left: 140px; color: #999; font-size: 14px; }
.ShoppingLinks .ShoppingCartLink A:link, .ShoppingLinks .ShoppingCartLink A:visited { color: #999; }
.logo-bottom { margin-left: 13px; }
/*************************************************
Container SECTIONS
/**************************************************/
#Container .TableContainer { width: 100%; }
#Container .TableContainer .ClearImageLeft { width: 150px; height: 1px; }
#Container .TableContainer .ClearImageRight { width: 600px; height: 1px; text-align: left; }
/*************************************************
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: #0000FF; font-size: 13px; text-decoration: underline; }
#ErrorContainer A:visited { color: #0000FF; font-size: 13px; text-decoration: underline; }
#ErrorContainer A:hover { color: #0000FF; font-size: 13px; text-decoration: underline; }
/*************************************************
LINK STYLES
/**************************************************/
A:link { color: #666; }
#Row2 #ContentSection .Width960 #HomeTopRHS IMG { padding: 0px 11px 0px 0px; }
A:visited { color: #666; }
A:hover { color: #999; }
#HomeContentSection A:link { color: #660000; text-decoration: none; border-bottom: 1px dotted #660000; }
#HomeContentSection A:visited { color: #660000; text-decoration: none; border-bottom: 1px dotted #660000; }
#HomeContentSection A:hover { color: #333; text-decoration: none; border-bottom: 1px dotted #333; }
/*************************************************
GLOBAL STYLES
/**************************************************/
H1, H2, H3, H4 { color: #8D7C6C; font-family: Arial; }
H1 { font-size: 24px; margin-top: 0px; letter-spacing: -1px; font-weight: bold; line-height: 25px; }
H2 { font-size: 20px; margin-top: 0px; letter-spacing: -1px; font-weight: normal; }
H3 { font-size: 16px; margin-top: 0px; letter-spacing: -1px; font-weight: normal; }
H4 { font-size: 14px; }
/*Add new for My account page*/
H5 { margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-size: 11px; color: #000; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; }
SELECT { }
HR { color: #FFF; background-color: #FFF; border: 1px dotted #BB8C0E; border-style: none none dotted; }
P { font-size: 9pt; }
.big { font-size: 42px; letter-spacing: -1px; line-height: 42px; }
SMALL { font-size: 7pt; }
.Error { font-weight: bold; color: #FF0000; font-size: 12px; margin-bottom: 1px; margin-top: 10px; }
.FailureText { color: #FF0000; }
.Success { font-weight: bold; color: #008000; 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: #0000FF; 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: #CB5D2A; font-size: 11px; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.Applets { border-bottom: 1px solid #393939; padding-bottom: 10px; margin-bottom: 15px; line-height: 15px; }
.Applets .Title { font-family: Tahoma; color: #FF0000; font-weight: bold; font-size: 15px; line-height: 20px; text-transform: uppercase; margin-bottom: 10px; }
.LineTop { border-top: 5px solid #FFF; }
.clearer { clear: both; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.padTop10 { padding-top: 10px; }
.padTop15 { padding-top: 15px; }
.padTop20 { padding-top: 20px; }
.Width960 { width: 977px; margin: 0px auto; }
.ParagraphIntro { font-size: 15px; line-height: 22px; }
.RelatedItems { color: #88926D; }
/*************************************************
GRID
/**************************************************/
.Grid { border-bottom: 1px solid #C0C0C0; 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: #F60; }
.Grid A:visited { text-decoration: none; color: #003399; }
.FooterStyle { background-color: #507CD1; color: #FFFFFF; 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: #D5D1C5; color: #FFFFFF; font-weight: bold; text-align: left; }
.AlternatingRowStyle { background-color: #FFFFFF; }
/*************************************************
SITE LINKS
/**************************************************/
#SiteLinks { text-align: right; vertical-align: middle; margin-right: -10px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 4px; font-size: 8pt; font-family: arial; font-weight: normal; text-transform: capitalize; text-decoration: none; margin-bottom: 10px; }
#SiteLinks .Link { margin-left: 4px; margin-right: 5px; letter-spacing: 0.5px; }
#SiteLinks .Link A:link { color: #666666; text-decoration: none; margin-right: 2px; }
#SiteLinks .Link A:visited { color: #666666; text-decoration: none; margin-right: 2px; }
#SiteLinks .Link A:hover { text-decoration: none; color: #A52A2A; }
#SiteLinks .CartItem { color: #D98B64; margin-right: 0px; }
/************************************
BreadCrumb
/*************************************/
#BreadCrumb { width: 732px; margin: 0px auto; font-size: 11px; line-height: 16px; text-align: right; }
#BreadCrumb A:link { color: #CCCB4E; text-decoration: none; margin-right: 2px; }
#BreadCrumb A:visited { color: #CCCB4E; text-decoration: none; margin-right: 2px; }
#BreadCrumb A:hover { text-decoration: none; color: #9CA45E; }
/*************************************************
QUICK SEARCH
/**************************************************/
#QuickSearch { margin-top: 8px; }
#QuickSearch .Title { color: #000; font-size: 11px; font-family: Tahoma; font-weight: bold; }
#QuickSearch .Button { display: block; font-family: Arial; font-size: 12px; color: #FFF; line-height: 23px; height: 24px; background-color: #3D3835; border: none; cursor: pointer; }
#QuickSearch .Button:hover { background-color: #000; }
#QuickSearch .TextBox { border-left: 1px solid #CEE1EF; border-right: 1px solid #CEE1EF; border-top: 0px; border-bottom: 0px; padding: 3px; width: 176px; height: 18px; }
/*************************************************
JOIN NEWSLETTER
/**************************************************/
#JoinNewsletter { }
#JoinNewsletter .Title { font-family: Tahoma; color: #FFF; font-weight: normal; font-size: 14px; font-style: italic; margin-bottom: 6px; }
#JoinNewsletter .Button { display: block; font-family: Arial; font-weight: bold; cursor: pointer; color: #FFF; height: 25px; line-height: 20px; background-color: #333; border: none; cursor: pointer; }
#JoinNewsletter .Button:hover { background-color: #000; }
#JoinNewsletter .TextBox { width: 280px; height: 23px; font-size: 12px; padding: 0px; margin: 0px; border: 1px solid #FFF; }
/*************************************************
PRODUCT SEARCH
/**************************************************/
.ProductSearch { margin-bottom: 20px; }
.ProductSearch .Description { margin-bottom: 15px; }
.ProductSearch .Description A { color: #959E52; }
.ProductSearch .Form .Field { width: 140px; font-weight: bold; padding-bottom: 10px; }
.ProductSearch .Form .Value { padding-bottom: 10px; }
.ProductSearch .Form .Value INPUT { width: 250px; padding: 4px; }
.ProductSearch .Form .Value SELECT { padding: 4px; }
.ProductSearch .Form .Button { background-color: #959E52; }
.ProductSearch .Form .Button:hover { background-color: #BAB80D; }
/*************************************************
NORMAL CONTENT PAGE
/**************************************************/
.ContentHolder { margin-bottom: 20px; }
/*************************************************
CATEGORY PAGINATION
/**************************************************/
.SortPagination { padding: 5px 10px; }
.SortPagination .Sorting { float: left; padding: 3px 5px; padding-right: 25px; }
.SortPagination .Paging { float: right; text-align: right; font-size: 11px; color: #444444; padding-right: 15px; padding-bottom: 3px; padding-top: 3px; }
.SortPagination .Paging A { cursor: pointer; color: #959E52; }
.CategoryDetail .Sorting .Label { font-weight: bold; margin-right: 5px; }
.CategoryDetail .Sorting SELECT { font-size: 8pt; font-family: verdana; }
/*************************************************
CATEGORY DETAIL
/**************************************************/
.CategoryDetail { margin-bottom: 20px; }
.CategoryDetail .Title { color: #5B9A17; font-size: 2.2em; margin-bottom: 5px; margin-top: 5px; font-family: Arial; padding: 15px 0px 5px; font-weight: bold; }
.CategoryDetail .Description { margin: 15px 0; color: #999; font-size: 14px; line-height: 20px; }
.CategoryDetail .SubCategoryList { margin-top: 0px; margin-bottom: 20px; margin-top: 15px; }
.CategoryDetail .SubCategoryList .Title { color: #88926D; font-size: 14px; margin-bottom: 5px; margin-top: 0px; font-family: Arial; font-weight: bold; }
.CategoryDetail .SubCategoryListItem { vertical-align: top; margin-bottom: 30px; border-bottom: 1px #DDDDDD; padding-top: 0px; margin-right: 30px; padding-left: 0px; margin-left: 5px; }
.CategoryDetail .SubCategoryListItem .ShortDescription { font-weight: normal; font-size: 12px; text-align: left; margin-bottom: 10px; padding-top: 0px; color: #333333; }
.CategoryDetail .SubCategoryListItem .CategoryLink { font-weight: normal; font-size: 12px; text-align: left; 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: #666666; }
.CategoryDetail .AddToCartButton { margin-top: 5px; }
.CategoryDetail .ProductList { text-align: center; }
.CategoryDetail .ProductListItem { width: 220px; height: 235px; border: 1px solid #FFF; vertical-align: top; font-size: 10px; text-align: center; margin-bottom: 10px; margin-right: 20px; }
.CategoryDetail .ProductListItem:hover { /*background-color:#ECF3F9; border:1px solid #ECF3F9;*/ }
.CategoryDetail .ProductListItem .Price { text-align: center; font-size: 14px; line-height: 20px; color: #E8BE14; }
.CategoryDetail .ProductListItem .RegularPrice { text-align: left; font-size: 14px; line-height: 20px; color: #E8BE14; text-decoration: line-through; }
.CategoryDetail .ProductListItem .SalePrice { text-align: left; font-weight: bold; font-size: 14px; line-height: 20px; color: #660000; padding-top: 5px; }
.CategoryDetail .Image { width: 220px; height: 165px; text-align: center; margin-bottom: 10px; }
.CategoryDetail .Image .ImageHolder { width: 220px; height: 165px; background-color: #FFF; border: 1px solid #FFF; margin-left: auto; margin-right: auto; }
.CategoryDetail .Image .ImageHolder:hover { border: 1px solid #DCDB86; }
.CategoryDetail .ProductItemsHolder { margin-top: 15px; margin-bottom: 15px; }
.CategoryDetail .ProductItem { border: 1px solid #CCC; width: 160px; height: 170px; vertical-align: top; font-size: 10px; text-align: left; margin-top: 10px; padding-top: 10px; }
.CategoryDetail .RelatedInfoHolder { width: 212px; padding: 0px 4px; line-height: 12px; }
.CategoryDetail .DetailLink { width: 220px; font-size: 14px; line-height: 13px; text-align: center; padding-bottom: 5px; }
.CategoryDetail .DetailLink A:link { color: #88926D; text-decoration: none; }
.CategoryDetail .DetailLink A:visited { color: #88926D; text-decoration: none; }
.CategoryDetail .DetailLink A:hover { color: #88926D; text-decoration: underline; }
/*************************************************
SPECIALS Page
/**************************************************/
.Specials { text-align: left; margin-bottom: 20px; }
.Specials .Title { color: #000; font-size: 2.2em; margin-bottom: 5px; margin-top: 0px; font-family: Arial; padding: 5px 0px; font-weight: normal; letter-spacing: -1px; }
.Specials .ProductItemsHolder { margin-top: 15px; margin-bottom: 15px; }
.SpecialItem { width: 138px; height: 236px; padding: 11px; vertical-align: top; font-size: 10px; text-align: center; margin-top: 10px; padding-top: 10px; }
.SpecialItem:hover { background-color: #FBF8F0; }
.Specials .InfoHolder { width: 137px; line-height: 12px; margin-left: auto; margin-right: auto; }
.Specials .ShortDesc { width: 137px; }
.SpecialItem .Price { text-align: center; font-weight: bold; font-size: 12px; line-height: 20px; color: #666; }
.SpecialItem .RegularPrice { text-align: center; font-weight: bold; font-size: 12px; line-height: 20px; color: #666; text-decoration: line-through; }
.SpecialItem .SalePrice { text-align: center; font-weight: bold; font-size: 12px; line-height: 20px; color: #660000; padding-top: 5px; }
.SpecialItem .Image { width: 137px; text-align: center; margin-bottom: 6px; }
.SpecialItem .ImageHolder { width: 137px; height: 137px; margin-left: auto; margin-right: auto; border: 1px solid #F3F3F3; background-color: #FFF; overflow: hidden; }
.SpecialItem .AddToCartButton { margin-top: 5px; }
.SpecialItem .DetailLink { width: 138px; font-size: 11px; line-height: 11px; text-align: center; margin: 0px auto 5px; }
.SpecialItem .DetailLink A:link { color: #EC8181; text-decoration: none; }
.SpecialItem .DetailLink A:visited { color: #EC8181; text-decoration: none; }
.SpecialItem .DetailLink A:hover { color: #660000; text-decoration: underline; }
/*************************************************
Shop By Brand Page
/**************************************************/
.Brand { margin-bottom: 20px; }
.Brand .Title { color: #5B9A17; font-size: 2.2em; margin-bottom: 5px; margin-top: 5px; font-family: Arial; padding: 15px 0px 5px; font-weight: bold; }
.Brand .ProductItemsHolder { }
.BrandItem { border: 1px solid #FFF; width: 160px; height: 185px; vertical-align: top; font-size: 10px; text-align: center; margin-top: 10px; margin-left: 10px; padding-top: 10px; padding-left: 5px; padding-right: 5px; }
.BrandItem:hover { border: 1px solid #8EBE1C; }
.Brand .InfoHolder { width: 160px; line-height: 12px; }
.BrandItem .Price { text-align: center; font-weight: bold; font-size: 12px; color: #666; }
.BrandItem .RegularPrice { text-align: center; font-weight: bold; font-size: 12px; color: #666666; text-decoration: line-through; }
.BrandItem .SalePrice { text-align: center; font-weight: bold; font-size: 12px; color: #E10020; padding-top: 5px; }
.BrandItem .Image { width: 160px; text-align: center; margin-bottom: 10px; }
.BrandItem .Image .ImageHolder { height: 100px; margin-left: auto; margin-right: auto; overflow: hidden; background-color: #FFF; }
.BrandItem .DetailLink { font-size: 12px; line-height: 13px; text-align: center; font-weight: bold; }
.BrandItem .DetailLink A:link { color: #8EBE4A; text-decoration: underline; }
.BrandItem .DetailLink A:visited { color: #6F9625; text-decoration: underline; }
.BrandItem .DetailLink A:hover { color: #E10020; text-decoration: underline; }
/*************************************************
HOME PAGE - FEATURED CATEGORIES
/**************************************************/
.HomeFeaturedCategories .Title { color: #999; font-size: 2.2em; margin-bottom: 5px; margin-top: 0px; font-family: Arial; font-weight: bold; }
.HomeFeaturedCategories .Description { margin-top: 15px; font-size: 8pt; }
.HomeFeaturedCategories .SubCategoryList { margin-top: 0px; margin-bottom: 20px; margin-top: 15px; }
.HomeFeaturedCategories .SubCategoryListItem { float: left; width: 127px; margin-right: 13px; }
.HomeFeaturedCategories .SubCategoryListItem .CategoryLink { text-align: center; font-weight: normal; font-size: 12px; margin-bottom: 10px; color: #6B7AA2; }
.HomeFeaturedCategories .SubCategoryListItem .CategoryLink A:link { text-decoration: none; color: #C78C9D; }
.HomeFeaturedCategories .SubCategoryListItem .CategoryLink A:visited { text-decoration: none; color: #C78C9D; }
.HomeFeaturedCategories .SubCategoryListItem .CategoryLink A:hover { text-decoration: none; color: #AE6D7F; }
.HomeFeaturedCategories .SubCategoryListItem .CatImage { width: 127px; height: 127px; border: 1px solid #FFF; overflow: hidden; }
.HomeFeaturedCategories .SubCategoryListItem .CatImage:hover { border: 1px solid #99B8CC; }
.HomeFeaturedCategories .SubCategoryListItem .CatTitle { padding: 0 5px; }
/*************************************************
HOME PAGE - FEATURED ITEMS
/**************************************************/
#HomePageItems .Item { float: left; width: 211px; height: 220px; margin-right: 15px; }
#HomePageItems .Item .ImageHolder { border: 1px solid #FFF; }
#HomePageItems .Item .ImageHolder:hover { border: 1px solid #CCCC66; }
#HomePageItems .Item .InfoHolder { text-align: center; }
#HomePageItems .Item .InfoHolder .DetailLink A { color: #626C4F; font-size: 14px; text-decoration: none; }
#HomePageItems .Item .InfoHolder .DetailLink A:hover { color: #626C4F; font-size: 14px; text-decoration: underline; }
#HomePageItems .Item .InfoHolder .DetailLink .Price { color: #E8BE14; font-size: 14px; }
/*************************************************
FOOTER - OVERRIDE
/**************************************************/
#FooterLinks { text-align: left; vertical-align: middle; margin-right: 3px; margin-bottom: 10px; margin-left: 3px; padding-bottom: 10px; padding-top: 2px; font-size: 8pt; font-weight: normal; word-spacing: 1.5px; }
#FooterLinks .Link { color: #FFF; margin-left: 2px; margin-right: 2px; letter-spacing: 0px; }
#FooterLinks .Link A:link { color: #FFF; text-decoration: none; margin-right: 2px; }
#FooterLinks .Link A:visited { color: #FFF; text-decoration: none; }
#FooterLinks .Link A:hover { text-decoration: underline; color: #D3D1D2; }
.FooterInner { width: 960px; margin: 0px auto; }
.CreditCards { width: 200px; height: 47px; padding-top: 25px; color: #FFF; text-align: center; }
.Copyright, .Copyright A { font-size: 12px; line-height: 60px; color: #6D5D4A; }
.FooterList { display: block; float: left; margin: 0px; padding: 0px; }
.FooterList LI { float: left; color: #FFF; list-style: none; margin: 0 20px 0 0; line-height: 42px; }
.FooterList LI A { color: #FFF; text-decoration: none; }
.FooterList LI A:hover { color: #E10020; }
#FooterNavigationList { float: left; margin-top: 25px; margin-left: 30px; color: #333; }
#FooterNavigationList A:link, #FooterNavigationList A:visited { color: #333; }
#FooterNavigationList A:hover { color: #FFF; }
#FooterNavigationList UL { margin-right: 18px; margin-top: 0px; padding: 0px; float: left; display: inline; }
#FooterNavigationList LI { color: #FFF; list-style: none; }
#SuperFooter .Interflora { float: left; width: 90px; height: 91px; padding-top: 25px; }
/*************************************************
PRODUCT DETAIL
/**************************************************/
.ProductDetail { margin-bottom: 20px; }
.ProductDetail .InfoHolder { width: 310px; margin-left: 40px; }
.ProductDetail .InfoHolder H1 { font-weight: normal; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #BAB80D; }
.ProductDetail .Title { color: #336699; font-size: 2.2em; margin-bottom: 5px; margin-top: 0px; font-family: Arial; padding: 5px 0px; font-weight: normal; letter-spacing: -1px; }
.ProductDetail .Image { width: 320px; border: none; overflow: hidden; text-align: center; }
.ProductDetail .Image IMG { margin-left: -25px; }
.ProductDetail .Label { font-weight: bold; color: #999; margin-right: 5px; }
.ProductDetail .Zoom { margin-bottom: 20px; text-align: center; }
.ProductDetail .Description { border-top: 3px solid #CCC; padding-top: 20px; color: #8D7C6C; /*background-color:#F3F3F1;*/ font-size: 12px; }
.ProductDetail H2 { color: #8D7C6C; font-weight: bold; }
.ProductDetail .FeaturesHeading { font-weight: bold; margin-top: 5px; margin-bottom: 5px; font-size: 8pt; }
.ProductDetail .Features { margin-top: 5px; margin-bottom: 5px; font-size: 8pt; }
.ProductDetail .PriceBox { margin: 0px; font-weight: normal; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; text-align: left; }
.ProductDetail .Price { font-size: 1.8em; font-weight: bold; color: #BAB80D; font-family: arial; line-height: 1.8em; padding: 0px; }
.ProductDetail .PriceContent { text-align: left; }
.ProductDetail .RegularPrice { font-size: 14px; font-weight: normal; color: #BAB80D; text-decoration: line-through; padding: 0px; font-family: arial; }
.ProductDetail .SalePrice { font-size: 1.8em; font-weight: bold; color: #BAB80D; font-family: arial; line-height: 1.8em; padding: 0px; }
.ProductDetail .StockMsg { color: #336699; font-family: arial; margin-bottom: 10px; font-weight: bold; }
.ProductDetail .CallForPriceMsg { font-size: 14px; font-weight: bold; color: #336699; }
.ProductDetail .ProductNumber { font-weight: bold; font-size: 14px; font-family: arial; color: #6B7AA2; }
.ProductDetail .DetailButton { margin-bottom: 10px; }
.ProductDetail .Options { padding-right: 0px; padding-left: 0px; padding-bottom: 20px; padding-top: 10px; margin-top: 30px; margin-bottom: 20px; }
.ProductDetail .OptionsTitle { background-color: #336699; color: #FFFFFF; padding-left: 5px; font-weight: bold; font-size: 10px; padding-bottom: 3px; padding-top: 3px; }
.ProductDetail .OptionsLabel { color: #336699; font-family: arial; margin-bottom: 0px; font-weight: bold; margin-right: 5px; width: 300px; }
.ProductDetail .OptionsLabel .FieldStyle { width: 120px; color: #999; }
.ProductDetail .Attributes { padding-right: 10px; margin-right: 10px; }
.ProductDetail .Related { margin-top: 20px; }
.ProductDetail .Manufacturer { font-size: 11px; font-weight: bold; color: #336699; }
.ProductDetail .AddToCartButton { float: left; }
.ProductDetail INPUT[type=submit] { display: block; font-family: Arial; font-weight: bold; font-size: 16px; cursor: pointer; color: #FFF; padding: 5px 10px; background-color: #BAB80D; border: none; cursor: pointer; }
.ProductDetail INPUT[type=submit]:hover { background-color: #959E52; }
.ProductDetail .StatusMsg { font-size: 11px; font-weight: bold; color: #FF0000; }
.ProductDetail .Tabs { margin-top: 20px; margin-bottom: 20px; font-size: 9pt; }
.ProductDetail .Features { margin-top: 20px; margin-bottom: 20px; font-size: 9pt; }
.ProductDetail .Specifications { margin-top: 20px; margin-bottom: 20px; font-size: 8pt; }
.ProductDetail .AdditionalInformation { margin-top: 20px; margin-bottom: 20px; font-size: 8pt; }
.ProductDetail .OrderingOptions { /*width:350px;*/ background-color: #FFFFFF; padding-bottom: 30px; padding-top: 10px; }
.ProductDetail .OrderingOptions .OptionsTitle { color: #6074A6; font-size: 13px; margin-bottom: 10px; font-family: Arial; font-weight: bold; }
.ProductDetail .OrderingOptions SELECT { padding: 3px; }
.ProductDetail .sendToFriendLink { float: right; width: 150px; border: 1px solid #BAB80D; padding: 5px 5px 5px 10px; background-color: #FFF; }
/*************************************************
Product Detail Related Items
/**************************************************/
.ProductDetail .ProductItemsHolder { margin-top: 15px; margin-bottom: 15px; }
.ProductDetail .ProductItem { width: 220px; height: 235px; vertical-align: top; font-size: 11px; text-align: center; border: 1px solid #FFF; }
.ProductDetail .ProductItem:hover { }
.ProductDetail .RelatedInfoHolder { width: 130px; padding: 0px 4px; line-height: 12px; }
.ProductDetail .ImageHolder { width: 220px; height: 168px; margin-left: auto; margin-right: auto; background-color: #FFF; border: 1px solid #FFF; }
.ProductDetail .ImageHolder:hover { border: 1px solid #BAB80D; }
.ProductDetail .DetailLink { width: 220px; font-size: 14px; line-height: 12px; text-align: center; margin: 5px auto; }
.ProductDetail .DetailLink A:link { color: #88926D; text-decoration: none; }
.ProductDetail .DetailLink A:visited { color: #88926D; text-decoration: none; }
.ProductDetail .DetailLink A:hover { color: #88926D; text-decoration: underline; }
/*************************************************
Product Add-Ons
/**************************************************/
.addOnHolder { padding: 5px 0px; border-bottom: 1px dotted #CCC; }
#Add-Ons .FieldStyle { width: 180px; padding-top: 2px; }
#Add-Ons .ValueStyle { }
.addonHolder .FieldStyle { width: 180px; }
/*************************************************
Product Alternate Images
/**************************************************/
.ProductAdditionalImages { margin-top: 20px; }
.ProductAdditionalImages .Image { border: 0px; margin: 0px; text-align: center; cursor: pointer; }
.ProductAdditionalImages .ThumbnailImage { width: 70px; height: 70px; padding: 0px; overflow: hidden; text-align: center; border: 1px solid #F3F3F3; }
.ProductAdditionalImages .Name { display: none; text-align: center; padding-bottom: 8px; }
.ProductAdditionalImages .ItemStyle { vertical-align: bottom; }
/*--------------------------------------------------
TABBER TABS

REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
@media screen, projection
{
	.tabberlive .tabbertabhide { display: none; }
	/*--------------------------------------------------
	.tabber = before the tabber interface is set up
	.tabberlive = after the tabber interface is set up
	--------------------------------------------------*/
}
.tabber { }
.tabberlive { }
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
@media screen, projection
{
	UL.tabbernav { font-size: 1em; height: 26px; color: #666666; background-color: #FEEAE9; padding-top: 2px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; }
	UL.tabbernav LI { list-style: none; display: inline; }
	UL.tabbernav LI A { height: 19px; text-decoration: none; color: #666666; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; padding-right: 18px; margin-top: 5px; margin-bottom: 5px; }
}
UL.tabbernav LI A:link { }
UL.tabbernav LI A:visited { }
@media screen, projection
{
	UL.tabbernav LI A:hover { text-decoration: underline; }
	UL.tabbernav LI.tabberactive A { font-weight: 600; height: 19px; background-color: #F6C9CE; text-decoration: none; padding-top: 3px; padding-bottom: 5px; padding-left: 18px; padding-right: 18px; margin-top: 3px; margin-bottom: 5px; }
	UL.tabbernav LI.tabberactive A:hover { font-weight: 600; height: 19px; background-color: #F6C9CE; text-decoration: none; }
	/*--------------------------------------------------
	.tabbertab = the tab content
	Add style only after the tabber interface is set up (.tabberlive)
	--------------------------------------------------*/
	.tabberlive .tabbertab { font-size: 1em; font-family: Arial; background-color: #FFFFFF; /*If you don't want the tab size changing whenever a tab is changed
		you can set a fixed height
		height:200px;
		If you set a fix height set overflow to auto and you will get a
		scrollbar when necessary
		overflow:auto;*/ }
	/*If desired, hide the heading since a heading is provided by the tab*/
	.tabberlive .tabbertab H2 { display: none; }
	.tabberlive .tabbertab H3 { display: none; }
	/*Example of using an ID to set different styles for the tabs on the page*/
}
.tabberlive#tab1 { }
.tabberlive#tab2 { }
@media screen, projection
{
	.tabberlive#tab2 .tabbertab { height: 200px; overflow: auto; }
	/*When printing, hide the tab navigation list
	and don't use any other styles
	*/
}
@media print
{
	.tabbernav { display: none; }
	/*******************
	AJAX Tab
	/*******************/
}
#Tab .CustomTabStyle .ajax__tab_body { font-family: verdana, tahoma, helvetica; font-size: 10pt; border-top: 5px solid #879ACF; 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: #FFFFFF; background-position: top right; }
#Tab .CustomTabStyle .ajax__tab_active .ajax__tab_inner { background: url(../../../Images/buttons/faleft.gif) no-repeat; color: #FFFFFF; }
#Tab .CustomTabStyle .ajax__tab_active .ajax__tab_tab { height: 19px; background: url(../../../Images/buttons/famiddle.gif) repeat-x; color: #FFFFFF; font-weight: 600; }
/*************************************************
CATEGORY TREEVIEW
/**************************************************/
.CategoryTreeView { width: 190px; padding-left: 30px; padding-top: 10px; }
.CategoryTreeView A:link { /*font-size:14px; color:#88926d; text-decoration: none;*/ }
.CategoryTreeView A:visited { text-decoration: none; }
.CategoryTreeView A:hover { text-decoration: none; }
.CategoryTreeView .Title { font-family: Tahoma; color: #FF0000; font-weight: bold; font-size: 15px; text-transform: uppercase; margin-bottom: 10px; }
.CategoryTreeView .TreeView { padding-left: 0px; }
.CategoryTreeView .NodeStyle { font-weight: normal; font-size: 8pt; font-family: Tahoma; padding-bottom: 2px; padding-top: 2px; color: #7777A4; padding-left: 2px; }
.CategoryTreeView .RootNodeStyle { }
.CategoryTreeView .HoverNodeStyle { color: #FF0000; }
.CategoryTreeView .ParentNodeStyle { }
.CategoryTreeView .LeafNodeStyle { }
.CategoryTreeView .SelectedNodeStyle { font-weight: bold; }
/*************************************************
CSS CATEGORY TREEVIEW
/**************************************************/
.CSSCategoryTreeView DIV.AspNet-TreeView UL { margin: 0px; padding: 0px; }
.CSSCategoryTreeView DIV.AspNet-TreeView UL LI { white-space: nowrap; }
.CSSCategoryTreeView DIV.AspNet-TreeView UL UL { margin: 0px; padding: 0px; }
.CSSCategoryTreeView DIV.AspNet-TreeView UL LI UL LI A { padding-left: 5px; color: #88926D; }
.CSSCategoryTreeView DIV.AspNet-TreeView UL LI UL LI UL LI A { padding-left: 30px; }
.CSSCategoryTreeView DIV.AspNet-TreeView UL LI IMG { border: none; vertical-align: middle; margin: 0px; display: none; }
.CSSCategoryTreeView DIV.AspNet-TreeView LI A { display: block; padding: 4px 0 4px 10px; border-bottom: 1px dotted #FAE27C; font-size: 12px; font-family: Tahoma; color: #61859F; text-decoration: none; }
.CSSCategoryTreeView DIV.AspNet-TreeView LI A:hover { color: #444C2D; }
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Leaf A { display: block; font-weight: normal; /*padding-Left:20px;*/ }
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Root { padding: 0px; }
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Root A { display: block; font-size: 14px; padding-left: 10px; color: #88926D; }
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Root A:hover { display: block; font-size: 14px; padding-left: 10px; color: #444C2D; }
.CSSCategoryTreeView DIV.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer; }
.CSSCategoryTreeView DIV.AspNet-TreeView .AspNet-TreeView-Collapse { display: none; }
.CSSCategoryTreeView DIV.AspNet-TreeView .AspNet-TreeView-Expand { display: none; }
.CSSCategoryTreeView .AspNet-TreeView-Selected { background-color: #FFF; margin-left: 0px; }
.CSSCategoryTreeView .AspNet-TreeView-Selected A { display: block; background-color: #FFF; }
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Parent { }
.CSSCategoryTreeView .AspNet-TreeView-ChildSelected { }
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-ParentSelected { font-weight: normal; margin-left: 0px; }
/*.CSSCategoryTreeView div.AspNet-TreeView li.AspNet-TreeView-Selected a { display:block; color:#444c2d; font-weight:bold; }*/
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Selected UL LI A { color: #61859F; }
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Selected UL LI A:hover { color: #EC8181; }
.CSSCategoryTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-ParentSelected A { font-weight: normal; }
/*************************************************
SPECIALS TREEVIEW
/**************************************************/
.SpecialsTreeView { }
.SpecialsTreeView A:link { text-decoration: none; }
.SpecialsTreeView A:visited { text-decoration: none; }
.SpecialsTreeView A:hover { text-decoration: none; }
.SpecialsTreeView .Title { color: #5B9A17; font-weight: bold; font-size: 9pt; font-family: verdana; }
.SpecialsTreeView .TreeView { padding-left: 0px; }
.SpecialsTreeView .NodeStyle { font-size: 8pt; font-family: Verdana; padding-bottom: 2px; padding-top: 2px; color: #7777A4; }
.SpecialsTreeView .ParentNodeStyle { }
.SpecialsTreeView .HoverNodeStyle { color: #FF0000; }
.SpecialsTreeView .SelectedNodeStyle { background-color: #FFF; }
.SpecialsTreeView .RootNodeStyle { }
.SpecialsTreeView .LeafNodeStyle { }
/*************************************************
CSS SPECIALS TREEVIEW
/**************************************************/
.CSSSpecialsTreeView DIV.AspNet-TreeView UL LI { white-space: nowrap; }
.CSSSpecialsTreeView DIV.AspNet-TreeView UL UL { margin: 0px; }
.CSSSpecialsTreeView DIV.AspNet-TreeView UL LI IMG { border: none; vertical-align: middle; margin: 0px; display: none; }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI A { display: block; border-right: 1px solid #8C8771; padding: 3px 0 2px 10px; border-bottom: 1px dotted #8C8771; font-size: 12px; font-family: Tahoma; color: #8C8771; text-decoration: none; }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI A:hover { color: #FF0000; }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Leaf A { font-weight: normal; /*border-right:1px solid #8C8771;*/ }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Root { padding: 0px; background-color: #F3F3F1; }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Root A { }
.CSSSpecialsTreeView DIV.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer; }
.CSSSpecialsTreeView DIV.AspNet-TreeView .AspNet-TreeView-Collapse { display: none; }
.CSSSpecialsTreeView DIV.AspNet-TreeView .AspNet-TreeView-Expand { display: none; }
.CSSSpecialsTreeView .AspNet-TreeView-Selected { background-color: #FFF; font-weight: bold; margin-left: 0px; }
.CSSSpecialsTreeView .AspNet-TreeView-Selected A { background-color: #FFF; }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Parent { /*background-color: #FAFAD2 !important;  margin-left: 0px;*/ }
.CSSSpecialsTreeView .AspNet-TreeView-ChildSelected { background-color: #F3F3F1 !important; }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-ParentSelected { /*background-color: #FFE4E1 !important;*/ font-weight: normal; margin-left: 0px; }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Selected A { font-weight: bold; border-right: 1px solid #FFF; }
.CSSSpecialsTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-ParentSelected A { font-weight: normal; padding-left: 10px; background-color: #F3F3F1; border-right: 1px solid #8C8771; }
/*************************************************
SHOPPING CART
/**************************************************/
.ShoppingCartHolder { padding: 15px; background-color: #FFF; margin-top: 5px; }
.ShoppingCart { margin-bottom: 10px; background-color: #FFF; }
.ShoppingCart .CheckoutBox { margin-bottom: 10px; margin-top: 10px; text-align: right; }
.ShoppingCart .CustomerService { font-weight: bold; font-size: 7pt; }
.ShoppingCart .Grid { width: 100%; }
.ShoppingCart .Grid A:link { text-decoration: underline; color: #2A2A2A; }
.ShoppingCart .Grid A:visited { text-decoration: underline; color: #2A2A2A; }
.ShoppingCart .Grid A:hover { text-decoration: none; color: #2A2A2A; }
.ShoppingCart .Grid .Header { font-weight: bold; font-size: 10px; color: #FFFFFF; background-color: #C1B099; text-align: left; }
.ShoppingCart .Grid .Row { font-weight: normal; font-size: 10px; color: #333333; background-color: #F7F7F7; }
.ShoppingCart .Grid .Row IMG { border: 1px solid #FFF; }
.ShoppingCart .Grid .AlternatingRow { font-weight: normal; font-size: 10px; color: #284775; font-family: verdana; background-color: #FFFFFF; }
.ShoppingCart .Grid .Description { font-size: 9px; font-family: "Microsoft Sans Serif", verdana; line-height: 11px; padding-top: 5px; }
.ShoppingCart .Update { font-weight: normal; margin-top: 0px; }
.ShoppingCart .Quantity { width: 20px; height: 15px; }
.ShoppingCart .CartTotals { margin-bottom: 10px; text-align: right; }
.ShoppingCart .Apply { color: #2A2A2A; margin-top: 8px; margin-bottom: 25px; }
.ShoppingCart .Apply INPUT[type=text], .ShoppingCart .Apply INPUT.text { width: 300px; border: 1px solid #CCC; height: 20px; }
.ShoppingCart .TotalBox TD { font-size: 11px; }
.ShoppingCart .TotalRow { background-color: #8F826F; color: #FFF; }
.ShoppingCart .Bold { font-weight: bold; }
.ShoppingCart .CartRowStart { border-top: 2px solid #999; }
.ShoppingCart .CartRowUnderline { padding: 4px; border-bottom: 1px dotted #CCC; }
.ShoppingCart .Button { /*display:block;*/ font-family: Arial; font-weight: bold; cursor: pointer; color: #FFF; padding-top: 3px; padding-bottom: 3px; background-color: #BAB80D; border: none; cursor: pointer; }
.ShoppingCart .ButtonLevel2 { font-family: Arial; font-weight: bold; cursor: pointer; color: #FFF; padding-top: 3px; padding-bottom: 3px; background-color: #3D3835; border: none; cursor: pointer; }
.ShoppingCart STRONG { color: #3D3835; }
.ShoppingCart .Button:hover { background-color: #88926D; }
.ShoppingCart .ButtonLevel2:hover { background-color: #666; }
.ShoppingCart .Form .FormTitle { font-size: 12px; color: #62849D; background-color: #FFFFFF; /*border: solid 2px #FEEAE9;*/ padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }
/*************************************************
CHECKOUT
/**************************************************/
.Checkout { width: 920px; padding-bottom: 30px; padding-top: 20px; /*padding-right: 10px; padding-left: 10px;*/ text-align: left; margin: 0px auto; }
.Checkout .Overview { font-size: 11px; color: #000000; 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: right; height: 25px; }
.Checkout .Steps .Passive { font-weight: bold; font-size: 11px; color: #C0C0C0; margin-left: 10px; margin-right: 10px; }
.Checkout .Steps .Active { font-weight: bold; font-size: 11px; color: #E83030; margin-left: 10px; margin-right: 10px; padding-right: 5px; padding-left: 18px; padding-bottom: 5px; padding-top: 5px; border-top-width: 1px; border-left-width: 1px; border-left-color: #B8860B; border-bottom-width: 1px; border-bottom-color: #B8860B; border-top-color: #B8860B; border-right-width: 1px; border-right-color: #B8860B; background-position: left center; background-image: url(/web/Images/icons/arrow_right_blue_small.gif); background-repeat: no-repeat; }
/*.Checkout .Button { padding-top: 3px; padding-bottom: 4px; color: #D50006; font-size: 12px; font-weight: normal; background-image: url(../../../Data/Default/TemplateImages/btn_bg.jpg); background-repeat:repeat-x; border: solid 1px #CFCFCF; margin-top: 8px; font-family: arial;}*/
.Checkout .Button { display: block; font-family: Arial; font-weight: bold; cursor: pointer; color: #FFF; padding-top: 3px; padding-bottom: 3px; background-color: #BAB80D; border: none; cursor: pointer; }
.Checkout .Button:hover { background-color: #88926D; }
.Checkout .Form { padding: 15px; border: 1px dotted #CEDCE5; background-color: #F9F9F9; }
.Checkout .Form .FormTitle { font-size: 12px; color: #62849D; background-color: #FFFFFF; /*border: solid 2px #FEEAE9;*/ padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }
/*************************************************
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: capitalize; 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: pointer; }
/*Footer DIV of thumbbox that contains "close" link*/
#thumbBox .footerbar { font: bold 16px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: #FFFFFF; padding: 5px 0; text-align: right; }
/*DIV within thumbbox that holds the enlarged image*/
#thumbBox #thumbImage { background-color: #FFFFFF; }
/*DIV for showing "loading" status while thumbbox is being generated*/
#thumbLoading { position: absolute; visibility: hidden; border: 1px solid #000000; background-color: #EFEFEF; padding: 5px; z-index: 5; }
/*************************************************
FORMS
/**************************************************/
.Form { }
.FormTitle { font-weight: bold; font-size: 12px; color: #7C7C7C; background-color: #FFFFFF; /*border: solid 2px #FEEAE9;*/ padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }
.Form .Search { background-color: #F1F1F1; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; padding-top: 10px; border-right: 1px solid #B5B4B5; border-top: 1px solid #B5B4B5; border-left: 1px solid #B5B4B5; border-bottom: 1px solid #B5B4B5; margin-top: 5px; margin-bottom: 5px; }
.Form .Asterix { color: #FF0000; }
.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 { height: 35px; padding-bottom: 10px; }
.Form .FieldStyle { display: block; white-space: nowrap; font-size: 11px; font-weight: bold; color: #4B4B4B; text-align: left; 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: #008000; font-size: 13px; }
.Form .BackLink { color: #0000FF; font-size: 11px; text-decoration: underline; }
.Form .TextField { width: 250px; margin-left: 5px; }
.Form .HintStyle { font-size: 10px; font-weight: normal; color: #333333; padding-left: 10px; border-right: 1px solid #3399CC; padding-right: 10px; border-top: 1px solid #3399CC; padding-bottom: 5px; border-left: 1px solid #3399CC; padding-top: 5px; border-bottom: 1px solid #3399CC; background-color: #FFFFCC; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; }
.Form .Rightalign { padding-left: 7px; }
.Form .Or { font-weight: bold; font-size: 14px; color: #FF0000; font-family: arial; padding-right: 10px; padding-left: 10px; text-transform: none; }
.Form INPUT[type=text], .Form INPUT.text, .Form INPUT[type=password], .Form INPUT.password, .Form SELECT { width: 250px; border: 1px solid #CCC; padding: 4px; }
.Form TEXTAREA { width: 250px; border: 1px solid #CCC; padding: 4px; }
.Form .Button { display: block; /*float:left;*/ font-family: Arial; font-weight: bold; cursor: pointer; color: #FFF; padding: 4px; margin-right: 5px; background-color: #959E52; border: none; cursor: pointer; }
.Form .Button:hover { background-color: #BAB80D; }
.address-holder { float: left; margin-left: 70px; margin-top: 20px; width: 320px; color: #666; }
.Form .RequiredField { background-image: url("../../../Data/Default/TemplateImages/asterisk_red.png"); background-repeat: no-repeat; background-position: right center; }
/*************************************************
SITE MAP
/**************************************************/
.SiteMap { margin: 20px 0; }
.SiteMap .ShoppingCartNavigation { padding-right: 20px; margin: 0px; border-right: 1px solid #DDDDDD; }
.SiteMap H5 { margin-left: 15px; margin-top: 0px; }
/*************************************************
SHOPPING CART NAVIGATION
/**************************************************/
.ShoppingCartNavigation { margin-bottom: 15px; padding-bottom: 5px; padding-left: 5px; }
.ShoppingCartNavigation .Title { color: #000000; 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: #CB5D2A; font-size: 8pt; padding-bottom: 2px; padding-top: 5px; text-transform: capitalize; }
.ShoppingCartNavigation .RootNodeStyle A:visited { color: #CB5D2A; }
.ShoppingCartNavigation .HoverNodeStyle { color: #FF0000; }
.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; }
/************************************************
FORGET PASSWORD
/*************************************************/
.ForgetPassword { font-family: Verdana; font-size: small; }
.ForgetPassword .Title { font-size: 11px; font-weight: bold; color: #4B4B4B; }
.ForgetPassword .InstructionTextStyle { font-style: italic; color: #000000; }
.ForgetPassword .SucessTextStyle { padding-bottom: 150px; }
.ForgetPassword .TextBoxStyle { font-size: 0.8em; }
.ForgetPassword .TitleTextStyle { background-color: #5D7B9D; font-weight: bold; font-size: 0.9em; color: #FFFFFF; }
.ForgetPassword .SubmitButtonStyle { background-color: #FFFBFF; border: 1px solid #CCCCCC; font-family: Verdana; font-size: 0.8em; color: #284775; }
.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 { display: block; /*float:left;*/ font-family: Arial; font-weight: bold; cursor: pointer; color: #FFF; padding: 4px; margin-right: 5px; background-color: #959E52; border: none; cursor: pointer; }
.ForgetPassword .Button:hover { background-color: #88926D; }
/****************************************************
SLIDER STYLES
****************************************************/
#BrandScroller { position: relative; width: 690px; height: 248px; overflow: hidden; }
#BrandScroller #slider { width: 632px; margin: 20px auto 0px; overflow: hidden; /*border:1px solid blue;*/ }
#BrandScroller #slider UL { height: 228px; margin: 0px; padding: 0px; /*border:1px solid pink;*/ }
#BrandScroller #slider LI { width: 158px; height: 228px; list-style: none; /*background-color:pink;*/ }
#BrandScroller #slider UL LI .InfoHolder { width: 158px; height: 108px; /*background-color:Blue;*/ }
#BrandScroller #slider UL LI .InfoHolder .DetailLink { padding: 0px 10px; }
#BrandScroller #slider UL LI .InfoHolder .DetailLink A:link, #BrandScroller #slider UL LI .InfoHolder .DetailLink A:visited { color: #99B8CA; font-size: 12px; line-height: 13px; /*font-size:36px; line-height:36px;color:#FFF; text-decoration:none;*/ }
#BrandScroller #slider UL LI .InfoHolder .DetailLink A:hover { color: #62849D; }
#BrandScroller #slider UL LI .InfoHolder .ShortDesc { height: 100px; padding: 10px; font-size: 12px; color: #FFF; line-height: 15px; }
#BrandScroller #slider UL LI .InfoHolder .ShortDesc A:link, #slider UL LI .InfoHolder .ShortDesc A:visited, #slider UL LI .InfoHolder .ShortDesc A:hover { color: #FFF; text-decoration: none; border-bottom: 1px dotted #999; }
#BrandScroller #slider UL LI .InfoHolder .SalePrice, #slider .InfoHolder .Price, #slider .InfoHolder .RegularPrice { color: #C78C9D; line-height: 22px; text-decoration: none; }
#BrandScroller #slider UL LI .Item { position: relative; width: 158px; height: 152px; text-align: center; }
#prevBtn, #nextBtn { display: block; width: 27px; height: 228px; position: absolute; left: 0px; top: 20px; outline: none; }
#nextBtn { left: 663px; }
#prevBtn A, #nextBtn A { display: block; width: 27px; height: 228px; background: url(/Data/Default/TemplateImages/slider-left-arrow.gif) no-repeat 0 0; outline: none; }
#nextBtn A { background: url(/Data/Default/TemplateImages/slider-right-arrow.gif) no-repeat 0 0; }
/****************************************************
JQUERY TAB STYLES
****************************************************/
UL.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 27px; /*--Set height of tabs--*/ border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; width: 100%; }
UL.tabs LI { float: left; margin: 0; padding: 0; height: 26px; line-height: 26px; border: 1px solid #DDD; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #FFF; }
UL.tabs LI A { text-decoration: none; color: #999; display: block; font-size: 12px; padding: 0 10px; border: 1px solid #FFF; outline: none; }
UL.tabs LI A:hover { background: #FFF; color: #666; }
HTML UL.tabs LI.active, HTML UL.tabs LI.active A:hover { color: #666; background: #F6F6F6; border-bottom: 1px solid #F6F6F6; }
HTML UL.tabs LI.active A { color: #8D8771; font-weight: bold; }
.tab_container { border: 1px solid #DDD; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #F6F6F6; }
.tab_content { padding: 20px; font-size: 12px; color: #8D8771; }
/****************************************************
SOCIAL MEDIA STYLES
****************************************************/
DIV.shr-bookmarks { margin: 0px 0 0 800px; clear: both !important; }
DIV.shr-bookmarks-expand { height: 32px; overflow: hidden; }
DIV.shr-bookmarks-bg-shr { padding: 28px 0 0 10px !important; background: transparent url('/Data/Default/TemplateImages/shr-sprite.png') no-repeat !important; }
DIV.shr-bookmarks UL.socials { width: 100% !important; margin: 0 !important; padding: 0 !important; float: left !important; background: transparent !important; border: 0 none !important; outline: 0 none !important; }
DIV.shr-bookmarks UL.socials LI { background-image: url('/Data/Default/TemplateImages/shr-sprite.png') !important; background-repeat: no-repeat !important; display: inline !important; float: left !important; list-style-type: none !important; padding: 0 !important; height: 29px !important; width: 60px !important; cursor: pointer !important; margin: 3px 0 0 !important; background-color: transparent !important; border: 0 none !important; outline: 0 none !important; clear: none !important; }
DIV.shr-bookmarks UL.socials LI:before, DIV.shr-bookmarks UL.socials LI:after, DIV.shr-bookmarks UL.socials LI A:before, DIV.shr-bookmarks UL.socials LI A:after { content: '' !important; }
DIV.shr-bookmarks UL.socials A, DIV.shr-bookmarks UL.socials A:hover { display: block !important; width: 60px !important; height: 29px !important; text-indent: -9999px !important; background-color: transparent !important; text-decoration: none !important; border: 0 none !important; margin: 0 !important; padding: 0 !important; }
DIV.shr-bookmarks UL.socials A:hover, DIV.shr-bookmarks UL.socials LI:hover { background-color: transparent !important; border: 0 none !important; outline: 0 none !important; }
LI.shr-facebook { background-position: -140px bottom !important; }
LI.shr-facebook:hover { background-position: -140px top !important; }
LI.shr-twitter { background-position: -70px bottom !important; }
LI.shr-twitter:hover { background-position: -70px top !important; }
LI.shr-friendfeed { background-position: -1750px bottom !important; }
LI.shr-friendfeed:hover { background-position: -1750px top !important; }
LI.shr-blogmarks { background-position: -1820px bottom !important; }
LI.shr-blogmarks:hover { background-position: -1820px top !important; }
LI.shr-blogger { background-position: left bottom !important; }
LI.shr-blogger:hover { background-position: left top !important; }
/****************************************************
ACCOUNT / EXPRESS CHECKOUT
****************************************************/
#AccountDetails { /*border:1px solid #000;*/ }
#AccountDetails #UserLogin { float: left; width: 270px; height: 440px; padding: 15px; background-color: #F7F7F7; }
#AccountDetails #UserRegister { float: left; width: 270px; height: 440px; padding: 15px; margin: 0 15px; background-color: #F7F7F7; }
#AccountDetails #UserExpressCheckout { float: left; width: 260px; height: 440px; padding: 15px; background-color: #F7F7F7; }
#AccountDetails #UserLogin .FormTitle, #AccountDetails #UserRegister .FormTitle, #AccountDetails #UserExpressCheckout .FormTitle { width: 280px; padding: 0px; margin: 0px; margin-bottom: 20px; background: none; }
#AccountDetails #UserLogin .FieldStyle, #AccountDetails #UserRegister .FieldStyle, #AccountDetails #UserExpressCheckout .FieldStyle { text-align: left; }
#AccountDetails INPUT[type="text"], #AccountDetails INPUT[type="password"] { width: 250px; border: 1px solid #E5E5E5; padding: 4px; }
#AccountDetails .Button { background-color: #BAB80D; }
#AccountDetails .Button:hover { background-color: #88926D; }
#AccountDetails .TextField { margin-left: 0px; }
#AccountDetails LABEL { color: #666; }
#Account .Form { padding: 15px; background-color: #F7F7F7; }
DIV.AspNet-TreeView { margin: 0; padding: 0; }
DIV.AspNet-TreeView UL { list-style: none; margin: 0; padding: 0; }
.AspNet-TreeView-Show { }
.AspNet-TreeView-Hide { display: none; }