html { overflow-y:scroll; } body { margin:0px; text-align:center; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; } a:link, a:visited { text-decoration:none; color:#555555; font-weight:bold; } a:hover { text-decoration:underline; } /* Base Styles ----------------------------------------------- */ H1, .h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#555555; font-weight:bold; margin-top:10px } H2, .h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3D89BD; font-weight:bold } TABLE { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666 } .bold_text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; font-weight:bold } /* BUTTONS ----------------------------------------------- */ /******* ACTION BUTTON *******/ /* Both browsers apply these styles to the action button */ .actn_button_color { border:3px double #8FB6DB; cursor:pointer; white-space:nowrap; padding:2px 3px 2px 3px; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:12px; font-weight:bold; text-align:center } /* IE uses the filter for the blend */ .actn_button_color { * filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCE6F9') } /* FireFox uses a background color and white gradient image for the blend */ html>body .actn_button_color { background: #C0E1F9 url(/shared/style/images/white_gradient.png) repeat-x top } /******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/ .actn_button_color.actn_button:hover { border:3px double #54A2EB; color:#444444; background: #B3D8F4 url(/shared/style/images/white_gradient.png) repeat-x top } /******* END FIREFOX HOVER FOR ACTION BUTTON *******/ /******* REGULAR BUTTON *******/ /* Both browsers apply these styles to the regular button */ .button_color { border:3px double #8FB6DB; cursor:pointer; white-space:nowrap; padding:2px 3px 2px 3px; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:12px; font-weight:bold; text-align:center } /* IE uses the filter for the blend */ .button_color { * filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#EDF3F7') } /* FireFox uses the background-color and white gradient image for the blend */ html>body .button_color { background: #E1EFF9 url(/shared/style/images/white_gradient.png) repeat-x top } /******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/ .button_color.button:hover { border:3px double #54A2EB; color:#444444; background: #B3D8F4 url(/shared/style/images/white_gradient.png) repeat-x top } /******* END FIREFOX HOVER FOR ACTION BUTTON *******/ /******* SPECIAL BUTTON STYLES *******/ .btn_small_update, .btn_small_change { font-size:9px } .btn_update { font-size:9px } .btn_continue { width:170px; padding:4px } .btn_add_to_cart{ width:80px; * height:23px; font-size:11px; margin-top:5px; * padding:1px 0px 0px 0px } html>body .btn_add_to_cart { height:15px; padding:1px 0px 0px 0px } .btn_buy_it_now { width:80px; font-size:11px; margin:5px 0px 0px 5px; padding:0px } .btn_proceed_to_checkout { padding:2px 2px 2px 25px; width:190px; height:32px } .btn_ordering_info { font-size:11px; width:150px } /* search button in theme header */ .btn_advanced_search { font-size:12px; font-weight:bold; height:23px; background-color:#333333; padding:2px 5px 2px 5px; border:1px double #ffffff; color:#ffffff; cursor:pointer; * margin:0px 0px 0px 2px } /* FireFox */ html>body .btn_advanced_search { padding:0px 10px 4px 10px; margin:0px 0px 0px 2px } /******* END SPECIAL BUTTON STYLES *******/ /* box around product detail quantity and add to cart button ----------------------------------------------- */ .quantity { border:1px solid #CCCCCC; width:250px; white-space:nowrap; padding:10px } /* Price - product list and some home pages ----------------------------------------------- */ .small_price { color:#3D89BD; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold } /* Product detail page ----------------------------------------------- */ .large_price { color:#3D89BD; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold } /* All categories page ----------------------------------------------- */ .category_outline { border:1px solid #dddddd; text-align:center; margin:5px; padding:0px; width:99% } .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; font-size:13px; color:#3D89BD } .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:hover, .parent A:active { font-weight:bold; } .parent_more { 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 } .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 } /* 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:#666666 } .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:#666666 } /* Product detail tabs ----------------------------------------------- */ .tabcontainer { width:100%; position:relative; color:#ffffff } .tab_on { color:#666666; 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 } .tab_off { color:#666666; 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 } .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 } /* Custom font definitions ----------------------------------------------- */ p { margin:4px 0; line-height:normal; } .headPrice { font-weight:bold; color:#990000 } /* Custom form elements ----------------------------------------------- */ form { padding:0px; margin:0px; } .inputFormat { height:19px; font-size:12px; padding:1px; color:#333; vertical-align:middle; } #search input{ vertical-align:middle; margin:0; padding:0; } /* Top Menu ----------------------------------------------- */ .cartInfo { padding-top:5px; font-size:12px; line-height:3px; margin-bottom:3px } .cartInfo a{ display:block; } .cartInfo a:hover { background-color:#F1F1EB; } .cartInfo img { border:0; vertical-align:middle; } #myAccount, #shoppingCart { width:150px; font-weight:100; color:#666666; } .cartInfoHeadings { color:#555555; font-size:14px; font-weight:bold; } #myAccountDL, #shoppingCartDL { padding-left:18px; } /* Top NavBar ----------------------------------------------- */ .navBar { height:30px; padding-top:2px; background-color:#489BCF; } .navBarBottom { height:10px; background-color:#3D89BD; } .navBarInner { width:980px; } .navBarLeft { font-family:Arial, Helvetica, sans-serif; float:left; padding-top:5px; } .navBarRight { font-family:Arial, Helvetica, sans-serif; float:right; padding-top:5px; padding-right:35px } .navBarLeft a:link, .navBarLeft a:visited, navBarRight a:link, .navBarRight a:visited{ color:white; font-weight:bold; font-size:12px; } .search { width:150px; margin-top:5px; } /* Left Navigation Column ----------------------------------------------- */ .leftColumn { margin:0px 15px 10px 0px; padding:2px 0px 5px 0px; width:230px; background-color:#f7f7f7; font-size:12px; font-family:Arial, Helvetica, sans-serif } .leftColumn h2 { display:block; font-weight:bold; font-size:18px; color:#555555; margin:0 !important; padding:10px 8px; background-color:#f7f7f7; border-bottom:1px solid #dedcdc } .viewMoreCats a{ padding:6px 4px 6px 15px; line-height:normal; display:block; border-bottom:1px solid #dedcdc; font-weight:bold } .viewMoreCats a:link, .viewMoreCats a:visited { color:#555555; text-decoration:none } .viewMoreCats a:hover { text-decoration:none; color:#333333; background-color:#efefef } .viewAllCatgories { border-bottom:4px solid #3D89BD } .viewAllCatgories a{ padding:6px 4px 6px 15px; line-height:normal; display:block; font-weight:bold } .viewAllCatgories a:link, .viewAllCatgories a:visited { color:#3D89BD; text-decoration:none } .viewAllCatgories a:hover { text-decoration:none; color:#333333; background-color:#efefef } .vertNavLinkMisc { font-size:12px; background-color:#edecec; width:230px } .vertNavLinkMisc a{ padding:6px 4px 6px 25px; line-height:normal; display:block; border-bottom:1px solid #dedcdc } .vertNavLinkMisc a:link, .vertNavLinkMisc a:visited { color:#555555; text-decoration:none } .vertNavLinkMisc a:hover { color:#333333; background-color:#edecec } .leftSubCats { border-bottom:1px solid #ffffff } .leftSubCats a{ padding:6px 4px 6px 20px; line-height:normal; display:block; border-bottom:1px solid #dedcdc } .leftSubCats a:link, .leftSubCats a:visited { color:#555555; text-decoration:none; font-weight:normal } .leftSubCats a:hover { text-decoration:none; background-color:#efefef } /* Footer ----------------------------------------------- */ .footer { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#555555; } .footerBorders { text-align:center; padding:15px 0px 15px 0px; border-top:3px solid #E1DED6; border-bottom:1px solid #E1DED6; } /* 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 } .note { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px }