/* BASE STYLES ----------------------------------------------- */ H1, .h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#F87D32; font-weight:normal; margin-top:10px } H2, .h2 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; font-weight:bold } TABLE { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#393939 } .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:#393939; 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 } a:link { color:#333333; text-decoration:none; } a:hover { color:#404040; text-decoration:underline; } a:visited { color:#404040; text-decoration:none; } .price { color:#666666; font-size:10px; } /* NAV STYLES FOR CONTEMPORARY AND BUILD YOUR OWN ----------------------------------------------- */ span.navBarLeft{float:left;margin-top:0px} span.navBarLeft IMG{*left:8px;} .navBarRight div{float:right;margin-top:1px} .btn_advanced_search {margin-left:2px;margin-top:0px} /* BUTTONS ----------------------------------------------- */ /******* ACTION BUTTON *******/ /* Both browsers apply these styles to the action button */ .actn_button_color { border:1px #669966 solid; cursor:pointer; white-space:nowrap; padding:2px 3px 2px 3px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; font-weight:bold; text-align:center; -moz-border-radius:5px; border-radius:5px; background-color:#99cc99; } /* IE uses the filter for the blend */ /*.actn_button_color { * filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#117714') } /* FireFox uses a background color and white gradient image for the blend */ body .actn_button_color { background: #33cc00 url("/shared/style/images/white_gradient.png") repeat-x top } /******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/ .actn_button_color.actn_button:hover { border:1px #c06732 solid; color:#ffffff; background: #f87c32; } */ /******* END FIREFOX HOVER FOR ACTION BUTTON *******/ /******* REGULAR BUTTON *******/ /* Both browsers apply these styles to the regular button */ .button_color { border:1px #868686 solid; cursor:pointer; white-space:nowrap; padding:2px 3px 2px 3px; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:14px; font-weight:bold; text-align:center; -moz-border-radius:5px; border-radius:5px; background-color:#66cc00; } /* IE uses the filter for the blend */ /*.button_color { * filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#66cc00') } /* FireFox uses the background-color and white gradient image for the blend */ body .button_color { background: #C7E5FB url("/shared/style/images/white_gradient.png") repeat-x top } /******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/ .button_color.button:hover { border:1px #868686 solid; color:#444444; -moz-border-radius:5px; border-radius:5px; background: #B3D8F4 url("/shared/style/images/white_gradient.png") repeat-x top }*/ /******* END FIREFOX HOVER FOR ACTION BUTTON *******/ /******* SPECIAL BUTTON STYLES*******/ .go-btn-width { width:40px; margin-top:2px; } .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 } .wish-list-icon { position:relative; left:90%; *left:106%; *top:2px; } .btn_wish_list { padding:1px 2px 2px 10px; width:115px; height:26px; font-size:12px; } .btn_add_to_cart_lrg { width:115px; } .btn_ordering_info { font-size:11px; width:150px } .btn_go { height:23px; padding:0px !important; } /******* 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:#999999; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold } /* product detail page */ .large_price { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold } .totalsavings { font-weight:bold; border:1px solid #cccccc; padding:10px; text-align:center; width:185px; color:#999999 } .opc-totalsavings { font-weight:bold; font-size:13px; padding:2px 1px; color:#999999; text-align:right } /* TABS product detail page ----------------------------------------------- */ .tabcontainer { width:100%; position:relative; color:#ffffff } .tab_on { color:#ffffff; font-weight:normal; font-color:#ffffff; text-align:center; margin-top:5px; margin-right:5px; border:1px solid #D9D9D9; border-bottom:none; -moz-border-radius-topleft:10px; border-top-left-radius:10px; -moz-border-radius-topright:10px; border-top-right-radius:10px; background-color:#cccccc; padding:3px; width:120px; float:left; display:inline; white-space:nowrap } .tab_off { color:#333333; font-weight:normal; text-align:center; margin-top:5px; margin-right:5px; border:1px solid #D9D9D9; border-bottom:none; -moz-border-radius-topleft:10px; border-top-left-radius:10px; -moz-border-radius-topright:10px; border-top-right-radius:10px; background-color:#FFFFFF; padding:3px; width:120px; float:left; cursor:pointer; display:inline; white-space:nowrap } .descriptioncontainer { width:100%; position:relative } .detaildesc { border-top:1px solid #D9D9D9; border-left:0px solid #f18519; border-right:0px solid #f18519; border-bottom:0px solid #f18519; padding:5px; margin-bottom:10px; width:95%; 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:#F87D32; 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:#F87D32; 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; color:#F87D32; } .parent_more { font-weight:bold; margin-top:5px; color:#999999 } .parent_more A:link, .parent_more A:visited, .parent_more A:hover, .parent_more A:active { font-weight:bold; color:#F87D32; } .sub_category { margin-top:5px; margin-bottom:5px } .sub_category_more { font-weight:bold; color:#999999 } .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:#F87D32; } .viewAllCategories { padding:6px 4px 6px 25px; line-height:normal; display:block; border-bottom:4px solid #999999; font-weight:100; } .viewAllCategories a:link, .viewAllCategories a:visited { color:#F87D32; text-decoration:none; font-weight:bold } .viewAllCategories a:hover { text-decoration:underline; background-color:#edecec } /* CHECKOUT BREADCRUMB ----------------------------------------------- */ .breadcrumb_on { font-family:Arial, Helvetica, sans-serif; color:#999999; padding-right:3px; font-size:13px; font-weight:bold; white-space:nowrap; vertical-align:middle } .breadcrumb_off { font-family:Arial, Helvetica, sans-serif; color:#393939; 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:#393939; 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/New2011Chris/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/New2011Chris/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/New2011Chris/wishies.gif) no-repeat left top; height:60px; } .wishies-find { padding-top:25px; background:url(/images/New2011Chris/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/New2011Chris/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 } /* CSS Document ---------------------------------------------------***********************************/ /* Logo Style ------------------------------------------*/ #logo h1 a { display:block; width:245px; height:90px; margin:0px; padding:0px; background: url(/images/New2011Chris/logo-my-fantastic-bags.gif) no-repeat top left; text-indent:-999999px; border:none; } #tagline h2 { display:block; width:195px; height:40px; margin:0px 0px 10px 10px; padding:0px; background: url(/images/New2011Chris/img-tagline.gif) no-repeat top left; text-indent:-999999px; clear:both; } /* Header Elements Style ------------------------------------------*/ #header-mfb { position:relative; width:950px; margin:0px auto; } #header-mfb #top-left { float:left; width:245px; } #header-mfb #top-right { float:left; width:705px; } #payments { margin:0px 0px 0px 40px; } #payments img { display:inline; margin-right:5px; border:none; } #payments img.last { margin:0px; } img.call-us { margin:15px 0px 0px 320px; } p.update { margin-top:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#279A15; } #language-chat { position:absolute; top:90px; left:240px; width:315px; } #google_translate_element { position:absolute; right:0px; top:0px; margin-right:20px; } #specials { text-align:center; border-bottom:1px #868686 solid; margin-bottom:10px; } #specials img { margin:5px 0px; } /* Menu Style ------------------------------------------*/ #menu { float:left; width:950px; height:27px; background: url(/images/New2011Chris/bg-menu.gif) no-repeat top center; } #menu ul { margin:0px; padding:0px; list-style:none; } #menu li { float:left; margin-left: 40px; } #menu li a { display:block; text-indent:-999999px; } #menu li a.home { width:60px; height:27px; background: url(/images/New2011Chris/btn-home.gif) no-repeat top center; } #menu li a.policy { width:60px; height:27px; background: url(/images/New2011Chris/btn-policies.gif) no-repeat top center; } #menu li a.ship { width:140px; height:27px; background: url(/images/New2011Chris/btn-shipping.gif) no-repeat top center; } #menu li a.faq { width:30px; height:27px; background: url(/images/New2011Chris/btn-faq.gif) no-repeat top center; } #menu li a.about { width:70px; height:27px; background: url(/images/New2011Chris/btn-about.gif) no-repeat top center; } #menu li a.gifts { width:75px; height:27px; background: url(/images/New2011Chris/btn-gifts.gif) no-repeat top center; } #menu li a.wish { width:70px; height:27px; background:url(/images/New2011Chris/btn-wish.gif) no-repeat top center; } #menu li a.giftcard { width:85px; height:27px; background: url(/images/New2011Chris/btn-giftcards.gif) no-repeat top center; } #menu li a:hover, #menu li a.select { background-position:bottom center; } /* Top Navigation ------------------------------------------*/ #top-nav { height:30px; width:395px; padding:0px 0px 0px 10px; margin:20px 0px 0px 306px; background: url(/images/New2011Chris/bg-top-nav.gif) no-repeat top left; } #top-nav ul { margin:0px; padding:0px; height:0px; list-style:none; } #top-nav li { float:left; margin-left:8px; } #top-nav li a { display:block; height:27px; text-indent:-999999px; } #top-nav li a.search { width:75px; background: url(/images/New2011Chris/btn-top-search.gif) no-repeat top left; } #top-nav li a.contact { width:97px; background: url(/images/New2011Chris/btn-top-contact.gif) no-repeat top left; } #top-nav li a.account { width:97px; background:url(/images/New2011Chris/btn-top-account.gif) no-repeat top left; } #top-nav li a.cart { width:62px; background: url(/images/New2011Chris/btn-top-cart.gif) no-repeat top left; } #top-nav li a:hover { background-position:bottom left; } /* Side Navigation ------------------------------------------*/ table#sideNav div { padding-bottom:6px; border-bottom:1px #868686 solid; } h2.side-navigation { display:block; width:100px; height:30px; margin-left:4px; background:transparent url(/images/New2011Chris/h2-nav.gif) no-repeat top left; text-indent:-999999px; } td.navbar { border-right:1px #868686 solid; } td.navbar a { color:#404040; font-size:10px; text-decoration:none; } td.navbar a:hover { color:#F87D32; text-decoration:none; } div#side-nav-cart { width:160px; height:50px; padding:0px 20px; } h2.side-quotes { display:block; width:170px; height:30px; margin:0px; background:transparent url(/images/New2011Chris/h2-quotes.gif) no-repeat top left; text-indent:-999999px; } h2.side-email { display:block; width:160px; height:30px; margin:10px 0px 0px 0px; background:transparent url(/images/New2011Chris/h2-know.gif) no-repeat top left; text-indent:-999999px; } /* Home Page Styles ------------------------------------------*/ #footer-social { width:750px; height:50px; margin:0px auto; padding:5px; display:inline-block; } #homePage { display:inline-block; width:740px; height:auto; padding:0px; margin-top:10px; } #homePage #topBox { float:left; width:780px; height:auto; } #homePage #slideShow { float:left; width:605px; height:320px; } #homePage #sideImages { float:left; width:130px; height:auto; margin-left:10px; } #homePage #bottomBox { display:inline-block; width:740px; height:auto; } #homePage h2.about-mfb { display:block; width:230px; height:30px; background:transparent url(/images/New2011Chris/h2-mfb.gif) no-repeat top left; text-indent:-999999px; } #homePage h2.featured-products { display:block; width:165px; height:30px; margin:0px; background:transparent url(/images/New2011Chris/h2-featured.gif) no-repeat top left; text-indent:-999999px; } /* Footer Styles ------------------------------------------*/ #bottom-nav { width:560px; height:27px; margin:10px auto; background:transparent url(/images/New2011Chris/bg-btm-nav.gif) no-repeat top left; } #bottom-nav li { float:left; list-style:none; color:#ffffff; margin:3px 0px 0px 0px; } #bottom-nav li a { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:12px; text-decoration:none; } #bottom-nav li a:hover { color:#FB9B62; text-decoration:none; } #footer-badges { dispay:inline; width:950px; border-top:1px #868686 solid; margin:0px auto 0px; text-align:center; } #footer-badges ul { margin:10px auto 0px; list-style:none; } #footer-badges li { display:inline; padding:0px 30px 20px 10px; } /********************************************************** SHOPPING CART CSS TO FIX IE9 **********************************************/ body { background-color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#393939 position:relative; } td, input, select, button { font-size:13px; } /* * This controls the look of the line that separates the line items from the invoice * summary information. * Default default is to show black line. */ #invoiceseparator { border:1px solid black; height: 1px; padding: 0px; margin:0px; } /* * This controls the look of the area that displays order note. * Default state is to accept style from parent and print text in red. */ .ordernote { color: red; } /* * This controls the look of the area that displays invoice promotion text. * Default state is to accept style from parent */ #promotext_container { padding: 5px; } /* * This controls the look of each promotion text item appearing within the promotext_container * Default state is to accept style from parent */ .promotext { } .promotioncode { border: 1px solid #dedede; padding:5px; text-align:center; margin-top:15px; margin-bottom:5px; background-color: #F6F8FB; width:235px; } .giftcard-entry { border: 1px solid #dedede; padding:5px 5px 5px 8px; text-align:left; margin-top:15px; margin-bottom:5px; background-color: #F6F8FB; width:265px; } .giftcard-entry INPUT { width: 145px; } .alternate { font-size: 12px; text-align:left; background-color: #F6F8FB; padding-left:9px; padding-top:2px; height:18px; margin-bottom:5px; } .alternate a:link, .alternate a:visited, alternate a:link, .alternate a:visited { font-size: 11px; text-align:left; font-weight:normal; text-decoration:underline; } .textfieldsmall { width: 85px; border : 1px solid #7F9CBA; color : #333333; font-family: Arial, Helvetica, sans-serif; font-size:12px } .textfieldmedium { width: 185px; border : 1px solid #7F9CBA; color : #333333; font-family: Arial, Helvetica, sans-serif; font-size:12px } .textfieldlarge { width: 285px; border : 1px solid #7F9CBA; color : #333333; font-family: Arial, Helvetica, sans-serif; font-size:12px } .droplistmedium { width: 185px; background-color: #EFF3F4; border : 1px solid #7F9CBA; } .droplistlarge { width: 285px; background-color: #EFF3F4; border : 1px solid #7F9CBA; } #custom-section { width:100%; } #header { vertical-align:bottom; width:100%; right:10px; left:0px; } #logo { float:left; min-width:201px; } #navbar { float:left; width:100%; right:10px; text-align:right; } #content { right:10px; } #column1 { width:305px; padding: 0px; margin:0px auto 0px 0px; } #container { width:100%; } #column2 { padding-left: 10px; width:100%; } #billingTable { background-color:#d6d6d6; } #billingTable td { background-color:white; } #orderTable { background-color:#d6d6d6; } #cartTable { background-color:#d6d6d6; } #cartTable td { background-color:white; } #billingTable td, input, select, button { font-size:12px; } #orderTable td, input, select, button { font-size:12px; } #cartTable td, input, select, button { font-size:12px; } .right_edge { border-right:1px solid transparent; } .display_section { background-color:#d6d6d6; } .display_section_title { background-color:rgb(227,227,227); } .display_section_content { background-color:white; } #footer { font-family:Arial, Helvetica, sans-serif; color:#393939; text-align:right; padding: 50px 0px 15px 0px; /* width:760px; */ } #billInformation { font-size:10px; font-family:Arial, Helvetica, sans-serif; } #shipInformation { font-size:10px; font-family:Arial, Helvetica, sans-serif; } .error { color: red; text-align:left; font-weight:normal; padding:5px; } .edit { visibility: hidden; position: absolute; top: 10px; right: 5px; color: rgb(122, 134, 156); font-size:12px } .interruptor .optional { border: 1px dashed rgb(255, 153, 51); margin: 5px 0px; padding: 3px; background-color: rgb(255,255,219); } .section { border-bottom: 1px solid #d6d6d6; border-left: 2px solid #d6d6d6; border-right: 2px solid #d6d6d6; background-color:#D6D6D6; width:305px; } .sectionTitle { background-color:#EBEBEB; color:#999999; font-weight: bold; padding: 8px 16px; border-bottom:0px solid #D6D6D6; border-top:1px solid #D6D6D6; font-size:16px; position:relative; } div.selected { background: #7A869C url(/images/New2011Chris/one_pg_chkout_lock.gif) no-repeat right; color:#ffffff; font-weight:bold; padding: 8px 16px; border-top:2px solid #D6D6D6; z-index:5 } .sectionContent { font-size: 12px; background-color: #ffffff; } .sectionContentInner { padding:2px; background-color: #ffffff; } .sectionContentInner table { text-align:left; } .giftwrapcheckbox { margin:0px; } .checkoutOptionsTxt { font-size:11px; width:118px; height:50px; font-family: Arial, Verdana; padding-right:5px; } .clear { clear:both } /** Begin code to block google bar */ iframe.grelated-iframe { left:-99999px !important; display: none !important; } /** End code to block google bar */