/**
* 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('../fishing-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;*/ padding:8px 5px;}
#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;}
/*Start Baitlanding Page styles*/
#basket1 {float: left;padding-right: 0px;margin: 15px 0px 11px 0;text-align: left; /* margin:10px 15px 5px 0; _margin-right:8px; */}
#basket1 .last {margin-right:20px;}
#basket2 {float: left;padding-right: 0px;margin: 15px 0px 11px 0;text-align: left; /* margin:10px 15px 5px 0; _margin-right:8px; */}
#basket2 .last {margin-right:20px;}
#basket3 {float: left;padding-right: 0px;margin: 15px 0px 11px 0;text-align: left; /* margin:10px 15px 5px 0; _margin-right:8px; */}
#basket3 .last {margin-right:20px;}
#basket4 {float: left;padding-right: 0px;margin: 15px 0px 11px 0;text-align: left; /* margin:10px 15px 5px 0; _margin-right:8px; */}
#basket4 .last {margin-right:20px;}
#basket5 {float: left;padding-right: 0px;margin: 15px 0px 11px 0;text-align: left; /* margin:10px 15px 5px 0; _margin-right:8px; */}
#basket5 .last {margin-right:20px;}
#basket6 {float: left;padding-right: 0px;margin: 15px 0px 11px 0;text-align: left; /* margin:10px 15px 5px 0; _margin-right:8px; */}
#basket6 .last {margin-right:20px;}
.basket-block1 {float:left; margin-right:10px; text-align:center; color:#808183;}
.basket-block1 .button, .basket-block1 .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-block1 .welcome-msg { color:Red; width:100px; background-color: Green; text-align:left; }
.basket-block1 .welcome_message-blank {width:90px;}
.basket-block1 .welcome_message {width: 120px; text-align: left; overflow: hidden; display: block;}
.basket-block1 P {float:left; text-align:left; clear:left; width:145px;}
.basket-block1 .cat-text {float:left; text-align:left; font-weight:bold; clear:left; font-size:1.2em; width:140px;}
.basket-block1 .bait-text-link {float:left; text-align:left; font-weight:bold; clear:left; font-size:1.2em; width:130px;}
/*End Baitlanding Page styles*/
#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;}
/* ---------------------------------------- */
/* Floating menus */
/* ---------------------------------------- */
/* template:
div id="floatMenu1" class="yui-overlay" >
...
*/
/* menu: */
#shop_nav LI.hovered { background-color:#DCE9AE; border-color: #DCE9AE;}
#shop_nav LI.hovered A { color:#293330 !important;}
#shop_nav LI.hovered A { border-left: 1px solid #293330; border-top: 1px solid #293330; border-right: 1px solid #293330; border-bottom: none; }
#shop_nav LI.hovered A { padding: 9px 12px }
/* yui overlay styling (floating) */
#floatMenu1.yui-overlay { position:absolute;background:white;border-left:2px solid #293330; border-bottom:2px solid #293330; border-right:2px solid #293330; padding:0;}
#floatMenu2.yui-overlay,
#floatMenu3.yui-overlay
{ position:absolute;background:white;border-left:2px solid #293330; border-bottom:2px solid #293330; border-right:2px solid #293330; padding:0;}
#floatMenu1.yui-overlay .hd,
#floatMenu2.yui-overlay .hd,
#floatMenu3.yui-overlay .hd
{ display:none; margin:0; padding:0; }
#floatMenu1.yui-overlay .bd,
#floatMenu2.yui-overlay .bd,
#floatMenu3.yui-overlay .bd
{ display:block; margin:0; padding:0px;}
#floatMenu1.yui-overlay .ft,
#floatMenu2.yui-overlay .ft,
#floatMenu3.yui-overlay .ft
{ display:none; margin:0; padding:0; }
/* .yui-overlay-hidden */
/* overlay content: font & colour */
.menu-content {font-size:1.1em; background:#fff;}
.menu-content H3 {font-size:1.1em; font-weight:bold;}
.menu-content UL LI A {color: #808183; font-weight:bold;}
/* overlay: layout */
.menu-content {margin-top:2px; padding:10px; background-color: White; }
.menu-content .column { clear:both;}
.menu-content .column .cell { float:none;}
.cell H3 { margin-left:0px; margin-top: 10px; text-align:left;} .menu-content .column .first {margin-top: 0px; }
.cell UL { margin:0; padding:0; padding-left: 10px; }
.cell UL LI { margin:0; padding-left:10px; text-align:left; background: url('fishing-images/nav-list-arrow.png') no-repeat scroll left 5px transparent; line-height:1.5; list-style:none; }
.cell UL LI A {color: #808183; font-weight:bold;}
#search_form {float:right; margin:5px 40px 5px 0; _margin-right:20px;}
/**
* Body.
*/
#bd {padding:0 15px;}
#bdTerms {padding:0 15px; width:290px;}
/**
* Footer.
*
* Includes footer navigation links, copyright notice and links to info pages.
*/
/**
* 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:#3b5d2c; 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}
#site_info {float:right; margin:0;}
#site_info LI {float:left; margin:0 8px 0 0; border-right:1px solid #555; padding-right:8px; list-style:none;}
#site_info LI.last {margin-right:0; border-right:none; padding-right:0;}
/* ------------------------------------------------------------------------ */
/* SearchBox Autcomplete*/
/* ------------------------------------------------------------------------ */
/* Template
*/
/* ------------------------------------------------------------------------ */
/* 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 fishing 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('../fishing-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: #3B5D2C; 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; }
/* 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;}