/* -------------------------------------------------------------------------------------------------------------- THIS STYLE IS OBSOLETE - well used by Paypoint templates: ~/secure/paypoint/golfbidder-template-en.htm SUPERCEDED BY ~/excss/rsp-screen.excss.css DO NOT MODIFY - unless required by paypoint templates THIS FILE REMAINS HERE FOR COMPATIBILITY PURPOSES --------------------------------------------------------------------------------------------------------------*/ /** * Main layout code. */ HTML {background:none; font-family:Arial, sans-serif; font-size:67.5%; line-height:1.4;} BODY {/*min-width:1008px;*/ text-align:center; background:#fff url('//www.golfbidder.co.uk/images/background.png') repeat-x 0 0;} #wrapper {margin:0 auto; text-align:left; background:#fff; font-size:1.1em;} #wrapper {width:990px;} /* width of page document */ #wrapperTerms {float:left; width:290px; margin:0 auto; text-align:left; background:#fff; font-size:1.1em;} .clear {*zoom:1;} .clear:after {content:"."; display:block; height:0; width:0; overflow:hidden; clear:both; visibility:hidden;} .break-fix {*zoom:1;} .break-fix:before {content:"."; display:block; height:0; width:0; overflow:hidden; clear:both; visibility:hidden;} /** * Columns code. */ .wide {width:755px;} .medium {width:550px;} .width-medium {width:550px;} /* keep same width as medium, (used to avoid a conflict) */ .narrow {width:265px;} .sidebar {width:185px;} .section-a {width:375px;} .section-b {width:335px;} .item-section-a {width:335px;} .item-section-b {width:375px;} .primary {float:left;} .secondary {float:right;} .centred {margin:0 auto;} .popup {width:265px;} .color-red {color:#eb1c24} /* typograhy */ .typo-11px {font-size:11px;} .typo-12px {font-size:12px;} .typo-tiny-text {font-size:0.9em;} /** * Header. * * Includes language selector, links about the site, site navigation, logo, * PGA club exchange logo, shopping basket, main shop navigation and search * form. */ #meta_nav, #site_nav A, #logo A, #shop_nav A {color:#fff; text-decoration:none;} #meta_nav {background:url('//www.golfbidder.co.uk/images/background.png') repeat-x 0 0;} #nav_intl {float:right; margin:0; padding-bottom:10px;} #nav_intl LI {float:left; margin:0 10px 0 0; list-style:none;} #nav_intl LI A {position:relative; display:block; padding-top:10px;} #nav_intl LI.current A, #nav_intl LI A:hover {background:url('//www.golfbidder.co.uk/images/nav-current-arrow.png') no-repeat 50% 0;} #nav_intl LI A .nav-intl-text {position:absolute; left:-9999em; text-decoration:none;} #nav_intl LI A IMG {display:block; border:1px solid #175789;} #nav_intl LI A:hover IMG {border-color:#fff;} #hd {padding:0 15px;} #logo {float:left;} .user_controls {float:right; margin-right:-15px;} #site-nav-follow { clear:both;} #site_nav {max-width:600px; *float:right; margin:0 0 15px 0; padding:0 15px; background:#1b75ba url('//www.golfbidder.co.uk/images/site-nav.png') repeat-x 0 0;} #site_nav LI {float:left; list-style:none; margin:0; padding:0;} #site_nav LI A {display:block; margin:0; border-right:1px solid #61b1e3; border-left:1px solid #1b75ba;} #site_nav LI A {padding: 8px 5px;} .fi #site_nav LI A {padding: 7px 2px;} /* adjust padding for Finnish long text and cross borwser */ #site_nav LI.current {background:#1b75ba url('//www.golfbidder.co.uk/images/site-nav.png') repeat-x 0 -200px;} #site_nav LI.first A {border-left:none;} #site_nav LI.last A {border-right:none;} #basket {float: right;padding-left: 0px;margin: 15px 0px 11px 0;text-align: right; /* margin:10px 15px 5px 0; _margin-right:8px; */} #basket .last {margin-right:20px;} .basket-block {float:right; margin-left:10px; text-align:center; color:#808183;} .basket-block .button, .basket-block .button-grey {display:block; float:left; padding-top: 4px; padding-bottom: 3px; margin-top: -5px; margin-bottom:0px; font-weight:bold; font-size:0.9em;} .basket-block .welcome-msg { color:Red; width:100px; background-color: Green; text-align:left; } .basket-block .welcome_message-blank {width:90px;} .basket-block .welcome_message {width: 120px; text-align: left; overflow: hidden; display: block;} .basket-block P { /*float:left; */ clear:left;} .basket-block .item-count, .basket-block .total {float:none;} .basket-block .total {color:#eb1c24; text-align:center;} #basket .logout {color:#808183;} #shop_nav {clear:both; background:#1b75ba url('//www.golfbidder.co.uk/images/site-nav.png') repeat-x 0 0;} #shop_nav UL {float:left; margin:0 0 0 40px; _margin-left:20px; border-right:1px solid #175c8e; border-left:1px solid #61b1e3;} #shop_nav LI {float:left; margin:0; list-style:none;} #shop_nav LI A {display:block; float:left; border-right:1px solid #61b1e3; border-left:1px solid #175c8e; padding:10px 12px; _zoom:1;} #shop_nav LI.current {background:#1b75ba url('//www.golfbidder.co.uk/images/site-nav.png') repeat-x 0 -200px;} /** * Body. */ #bd {padding:0 15px;} #bdTerms {padding:0 15px; width:290px;} /** * Footer: navigation links, copyright */ #ft {margin-top:20px; padding:0 15px 90px 15px; color:#505050;} #ft A {display:inline-block; color:#505050;} #ft .panel {margin-bottom:10px; border:1px solid #c1c1c1; padding:10px 24px; background:#e7e8e9 url('//www.golfbidder.co.uk/images/panel.png') repeat-x 0 100%;} #ft .panel .section {width:182px; float:left;} #ft .panel .section H3 {font-size:1em; font-weight:bold; color:#1b75ba; padding-left:15px;} #ft .panel .first H3 {padding-left:0;} #ft .panel .section UL {margin:0; border-left:1px solid #fff; padding:10px 7px 0 22px;} #ft .panel .first UL {border-left:none; padding-left:7px;} #ft .panel .section UL LI {margin:0; padding-left:10px; background: url('//www.golfbidder.co.uk/images/list-arrow.png') no-repeat scroll left 5px transparent; line-height:1.5; list-style:none;} #ft .panel .section UL LI A {font-weight:bold;} /** * Footer: credit-card icons */ #ft .icon-panel UL.links {display:block; margin:0;} #ft .icon-panel UL.links LI {display:inline-block; float:left; margin: 0 8px 2px 0; border-right:1px solid #555; padding-right:8px; list-style:none;} #ft .icon-panel UL.links LI.last {border-right:none; margin-right: 0px !important} /* ------------------------------------------------------------------------ */ /* SearchBox Autcomplete*/ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* Reset any inherited styles for UL and LI */ /* ------------------------------------------------------------------------ */ #shop_nav #searchbox UL {margin: 0; padding: 0; border: none; float:none;} #shop_nav #searchbox OL {margin: 0; padding: 0; border: none; float:none;} #shop_nav #searchbox LI {margin-right: 0px; padding-right: 10px; float:none; clear:none;} /* ------------------------------------------------------------------------ */ /* Skin yui auto complete to match golfbidder theme (adapted from yui-skin-sam)*/ /* ------------------------------------------------------------------------ */ .yui-skin-golfbidder .yui-ac { position: relative; font-family: inherit; font-size: 100%; } .yui-skin-golfbidder .yui-ac-input { /* position: absolute; */ width: 100%; } .yui-skin-golfbidder .yui-ac-container { position: absolute; top: 1.6em; width: 100%; } .yui-skin-golfbidder .yui-ac-content { position: absolute; /*width: 100%; */ border: 1px solid #aaa; /*#808080;*/ background: #fff; overflow: hidden; z-index: 9050; margin-right: 10px; } /* styles for container shadow */ .yui-skin-golfbidder .yui-ac-shadow { position: absolute; margin: .3em; width: 100%; background: #000; -moz-opacity: .10; opacity: .10; filter: alpha(opacity=10); z-index: 9049; } /* styles for container iframe */ .yui-skin-golfbidder .yui-ac iframe { opacity: 0; filter: alpha(opacity=0); padding-right: .3em; padding-bottom: .3em;/* Bug 2026798: extend iframe to shim the shadow */ } /* styles for results list */ .yui-skin-golfbidder .yui-ac-content ul { border:none; margin:0; padding: 0; width: 100%; } /* styles for result item */ .yui-skin-golfbidder .yui-ac-content li { margin: 0; padding: 3px 36px 2px 9px; border-top: 1px solid #e5e5e5; cursor: pointer; white-space: nowrap; list-style: none outside none; _position: relative; position:relative; left: -0px; _zoom: 1;/* For IE to trigger mouse events on LI */ float:none; } .yui-skin-golfbidder .yui-ac-content li.yui-ac-prehighlight { background: #B3D4FF; } .yui-skin-golfbidder .yui-ac-content li.yui-ac-highlight { background: #e5e5e5; color: #FFF; } .yui-skin-golfbidder .yui-ac-content li.hovered { background: #e5e5e5; } /* ------------------------------------------------------------------------ */ /* Style the search text box and button */ /* ------------------------------------------------------------------------ */ #searchbox INPUT.text {border:1px inset #808080; padding-left:24px; background:url('//www.golfbidder.co.uk/images/search-icon.png') no-repeat scroll 4px 50% #FFFFFF;} #searchbox .button-grey {display:block; color: #4C4C4C; font-size: 0.9 em; font-weight: bold;} #searchbox .text-highlite {color: #1b75ba; font-weight: bold;} /* ------------------------------------------------------------------------ */ /* Layout the search text box and button */ /* ------------------------------------------------------------------------ */ /* 1) nav search box styling: align up the text box and search button to the top of the nav (NB: this will work across all browsers) */ #searchbox {float:left; position: static; clear: right;} #searchbox-content {clear:none; margin-top: 0; margin-bottom: 0; margin-right: 0px; margin-left: 0px;} #searchbox .searchbox-input {float:left;} #searchbox .searchbox-button {float:left;} /* 2) nav search box styling: determine the width of the text box (take into account the nav text length of the various languages) */ #searchbox INPUT.text {width: 100%;} /* start off with text being 100% of container */ #searchbox .searchbox-input {width:12.5em} #searchbox #autocomplete_yuiwidget{width: 10em; } BODY.en #searchbox .searchbox-input {width:22.5em} BODY.en #searchbox #autocomplete_yuiwidget{width: 20em; } /* note: diff = 2.5em */ BODY.fr #searchbox .searchbox-input {width:16.5em} BODY.fr #searchbox #autocomplete_yuiwidget{width: 14em; } BODY.de #searchbox .searchbox-input {width:22.5em} BODY.de #searchbox #autocomplete_yuiwidget{width: 20em; } BODY.es #searchbox .searchbox-input {width:24.5em} BODY.es #searchbox #autocomplete_yuiwidget{width: 22em; } BODY.da #searchbox .searchbox-input {width:24.5em} BODY.da #searchbox #autocomplete_yuiwidget{width: 22em; } BODY.nl #searchbox .searchbox-input {width:19.5em} BODY.nl #searchbox #autocomplete_yuiwidget{width: 17em; } BODY.sv #searchbox .searchbox-input {width:20.5em} BODY.sv #searchbox #autocomplete_yuiwidget{width: 18em; } BODY.fi #searchbox .searchbox-input {width:20.5em} BODY.fi #searchbox #autocomplete_yuiwidget{width: 18em; } /* 3) nav search box styling: position button next to text box */ #searchbox .button-grey {margin-left: 6px; } /* 4) nav search box styling: move the texbox and search vertically to center within the nav bar */ #searchbox .searchbox-input {padding-top: 6px;} #searchbox .searchbox-button {padding-top: 6px;} /* 5) nav search box styling: peg the texbox and button container to the right of the nav bar */ #shop_nav #searchbox {float:right; clear:none; margin:auto;} /* 6) nav search box styling: center the texbox and button container by adjusting the right margin */ #shop_nav #searchbox {margin-right: 10px;} /** ------------------------------------------------------------------------------------------ WidgetDropdown Source Markup from WidgetDropdownList control: Rendered Markup:
-------------------------------------------------------------------------------------------*/ .wd-dropdown { display:inline-block; } /* ------ style input/textbox ------ */ .wd-dropdown .yui3-aclist-input { display:inline-block; min-height : 17px; _height : 17px; padding : 3px 0px 2px 3px; margin : 0px 0px 0px 0px; border-width:1px; border-style:solid;border-color : #AAAAAA !important; color : #505050 !important; background : #fff url('//www.golfbidder.co.uk/images/dropdown-arrow.png') no-repeat 100% 0; } /* ------ style dropdow ------ */ .wd-dropdown .yui3-aclist-list { border-color:#aaa; border-style:solid; border-width:0 1px 1px 1px; background:#fff; } .wd-dropdown .yui3-aclist-list LI { margin:0; padding:3px 28px 2px 9px; cursor:pointer; list-style:none; _position:relative; _zoom:1; border-top:1px solid #D9D9D9; } .wd-dropdown .yui3-aclist-list LI.yui3-aclist-item-hover { background:#e5e5e5; } .wd-dropdown .yui3-aclist-list LI.yui3-aclist-item-active { outline : none !important; background-color : #E5E5E5 !important; } .wd-dropdown .yui3-aclist-list LI .text-highlite { color : #000000 !important; font-weight : bold; } /* widths */ .wd-dropdown .yui3-aclist-input { width: 97%;} /*// make it slightly smaller (<100%) to cater for padding and margins of INPUT */ .wd-dropdown .yui3-aclist { /* stub: YUI3 autocomplete widget will determine the width*/} /** ------------------------------------------------------------------------------------------ WidgetDropdown - state native Source Markup from WidgetDropdownList control: