#wrapper { width: 1003px; margin: 0px auto; padding: 0px; background: #FFF; } #headerContainer { height: 107px; padding: 0px; margin: 0px; } /* IE6 Only */ * html #headerContainer { margin-bottom: -3px; } #logo { margin: 0px; padding: 0px; height: 107px; float: left; } #search { margin: 0px; padding: 68px 0px 0px 13px; width: 239px; height: 32px; float: left; background: #FFF url('search-background.jpg') top right; } #nav1Container { height: 37px; font-weight: bold; text-align: center; padding: 0px 0px 0px 5px; border-left: 1px solid #999999; border-right: 1px solid #999999; } #nav1 { margin: 0px; padding: 0px; list-style-type: none; width: 990px; float: left; } #nav1 li { margin: 0px; padding: 0px; float: left; } #nav1 a { float: left; width: 90px; height: 30px; color: #fff; text-decoration: none; line-height: 1.1em; text-align: center; font-size: 12px; font-weight: bold; padding: 5px 0px 2px 0px; background: url('tabs.gif') 0 0; } #nav1 a:hover { background-position: -180px 0; color: #fff; } #body_mens #nav1_mens a, #body_bags #nav1_bags a, #body_balls #nav1_balls a, #body_shoes #nav1_shoes a, #body_clothing #nav1_clothing a, #body_trolleys #nav1_trolleys a, #body_left #nav1_left a, #body_ladies #nav1_ladies a, #body_junior #nav1_junior a, #body_accessories #nav1_accessories a, #body_vouchers #nav1_vouchers a { background-position: -90px 0; color: #fff; } #resourceBar { height: 15px; padding: 0px 20px; background-color: #000099; border-left: 1px solid #999999; border-right: 1px solid #999999; } #nav2Container { margin: 0px; padding: 0px 0px 0px 10px; float: left; border: 1px solid #999999; width: 991px; background: #0f59c3 url('nav2-bg.jpg') no-repeat; } #searchArea{ float: left; padding: 2px 0px 0px 0px; } #nav2 { margin: 0px 0px 0px 10px; padding: 0px; list-style-type: none; float: left; background: #0f59c3 url('footer-background.jpg') repeat-x; } #nav2 li { margin: 0px; padding: 0px; float: left; } #nav2 a { float: left; color: #fff; text-decoration: none; line-height: 2em; padding: 0px 8px; font-weight: bold; border-right: 1px solid #999999; background: #0f59c3 url('footer-background.jpg') repeat-x; } #nav2 a:hover { background: #000099; color: #fff; } #columnContainer { border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 1px 0px; margin: 0px; } #left { width: 170px; float: left; padding: 19px 0px 19px 10px; margin: 0px; clear: both; } #brandDropDown { padding: 8px 0px 14px 6px; background: url("cart-bg.gif") no-repeat center bottom; } .sidebarHeader, .sidebarHeaderNoMargin { padding: 6px 0px 4px 5px; margin: 20px 0px 0px 0px; font-weight: bold; font-size: 120%; color: #fff; background: #000099 url('sidebar-header.jpg') no-repeat; } .sidebarHeaderNoMargin { margin: 0px; } .sidebarContainer { margin: 20px 0px 20px 0px; } #TLSHeader { padding: 8px 0px 6px 5px; margin: 20px 0px 0px 0px; font-weight: bold; font-size: 125%; background: #000099; color: #fff; border-bottom: 1px solid #FFF; } .mainSection:link, .mainSection:visited { display: block; color: #fff; padding: 4px 0px 4px 3px; text-decoration: none; border-top: 1px solid #FFF; border-left: 3px solid #0f59c3; background: #0f59c3 url('sectionLink-background.jpg') repeat-y; font-weight: bold; } .mainSection:hover, .mainSection:active { display: block; background: #999999; padding: 4px 0px 4px 3px; text-decoration: none; border-left: 3px solid #000099; font-weight: bold; } #bestSellersContainer, #newProductsContainer, #mostViewedContainer { border: 1px solid #999999; border-top: none; border-bottom: none; padding: 6px; margin: 0px; text-align: center; } #bestSellersContainer br, #newProductsContainer br { clear: both; } #bestSellersContainer a:link, #bestSellersContainer a:visited, #newProductsContainer a:link, #newProductsContainer a:visited { text-decoration: none; } #bestSellersContainer a:hover, #bestSellersContainer a:active, #newProductsContainer a:hover, #newProductsContainer a:active { text-decoration: underline; } #mostViewedContainer { text-align: left; padding: 5px; font-size: 11px; } #mostViewedContainer ol { font-size: 11px; font-weight: bold; } #mainWrapper { width: 620px; float: left; padding: 0px 10px; margin: 0px; min-height: 1800px; } /* IE6 Only */ * html #mainWrapper { height: 1800px; } #topMain { margin: 19px 0px 0px 0px; padding: 0px 10px; height: 10px; background: url("main-top-bg.gif") no-repeat; width: 600px; } #middleMain { margin: 0px; padding: 5px 15px; border-left: 1px solid #999999; border-right: 1px solid #999999; width: 588px; clear: both; } #bottomMain { margin: 0px; padding: 0px 10px; height: 10px; width: 600px; background: url("main-bottom-bg.gif") no-repeat bottom left; clear: both; } .slideshow { text-align: center; position: relative; z-index: 0; margin: 10px auto; padding: 0px; } #right { width: 170px; float: right; padding: 19px 10px 19px 0px; margin: 0px; } #cartSummary { margin: 0px 0px 20px 0px; padding: 5px 10px 10px 10px; height: 60px; text-align: center; font-weight: bold; font-size: 12px; color: #000099; background: url("cart-bg.gif") no-repeat center bottom; } .cartSummaryHeader { margin: 0px 0px 6px 0px; font-size: 14px; color: #000099; } .cartDetails { margin: 0px 0px 6px 0px; padding: 0px; } #cartSummary a { text-decoration: none; height: 20px; width: 70px; background: url("cartButton-bg.gif") no-repeat center center; color: #fff; float: left; display: block; margin: 2px; line-height: 1.6em; } #cartSummary a:hover { color: #999999; } #newsletter { margin: 20px 0px; padding: 110px 0px 10px 10px; background: url("newsletter-bg.gif") no-repeat center bottom; border-top: none; font-weight: bold; height: 160px; } .sidebarBottom { height: 10px; background: url('sidebarBottom-bg.gif') no-repeat center bottom; margin: 0px 0px 20px 0px; } #footerArea { clear: both; margin: 20px 0px 0px 0px; padding: 0px; } #footerArea h4 { margin: 2px 0px 6px 0px; font-size: 14px; } .footerHeading { border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 4px 10px; margin: 0px; font-size: 12px; font-weight: bold; color: #fff; background: #0f59c3 url('footer-background.jpg') repeat-x; } .footerLinks { float: left; width: 190px; padding: 35px 30px 10px 30px; margin: 0px; height: 260px; background: url('footer-links-bg.jpg') no-repeat top center; } #footer { text-align: center; padding: 15px 0px 15px 0px; margin: 0px; border-top: 1px solid #999999; color: #333; background: url('footer-bg.gif') no-repeat center bottom; } #footer a { text-decoration: none; color: #333; } #footer a:hover { color: #000; text-decoration: underline; } .terms { padding: 15px 0px 10px 0px; color: #000099; } .terms H2 { color: #000099; border-bottom: 3px solid #000099; margin: 0px 0px 8px 0px; padding: 0px 0px 4px 0px; } hr { color: #999999; margin: 6px 0px; padding: 0px; clear: both; height: 1px; } .clear { clear: both; } .highlight { color: #0066CC; } .ColContainer { margin: 5px auto 5px auto; padding: 0px; width: 132px; } .ColTitle { margin: 0px auto; padding: 0px; text-align: center; background: #0f59c3; font-weight: bold; } .ColTitle a:link, .ColTitle a:visited { display: block; background: #0f59c3 url('sectionLink-header.jpg') no-repeat; padding: 7px 2px 3px 2px; color: #FFF; text-decoration: none; height: 32px; } .ColTitle a:hover, .ColTitle a:active { color: #CCC; text-decoration: underline; } .ColImage { margin: 0px auto; text-align: center; border: 1px solid #999999; border-top: none; padding: 5px 0px; } .ColText { margin: 0px auto; padding: 5px 2px; text-align: center; border: 1px solid #999999; border-top: none; color: #000000; font-weight: bold; } .ColPrice { margin: 0px auto; padding: 5px 0px; text-align: center; border: 1px solid #999999; border-top: none; font-weight: bold; color: #0066cc; } .ColButton { margin: 0px auto; padding: 5px 0px; text-align: center; border: 1px solid #999999; border-top: none; } .HotColTitle { margin: 0px auto; padding: 0px; text-align: center; background: #0f59c3; font-weight: bold; } .HotColTitle a:link, .HotColTitle a:visited { display: block; background: #cd0606 url('hotSectionLink-header.jpg') no-repeat; padding: 7px 2px 3px 2px; color: #FFF; text-decoration: none; height: 32px; } .HotColTitle a:hover, .HotColTitle a:active { color: #CCC; text-decoration: underline; } .FragColWrapper { margin: 5px auto 15px auto; width: 280px; } .FragColContainer { margin: 0px; padding: 6px 4px 4px 4px; width: 270px; border: 1px solid #999999; border-top: none; } .FragColTitle { padding: 0px; text-align: left; font-weight: bold; } .FragColTitle a:link, .FragColTitle a:visited { display: block; padding: 6px 4px; color: #FFF; text-decoration: none; background: url('FragSectionLink-header.jpg') no-repeat; } .FragColTitle a:hover, .FragColTitle a:active { color: #CCC; text-decoration: underline; } .FragColImage { float: left; margin: 0px 6px 0px 0px; } .FragColText { margin: 0px 0px 6px 0px; } .FragColMRRP { margin: 0px 0px 6px 0px; color: #333; } .FragColOnlinePrice { margin: 0px 0px 6px 0px; font-weight: bold; color: #cc0001; } .FragColMessage { margin: 0px 0px 6px 0px; font-weight: bold; } .FragColMoreInfo { margin: 0px; text-align: right; } .FragColMoreInfo a { text-decoration: underline; font-weight: bold; } .relatedTable, .marketingTable, .customTable { border: 1px solid #999999; border-top: none; border-right: none; border-collapse: collapse; } .customTable { border-top: 1px solid #999999; } .relatedTable td, .marketingTable td, .customTable td { border-right: 1px solid #999999; vertical-align: top; text-align: center; width: 25%; } .strikethrough { text-decoration: line-through; } #productMeasures { border: 1px solid #dedede; border-top: none; border-right: none; border-collapse: collapse; margin: 0px; clear: right; width: 310px; } .specificationsHeader { background: url("specifications-header.jpg") no-repeat top center; border: none; text-align: center; color: #333; font-weight: bold; margin: 15px 0px 0px 0px; } #productMeasures th { border: 1px solid #dedede; border-bottom: none; border-left: none; font-weight: bold; text-align: left; background: #eaeaea; width: 50%; font-size: 11px; } #productMeasures td { border: 1px solid #dedede; border-bottom: none; border-left: none; color: #333; background: #fff; font-size: 11px; } .addToCartContainer { margin: 15px 0px; clear: right; overflow: auto; } .addToCart { float: left; width: 140px; } .productMessage1, .productMessage2 { font-weight: bold; color: #000099; padding: 0px 0px 0px 25px; margin: 0px; } .productMessage2 { color: #333; } .textOnly, .imageOnly { margin: 5px 0px; } .TwoColContWithGB, .TwoColContWithoutGB { margin: 5px auto 5px auto; padding: 0px; width: 285px; text-align: left; } .TwoColTitleWithGB { padding: 0px; background: url('golfBallHeader.gif') no-repeat top; height: 35px; margin: 0px; } .TwoColTitleWithoutGB { padding: 0px; background: url('noGolfBallHeader.gif') no-repeat top; height: 25px; margin: 0px; } .TwoColTitleWithGB a:link, .TwoColTitleWithGB a:visited, .TwoColTitleWithoutGB a:link, .TwoColTitleWithoutGB a:visited { display: block; padding: 16px 0px 0px 10px; color: #FFF; text-decoration: none; font-weight: bold; } .TwoColTitleWithoutGB a:link, .TwoColTitleWithoutGB a:visited { padding: 6px 0px 0px 10px; } .TwoColTitleWithGB a:hover, .TwoColTitleWithGB a:active, .TwoColTitleWithoutGB a:hover, .TwoColTitleWithoutGB a:active { color: #CCC; text-decoration: underline; } .TwoColWrapperWithGB, .TwoColWrapperWithoutGB { margin: 0px; padding: 5px 0px; border: 1px solid #999999; } .TwoColWrapperWithoutGB { margin: 0px; padding: 5px 0px 5px 5px; border: 1px solid #999999; } .TwoColImageWithGB { float: left; margin: 0px 5px 5px 0px; } .TwoColImageWithoutGB { float: left; margin: 0px 10px 0px 0px; } .TwoColTextWithGB, .TwoColTextWithoutGB { margin: 0px;  color: #333; font-size: 11px; font-weight: normal; } .TwoColRRP, .TwoColOurPrice { padding: 0px; margin: 0px 0px 3px 0px; color: #333; font-weight: bold; font-size: 9px; } .TwoColOurPrice { color: #cc0001; font-size: 11px; } .mrrp { font-size: 11px; } .price { font-size: 13px; } .TwoColButton { padding: 0px; margin: 8px 0px 3px 0px; } .TwoColMoreInfo { padding: 0px 10px 0px 0px; margin: 0px; color: #000; font-size: 10px; font-weight: bold; text-align: right; } .TwoColMoreInfo a:link, .TwoColMoreInfo a:visited { color: #000; } .TwoColMoreInfo a:hover, .TwoColMoreInfo a:active { color: #000; text-decoration: underline; } .divider { border-bottom: 1px dashed #999999; height: 1px; margin: 8px 0px; padding: 0px; } .rightProductCol { width: 315px; float: left; padding: 0px; margin: 0px 0px 15px 0px; } .personalisationTop { margin: 15px 0px 0px 0px; height: 10px; padding: 0px 10px; width: 290px; background: url("personalisation.gif") no-repeat; } .personalisationBottom { margin: 0px 0px 15px 0px; padding: 0px 10px 10px 10px; width: 290px; background: url("personalisation.gif") no-repeat bottom; } .fileUpload { margin: 15px 0px; padding: 10px; border: 2px dashed #999999; width: 290px; } .productInterface { height: 25px; padding: 0px; margin: 15px 0px; clear: both; font-size: 10px; } .productInterface a { color: #333; } .email, .callback, .favourites, .manufacturer { float: left; padding: 5px 0px 5px 30px; width: 116px; color: #333; font-weight: bold; background: url("email.jpg") no-repeat; } .callback { background: url("callback.jpg") no-repeat; } .favourites { background: url("favourites.jpg") no-repeat; } .manufacturer { background: url("manufacturer.jpg") no-repeat; }