body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; } body { background: #EFF8F9 url(../images/journeys/bg.jpg) repeat-x 50% 0; font-family: Arial, Helvetica, sans-serif; } a { outline: none; color: #0093B0; } h2 { font-size: 15px; } /*******************************************************************************************************************************/ /* TEXT FORMATTING STYLES */ h1 { font-size: 19px; color: #F98A10; } #feat-desc h1 { font-size: 26px; color: #007D8E; width: 160px; margin: 20px 0px 0px 45px; text-align: right; font-weight: normal; line-height: 26px; } h1.first-crumb { font-size: 16px; color: #ffffff; width: 393px; float: left; } h1.first-crumb a { color: #ffffff; text-decoration: none; } .second-crumb { font-size: 13px; } h1.cat-prod-name { padding-top: 3px; } h1.cat-prod-name a { font-size: 12px; color: #007D8E; } h1.cat-prod-name a:hover { text-decoration: none; font-size: 12px; color: #007D8E; } h1.prod-title { font-size: 13px; color: #ffffff; width: 332px; float: left; margin: 5px 0px 0px 10px; } * html h1.prod-title { margin: 5px 0px 0px 5px; } h1.title { font-size: 16px; color: #ffffff; width: 393px; float: left; } h5 { font-size: 16px; color: #F98A10; font-weight: normal; } h6 { font-size: 16px; color: #007D8E; font-weight: normal; } p { font-size: 11px; color: #65676B; } #feat-gradient p { margin: 12px 0px 0px 30px; font-size: 12px; color: #55257F; } #feat-desc p { width: 180px; margin: 10px 0px 0px 25px; font-size: .7em; color: #878787; text-align: right; line-height: 18px; } #feat-desc ul { padding-left: 30px } #feat-desc ul li { font-size: .7em; color: #65676B; } p.cat-desc { font-size: 11px; color: #65676B; padding: 4px 0px 2px 0px; } p.cat-price { font-size: 11px; color: #E25929; text-align: right; } #prod-page-text p { padding-bottom: 12px; } p.prod-blue-text { color: #0093B0; font-size: 12px; font-weight: bold; padding-bottom: 0px; } #num-price p.prod-blue-text { color: #0093B0; font-size: 14px; font-weight: bold; padding-bottom: 5px; } p.prod-blue-text#divPrice { color: #E25929; } .oldprice { color: #000000; } .new_price { color:#FF0000; } .bold { font-weight: bold; } ul.content { width: 486px; padding: 5px 50px 5px 30px; font-size: 11px; color: #65676B; } #inner-wrapper ul { padding: 5px 50px 5px 25px; } #inner-wrapper table { background: 0px none; border-collapse: collapse; } /*******************************************************************************************************************************/ /* CENTERING AND POSITIONING */ #wrapper { margin: 0 auto; width: 810px; } #container { background: #FFFFFF; float: left; width: 810px; } /*******************************************************************************************************************************/ /* HEADER LAYOUT */ #header { width: 810px; float: left; border-bottom: 4px solid #F48233; padding-top: 10px; position:relative;} #logo { float: left; width: 179px; height: 53px; margin: 20px 15px 0px 18px; padding-bottom: 30px; } * html #logo { margin: 20px 8px 0px 9px; } /*******************************************************************************************************************************/ /* LOGIN / CREATE ACCOUNT LAYOUT */ #top-info { float: right; width: 262px; margin: 10px 0px 10px 0px; } #top-info2 { float: right; width: 262px; margin: 10px 0px 0 0px; } ul#account { float: right; width: 220px; list-style: none; margin: 0px 0px 0px 42px; } * html ul#account { margin-left: 21px; } ul#account li { float: left; } ul#account li#login { background: url(../images/journeys/nav-login.jpg) no-repeat; width: 45px; height: 15px; float: left; } ul#account li#login a { background: url(../images/journeys/nav-login.jpg) no-repeat; width: 45px; height: 15px; float: left; } ul#account li#login a:hover { background: url(../images/journeys/nav-login-over.jpg) no-repeat; } ul#account li#logout { background: url(../images/journeys/nav-logout.jpg) no-repeat; width: 45px; height: 15px; float: left; } ul#account li#logout a { background: url(../images/journeys/nav-logout.jpg) no-repeat; width: 45px; height: 15px; float: left; } ul#account li#logout a:hover { background: url(../images/journeys/nav-logout-over.jpg) no-repeat; } ul#account li#wishtop { background: url(../images/journeys/nav-wishtop.jpg) no-repeat; width: 52px; height: 15px; float: left; } ul#account li#wishtop a { background: url(../images/journeys/nav-wishtop.jpg) no-repeat; width: 52px; height: 15px; float: left; } ul#account li#wishtop a:hover { background: url(../images/journeys/nav-wishtop-over.jpg) no-repeat; } ul#account li#create { background: url(../images/journeys/nav-create.jpg) no-repeat; width: 93px; height: 15px; float: left; } ul#account li#create a { background: url(../images/journeys/nav-create.jpg) no-repeat; width: 93px; height: 15px; float: left; } ul#account li#create a:hover { background: url(../images/journeys/nav-create-over.jpg) no-repeat; } /* ITEMS IN CART LAYOUT */ ul#cart-items { float: right; width: 262px; list-style: none; margin: 0px 0px 0px 0px; border: none; } ul#cart-items li { float: left; } ul#cart-items li#you-have { background: url(../images/journeys/nav-you-have.jpg) no-repeat bottom; width: 54px; height: 21px; float: left; } ul#cart-items li#item-amount a { float: left; margin: 0px 3px 0px 3px; color: #0093B0; font-size: 19px; font-weight: bold; } ul#cart-items li#item-amount a:hover { color: #F48233; } ul#cart-items li#items-in { background: url(../images/journeys/nav-items.jpg) no-repeat bottom; width: 107px; height: 21px; float: left; } ul#cart-items li#view-cart { background: url(../images/journeys/nav-view-cart.jpg) no-repeat bottom; width: 62px; height: 21px; float: left; } ul#cart-items li#view-cart a { background: url(../images/journeys/nav-view-cart.jpg) no-repeat bottom; width: 62px; height: 21px; float: left; } ul#cart-items li#view-cart a:hover { background: url(../images/journeys/nav-view-cart-over.jpg) no-repeat bottom; } ul#cart-items li#slash { margin-top: 6px; } /*******************************************************************************************************************************/ /* MAIN NAVIGATION LAYOUT */ #right-header { float: left; width: 591px; } #cartoon { float: left; width: 172px; height: 96px; margin-left: 5px; background-image: url(../images/journeys/CartoonSm.jpg); background-repeat: no-repeat; background-position: bottom; } * html #cartoon { margin-left: 5px; } #cartoon a { float: left; width: 172px; height: 96px; } #journeys-banner { background: url(../images/journeys/nav-banner.jpg) no-repeat; float: left; width: 298px; height: 104px; margin-left: 13px; } * html #journeys-banner { margin-left: 20px; } /*******************************************************************************************************************************/ /* MAIN NAVIGATION LAYOUT */ #main-nav-home { float: left; width: 591px; height: 54px; padding: 0px 0px 0px 0px; background-image: url(../images/journeys/NavBG3.jpg); background-repeat: no-repeat; background-position: bottom; } #main-nav-content { background: url(../images/journeys/nav-bg-content.jpg) no-repeat bottom; float: right; width: 591px; height: 54px; padding: 0px 0px 0px 0px; margin-right: 10px; } * html #main-nav-content { margin-right: 5px; } #main-nav { background: url(../images/journeys/nav-bg.jpg) no-repeat bottom; float: left; width: 591px; height: 54px; padding: 0px 0px 0px 0px; } ul#nav { float: left; width: 435px; list-style: none; margin: 29px 0px 0px 0px; } ul#nav li { float: left; height: 25px; } ul#nav li#home { background: url(../images/journeys/nav-home.jpg) no-repeat; width: 61px; height: 25px; float: left; margin: 0px 7px 0px 10px; } * html ul#nav li#home { margin: 0px 3px 0px 5px; } ul#nav li#home a { background: url(../images/journeys/nav-home.jpg) no-repeat; width: 61px; height: 25px; float: left; } ul#nav li#home a:hover { background: url(../images/journeys/nav-home-over.jpg) no-repeat; } ul#nav li#home a.highlight { background: url(../images/journeys/nav-home-over.jpg) no-repeat; } ul#nav li#about { background: url(../images/journeys/nav-about.jpg) no-repeat; width: 66px; height: 25px; float: left; margin-right: 3px; } ul#nav li#about a { background: url(../images/journeys/nav-about.jpg) no-repeat; width: 66px; height: 25px; float: left; } ul#nav li#about a:hover { background: url(../images/journeys/nav-about-over.jpg) no-repeat; } ul#nav li#about a.highlight { background: url(../images/journeys/nav-about-over.jpg) no-repeat; } ul#nav li#customer { background: url(../images/journeys/nav-customer.jpg) no-repeat; width: 84px; height: 25px; float: left; margin-right: 3px; } ul#nav li#customer a { background: url(../images/journeys/nav-my-account.jpg) no-repeat; width: 84px; height: 25px; float: left; } ul#nav li#customer a:hover { background: url(../images/journeys/nav-my-account-over.jpg) no-repeat; } ul#nav li#customer a.highlight { background: url(../images/journeys/nav-my-account-over.jpg) no-repeat; } ul#nav li#contact { background: url(../images/journeys/nav-contact.jpg) no-repeat; width: 73px; height: 25px; float: left; margin-right: 3px; } ul#nav li#contact a { background: url(../images/journeys/nav-contact.jpg) no-repeat; width: 73px; height: 25px; float: left; } ul#nav li#contact a:hover { background: url(../images/journeys/nav-contact-over.jpg) no-repeat; } ul#nav li#contact a.highlight { background: url(../images/journeys/nav-contact-over.jpg) no-repeat; } ul#nav li#help { background: url(../images/journeys/nav-book-travels.jpg) no-repeat; width: 11 6px; height: 25px; float: left; margin-right: 3px; } ul#nav li#help a { background: url(../images/journeys/nav-book-travels.jpg) no-repeat; width: 116px; height: 25px; float: left; } ul#nav li#help a:hover { background: url(../images/journeys/nav-book-travels-over.jpg) no-repeat; } ul#nav li#help a.highlight { background: url(../images/journeys/nav-book-travels-over.jpg) no-repeat; } /* SEARCH BOX LAYOUT */ #search { float: left; width: 150px; margin-left: 5px; } * html #search { margin-left: 6px; } #search-img { background: url(../images/journeys/nav-search.jpg) no-repeat; float: left; width: 63px; height: 20px; margin: 5px 0px 0px 0px; } #search-box { float: left; margin: 6px 0px 0px 0px; } #search input { float: left; width: 100px; height: 16px; font-size: 12px; color: #65676B; background: #EFF8F9; border: none; padding: 2px 0px 0px 3px; font-weight: bold; } #search input#go { float: left; width: 30px; height: 18px; font-size: 10px; color: #65676B; background: #FFFFFF; border: none; margin-left: 2px; } /*******************************************************************************************************************************/ /* CONTENT LAYOUT */ #content-wrapper { float: left; width: 810px; padding: 5px 5px 0px 9px; } * html #content-wrapper { width: 800px; padding: 5px 0px 0px 9px; } #content { background: #ffffff url(../images/journeys/content-bg.jpg) repeat-y; float: left; width: 800px; } #content-container { background: url(../images/journeys/menu-bottom.jpg) no-repeat bottom left; float: left; width: 800px; } #inner-wrapper ul.extra-nav { list-style: none; float: left; width: 100%; padding: 0px 0px 15px 0px; } ul.extra-nav li { font-size: 13px; color: #0093B0; float: left; padding-right: 5px; } ul.extra-nav li a { font-size: 13px; color: #0093B0; text-decoration: underline; } ul.extra-nav li a:hover { text-decoration: none; } /* CONTACT PAGE */ #add-space { float: left; width: 500px; } #map { width: 250px; height: 250px; float:right; margin-right: 10px; padding-top: 15px; margin-bottom:15px; } /*******************************************************************************************************************************/ /* PRODUCT NAVIGATION LAYOUT */ #product-col { float: left; width: 202px; } #products { background: #ffffff url(../images/journeys/menu-products.jpg) no-repeat; float: left; width: 202px; height: 44px; } #products2 { background: #ffffff url(../images/journeys/menu-products-bg.jpg) no-repeat; float: left; width: 202px; height: 30px; padding:14px 0 0 3px; } ul#products2-nav li{display:inline; height:30px; width:90px; margin:0 0 0 3px;} ul#product-nav { float: left; width: 200px; list-style: none; padding: 15px 1px 0px 1px; } ul#product-nav li { float: left; } ul#product-nav li a { float: left; padding: 0px 0px 15px 10px; width: 190px; color: #0093B0; font-weight: bold; font-size: 14px; text-decoration: none; } ul#product-nav li a:hover { background: url(../images/journeys/nav-arrow.jpg) no-repeat 183px 2px; } ul#product-nav li a.highlight { background: url(../images/journeys/nav-arrow-highlight.jpg) no-repeat 183px 2px; padding-bottom: 7px; } /*******************************************************************************************************************************/ /* SIDE CATEGORY LAYOUT */ #category { background: url(../images/journeys/menu-highlight.jpg) repeat-y; float: left; width: 200px; margin: 0px 0px 10px 0px; } *:first-child+html #category { padding-bottom: 3px; } ul#category-nav { float: left; width: 185px; margin: 10px 0px 3px 15px; list-style: none; } * html ul#category-nav { margin: 10px 0px 3px 8px; } ul#category-nav li { float: left; } ul#category-nav li a { float: left; padding: 0px 0px 8px 10px; width: 175px; color: #007D8E; font-weight: bold; font-size: 12px; text-decoration: none; } ul#category-nav li a:hover { background: url(../images/journeys/nav-arrow-sm.jpg) no-repeat 0px 4px; } ul#category-nav li a.highlight { text-decoration: underline; background: url(../images/journeys/nav-arrow-sm.jpg) no-repeat 0px 4px; } /*******************************************************************************************************************************/ /* RIGHT SIDE LAYOUT */ #store-col { float: left; width: 591px; margin: 0px 0px 0px 5px; } /*******************************************************************************************************************************/ /* HOME PAGE ONLY LAYOUT */ /* MAIN DISPLAY */ #home-display { float: left; width: 591px; } #feat-bg { background: url(../images/journeys/feat-bg.jpg) repeat-y; float: left; width: 585px; } #home-left { float: left; width: 351px; } #feat-photo { background: url(../images/journeys/prod-bg-home.jpg) no-repeat; float: left; width: 281px; padding: 4px 0px 0px 70px; } #feat-bottom { background: url(../images/journeys/feat-bottom.jpg) no-repeat bottom; float: left; width: 585px; } #feat-gradient { float: left; width: 350px; height: 54px; padding: 0px 0px 0px 0px; } #feat-desc { background: url(../images/journeys/prod-desc-bg.jpg) no-repeat; float: left; width: 234px; padding: 0px 0px 0px 0px; } /* NAVIGATION IN THE HOME DISPLAY */ ul#home-feat-nav { float: left; width: 130px; list-style: none; margin: 10px 0px 0px 82px; } ul#home-feat-nav li { float: right; height: 17px; } ul#home-feat-nav li#get-new-feat { background: url(../images/journeys/nav-get-new.jpg) no-repeat; width: 113px; height: 16px; float: left; margin-left: 10px; } * html ul#home-feat-nav li#get-new-feat { margin-left: 5px; } ul#home-feat-nav li#get-new-feat a { background: url(../images/journeys/nav-get-new.jpg) no-repeat; width: 113px; height: 16px; float: left; } ul#home-feat-nav li#get-new-feat a:hover { background: url(../images/journeys/nav-get-new-over.jpg) no-repeat; } ul#home-feat-nav li#details-feat { background: url(../images/journeys/nav-details.jpg) no-repeat; width: 123px; height: 17px; float: left; } ul#home-feat-nav li#details-feat a { background: url(../images/journeys/nav-details.jpg) no-repeat; width: 123px; height: 17px; float: left; } ul#home-feat-nav li#details-feat a:hover { background: url(../images/journeys/nav-details-over.jpg) no-repeat; } /* HOME PROMOS LAYOUT */ #home-promo { float: left; width: 591px; } #sm-promos { float: left; width: 185px; margin: 5px 0px 0px 0px; } #check-out a { background: url(../images/journeys/promo-left-top.jpg) no-repeat; float: left; width: 185px; height: 82px; } #see-our a { background: url(../images/journeys/promo-left-bottom.jpg) no-repeat; float: left; width: 185px; height: 83px; margin-top: 5px; } #big-promos { float: left; width: 395px; margin: 5px 0px 0px 6px; } #big-left { float: left; width: 192px; height: 167px; } #promo1-left a { background: url(../images/journeys/promo-middle-top.jpg) no-repeat; float: left; width: 192px; height: 120px; } #promo2-left a { background: url(../images/journeys/promo-middle-bottom.jpg) no-repeat; float: left; width: 192px; height: 46px; } #big-right { float: left; width: 193px; height: 167px; } #promo1-right a { background: url(../images/journeys/promo-right-top.jpg) no-repeat; float: left; width: 193px; height: 45px; margin-left: 6px; } #promo2-right a { background: url(../images/journeys/promo-right-bottom.jpg) no-repeat; float: left; width: 193px; height: 122px; margin-left: 6px; } /*******************************************************************************************************************************/ /* CATEGORY BACKGROUND LAYOUT */ #category-display { float: left; width: 586px; } #category-bg { background: url(../images/journeys/second-nav-bg.jpg) repeat-x; width: 586px; height: 44px; } #category-left { background: url(../images/journeys/second-nav-left.jpg) no-repeat; float: left; width: 10px; height: 44px; } #category-right { background: url(../images/journeys/second-nav-right.jpg) no-repeat; float: right; width: 10px; height: 44px; } #storewide { background: url(../images/journeys/nav-storewide.jpg) no-repeat 401px 4px; float: left; width: 586px; height: 44px; } /* CATEGORY NAVIGATION LAYOUT */ ul#category-tabs { float: left; width: 566px; list-style: none; margin: 21px 0px 0px 0px; } ul#category-tabs li { float: left; height: 23px; } ul#category-tabs li a { float: left; height: 23px; } ul#category-tabs li#all { background: url(../images/journeys/nav-all.jpg) no-repeat; width: 56px; float: left; margin-right: 3px; } ul#category-tabs li#all a { background: url(../images/journeys/nav-all.jpg) no-repeat; width: 56px; float: left; } ul#category-tabs li#all a:hover { background: url(../images/journeys/nav-all-over.jpg) no-repeat; } ul#category-tabs li#all a.highlight { background: url(../images/journeys/nav-all-over.jpg) no-repeat; } ul#category-tabs li#new { background: url(../images/journeys/nav-new.jpg) no-repeat; width: 55px; float: left; margin-right: 3px; } ul#category-tabs li#new a { background: url(../images/journeys/nav-new.jpg) no-repeat; width: 55px; float: left; } ul#category-tabs li#new a:hover { background: url(../images/journeys/nav-new-over.jpg) no-repeat; } ul#category-tabs li#new a.highlight { background: url(../images/journeys/nav-new-over.jpg) no-repeat; } ul#category-tabs li#sale { background: url(../images/journeys/nav-sale.jpg) no-repeat; width: 56px; float: left; } ul#category-tabs li#sale a { background: url(../images/journeys/nav-sale.jpg) no-repeat; width: 56px; float: left; } ul#category-tabs li#sale a:hover { background: url(../images/journeys/nav-sale-over.jpg) no-repeat; } ul#category-tabs li#sale a.highlight { background: url(../images/journeys/nav-sale-over.jpg) no-repeat; } /*******************************************************************************************************************************/ /* SORT NAVIGATION LAYOUT */ #sort-bg { background: url(../images/journeys/third-nav-bg.jpg) repeat; float: left; width: 586px; height: 51px; } ul#sort-tabs { float: left; width: 310px; margin: 8px 0px 0px 266px; list-style: none; } * html ul#sort-tabs { margin: 8px 0px 0px 133px; } ul#sort-tabs li#sort-by { background: url(../images/journeys/sort-by.jpg) no-repeat; float: left; width: 67px; height: 17px; margin: 19px 3px 0px 0px; } ul#sort-tabs li#price { background: url(../images/journeys/sort-price.jpg) no-repeat; float: left; width: 118px; height: 43px; margin-right: 3px; } ul#sort-tabs li#brand { background: url(../images/journeys/sort-brand.jpg) no-repeat; float: left; width: 119px; height: 43px; } select.sort { float: left; width: 105px; height: 14px; border: none; font-size: 10px; margin: 20px 0px 0px 7px; } *:first-child+html select.sort { float: left; width: 105px; height: 20px; border: 1px solid #ffffff; font-size: 10px; margin: 20px 0px 0px 7px; } /*******************************************************************************************************************************/ /* PRODUCT BACKGROUND LAYOUT */ #prod-bg { background: url(../images/journeys/prod-bg.jpg) repeat-y; float: left; width: 586px; } * html #prod-bg { padding-left: 1px; } #prod-gradient { background: url(../images/journeys/prod-gradient.jpg) repeat-x; float: left; width: 584px; height: 27px; margin-left: 1px; } * html #prod-gradient { margin: 0px; } /*******************************************************************************************************************************/ /* PRODUCT STORE LAYOUT */ .product-row { background: url(../images/journeys/prod-divide.jpg) repeat-x bottom; float: left; width: 584px; margin-left: 1px; padding-bottom: 30px; } * html .product-row { margin-left: 0px; } .product-row#last-prod-row { background: none; height: 185px; } .product-row ul { float: left; list-style: none; } .product-row ul li { float: left; width: 187px; padding: 0px 0px 0px 3px; } .cat-prod-img { margin: 0px 10px 0px 10px; width: 187px; height: 223px; } * html .cat-prod-img { margin: 0px 5px 0px 5px; width: 127px; height: 223px; } .cat-text { float: left; width: 137px; margin: 0px 5px 0px 5px; } * html .cat-text { margin: 0px 2px 0px 2px; } .new { background: url(../images/journeys/new.jpg) no-repeat; width: 34px; height: 19px; float: left; } /*******************************************************************************************************************************/ /* DETAILS BACKGROUND LAYOUT */ #details-bg { background: url(../images/journeys/details-bg.jpg) repeat-y; float: left; width: 586px; } #details-gradient { background: url(../images/journeys/details-grad.jpg); float: left; width: 586px; height: 18px; margin-left: 0px; } * html #details-gradient { margin: 0px; } #details-left { float: left; width: 330px; margin: 0px 10px 15px 15px; } * html #details-left { margin: 0px 5px 15px 9px; padding-bottom: 15px; } #details-right { float: left; width: 230px; margin: 0px 0px 15px 0px; padding-bottom: 15px; } /*******************************************************************************************************************************/ /* PAGES BACKGROUND LAYOUT */ #pages-bg { background: url(../images/journeys/fourth-nav-bg.jpg) repeat-x; float: left; width: 586px; height: 32px; border-top: 4px solid #007D8E; } #pages-left { background: url(../images/journeys/fourth-nav-left.jpg) no-repeat; float: left; width: 7px; height: 32px; } #pages-right { background: url(../images/journeys/fourth-nav-right.jpg) no-repeat; float: right; width: 7px; height: 32px; } /* PAGES NAVIGATION LAYOUT */ ul#pages-tabs { float: left; width: 572px; list-style: none; margin: 0px 0px 0px 0px; } ul#pages-tabs li { float: left; height: 22px; } ul#pages-tabs li a { float: left; height: 22px; } ul#pages-tabs li#previous { background: url(../images/journeys/nav-previous.jpg) no-repeat; width: 66px; float: left; margin-right: 3px; } ul#pages-tabs li#previous a { background: url(../images/journeys/nav-previous.jpg) no-repeat; width: 66px; float: left; } ul#pages-tabs li#previous a:hover { background: url(../images/journeys/nav-previous-over.jpg) no-repeat; } ul#pages-tabs li#last { background: url(../images/journeys/nav-last.jpg) no-repeat; width: 43px; float: left; margin-right: 4px; } ul#pages-tabs li#last a { background: url(../images/journeys/nav-last.jpg) no-repeat; width: 43px; float: left; } ul#pages-tabs li#last a:hover { background: url(../images/journeys/nav-last-over.jpg) no-repeat; } ul#pages-tabs li#first { background: url(../images/journeys/nav-first.jpg) no-repeat; width: 44px; float: left; margin-right: 4px; } ul#pages-tabs li#first a { background: url(../images/journeys/nav-first.jpg) no-repeat; width: 44px; float: left; } ul#pages-tabs li#first a:hover { background: url(../images/journeys/nav-first-over.jpg) no-repeat; } ul#pages-tabs li#next { background: url(../images/journeys/nav-next.jpg) no-repeat; width: 43px; float: left; } ul#pages-tabs li#next a { background: url(../images/journeys/nav-next.jpg) no-repeat; width: 43px; float: left; } ul#pages-tabs li#next a:hover { background: url(../images/journeys/nav-next-over.jpg) no-repeat; } div#pages-bg div#Call-Ahead {width:550px; margin:2px 0 0 20px; padding:1px; } div#pages-bg div#Call-Ahead a{color:#fff; font-size:11px; text-decoration:none; width:500px; line-height:100%;} div#pages-bg div#Call-Ahead a div#phone-number{float:right; font-weight:bold; font-size:14px; margin:8px 10px 0 0;} /*******************************************************************************************************************************/ /* PAGINATION NAVIGATION LAYOUT */ li ul#pagination { background: url(../images/journeys/pagination-bg.jpg) no-repeat; float: left; width: 353px; height: 22px; margin-right: 3px; padding: 3px 0px 0px 7px; list-style: none; } * html li ul#pagination { margin-right: 2px; } ul#pagination li { float: left; padding: 0px 0px 0px 5px; font-size: 12px; color: #0093B0; } * html ul#pagination li { padding: 0px 0px 0px 3px; } ul#pagination li#last-num { padding: 0px 27px 0px 5px; } * html ul#pagination li#last-num { padding: 0px 18px 0px 3px; } ul#pagination li.extra { padding: 0px 0px 0px 10px; } ul#pagination li a { font-size: 12px; color: #0093B0; } ul#pagination li a:hover { text-decoration: none; } /*******************************************************************************************************************************/ /* SIZING, FRIEND LAYOUT */ #options-bg { background: url(../images/journeys/third-nav-bg.jpg) repeat; float: left; width: 586px; height: 38px; } ul#options-tabs { float: left; width: 234px; margin: 15px 0px 0px 0px; list-style: none; } ul#options-tabs li { float: left; height: 23px; } ul#options-tabs li a { float: left; height: 23px; } ul#options-tabs li#sizing { background: url(../images/journeys/nav-sizing.jpg) no-repeat; float: left; width: 112px; margin-right: 3px; } ul#options-tabs li#sizing a { background: url(../images/journeys/nav-sizing.jpg) no-repeat; float: left; width: 112px; } ul#options-tabs li#no-sizing { float: left; width: 112px; margin-right: 3px; } ul#options-tabs li#no-sizing a { float: left; width: 112px; } ul#options-tabs li#sizing a:hover { background: url(../images/journeys/nav-sizing-over.jpg) no-repeat; float: left; width: 112px; } ul#options-tabs li#friend { background: url(../images/journeys/nav-tell.jpg) no-repeat; float: left; width: 119px; } ul#options-tabs li#friend a { background: url(../images/journeys/nav-tell.jpg) no-repeat; float: left; width: 119px; } ul#options-tabs li#friend a:hover { background: url(../images/journeys/nav-tell-over.jpg) no-repeat; float: left; width: 119px; } /*******************************************************************************************************************************/ /* PRODUCT PAGE ZOOM AND IMAGE LAYOUT */ #prod-img { float: left; width: 320px; height: 100%; } #zoom-swatches-wrapper { float: left; width: 320px; padding-bottom: 5px; } #prod-zoom-image { float: left; width: 320px; border-bottom: solid 1px #007D8E; } ul#icons { float: right; list-style: none; width: 130px; padding-bottom: 5px; } ul#icons li#zoom { background: url(../images/journeys/zoom.jpg) no-repeat 0px 5px; float: left; width: 25px; height: 34px; margin-left: 20px; } ul#icons li#zoom a { background: url(../images/journeys/zoom.jpg) no-repeat 0px 5px; float: left; width: 25px; height: 34px; } ul#icons li#zoom a:hover { background: url(../images/journeys/zoom-over.jpg) no-repeat 0px 5px; } ul#icons li#more { background: url(../images/journeys/more-images.jpg) no-repeat; float: left; width: 35px; height: 39px; margin-left: 15px; } ul#icons li#more a { background: url(../images/journeys/more-images.jpg) no-repeat; float: left; width: 35px; height: 39px; } ul#icons li#more a:hover { background: url(../images/journeys/more-images-over.jpg) no-repeat; } #zoom a:hover { background: url(../images/journeys/zoom-over.jpg) no-repeat; } /*******************************************************************************************************************************/ /* SWATCHES LAYOUT */ #swatches-title { background: url(../images/journeys/title-select-color.jpg) no-repeat 15px 15px; width: 132px; height: 45px; float: left; } #swatches-wrapper { float: left; width: 320px; margin: 5px 0px 10px 0px; } *:first-child+html #swatches-wrapper { padding-bottom: 10px; } * html #swatches-wrapper { width: 300px; } ul#swatches { list-style: none; float: left; padding: 0px 20px 0px 40px; } ul#swatches li { width: 15px; height: 20px; margin: 5px 8px 0px 0px; float: left; cursor: pointer; border: 1px solid black; } ul#swatches li a { width: 15px; height: 20px; } /*******************************************************************************************************************************/ /* PRODUCT PAGE INFORMATION */ #desc-wrapper { float: left; width: 320px; } #desc-bg { background: #EDF9F8; float: left; width: 320px; } #desc-title { background: url(../images/journeys/title-description.jpg) no-repeat 185px 0px; float: left; width: 320px; height: 29px; border-bottom: solid 1px #007D8E; } #desc-text { margin: 10px 25px 10px 25px; font-size: 10pt; color: #65676B; } #desc-text ul { padding-left: 15px } #desc-text ul li { font-size: 10pt; color: #65676B; } #desc-text ol { padding-left: 17px } #desc-text div { font-size:10pt; } #desc-text p { font-size:10pt; } .item-specs-wrapper { background: #EDF9F8; float: left; width: 200px; margin-left: 14px; margin-bottom: 20px; } * html .item-specs-wrapper { margin-left: 7px; } .item-specs { float: left; margin: 10px 15px 10px 15px; } * html .item-specs { float: left; margin: 10px 7px 10px 7px; } #item-order { float: left; margin: 20px 0px 20px 0px; } .prod-page-line { float: left; padding-bottom: 7px; } .prod-order-select { float: left; width: 100px; height: 14px; border: none; font-size: 10px; background: #DBDBDB; } *:first-child+html .prod-order-select { height: 20px; } .quantity { float: left; width: 40px; height: 14px; border: none; font-size: 10px; background: #DBDBDB; } .line-text { float: left; width: 70px; } /*******************************************************************************************************************************/ /* BLOG LAYOUT */ .blog-post { margin-bottom: 17px; } #blog { font-size: 12px; width: 380px; float: left; } #blog h4 { font-size: 16px; color: #007D8E; } #blog h5.date { font-size: 12px; font-style: italic; color: #0093B0; } #blog-nav { float: left; width: 186px; } ul.right-nav { float: left; width: 176px; padding: 7px 0px 16px 10px; list-style: none; } #previous { background: url(../images/journeys/blog-previous.jpg) no-repeat 35px 0px; float: left; width: 186px; height: 30px; border-bottom: solid 1px #007D8E; } #monthly { background: url(../images/journeys/blog-monthly.jpg) no-repeat 35px 0px; float: left; width: 186px; height: 30px; border-bottom: solid 1px #007D8E; } ul.right-nav li a { font-size: 12px; text-decoration: none; padding-bottom: 3px; } ul.right-nav li a:hover { text-decoration: underline; } /*******************************************************************************************************************************/ /* SHOPPING CART NAVIGATION LAYOUT */ #cart-options { float: left; margin-bottom: 25px; } ul#cart-tabs { float: left; list-style: none; margin: 10px 0px 0px 7px; } * html ul#cart-tabs { float: left; list-style: none; margin: 10px 0px 0px 4px; } ul#cart-tabs li { float: left; height: 24px; padding-bottom: 7px; } ul#cart-tabs li a { float: left; height: 24px; } ul#cart-tabs li#wishlist { background: url(../images/journeys/nav-wishlist.jpg) no-repeat; width: 153px; margin-right: 3px; } ul#cart-tabs li#wishlist a { background: url(../images/journeys/nav-wishlist.jpg) no-repeat; width: 153px; } ul#cart-tabs li#wishlist a:hover { background: url(../images/journeys/nav-wishlist-over.jpg) no-repeat; width: 153px; } ul#cart-tabs li#shopping { width: 153px; } ul#cart-tabs li#shopping a { width: 153px; } ul#cart-tabs li#shopping a:hover { width: 153px; } /*******************************************************************************************************************************/ /* ADD ON ITEMS LAYOUT */ #title-addon { background: url(../images/journeys/title-addon.jpg) no-repeat 45px 0px; float: left; width: 200px; height: 29px; border-bottom: solid 1px #007D8E; } ul#addon { float: left; list-style: none; } ul#addon li { float: left; width: 170px; padding-bottom: 10px; } ul#addon li .addon-img { float: left; width: 71px; height: 96px; } ul#addon li .addon-text { float: left; width: 99px; padding: 3px 0px 0px 0px; } ul#addon li .addon-text p a { font-size: 12px; color: #007D8E; text-decoration: underline; } ul#addon li .addon-text p a:hover { text-decoration: none; } /*******************************************************************************************************************************/ /* LAYOUT FOR CONTENT PAGE TO SAVE THE ORANGE BAR STYLING (CONTENT PAGES ONLY) */ div#category-tabs { float: left; width: 566px; list-style: none; margin: 21px 0px 0px 0px; } /*******************************************************************************************************************************/ /* FOOTER LAYOUT */ #footer { background: #ffffff url(../images/journeys/footer-bg.jpg) repeat-x bottom; float: left; width: 810px; height: 61px; } #footer-left { background: url(../images/journeys/footer-left.jpg) no-repeat bottom; float: left; width: 9px; height: 61px; } #footer-right { background: url(../images/journeys/footer-right.jpg) no-repeat bottom; float: right; width: 10px; height: 61px; } ul#footer-nav { float: left; width: 640px; list-style: none; margin: 10px 0px 0px 0px; } ul#footer-nav li { float: left; height: 25px; } ul#footer-nav li#ask { background: url(../images/journeys/bnav-ask-journeys.jpg) no-repeat; width: 74px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#ask a { background: url(../images/journeys/bnav-ask-journeys.jpg) no-repeat; width: 74px; height: 25px; float: left; } ul#footer-nav li#ask a:hover { background: url(../images/journeys/bnav-ask-journeys-over.jpg) no-repeat; } ul#footer-nav li#ask a.highlight { background: url(../images/journeys/bnav-ask-journeys-over.jpg) no-repeat; } ul#footer-nav li#destination { background: url(../images/journeys/bnav-destination-stories.jpg) no-repeat; width: 105px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#destination a { background: url(../images/journeys/bnav-destination-stories.jpg) no-repeat; width: 105px; height: 25px; float: left; } ul#footer-nav li#destination a:hover { background: url(../images/journeys/bnav-destination-stories-over.jpg) no-repeat; } ul#footer-nav li#destination a.highlight { background: url(../images/journeys/bnav-destination-stories-over.jpg) no-repeat; } ul#footer-nav li#travel { background: url(../images/journeys/bnav-travel-tips.jpg) no-repeat; width: 62px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#travel a { background: url(../images/journeys/bnav-travel-tips.jpg) no-repeat; width: 62px; height: 25px; float: left; } ul#footer-nav li#travel a:hover { background: url(../images/journeys/bnav-travel-tips-over.jpg) no-repeat; } ul#footer-nav li#travel a.highlight { background: url(../images/journeys/bnav-travel-tips-over.jpg) no-repeat; } ul#footer-nav li#newsletter { background: url(../images/journeys/bnav-newsletter.jpg) no-repeat; width: 92px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#newsletter a { background: url(../images/journeys/bnav-newsletter.jpg) no-repeat; width: 92px; height: 25px; float: left; } ul#footer-nav li#newsletter a:hover { background: url(../images/journeys/bnav-newsletter-over.jpg) no-repeat; } ul#footer-nav li#newsletter a.highlight { background: url(../images/journeys/bnav-newsletter-over.jpg) no-repeat; } ul#footer-nav li#services { background: url(../images/journeys/bnav-services.jpg) no-repeat; width: 74px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#services a { background: url(../images/journeys/bnav-services.jpg) no-repeat; width: 74px; height: 25px; float: left; } ul#footer-nav li#services a:hover { background: url(../images/journeys/bnav-services-over.jpg) no-repeat; } ul#footer-nav li#services a.highlight { background: url(../images/journeys/bnav-services-over.jpg) no-repeat; } ul#footer-nav li#links { background: url(../images/journeys/bnav-links.jpg) no-repeat; width: 35px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#links a { background: url(../images/journeys/bnav-links.jpg) no-repeat; width: 35px; height: 25px; float: left; } ul#footer-nav li#links a:hover { background: url(../images/journeys/bnav-links-over.jpg) no-repeat; } ul#footer-nav li#links a.highlight { background: url(../images/journeys/bnav-links-over.jpg) no-repeat; } ul#footer-nav li#trip { background: url(../images/journeys/bnav-trip.jpg) no-repeat; width: 67px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#trip a { background: url(../images/journeys/bnav-trip.jpg) no-repeat; width: 67px; height: 25px; float: left; } ul#footer-nav li#trip a:hover { background: url(../images/journeys/bnav-trip-over.jpg) no-repeat; } ul#footer-nav li#trip a.highlight { background: url(../images/journeys/bnav-trip-over.jpg) no-repeat; } ul#footer-nav li#terms { background: url(../images/journeys/bnav-terms.jpg) no-repeat; width: 102px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#terms a { background: url(../images/journeys/bnav-terms.jpg) no-repeat; width: 102px; height: 25px; float: left; } ul#footer-nav li#terms a:hover { background: url(../images/journeys/bnav-terms-over.jpg) no-repeat; } ul#footer-nav li#terms a.highlight { background: url(../images/journeys/bnav-terms-over.jpg) no-repeat; } /* MODERN EARTH LOGO LAYOUT */ #modern-logo { float: right; width: 125px; height: 35px; margin: 5px 10px 0px 0px; } * html #modern-logo a img { behavior: url(iepngfix.htc); width: 125px; height: 35px; } ul#sm-nav { float: left; width: 630px; list-style: none; padding: 10px 0px 0px 8px; } ul#sm-nav li { float: left; padding-right: 3px; color: #143B86; font-size: 11px; } ul#sm-nav li a { color: #143B86; text-decoration: underline; } ul#sm-nav li a:hover { text-decoration: none; } /*EXTENDED FOOTER LAYOUT*/ #extend-footer {background:url(/images/journeys/extended-footer-mid.jpg) repeat-y bottom; width: 810px; min-height:61px; float:left;} #extend-footer-top {background:url(/images/journeys/extended-footer-top.jpg) no-repeat top; height:8px; width:810px; clear:both;} #extend-footer-bottom { background: url(/images/journeys/extended-footer-bottom.jpg) no-repeat bottom; width:810px; height: 10px; clear:both;} #extend-footer ul{margin:0 20px 0 10px;} ul#brand-nav {width:760px; clear:both; padding-top:10px;} ul#brand-nav li{ display:inline; list-style:none; margin:2px; color:#ccc;} ul#brand-nav a{text-decoration:none; font-size:13px; color:#fff;} ul#brand-nav a:hover{color:#CDE2E3;} /*Product FOOTER Links LAYOUT*/ #footer-links ul.product-footer-links {padding:0 5px;} #footer-links ul.product-footer-links li{list-style:none; display:inline; color:#0093B0; padding:3px; font-size:12px;} #footer-links ul.product-footer-links li a{text-decoration:none;} #footer-links ul.product-footer-links li a:hover{color:#007D8F;} /*******************************************************************************************************************************/ /* TABLE CONTENT STYLES */ table.content { width: 566px; border-collapse: collapse; font-weight: normal; } table.content th { background: #0093B0; font-size: 16px; color: #ffffff; text-align: left; padding: 9px 0px 5px 6px; } table.content tr.cont-color { background: #DCEEEF; } table.content td { padding: 8px 0px 4px 12px; } /*******************************************************************************************************************************/ /* PROGRAMMER CSS */ table { float: left; width: 566px; padding-top: 5px; font-size: 12px; font-weight: bold; color: #65676B; padding-bottom: 5px; padding-left: 5px; } table.custforms { float: left; clear:right; width: 500px; padding-top: 5px; font-size: 13px; font-weight: bold; color: #65676B; padding-bottom: 5px; padding-left: 5px; } table.custforms th { width: 100px; } table.custforms td { width: 400px; } .cust_form_input { clear:both; height: 40px; } #inner-wrapper { padding-left: 10px; padding-right: 10px; padding-bottom: 3px; } #shipping { padding-bottom: 10px; width: 568px; } #cart-items { border-bottom: 1px solid #F98A10; padding-bottom: 5px; } .travel_list { font-size: 11px; color: #65676B; padding-left: 30px; padding-bottom: 15px; padding-top: 15px; } .travel_list li { padding-left: 5px; } .order_travel_list { font-size: 11px; color: #65676B; padding-left: 20px; padding-bottom: 15px; padding-top:15px; } .order_travel_list li { padding-left: 5px; } #moreimg-bg { background: url(../images/journeys/second-nav-bg.jpg) repeat-x; width: 890px; height: 44px; margin-left: 3px; padding-bottom: 5px; } #moreimg-left { background: url(../images/journeys/second-nav-left.jpg) no-repeat; float: left; width: 10px; height: 44px; } #moreimg-right { background: url(../images/journeys/second-nav-right.jpg) no-repeat; float: right; width: 10px; height: 44px; } #moreimg-bg h1 { float: left; color: #ffffff; padding: 17px 0px 0px 0px; } #moreimg-bg h2 { float: left; color: #ffffff; padding: 22px 0px 0px 0px; font-size: 14px; } #cart_header ul { background: url(../images/journeys/second-nav-bg.jpg) repeat-x; float: left; width: 566px; list-style:none; height: 44px; font-weight: bold; font-size: 12px; color: #FFFFFF; padding: 6px 0px 0px 0px; margin: 0px; } #cart_header a { color: #ffffff; } #cart_header li.name { float: left; width: 240px; text-align: left; padding-top: 5px; padding-left: 10px; } #cart_header li.price { float: left; width: 60px; text-align: left; padding-top: 5px; } #cart_header li.qty { float: left; width: 50px; text-align: left; padding-top: 5px; } #cart_header li.discount { float: left; width: 60px; text-align: left; padding-top: 5px; } #cart_header li.subtotal { float: left; width: 75px; text-align: left; padding-top: 5px; } #cart_header li.remove { float: left; width: 70px; text-align: left; } #cart_items { width: 562px; margin-bottom: 5px; } #cart_items ul.even { float: left; width: 557px; list-style:none; margin-bottom: 5px; font-weight: bold; font-size: 12px; color: #65676B; background:#DCEEEF; padding: 8px 0px 8px 9px; } #cart_items ul.odd { float: left; width: 557px; list-style:none; margin-bottom: 5px; font-weight: bold; font-size: 12px; color: #65676B; background: #ffffff; padding: 8px 0px 8px 9px; } #cart_items li.name { float: left; width: 240px; } #cart_items li.price { float: left; width: 60px; text-align: left; } #cart_items li.qty { float: left; width: 50px; text-align: left; } #cart_items li.discount { float: left; width: 60px; text-align: center; } #cart_items li.subtotal { float: left; width: 75px; text-align: left; } #cart_items li.remove { float: left; width: 70px; text-align: center; } #confirm_header ul { background: url(../images/journeys/second-nav-bg.jpg) repeat-x; float: left; width: 566px; list-style:none; height: 44px; font-weight: bold; font-size: 12px; color: #FFFFFF; padding: 6px 0px 0px 0px; margin: 20px 0px 0px 0px; } #confirm_header a { color: #103C8C; } #confirm_header li.name { float: left; width: 290px; text-align: left; padding-top: 5px; padding-right: 10px; } #confirm_header li.price { float: left; width: 60px; text-align: left; padding-top: 5px; } #confirm_header li.qty { float: left; width: 50px; text-align: left; padding-top: 5px; } #confirm_header li.discount { float: left; width: 70px; text-align: left; padding-top: 5px; } #confirm_header li.total { float: left; width: 65px; text-align: left; padding-top: 5px; } #confirm_items { width: 566px; margin-bottom: 5px; } #confirm_items ul.even { float: left; width: 557px; list-style:none; margin-bottom: 5px; font-weight: bold; font-size: 12px; color: #65676B; background:#DCEEEF; padding: 8px 0px 8px 9px; } #confirm_items ul.odd { float: left; width: 557px; list-style:none; margin-bottom: 5px; font-weight: bold; font-size: 12px; color: #65676B; background: #ffffff; padding: 8px 0px 8px 9px; } #confirm_items li.name { float: left; width: 290px; text-align: left; } #confirm_items li.price { float: left; width: 60px; text-align: left; } #confirm_items li.qty { float: left; width: 50px; text-align: left; } #confirm_items li.discount { float: left; width: 70px; text-align: left; } #confirm_items li.total { float: left; width: 65px; text-align: left; } #update_container { float: left; width:566px; } #update_container #update { float:right; } #credit_header { width: 566px; height: 44px; float:left; background: url(../images/journeys/second-nav-bg.jpg) repeat-x; padding-top: 15px; text-align:center; } #credit_header p { float: left; width: 560px; list-style:none; height: 44px; font-weight: bold; font-size: 10pt; color: #FFFFFF; } #promo_container { width: 566px; float:left; padding-bottom: 5px; } #promo_code { float:right; } /*******************************************************************************************************************************/ /* Contest Button and page Styles */ #EnterButton { float: left; width: 146px; height: 96px; margin-left: 0px; background-image: url(../images/journeys/EnterContest.jpg); background-repeat: no-repeat; background-position: bottom; display: block; } #EnterToWin {width: 184px; height: 36px; background-image: url(../images/journeys/EnterToWin.jpg); position:absolute; top:70px; right:40px; } .static {clear:both;} #EnterToWinTEST{ width: 184px; height: 36px; background-image: url(../images/journeys/EnterToWin.jpg); position:absolute; top:70px; right:40px; } #blog-feed {width:135px; height:85px; position:absolute; top:5px; right:275px; padding:10px 8px 5px 8px;} #blog-feedTEST {width:135px; height:85px; position:absolute; top:5px; right:275px; padding:8px 8px 5px 8px;} .feedburnerFeedBlock ul li{list-style:none;} div#blog-feed a.read-more{font-size:10px; text-decoration:none;} div#blog-feed a.read-more:hover {text-decoration:underline;} .feedburnerFeedBlock ul li span.headline a, .feedburnerFeedBlock ul li span.headline a:hover{font-size:12px; color:#FFB940; font-weight:bold; text-decoration:none; line-height:100%; margin-top:3px; margin-bottom:2px;} .feedburnerFeedBlock ul li p.date{display:none;} .feedburnerFeedBlock ul li div{font-size:11px; color:#707070;} .feedburnerFeedBlock div#creditfooter {display:none;} #ContestLeft { width: 250px; float: left; margin:10px 10px 10px 0;} #ContestRight { width: 300px; float: left; margin:10px 0 10px 6px;} #ContestLeft table { width:250px;}