/* CSS Document for Speedo header - by CyberDMG */


#nav a, #storeSubMenu a {
	text-decoration:none;
}
#nav a:hover, #nav a:focus,
#storeSubmenu a:hover, #storeSubmenu a:focus  {
	text-decoration:none;
}

.NavClearfix {
	clear:both;
	float:none;
}

/* ================== */
/* = Page.css merge = */
/* ================== */

html {
	background:#e6e6e6;
}
body {
	/*text-align:center;*/
	background:#d2d2d2 url('/wcsstore/fscontent/Speedo UK/media/images/structural/body-bg.png') repeat-x 0 0;
}
#skipLink {
	position:absolute;
	top:-1000em;
	left:-1000em;
}

#page {
	width:980px; /* set in px to avoid "over width" on txt resize */
	margin:0 auto;
	text-align:left;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}




/******************************************************* header elements ***************************************************/
#header {
	padding:0 0 5px 10px;
	position:relative;
	display:inline-block;
	top:0;
	left:0;
	z-index:99;
	width:959px;
	height:56px; /* firefox 2 needs this or else the header colapses */
}
#header a#logo {
	display:block;
	margin:20px 0 0 0;
	width:190px;
	float:left;
}
#visitStore {
	color:#666666;
	float:right;
	font-size:.95em;
	height:53px;
	position:relative;
	text-decoration:underline;
}
#visitStore span {
	bottom:0;
	position:absolute;
	right:1px;
	white-space:nowrap;
}

.search {
	position:relative;
	float:right;
	top:33px;
}
.search label {
	font-size:1.2em;
}
.search input {
	border:1px solid #ddd;
	padding:2px;
	position:relative;
	top:-1px;
}

ul.toolsMenu {
	position:relative;
	float:right;
	top:33px;
	margin:5px 5px 0 10px;
	font-size:1.2em;
	color:#333;
}
ul.toolsMenu li {
	float:left;
	padding:0px 5px 0 5px;
	border-left:1px solid #333;
}
ul.toolsMenu li.first-child {
	border-left:none;
}
ul.toolsMenu li a {
	color:#333;
}
ul.toolsMenu li a:hover, ul.toolsMenu li a:focus {
	color:#EE3224;
}



/* =========================== */
/* = .brandMarketing buttons = */
/* =========================== */

a.button {
	display:inline-block;
	padding-left:1px;
	text-decoration:none!important;
	background:url('http://brands.scene7.com/is/image/brands/brandMarketing-button-bg?wid=600&fmt=gif-alpha') no-repeat top left;
}
a.button:hover, a.button:focus {
	background-position:bottom left;
}
a.button span {
	color:white;
	display:inline-block;
	background:url('http://brands.scene7.com/is/image/brands/brandMarketing-button-bg?wid=600&fmt=gif-alpha') no-repeat top right;
	height:24px;
	line-height:25px;
	padding:0 6px 0 5px;
}
a.button:hover span, 
a.button:focus span {
	background-position:bottom right;
}
/* light grey button */
a.button.light {
	background:url('http://brands.scene7.com/is/image/brands/brandMarketing-button-bg_light?wid=600&fmt=gif-alpha') no-repeat top left;
}
a.button.light span {
	background:url('http://brands.scene7.com/is/image/brands/brandMarketing-button-bg_light?wid=600&fmt=gif-alpha') no-repeat top right;
	font-size:1.3em;
}
a.button.light:hover span, 
a.button.light:focus span {
	background-position:bottom right;
}
/* ============================= */
/* = Explore Speedo Navigation = */
/* ============================= */

#nav {
	position:relative;
	left:-4px;
	width:975px;
	padding:0 10px 0 0;
	background:url('http://brands.scene7.com/is/image/brands/red-menu-stripe?wid=967&fmt=gif-alpha') no-repeat 4px 0;
	height:30px;
	margin:5px 0 0 0!important;
	display:inline-block;
	z-index:3;
}
#menu, #menu li {
	float:left;
	position:relative;
}
#menu li li {
	float:none;
}
#menu li div {
	position:absolute;
	top:30px;
	left:-4px;
	display:none;
}
#menu li .rightSide {
	width:11px;
	float:left;
	background:url('http://brands.scene7.com/is/image/brands/submenu-bg?fmt=png-alpha&wid=1500') no-repeat right bottom;
}                                                                      
#menu div ul {                                                         
	background:url('http://brands.scene7.com/is/image/brands/submenu-bg?fmt=png-alpha&wid=1500') no-repeat -10px bottom;
}                                                                      
#menu div ul.first-child {                                             
	background:url('http://brands.scene7.com/is/image/brands/submenu-bg?fmt=png-alpha&wid=1500') no-repeat bottom left;
}
#menu li.first-child div {
	left:0;
}
#menu li div ul {
	display:block;
	padding:0 0px 12px 0px;
	clear:none;
	float:left;
}
#menu li div ul.first-child {
	padding-left:11px;
}
#menu li div a {
	white-space:nowrap;
}

#menu li a.topItem {
	height:30px;
	position:relative;
	float:left;
	font-size:1.4em;
	color:white;
	line-height:29px;
	border-left:1px solid #ec6e62;
	border-right:1px solid #931e14;
}
#menu li a.topItem:hover, #menu li a.topItem:focus,
#menu li a.menuOpened {
	background:url('http://brands.scene7.com/is/image/brands/red-menu-stripe?wid=967&fmt=gif-alpha') no-repeat 0px -32px!important;
	border-left-color:#fdfdfd;
	color:black;
}
#menu li a.topItem:hover span, 
#menu li a.topItem:focus span {
	background:url('http://brands.scene7.com/is/image/brands/red-menu-stripe?wid=967&fmt=gif-alpha') no-repeat right -32px;
}
#menu li.first-child a.topItem {
	border-left:none;
}
#menu li.first-child a.topItem span {
	padding-left:14px;
}
#menu li.first-child a.topItem:hover, #menu li.first-child a.topItem:focus,
#menu li.first-child  a.menuOpened {
	background:url('http://brands.scene7.com/is/image/brands/red-menu-stripe?wid=967&fmt=gif-alpha') no-repeat -300px -32px!important;
	color:black;
}
* html #menu li.first-child a.topItem:hover, * html #menu li.first-child a.topItem:focus,
* html #menu li.first-child  a.menuOpened {
	background:url('http://brands.scene7.com/is/image/brands/red-menu-hover-sprite-2?wid=300&fmt=gif-alpha') no-repeat top left!important;
	color:black;
}

#menu li.last-child a.topItem {
	border-right:none;
}
#menu li a.topItem span {
	display:block;
	padding:0 8px;
}


#menu ul {
	display:block;
}
#menu ul li,
#menu ul li a,
#menu ul li a span
{
	float:left;
	clear:left;
}
#menu ul li {
	border-top:1px solid #ccc;
}
#menu ul li a {
	border-bottom:1px solid white;
	border-top:1px solid white;
	color:black;
}
#menu ul li.first-child, #menu ul li.first-child a {
	border-top:none;
}
#menu ul li.first-child {
	margin-top:15px;
}
#menu ul {

}
#menu ul li a span {
	padding:2px 8px;
	font-size:1.41em;
	cursor:pointer;
}
#menu ul li>a:hover, 
#menu ul li>a:focus {
	background:#d7d7d7;
}
#menu ul li.last-child a {
	cursor:default;
	border-bottom:none;
	background:none;
	font-size:1.1em;
}
#menu .multicolumn li.first-child {
	font-size:1.6em;
}
#menu ul li a.emptyCell,
#menu ul li a.emptyCell span {
	background:none;
	cursor:default;
}


div#topShadow {
	background:url('http://brands.scene7.com/is/image/brands/top-shadow?wid=974&fmt=png-alpha') no-repeat top right;
	z-index:1100;
	position:absolute;
	top:26px;
	height:4px;
	display:none;
}
#nav>#topShadow.showTopShadow {
	display:block;
}


/* ============================= */
/* =  Country Selector = */
/* ============================= */

#countrySelector {
	position:absolute;
	right:0;
}
#countrySelector li {
	float:left;
	position:relative;
}
#countrySelector li li {
	float:none;
	width:180px;
}
#countrySelector div {
	position:absolute;
	top:30px;
	left:-4px;
	display:none;
	width:158px!important; /* ei6 and ei7 need this to stop a horizontal body scrollbar appearing */
}
#countrySelector li .rightSide {
	width:8px;
	float:left;
	background:transparent url('http://brands.scene7.com/is/image/brands/csMenuSprite?wid=300&fmt=png-alpha') no-repeat right bottom;
}
#countrySelector div ul {
	background:url('http://brands.scene7.com/is/image/brands/csMenuSprite?wid=300&fmt=png-alpha') no-repeat -10px bottom;
}
#countrySelector div ul.first-child {       
	background:url('http://brands.scene7.com/is/image/brands/csMenuSprite?wid=300&fmt=png-alpha') no-repeat 4px bottom;
}
#countrySelector li.first-child div {
	left:0;
}
#countrySelector li div ul {
	display:block;
	padding:0 0px 0px 0px;
	clear:none;
	float:left;
}
#countrySelector li div ul.first-child {
	padding-left:11px;
}
#countrySelector li div a {
	white-space:nowrap;
}

#countrySelector li a.topItem {
	height:30px;
	position:relative;
	float:left;
	font-size:1.2em;
	color:white;
	line-height:29px;
	width:150px;
	background:url('http://brands.scene7.com/is/image/brands/csMenuSprite?wid=300&fmt=png-alpha') no-repeat right top;
}
#countrySelector li a.topItem:hover, #countrySelector li a.topItem:focus,
#countrySelector li a.menuOpened {
	background:url('http://brands.scene7.com/is/image/brands/csMenuSprite?wid=300&fmt=png-alpha') no-repeat right -32px!important;
	color:white;
}
#countrySelector li a.topItem:hover span {
}
#countrySelector li.first-child a.topItem {
	border-left:none;
}
#countrySelector li.first-child a.topItem span {
	padding-left:14px;
}
#countrySelector li.first-child a.topItem:hover, #countrySelector li.first-child a.topItem:focus,
#countrySelector li.first-child  a.menuOpened {
	color:white;
}
* html #countrySelector li.first-child a.topItem:hover, * html #countrySelector li.first-child a.topItem:focus,
* html #countrySelector li.first-child  a.menuOpened {
	color:white;
}
#countrySelector li.last-child a.topItem {
	border-right:none;
}
#countrySelector li a.topItem span {
	display:block;
	padding:0 8px;
}

#countrySelector ul {
	display:block;
}
#countrySelector ul li,
#countrySelector ul li a,
#countrySelector ul li a span {
	float:left;
	clear:left;
}
#countrySelector ul li {
	border-top:1px solid #404b51;
	padding-bottom:4px;
}
#countrySelector ul li a {
	border-top:1px solid #99a8b0;
	color:white;
}
#countrySelector ul li.first-child, #countrySelector ul li.first-child a {
	border-top:none;
}
#countrySelector ul li.first-child {
	margin-top:15px;
}
#countrySelector ul {
}
#countrySelector ul li a span {
	padding:1px 8px;
	margin-top:4px;
	width:110px;
	padding-right:0px;
	text-align:right;
	font-size:1.2em;
	line-height:18px;
	cursor:pointer;
}
#countrySelector ul li>a:hover span, 
#countrySelector ul li>a:focus span {
	background:#828b91;
}
#countrySelector ul li.last-child a {
	cursor:default;
	border-bottom:none;
	background:none;
	font-size:1.1em;
}
#countrySelector .multicolumn li.first-child {
	font-size:1.6em;
}
#countrySelector ul li a.emptyCell,
#countrySelector ul li a.emptyCell span {
	background:none;
	cursor:default;
}

/* flags icons */
.flagTopItem {
	float:right;
	margin:7px 17px 0px 0px;
	width:26px;
	height:18px;
}
.flag {
	float:right;
	margin:1px 1px 1px 5px;
	width:26px;
	height:18px;
}


/* ================================ */
/* = Share Button and Breadcrumbs = */
/* ================================ */

#shareButton {
	float:right;
	padding-right:4px;
	margin-bottom:2px;
}
.brandMarketing #breadcrumbs {
	float:left;
	border:none;
	font-size:1.2em;
	line-height:13px;
	display:inline;
	margin:3px 0 0 6px;
}
.brandMarketing #breadcrumbs a {
	color:black;
}
.brandMarketing #breadcrumbs a:hover, 
.brandMarketing #breadcrumbs a:focus {
	text-decoration:underline;
	cursor:pointer;
}
.brandMarketing #breadcrumbs li {
	float:left;
}
.brandMarketing #promoSpace {
	padding:5px 0 7px 0!important;
	display:inline-block;
}





/* ================== */
/* = Store Sub Menu = */
/* ================== */

/* sub-menu grey #5e6a71 */
#storeSubMenu {
	float:left;
	margin:-2px 0 0 0px;
	padding:1px 0 0 0;
	background:url('http://brands.scene7.com/is/image/brands/store-header-divider?wid=1000&fmt=png-alpha') no-repeat top left; 
	display:inline;
}
#storeSubMenu li {
	float:left;
	background: #5e6a71 url('http://brands.scene7.com/is/image/brands/store-header-sprite?wid=500&fmt=png-alpha') no-repeat right bottom; 
}
#storeSubMenu a {
	display:inline-block;
	padding:5px 0 8px 0;
	color:white;
	cursor:pointer;
}
#storeSubMenu a:hover span span span, 
#storeSubMenu a:focus span span span {
	text-decoration:underline;
	_text-decoration:none; /* removing underline for ie6 because it had a wierd bug which made the underline inconsistantly appear and not dissapear */
}
#storeSubMenu a span span {
	display:inline-block;
	padding:0 8px;
	border-left:1px solid #99a8b0;
	border-right:1px solid #404b51;
}
#storeSubMenu .first-child span span {
	padding:0 8px 0 10px;
}
#storeSubMenu .last-child span span {
	padding:0 12px 0 8px;
}
#storeSubMenu a span span span {
	padding:0!important;
	border:none;
	font-size:1.3em;
	line-height:1.2em;
}
#storeSubMenu .first-child span span {
	border-left:0;
}
#storeSubMenu .last-child span span {
	border-right:0;
}
#storeSubMenu .selected-first a {
	background:url('http://brands.scene7.com/is/image/brands/edge-selected?wid=498&fmt=png-alpha') no-repeat left bottom; 
	border-left:none;
}
#storeSubMenu .selected-last a {
	background:url('http://brands.scene7.com/is/image/brands/edge-selected?wid=498&fmt=png-alpha') no-repeat right bottom; 
	border-right:none;
}
#storeSubMenu .selected {
	margin:0 -2px 0 -1px;
	position:relative;
}
#storeSubMenu .selected a {
	background:url('http://brands.scene7.com/is/image/brands/edge-selected?wid=498&fmt=png-alpha') no-repeat center bottom; 
	padding:0 0px 2px 0;
}
#storeSubMenu .first-child {
	background-position:left bottom;
}
#storeSubMenu .last-child {
	background:url('http://brands.scene7.com/is/image/brands/store-header-sprite-2?wid=500&fmt=png-alpha') no-repeat right bottom; 
}

#storeSubMenu .selected a span span {
	padding-top:5px;
	padding-bottom:6px;
}

#storeSubMenu .selected span {
	display:inline-block;
	border-left: 1px solid #404b51;
	border-right: 1px solid #99a8b0;
}
#storeSubMenu .selected span span {
	border-left:1px solid #99a8b0;
	border-right:1px solid #404b51;
}
#storeSubMenu .selected span span span {
	border-left:none;
	border-right:none;
}
#storeSubMenu .first-child.selected span {
	border-left:0;
}
#storeSubMenu .last-child.selected span {
	border-right:0;
}
#storeSubMenu .last-child.selected span span { /* added this to stop ie6 producing a dark border to the right/end of the entire menu */
	border-right:0;
}
#store #nav {
	margin-bottom:0;
	height:30px;
}
.navShadow {
	float:left;
	padding:0 10px 0 0;
	margin:0;
	width:961px;
	height:2px;
	background:url('http://brands.scene7.com/is/image/brands/red-menu-stripe?wid=967&fmt=gif-alpha') no-repeat 0 -30px;
	font-size:0; /*ie 6 needs this to stop the navShadow from expanding in height */
}
#nav #storeHome a {
	background:url('http://brands.scene7.com/is/image/brands/store-home?wid=500&fmt=png-alpha') no-repeat 4px 0; 
}
#nav #storeHome a:hover, 
#nav #storeHome a:focus {
	background:url('http://brands.scene7.com/is/image/brands/store-home?wid=500&fmt=png-alpha') no-repeat 4px -101px!important; 
	color:white;
}
#nav #storeHome a:hover span, 
#nav #storeHome a:focus span {
	background:none;
}
#shareButton {
	margin-top:3px;
}