/* ----------------------------------------------- Next core.css (theme and common components) Copyright 2009 Next Retail Ltd. ----------------------------------------------- ===== CONTENTS ===== 1:header modules :quicklinks navigation :search form :checkout box :logged in message :main site navigation - top level :main site navigation - sub level :secure checkout bar 2:footer modules 3:grid styles 4:general rules :data tables :miscellaneous rules ==================== ! Give all modules a margin bottom so they can be easily moved amongst the page columns */ /* ______________________________________________1:header modules */ a#logo { float:left } #hd {background: #000000; width: 964px; height: 91px;} /* =quicklinks navigation ------------------------------------ */ div.quicklinks { float: right; margin:9px 20px 0 0; width: 400px } ul#quicklinks { font-size:100% /* 10px */; float: right; line-height:1.1; text-transform: capitalize; } ul#quicklinks li a:link, ul#quicklinks li a:visited, ul#quicklinks li a:hover, ul#quicklinks li a:active { border-right:1px solid #333333; padding:0 5px; color:#fff; } ul#quicklinks li.last a:link, ul#quicklinks li.last a:visited, ul#quicklinks li.last a:hover, ul#quicklinks li.last a:active { border-right: none; padding:0 5px; color:#fff; } ul#quicklinks li.previewlast a:link, ul#quicklinks li.previewlast a:visited, ul#quicklinks li.previewlast a:hover, ul#quicklinks li.previewlast a:active { border-right: none; padding:0 5px; color:#fff; } /* =search form ------------------------------------ */ #hd form#newsearch { float:right; height: 27px; margin:9px 15px 0 0px } #hd form#newsearch input { border:1px solid #cecece; height:1em; margin:0; padding:2px 2px 2px 0; width:220px; vertical-align:middle; height: 1.4em;} #hd form#newsearch input.submit { background:url(/secure/images/1024/header/search/btn-hd-search.gif) no-repeat bottom left; border:none; font-size:100% /* 10px */; height:22px; line-height:14px; color:#FFF; padding:0 0 3px 6px; *padding:0 0 3px 10px;text-align:left; text-transform: capitalize; width:50px; cursor:pointer; } *html #hd form#newsearch input.submit { } /* =checkout box ------------------------------------ */ div#chkout { background:url(/secure/images/1024/header/shoppingbag/bg-chk-bar.jpg) no-repeat top right; float:right; height:60px; font-size:100% /* 9px */; line-height:150%; margin-bottom:6px; text-align:left; width:249px } div#chkout div.bgvalues { margin-left: 90px !important; *margin-left: 45px; margin-top: 18px; float: left; font-size: 120%; } div#chkout div.bgvalues span { font-weight: bold;} div#chkout a:link, div#chkout a:visited, div#chkout a:hover { color: #7fb8b1; font-size: 80%; font-weight: bold;} body#next-co-uk-preview div#chkout { background:url(/secure/images/1024/header/shoppingbag/bg-chk-bar.jpg) top left;} body#next-co-uk-preview div#chkout a:link, body#next-co-uk-preview div#chkout a:visited, body#next-co-uk-preview div#chkout a:hover { color: #2fd067;} body#next-co-uk-home div#chkout { background:url(/secure/images/1024/header/shoppingbag/bg-chk-bar.jpg) top left;} body#next-co-uk-home div#chkout a:link, body#next-co-uk-home div#chkout a:visited, body#next-co-uk-home div#chkout a:hover { color: #a984e5;} /* =logged in message ------------------------------------ */ div#loggedin { display: inline; float: left; font-weight: bold; margin: 24px 0 0 69px; text-align: right; width: 400px; } /* --- MASTER NAVIGATION STYLING --- */ .MasterNavigation { clear:both; } .MasterNavigation ul, ul#quicklinks, #ft ul { margin:0; } .MasterNavigation ul li, ul#quicklinks li, #ft ul li { float:left; list-style:none; } .MasterNavigation ul li a, ul#quicklinks li a { display:block; padding:0 1em; } .MasterNavigation { font-size: 120%; font-weight: bold; height:34px; z-index:100; top: 56px; position: absolute; width:964px; background:url(/secure/images/1024/header/menu/default/bg-mn-bar.jpg) repeat-x left 4px; } /* --- Variant Backgrounds --- */ body#next-co-uk-preview .MasterNavigation { background:url(/secure/images/1024/header/menu/preview/2011/ms-ss/bg-mn-bar-salepreview.gif) repeat-x left 6px; } /* SALE MASTERNAV*/ body#next-co-uk-sale .MasterNavigation { background:url(/secure/images/1024/header/menu/sale/2011/es-aw/bg-mn-sale.gif) repeat-x left 4px; } body#next-co-uk-vip .MasterNavigation { background:url(/secure/images/1024/header/menu/vip/2011/es-aw/bg-mn-vip-sale.gif) repeat-x left 6px; } .MasterNavigation ul { position:relative; height: 0; he\ight: auto; zoom: 1;} .MasterNavigation ul li { line-height:1.1; z-index:auto } .MasterNavigation #tab1 { z-index:20; } .MasterNavigation #tab2 { z-index:19; } .MasterNavigation #tab3 { z-index:18; } .MasterNavigation #tab4 { z-index:17; } .MasterNavigation #tab5 { z-index:16; } .MasterNavigation #tab6 { z-index:15; } .MasterNavigation #tab7 { z-index:14; } .MasterNavigation #tab8 { z-index:13; } .MasterNavigation #tab9 { z-index:12; } /* -white-space:nowrap - */ .MasterNavigation #tab10 { z-index:11; } .MasterNavigation #tab11 { z-index:10; } .MasterNavigation #tab12 { z-index:9; } .MasterNavigation #tab13 { z-index:8; } .MasterNavigation #tab14 { z-index:7; } .MasterNavigation #tab15 { z-index:6; } /* --- Link Styling --- */ .MasterNavigation ul li a { background:url(/secure/images/1024/header/menu/default/bg-mn-bardivider.gif) no-repeat right 0px; color: #fff; display:block; height:22px; margin-left:0px; padding:12px 16px 0 16px; width:.1em; /* to fix IE issue */ } *.MasterNavigation ul li a { white-space: nowrap;} .MasterNavigation > ul li a { width:auto } /* --- > means .Masternavigation is class of parent node, and ul is a child node. Apparently IE doesn't understand this too well */ .MasterNavigation ul li a:link span { top: -500em;} /* --- CSS MouseOver Styling - STANDARD --- */ .MasterNavigation ul li:hover a, .MasterNavigation ul li a:hover, .MasterNavigation ul li a:active { text-decoration:none; color: #FFF; } .MasterNavigation ul li.ActiveTab a { background:transparent url(/secure/images/1024/header/menu/default/bg-mn-barhover.gif) no-repeat right top; color: #000; } .MasterNavigation ul li.ActiveTab a span { background: transparent url(/secure/images/1024/header/menu/default/bg-mn-lfbarhover.gif) left top no-repeat; position: absolute; width: 7px; height: 33px; left: auto; top: 0px; margin-left: -16px; } .MasterNavCSSMode ul li:hover a, .MasterNavCSSMode ul li a:hover, .MasterNavCSSMode ul li a:active { background:transparent url(/secure/images/1024/header/menu/default/bg-mn-barhover.gif) no-repeat right top; color: #000; } .MasterNavCSSMode ul li:hover a span, .MasterNavCSSMode ul li a:hover span{ background: transparent url(/secure/images/1024/header/menu/default/bg-mn-lfbarhover.gif) left top no-repeat; position: absolute; width: 7px; height: 33px; left: auto; top: 0px; margin-left: -16px; } /* --- CSS MouseOver Styling - PREVIEW --- */ body#next-co-uk-preview .MasterNavCSSMode ul li:hover a, body#next-co-uk-preview .MasterNavCSSMode ul li a:hover, body#next-co-uk-preview .MasterNavCSSMode ul li a:active { background:transparent url(/secure/images/1024/header/menu/preview/bg-mn-barhover.gif) no-repeat right top; color: #000; } body#next-co-uk-preview .MasterNavCSSMode ul li:hover a span, body#next-co-uk-preview .MasterNavCSSMode ul li a:hover span { background: transparent url(/secure/images/1024/header/menu/preview/bg-mn-lfbarhover.gif) left top no-repeat; position: absolute; width: 7px; height: 33px; left: auto; top: 0px; margin-left: -20px;} /* --- Again an overrride for the homepage! Why? --- */ /* body#next-co-uk-home #mn ul li a:hover, body#next-co-uk-home #mn ul li a:active { background:transparent url(/secure/images/1024/header/menu/home/bg-mn-barhover.gif) no-repeat right top; text-decoration:none; color: #000;} body#next-co-uk-home #mn ul li a:link span { top: -500em;} body#next-co-uk-home #mn ul li:hover a span, body#next-co-uk-home #mn ul li a:hover span { background: transparent url(/secure/images/1024/header/menu/home/bg-mn-lfbarhover.gif) left top no-repeat; position: absolute; width: 7px; height: 33px; left: auto; top: 0px; margin-left: -20px;} */ /* --- CSS MouseOver Styling - CHRISTMAS OVERRIDE --- */ .MasterNavCSSMode ul li.christmas:hover a, .MasterNavCSSMode ul li.christmas a:hover, .MasterNavCSSMode ul li.christmas a:active { background:transparent url(/secure/images/1024/header/menu/christmas/bg-mn-barhover.gif) no-repeat right top; } .MasterNavCSSMode ul li.christmas:hover a span, .MasterNavCSSMode ul li.christmas a:hover span { background: transparent url(/secure/images/1024/header/menu/christmas/bg-mn-lfbarhover.gif) left top no-repeat; position: absolute; width: 7px; height: 33px; left: auto; top: 0px;} /* --- SEASONAL LINK STYLING --- */ .MasterNavigation ul li.promote a { color: #2c96cc; text-transform:uppercase } /* -- Generic Promotions Class -- */ /* --- Book Launches --- */ .MasterNavigation ul li.summer a { color: #6ba6ef; } .MasterNavigation ul li.summer a:hover { color: #000000; } .MasterNavigation ul li.autumn a { color: #e13684; } .MasterNavigation ul li.spring a { color: yellow; text-transform:uppercase } .MasterNavigation ul li.christmas a { color: #e11432; } /* --- Sale / Offers --- */ .MasterNavigation ul li.offers a { color: #6ba6ef;} .MasterNavigation ul li.offers a:hover { color: #000;} .MasterNavigation ul li.sale a { color: #d56503;} .MasterNavigation ul li.sale a:hover { color: #d56503;} /* --- LIPSY IMG HACK --- */ .MasterNavigation ul li.lipsy a { background: url(/secure/images/1024/masternav/lipsy2.gif) 0px 4px no-repeat; height:33px; width: 71px; padding: 0px 0px 0px 0px;text-indent:-9999em;} .MasterNavigation ul li.lipsy a span { display: none; } .MasterNavigation ul li.lipsy.ActiveTab:hover a, .MasterNavigation ul li.lipsy.ActiveTab a:hover, .MasterNavigation ul li.lipsy a:active { background:url(/secure/images/1024/masternav/lipsy2hover.gif) no-repeat right; _background:none; } /* ie6 level 1 masternav fix:start */ .MasterNavigation ul li.ActiveTab a:hover { _background:transparent url(/secure/images/1024/header/menu/default/bg-mn-barhover.gif) no-repeat right top; _color: #000;} .MasterNavigation ul li.lipsy a:hover { _background:url(/secure/images/1024/masternav/lipsy2hover.gif) no-repeat right !important;} /* ie6 level 1 masternav fix:end */ /* ie6 level 2 masternav fix:start */ .MasterNavigation ul li ul li a:hover {_background: none !important;} /* ie6 level 2 masternav fix:end */ .MasterNavCSSMode ul li.lipsy:hover a, .MasterNavCSSMode ul li.lipsy a:hover, .MasterNavCSSMode ul li.lipsy a:active { background:url(/secure/images/1024/masternav/lipsy2hover.gif) no-repeat right; } .MasterNavigation ul li.lipsy ul li a { text-indent: 0em !important;} .MasterNavigation ul li.lipsy ul li a:hover { background:none !important;} .MasterNavigation ul li.lipsy ul li a { background:none !important;} /* =masternav christmas styling ------------------------------------ */ .MasterNavigation li.christmas div.drop a, .MasterNavigation li.christmas div.drop a:link, .MasterNavigation li.christmas div.drop a:visited, .MasterNavigation li.christmas div.drop a:hover, .MasterNavigation li.christmas div.drop a:active { background:none; color:#000; float:none; height:auto; line-height:19px; margin:0; padding:0 11px 0 0; margin-left: 11px; display: block; } .MasterNavigation li.christmas div.drop a:hover { text-decoration:underline; color:#000; } .MasterNavigation li.christmas DIV.wrapper.colWidthFive DIV.container { background: #fff url(/secure/images/1024/header/menu/christmas/bg-mn-807-dropbg.gif) no-repeat top left;} /* --- Dropdown Styling --- */ .MasterNavigation table { position:absolute; top:0; left:0; border-collapse:collapse; }/* table takes no part in the layout - required for IE to work */ .MasterNavigation div.wrapper { background:transparent url(/secure/images/1024/header/menu/dropshadows/bg-964-mn-bottomshadow.png) no-repeat 3px bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */ padding-bottom:12px; margin-top: 9px; margin-left: -9px;} .MasterNavigation div.shadow { background:transparent url(/secure/images/1024/header/menu/dropshadows/bg-mn-rt-sideshadow.png) repeat-y right !important; background:transparent; padding-right: 9px; } .MasterNavigation div.leftshadow { background:transparent url(/secure/images/1024/header/menu/dropshadows/bg-mn-lf-sideshadow.png) repeat-y left !important; background:transparent; padding-left: 9px;} .MasterNavigation div.container { color:#000; font-weight:bold; border: 0px !important; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .MasterNavigation DIV.wrapper.colWidthOne DIV.container { background: #fff url(/secure/images/1024/header/menu/default/bg-mn-190-dropbg.gif) no-repeat top left;} .MasterNavigation DIV.wrapper.colWidthTwo DIV.container { background: #fff url(/secure/images/1024/header/menu/default/bg-mn-365-dropbg.gif) no-repeat top left;} .MasterNavigation DIV.wrapper.colWidthThree DIV.container { background: #fff url(/secure/images/1024/header/menu/default/bg-mn-510-dropbg.gif) no-repeat top left;} .MasterNavigation DIV.wrapper.colWidthFour DIV.container { background: #fff url(/secure/images/1024/header/menu/default/bg-mn-670-dropbg.gif) no-repeat top left;} .MasterNavigation DIV.wrapper.colWidthFive DIV.container { background: #fff url(/secure/images/1024/header/menu/default/bg-mn-807-dropbg.gif) no-repeat top left;} .MasterNavigation DIV.wrapper.colWidthSix DIV.container { background: #fff url(/secure/images/1024/header/menu/default/bg-mn-964-dropbg.gif) no-repeat top left;} .MasterNavigation div.inner { } .MasterNavigation div.drop { margin: 15px 15px auto auto;} .MasterNavigation div.drop.first { margin: 15px 15px; width: 160px; display:inline;} .MasterNavigation div.drop.last { margin: 15px 15px 0px 0px; } .MasterNavigation div.drop.colspan1.last { margin: 15px 0px 0px 0px;} .MasterNavigation div.drop.colspan1 strong span{text-indent: 10px;} .MasterNavigation div.drop ul li { display: block;} .MasterNavigation div.drop ul li a { width: inherit !important; width: 130px; display:inline;} .MasterNavigation div.drop { float:left; padding-bottom:11px; width:300px; font-size: 80%;} .MasterNavigation div.drop ul { height:auto; width: 142px; float: left; } .MasterNavigation div.drop li { float:none; height:auto; text-transform:capitalize; font-weight: normal; } .MasterNavigation div.drop li ul { } /* --- Drop Down Link Styling --- */ .MasterNavigation div.drop a, .MasterNavigation div.drop a:link, .MasterNavigation div.drop a:visited, .MasterNavigation div.drop a:hover, .MasterNavigation div.drop a:active { background:none; color:#000; float:none; height:auto; line-height:19px; margin:0; padding:0 11px 0 0; margin-left: 11px; display: block; } .MasterNavigation div.drop a:hover {text-decoration:underline; color:#000;} .MasterNavigation ul iframe { border:none; display:block; height:1px; left:-1px; position:absolute; top:-500em; width:1px; z-index:0; /* iframe covers windowed componenets in IE - must be positioned before wrapper */ } .MasterNavigation ul div.wrapper { height:1px; left:-1px; overflow:hidden; position:absolute; top:-500em; width:1px } /* hide the sub level and give positon absolute so it takes up no room */ /* show sub level when hover on top level list OR link */ .MasterNavCSSMode ul li a:hover iframe { top:34px; left: 0; } .MasterNavCSSMode ul li a:hover div.wrapper, .MasterNavCSSMode ul li:hover div.wrapper { top:24px; left:0; height:auto; width: auto; padding-right: 19px; } .MasterNavigation ul li.ActiveTab a iframe { top:34px; left: 0; } .MasterNavigation ul li.ActiveTab a div.wrapper, .MasterNavigation ul li.ActiveTab div.wrapper { top:24px; left:0; height:auto; width: auto; padding-right: 19px; } /* =dropdown styling for Elec Event promo links ------------------------------------ */ .MasterNavigation div.drop a.promote, .MasterNavigation div.drop a.promote:link, .MasterNavigation div.drop a.promote:visited, .MasterNavigation div.drop a.promote:active, .MasterNavigation div.drop a.promote:hover {color:red;} /* =dropdown styling for New Arrivals promo links ------------------------------------ */ #mn div.drop a.promote, #mn div.drop a.promote:link, #mn div.drop a.promote:visited, #mn div.drop a.promote:active, #mn div.drop a.promote:hover { color:#3f8279; } #mn div.drop a.green, #mn div.drop a.green:link, #mn div.drop a.green:visited, #mn div.drop a.green:active, #mn div.drop a.green:hover { color:#3f8279; } #mn div.drop a.bold, #mn div.drop a.bold:link, #mn div.drop a.bold:visited, #mn div.drop a.bold:active, #mn div.drop a.bold:hover { font-weight:bold; } /* =dropdown styling for nested columns ------------------------------------ */ .MasterNavigation div.drop.colspan1 { width: 160px;} .MasterNavigation div.drop.colspan2 { width: 325px;} .MasterNavigation div.drop.colspan3 { width: 459px;} .MasterNavigation div.drop.colspan4 { width: 580px;} .MasterNavigation div.drop.colspan5 { width: 800px;} .MasterNavigation div.drop.colspan6 { width: 964px;} .MasterNavigation DIV.wrapper.colWidthTwo div.drop.colspan1 { width: 155px;} .MasterNavigation div.drop.colspan4 ul { /*width: 145px;*/ *margin-left: 0px;} .MasterNavigation div.drop.colspan4 ul li a:link, .MasterNavCSSMode div.drop.colspan4 ul li a:hover { padding: 0px 4px 0px 0px; } /* =override styling for dropdowns with one section ------------------------------------ */ .MasterNavigation div.OneSection div.drop.colspan4 { width: 630px;} /*.MasterNavigation div.OneSection div.drop.colspan4 ul { width: 150px;}*/ .MasterNavigation DIV.wrapper.colWidthThree div.drop.colspan2.last { width: 305px; margin: 15px 10px 0px 0px;} /* =dropdown title styling ------------------------------------ */ .MasterNavigation div.drop strong { color:#FFF; display:block; line-height:18px; height: 19px; margin:0; padding-left:11px; padding-right:0px; position: relative; } .MasterNavigation div.drop.styleideas strong { background:#3f8279 url(/secure/images/1024/header/menu/dropdowns/bg-drop-styleideas-left.gif) no-repeat left top; } .MasterNavigation div.drop.searchby strong { background:#666 url(/secure/images/1024/header/menu/dropdowns/bg-drop-searchby-left.gif) no-repeat left top; } .MasterNavigation div.drop.exclusives strong { color: #666; background:#e4e4e4 url(/secure/images/1024/header/menu/dropdowns/bg-drop-exclusives-left.gif) no-repeat left top; } .MasterNavigation div.drop.christmas strong { color: #fff; background:#b2272e url(/secure/images/1024/header/menu/dropdowns/bg-drop-christmas-left.gif) no-repeat left top; } .MasterNavigation div.drop.styleideas strong span { background:#fff url(/secure/images/1024/header/menu/dropdowns/bg-drop-styleideas-right.gif) no-repeat right top; height: 19px; float: right; right: 0px; position: absolute; *margin-top: -3px !important; *margin-top: -18px;} .MasterNavigation div.drop.searchby strong span { color:#666666;Background:url(/secure/images/1024/header/menu/dropdowns/bg-drop-searchby-right.gif) no-repeat right top; height: 19px; float: right; right: 0px; position: absolute; *margin-top: -3px !important; *margin-top: -18px;} .MasterNavigation div.drop.exclusives strong span { color:#e4e4e4;background:#e4e4e4 url(/secure/images/1024/header/menu/dropdowns/bg-drop-exclusives-right.gif) no-repeat right top; height: 19px; float: right; right: 0px; position: absolute; *margin-top: -3px !important; *margin-top: -18px;} .MasterNavigation div.drop.christmas strong span { background:#b2272e url(/secure/images/1024/header/menu/dropdowns/bg-drop-christmas-right.gif) no-repeat right top; height: 19px; float: right; right: 0px; position: absolute; *margin-top: -3px !important; *margin-top: -18px;} .MasterNavigation img.menuitemicon { display:inline; margin-left: 5px; vertical-align:middle; margin-top: -2px;} .MasterNavigation li.columnTitle { margin: 6px auto 1px 11px; float: left; background:transparent url(/secure/images/1024/header/menu/dropdowns/bg-drop-coltitle.gif) repeat-x left 9px; font-weight: bold !important;} .MasterNavigation li.columnTitle h3 { display: inline; background-color: #fff;} .MasterNavigation div.columnTitle { margin-left: 11px; float: left; height: 13px; margin-top: 6px; background:transparent url(/secure/images/1024/header/menu/dropdowns/bg-drop-coltitle.gif) repeat-x left 9px; } .MasterNavigation div.columnTitle h3 {display: inline; background-color: #fff; line-height: auto; } .MasterNavigation div.columnTitle.titleSpan1 { width: 129px; } .MasterNavigation div.columnTitle.titleSpan2 { width: 269px; } .MasterNavigation div.columnTitle.titleSpan3 { width: 440px;} .MasterNavigation div.columnTitle.titleSpan4 { width: 600px;} .MasterNavigation div.columnTitle.titleSpan5 { width: 760px;} .MasterNavigation div.columnTitle.titleSpan6 { width: 920px;} .MasterNavigation li.columnDivider { margin: 0px 0px 0px 11px; color: #e2e2e2; } /* =ie6 overrides for dropdowns ------------------------------------ */ * .MasterNavigation ul li div.styleideas strong span, * .MasterNavigation ul a div.styleideas strong span { background:#fff url(/secure/images/1024/header/menu/dropdowns/bg-drop-styleideas-right.gif) no-repeat right top; height: 19px; width: 3px; *position: relative; right: 0px;} * .MasterNavigation ul li div.inner div.styleideas strong span { Background:url(/secure/images/1024/header/menu/dropdowns/bg-drop-styleideas-right.gif) no-repeat right top; height: 19px; width: 3px; *position:absolute !important; *position: relative; right: 0px;} * .MasterNavigation ul li:active div.drop.searchby strong span, * .MasterNavigation ul a:hover div.drop.searchby strong span { background:#666 url(/secure/images/1024/header/menu/dropdowns/bg-drop-searchby-right.gif) no-repeat right top; height: 19px; width: 3px; *position: relative; right: 0px;} * .MasterNavigation ul li:active div.drop.exclusives strong span, * .MasterNavigation ul a:hover div.drop.exclusives strong span { background:#e4e4e4 url(/secure/images/1024/header/menu/dropdowns/bg-drop-exclusives-right.gif) no-repeat right top; height: 19px; width: 3px; *position: relative; right: 0px;} * .MasterNavigation ul li:active div.drop div.columnTitle span, * .MasterNavigation ul a:hover div.drop div.columnTitle span { padding-left: 15px; padding-right: 2px; height: auto; background: none; margin-bottom: -1px; position:relative; height: 0; he\ight: auto; zoom: 1; } * .MasterNavigation ul a:link div.drop.searchby strong span, * .MasterNavigation ul a:link div.drop.exclusives strong span{ right: -20px;} .MasterNavigation ul li div.inner div.styleideas strong span {_color:#3F8279; _background-color: #3F8279!important;} .MasterNavigation div.drop.colspan1 strong span{_text-indent: 0px !important;} /* =dropdown placement ------------------------------------ */ .MasterNavigation DIV.wrapper.one, .MasterNavigation DIV.wrapper.One { margin-left: -9px;} .MasterNavigation DIV.wrapper.onehalf, .MasterNavigation DIV.wrapper.OneHalf { margin-left: 63px;} .MasterNavigation DIV.wrapper.two, .MasterNavigation DIV.wrapper.Two { margin-left: 135px;} .MasterNavigation DIV.wrapper.twohalf, .MasterNavigation DIV.wrapper.TwoHalf { margin-left: 218px;} .MasterNavigation DIV.wrapper.three, .MasterNavigation DIV.wrapper.Three { margin-left: 300px;} .MasterNavigation DIV.wrapper.threehalf, .MasterNavigation DIV.wrapper.ThreeHalf { margin-left: 390px;} .MasterNavigation DIV.wrapper.four, .MasterNavigation DIV.wrapper.Four { margin-left: 480px;} .MasterNavigation DIV.wrapper.fourhalf, .MasterNavigation DIV.wrapper.FourHalf { margin-left: 560px;} .MasterNavigation DIV.wrapper.five, .MasterNavigation DIV.wrapper.Five { margin-left: 640px;} .MasterNavigation DIV.wrapper.fivehalf, .MasterNavigation DIV.wrapper.Fivehalf { margin-left: 715px;} .MasterNavigation DIV.wrapper.six, .MasterNavigation DIV.wrapper.Six { margin-left: 765px;} /* =iframe placement ------------------------------------ */ .MasterNavigation iframe.One, .MasterNavigation iframe.one { margin-left: 0px;} .MasterNavigation iframe.OneHalf, .MasterNavigation iframe.onehalf { margin-left: 72px;} .MasterNavigation iframe.two, .MasterNavigation iframe.Two { margin-left: 144px; } .MasterNavigation iframe.twohalf, .MasterNavigation iframe.TwoHalf { margin-left: 227px;} .MasterNavigation iframe.three, .MasterNavigation iframe.Three { margin-left: 310px; } .MasterNavigation iframe.threehalf, .MasterNavigation iframe.ThreeHalf { margin-left: 395px; } .MasterNavigation iframe.four, .MasterNavigation iframe.Four { margin-left: 490px; } .MasterNavigation iframe.fourhalf, .MasterNavigation iframe.FourHalf { margin-left:560px; } .MasterNavigation iframe.five, .MasterNavigation iframe.Five { margin-left: 650px;} .MasterNavigation iframe.fivehalf, .MasterNavigation iframe.FiveHalf { margin-left: 724px;} .MasterNavigation iframe.six, .MasterNavigation iframe.Six { margin-left: 775px;} /* =dropdown widths and shadows ------------------------------------ */ .MasterNavigation DIV.wrapper.colWidthOne { width: 190px; background:transparent url(/secure/images/1024/header/menu/dropshadows/bg-190-mn-bottomshadow.png) no-repeat 0px bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} .MasterNavigation DIV.wrapper.colWidthOne, .MasterNavigation DIV.wrapper.colWidthOne DIV.container { width: 190px; overflow: hidden; } .MasterNavigation DIV.wrapper.colWidthTwo { background:transparent url(/secure/images/1024/header/menu/dropshadows/bg-365-mn-bottomshadow.png) no-repeat left bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} .MasterNavigation DIV.wrapper.colWidthTwo, .MasterNavigation DIV.wrapper.colWidthTwo DIV.container { width: 360px; overflow: hidden;} .MasterNavigation DIV.wrapper.colWidthThree { background:transparent url(/secure/images/1024/header/menu/dropshadows/bg-510-mn-bottomshadow.png) no-repeat left bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} .MasterNavigation DIV.wrapper.colWidthThree, .MasterNavigation DIV.wrapper.colWidthThree DIV.container { width: 510px; overflow: hidden;} .MasterNavigation DIV.wrapper.colWidthFour { background:transparent url(/secure/images/1024/header/menu/dropshadows/bg-670-mn-bottomshadow.png) no-repeat 0px bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} .MasterNavigation DIV.wrapper.colWidthFour, .MasterNavigation DIV.wrapper.colWidthFour DIV.container{ width: 665px; overflow: hidden;} .MasterNavigation DIV.wrapper.colWidthFive { background:transparent url(/secure/images/1024/header/menu/dropshadows/bg-807-mn-bottomshadow.png) no-repeat 0px bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} .MasterNavigation DIV.wrapper.colWidthFive, .MasterNavigation DIV.wrapper.colWidthFive DIV.container { width: 790px; overflow: hidden;} .MasterNavigation DIV.wrapper.colWidthSix, .MasterNavigation DIV.wrapper.colWidthSix DIV.container { width: 963px; overflow: hidden; } .MasterNavigation DIV.wrapper.colWidthOne div.shadow, .MasterNavigation DIV.wrapper.colWidthOne div.leftshadow, .MasterNavigation ul li:hover DIV.wrapper.colWidthOne { width: 190px;} .MasterNavigation DIV.wrapper.colWidthTwo div.shadow, .MasterNavigation DIV.wrapper.colWidthTwo div.leftshadow, .MasterNavigation ul li:hover DIV.wrapper.colWidthTwo { width: 360px;} .MasterNavigation DIV.wrapper.colWidthThree div.shadow, .MasterNavigation DIV.wrapper.colWidthThree div.leftshadow, .MasterNavigation ul li:hover DIV.wrapper.colWidthThree { width: 510px;} .MasterNavigation DIV.wrapper.colWidthFour div.shadow, .MasterNavigation DIV.wrapper.colWidthFour div.leftshadow, .MasterNavigation ul li:hover DIV.wrapper.colWidthFour { width: 665px;} .MasterNavigation DIV.wrapper.colWidthFive div.shadow, .MasterNavigation DIV.wrapper.colWidthFive div.leftshadow, .MasterNavigation ul li:hover DIV.wrapper.colWidthFive { width: 790px;} .MasterNavigation DIV.wrapper.colWidthSix div.shadow, .MasterNavigation DIV.wrapper.colWidthSix div.leftshadow, .MasterNavigation ul li:hover DIV.wrapper.colWidthSix { width: 964px;} /* =secure checkout bar ------------------------------------ */ .MasterNavigation h2#secure { background: url(/SECURE/images/1024/header/menu/secure/padlock.gif) no-repeat 6px 6px !important; background: url(/SECURE/images/1024/header/menu/secure/padlock.gif) no-repeat 0px 6px; float: left; font-weight: bold; line-height: 27px; padding-left: 25px; text-transform: capitalize; width: 140px; margin-top: 5px; margin-left: 12px; font-size: 95%;} .MasterNavigation ul#steps { background:url(/secure/images/1024/header/menu/secure/bg-step-enddivider.gif) no-repeat left bottom; float: right; padding: 0 0 0 10px; margin-top: 6px;} .MasterNavigation ul#steps li { background:url(/secure/images/1024/header/menu/secure/bg-step-divider.gif) no-repeat right bottom; line-height: 27px; padding: 0 19px 0 9px; color: #999; } .MasterNavigation ul#steps li.last { background: none; padding-right: 14px; } .MasterNavigation ul#steps li.first { width: auto; padding-right: 30px; text-align: left; /* overrides default #mn styles */ } .MasterNavigation ul#steps li.first-hybrid { width: auto; margin-left: -8px; text-align: left; background: url(/secure/images/1024/header/menu/secure/bg-step-hybriddivider.gif) no-repeat right top; color: #333333; /* overrides default #mn styles */ } .MasterNavigation ul#steps li.first-active strong { background: url(/secure/images/1024/header/menu/secure/bg-step-firstactive.gif) no-repeat left top; display: block; line-height: 27px; padding: 0 6px 0 15px; color: #fff; width: auto !important; *width: .1em;} .MasterNavigation ul#steps li.active, .MasterNavigation ul#steps li.last-active, .MasterNavigation ul#steps li.first-active{ background: url(/secure/images/1024/header/menu/secure/bg-step-divider.gif) no-repeat right 0px; margin-left: -18px; padding: 0px 16px 0 0; line-height: 27px; width: auto !important; *width: .1em; white-space: nowrap;} .MasterNavigation ul#steps li.last-active { background: url(/secure/images/1024/header/menu/secure/bg-step-active.gif) no-repeat right top; } .MasterNavigation ul#steps li.first-active { margin-left: -10px;} .MasterNavigation ul#steps li.active strong, .MasterNavigation ul#steps li.last-active strong { background: url(/secure/images/1024/header/menu/secure/bg-step-active.gif) repeat-x left top; display: block; line-height: 27px; padding: 0 6px 0 23px; color: #fff; width: auto !important; *width: .1em;} .MasterNavigation ul#steps li.last-active strong { padding-right: 0px; } /* ______________________________________________2:footer modules */ #ft { font-size:91.91% /* 10px */ } #ft p.closed { color: #FFF; padding:0 15px; font-size: 110%; } #ft .bar { background-color:#212121; border:1px solid #000; margin-bottom:0px; padding:0 15px; } #ft .bar ul { margin:0; height:3em; } #ft .bar li.first { } #ft .bar li a, #ft .bar li a:link, #ft .bar li a:visited, #ft .bar li a:hover, #ft .bar li a:active { border-right:1px solid #FFF; line-height:3; padding:0 9px } #ft .bar li.first a, #ft .bar li.first a:link, #ft .bar li.first a:visited, #ft .bar li.first a:hover, #ft .bar li.first a:active { padding-left:0 } #ft .bar li.last a, #ft .bar li.last a:link, #ft .bar li.last a:visited, #ft .bar li.last a:hover, #ft .bar li.last a:active { border:0 } #ft .ftr { background: #333333 url(/SECURE/images/1024/footer/ftr-bg.gif) no-repeat left top; border:0px; padding: 0; width: 964px; height:120px; position: relative; } #ft .ftr ul { float:right; height:70px; padding-top: 10px; /* was 22px */ width:130px; margin-top:17px; } #ft .ftr li { float: none; line-height: 1.4; text-align:right; font-size:10px;} #ft .ftr li a { color: #fff;} #ft .ftr ul.first { width:210px; height:30px; float:left; display: inline; padding-top: 65px; margin-left:18px; } #ft .ftr ul.first li { text-align: left;} #ft .ftr ul.last { padding-right:12px !important; } #ft .ftr div {float:left; height:92px; padding-top: 12px;} #ft .CountrySelector { float: left; clear: both; overflow:hidden; padding-left: 16px; } #ft .CountrySelector ul { margin:0; list-style-image: none; } #ft .CountrySelector li { list-style: none; margin-left:15px; float:none;} #ft .CountrySelector a { color: #FFFFFF !important; font-size: 11px; } #ft .CountrySelector { width:948px;background: url(/secure/images/1024/footer/newFooter/CountrySelector-BG.png) top repeat-x #333333;} #ft .CountrySelector .Title { text-transform:uppercase; padding-top: 18px; font-weight: bold; font-size: 14px; text-align:left; color:#FFFFFF !important;} #ft .CountrySelector .Title .AdviseText { text-transform:none; font-size: 11px; font-weight:normal;} #ft .CountrySelector .FlagSection .Title { padding-top:0px; font-weight:normal; font-size: 11px; margin-bottom: 11px;} #ft .CountrySelector .ColumnWidth1 { width: 157px; } #ft .CountrySelector .ColumnWidth2 { width: 284px; } #ft .CountrySelector .ColumnWidth3 { width: 486px; } #ft .CountrySelector .ColumnWidth4 { width: 628px; } #ft .CountrySelector .ColumnWidth5 { width: 810px; } #ft .CountrySelector .ColumnWidth6 { width: 972px; } #ft .CountrySelector .AllCountries { padding-top: 10px; } #ft .CountrySelector .PromotedCountries { float:left;padding-top: 10px; padding-bottom: 10px; } #ft .CountrySelector a img { display:inline; } #ft .CountrySelector .FlagSection img { vertical-align:middle; } #ft .CountrySelector .FlagSection { float:left; } #ft .CountrySelector .SmallFlag { margin: 0; height: 15px; margin: 0 0 10px 0;} #ft .CountrySelector .SmallFlag .FlagImage { background: url(/secure/images/1024/footer/newFooter/Small.png); float:left;} #ft .CountrySelector .SmallFlag .FlagImage, #ft .CountrySelector .SmallFlag .FlagImage img { width:21px; height:15px;overflow:hidden;} #ft .CountrySelector .SmallFlag .FlagText { float:left; margin-left: 11px; } #ft .CountrySelector .SmallFlag.Separator { background: url(/secure/images/1024/footer/newFooter/Separator.png) repeat-x center; margin-right: 16px; } #ft .CountrySelector .LargeFlag { margin: 0; } #ft .CountrySelector .LargeFlag .FlagImage { background: url(/secure/images/1024/footer/newFooter/Large.jpg); float:left;} #ft .CountrySelector .LargeFlag .FlagImage, #ft .CountrySelector .SmallFlag .FlagImage img { width:46px; height:31px; } #ft .CountrySelector .LargeFlag .FlagText { float:left; margin-left: 11px; margin-top: 8px; } #ft .CountrySelector .Keyline {clear:both;height: 1px; background: url(/secure/images/1024/footer/newFooter/LinkSectionHorizontalKeyline.png) no-repeat; } /**** END ****/ p#copyright { clear:both; line-height:2.5; text-align:left; } p#copyright strong { font-weight:normal; text-transform:uppercase } /* ______________________________________________3:grid */ #ct { background-color: #FFF; color: #000; min-height: 324px; height: auto; font: 13px/1.3 Helvetica, Arial, sans-serif; } /* min-height for Internet Explorer */ /*\*/ * html #ct { height:324px } /**/ body.l3 #ct { min-height:260px; padding-top:77px; text-align:center } /* min-height for Internet Explorer */ /*\*/ * html body.l3 #ct { height:260px } /**/ body.l1 #ct, body.l2 #ct { background-color:transparent; border:none; padding:0 } body.l1 #sec { background-color:transparent } /* ______________________________________________4:general */ /* =tables (for data) ------------------------------------ */ table.data { background-color:#FFF; border-collapse:collapse; border-spacing:0; border-color:#999; clear: both; empty-cells:hide; line-height:1.3; margin-bottom: 6px; width:100% } table.data, table.data th, table.data td { border-bottom:1px solid #999; border-right:1px solid #999; padding: 3px 14px; text-align:left; vertical-align:top } table.data th.noright, table.data td.noright { border-right: 0;} table.data th.leftindent, table.data td.leftindent { padding-left: 35px;} table.data thead { background:#FFF; text-align:left } table.data tbody th { font-weight:normal; } table.data tbody tr.message { background-color: #E4E4E4; } table.data tfoot { background-color: #f2F2F2; } table.data tfoot th { text-align: right; } table.data a, table.data a:link, table.data a:visited { color:#5154D0 } table.data a:hover, table.data a:active { color:#00008B } table.data caption { margin-bottom:.27em;/* 3px */ text-align:right; text-transform:uppercase } table.data td.size select { width:7em } table.data td.qty select { width:3.5em } table.data select option { text-indent:4px } /*table.data td.ok { background:#81CF5A } table.data td.advise { background:#FFDB6F } table.data td.alert { background:#CF4040 } table.striped tr.odd { background-color: #e4e4e4; } */ /* =tables (for data) ------------------------------------ */ table.tdata { background-color:#FFF; border-collapse:collapse; border-spacing:0; border-color:#b0b0b0; clear: both; empty-cells:hide; line-height:1.3; margin-bottom: 6px; width:100% } table.tdata, table.tdata th, table.tdata td { border:1px solid #b0b0b0; padding: 3px 5px; text-align:left; vertical-align:middle; } table.tdata thead { background:#eaeaea; background-image:url(/secure/1024/shoppingbag/bg_table_header.gif); background-repeat:repeat-x; text-align:left } table.tdata thead th {color:#000; border:0;} table.tdata tbody th { font-weight:normal; color:#000; } table.tdata tbody tr.message { background-color: #E4E4E4; } table.tdata tfoot { background-color: #f2F2F2; } table.tdata tfoot th { text-align: right; } table.tdata a, table.tdata a:link, table.tdata a:visited { color:#5154D0 } table.tdata a:hover, table.tdata a:active { color:#00008B } table.tdata caption { margin-bottom:.27em;/* 3px */ text-align:right; text-transform:uppercase } table.tdata td.size select { width:7em } table.tdata td.qty select { width:3.5em } table.tdata select option { text-indent:4px } table.tdata td.noleft { border-left: 0;} table.tdata td.noright { border-right: 0;} /*table.tdata td.ok { background:#81CF5A } table.tdata td.advise { background:#FFDB6F } table.tdata td.alert { background:#CF4040 } table.striped tr.odd { background-color: #e4e4e4; } */ /* =tables (for order processing , delivery, complete) ------------------------------------ */ div.ledger div.last { background: none; margin-bottom: 0; } div.ledger table { border-collapse: collapse; margin-bottom: 6px; } div.ledger table caption { font-weight: bold; text-align: left; text-transform: uppercase; } div.ledger table td.property { width: 230px; } div.ledger table td.value { padding-bottom: 1px; } div.ledger.alt { background: none; } div.ledger.alt table td.property { width: 250px; } div.ledger.alt table caption { text-transform: none; } table.order.data { margin-bottom:0px; border-top:1px solid #999; border-bottom:1px solid #000; border-left:none; border-right:none; padding: 3px 14px; vertical-align:top } table.order.data thead tr {background:url(/SECURE/images/1024/shoppingbag/bg-deliveryHeader.gif); background-repeat: repeat-x;} table.order.data td.instock {background:url(/secure/images/1024/shoppingbag/bg-delivery-instock.gif) no-repeat top right; } table.order.data td.outstock { background:url(/secure/images/1024/shoppingbag/bg-delivery-outstock.gif) no-repeat top left; } table.order.data td.backorder { background:url(/secure/images/1024/shoppingbag/bg-delivery-backorder.gif) no-repeat top left; } table.order.data tfoot tr th {background-color:#FFFFF; border:0 none; font-weight:normal;} table.order.data tfoot tr td {background-color:#99999; border:0 none; } table.order.data tfoot th.nobg { background-color:#FFF; border-right: 1px solid #999;} table.order.data tfoot th.nobg span { text-transform: uppercase; font-weight: bold; background-color: #5f3844; color: #fff; padding:2px;} table.order.data tfoot th.nobg.FNG44 span { text-transform: uppercase; font-weight: bold; color: #fff; padding:2px; background: transparent url(/secure/images/1024/shoppingbag/bg-fng44.gif) repeat-x; } table.order.data tfoot th.nobg.DIRCH span { text-transform: uppercase; font-weight: bold; background-color: #009900; color: #fff; padding:2px;} table.order.data tfoot th.nobg.IREC1 span { text-transform: uppercase; font-weight: bold; background-color: #262F54; color: #fff; padding:2px;} table.order.data td p.alertMessage { margin-bottom: 0;} table.order.data td p.alertMessage.vip, table.order.data td p.alertMessage.sale, table#del-bag td p.alertMessage.vip, table#del-bag td p.alertMessage.sale { margin-bottom: 0; background-color:#DE0403; color:#FFFFFF; margin-top: 5px; padding:1px 5px; text-transform:capitalize; white-space:nowrap; width: 55px;} table.order.data tr {padding-left:20px;} #shoppingbagtitle h2{ width:300px; height:20px; margin:0 0 0 35px; clear: both;} /* =miscellaneous rules ------------------------------------ */ /*body { background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF; }*/ .clear { clear:both; } /* Xmas backgrounds for the main sections */ /*body#next-co-uk-gifts{ background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF } body#next-co-uk-gifts #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } body#next-co-uk-women{ background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF } body#next-co-uk-women #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } body#next-co-uk-men{ background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF } body#next-co-uk-men #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } body#next-co-uk-children{ background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF } body#next-co-uk-children #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } body#next-co-uk-homeware{ background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF } body#next-co-uk-homeware #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } body#next-co-uk-branded{ background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF } body#next-co-uk-branded #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } body#next-co-uk-electric{ background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF } body#next-co-uk-electric #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } body#next-co-uk-occasions{ background:#212121 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF } body#next-co-uk-occasions #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } body#next-co-uk-gifts{ background:#212121 url(/secure/images/site/bg-1600-gifts.jpg) no-repeat center top; color:#FFF } body#next-co-uk-gifts #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91%; font-weight: bold; height:34px; z-index:100 } */ /*---------------------*/ hr { background-color:#B7B7B7; color:#B7B7B7; margin-bottom:6px } a, a:link, a:visited { color:#3f8279; cursor:pointer; text-decoration:none } a:hover, a:focus, a:active { color:#3f8279; cursor:pointer; text-decoration:underline } /*#ct a, #ct a:link, #ct a:visited { color:#3f8279 } #ct a:hover, #ct a:focus, #ct a:active { color:#3f8279 }*/ #ct a.promote, #ct a.promote:link, #ct a.promote:visited { color:#0734c6; text-decoration: underline } #ct a.promote:hover, #ct a.promote:focus, #ct a.promote:active { color:#3557c8; text-decoration: underline } #ct p.SpecialOfferContainer a, #ct p.SpecialOfferContainer a:link, #ct p.SpecialOfferContainer a:visited { color:#0734c6; text-decoration: underline } #ct p.SpecialOfferContainer a:hover, #ct p.SpecialOfferContainer a:focus, #ct p.SpecialOfferContainer a:active { color:#3557c8; text-decoration: underline } hr { background-color:#B7B7B7; color:#B7B7B7; margin-bottom:6px } h1 { color:#333; margin:0; text-transform: capitalize} .center { text-align:center } .req, .err, .alert {/* required fields and errors */ color:#F00 } .SpreadWhite {text-align:right;color:rgb(255, 255, 255);font-family:Arial,Helvetica,Verdana,sans-serif;font-weight:normal;} .Spreadblack {text-align:right;color:rgb(0, 0, 0);font-family:Arial,Helvetica,Verdana,sans-serif;font-weight:normal;} button, .linkButton { background: #000000; color: #FFFFFF; font-weight: bold; padding: 9px; border: none; cursor:pointer;} /* =tab manager base styling ------------------------------------ */ .TabManager { /*width:750px;*/ height:334px; margin:0; margin-top: 20px; position:relative; z-index:90; overflow:hidden;} .TabManager ul { padding:0; margin:0; list-style-type: none; border:0; } .TabManager ul table { border-collapse:collapse; margin:-1px -10px; font-size:1em;} .TabManager ul li { float:left; list-style-type: none; width: auto !important; *width: 120px;} .TabManager ul li a, .TabManager ul li a:visited { display:block; text-align:center; text-decoration:none; /*width:149px; */ height:30px; color:#000; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:30px; white-space: nowrap;} /* =tab manager content positioning ------------------------------------ */ .TabManager ul li ul { position:absolute; left:-9999px; height:0; } .TabManager ul li.first ul { left:0px; } /* =tab manager styling ------------------------------------ */ .TabManager ul li.first a {color:#fff; background:#938b59;} .TabManager ul li a:hover, .TabManager ul li:hover a { color:#fff; background:#b3ab79; } .TabManager ul li.first ul, .TabManager ul :hover ul { top:30px; left:0; height:204px; background:#fff; text-align:left; width: 100%;} .TabManager ul li.first ul li, .TabManager ul :hover ul li { background:#fff; color:#000; width: 100% !important; *width: 900px; height:304px;} .TabManager ul :hover iframe, .TabManager ul a:hover iframe { position:absolute; left:-9999px; height:0; } .TabManager ul li.first ul li p, .TabManager ul :hover ul li p { font-size:0.9em; line-height:1.8em; } .TabManager ul li.first ul li a, .TabManager ul :hover ul li a { display:inline; background:#FFF; color:#c00; text-decoration:underline; border:0; line-height:1.8em; } .TabManager ul li.first ul li a:hover, .TabManager ul :hover ul li a:hover { text-decoration:none; color:#000; } /* =tab manager backgrounds ------------------------------------ */ .TabManager ul li a .TabManagerStartCurve { background-image:url(/SECURE/IMAGES/1024/structural/TabManager/InactiveTabStartCurve.gif); height: 31px; } .TabManager ul li a .TabManagerTitleText { background-image:url(/SECURE/IMAGES/1024/structural/TabManager/InactiveTabBackground.gif); margin-right:10px; height: 31px; color: #000; } .TabManager ul li a .TabManagerEndCurve { background-image:url(/SECURE/IMAGES/1024/structural/TabManager/InactiveTabEndCurve.gif); background-position:right; margin-left:10px; height: 31px; } /* =tab manager hovers ------------------------------------ */ .TabManager ul a:hover .TabManagerStartCurve, .TabManager ul :hover a .TabManagerStartCurve { background-image:url(/SECURE/IMAGES/1024/structural/TabManager/ActiveTabStartCurve.gif);} .TabManager ul a:hover .TabManagerTitleText, .TabManager ul :hover a .TabManagerTitleText { background-image:url(/SECURE/IMAGES/1024/structural/TabManager/ActiveTabBackground.gif); color: #FFF; } .TabManager ul a:hover .TabManagerEndCurve, .TabManager ul :hover a .TabManagerEndCurve { background-image:url(/SECURE/IMAGES/1024/structural/TabManager/ActiveTabEndCurve.gif); background-position:right; } /* =tab manager content container ------------------------------------ */ .TabManager .TabContent { height:292px; overflow:auto; background-color: #fff;} .TabManager ul li.first ul.TabContentContainer, .TabManager ul :hover ul.TabContentContainer { border-top: #000000 1px solid; border-bottom: #000000 1px solid; height: 292px; overflow:hidden; } /* =bv tabmanager review styling ------------------------------------ */ #Reviews{ visibility: hidden;} li#Reviews div.TabContent { border-top: 1px solid #333; border-bottom: 1px solid #333;} li#Reviews div.TabContent div.BVRRDisplayContentHeader { *width: 907px; *clear: right;} .ReviewHeight { height: 500px !important;} .ReviewHeight ul li.first ul, .ReviewHeight ul :hover ul, .ReviewHeight ul li.first ul li, .ReviewHeight ul :hover ul li, .ReviewHeight .TabContent { height: 470px !important;} /*---Please Wait bar----*/ body#next-co-uk-please-wait{width:100%; margin:0 auto; text-align:center;} body#next-co-uk-please-wait #waitContainer {text-align:center; min-height:205px;} body#next-co-uk-please-wait #waitContainer #waitBox {margin-top:30px;} body#next-co-uk-please-wait #waitContainer #waitBox #message {font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:14px; color:#ffffff; text-align:center;width:520px; min-height:50px; margin:0px auto 0px auto; background:url(/secure/images/1024/pleasewait/please-wait-mid.gif) repeat-y scroll top left;} body#next-co-uk-please-wait noscript input#continueLink{display:block; background-color:transparent; border:none; cursor:pointer; cursor:hand; text-align:right; color: #FFF; text-align: center; margin-left: auto; margin-right: auto; text-decoration:underline;} /* =Newsletter signup ------------------------------------ */ div#newslettersignup { width: 974px; height: 40px; min-height: 40px; background: transparent url(/secure/images/1024/footer/bg-nl-signup.gif) no-repeat left top; margin: 0px 0px 6px 0px;} div#newslettersignup form { width: 340px; float: right; margin-top: 10px;} div#newslettersignup input.enter {width: 182px; padding: 2px 5px; *padding: 1px 5px;} div#newslettersignup input#button { background-color: #000; border: 1px solid #000; color: #fff; border: none; padding: 3px 5px 2px 5px; cursor: pointer; font-weight: bold; margin-left: 2px; } /* =single link breadcrumbs ------------------------------------ */ div.breadcrumbs { background: #212121; z-index: 100; display: block; height: 30px; color: #fff;} div.breadcrumbs #links { line-height: 2.6em; margin-left: 20px;} div.breadcrumbs #links span { margin: 0px 6px;} div.policy { background: #FFFFFF; padding: 10px; min-height:324px; } /*---Closing message----*/ div.closingmessage { height: 17px; margin-bottom: 3px; margin-top: 3px; border: 1px solid #000; background-image: url("/SECURE/IMAGES/1024/header/closed/close-bg.gif"); text-align: center; color: #fff; font-weight: bold; } div.closingmessage p { margin-top: 1px; margin-bottom: 0;} /*---Popup Help v2---*/ .PopUpPaneTopRight { background-image:url(/SECURE/IMAGES/PopUpHelp/v2/border-tr.gif); background-repeat:no-repeat; background-position:right; } .PopUpPaneTopLeft { margin-right: 4px; background-image: url(/SECURE/IMAGES/PopUpHelp/v2/border-tl.gif); background-repeat:no-repeat; } .PopUpPaneTopBG { height: 4px; margin-left: 11px; background-image:url(/SECURE/IMAGES/PopUpHelp/v2/border-t.gif); background-repeat:repeat-x; } .PopUpPaneLeft { margin-right: 4px; background-image: url(/SECURE/IMAGES/PopUpHelp/v2/border-l.gif); background-repeat: repeat-y; } .PopUpPaneLeftPointer { float:left; margin-top:10px; width:11px; height:11px; background-image: url(/SECURE/IMAGES/PopUpHelp/v2/border-l-pointer.gif); background-repeat: no-repeat; } .PopUpPaneContentContainer { margin-left: 11px; min-height:31px; background-color:#FFF; } .PopUpPaneRight { background-image:url(/SECURE/IMAGES/PopUpHelp/v2/border-r.gif); background-repeat:repeat-y; background-position:right; } .PopUpPaneBottomRight { background-image:url(/SECURE/IMAGES/PopUpHelp/v2/border-br.gif); background-repeat:no-repeat; background-position:right; } .PopUpPaneBottomLeft { margin-right: 4px; background-image: url(/SECURE/IMAGES/PopUpHelp/v2/border-bl.gif); background-repeat:no-repeat; } .PopUpPaneBottomBG { height: 4px; margin-left: 11px; background-image:url(/SECURE/IMAGES/PopUpHelp/v2/border-b.gif); background-repeat:repeat-x; } .PopUpPaneShadowRight { background-image:url(/SECURE/IMAGES/PopUpHelp/v2/shadow-r.png); background-repeat:no-repeat; background-position:top right; } .PopUpPaneShadowBottomRight { background-image:url(/SECURE/IMAGES/PopUpHelp/v2/shadow-br.png); background-repeat:no-repeat; background-position:right; } .PopUpPaneShadowBottomLeft { margin-right: 6px; background-image: url(/SECURE/IMAGES/PopUpHelp/v2/shadow-bl.png); background-repeat:no-repeat; } .PopUpPaneShadowBottomBG { height: 6px; margin-left: 15px; background-image:url(/SECURE/IMAGES/PopUpHelp/v2/shadow-b.png); background-repeat:repeat-x; } .PopUpText { font-family:Verdana, Geneva, sans-serif; font-size:11px; } .PopUpTitle { font-weight:bold; } .PopUpPaneContent { padding:7px; } .PopUpCloser { float:right; } .PaneImageContainer { float:left; width:44px; height:44px; } .PaneTextContainerWithImage { margin-left: 50px; } /* Review css */ #BVReviewsHeadContainer { border: 1px solid #CCC; min-height: 50px; padding:10px 0 10px 0; overflow: hidden; zoom: 1; margin-bottom: 15px; } #BVReviewsHeadTitle { font-size:24px;} #BVReviewsItemImage, #BVReviewsItemText, #BVReviewsShare { float: left; } #BVReviewsItemImage { padding: 0 10px 0 20px; } #BVReviewsItemText { width: 520px;} #BVReviewsItemText .ProductTitle { font-family:Tahoma; margin-bottom:20px; color:#000; font-size:11pt; font-weight:bold; } #BVReviewsItemNumber { color:#999; } #BVReviewsShare { margin-top:70px; width:300px; } #BVReviewsShare div { float:left; padding-top:10px; margin-left:40px; } #BVReviewsShare button { float:right; } #BVReviewsRating { font-weight: bold; font-size:10px; } .btnWriteReview { width:88px; height:29px; color:#FFF; background-color: #000; border: 0px; border-bottom: 2px solid #000; *border-bottom: 0px solid #F00; font-weight: bold; padding: 0px; } #ct { background-color: #FFFFFF; color: #000000; height: auto; min-height: 324px; } .tabControl { width:379px; position:relative; height: 250px; margin-left:21px; } .clearboth { clear:both; } .TabController {padding:0; list-style:none; margin:0 auto; font-size:11px; font-family:arial, sans-serif; height:37px; } .TabController div.tab {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;} .TabController table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;} .TabController div.tab ul { padding-left: 15px; list-style-position:outside; list-style:disc; } .TabController div.tab {float:left; margin:0; text-align:left; width:100%; border: 2px solid #eeeced; min-height: 173px; background-color:#FFF; color:#000; padding: 11px 14px;} .TabController .tabContainer {display:inline; margin:0 -2px; text-align:left;} .TabController .tabContainer a {display:inline-block; height:32px; margin:5px 0 0 0;padding:0 20px 0 0; background:url(/secure/images/1024/structural/TabControl/button.gif) right top; line-height:30px; text-decoration:none; color:#4c8d85;} html>/**/body .TabController .tabContainer {display:inline-block; padding:0;} * html .TabController .tabContainer a {margin-bottom:-4px;} .TabController .tabContainer a b {display:block; height:32px; float:left; padding:0 0 0 20px; background:url(/secure/images/1024/structural/TabControl/button.gif) left top; cursor:pointer;} .TabController .tabContainer.current a, .TabController li a:hover { background-position:right bottom; color:#000;} /* MouseOverStates Control */ .TabController .tabContainer.current a b, .TabController li a:hover b {background-position:left bottom;} .TabController .tabContainer:hover > a {background-position:right bottom; color:#000;} .TabController .tabContainer:hover > a b {background-position:left bottom;} .TabController .tabContainer.default div.tab, .TabController .tabContainer:hover div.tab {position:absolute; left: -2px; width: 349px; top:37px; } * html .TabController .tabContainer:hover div.tab {top:32px;} .TabController .tabContainer:hover div.tab {display:block; float:left; margin:0; } .shadowContainerRight { width:7px; float:left; } .shadowContainerRightTop { width: 7px; height: 7px; background-image:url(/secure/images/1024/structural/shadows/tr-shadow.png); background-repeat:no-repeat; } .shadowContainerRightSide { width: 7px; background-image:url(/secure/images/1024/structural/shadows/r-shadow.png); background-repeat:repeat-y; } .shadowContainerLeftBottom { height: 7px; background-image:url(/secure/images/1024/structural/shadows/bl-shadow.png); background-repeat:no-repeat; } .shadowContainerRightBottom { height:7px; margin-left:7px; background-image:url(/secure/images/1024/structural/shadows/br-shadow.png); background-repeat:no-repeat; background-position:right; } .shadowContainerBottomSide { height:7px; margin-right: 7px; background-image:url(/secure/images/1024/structural/shadows/b-shadow.png); background-repeat:repeat-x; } /* Reskin Button Checkout Overrides */ .CheckoutCommon .nxbtn { color:#fff; font-size: 14px; padding: 7px 0 6px; text-align: center; font-weight:normal; height: 21px; } .CheckoutCommon .nxbtn.btnCheckout { margin-bottom: 16px; width:100%; font-weight:bold; font-size:14px; } .CheckoutCommon .nxbtn.disabled { cursor:not-allowed; } .CheckoutCommon .nxbtn:focus { text-decoration: none; } .CheckoutCommon .nxbtn.primary.gradient { background: #4d8958; /* Old browsers */ background: -moz-linear-gradient(top, #4d8958 0%, #60ab6e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d8958), color-stop(100%,#60ab6e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4d8958 0%,#60ab6e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4d8958 0%,#60ab6e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4d8958 0%,#60ab6e 100%); /* IE10+ */ background: linear-gradient(to bottom, #4d8958 0%,#60ab6e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d8958', endColorstr='#60ab6e',GradientType=0 ); /* IE6-9 */ } .CheckoutCommon .nxbtn.primary, .CheckoutCommon .disabled.primary.nxbtn { background-color: #4D8958; } .CheckoutCommon .nxbtn.primary.disabled { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); /* IE 5-7 */ -moz-opacity: 0.3;/* Netscape */ -khtml-opacity: 0.3;/* Safari 1.x */ } .msie7 .CheckoutCommon .disabled.primary.nxbtn { color:#fff; opacity:0.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); /* IE 5-7 */ } /* Message Boxes */ .CheckoutCommon .ReskinMessageBox { position:relative; border-radius: 3px; margin-bottom: 16px; border-width:1px; border-style:solid; width:696px; padding: 16px; color:#111; } .ReskinMessageBox.Advise { border-color: #66afe9; background-color: #f7fbfe; } .ReskinMessageBox.Success { border-color: #87b269; background-color: #f1f7ec; } .ReskinMessageBox.Warning { border-color: #b79262; background-color: #fef7ee; } .ReskinMessageBox.Failure { border-color: #f01616; background-color: #fff2f2; } .ReskinMessageBox .title { font-size: 12px; font-weight: bold; margin-bottom: 4px; } .ReskinMessageBox .iconImg { float:left;width: 34px; height: 34px; background: url("/SECURE/IMAGES/nextdelivery/MessageBannerIcons.png");background-repeat: no-repeat;margin-right:16px;display:inline-block; } .ReskinMessageBox.Advise .iconImg { background-position:0 0; } .ReskinMessageBox.Success .iconImg { background-position:-34px 0; } .ReskinMessageBox.Warning .iconImg { background-position:-68px 0; } .ReskinMessageBox.Failure .iconImg { background-position:-102px 0; } .ReskinMessageBox.CLI .iconImg { background-position:-136px 0; } .ReskinMessageBox .content { float:left;display:inline-block; width: 646px;font-size:12px; } .ReskinMessageBox .content.FullWidth { width:100%; } .ReskinMessageBox .content .title { font-weight:bold; } .ReskinMessageBox .clearBoth { clear:both; } .ReskinMessageBox div.tl {padding: 10px 20px;/* background-repeat: no-repeat; *//* min-height: 38px; *//* position: relative; *//* top: -4px; *//* margin: 0 10px 0 0 !important; */} .ReskinMessageBox div.br {height: 4px;width: 50%;position: absolute;left: 0;bottom: 0;background-position: 0 -228px;} .ReskinMessageBox div.bl {height: 4px;width: 50%; position: absolute; right: 0; bottom: 0; background-position: right -228px; } .ReskinMessageBox div.tr {height: 100%;width: 10px;position: absolute;top: 0;right: -10px;background-position: top right;}