/* Load in other css files */ @import url(/css/debug.css); @import url(/css/e-commerce.css); /* Page Components and areas */ #legalFooter { border-top: 0px solid red; color: #808080; font: normal 8pt verdana; letter-spacing: 0px; background: url(/gfx/back/legalFooter.gif) repeat-x top; text-align: center; padding-top: 10px !important; } #legalFooter a:link { color: #606060; } #legalFooter a:visited { color: #606060; } #footerLinks { color: #FFFFFF !important; background: #9b845f; font: normal 10pt verdana; } #footerLinks a:link { color: #FFFFFF !important; } #footerLinks a:visited { color: #FFFFFF !important; } .alertBox { border: 1px solid red; font: normal 10pt verdana; padding: 10px; padding-left: 60px; background: url(/gfx/back/alert.gif) no-repeat; background-position: 10px !important; } #googleAnalytics { border: 0px solid red !important; } /* Font and Links */ body { background: #FFFFFF; scrollbar-base-color: #D1D6E4; scrollbar-arrow-color: #3d3427; } a:link { color: #3d3427; text-decoration: underline; } a:visited { color: #3d3427; text-decoration: underline; } a:hover { color: #3d3427; text-decoration: none; } a:active { color: #3d3427; text-decoration: underline; } a.leftmenuitem { font: 10pt arial; line-height: 16px; color: #3d3427; text-decoration: underline; } a.leftmenuitem:visited { font: 10pt arial; line-height: 16px; color: #3d3427; text-decoration: underline; } a.leftmenuitem:hover { font: 10pt arial; line-height: 16px; color: #3d3427; text-decoration: none; } a.leftmenuitem:active { font: 10pt arial; line-height: 16px; color: #3d3427; text-decoration: none; } h1 { font: bold 10pt Verdana,arial; color: #3d3427; text-decoration: none; } h2 { font: bold 10pt Verdana,arial; color: #3d3427; text-decoration: none; margin-bottom: 0px; } h3 { font: bold 8pt "MS Sans Serif",Verdana,arial; color: #3d3427; margin-bottom: 0px; } p { color: #3d3427; font: 10pt Verdana,Arial; line-height: 16px; } img { border: 0px; } b,strong { } ul { font: 8pt Verdana,Arial; color: #3d3427; list-style-type: circle; } ol { font: 8pt Verdana,Arial; color: #3d3427; } form { font: 9pt Verdana,Arial; margin: 0px; padding 0px; } input { font: 9pt Verdana,Arial; color: #3d3427; } hr { height: 1px; width: 100%; border: 1px solid #C0C0C0; } #menu p { text-align: left; font: 8pt Verdana,Arial; color: #FFFFFF; line-height: 22px; } #menu a { text-decoration: none; } #menu a:visited { text-decoration: none; } #menu a:hover { text-decoration: underline; } #menu a:active { text-decoration: none; } #menu td { } #menumain p { } #menumain a { text-decoration: none; } #menumain a:visited { text-decoration: none; } #menumain a:hover { text-decoration: underline; } #menumain a:active { text-decoration: none; } .terms { font: 9pt Verdana,Arial; color: #3d3427; list-style-type: lower-roman; } .lgtbrown { background: #CEb78A; } .brown { background: #9B845F; } .cream { background: #FCF4DA; } .white { background: #FFFFFF; } .grey { background: #F7F7F7; } .green { background: #75938C; } .hiLite { color: red !important; background: yellow !important; } .free { color: red !important; background: yellow !important; padding: 0px 2px 0px 2px; border: 1px dotted red; } .topmenu_white { font: 8pt Verdana,Arial; color: #FFFFFF!important; margin-left: 10px; margin-right: 10px; } .prodCatHead { font: bold 12pt Verdana,Arial; color: #9B845F; line-height: 16px; } .xsmall { font: normal 8pt "MS Sans Serif",Verdana,Arial; color: #3d3427; } .small { font: 7pt Verdana,Arial; color: #3d3427; line-height: 16px; } .small A { color: #3d3427; text-decoration: underline; } .small A:visited { color: #3d3427; text-decoration: underline; } .small A:hover { color: #3d3427; text-decoration: none; } .small A:active { color: #3d3427; text-decoration: underline; } .menuitem { background-image: url(/gfx/menu-back.gif); height: 22px; text-align:center; } .menuitembig { background-image: url(/gfx/menu-backbig.gif); height: 33px; text-align:center; } .menuhead { background-image: url(/gfx/menu-head.gif); height: 22px; text-align:center; } .menufoot { background-image: url(/gfx/menu-foot.gif); height: 7px; text-align:center; } .central { padding: 20px; } .rightmenu_text { font: 7pt Verdana,Arial; color: #3d3427; line-height: 16px; text-decoration: underline; } .catalogue { margin-top: 10px; border-top: 0pt solid white; } .search { margin-top: 10px; border-top: 0pt solid white; width: 90%; background: #DEC69C; border-top: 1pt solid #665740;} .searchrow { padding-top: 10px; border-bottom: 1pt solid #665740; border-right: 1pt solid #665740; border-left: 1pt solid #665740; text-align: center; } .searchfield { font: 9pt Verdana,Arial; width: 120px; border: 1pt solid #75938C; background: #FFFFFF; } .searchbutton { width: 120px; background: #d4d0c8 !important; border: 1px s; margin-top: 5px; margin-bottom: 5px; cursor: hand; } .reg { margin-top: 10px; border-top: 0pt solid white; width: 90%; background: #DEC69C; border-top: 1pt solid #665740; } .regrow { padding-top: 10px; border-bottom: 1pt solid #665740; border-right: 1pt solid #665740; border-left: 1pt solid #665740; text-align: center; } .regemail { font: 9pt Verdana,Arial; width: 120px; border: 1pt solid #75938C; background: #FFFFFF; } .regbutton { width: 120px; background: #d4d0c8 !important; border: 1px s; margin-top: 5px; margin-bottom: 5px; } .copy { padding: 2px; font: 8pt Verdana,Arial; color: #ffffff; line-height: 16px; } .copy A { color: #ffffff; text-decoration: underline; } .copy A:visited { color: #ffffff; text-decoration: underline; } .copy A:hover { color: #ffffff; text-decoration: none; } .copy A:active { color: #ffffff; text-decoration: underline; } .formbox { font: 9pt Verdana,Arial; width: 250px; border: 1pt solid #75938C; background: #FFFFFF; } .formboxHI { font: 9pt Verdana,Arial; width: 250px; border: 1pt solid #75938C; background: #FEFAEC; } .button { font: 10pt Verdana,Arial; width: 250px; cursor: hand; } .admin { font: 9pt Verdana,Arial; width: 150px; border: 1pt solid navy; background: #FFFFFF; } .adminb { font: 9pt Verdana,Arial; width: 150px; } .sub { font: bold 10pt Verdana,Arial; color: #3d3427; text-decoration: underline; } .base { font: 9pt Verdana,Arial; color: #3d3427; line-height: 16px; } .prodmain P { color: #3d3427; font: 8pt "MS Sans Serif",Verdana,Arial; line-height: 16px; } .form300 { font: 9pt Verdana,Arial; width: 300px; border: 1pt solid #3d3427; background: #FFFFFF; } .form100 { font: 9pt Verdana,Arial; width: 100px; border: 1pt solid #3d3427; background: #FFFFFF; } .form50 { font: 9pt Verdana,Arial; width: 50px; border: 1pt solid #3d3427; background: #FFFFFF; } /* Menus */ #001Container { Z-Index: 1000; } #002Container { Z-Index: 1000; } #003Container { Z-Index: 1000; } .dropmenu { background: #e5edf1; font: normal 9pt verdana; border-top: 1px solid white; } .dropmenu A { border: 1px solid #FFFFFF; border-top: 0px; DISPLAY: BLOCK; HEIGHT: 25px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-decoration: none; } .dropmenu A:visited { border: 1px solid #FFFFFF; border-top: 0px; DISPLAY: BLOCK; COLOR: #003366; text-decoration: none;} .dropmenu A:hover { background: #b7ced9; border: 1px solid #FFFFFF; border-top: 0px; DISPLAY: BLOCK; COLOR: #003366; text-decoration: text-decoration: underline; } .dropmenu A:active { color: #003366; background: #FFFFFF; border: 0px solid #d0d0d0; border-top: 0px; DISPLAY: BLOCK; text-decoration: none; } #menubar { color: #003366; height: 25px; font: normal 9pt verdana; } #menubar A { color: #003366; text-decoration: none; } #menubar A:visited { color: #003366; text-decoration: none; } #menubar A:hover { color: #003366; text-decoration: underline !important; } .menubutt { padding-left: 10px; padding-right: 10px; font-size: 9pt !important; height: 25px; cursor: hand; border-right: 1px solid white; } .menubutt A { color: #003366; text-decoration: none; } .menubutt A:visited { color: #003366; text-decoration: none; } .menubutt A:hover { color: #003366; text-decoration: underline; } /* Snazzy front end thing */ .image { background: #FCF4DA; border: 1pt solid #CEb78A; width: 140px; height: 140px; margin: 2px; text-align: center; position: relative; float: left; } .image a { border: 0px; } .image img { margin: 0px auto 0px auto; border: 1pt solid #9B845F; } .image p { font: 7pt Verdana,Arial; color: #3d3427; line-height: 16px; text-align: center; } /* Featured Products (Home Page) */ #recommended { width: 100%; margin: 0px 0px 0px 0px; font: normal 10pt verdana !important; text-align: center; } #recommended strong { color: #9b845f !important; } #slogan { width: 100%; margin-top: 10px; font: normal 10pt verdana !important; text-align: center; } #featuredProducts { width: 100%; table-layout: fixed; border-collapse: separate; } #featuredProducts td { padding: 4px; tex-align: center; font: normal 8pt verdana !important; } #featuredProducts img { border: 1px solid red; } #homeEvents { font: normal 10pt verdana; } #homeSearch { text-align: center !important; padding: 0px 0px 10px 0px; } #homeSearchh2 { padding: 0px 0px 5px 0px; } .homeSearchGoButton { padding: 0px 5px 0px 5px; margin-left: 5px; } /* Results Pages */ .resultPages { clear: both; color: brown; font: bold 10pt verdana,arial !important; border: 2px solid brown; padding: 10px; } .resultPages a { clear: both; padding: 2px; font: normal 10pt verdana,arial !important; } .currentPage { padding: 2px; background: gold; text-decoration: none !important; } .currentPage a { font: bold 10pt verdana !important; text-decoration: none !important; } .currentPage a:visited { font: bold 10pt verdana !important; text-decoration: none !important; } /* Shopping Basket Pages */ #cartButtons { margin: 10px 0px 0px 5px; clear: both; } #cartButtons input { width: 150px; margin: 5px; cursor: pointer; } /* psProddet css */ .childCategoriesList { font: normal 10pt verdana,arial !important; } .childCategoriesList a { font: normal 10pt verdana,arial !important; } #contacts { border-left: 1px solid #9b845f; background: #FCF4DA top no-repeat; font: normal 8pt verdana !important; line-height: 150%; letter-spacing: 0px; } #contacts STRONG,B { color: #65563e; } #contacts IMG { border: 0px; } #contacts A:link { text-decoration: underline; } #contacts A:visited { text-decoration: underline; } #contacts A:hover { text-decoration: none; } #address { border-right: 1px solid #9b845f; background: #FCF4DA top no-repeat; font: normal 8pt verdana !important; line-height: 150%; letter-spacing: 0px; cursor: pointer; } #address STRONG,B { color: #65563e; } /* to include ns4, must be positioned absolute */ #infoDiv { } /* styles for infoDiv content (ns4 needs to be reminded for each re-write - width too! )*/ .info { width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #3d3427; text-decoration: none; } #topmenu { background: #9B845F url(gfx/back/crumbs.gif) repeat-x top; } #crumbs A:link { color: #FFFFFF !important; } #crumbs A:visited { color: #FFFFFF !important; } .mainmenu { background: #FCF4DA; } .mailorder { font: normal 8pt verdana; text-align: center; line-height: 150%; letter-spacing: 0px; } .mailorderbeigebold { font: normal 8pt verdana; text-align: center; line-height: 150%; letter-spacing: 0px; color: #65563e; font-weight:bold;} .note { color: #3d3427; font: normal 8pt verdana; } #hours { width: 450px; color: #3d3427; border: 2px solid #3d3427; border-collapse: collapse; } #hours TD { text-align: center; width: 150px; padding: 8px; font: normal 10pt verdana; border: 1px solid #c0c0c0} #featured { width: 100%; height: 600px; border: 0px solid #3d3427; padding: 0px; margin: 0px; } #tabs { width: 100%; height: 290px; border: 0px solid #3d3427; padding: 0px; margin: 0px; } .buybutton { text-transform: uppercase !important; font: bold 10pt verdana !important; background: #d4d0c8 url(gfx/back/buy.gif) repeat-x top; cursor: hand; } .resultline { border: 1px solid #FFFFFF; } .resultlinehi { border: 1px solid #3d3427; } #notice { display: none; color: #000000; width: 100%; border: 1px solid red; padding: 14px; margin-top: 10px; text-align: center; line-height: 200%; } .hidden { display: none !important; } .visible { display: inline !important; } /* incidental images */ .topRightPhoto { float: right; padding-left: 10px; clear: right; } .topLeftPhoto { float: left; padding-left: 10px; clear: left; } /* Product Email-Shot (back-office css) */ .PemailshotFormField { width: 300px; border: 1px solid #000000; } .PemailshotFormTextarea { width: 300px; border: 1px solid #000000; font: normal 8pt verdana; padding: 5px; } #PemailshotGreeting { display: none; } #PemailshotProdcodes { border: 0px solid red; } #PemailshotTestbutton { cursor: hand; } /* Home Page Events block */ #iFrameEvents { display: none; padding: 0px; border: 1px dotted #606060; } #homeEventHead { width: 100%; margin: 10px; font: normal 10pt verdana !important; text-align: center; } .hidecat { display: none; } /* Shipping */ #shippingTables { border-top: 0px solid red; } .shippingGrid { clear: both; width: 100%; border-collapse: collapse; border: 1px solid #000000; border-bottom: 1px solid #000000; margin: 0px 0px 15px 0px; } .shippingGrid td { padding: 10px; border: 1px solid #c0c0c0; } /* Supplement Promotion */ #supplementPromo { clear: both; margin: 10px 0px 0px 0px; display: none; }