#ct { background:none repeat scroll 0 0 transparent; } *#pri { background-color: transparent !important; *background-color: #fff;} /****** MAIN SPREAD *****/ #spread { position: relative;} #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 img {float:left; width:482px; } #spread #view #pricepoints {width:964px; height:411px; position:absolute; top:0px; left:0px;} #spread #view #linkOver400 {width:600px; height:400px; border:1px solid #000000; position:absolute; top:0px; left:0px;} #spread #view #linkOver400 img {width:600px; height:400px;} #spread #view .spreadblack { color:#000000; font-family:Arial,Helvetica,Verdana,sans-serif; font-weight:normal; text-align:right;} #spread #view .Spreadblack { color:#000000; font-family:Arial,Helvetica,Verdana,sans-serif; font-weight:normal; text-align:right;} #spread #view .spreadWhite { color:#FFFFFF; font-family:Arial,Helvetica,Verdana,sans-serif; font-weight:normal; text-align:right;} #spread #view .SpreadWhite { color:#FFFFFF; font-family:Arial,Helvetica,Verdana,sans-serif; font-weight:normal; text-align:right;} #spread #view #StoryTitleOverlay { width: 274px; height: 149px; position:absolute; top: 262px; left:0px; } /*#spread #view #StoryTitleOverlay .OverlayLight { background : url(http://cdn.next.co.uk/co-uk/1024/images/Structural/Overlays/Overlay-Light.png); height: 88px; color:#FFFFFF; padding: 14px 11px 10px 11px;} #spread #view #StoryTitleOverlay .OverlayDark { background : url(http://cdn.next.co.uk/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 #view #linkOver { width:964px; height:411px; position:absolute; top:0px; left:0px;} #spread #view #linkOver img { width:964px; height:411px;} #spread #featuredItems { height: 189px; background-color: #FFFFFF; padding: 11px 0px; margin-bottom: 5px;} #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; margin-top: 20px;} #spread #featuredItems .title { margin-top: 3px; font-family:Georgia, "Times New Roman", Times, serif;} #spread #featuredItems .largeTitle { 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 .featuredItem .storyTitle { color: #3d8379; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold;} #spread #featuredItems #searchPane { float:left; padding: 0px 11px; width:117px;} /****** 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;} #menu {background:#ECECEC url(http://cdn.next.co.uk/vstore/ni/common/site/bg-menu.gif) repeat-x; border:1px solid #878886; overflow:hidden; width:223px; margin-left:20px; margin-top:-1px; height:481px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*IE 4-7*/ filter: alpha(opacity=80); /*mozilla*/ opacity: 0.8; } /*good */ #menuItems { border-left: 1px solid #878886; border-right:1px solid #878886; height:481px; margin: 0 4px 0 4px; width:213px;} #menuItems hr { margin:1px 6px; } #menu #iProductSearch {height:77px;} #menu h1#menuHeader { color:#FFF; font-weight:bold; padding-left:10px; font-family: Arial Narrow, Arial, Verdana; font-size: 20px; line-height: 1; margin: 0; text-transform:none; } #menu h2#menuHeader { color:#FFF; font-weight:bold; padding-left:10px; font-family: Arial Narrow, Arial, Verdana; font-size: 20px; line-height: 1; margin: 0; } #menu #menuSubHeader { color:#FFF; padding-left:10px; font-weight:bold; } #menu h2#menuSubHeader { color:#FFF; padding-left:10px; font-weight:bold; } #menu hr.menuDotted { height:1px; border-bottom: dashed 1px #878886; margin:5px 0 5px 0; } #menu ul { margin-left: 20px; padding-left:10px; } #menu li { padding-bottom:2px; padding:0px; margin:0px; list-style-image: url(http://cdn.next.co.uk/vstore/ni/common/site/menu_arrow.gif)} #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://cdn.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:#FFF;} #menu ul li a:active, #menu ul li a:focus, #menu ul li a:hover {text-decoration:none; font-weight:bold; color:#FFF;} #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:#FF0000;} #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; } .newsection, .external { float:left; padding:2px 4px 0 0; } /****** PAGE NUMBERS *****/ #spread #pagenav {width:600px; height:17px; border:1px solid #000000; font-weight:bold; background:#ececec; clear:both; margin: 5px 0px 3px 0px;} #spread #pagenav a {height:17px; line-height:17px; color:#000000; font-weight:bold; text-decoration:none;} #spread #pagenav #prev {width:125px; display:block; padding:0 5px 0 0px; float:left;} #spread #pagenav #prev img {float:left; width:17px; border-right:1px solid #161616; margin-right:5px;} #spread #pagenav #next {width:125px; display:block; text-align:right; float:right;} #spread #pagenav #next img {width:17px; padding:0px 0px 0px 0px; float:right; border-left:1px solid #161616; margin-left:5px} #spread #pagenav #pages p {line-height:17px; padding:0 4px 0 0; float:left;margin-bottom: 0;} #spread #pagenav #pages em {width:24px; font-style:normal; text-align:center; line-height:17px; display:block; float:left;} #spread #pagenav #pages a {width:24px; text-align:center; display:block; float:left;} /****** 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: 99;} #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: 99;} #spread #next img { float:right; } /****** 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 !important; *margin-left: 10px; 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;} /****** 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 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;} * html #content #container #pri #spread #items #list {height: 1px;} /* IE min-height */ #spread #items #list {min-height:3px; display:block;} #spread #items #list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} #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;} /****** PAGE OVERVIEW *****/ .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;} /****** LANDING PAGE *****/ #landingPage { background-color: #fff !important; *background-color: transparent; padding-top: 20px; *padding-bottom: 20px;} #landingPage .LandingPageBanner { margin: -20px 0 20px 0;} #landingPage .LandingPageBannerShort { margin-bottom: 20px; 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;} #landingPage .LandingPageRightContainer { width: 216px; min-height: 396px; padding-left: 10px; float: left; background: #fff url(http://cdn.next.co.uk/co-uk/1024/images/structural/bg-landingDotted.gif) repeat-y left top;} #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, #landingPage a:link, #landingPage a:visited, #landingPage 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; } #spread.de .LandingPageItemTitle { height: 50px; } #spread.de .LandingPageItemBodyText { height: 80px;} .PageScroller { vertical-align:bottom; height: 32px; background-image: url(http://cdn.next.co.uk/co-uk/1024/images/Structural/Navigation/PageScrollerBG.gif); background-position: bottom; clear:both; overflow: hidden; position:relative; } .PageScroller #PageScrollerTitle { width: 140px; float:left; color: #FFFFFF; margin: 7px; } .PageScroller #PageScrollerControl { margin-top:-75px; float:left; } .PageScroller object { position: absolute; bottom: 0; margin-left: 5px;} #landingPage .LandingPageItem .LandingPageItemBodyImage {position:relative;} #landingPage .LandingPageItem .LandingPageItemBodyImage div.new_arrival { position:absolute; top:0px; left:0px; background:url(http://cdn.next.co.uk/co-uk/1024/images/search/na-lp.png) no-repeat 0px 0px; width:230px; height:317px; } * html #landingPage .LandingPageItem .LandingPageItemBodyImage div.new_arrival {display:none;} * html #landingPage .LandingPageItem .LandingPageItemBodyImage {position:static;}