/* global tag styles */ * { margin: 0px; padding: 0px; } a { outline: none; text-decoration: none; } body { background: url(../images/bckgds/bckgd-grass-tile.jpg) repeat-x #000; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; line-height: 1.2em; } table { font-size: 0.75em; } .bold { font-weight: bold; border-bottom: 1px dotted; padding-bottom: 0.05em; } .clearfloats { clear: both; } /* global class and id styles */ #nav { position: relative; color: #fff; overflow: visible; height: 91px; } #page_wrapper { width: 811px; margin: 0px auto; position: relative; } #logo { display: block; position: absolute; top: 28px; left: 0px; background: url(../images/nav/logo-yes_golf.gif) no-repeat; height: 54px; width: 129px; } #main_nav li, ul#global_nav li, #photo_buttons li, #quick_links p.copy, #quick_links dt, #quick_links dd { float: left; } #main_nav li, #global_nav li, #photo_buttons li { list-style: none; } #main_nav li a, #photo_buttons li a, #messaging p { text-indent: -9999px; } #messaging, #photo_buttons, #putting_green, #page_content, #quick_links { position: relative; margin-left: 36px; margin-top: 9px; overflow: visible; } ul#global_nav li a, #quick_links { color: #fff; display: block; text-transform: uppercase; font-size: 0.65em; } ul#global_nav li a.no-bckgd, #quick_links dd a.no-bckgd { background: none; } /* main navigation */ #main_nav { position: absolute; top: 46px; left: 129px; height: 27px; width: 681px; background: url(../images/nav/nav-bckgd.gif) no-repeat; } /* ----- navigation buttons */ #main_nav li a.how_it_works { display: block; width: 100px; height: 27px; background: url(../images/nav/nav-how_it_works.gif) no-repeat; } #main_nav li a.what_it_does { display: block; width: 95px; height: 27px; background: url(../images/nav/nav-what_it_does.gif) no-repeat; } #main_nav li a.the_man_behind_it { display: block; width: 121px; height: 27px; background: url(../images/nav/nav-the_man_behind_it.gif) no-repeat; } #main_nav li a.putters { display: block; width: 68px; height: 27px; background: url(../images/nav/nav-putters.gif) no-repeat; } #main_nav li a.wedges-accessories { display: block; width: 144px; height: 27px; background: url(../images/nav/nav-wedges-accessories.gif) no-repeat; } #main_nav li a.news { display: block; width: 50px; height: 27px; background: url(../images/nav/nav-news.gif) no-repeat; } #main_nav li a.credits { display: block; width: 63px; height: 27px; background: url(../images/nav/nav-credits.gif) no-repeat; } /* ----- navigation button rollovers */ #main_nav li a.how_it_works:hover { background: url(../images/nav/nav-how_it_works-over.gif) no-repeat; } #main_nav li a.what_it_does:hover { background: url(../images/nav/nav-what_it_does-over.gif) no-repeat; } #main_nav li a.the_man_behind_it:hover { background: url(../images/nav/nav-the_man_behind_it-over.gif) no-repeat; } #main_nav li a.putters:hover { background: url(../images/nav/nav-putters-over.gif) no-repeat; } #main_nav li a.wedges-accessories:hover { background: url(../images/nav/nav-wedges-accessories-over.gif) no-repeat; } #main_nav li a.news:hover { background: url(../images/nav/nav-news-over.gif) no-repeat; } #main_nav li a.credits:hover { background: url(../images/nav/nav-credits-over.gif) no-repeat; } /* ----- navigation button selected */ body#how_it_works #main_nav li a.how_it_works { background: url(../images/nav/nav-how_it_works-over.gif) no-repeat; } body#what_it_does #main_nav li a.what_it_does { background: url(../images/nav/nav-what_it_does-over.gif) no-repeat; } body#the_man_behind_it #main_nav li a.the_man_behind_it { background: url(../images/nav/nav-the_man_behind_it-over.gif) no-repeat; } body#putters #main_nav li a.putters{ background: url(../images/nav/nav-putters-over.gif) no-repeat; } body#wedges-accessories #main_nav li a.wedges-accessories { background: url(../images/nav/nav-wedges-accessories-over.gif) no-repeat; } body#headlines #main_nav li a.news { background: url(../images/nav/nav-news-over.gif) no-repeat; } body#kudos #main_nav li a.credits { background: url(../images/nav/nav-credits-over.gif) no-repeat; } /* ----- global navigation */ ul#global_nav { text-align: right; position: absolute; top: 0px; right: 0px; line-height: 18px; width: auto; } ul#global_nav li a { padding: 0 0 0 24px; background: url('/images/nav/divider-global_nav.gif') no-repeat 10px 50%; } ul#global_nav li a:hover { color: #fdb913; } /* messaging */ #messaging { height: 311px; width: 774px; background: url(../images/messaging/messaging-1.gif) no-repeat; margin-bottom:10px; } #messaging p { position: absolute; } /* ----- messaging slideshow */ #myGallery { height: 311px; width: 774px; z-index:5; display: none; } .jdGallery { overflow: hidden; position: relative; } .jdGallery img { border: 0px; margin: 0px; } /* ----- slideshow element */ .jdGallery .slideElement { width: 100%; height: 100%; background-color: #fff; background-repeat: no-repeat; } .jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; /*background-color: #fff;*/ background-repeat: no-repeat; background-position: center center; background-image: url(../scripts/img/loading-bar-black.gif); } /* photo buttons */ #photo_buttons { margin-top: 9px; padding: 0px 6px; height: 184px; width: 768px; background: url(../images/bckgds/bckgd-photo_buttons.gif) no-repeat; } #photo_buttons li { padding: 18px 12px 0px; } #photo_buttons li a { height: 180px; line-height: 18px; } #photo_buttons li a.harolds_story { display: block; width: 357px; background: url(../images/nav/photo_button-harolds_story.gif) no-repeat; } #photo_buttons li a.yes_golf_catalog { display: block; width: 167px; background: url(../images/nav/photo_button-yes_golf_catalog.gif) no-repeat; } #photo_buttons li a.golf_demo_days { display: block; width: 167px; background: url(../images/nav/photo_button-golf_demo_days.gif) no-repeat; } #photo_buttons li a.esoteric_special_offer { display: block; width: 167px; background: url(../images/nav/esoteric_special_offer.jpg) no-repeat; } #photo_buttons li a.demo_fitting_days { display: block; width: 167px; background: url(../images/nav/demo_fitting_days.jpg) no-repeat; } /* photo button rollovers */ #photo_buttons li a.harolds_story:hover { background: url(../images/nav/photo_button-harolds_story-over.gif) no-repeat; } #photo_buttons li a.yes_golf_catalog:hover { background: url(../images/nav/photo_button-yes_golf_catalog-over.gif) no-repeat; } #photo_buttons li a.golf_demo_days:hover { background: url(../images/nav/photo_button-golf_demo_days-over.gif) no-repeat; } #photo_buttons li a.esoteric_special_offer:hover { background: url(../images/nav/esoteric_special_offer_over.jpg) no-repeat; } #photo_buttons li a.demo_fitting_days:hover { background: url(../images/nav/demo_fitting_days-over.jpg) no-repeat; } /* putting green images */ #putting_green { margin-left: 36px; } /* page content */ #page_content { width: 630px; background: url(../images/bckgds/bckgd-page_top.gif) no-repeat #fff; padding: 54px 72px 18px; } #page_content h1 { color: #fdb813; font-size: 1.8em; font-weight: normal; padding-bottom: 0.7em; } #page_content h2 { font-size: 0.9em; padding-bottom: 0.8em; } #page_content p { font-size: 0.75em; padding-bottom: 1.2em; } #page_content a { color: #060; text-decoration: none; padding-bottom: 0.0125em; border-bottom: 1px dotted #060; } #page_content a:hover { background: #e6f4e2; } #page_content .hightlight { background: #fefcb8; padding: 0.1em; } #page_content ul { font-size: 0.75em; list-style: none; line-height: 1.6em; } #page_content ol { font-size: 0.75em; } #page_content li { margin-left: 3px; padding-left: 12px; } #page_content ul li { background: url(../images/green_bullet.gif) no-repeat 0px 6px; zoom: 1; } #page_content #left-column { float: left; width: 50%; } #page_content #right-column { float: left; width: 50%; } #page_content #left-column h3, #page_content #right-column h3 { font-size: 0.75em; color: #060; margin-bottom: 3px; padding-bottom: 2px; border-bottom: 1px dotted #060; } #page_content #left-column ul, #page_content #right-column ul { padding-bottom: 18px; list-style: none; } #page_content #left-column li, #page_content #right-column li { } #page_content #tournament_img { width: 80%; text-align: center; font-size: 0.75em; line-height: 1.2em; font-style: italic; color: #060; padding-top: 18px; } #page_content #tournament_img img { margin: 9px auto; padding: 6px; border: 1px solid #060; } body#what_it_does #page_content img, body#how_it_works #page_content img { float: right; padding: 0px 0px 9px 18px; } body#kudos p.quote { padding-left: 54px; background: url(../images/quote.gif) no-repeat top left; } body#kudos p.signature { padding-left: 54px; margin-bottom: 18px; border-bottom: 1px dotted #060; font-style: italic; color: #060; } body#kudos p.signature-no_border { padding-left: 54px; margin-bottom: 18px; font-style: italic; color: #060; } body#kudos p.quote-right { text-align: right; padding-right: 54px; background: url(../images/quote-right.gif) no-repeat top right; } body#kudos p.signature-right { text-align: right; padding-right: 54px; margin-bottom: 18px; border-bottom: 1px dotted #060; font-style: italic; color: #060; } body#kudos p.signature-right-no_border { text-align: right; padding-right: 54px; margin-bottom: 18px; font-style: italic; color: #060; } body#contact #page_content h2 { width: 35%; float: left; } body#contact #page_content p { width: 60%; float: left; } body#demo_days #page_content h2 { width: 20%; float: left; } body#demo_days #page_content p { width: 80%; float: left; } body#demo_days #page_content p .h3 { color: #060; padding-bottom: 2px; font-weight: bold; } body#worldwide_distributors #page_content h2 { border-top: 1px dotted #060; padding-top: 18px; width: 100px; float: left; } body#worldwide_distributors #page_content h2.no-border { border: none; padding: 0px; } body#worldwide_distributors #page_content h2 img { padding-top: 9px; padding-right: 3px; } body#worldwide_distributors #page_content h3 { font-size: 0.75em; color: #060; padding-bottom: 2px; } body#worldwide_distributors #page_content div.distributors { border-top: 1px dotted #060; padding-top: 18px; padding-left: 9px; width: 206px; float: left; height: 210px; } body#worldwide_distributors #page_content div.distributors-extended { padding-left: 9px; width: 206px; float: left; height: 310px; } #page_bottom { clear: both; margin-left: 36px; height: 4px; width: 774px; background: url(../images/bckgds/bckgd-page_bottom.gif) no-repeat; } /* product details layout */ #product_detail { width: 75%; margin-left: 36px; padding-bottom: 9px; } #product_detail ul { list-style: none; font-size: 0.75em; line-height: 1.4em; } #product_detail li { margin-left: 3px; padding-left: 9px; background: url(../images/green_bullet.gif) no-repeat 0px 3px; } #product_detail label { padding: 3px 0px; font-size: 0.75em; } #product_options { padding: 9px 3px; width: 100%; border: 1px dotted #9bcb8f; margin: 9px 0px; } /* quick links */ #quick_links { margin-bottom: 18px; padding: 0px 13px; width: 774px; height: 27px; background: url(../images/bckgds/bckgd-quick_links.gif) no-repeat; line-height: 27px; } #quick_links dl { float: right; padding-right:24px; } #quick_links .copy, #quick_links a { color: #fdb913; line-height: 27px; } #quick_links dd a { padding: 0 0 0 24px; background: url(../images/nav/divider-quick_links.gif) no-repeat 10px center; } #quick_links a:hover { color: #fff; } /* store global tags */ p#store_links { position: absolute; top: 18px; right: 18px; } /* ----- catalog image array */ #img_list_array ul { list-style: none; padding-bottom: 154px; } #img_list_array ul li { background: none; float: left; display: block; width: 81px; height: 130px; text-align: center; padding: 9px 3px 3px 0px; } #img_list_array ul li.clear { background: none; float: none; display: block; width: 100%; height: 1px; overflow:hidden; padding: 0; clear: both; } #img_list_array ul li img { padding-bottom: 9px; } #img_list_array ul li a { display: block; border: 1px solid #fff; } #img_list_array ul li a:hover { border: 1px dotted #060; background: none; } #img_list_array ul li p { width: 85%; line-height: 1.2em; padding-top: 3px; font-size: 0.95em; } /* ----- tables for store */ #thank_you, #add_to_cart, #shopping_cart, #edit_cart { border-collapse: collapse; width: 100%; border: none; margin: 9px 0px; } #thank_you th, #add_to_cart th, #shopping_cart th, #edit_cart th { background: #060; color: #fff; font-weight: bold; padding: 4px 9px; text-align: left; line-height: 1.2; border-bottom: 1px dotted #9bcb8f; } #thank_you td, #add_to_cart td, #shopping_cart td, #edit_cart td { padding: 4px 9px; vertical-align: top; border-bottom: 1px dotted #9bcb8f; line-height: 1.2; } #thank_you tr.alt td, #add_to_cart tr.alt td, #shopping_cart tr.alt td, #edit_cart tr.alt td { background: #e6f4e2; } #thank_you tr.over td, #thank_you tr:hover td, #add_to_cart tr.over td, #add_to_cart tr:hover td, #shopping_cart tr.over td, #shopping_cart tr:hover td, #edit_cart tr.over td, #edit_cart tr:hover td { background: #9bcb8f; color: #fff; } #customer_info, #subtotal, #credit_card_info { padding: 9px 3px; width: 100%; border: 1px dotted #9bcb8f; margin: 9px 0px; } #customer_info td, #subtotal td, #credit_card_info td { padding: 3px 9px; } td.right { text-align: right; } table.button-right { text-align: right; width: 100%; } /* store */ #login { padding-top: 6px; } #login label, #login input { padding-right: 9px; font-size: 0.8em; } #item_selector { float: left; } #admin_editor { float: right; } #admin_editor #controls ul, #admin_editor #editor ul { list-style: none; width: 400px; font-size: 0.9em } #admin_editor #controls li, #admin_editor #editor li { float: left; padding-right: 6px; } #admin_editor #editor { width: 400px; } #editor p { font-size: 0.8em } .rightbuttonup, .leftbuttonup { color: #060; text-decoration: none; border-bottom: 1px dotted #060; cursor: pointer; } .rightbuttondown, .leftbuttondown { color: #060; text-decoration: none; border-bottom: 1px dotted #060; background: #e6f4e2; cursor: default; } ul#code_switch { padding-bottom: 36px; } #submit_button { } li#mode_details { padding-left: 24px; } #designview { padding-bottom: 0px; margin-right: 6px; } #codeview { padding-bottom: 0px; margin-right: 6px; } /* ----- store - thankyou */ #order_details { border: 1px solid #9bcb8f; padding: 9px 3px 3px; margin: 18px 0px 27px; } ul#thank_you { list-style: none; padding-top: 9px; } ul#thank_you li { font-size: 0.75em; } /* Redalto stuff */ #logo_au{ position:relative; width:148px; height:20px; background:url('/images/australia.jpg') 0 0 no-repeat; top:-60px; left:126px; } #logo_au a{ display:block; width:148px; height:20px; } /*News styles*/ .post { margin: 0 0 10px; text-align: justify; } .post small {font-size: 11px; color:#777;} .entry p, .narrowcolumn .entry {font-size: 12px; line-height: 21px; color: #333;} .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } .alignright { float: right; font-size: 13px; } .alignleft { float: left; font-size: 13px; } .more-link{ text-align:right; padding:3px; font-weight:bold; border:none; } .narrowcolumn { float: left; padding-right:30px; margin: 0px; width: 450px; } a img{ border:none; } .preload{ position:absolute; top:-10000px; left:-10000px; } #preload_how_it_works{ background: url(../images/nav/nav-how_it_works-over.gif); } #preload_what_it_does{ background: url(../images/nav/nav-what_it_does-over.gif); } #preload_man_behind_it{ background: url(../images/nav/nav-the_man_behind_it-over.gif); } #preload_putters{ background: url(../images/nav/nav-putters-over.gif); } #preload_wedges_accessories{ background: url(../images/nav/nav-news-over.gif); } #preload_news{ background: url(../images/nav/nav-credits-over.gif); } #preload_credits{ background: url(../images/nav/nav-wedges-accessories-over.gif); } #preload_harolds_story{ background: url(../images/nav/photo_button-harolds_story-over.gif); } #preload_yes_golf_catalog{ background: url(../images/nav/photo_button-yes_golf_catalog-over.gif); } #preload_golf_demo_days{ background: url(../images/nav/photo_button-golf_demo_days-over.gif); } #preload_esoteric_special_offer{ background: url(../images/nav/esoteric_special_offer_over.jpg); } #preload_demo_fitting_days{ background: url(../images/nav/demo_fitting_days-over.jpg); } #sidebar{ margin-left:480px; }.td-align-center { text-align: center; } .is_new{ position:absolute; top:10px; right:10px; color:#FFF; font-size:12px; text-transform: lowercase; } .nostyle a:link, .nostyle a:visited, .nostyle a:hover { color: #ffffff; text-decoration: none; padding-bottom: .0125em; border-bottom: 1px solid #fff; }