body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; } body { background: #DCF4F2 url(../images/tpi/bg.jpg) repeat-x 50% 0; font-family: Arial, Helvetica, sans-serif; } /*******************************************************************************************************************************/ /* TEXT FORMATTING STYLES */ h1 { font-size: 19px; color: #143B86; } #feat-desc h1 { font-size: 26px; color: #143B86; 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: #0087C8; } 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; } a { outline: none; color: #0087C8;} h2{ font-size: 15px; } h2.affiliate {font-size: 18px; color:#143B86;} h5 { font-size: 16px; color: #143B86; font-weight: normal; } h6 { font-size: 16px; color: #0087C8; font-weight: normal; } p { font-size: 11px; color: #4E4F4F; } #feat-gradient p { margin: 12px 0px 0px 30px; font-size: 12px; color: #009345; } #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; padding-bottom: 5px;} #feat-desc ul li{font-size: 10pt; color: #878787;} p.cat-desc { font-size: 11px; color: #4E4F4F; padding: 4px 0px 2px 0px; } p.cat-price { font-size: 11px; color: #009345; text-align: right; } #prod-page-text p { padding-bottom: 12px; } p.prod-blue-text { color: #0087C8; font-size: 12px; font-weight: bold; padding-bottom: 0px; } #num-price p.prod-blue-text { color: #0087C8; font-size: 14px; font-weight: bold; padding-bottom: 5px; } p.prod-blue-text#divPrice { color: #009345; } .bold { font-weight: bold; } .oldprice{color: #000000;} .new_price{color:#FF0000;} /*******************************************************************************************************************************/ /* 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 #C6A573; } #logo { float: left; width: 179px; height: 53px; margin: 20px 15px 0px 18px; } * html #logo { margin: 20px 13px 0px 9px; } #main-nav { background: url(../images/tpi/nav-bg.jpg) no-repeat bottom; float: left; width: 591px; height: 54px; padding: 0px 0px 0px 0px;} #main-nav-content { background: url(../images/tpi/nav-bg.jpg) no-repeat bottom; float: left; width: 591px; height: 54px; padding: 0px 0px 0px 0px;} /*******************************************************************************************************************************/ /* LOGIN / CREATE ACCOUNT LAYOUT */ #affiliate { float: left; width: 325px; margin: 10px 0px 10px 0px; padding-top: 10px;} #top-info, #top-info2 { float: right; width: 262px; margin: 10px 0px 10px 0px; } ul#account { float: right; width: 212px; list-style: none; margin: 0px 0px 0px 0px; } ul#account li { float: left; } ul#account li#login { background: url(../images/tpi/nav-login.jpg) no-repeat; width: 37px; height: 15px; float: left; } ul#account li#login a { background: url(../images/tpi/nav-login.jpg) no-repeat; width: 37px; height: 15px; float: left; } ul#account li#login a:hover { background: url(../images/tpi/nav-login-over.jpg) no-repeat; } ul#account li#logout { background: url(../images/tpi/nav-logout.jpg) no-repeat; width: 45px; height: 15px; float: left; } ul#account li#logout a { background: url(../images/tpi/nav-logout.jpg) no-repeat; width: 45px; height: 15px; float: left; } ul#account li#logout a:hover { background: url(../images/tpi/nav-logout-over.jpg) no-repeat; } ul#account li#wishtop { background: url(../images/tpi/nav-wishtop.jpg) no-repeat; width: 52px; height: 15px; float: left; } ul#account li#wishtop a { background: url(../images/tpi/nav-wishtop.jpg) no-repeat; width: 52px; height: 15px; float: left; } ul#account li#wishtop a:hover { background: url(../images/tpi/nav-wishtop-over.jpg) no-repeat; } ul#account li#create { background: url(../images/tpi/nav-create.jpg) no-repeat; width: 93px; height: 15px; float: left; } ul#account li#create a { background: url(../images/tpi/nav-create.jpg) no-repeat; width: 93px; height: 15px; float: left; } ul#account li#create a:hover { background: url(../images/tpi/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/tpi/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: #143B86; font-size: 19px; font-weight: bold; } ul#cart-items li#item-amount a:hover { color: #C6A573; } ul#cart-items li#items-in { background: url(../images/tpi/nav-items.jpg) no-repeat bottom; width: 107px; height: 21px; float: left; } ul#cart-items li#view-cart { background: url(../images/tpi/nav-view-cart.jpg) no-repeat bottom; width: 62px; height: 21px; float: left; } ul#cart-items li#view-cart a { background: url(../images/tpi/nav-view-cart.jpg) no-repeat bottom; width: 62px; height: 21px; float: left; } ul#cart-items li#view-cart a:hover { background: url(../images/tpi/nav-view-cart-over.jpg) no-repeat bottom; } ul#cart-items li#slash { margin-top: 6px; } /*******************************************************************************************************************************/ /* MAIN NAVIGATION LAYOUT */ #main-nav-home { background: url(../images/tpi/nav-bg.jpg) no-repeat bottom; float: left; width: 591px; height: 54px; padding: 0px 0px 0px 0px; } #main-nav { background: url(../images/tpi/nav-bg.jpg) no-repeat bottom; float: left; width: 591px; height: 54px; padding: 0px 0px 0px 0px; } ul#nav { float: left; width: 430px; list-style: none; margin: 29px 0px 0px 0px; } ul#nav li { float: left; height: 25px; } ul#nav li#home { background: url(../images/tpi/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/tpi/nav-home.jpg) no-repeat; width: 61px; height: 25px; float: left; } ul#nav li#home a:hover { background: url(../images/tpi/nav-home-over.jpg) no-repeat; } ul#nav li#home a.highlight { background: url(../images/tpi/nav-home-over.jpg) no-repeat; } ul#nav li#about { background: url(../images/tpi/nav-about.jpg) no-repeat; width: 66px; height: 25px; float: left; margin-right: 3px; } ul#nav li#about a { background: url(../images/tpi/nav-about.jpg) no-repeat; width: 66px; height: 25px; float: left; } ul#nav li#about a:hover { background: url(../images/tpi/nav-about-over.jpg) no-repeat; } ul#nav li#about a.highlight { background: url(../images/tpi/nav-about-over.jpg) no-repeat; } ul#nav li#customer { background: url(../images/tpi/nav-customer.jpg) no-repeat; width: 84px; height: 25px; float: left; margin-right: 3px; } ul#nav li#customer a { background: url(../images/tpi/nav-my-account.jpg) no-repeat; width: 84px; height: 25px; float: left; } ul#nav li#customer a:hover { background: url(../images/tpi/nav-my-account-over.jpg) no-repeat; } ul#nav li#customer a.highlight { background: url(../images/tpi/nav-my-account-over.jpg) no-repeat; } ul#nav li#contact { background: url(../images/tpi/nav-contact.jpg) no-repeat; width: 73px; height: 25px; float: left; margin-right: 3px; } ul#nav li#contact a { background: url(../images/tpi/nav-contact.jpg) no-repeat; width: 73px; height: 25px; float: left; } ul#nav li#contact a:hover { background: url(../images/tpi/nav-contact-over.jpg) no-repeat; } ul#nav li#contact a.highlight { background: url(../images/tpi/nav-contact-over.jpg) no-repeat; } ul#nav li#help { background: url(../images/tpi/nav-book-travels.jpg) no-repeat; width: 11 6px; height: 25px; float: left; margin-right: 3px; } ul#nav li#help a { background: url(../images/tpi/nav-book-travels.jpg) no-repeat; width: 116px; height: 25px; float: left; } ul#nav li#help a:hover { background: url(../images/tpi/nav-book-travels-over.jpg) no-repeat; } ul#nav li#help a.highlight { background: url(../images/tpi/nav-book-travels-over.jpg) no-repeat; } /* SEARCH BOX LAYOUT */ #search { float: left; width: 150px; margin-left: 10px; } * html #search { margin-left: 6px; } #search-img { background: url(../images/tpi/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/tpi/content-bg.jpg) repeat-y; float: left; width: 800px; } #content-container { background: url(../images/tpi/menu-bottom.jpg) no-repeat bottom left; float: left; width: 800px; } ul.extra-nav { list-style: none; float: left; width: 100%; padding-bottom: 15px;} ul.extra-nav li { font-size: 13px; color: #143B86; float: left; padding-right: 8px; } ul.extra-nav li a { font-size: 13px; color: #143B86; 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/tpi/menu-products.jpg) no-repeat; float: left; width: 202px; height: 44px; } 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: #0087C8; font-weight: bold; font-size: 14px; text-decoration: none; } ul#product-nav li a:hover { background: url(../images/tpi/nav-arrow.jpg) no-repeat 183px 2px; } ul#product-nav li a.highlight { background: url(../images/tpi/nav-arrow-highlight.jpg) no-repeat 183px 2px; padding-bottom: 7px; } /*******************************************************************************************************************************/ /* SIDE CATEGORY LAYOUT */ #category { background: url(../images/tpi/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: #004FA3; font-weight: bold; font-size: 12px; text-decoration: none; } ul#category-nav li a:hover { background: url(../images/tpi/nav-arrow-sm.jpg) no-repeat 0px 4px; } ul#category-nav li a.highlight { text-decoration: underline; background: url(../images/tpi/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/tpi/feat-bg.jpg) repeat-y; float: left; width: 585px; } #home-left { float: left; width: 351px; } #feat-photo { background: url(../images/tpi/prod-bg-home.jpg) no-repeat; float: left; width: 281px; padding: 4px 0px 0px 70px; } #feat-bottom { background: url(../images/tpi/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/tpi/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/tpi/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/tpi/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/tpi/nav-get-new-over.jpg) no-repeat; } ul#home-feat-nav li#details-feat { background: url(../images/tpi/nav-details.jpg) no-repeat; width: 123px; height: 17px; float: left; } ul#home-feat-nav li#details-feat a { background: url(../images/tpi/nav-details.jpg) no-repeat; width: 123px; height: 17px; float: left; } ul#home-feat-nav li#details-feat a:hover { background: url(../images/tpi/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/tpi/promo-left-top.jpg) no-repeat; float: left; width: 185px; height: 82px; } #see-our a { background: url(../images/tpi/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/tpi/promo-middle-top.jpg) no-repeat; float: left; width: 192px; height: 120px; } #promo2-left a { background: url(../images/tpi/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/tpi/promo-right-top.jpg) no-repeat; float: left; width: 193px; height: 45px; margin-left: 6px; } #promo2-right a { background: url(../images/tpi/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/tpi/second-nav-bg.jpg) repeat-x; width: 586px; height: 44px;} #category-left { background: url(../images/tpi/second-nav-left.jpg) no-repeat; float: left; width: 10px; height: 44px; } #category-right { background: url(../images/tpi/second-nav-right.jpg) no-repeat; float: right; width: 10px; height: 44px; } #storewide { background: url(../images/tpi/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/tpi/nav-all.jpg) no-repeat; width: 56px; float: left; margin-right: 3px; } ul#category-tabs li#all a { background: url(../images/tpi/nav-all.jpg) no-repeat; width: 56px; float: left; } ul#category-tabs li#all a:hover { background: url(../images/tpi/nav-all-over.jpg) no-repeat; } ul#category-tabs li#all a.highlight { background: url(../images/tpi/nav-all-over.jpg) no-repeat; } ul#category-tabs li#new { background: url(../images/tpi/nav-new.jpg) no-repeat; width: 55px; float: left; margin-right: 3px; } ul#category-tabs li#new a { background: url(../images/tpi/nav-new.jpg) no-repeat; width: 55px; float: left; } ul#category-tabs li#new a:hover { background: url(../images/tpi/nav-new-over.jpg) no-repeat; } ul#category-tabs li#new a.highlight { background: url(../images/tpi/nav-new-over.jpg) no-repeat; } ul#category-tabs li#sale { background: url(../images/tpi/nav-sale.jpg) no-repeat; width: 56px; float: left; } ul#category-tabs li#sale a { background: url(../images/tpi/nav-sale.jpg) no-repeat; width: 56px; float: left; } ul#category-tabs li#sale a:hover { background: url(../images/tpi/nav-sale-over.jpg) no-repeat; } ul#category-tabs li#sale a.highlight { background: url(../images/tpi/nav-sale-over.jpg) no-repeat; } /*******************************************************************************************************************************/ /* SORT NAVIGATION LAYOUT */ #sort-bg { background: url(../images/tpi/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/tpi/sort-by.jpg) no-repeat; float: left; width: 67px; height: 17px; margin: 19px 3px 0px 0px; } ul#sort-tabs li#price { background: url(../images/tpi/sort-price.jpg) no-repeat; float: left; width: 118px; height: 43px; margin-right: 3px; } ul#sort-tabs li#brand { background: url(../images/tpi/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/tpi/details-bg.jpg) repeat-y; float: left; width: 586px; } * html #prod-bg { padding-left: 1px; } #prod-gradient { background: url(../images/tpi/prod-gradient.jpg) repeat-x; float: left; width: 584px; height: 26px; margin-left: 1px; } * html #prod-gradient { margin: 0px; } /*******************************************************************************************************************************/ /* PRODUCT STORE LAYOUT */ .product-row { background: url(../images/tpi/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/tpi/new.jpg) no-repeat; width: 34px; height: 19px; float: left; } /*******************************************************************************************************************************/ /* DETAILS BACKGROUND LAYOUT */ #details-bg { background: url(../images/tpi/details-bg.jpg) repeat-y; float: left; width: 586px; } #details-gradient { background: url(../images/tpi/prod-gradient.jpg); float: left; width: 584px; height: 26px; margin-left: 1px; } * html #details-gradient { margin: 0px; } #details-left { float: left; margin: 0px 10px 15px 15px; } * html #details-left { width: 335px; margin: 0px 5px 15px 7px; padding-bottom: 15px; } *:first-child+html #details-left { padding-bottom: 15px; } #details-right { float: left; width: 230px; margin: 0px 0px 15px 0px; padding-bottom: 15px; } *:first-child+html #details-right { padding-bottom: 15px; } /*******************************************************************************************************************************/ /* PAGES BACKGROUND LAYOUT */ #pages-bg { background: url(../images/tpi/fourth-nav-bg.jpg) repeat-x; float: left; width: 586px; height: 32px; border-top: 4px solid #143B86; } #pages-left { background: url(../images/tpi/fourth-nav-left.jpg) no-repeat; float: left; width: 7px; height: 32px; } #pages-right { background: url(../images/tpi/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/tpi/nav-previous.jpg) no-repeat; width: 66px; float: left; margin-right: 3px; } ul#pages-tabs li#previous a { background: url(../images/tpi/nav-previous.jpg) no-repeat; width: 66px; float: left; } ul#pages-tabs li#previous a:hover { background: url(../images/tpi/nav-previous-over.jpg) no-repeat; } ul#pages-tabs li#last { background: url(../images/tpi/nav-last.jpg) no-repeat; width: 43px; float: left; margin-right: 4px; } ul#pages-tabs li#last a { background: url(../images/tpi/nav-last.jpg) no-repeat; width: 43px; float: left; } ul#pages-tabs li#last a:hover { background: url(../images/tpi/nav-last-over.jpg) no-repeat; } ul#pages-tabs li#first { background: url(../images/tpi/nav-first.jpg) no-repeat; width: 44px; float: left; margin-right: 4px; } ul#pages-tabs li#first a { background: url(../images/tpi/nav-first.jpg) no-repeat; width: 44px; float: left; } ul#pages-tabs li#first a:hover { background: url(../images/tpi/nav-first-over.jpg) no-repeat; } ul#pages-tabs li#next { background: url(../images/tpi/nav-next.jpg) no-repeat; width: 43px; float: left; } ul#pages-tabs li#next a { background: url(../images/tpi/nav-next.jpg) no-repeat; width: 43px; float: left; } ul#pages-tabs li#next a:hover { background: url(../images/tpi/nav-next-over.jpg) no-repeat; } div#pages-bg div#Call-Ahead {display:none;} /*******************************************************************************************************************************/ /* PAGINATION NAVIGATION LAYOUT */ li ul#pagination { background: url(../images/tpi/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: #143B86; } * 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: #143B86; } ul#pagination li a:hover { text-decoration: none; } /*******************************************************************************************************************************/ /* SIZING, FRIEND LAYOUT */ #options-bg { background: url(../images/tpi/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/tpi/nav-sizing.jpg) no-repeat; float: left; width: 112px; margin-right: 3px; } ul#options-tabs li#sizing a { background: url(../images/tpi/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/tpi/nav-sizing-over.jpg) no-repeat; float: left; width: 112px; } ul#options-tabs li#friend { background: url(../images/tpi/nav-friend.jpg) no-repeat; float: left; width: 119px; } ul#options-tabs li#friend a { background: url(../images/tpi/nav-friend.jpg) no-repeat; float: left; width: 119px; } ul#options-tabs li#friend a:hover { background: url(../images/tpi/nav-friend-over.jpg) no-repeat; float: left; width: 119px; } /*******************************************************************************************************************************/ /* PRODUCT PAGE ZOOM AND IMAGE LAYOUT */ #prod-img { float: left; width: 330px; height: 100%; } #zoom-swatches-wrapper { float: left; width: 320px; padding-bottom: 5px;} #prod-zoom-image { float: left; width: 320px; border-bottom: solid 1px #009345; } ul#icons { float: right; list-style: none; width: 130px; padding-bottom: 5px;} ul#icons li#zoom { background: url(../images/tpi/zoom.jpg) no-repeat 0px 5px; float: left; width: 27px; height: 37px; margin-left: 20px; } ul#icons li#zoom a { background: url(../images/tpi/zoom.jpg) no-repeat 0px 5px; float: left; width: 27px; height: 37px; } ul#icons li#zoom a:hover { background: url(../images/tpi/zoom-over.jpg) no-repeat 0px 5px; } ul#icons li#more { background: url(../images/tpi/more-images.jpg) no-repeat; float: left; width: 34px; height: 41px; margin-left: 15px; } ul#icons li#more a { background: url(../images/tpi/more-images.jpg) no-repeat; float: left; width: 34px; height: 41px; } ul#icons li#more a:hover { background: url(../images/tpi/more-images-over.jpg) no-repeat; } /*******************************************************************************************************************************/ /* SWATCHES LAYOUT */ #swatches-title { background: url(../images/tpi/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: 300px; } #desc-bg { background: #EDF1F9; float: left; width: 320px; } #desc-title { background: url(../images/tpi/title-description.jpg) no-repeat 185px 0px; float: left; width: 320px; height: 29px; border-bottom: solid 1px #009345; } #desc-text { margin: 10px 25px 10px 25px; font-size:10pt;color: #4E4F4F;} #desc-text ul {padding-left: 15px;padding-bottom: 5px;} #desc-text ul li{font-size: 10pt; color: #4E4F4F;} #desc-text ol {padding-left: 17px} #desc-text div {font-size:10pt;} #desc-text p {font-size:10pt;} .item-specs-wrapper { background: #EDF1F9; float: left; width: 200px; margin-left: 14px; } * 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; } *:first-child+html .item-specs { padding-bottom: 10px; } #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; } /*******************************************************************************************************************************/ /* 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/tpi/nav-add-wishlist.jpg) no-repeat; width: 153px; margin-right: 3px; } ul#cart-tabs li#wishlist a { background: url(../images/tpi/nav-add-wishlist.jpg) no-repeat; width: 153px; } ul#cart-tabs li#wishlist a:hover { background: url(../images/tpi/nav-add-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/tpi/title-addon.jpg) no-repeat 45px 0px; float: left; width: 200px; height: 29px; border-bottom: solid 1px #009345; } 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/tpi/footer-bg.jpg) repeat-x bottom; float: left; width: 810px; height: 61px; } #footer-left { background: url(../images/tpi/footer-left.jpg) no-repeat bottom; float: left; width: 9px; height: 61px; } #footer-right { background: url(../images/tpi/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/tpi/bnav-ask-tpi.jpg) no-repeat; width: 74px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#ask a { background: url(../images/tpi/bnav-ask-tpi.jpg) no-repeat; width: 74px; height: 25px; float: left; } ul#footer-nav li#ask a:hover { background: url(../images/tpi/bnav-ask-tpi-over.jpg) no-repeat; } ul#footer-nav li#ask a.highlight { background: url(../images/tpi/bnav-ask-tpi-over.jpg) no-repeat; } ul#footer-nav li#destination { background: url(../images/tpi/bnav-destination-stories.jpg) no-repeat; width: 105px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#destination a { background: url(../images/tpi/bnav-destination-stories.jpg) no-repeat; width: 105px; height: 25px; float: left; } ul#footer-nav li#destination a:hover { background: url(../images/tpi/bnav-destination-stories-over.jpg) no-repeat; } ul#footer-nav li#destination a.highlight { background: url(../images/tpi/bnav-destination-stories-over.jpg) no-repeat; } ul#footer-nav li#travel { background: url(../images/tpi/bnav-travel-tips.jpg) no-repeat; width: 62px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#travel a { background: url(../images/tpi/bnav-travel-tips.jpg) no-repeat; width: 62px; height: 25px; float: left; } ul#footer-nav li#travel a:hover { background: url(../images/tpi/bnav-travel-tips-over.jpg) no-repeat; } ul#footer-nav li#travel a.highlight { background: url(../images/tpi/bnav-travel-tips-over.jpg) no-repeat; } ul#footer-nav li#newsletter { background: url(../images/tpi/bnav-newsletter.jpg) no-repeat; width: 92px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#newsletter a { background: url(../images/tpi/bnav-newsletter.jpg) no-repeat; width: 92px; height: 25px; float: left; } ul#footer-nav li#newsletter a:hover { background: url(../images/tpi/bnav-newsletter-over.jpg) no-repeat; } ul#footer-nav li#newsletter a.highlight { background: url(../images/tpi/bnav-newsletter-over.jpg) no-repeat; } ul#footer-nav li#services { background: url(../images/tpi/bnav-services.jpg) no-repeat; width: 74px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#services a { background: url(../images/tpi/bnav-services.jpg) no-repeat; width: 74px; height: 25px; float: left; } ul#footer-nav li#services a:hover { background: url(../images/tpi/bnav-services-over.jpg) no-repeat; } ul#footer-nav li#services a.highlight { background: url(../images/tpi/bnav-services-over.jpg) no-repeat; } ul#footer-nav li#links { background: url(../images/tpi/bnav-links.jpg) no-repeat; width: 35px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#links a { background: url(../images/tpi/bnav-links.jpg) no-repeat; width: 35px; height: 25px; float: left; } ul#footer-nav li#links a:hover { background: url(../images/tpi/bnav-links-over.jpg) no-repeat; } ul#footer-nav li#links a.highlight { background: url(../images/tpi/bnav-links-over.jpg) no-repeat; } ul#footer-nav li#trip { background: url(../images/tpi/bnav-trip.jpg) no-repeat; width: 67px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#trip a { background: url(../images/tpi/bnav-trip.jpg) no-repeat; width: 67px; height: 25px; float: left; } ul#footer-nav li#trip a:hover { background: url(../images/tpi/bnav-trip-over.jpg) no-repeat; } ul#footer-nav li#trip a.highlight { background: url(../images/tpi/bnav-trip-over.jpg) no-repeat; } ul#footer-nav li#terms { background: url(../images/tpi/bnav-terms.jpg) no-repeat; width: 102px; height: 25px; float: left; margin-right: 3px; } ul#footer-nav li#terms a { background: url(../images/tpi/bnav-terms.jpg) no-repeat; width: 102px; height: 25px; float: left; } ul#footer-nav li#terms a:hover { background: url(../images/tpi/bnav-terms-over.jpg) no-repeat; } ul#footer-nav li#terms a.highlight { background: url(../images/tpi/bnav-terms-over.jpg) no-repeat; } #journeys-banner {display:none;} #brand-nav {display:none;} #footer-links ul.product-footer-links {display:none;} #extend-footer {background:url(/images/tpi/extended-footer-mid.jpg) repeat-y bottom; width: 810px; min-height:30px; float:left;} #extend-footer-top {background:url(/images/tpi/extended-footer-top.jpg) no-repeat top; height:8px; width:810px; clear:both;} #extend-footer-bottom { background: url(/images/tpi/extended-footer-bottom.jpg) no-repeat bottom; width:810px; height: 10px; clear:both;} #extend-footer ul{margin:0 20px 0 10px;} #extend-footer ul#footer-nav{margin-bottom:15px;} #blog-feed, #EnterButton, #EnterToWin { display:none; } /* 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; } /*******************************************************************************************************************************/ /* PROGRAMMER CSS */ table {float: left; width: 566px; padding-top: 5px; font-size: 13px; 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 {background: url(../images/tpi/prod-divide.jpg) repeat-x bottom; padding-bottom: 0px; 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/tpi/second-nav-bg.jpg) repeat-x; width: 890px; height: 44px; margin-left: 3px; padding-bottom: 5px;} #moreimg-left { background: url(../images/tpi/second-nav-left.jpg) no-repeat; float: left; width: 10px; height: 44px; } #moreimg-right { background: url(../images/tpi/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 {width: 568px; height: 44px; margin-top: 20px; background: url(../images/tpi/second-nav-bg.jpg) repeat-x; } #cart_header ul {float: left; width: 568px; list-style:none; height: 44px; font-weight: bold; font-size: 10pt; color: #FFFFFF; padding-top: 6px; } #cart_header a {color: #ffffff;} #cart_header li.name {float: left; width: 250px; text-align: center; padding-right: 2px; padding-top: 5px;} #cart_header li.price {float: left; width: 60px; text-align: center; padding-right: 2px; padding-top: 5px;} #cart_header li.qty {float: left; width: 50px; text-align: center; padding-right: 2px; padding-top: 5px;} #cart_header li.discount {float: left; width: 60px; text-align: center; padding-right: 2px; padding-top: 5px;} #cart_header li.subtotal {float: left; width: 55px; text-align: center; padding-right: 2px; padding-top: 5px;} #cart_header li.remove {float: left; width: 70px; text-align: center; padding-right: 2px;} #cart_items {width: 566px; margin-bottom: 5px; } #cart_items ul.even {float: left; width: 562px; list-style:none; margin-bottom: 5px; font-weight: bold; font-size: 10pt; color: #65676B; background:#E1E9F4; padding: 5px 0px 5px 5px;} #cart_items ul.odd {float: left; width: 566px; list-style:none; margin-bottom: 5px; font-weight: bold; font-size: 10pt; color: #65676B; background: #ffffff; padding: 5px 0px 5px 5px;} #cart_items li.name {float: left; width: 260px;padding-right: 2px;} #cart_items li.price {float: left; width: 60px; padding-right: 2px; text-align: left;} #cart_items li.qty {float: left; width: 45px; padding-right: 2px;text-align: left;} #cart_items li.discount {float: left; width: 60px; padding-right: 2px; text-align: center;} #cart_items li.subtotal {float: left; width: 60px; padding-right: 2px;text-align: left;} #cart_items li.remove {float: left; width: 60px; padding-right: 2px; text-align: center;} #confirm_header {width: 566px; height: 44px; margin-top: 20px; background: url(../images/tpi/second-nav-bg.jpg) repeat-x; } #confirm_header ul {float: left; width: 560px; list-style:none; height: 44px; font-weight: bold; font-size: 10pt; color: #FFFFFF; } #confirm_header a {color: #103C8C} #confirm_header li.name {float: left; width: 300px; text-align: center; padding-right: 2px; padding-top: 5px;} #confirm_header li.price {float: left; width: 60px; text-align: center; padding-right: 2px; padding-top: 5px;} #confirm_header li.qty {float: left; width: 50px; text-align: center; padding-right: 2px; padding-top: 5px;} #confirm_header li.discount {float: left; width: 70px; text-align: center; padding-right: 2px; padding-top: 5px;} #confirm_header li.total {float: left; width: 65px; text-align: center; padding-right: 2px; padding-top: 5px;} #confirm_items {width: 566px; margin-bottom: 5px; } #confirm_items ul.even {float: left; width: 566px; list-style:none; margin-bottom: 5px; font-weight: bold; font-size: 10pt; color: #65676B; background:#E1E9F4; padding: 5px 0px 5px 0px;} #confirm_items ul.odd {float: left; width: 570px; list-style:none; margin-bottom: 5px; font-weight: bold; font-size: 10pt; color: #65676B; background: #ffffff; padding: 5px 0px 5px 0px;} #confirm_items li.name {float: left; width: 300px;padding-right: 2px;} #confirm_items li.price {float: left; width: 60px; padding-right: 2px; text-align: left;} #confirm_items li.qty {float: left; width: 50px; padding-right: 2px; text-align: center;} #confirm_items li.discount {float: left; width: 70px; padding-right: 2px; text-align: center;} #confirm_items li.total {float: left; width: 65px; padding-right: 2px;text-align: center;} #update_container {float: left; width:566px; } #update_container #update {float:right;} #credit_header {width: 566px; height: 44px; float:left; background: url(../images/tpi/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;}