body { background:#3095A7; margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; color:#FFF; font-size:1em; background-image: url(/themes/britishswimming/web/images/body_bg2.jpg); background-position: top center; background-repeat: no-repeat;} #outer { margin:0 auto; width: 980px; padding: 30px 0 0 0;} #main { margin:0 auto; width: 969px; background-color: white; padding-left: 30px; padding: 4px; float: left;} #main_top { background-image: url(/themes/britishswimming/web/images/container_top.jpg); height: 5px; width: 977px; float: left; margin: 0 0 0 0px; font-size: 0;} #main_bottom { background-image: url(/themes/britishswimming/web/images/container_bottom.jpg); height: 4px; width: 977px; float: left; margin: 0 0 0 0px; font-size: 0;} #siteLogos { width:230px; height:147px; margin-bottom:20px; margin-top: 38px; margin-left: 31px; float:right; background:transparent url(/themes/britishswimming/web/images/site_sponsor_logos.png) top right no-repeat; } h1#landing { background:transparent url(/themes/britishswimming/web/images/swimming.png) top right no-repeat; text-indent: -9999px; height: 48px; width: 305px; float: left; margin: 20px 0 0 0;} /************************************************************ *************************** NAV **************************** ************************************************************/ #navLeft { background:transparent url(/themes/britishswimming/web/images/nav_left.png) top left no-repeat; width: 5px; height: 39px; float: left; } #navIcon { background:transparent url(/themes/britishswimming/web/images/nav_icon.png) 4px 50% no-repeat; width: 39px; height: 39px; float: left; } .navRight { background:transparent url(/themes/britishswimming/web/images/nav_right.png); width: 5px; height: 39px; float: left; } #channel_about-us .navRight, .navRightOn { background:transparent url(/themes/britishswimming/web/images/nav_right_selected.png);} #navIcon, #mainNav .main_navigation { background-color:#007987; } #mainNav { margin-top: 38px; float: left; width: 698px;} #mainNav li { border-left:1px solid #00616C; background:#007987; } #mainNav li a.selected { background-color:#0097A9; } /************************************************************ *********************** NAVIGATION ************************** ************************************************************/ ul#siteNav { width:112px; height:29px; position:relative; background:transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) top left no-repeat; z-index:100; } ul#siteNav li { position:absolute; float:left; top:0; } ul#siteNav li, ul#siteNav a { display:block; height:33px; } ul#siteNav li a { text-indent:-9999px; text-decoration:none; } ul#siteNav #swimmingIcon { left:0; width:30px; } ul#siteNav #swimmingIcon a:hover, body.default_site ul#siteNav #swimmingIcon a { background: transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) 0 -33px no-repeat; } ul#siteNav #britishSwimmingIcon { left:30px; width:28px; } ul#siteNav #britishSwimmingIcon a:hover, body.british_swimming ul#siteNav #britishSwimmingIcon a { background: transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) -30px -33px no-repeat; } ul#siteNav #asaIcon { left:56px; width:29px; } ul#siteNav #asaIcon a:hover, body.the_asa ul#siteNav #asaIcon { background: transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) -56px -33px no-repeat; } ul#siteNav #iosIcon { left:84px; width:28px; } ul#siteNav #iosIcon a:hover, body.the_ios ul#siteNav #iosIcon { background: transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) -84px -33px no-repeat; } .popUp { width:228px; height:166px; position:absolute; top:29px; background:transparent url(/themes/britishswimming/web/images/site_rollover.png); z-index:50; } .popUp .swimmingLogo, .popUp .britishSwimmingLogo, .popUp .asaLogo, .popUp .isoLogo { margin:20px 0 5px 10px; display: block; text-indent: -9999px;} .popUp .dottedLineBreak { padding-top:0; margin:0 10px; } .popUp p { color:#FFF; padding:10px; font-size:0.7em; } #swimmingIconPop { left:15px; } #britishSwimmingIconPop { left:42px; } #asaIconPop { left:70px; } #iosIconPop { left:98px; } #mainNav .main_navigation { height:39px; padding:0; margin-bottom:19px; float:left; } #mainNav .main_navigation li { height:39px; float:left; } #mainNav .main_navigation li a { padding:0 6px; font-weight:bold; color:#FFF; line-height:39px; display:block; font-size:0.75em;} #mainNav .main_navigation li a:hover { text-decoration:none; } #mainNav li a.shopBtn { background-color:#404A92 } #mainNav li.shop { border-left:1px solid #303A81 } #mainNav li a.shopBtn:hover { background-color:#515BA4 } /**************************************************************** *********************** DIV CONTAINERS ************************** ****************************************************************/ #searchLogin { height:29px; position:relative; background-color:#000; border-bottom:1px solid #404040; position:fixed; top:0; z-index:100; width:100%; } #explorerWrapper { display:none; } #explore { width:100%; position:fixed; top:30px; z-index:99999; background:transparent url(/themes/britishswimming/web/images/topbar_bg.png); xdisplay:none; } #explore .container_12 { margin:0 auto; padding:29px 0 0 0; } #outerWrapper { xmargin-top:49px; margin:0 auto; padding:0; } #header { margin:39px 0 0 0; } #navLeft, #navRight { width:5px; height:39px; float:left; } #navIcon { width:37px; height:39px; float:left; } #navRepeat { height:39px; } .content { padding:20px 20px 5px 20px; } .officialPartners { text-align:center; } /************************************************************ ************************** FORMS **************************** ************************************************************/ .searchForm { width:230px; height:20px; margin-top:5px; background:transparent url(http://swimming-images.s3.amazonaws.com/global/search_bg.gif) top left no-repeat; } .searchForm label { display:none; } #searchInput { width:166px; position:relative; float:left; } #keywords { padding:3px 5px 0 5px; border:0; background:none; color:#000000; } #search { float:left; width:64px; } /************************************************************ ************** DIV ELEMENTS FOR SEARCH LOGIN **************** ************************************************************/ #exploreBtn { overflow: hidden; width:147px; height:20px; margin-top:5px; background:transparent url(/themes/britishswimming/web/images/explore_btn.gif) top left no-repeat; display: block; text-indent: -9999px;} #account { padding:0; color:#FFF; font-size:0.7em; position:absolute; top:10px; left:125px; } #account a { color:#FFF; text-decoration:none; } .swimmingLogo { text-indent: -9999px; display: block; width:122px; height:44px; background:transparent url(/themes/britishswimming/web/images/swimming_logo.png) top left no-repeat; } .britishSwimmingLogo { text-indent: -9999px; display: block; width:120px; height:44px; background:transparent url(/themes/britishswimming/web/images/british_swimming_logo.png) top left no-repeat; } .asaLogo { text-indent: -9999px; display: block; width:73px; height:44px; background:transparent url(/themes/britishswimming/web/images/asa_logo.png) top left no-repeat; } .isoLogo { text-indent: -9999px; display: block; width:68px; height:44px; background:transparent url(/themes/britishswimming/web/images/iso_logo.png) top left no-repeat; } .dottedLineBreak { height:0; margin:0 10px 10px 0; padding:15px 0 0 0; clear:left; border-bottom:1px dotted #474747; } /***************************************************** **************** STYLE FOR EXPLORER ****************** *****************************************************/ #explore .container_12 { position:relative; padding-bottom:19px; } #exploreBtnUp { text-indent: -9999px; width:95px; height:24px; position:absolute; bottom:-23px; left:447px; background:transparent url(/themes/britishswimming/web/images/explore_btn_up.png) top left no-repeat; } #explore .swimmingLogo { background:transparent url(/themes/britishswimming/web/images/swimming_logo_white.png) top left no-repeat; } #explore .britishSwimmingLogo, .popUp .britishSwimmingLogo { background:transparent url(/themes/britishswimming/web/images/british_swimming_logo_white.png) top left no-repeat; } #explore .asaLogo, .popUp .asaLogo { background:transparent url(/themes/britishswimming/web/images/asa_logo_white.png) top left no-repeat; } #explore p { color:#FFF; padding-bottom:20px 0; } .swimmingIcon { width:18px; height:18px; margin-right:10px; float:right; background:transparent url(/themes/britishswimming/web/images/swimming_icon.png) top left no-repeat; } .britishSwimmingIcon { width:18px; height:18px; margin-right:10px; float:right; background:transparent url(/themes/britishswimming/web/images/british_swimming_icon.png) top left no-repeat; } .asaIcon { width:18px; height:18px; margin-right:10px; float:right; background:transparent url(/themes/britishswimming/web/images/asa_icon.png) top left no-repeat; } .iosIcon { width:18px; height:18px; margin-right:10px; float:right; background:transparent url(/themes/britishswimming/web/images/iso_icon.png) top left no-repeat; } .footerNav .swimmingIcon { background:transparent url(/themes/britishswimming/web/images/swimming_icon_outlined.png) top left no-repeat; } .footerNav .britishSwimmingIcon { background:transparent url(/themes/britishswimming/web/images/british_swimming_icon_outlined.png) top left no-repeat; } .footerNav .asaIcon { background:transparent url(/themes/britishswimming/web/images/asa_icon_outlined.png) top left no-repeat; } .footerNav .iosIcon { background:transparent url(/themes/britishswimming/web/images/iso_icon_outlined.png) top left no-repeat; } .swimWales { width:100px; height:24px; margin:20px 0 15px 0; float:left; text-indent:-9999px; background:transparent url(/themes/britishswimming/web/images/swim_wales.gif) top left no-repeat; } .swimScotland { width:87px; height:28px; float:left; clear:left; text-indent:-9999px; background:transparent url(/themes/britishswimming/web/images/swim_scotland.gif) top left no-repeat; } #explore .swimWales { background:transparent url(/themes/britishswimming/web/images/swim_wales_white.png) top left no-repeat; } #explore .swimScotland { background:transparent url(/themes/britishswimming/web/images/swim_scotland_white.png) top left no-repeat; } .footerNav .main_navigation a, #explore .main_navigation a { font-weight:bold; font-size:0.6em; color:#FFF; text-decoration: none;} .footerNav .main_navigation a:hover, #explore .main_navigation a:hover { text-decoration:underline; } .footerNav img { clear:left; } .footerNav p { padding-bottom:20px; } .footerNav .grid_3 p, #explore .grid_3 p { font-size:0.65em; padding-right:20px; line-height: 134%; } .blueSlug { width:459px; height:31px; margin:10px 0; padding:0; float:left; background:transparent url(/themes/britishswimming/web/images/cant_find_bg.png) top left no-repeat; } .blueSlugRight { float:right; } .blueSlug p { float:left; margin:9px 0 0 10px; font-size:0.8em; color:#FFF; } .blueSlug p a, p.copyrightText a { color:#FFF; } .blueSlug p a:hover, p.copyrightText a:hover { color:#000; } .navRightOver { background:transparent url(/themes/britishswimming/web/images/nav_right_selected.png); } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 977px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; /* float: left; */ position: relative; margin-left: 10px; margin-right: 9px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:64px; } .container_12 .grid_2 { width:147px; } .container_12 .grid_3 { width:230px; float: left; } .container_12 .grid_4 { width:313px; float: left; } .container_12 .grid_5 { width:396px; float: left; } .container_12 .grid_6 { width:479px; } .container_12 .grid_7 { width:562px; } .container_12 .grid_8 { width:645px; } .container_12 .grid_9 { width:728px; } .container_12 .grid_10 { width:811px; } .container_12 .grid_11 { width:894px; } .container_12 .grid_12 { width:977px; } /**************************************************************** *********************** DIV CONTAINERS ************************** ****************************************************************/ #searchLogin { height:29px; position:relative; background-color:#000; border-bottom:1px solid #404040; position:fixed; top:0; z-index:100; width:100%; } #explorerWrapper { display:none; } #explore { padding: 0 0 0 0; width:100%; position:fixed; top:30px; z-index:99999; background:transparent url(/themes/britishswimming/web/images/topbar_bg.png); xdisplay:none; } #explore .container_12 { margin:0 auto; padding:29px 0 20px 0; } #outerWrapper { xmargin-top:49px; margin:0 auto; padding:0; } #header { margin:39px 0 0 0; } #navLeft, #navRight { width:5px; height:39px; float:left; } #navIcon { width:37px; height:39px; float:left; } #navRepeat { height:39px; } .content { padding:20px 20px 5px 20px; } .officialPartners { text-align:center; } /************************************************************ *********************** NAVIGATION ************************** ************************************************************/ ul#siteNav { width:112px; height:29px; position:relative; background:transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) top left no-repeat; z-index:100; } ul#siteNav li { position:absolute; float:left; top:0; } ul#siteNav li, ul#siteNav a { display:block; height:33px; } ul#siteNav li a { text-indent:-9999px; text-decoration:none; } ul#siteNav #swimmingIcon { left:0; width:30px; } ul#siteNav #swimmingIcon a:hover, body.default_site ul#siteNav #swimmingIcon a { background: transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) -0 -33px no-repeat; } ul#siteNav #britishSwimmingIcon { left:30px; width:28px; } ul#siteNav #britishSwimmingIcon a:hover, body.british_swimming ul#siteNav #britishSwimmingIcon a { background: transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) -30px -33px no-repeat; } ul#siteNav #asaIcon { left:56px; width:29px; } ul#siteNav #asaIcon a:hover, body.the_asa ul#siteNav #asaIcon { background: transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) -56px -33px no-repeat; } ul#siteNav #iosIcon { left:84px; width:28px; } ul#siteNav #iosIcon a:hover, body.the_ios ul#siteNav #iosIcon { background: transparent url(/themes/britishswimming/web/images/site_nav_cons_bg.gif) -84px -33px no-repeat; } #mainNav .main_navigation { height:39px; padding:0; margin-bottom:19px; float:left; } #mainNav .main_navigation li { height:39px; float:left; } #mainNav .main_navigation li a { padding:0 7px; font-weight:bold; color:#FFF; line-height:39px; display:block; font-size:0.65em; text-decoration: none;} #mainNav .main_navigation li a:hover { text-decoration:none; background-color: #0097A9;} #mainNav li a.shopBtn { background-color:#404A92 } #mainNav li.shop { border-left:1px solid #303A81 } #mainNav li a.shopBtn:hover { background-color:#515BA4 } #rssLink{overflow:hidden;margin-top:5px;} #rssLink p{float:right;font-size:0.8em;height:16px;} #rssLink p a{color:#515151;text-decoration:none;height:15px;float:left;padding:2px 0 0 0;} #rssLink p a.rssFeeds{background:#fff url(/themes/britishswimming/web/images/rss_icon_widget.png) no-repeat 0 0;padding-left:20px;} #rssLink p a.rssHelp{margin:0 15px 0 15px;;background:#fff url(/themes/britishswimming/web/images/rss_find_icon.png) no-repeat left 0;padding-left:20px;} #rssLink p a:hover{text-decoration:underline;} #shareArticle{float:left;overflow:hidden;margin:5px 0 0 15px;} #logo { display: block; text-indent: -9999px;} #homepageLink { width:84px; height:28px; background:url(/themes/britishswimming/web/images/btn_home.gif) top left no-repeat; text-indent:-9999px; margin-top:15px; display:block; zoom:1; visibility: hidden;} #homepageLink:hover { background-position: 0 -37px; } #player { color: #000; background:#FFF; padding: 30px 30px 0 30px; border:1px solid silver; margin: 10px 16px 0 16px; } #player object { height: 480px; } #video { border:1px solid silver;} #videoDetails h2 { font-size:1em; padding-bottom:10px; color:#000; font-weight: 700; color: #007987;} #videoDetails p { font-size:0.8em; color:gray; color: #474747;} #secondary { margin:20px 16px 0 16px; border:1px solid #EDEEEF; overflow:hidden; zoom:1;} /* CHANNELS */ #channels { width: 153px; background:#197888; } #channels ul { margin-bottom: -3px; } #channels h2 { background-color:#f0f0f0; color:#000; font-size:18px; font-weight: normal; padding: 10px; margin-bottom: 0; } #channels li { zoom: 1; background-color: #007987;} #channels li a { width:auto; margin:0; border-style:none none solid none; border-color:#007987; background-color:#007987; font-size:0.8em; padding:8px 10px; color:#fff; zoom:1; border-bottom: 1px solid #006d79;} #channels li a:hover { color:#FFF; background-color:#000; } #channels li.active > a { background-color:#FFF; color:#000; zoom:1; } #channels .channelDesc { font-size: 11px; color: #777777; } /* SECONDARY BLOCK */ #secondary { /* background-color:#007987; */ overflow: hidden; zoom: 1; } /* VIDEOS */ #videos { float:none; padding-left:10px; padding-bottom:43px; width:772px; float:left; background:#FFF; } #videos h2 { font-size:14px; padding-top:10px; color:#FFF; margin-bottom:0; float:left; } #videos ul { overflow:hidden; width:815px; zoom:1; margin:20px 0 0 0; } #videos li { background-color:#EAEBEC; border-style:none; /* min-height:135px; */ height:auto !important; height:135px; margin: 0 2px 5px 0;} #videos li .videoTitle { color:#000; font-size: 12px;} #videos li a { padding: 2px 5px 0; } #videos li a:hover { background-color:#007987; } #videos li a:hover .videoTitle { color:#FFF; } #videos li a.active .videoTitle { background-color:#000; color:#FFF; } #videos .pagination { padding:10px 10px 0 0; color:#000; font-size:0.7em;} #videos .pagination a { color:#3a787a; text-decoration:underline; } #videos .pagination span.active { font-weight:bold; color: #666; } #footer { margin-top:4px; text-align:right; padding:20px; font-size:0.7em; margin: 20px 16px 13px 17px; background:#eaebec; color:#474747; } #mediatank { display: block; margin: auto; width: 950px; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }