/* INCORPORATES CSS FOR BOTH SPREAD & SHOT */

#ct {BACKGROUND: #ffffff;}

/****** BREADCRUMBS ******/
#spread #breadcrumbs			{ height:20px; background:#212121; padding-top:7px; color: #FFFFFF; }
#spread #breadcrumbs p			{line-height:17px; padding:0 4px 0 0; float:left;}
#spread #breadcrumbs em			{width:24px; font-style:normal; text-align:center; line-height:17px; display:block; }
#spread #breadcrumbs a			{height:17px; line-height:17px; text-decoration:none; color: #81b8b3;}
#spread #breadcrumbs a:hover	{height:17px; line-height:17px; text-decoration:underline; color: #81b8b3;}
#spread #breadcrumbs #links		{float:left; margin-left: 20px; width:80%; line-height:17px; margin-top: -1px;}
#spread #breadcrumbs #links	span { margin: 0px 6px 0px 5px;}
#spread #breadcrumbs #navigation {width:36px; float:right; display:none;}
#spread #breadcrumbs #navigation div { float:right; }
#spread #breadcrumbs #navigation div img.nextBtn,
#spread #breadcrumbs #navigation div img.prevBtn { border-left:1px solid #000000; }
#spread #breadcrumbs #next		{float:left; width:17px; border-left: 1px solid #161616;}
#spread #breadcrumbs #prev		{float:left; width:18px;}
#spread #breadcrumbs #prev img	{width:17px; border-left: 1px solid #161616;}
#spread #breadcrumbs #nextPage #next a {line-height:17px; color:#969696; font-weight:bold; text-decoration:none;}

/****** LANDING PAGES ******/
#landingPage {margin: 20px 0;}
#landingPage .LandingPageBanner { margin: -20px 0 20px 0;}
#landingPage .LandingPageBannerShort { margin-bottom: 10px; padding-left: 25px; float:left; position: relative;}
#landingPage .LandingPageOverlayTitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px;}
#landingPage .LandingPageOverlayText {font-family:Georgia, "Times New Roman", Times, serif;}
#landingPage .LandingPageItem { width:234px; float:left; margin-bottom:20px;}
#landingPage .FilterColumn { width:241px; /*height: 500px;*/ padding-left: 5px; float:left; margin-bottom:20px;}
#landingPage .LandingPageItem a,
#landingPage .LandingPageItem a:active,
#landingPage .LandingPageItem a:link,
#landingPage .LandingPageItem a:visited,
#landingPage .LandingPageItem a:hover { color: #428176; }
#landingPage a:hover {text-decoration:underline;}


#landingPage .LandingPageItemContainer { width: 708px; float: left; text-align: left;}
#landingPage .LandingPageItemContainer2Col { width: 468px; float: left; text-align: left; padding-left:10px;padding-top:10px;}
#landingPage .LandingPageRightContainer { width: 216px; min-height: 396px; padding-left: 10px; float: left; background: #fff url(../images/structural/bg-landingDotted.gif) repeat-y left top;padding-top:10px;}
#landingPage .LandingPageRightContainer .brand { float: left; padding: 7px; }
#landingPage .LandingPageRightContainer .brands,
#landingPage .LandingPageRightContainer .MostPopular,
#landingPage .LandingPageRightContainer .About { margin-bottom: 30px; }
#landingPage .LandingPageRightContainer .textOffset { padding-left: 7px; }

#landingPage .LandingPageItem .LandingPageItemTitle { font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; padding-left:15px; padding-right:15px; width:200px; }
#landingPage .LandingPageItem .LandingPageItemBody { margin-top: 6px; }
#landingPage .LandingPageItem .WithBorder { border-right: 1px dashed #dfdfdf; }
#landingPage .LandingPageItem .LandingPageItemBodyText { padding-left:15px; padding-right:15px; width:200px; background-color: #FFFFFF; min-height: 50px; }
#landingPage .LandingPageRightContainer .section { font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; color: #666666; margin-top:15px; }
#landingPage .LandingPageRightContainer .title { font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; color: #666666; }
#landingPage .LandingPageRightContainer .description { padding-right:15px; }

#landingPage .LandingPageRightContainer .MPItem { margin: 10px 0px 5px 0px; }
#landingPage .LandingPageRightContainer .MPImage { float:left; }
#landingPage .LandingPageRightContainer .MPText { float:left;  width:140px; height:40px; padding-left: 6px;}
#landingPage .LandingPageRightContainer .MPPrice { color:#000000; font-weight:bold;}

#landingPage #chosenoptions { background:url("http://content.next.co.uk/co-uk/1024/images/search/chosen-options-bg.jpg") no-repeat scroll 15px 0 transparent; height:18px; padding-bottom:5px; padding-top:1px; width:214px; color:#FFFFFF; }
#landingPage h2 { font-size:11px; font-weight:bold; line-height:14px; margin-bottom:3px; padding-left:20px; text-transform:capitalize; clear:left; text-align:left; }
#landingPage div.menuPad { padding-left:10px; text-align:left; }
#landingPage div.menuPad p { color:#CCCCCC; margin-bottom:2px;}
#landingPage div.menuPad p span { color:#CCCCCC; margin-left:2px; }
#landingPage #highlightedoptions { padding-left:20px; text-align:left; padding-bottom:20px; background:url("http://content.next.co.uk/co-uk/1024/images/search/highlighted-options-bg.jpg") no-repeat scroll 15px 0 transparent; height:18px; padding-top:1px; width:230px; }
#landingPage #highlightedoptions span { color:#000000; }
#landingPage #colleft { float:left; width:115px;}
#landingPage #colright { float:right; width:115px; }
#landingPage div.menuPad p { clear:both; color:#CCCCCC; }

#landingPage #chosenrow { clear:both; background:url("http://content.next.co.uk/co-uk/images/search/1024/16pxhdot.gif") repeat-x scroll 0 0 transparent; height:16px; margin-left:5px; width:205px; }
#landingPage #chosenrow p#chosencolright { background:none repeat scroll 0 0 #FFFFFF; float:right; }
#landingPage #chosenrow p#chosencolleft { float:left; margin-top: -16px; *margin-top: 0px;}
#landingPage #chosenrow p#chosencolleft a { background:none repeat scroll 0 0 #FFFFFF; font-weight:bold; margin-left:0; padding-left:5px; }
#landingPage a, a:link, a:visited, a:active { color:#41827C; text-decoration:none; }
#landingPage .FilterColumn p a, #landingPage .FilterColumn p strong { padding-left:10px; }
#landingPage .leftrule { background:url("http://content.next.co.uk/co-uk/1024/images/search/chosen-options-rule.gif") no-repeat scroll left center transparent; height:1px; margin:17px 0 16px 18px; }
#landingPage .solidleftrule { height:1px; margin-bottom:11px; margin-top:11px; }
#landingPage #chosenrow p#chosencolright a { color:#777777; padding-left:2px; }


/******    MENU    ******/
ul { margin-left:0px;}
ul li{list-style-type:none;}
.endmenu {background-color:#161616; clear:both; height:1px; overflow:hidden; position:static; top:-1px; width:158px;}
.clear {clear:both; display:none; height:0pt; margin:0pt; overflow:hidden; padding:0pt;}
.clearboth { clear:both; }

#menu {background:#ECECEC none repeat scroll 0%; border-left:1px solid #161616; border-top:1px solid #161616; float:left; overflow:hidden; width:156px;} /*good */
#menu #iProductSearch {height:77px;}
#menu h2#menuHeader { border-bottom:1px solid #161616; font-size: 100%; line-height: 1; margin: 0; }


#menu li {line-height:15px; padding-bottom:2px;}
#menu li a {display:block; font-family:verdana; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:13px; line-height:normal; padding-top:1px; padding-left:18px;}
#menu li a#selected {background:#3D3D3D none repeat scroll 0%; background-image: url(http://content.next.co.uk/co-uk/images/navigation/selected.gif); background-repeat:no-repeat; color:#FFFFFF; font-weight:bold; text-decoration:none; border-bottom: solid 1px #161616; border-top:1px solid #161616;}
#menu li a#subSelected {background:#7A7879 none repeat scroll 0%; color:#FFFFFF; margin-top:2px; padding-top:2px; padding-bottom:2px;}

#menu ul li a, 
#menu ul li a:link, 
#menu ul li a:visited {text-decoration:none; font-weight:bold; color:#333333;}
#menu ul li a:active, 
#menu ul li a:focus, 
#menu ul li a:hover {text-decoration:none; font-weight:bold; color:#666666;}

#menu ul li a.iconlink, 
#menu ul li a.iconlink:link, 
#menu ul li a.iconlink:visited {text-decoration:none; font-weight:bold; color:#000000;}
#menu ul li a.iconlink:active, 
#menu ul li a.iconlink:focus, 
#menu ul li a.iconlink:hover {text-decoration:none; font-weight:bold; color:#666666;}

#menu ul li #subMenu {background:#FFFFFF none repeat scroll 0%; border-bottom:1px solid #222222; width:156px;}
#menu ul li #subMenu li {width:156px;}
#menu ul li #subMenu li a {font-weight:normal;}
#menu ul li #subMenu li a#subSelected {background:#7a7878 none repeat scroll 0%; color:#FFFFFF; text-decoration:none; border-top: solid 1px #5b5b5b; border-bottom: solid 1px #5b5b5b;}
#menu ul li #subMenu li a#collections {color:#000000;}

#menu ul li #subMenu1 {background:#FFFFFF none repeat scroll 0%; border-bottom:1px solid #222222; width:156px; padding-left:10px}
#menu ul li #subMenu1 li {width:156px;}
#menu ul li #subMenu1 li a#subSelected2,
#menu ul li #subMenu1 li a#subSelected2:active,
#menu ul li #subMenu1 li a#subSelected2:focus,
#menu ul li #subMenu1 li a#subSelected2:hover {color:#333333; font-weight:bold;}
#menu ul li #subMenu1 li a {font-weight:normal;}
#menu ul li #subMenu1 li a#collections {color:#FF0000;}

.menuArrow {
	float:left;
}

/****** PAGE ICONS *****/
.newsection, .external {
	float:left; padding:2px 4px 0px 0px;
}

/****** MAIN SPREAD *****/
#spread { position: relative;}

#spread #flashview { margin-bottom:0px; position: relative; overflow: hidden;}
#spread #flashview img {float: none;}

#spread #view { width:964px; height:411px; margin-bottom:0px; position: relative; overflow: hidden;}
#spread #view img {float: none;}
/*#spread #view div {float: none;}*/
#spread #view #pics,
#spread #view #linkOver,
#spread #view #StoryTitleOverlay { }
#spread #view #pics img {float:left; width:482px; }
#spread #view #pricepoints,
#spread #view #PricePointOverlays { width:964px; height:411px; position:absolute; top:0px; left:0px;}
#spread #view #linkOver { width:964px; height:411px; position:absolute; top:0px; left:0px;}
#spread #view #linkOver img { width:964px; height:411px;}

#spread #view #PricePointOverlays .PricePointOverlay { position:relative; background : url(/co-uk/1024/images/Structural/Overlays/Overlay-Light.png); }
#spread #view #PricePointOverlays .PricePointOverlay .OverlayItem { height: 17px; padding: 3px; overflow:hidden; color: #FFFFFF; font-weight:bold;}
#spread #view #PricePointOverlays .PricePointOverlay .OverlayItem .OverlayPrice { width: 40px; float:right; text-align: right; }
#spread #view #PricePointOverlays .PricePointOverlay .OverlayItem .OverlayText { }

#spread #view #LastPageOfStoryContainer, #spread #view #LastPageOfCollectionContainer { padding-top: 18px; position:absolute; top:0px; left:0px; width:288px; height:411px; margin-left: 691px;}
#spread #view #LastPageOfStoryContainer div.NextCollectionText, #spread #view #LastPageOfCollectionContainer div.NextCollectionText {float:right; clear: both; width:237px; margin-right:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #999999; }
#spread #view #LastPageOfStoryContainer div.Title, #spread #view #LastPageOfCollectionContainer div.Title {float:right; clear: both; width:237px; margin-right:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 21px; color: #3f827a;}
#spread #view #LastPageOfStoryContainer div.OtherCollections, #spread #view #LastPageOfCollectionContainer div.OtherCollections { float:right; clear: both; width:249px; margin-right:18px; margin-top:8px; color: #3f827a; font-size:10px; }
#spread #view #LastPageOfStoryContainer div.Image, #spread #view #LastPageOfCollectionContainer div.Image { float:right; clear: both; width:237px; margin-right:30px; margin-top:10px; }
#spread #view #LastPageOfStoryContainer div.Description, #spread #view #LastPageOfCollectionContainer div.Description {  float:right; clear: both; width:237px; margin-right:30px; font-family:Tahoma,Geneva,Arial,sans-serif; font-size: 11px; margin-top:10px; }
#spread #view #LastPageOfCollectionContainer div.Collection { width: 83px; float:left; margin-bottom:17px;}
#spread #view #LastPageOfCollectionContainer div.OtherCollectionImage { width: 56px; }

#spread #view #StoryTitleOverlay { width: 274px; height: 149px; position:absolute; top: 262px; left:0px; }
#spread #view #StoryTitleOverlay .OverlayLight { background : url(/co-uk/1024/images/Structural/Overlays/Overlay-Light.png); height: 88px; color:#FFFFFF; padding: 14px 11px 10px 11px;}
#spread #view #StoryTitleOverlay .OverlayDark { background : url(/co-uk/1024/images/Structural/Overlays/Overlay-Dark.png); height: 37px; color:#FFFFFF; font-size: 12px; font-weight:bold;}
#spread #view #StoryTitleOverlay .OverlayDark a { padding: 0px 11px 0px 11px; line-height: 35px; }
#spread #view #StoryTitleOverlay .OverlayLight .Closer { float : right; color : #FFFFFF; cursor : pointer; }
#spread #view #StoryTitleOverlay .OverlayLight h1 { color:#FFFFFF; }

#spread #featuredItems { height: 189px; background-color: #FFFFFF; padding: 11px 0px; }
#spread #featuredItems .featuredItem { height: 189px; width:252px; padding: 0px 11px; border-right: 1px dashed #dfdfdf; float:left;}
#spread #featuredItems .featuredItem .image { width: 128px; height: 192px; float:left;}
#spread #featuredItems .featuredItem .body { padding-left: 11px; width:113px; float:left;}
#spread #featuredItems .title,
#spread #featuredItems .price { font-size: 12px; font-weight: bold;}
#spread #featuredItems .title {  margin-top: 3px;  font-family:Georgia, "Times New Roman", Times, serif;}
#spread #featuredItems .price {  margin-top: 20px; }
#spread #featuredItems .largeTitle, #spread #featuredItems h1 {  font-size: 20px; font-weight: bold; margin-top: 3px;  font-family:Georgia, "Times New Roman", Times, serif; color: #3d8379;}
#spread #featuredItems a,
#spread #featuredItems a:link,
#spread #featuredItems a:active,
#spread #featuredItems a:visited,
#spread #featuredItems a:hover { color: #3d8379; text-decoration:none; }
#spread #featuredItems a:hover { text-decoration: underline; }
#spread #featuredItems .featuredItem #StoryVideoPlayer { width:252px; height:189px; background-color: #FFFFFF; overflow:hidden; }


#spread #featuredItems #searchPane { float:left;  padding: 0px 11px; width:117px;}

#spread #viewHome { width:600px; height:544px; }
#spread div#viewHome.landingPage { height: 600px;}
#spread #viewHome img { float:left; }
#spread #viewHome #linkOver img { width:598px; height:598px; margin-top:-600px; border:1px solid #000000; clear: both; }
#spread div#viewHome.landingPage #linkOver img { border: none;}


/****** PAGE NAVIGATION *****/
/*#spread #NavigationContainer { position:absolute; top:232px; }
#spread #NavigationContainer #Navigation {width: 994px;  position:relative; left: -15px;}
#spread #nav a 			{height:17px; line-height:17px; color:#000000; font-weight:bold; text-decoration:none;}*/

#spread #prev 		{  display: block; float:left; position:absolute; top:150px; left: -12px; width:37px; height: 62px; z-index: 100;}
#spread #prev img 	{ float:left; }

/*#spread #nav #pages p 	{line-height:17px; padding:0 4px 0 0; float:left;margin-bottom: 0;}
#spread #nav #pages em 	{width:24px; font-style:normal; text-align:center; line-height:17px; display:block; float:left;}
#spread #nav #pages a 	{width:24px; text-align:center; display:block; float:left;} */
#spread #next {  display: block;  text-align:right; float:right; position:absolute; top:150px; right: -12px;  width:37px; height: 62px;  z-index: 100;}
#spread #next img { float:right; }


/****** NEXT FLASH IMG NAV *****/
#spread #navbanner #flash {width:600px; height:151px; border:1px solid #000000; font-weight:bold; background:#fafafa; clear:both;}
#spread #navbanner #flash {padding-bottom:0px;}

/****** SHOW/HIDE ITEMS BAR *****/
#spread #itemsBar {width:600px; height:17px; margin-top:4px; background:#ececec; border:1px solid #000000; clear: both; cursor:pointer;}
#spread #itemsBar h2 {float:left; padding-left:5px; line-height:17px; font-weight:normal; color:#969696;}
#spread #itemsBar #txt {float:right; margin-right:3px; font-weight:bold;}
#spread #itemsBar #show {float:right;}
/*#spread #itemsBar #show #lblShowHide {color:#000000; margin:0px 3px 0px 0px; line-height:12px; cursor:pointer;vertical-align:top;}*/
#spread #itemsBar #show img {width:17px; height:17px; padding:0px; border-left: 1px solid #161616;}
#spread #itemsBar #show a {color:#000000; text-decoration:none;}

#spread #items {width:600px; display:block; background:#ececec; border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; float:left;}
#spread #items { margin-top: 5px;}
* html #content #container #pri #spread #items #list {height: 1px;} /* IE min-height */
#spread #items #list {min-height:3px; display:block; padding: 5px; height: 70px;}
#spread #items #list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#spread #items #list p { margin-bottom: 0; }
#spread #items #list h1 {	font-family:Tahoma,Geneva,Arial,sans-serif; color: #000; font-size: 110%; font-weight: bold; text-transform: none; margin-bottom: 5px;}

/* #spread #items #list * {color:#969696;} */
#spread #items #list div.detail {width:292px; float:left; padding:5px 4px 4px 4px;}
#spread #items #list div.detail h3 {text-decoration:underline;}
#spread #items #list div.detail p em {font-weight:bold; font-size:9px;}

.pageoverview { background-color: #fff; border: 1px solid #161616; padding-top: 5px; margin-bottom: 0px;}
.pageoverview img { border: 1px solid #b7b7b7; margin-left: 5px;display:block; float:left; width:180px;}

.pageoverview h1 { 
	color:#333;
	text-transform:lowercase;
	font-family:Tahoma,Geneva,Arial,sans-serif; 
	font-size: 1.5em;
	border-bottom: 1px solid #b7b7b7;
	width: 580px;
	margin: 0px 0px 5px 10px;
	clear:both;
}
.pageoverview .links {width: 31%; overflow:hidden; float:left; margin-left: 10px;}
.pageoverview .links img { border: 1px solid #b7b7b7; display:block; float:left; margin-left: 0px;}

.PageScroller { vertical-align:bottom; height: 32px; background-image: url(/co-uk/1024/images/Structural/Navigation/PageScrollerBG.gif); background-position: bottom; clear:both; overflow:hidden; position:relative; }
.PageScroller #PageScrollerTitle { float:left; color: #FFFFFF;  }
.PageScroller #PageScrollerControl { margin-top:-74px; float:left; }
.PageScroller object {  position: absolute;}


#socialMediaBar{
			position: absolute;
			height:45px;
			top: 408px;
			left: 25px;
		}

#socialMediaBar div.icon{
			top:2px;
			padding-right: 4px;
			border: 0;
			position:relative;
			display:inline;
			height:18px;
			width=:18px;
			float:left;
		}
		
#socialMediaBar div.facebookIframe{
			position:relative;
			display:inline;
			float:left;
		}
		
#socialMediaBar	div.icon a img{
			border: 0;
			border-style: none;
		}