/* BASE STYLES ----------------------------------------------- */ *{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; overflow-x:hidden; } a:link{ text-decoration:none; color:#3d9cc9; font-weight:bold; } a:visited{ text-decoration:none; color:#3485ab; font-weight:bold; } a:hover{ color:#bc471e; } body{ color:#595959; line-height:125%; font-size:12px; } #wrapper{ background-image:url(/images/Andrew_September_2011/headerbkrnd.jpg); background-repeat:repeat-x; background-attachment:scroll; width:100%; } H1, .h1 { font-size:22px; color:#595959; font-weight:bold; margin-top:5px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #b5b5b5; font-weight:100; } h2.sidebar-header{ font-size:16px; text-transform:uppercase; font-family:arial; font-weight:normal; } TABLE { font-family:Arial, Helvetica, sans-serif; font-size:13px; } .red_text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#CC0000 } .black_text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000 } .bold_text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; font-weight:bold } .border_r { border-right:1px solid #cccccc; padding:2px } .border_l { border-left:1px solid #cccccc; padding:2px } .border_t { border-top:1px solid #cccccc; padding:2px } .border_b { border-bottom:1px solid #cccccc; padding:2px } .border { border:1px solid #cccccc; padding:2px } .bg_dddddd { background-color:#dddddd; color:#333333 } .hr { border-bottom:1px solid #cccccc; margin:0px 0px 8px 0px } #footer{ background-image:url(/images/Andrew_September_2011/footerbkrnd.jpg); background-repeat:repeat-x; background-attachment:scroll; width:100%; height:109px; margin-top:15px; } #footer_content{ width:972px; margin:0 auto; padding-top:8px; color:#ffffff; } #footer_content a:link, #footer_content a:visited{ color:#f1c2ae; } #footer_content a:hover{ text-decoration:underline; } input[type="button"]{ background-color:#74260b; color:#fff; padding:5px 10px 5px 10px; font-size:14px; font-weight:100; border:none; width:auto; } input[type="button"]:hover{ background-color:#a83b15; cursor:pointer; } input[type="submit"]{ background-color:#74260b; color:#fff !important; padding:5px 10px 5px 10px; font-size:14px; font-weight:100; border:none; width:auto; } input[type="submit"]:hover{ background-color:#a83b15; cursor:pointer; } input[type="reset"]{ background-color:#74260b; color:#fff; padding:5px 10px 5px 10px; font-size:14px; font-weight:100; border:none; width:auto; } input[type="reset"]:hover{ background-color:#a83b15; cursor:pointer; } input[type="text"]{ border:1px solid #dfdfdf; font-size:14px; color:#808080; padding:5px; vertical-align:middle; } input[type="password"]{ border:1px solid #dfdfdf; font-size:14px; color:#808080; padding:5px; vertical-align:middle; } select{ border:1px solid #dfdfdf; font-size:14px; color:#808080; padding:5px; vertical-align:middle; } .leftColumn input{ border:1px solid #dfdfdf; font-size:14px; color:#808080; padding:5px; vertical-align:middle; } /* TOP BAR ----------------------------------------------- */ #top_bar{ height:32px; width:100%; background-color:#1e1e1e; text-align:center; } .top_bar_center{ width:972px; text-align:right; margin: 0 auto; padding: 8px 10px 0 10px; } #top_bar a:link, #top_bar a:visited{ color:#e5c3b7; } #top_bar a:hover{ text-decoration:underline; } a.back_to_spa{ padding:2px 0 0 25px; background:url(/images/Andrew_September_2011/back_to_spa.jpg) top left no-repeat; height:20px; vertical-align:top; margin-right:25px; } a.shop_now{ padding:2px 0 0 25px; background:url(/images/Andrew_September_2011/shopping_cart.jpg) top left no-repeat; height:20px; vertical-align:top; margin-right:25px; } a.contact_us{ padding:2px 0 0 25px; background:url(/images/Andrew_September_2011/contact.jpg) top left no-repeat; height:20px; vertical-align:top; margin-right:25px; } a.facebook_icon{ padding:2px 0 0 25px; background:url(/images/Andrew_September_2011/facebook_icon.jpg) top left no-repeat; height:20px; vertical-align:top; } /* NAV STYLES ----------------------------------------------- */ #navigation{ text-align:center; z-index:999; font-size:13px; } #nav .selected{ text-decoration:underline !important; font-weight:bold !important; } #navigation a:link, #navigation a:visited{ color:#dddddd; text-transform:uppercase; padding:0 10px 0 10px; font-weight:bold; font-family: Helvetica, sans-serif; } #navigation a:hover{ text-decoration:underline; } /* CONTENT STYLES ----------------------------------------------- */ .contentwell{ background-image:url(/images/Andrew_September_2011/contentbkrnd.jpg); background-repeat:no-repeat; padding: 0 15px 0 15px; height:100%; } /* SIDEBAR STYLES ----------------------------------------------- */ .leftColumn{ padding-top:25px; margin-left:10px; width:215px; padding-left:5px; } .leftColumn hr{ height:1px; color:transparent; border-top:1px dotted #b5b5b5; margin:10px 0 10px 0; } h2.sidebar_large_link{ font-size:20px; color:#74260b; font-weight:lighter; text-decoration:none !important; } h2.sidebar_large_link a:link, h2.sidebar_large_link a:visited{ text-decoration:none !important; font-weight:lighter; } h2.sidebar_large_link:hover{ text-decoration:underline !important; } .viewmorecats a:link, .viewmorecats a:visited{ color:#7c7c7c; font-weight:bold; } .viewmorecats a:hover{ color:#74260b; } .leftSubCats a:link, .leftSubCats a:visited{ font-weight:normal; font-style:italic; } /* BUTTONS ----------------------------------------------- */ /******* ACTION BUTTON *******/ /* Both browsers apply these styles to the action button */ .actn_button_color { cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-align:center; } /* IE uses the filter for the blend */ .actn_button_color { } /* FireFox uses a background color and white gradient image for the blend */ html>body .actn_button_color { } /******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/ .actn_button_color.actn_button:hover { } /******* END FIREFOX HOVER FOR ACTION BUTTON *******/ /******* REGULAR BUTTON *******/ /* Both browsers apply these styles to the regular button */ .button_color { color:#fff; text-align:center; } /* IE uses the filter for the blend */ .button_color { } /* FireFox uses the background-color and white gradient image for the blend */ html>body .button_color { } /******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/ .button_color.button:hover { color:#fff; background-color: #aa411c; cursor:pointer; } /******* END FIREFOX HOVER FOR ACTION BUTTON *******/ /******* SPECIAL BUTTON STYLES*******/ .go-btn-width { } .btn_small_update, .btn_small_change { font-size:9px !important; margin-top:3px; } .btn_update { font-size:9px !important; margin-top:3px; } .btn_continue { } .btn_add_to_cart{ padding-left:30px !important; background-image:url(/images/Andrew_September_2011/cart_icon.png); background-position: 10px 5px; background-repeat:no-repeat; font-size:11px; margin-top:5px; } html>body .btn_add_to_cart { } .btn_buy_it_now { padding-left:30px !important; background:url(/images/Andrew_September_2011/cart_icon.png); background-position: 10px 5px; background-repeat:no-repeat; margin:5px 0px 0px 5px; } .btn_proceed_to_checkout { } .wish-list-icon { position:relative; left:110%; *left:106%; *top:2px; } .btn_wish_list { padding:2px 2px 2px 20px; height:26px; font-size:10px; } .btn_add_to_cart_lrg { } .btn_ordering_info { font-size:11px; } .btn_go { margin-top:3px; } /******* END SPECIAL BUTTON STYLES*******/ /* box around product detail quantity and add to cart button ----------------------------------------------- */ .quantity { border:1px solid #CCCCCC; width:260px; white-space:nowrap; padding:5px } /* ADDED TO CART home page, product list and product detail pages ----------------------------------------------- */ .added_to_cart { background-color:#FFFAF4; border:1px solid #E2A269; margin:5px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333 } .added_to_cart A:link, .added_to_cart A:visited, .added_to_cart A:hover, .added_to_cart A:active { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333 } /* PRICE product list and some home pages ----------------------------------------------- */ .small_price { color:#b24018; font-family:; font-size:14px; font-weight:bold } /* product detail page */ .large_price { color:#b24018; font-family:; font-size:18px; font-weight:bold } .totalsavings { font-weight:bold; border:1px solid #cccccc; padding:10px; text-align:center; width:185px; color:#3D89BD } .opc-totalsavings { font-weight:bold; font-size:13px; padding:2px 1px; color:#3D89BD; text-align:right } /* TABS product detail page ----------------------------------------------- */ .tabcontainer { width:100%; position:relative; color:#ffffff } .tab_on { color:#333333; font-weight:bold; text-align:center; margin-top:10px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#e5e5e5; padding:3px; width:165px; float:left; display:inline; white-space:nowrap } .tab_off { color:#333333; font-weight:normal; text-align:center; margin-top:10px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#F5F5F5; padding:3px; width:165px; float:left; cursor:pointer; display:inline; white-space:nowrap } .descriptioncontainer { width:100%; position:relative } .detaildesc { border-top:4px solid #e5e5e5; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:2px solid #e5e5e5; padding:5px; margin-bottom:10px; width:99%; text-align:left } /****** MULTIPLE IMAGES ****** product detail page */ .click {cursor:pointer} .imagesmallcontainer { background-color:#ffffff; border:2px solid #CCCCCC; float:left; height:65px; margin:8px 4px 2px 0px; overflow:hidden; width:65px } .hoverover { clear:both; float:left; font-size:11px; padding-bottom:2px; padding-top:2px; width:300px } .notavailable { background-color:#ffffff; border:1px solid #cccccc; color:#666666; padding:10px; text-align:center } /* ALL CATEGORIES PAGE ----------------------------------------------- */ .category_outline { width:99%; border:1px solid #dddddd; text-align:center; margin:5px; padding:0px } .chain { text-align:left; margin-left:5px; font-size:13px; padding:4px; font-weight:bold; color:#666666 } .chain A:link, .chain A:visited, .chain A:active, .chain A:hover { font-family:Arial, Helvetica, sans-serif; color:#3D89BD; font-size:13px; } .all_categories { width:220px } .all_categories A:link, .all_categories A:visited, .all_categories A:active, .all_categories A:hover { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:13px; font-weight:normal } .parent { margin-top:3px; margin-bottom:3px } .parent A:link, .parent A:visited, .parent A:active, .parent A:hover { font-weight:bold } .parent_more { font-weight:bold; margin-top:5px; color:#3D89BD } .parent_more A:link, .parent_more A:visited, .parent_more A:hover, .parent_more A:active { font-weight:bold; color:#3D89BD } .sub_category { margin-top:5px; margin-bottom:5px } .sub_category_more { font-weight:bold; color:#3D89BD } .sub_category_more A:link, .sub_category_more A:visited, .sub_category_more A:hover, .sub_category_more A:active { margin-left:1px; font-size:11px; font-weight:bold; color:#3D89BD } .viewAllCategories { padding:6px 4px 6px 25px; line-height:normal; display:block; border-bottom:4px solid #3D89BD; font-weight:100; } .viewAllCategories a:link, .viewAllCategories a:visited { color:#3D89BD; text-decoration:none; font-weight:bold } .viewAllCategories a:hover { background-color:#edecec } /* CHECKOUT BREADCRUMB ----------------------------------------------- */ .breadcrumb_on { font-family:Arial, Helvetica, sans-serif; color:#3D89BD; padding-right:3px; font-size:13px; font-weight:bold; white-space:nowrap; vertical-align:middle } .breadcrumb_off { font-family:Arial, Helvetica, sans-serif; color:#666666; padding-right:3px; font-size:13px; white-space:nowrap; vertical-align:middle } .clear { clear:both } .floatRight { float:right } .floatLeft { float:left } .note { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px } /* e-gift cards */ .egift_dashed_outline { border:3px dashed #b8dffb; height:99%; padding:3px; margin:5px } .egift_background { padding:3px; } /* wish list */ .create-wishlist { background:url(/images/Andrew_September_2011/wishlist-banner.gif) no-repeat left top; width:285px; height:300px; text-align:center; } .create-wishlist-content { padding-top:190px; width:280px; text-align:center; color:#999999; font-size:11px; } .create-wishlist-text { padding:5px; width:260px; margin:0px 2px 0px 2px; text-align:center; font-size:13px; } .find-wishlist { background:url(/images/Andrew_September_2011/find-wishlist-banner.gif) no-repeat left top; width:280px; height:300px; text-align:center; } .find-wishlist-content { padding-top:200px; margin:0px 0px 0px 30px; *margin:0px 0px 0px 25px; width:235px; } .wishlist-label { font-size:11px; font-weight:bold; background-color:#def4fb; } .wishies { padding-top:10px; padding-left:50px; background:url(/images/Andrew_September_2011/wishies.gif) no-repeat left top; height:60px; } .wishies-find { padding-top:25px; background:url(/images/Andrew_September_2011/wishies-find.gif) no-repeat left top; height:60px; width:240px; } .wishlist-heading { background-color:#ffffff; border-bottom:3px solid #def4fb; height:60px; } .wishlist-title { margin-top:10px; font-size:22px; color:#666666 } .wishlist-table-border { border-top:2px solid #def4fb; } .wishlist_border_r {border-right:1px solid #e5e5e5;} .wishlist_border_l {border-left:1px solid #e5e5e5;} .wishlist_border_t {border-top:1px solid #e5e5e5;} .wishlist_border_b {border-bottom:1px solid #e5e5e5;} .wishlist_border {border:1px solid #e5e5e5;} .e-gift-card-banner { background:url(/images/Andrew_September_2011/e-gift-card-banner.gif) no-repeat left top; width:526px; height:460px; margin-top:10px; clear:both; } .e-gift-card-text { font-size:13px; } .giftcard-entry { border: 1px solid #dedede; padding:5px 5px 5px 8px; text-align:left; margin-top:15px; margin-bottom:5px; background-color: #f5f5f5; width:310px; font-size:11px; } .giftcard-balance { border: 4px solid #efefef; padding:5px 5px 5px 8px; width:210px; font-size:11px; margin:10px 0px 10px 15px } .giftcard-balance-amt { border: 3px solid #efefef; padding:5px; width:180px; margin-top:8px } /* DROPDOWN MENU JQUERY STUFF */ .clear {clear:both} /* remove the list style */ /* IE SPECIFIC NAV */ #ie-nav { margin:0; padding:0; list-style:none; position:inherit !important; margin-top:0 !important; } #ie-nav li{ float:left; } /* submenu, it's hidden by default */ #ie-nav ul { position:relative !important; z-index:999; display:none; list-style:none; height:auto; width:auto; text-align:center; } #ie-nav ul li { float:left; background-color:#6b1909; border-bottom: 1px solid #7a200e; padding-top:7px; } /* display block will make the link fill the whole area of LI */ #ie-nav ul a { display:block; font-size:11px; } #ie-nav ul a:hover { text-decoration:underline; } /* END IE SPECIFIC NAV */ #nav { margin:0; padding:0; list-style:none; position:absolute; margin-top:-16px; } /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ #nav li { float:left; display:block; position:relative; margin:0 1px; } /* this is the parent menu */ #nav li a { display:block; font-weight:700; height:23px; text-decoration:none; color:#fff; text-align:center; color:#333; } #nav li a:hover { color:#fff; } /* submenu, it's hidden by default */ #nav ul { position:relative !important; z-index:999; display:none; list-style:none; height:auto; width:auto; text-align:center; } #nav ul li { float:left; background-color:#6b1909; border-bottom: 1px solid #7a200e; padding-top:7px; } /* display block will make the link fill the whole area of LI */ #nav ul a { display:block; font-size:11px; } #nav ul a:hover { text-decoration:underline; } /* fix ie6 small issue */ /* we should always avoid using hack like this */ /* should put it into separate file : ) */ *html #nav ul { margin:0 0 0 -2px; } /* Gallery styles */ #gallery{ background:url(/images/Andrew_September_2011/panel.png) repeat-x bottom center #ffffff; /* The width of the gallery */ width:700px; overflow:hidden; } #slides{ /* This is the slide area */ height:400px; /* jQuery changes the width later on to the sum of the widths of all the slides. */ width:700px; overflow:hidden; } .slide{ float:left; } #menu{ /* This is the container for the thumbnails */ height:50px; margin:0 auto; text-align:center; width:100%; overflow:hidden; } #main ul{ margin:0px; padding:0px; } #main li{ /* Every thumbnail is a li element */ width:60px; display:inline-block; list-style:none; height:45px; overflow:hidden; margin-right:10px; } #main li.inact:hover{ /* The inactive state, highlighted on mouse over */ background:url(/images/Andrew_September_2011/pic_bg.png) repeat; } #main li.act,li.act:hover{ /* The active state of the thumb */ background:url(/images/Andrew_September_2011/active_bg.png) no-repeat; } #main li.act a{ cursor:default; } #menu li a{ display:block; height:45px; padding-top:10px; } a img{ border:none; }