/*	-explore.css-

	author: Dan Scotton (dan.scotton@designuk.com)
	-------------------------------------------------- */

/*	General Explore Speedo styles
	-------------------------------------------------- */
	/*#secondaryNav {
    background-color:green;
    display:inline;
    width:100px;
    }*/
	/* Secondary Nav */
	#contentBlock #secondaryNav h1 {
		font-size: 2.2em;
	}
	#contentBlock #secondaryNav ul li a {
		font-size: 1.4em;
	}
	#contentBlock #secondaryNav ul li ul {
		margin-bottom: 12px;
		padding-left: 3px;
	}
	#contentBlock #secondaryNav ul li ul li a {
		font-size: 1.2em;
	}
	
    #newsBlock {
        display:inline !important;
    }
	/* Crumbtrail */
	#content div.pageControls {
		padding: 10px 4px 4px 0;
	}


/*	Explore Speedo Home
	-------------------------------------------------- */
	#catHomeHero {
		float: left;
		width: 594px;
		height: auto;
	}
	#newsBlock {
		float: right;
		margin: 0 20px;
		padding: 0;
		width: 158px;
		height: 38em;
	}
	.newsItem {
		margin: 0 0 10px;
	}	
	#splashPuffs {
		float: left;
		margin: 2em 0 0;
		padding: 0 0 20px;
		width: 792px;
	}
	#splashPuffs li {
		display: inline;
		float: left;
		width: 198px;
	}
	#splashPuffs h3, 
	.newsItem h3 {
		margin: 10px 0 2px;
		font-size: 1.6em;
		color: #EE3224;
	}
	.newsItem h3 {
		margin: 2px 0 1px;
	}
	#splashPuffs p, #splashPuffs a,
	.newsItem p, .newsItem a {
		line-height: 1.2;
		font-size: 1.2em;
	}
	#splashPuffs a,
	.newsItem a {
		display: block;
		text-decoration: underline;
	}
	
/*	Collections Home
	-------------------------------------------------- */
	#collections {
		margin-bottom: 40px;
	}
	#collections li {
		float: left;
		width: 192px;
		margin: 0 8px 0 0;
		position: relative;
	}
	#collections.jsenabled li { /* Changes by Cybercom 21 Feb 2008 */
/*		height: 420px;*/
		height: 380px;
		overflow: hidden;
	}
	#collections li.no_margin_right {
		margin-right: 0;
	}
	#collections img {
		display: block;
	}
	#collections li div.infoSlide {
		position: relative;
		top: -36px;
	}
	#collections li div.infoSlide h2 { /* Changes by Cybercom 21 Feb 2008 */
		padding: 10px 0 0 10px;
		background: transparent url(http://brands.scene7.com/is/image/brands/bg_collectionsInfoSlide?fmt=png-alpha) left top no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://brands.scene7.com/is/image/brands/bg_collectionsInfoSlide?fmt=png-alpha', sizingMethod='crop');
		width: 192px;
		_width: 182px;
/*		height: 1.818em;*/
		height: 1.488em;
		color: #fff;
/*		font-size: 2.2em;*/
		font-size: 1.8em;
/*		line-height: 1.818em; */
		line-height: 1.488em; /* 40px */
	}
	#collections li div.infoSlide div { /* Changes by Cybercom 21 Feb 2008 */
		padding: 10px;
		width: 172px;
/*		background-color: #CCCCCC;*/
		background: transparent url(http://brands.scene7.com/is/image/brands/bg_semitransparent_white?fmt=png-alpha);
		_background: none;
		_background:#d5d5d5;
/*		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://brands.scene7.com/is/image/brands/bg_semitransparent_white?fmt=png-alpha', sizingMethod='crop');*/
	}
	#collections li div h4 {
		margin-bottom: 8px;
		font-size: 1.4em;
		font-weight: bold;
	}
	#collections li div strong {
		display: block;
		margin-bottom: 8px;
		color: #EE3224;
		font-size: 1.2em;
		font-weight: bold;
	}
	#collections li div p {
		margin-bottom: 8px;
		font-size: 1.1em;
		line-height: 1.3;
	}
	#collections li div a {
		display: block;
		padding-right: 8px;
		background: transparent url(http://brands.scene7.com/is/image/brands/icon_arrow_fwd?fmt=gif-alpha) right center no-repeat;
		text-align: right;
		font-size: 1.3em;
	}
	
/*	Collections Sub Sections [Performance, Sport, etc.]
	-------------------------------------------------- */
	.collection {
		clear: both;
		margin: 0 0 40px;
		padding: 8px;
		width: 768px;
		background-color: #e6e6e6;
	}
	.collection div.title {
		padding: 8px;
		width: 361px;
		min-height: 125px;
		height: 12.5em;
	}
	#performance.collection div.title	{background-color: #455f92;}
	#sport.collection div.title 		{background-color: #6fa4d8;}
	#wellbeing.collection div.title 	{background-color: #bf0e14;}
	#fashion.collection div.title	 	{background-color: #5f98ac;}
	#aqualab.collection div.title	 	{background-color: #65838b;}
	#which_swimsuit.collection div.title	 	{background-color: #65838b;}
   	#which_goggles.collection div.title	 	{background-color: #65838b;}
	#aquabeatmp3.collection div.title	 	{background-color: #65838b;}
	#stockists.collection div.title	 	{background-color: #65838b;}
    
	#collection_display {
		float: right;
		padding: 0;
		display: block;		
		width: 382px;
		height: 402px;
	}
	#collection_display .collection_element_content {
		margin: 8px 0 0;
		padding: 8px;
		width: 366px;
		height: 180px;
		_height: 176px;
		background-color: #FFFFFF;
		color: #333;
	}
	#collection_display .collection_element_content h2 {
		font-size: 2.4em;
		color: #333;
	}
	#collection_display .collection_element_content h3 {
		margin: 8px 0;
		font-size: 1.6em;
		color: #ee3224;
	}
	#collection_display .collection_element_content strong {
		font-size: 1.2em;
		font-weight: bold;
	}
	#collection_display .collection_element_content p {
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid #e3e3e3;
		font-size: 1.1em;
		color: #000;
	}
	#collection_display .collection_element_content a {
		float: right;
	}
	#collection_display .history {
		height: 194px;
	}
	#collection_display .history h3 {
		padding-bottom: 6px;
		border-bottom: 1px solid #e3e3e3;
	}
	#collection_display .history p {
		border: 0;
	}
	#collection_display .history .buttons {
		padding-top: 6px;
		border-top: 1px solid #e3e3e3;
	} 
	.collection h2 {
		margin: 0 0 12px;
		font-size: 50px;
		color: #FFFFFF;
	}
	.collection h4 {
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 1.4;
	}
	.collection p {
		font-size: 13px;
		color: #fff;
		line-height: 1.3;
	}
	.collection ul {
		float: left;
		width: 384px;
		_width: 394px;
	}
	.collection ul li {
		float: left;
		margin: 8px 7px 0 0;
		background-color: #EE3224;
		width: 185px;
	}
	.collection ul li img {
		display: block;
	}
	.collection ul li a {
		display: block;
		margin: 0 20px 0 0;
		padding: 0 8px;
		background: transparent url(http://brands.scene7.com/is/image/brands/icon_arrow_fwd_white?fmt=gif-alpha) right center no-repeat;
		font-size: 1.6em;
		line-height: 1.4375em;
		min-height: 26px;
		_height: 26px;
		color: #fff;
		text-align: right;
	}
	.collection ul li a { /* Changed by Cybercom on 22th Feb 2008 */
		background:none;
		text-align:left;
		font-size:1.4em;
		line-height:1.4em;
		min-height:2.9em;
		_height:2.9em;
	}
	.collection ul li a:hover {
		color: #fff;
	}
	.collection .highlight {
		cursor: pointer;
	}
	.collection_content {
		displsay: none;
	}
	.collection_element {
		float: left;
		margin: 0 10px 10px 0;
		_margin-right: 9px;
		padding: 10px 0;
		width: 382px;
	}
	.collection_element h2 {
		font-size: 2.4em;
		font-weight: bold;
	}
	.collection_element h3 {
		margin: 6px 0;
		font-size: 1.6em;
		color: #ee3224;
	}
	.collection_element strong {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.3;
	}
	.collection_element p {
		font-size: 1.1em;
		line-height: 1.3;
	}
	.collection_element a {
		float: right;
		margin: 10px 0 0;
	}
	
/*	Collections More Page
	-------------------------------------------------- */
	.collection_more {
		margin: 0;
		padding: 8px;	
		width: 768px;
		background-color: #e6e6e6;
	}
	.container_copy {
		float: right;
		width: 382px;
		background-color: #fff;
	}
	.collection_more .copy {
		margin: 0;
		padding: 8px;
		width: 366px;
		height: 350px;
		background-color: #fff;
		border-bottom: 6px solid #fff;
		overflow: auto;
	}
	.collection_more h2 {
		margin: 0 0 6px;
		font-size: 24px;
		font-weight: bold;
	}
	.collection_more h3 {
		margin: 0 0 14px;
		padding: 0 0 14px;
		border-bottom: 1px solid #e3e3e3;
		font-size: 1.6em;
		color: #ee3224;
	}
	.collection_more h4 {
		margin: 8px 0;
		font-size: 1.2em;
		font-weight: bold;
	}
	.collection_more p {
		font-size: 1.1em;
		line-height: 1.3;
	}
	.collection_more li {
		padding-left: 8px;
		background: transparent url(http://brands.scene7.com/is/image/brands/bg_dash) left center no-repeat;
		font-size: 1.1em;
		line-height: 1.3;		
	}
	.collection_more .images {
		float: left;
	}
	.collection_more .images ul {
		float: left;
	}
	.collection_more .images li {
		float: left;
		display: block;		
		margin: 8px 8px 2px 0;
		padding: 3px 0 3px 8px;
		width: 80px;
		font-size: 12px;
		background-color: #999999;
		color: #FFFFFF;		
	}
	.collection_more .images li.active {
		margin-top: 0;
		padding-top: 12px;
		background-color: #ee2234;
	}
	.collection_more .buttons {
		float: right;
		display: block;
		margin: 0 22px 0 8px;
		_margin-right: 10px;
		padding: 4px 0 0;
		width: 352px;
		background-color: #FFFFFF;
		height: 25px;
		text-align: center;
		border-top: 1px solid #ccc;
	}
	.collection_more .btn {
		margin: 0 5px;
	}
	
/*	Ethical Speedo
	-------------------------------------------------- */
	.split_content {
		clear: both;
		margin: 0 0 40px;
		padding: 8px;
		width: 768px;
		background-color: #e6e6e6;
	}
	.split_content img {
		float: left;
		margin-right: 8px;
	}
	.split_content .copy {
		padding: 8px;
		height: 385px;
		background-color: #FFFFFF;
		overflow: auto;
	}
	.split_content .copy h2 {
		margin: 0 0 8px;
		padding: 0 0 8px;
		font-size: 2.4em;
		font-weight: bold;
		/* border-bottom: 1px solid #e3e3e3; */
	}
	.split_content .copy p {
		margin-bottom: 12px;
		font-size: 1.1em;
		line-height: 1.3;		
    
    }
	.split_content .copy p.bottomLine{
		border-bottom: 1px solid #ccc;		
        font-weight: bold;
        font-size: 1.2em;
        padding-bottom: 8px;
    }
	.exploreContainer {
		margin: 0 0 40px;
		padding: 8px;
		width: 768px;
		background-color: #e6e6e6;
	}
	.fullContent {
		float: left;
		width: 417px;
		background-color: #FFFFFF;
	}
	.fullContent h2 {
		margin: 8px;
		padding: 0 0 8px;
		border-bottom: 1px solid #e3e3e3;
		font-size: 2.4em;
		font-weight: bold;
		color: #333333;
	}
	.fullContent h4 {
		margin: 8px;
		font-size: 1.2em;
		font-weight: bold;
	}
	.fullContent p {
		margin: 0 8px 12px;
		font-size: 1.1em;
		line-height: 1.3;
	}
	.fullContent span.timestamp {
		display: block;
		margin: 8px;
		font-size: 1.2em;
		color: #ee3224;
	}
	.fullContent ul.podcastControls {
		margin: 8px 8px 20px;
	}
	.fullContent ul.podcastControls li {
		margin: 0 4px 0 0;
		font-size: 1.2em;
		font-weight: bold;
		display: inline;
	}
	.fullContent ul.podcastControls a {
		text-decoration: underline;
	}
	.subContent {
		float: right;
		margin-left: 8px;
		width: 342px;
		background-color: #FFFFFF;
	}
	.subContent h2 {
		margin: 8px;
		padding: 0 0 8px;
		border-bottom: 1px solid #e3e3e3;
		font-size: 2em;
		color: #666;
	}
	#subscribe div {
		float: left;
		margin: 0 8px 8px 0;
		padding: 0 0 0 60px;
		width: 99px;
		height: 7.2em;
		_display: inline;
	}
	#subscribe h3 {
		margin-top: 5px;
		font-size: 2.2em;
	}
	#subscribe a {
		display: block;
		margin: 4px 0;
		font-size: 1.2em;
		line-height: 1.2;
	}
	#subscribe .itunes {
		margin-left: 8px;
		background: #C8E5F5 url(http://brands.scene7.com/is/image/brands/subscribe_itunes) left center no-repeat;
	}
	#subscribe .rss {
		padding-top: 6px;
		height: 6.6em;
		background: #FAEAD3 url(http://brands.scene7.com/is/image/brands/subscribe_rss) left center no-repeat;
	}
	#podcasts {
		background-image: url(http://brands.scene7.com/is/image/brands/bg_podcasts);
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	#podcastNav {
		padding: 8px;
	}
	.podcast {
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid #e3e3e3;
		font-size: 1.1em;
	}
	.podcast h4 {
		font-size: 1.09em;
		font-weight: bold;
	}
	.podcast span.timestamp {
		display: block;
		margin: 4px 0;
		font-size: 1.09em;
		color: #ee3224;		
	}
	.podcast p {
		line-height: 1.2;
	}
	.podcast a {
		display: block;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: underline;
	}
	.podcast ul.podcastControls {
		margin: 8px 8px 0 0;
	}
	.podcast ul.podcastControls li {
		margin: 0 4px 0 0;
		font-size: 1em;
		font-weight: bold;
		display: inline;
	}
	.podcast ul.podcastControls a {
		display: inline;
		text-decoration: underline;
	}
	.pagination ol {
		text-align: right;
	}
	.pagination li {
		display: inline;
	}
	.pagination a {
		font-size: 1.2em;
		text-decoration: underline;
	}
	.pagination span {
		font-size: 1.2em;
		font-weight: bold;
	}
	.pagination .back {
		padding: 0 10px 0 20px;
		background: transparent url(http://brands.scene7.com/is/image/brands/podcast_back) left center no-repeat;
	}
	.pagination .next {
		padding: 0 20px 0 10px;
		background: transparent url(http://brands.scene7.com/is/image/brands/podcast_next) right center no-repeat;
	}
	#history .fullContent {
		width: 586px;
		height: 401px;
		overflow: auto;
	}
	#history .imageContainer {
		float: left;
		margin-right: 8px;
		width: 258px;		
	}
	#history .imageContainer img {
		margin: 0 8px 8px;
	}
	#history .fullContent h3 {
		font-size: 2.4em;
		font-weight: bold;
	}
	#history .copy {
		margin-left: 258px;
	}
	#history .fullContent h4 {
		font-size: 1.6em;
		color: #ee3224;
		font-weight: normal;
	}
	#history .fullContent .copy ul {
		margin: 4px 16px;
		list-style-type: disc;
		list-style-position: inside;
		font-size: 1.1em;
		line-height: 1.3;
	}
	#history .fullContent .copy a {
		text-decoration: underline;
	}
	#history #historyNav {
		float: right;
		width: 173px;
		height: 401px;
		background-color: #fff;
		overflow: auto;
	}
	#historyNav h4 {
		margin: 8px;
		padding-bottom: 8px;
		font-size: 1.6em;
		font-weight: bold;
		border-bottom: 1px solid #e3e3e3;		
	}
	#decades {
		margin: 8px;
	}
	#decades .decade {
		margin: 0 0 6px;
	}
	#decades h5 a {
		padding: 2px;
		font-size: 2em;
		font-weight: bold;
		color: #ee3224;
	}
	#decades p {
		padding: 2px;
		font-size: 1.1em;
		line-height: 1.3;
	}
	#decades .selected h5 a,
	#decades .selected p {
		background-color: #cccccc;
		color: #fff;
	}
	
	#news .copy,
	#events .copy {
		float: left;
		width: 361px;
		height: 401px;
	}
	#news .copy h2,
	#events .copy h2 {
		margin-bottom: 0;
		padding-bottom: 2px;
		border: 0;
	}
	#news .copy h3,
	
    #events .copy h3 {
		margin: 4px 0 0px;
		padding-bottom: 8px;
		/*border-bottom: 1px solid #ccc;*/
		font-size: 1.6em;
		color: #ee3224;
	}
	.split_content .article_nav {
		float: right;
		padding: 8px;
		width: 366px;
		height: 401px;
		background-color: #FFFFFF;
		overflow: auto;
	}
	.split_content .article_nav li {
		clear: left;
		float: left;
		margin: 0 0 8px;
		width: 348px;
	}
	.split_content .article_nav h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	.split_content .article_nav h4 {
		margin: 0.4em 0;
		font-size: 1.2em;
		color: #ee3224;
	}
	.split_content .article_nav p {
		margin: 0.4em 0;
		font-size: 1.1em;
		line-height: 1.3;
	}
	.split_content .article_nav a {
		font-size: 1.1em;
		text-decoration: underline;
	}