/**
 * 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('../images/background.png') repeat-x 0 0;}
#wrapper {width:990px; margin:0 auto; text-align:left; background:#fff; font-size:1.1em;}
#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;}

/**
 * Columns code.
 */
.wide {width:755px;}
.medium {width:550px;}
.narrow {width:265px;}
.sidebar {width:185px;}
.section-a {width:375px;}
.section-b {width:335px;}

.primary {float:left;}
.secondary {float:right;}
.centred {margin:0 auto;}
.popup {width:265px;}


/**
 * 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('../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('../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('../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('../images/site-nav.png') repeat-x 0 -200px;}
#site_nav LI.first A {border-left:none;}
#site_nav LI.last A {border-right:none;}

#pga_logo { margin-top: -15px;}
#pga_logo IMG {display:block; margin:0; }

#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:left;}
#basket .logout {color:#808183;}




#shop_nav {clear:both; background:#1b75ba url('../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('../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('../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('../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('../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;}