/*
-----------------------------------------------
	Next core.css (theme and common components) 
	Author:Steven Tew
	Copyright 2007 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 }
/* =quicklinks navigation
------------------------------------ */
ul#quicklinks { font-size:90.91% /* 10px */; float:right; line-height:1; margin:24px 0 0 0; text-transform:uppercase }
ul#quicklinks li a:link,
ul#quicklinks li a:visited,
ul#quicklinks li a:hover,
ul#quicklinks li a:active { border-right:1px solid #FFF; padding:0 5px }
/* =search form
------------------------------------ */
#hd form#search { float:right; margin:16px 9px 0 5px }
#hd form#search input { border:1px solid #000; height:1em; margin:0; padding:2px 2px 2px 0; width:102px; vertical-align:middle }
#hd form#search input.submit { background:url(/secure/images/site/btn-hd-search.gif) no-repeat top left; border:none; font-size:90.91% /* 10px */; height:26px; line-height:27px; color:#FFF; padding:0 0 1px 20px; text-align:left; text-transform:uppercase; width:75px }
*#hd form#search input.submit { height:27px; padding-bottom:0 }
/* =checkout box
------------------------------------ */
div#chkout { background:url(/secure/images/site/bg-hd-checkout.gif) no-repeat right top; float:right; height:34px; font-size:81.82% /* 9px */; line-height:150%; margin-bottom:6px; padding-top:12px; text-align:center; text-transform:uppercase; width:146px }
/* =logged in message
------------------------------------ */
div#loggedin { display: inline; float: left; font-weight: bold; margin: 24px 0 0 69px; text-align: right; width: 400px; }
/* =main site navigation - top level
------------------------------------ */
body#next-co-uk #mn {
	font-size:97% /* 10px */;
	font-weight: normal;
	height:40px;
	z-index:100;
	background-color: #212121;
}
body#next-co-uk-preview #mn { background:url(/secure/images/site/bg-mn-preview.gif) repeat-x top left; font-size:90.91% /* 10px */; font-weight: bold; height:34px; z-index:100 }
body#next-co-uk-sale #mn { background:url(/secure/images/site/bg-mn-sale.gif) repeat-x top left; font-size:90.91% /* 10px */; font-weight: bold; height:34px; z-index:100 }
body#next-co-uk-vip #mn { background:url(/secure/images/site/bg-mn-bar.gif) repeat-x top left; font-size:90.91% /* 10px */; font-weight: bold; height:34px; z-index:100 }
#mn ul li { line-height:1.1; position:relative; /* dropdown positions refer to here */ z-index:auto }
#mn ul li.first { background:transparent url(/secure/images/site/bg-mn-home.gif) no-repeat left top; width:31px }
/* stop background images showing through dropdown in IE */
#mn #tab1 { z-index:20 }
#mn #tab2 { z-index:19 }
#mn #tab3 { z-index:18 }
#mn #tab4 { z-index:17 }
#mn #tab5 { z-index:16 }
#mn #tab6 { z-index:15 }
#mn #tab7 { z-index:14 }
#mn #tab8 { z-index:13 }
#mn #tab9 { z-index:12; white-space:nowrap}
#mn #tab10 { z-index:11 }
#mn #tab11 { z-index:10 }
#mn #tab12 { z-index:9 }
#mn #tab13 { z-index:8 }
#mn #tab14 { z-index:7 }
#mn #tab15 { z-index:6 }
/* link styles */
#mn ul li a { background:url(/secure/images/site/bg-mn-bardivider.gif) no-repeat right top; display:block; height:29px; margin-left:-1px; padding:5px 11px 0 9px; width:.1em; /* to fix IE issue */ }
#mn > ul li a { width:auto }
#mn ul li a:hover,
#mn ul li a:active { background:#272727 url(/secure/images/site/bg-mn-bar.gif) no-repeat right top; text-decoration:none }
#mn ul li.first a,
#mn ul li.first a:link,
#mn ul li.first a:visited,
#mn ul li.first a:hover,
#mn ul li.first a:active { height:34px; margin:0; padding:0; text-indent:-9999px; width:31px }
#mn ul li.first a:hover,
#mn ul li.first a:active { background:transparent url(/secure/images/site/bg-mn-home.gif) no-repeat 0% -34px }
#mn ul li.promote a { color: #2c96cc; text-transform:uppercase }
#mn ul li.summer a { color: #6ba6ef; text-transform:uppercase }
#mn ul li.autumn a { color: #e11432; text-transform:uppercase }
#mn ul li.spring a { color: yellow; text-transform:uppercase }
/* =main site navigation - sub level
------------------------------------ */
/* table takes no part in the layout - required for IE to work */
#mn table { position:absolute; top:0; left:0; border-collapse:collapse }
/* style drop-down */
#mn div.wrapper { background:transparent url(/secure/images/site/bg-mn-bottomshadow.png) no-repeat right bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */ padding-bottom:7px }
#mn div.wrapper.onecol { background:transparent url(/secure/images/site/bg-mn-bottomshadow2.png) no-repeat right bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */ }
#mn div.shadow { background:transparent url(/secure/images/site/bg-mn-sideshadow.png) repeat-y right !important; background:transparent url(../images/trans.gif); /* IE will not show the png */ padding-right:6px }
#mn div.container { background:#FCFCFC url(/secure/images/site/bg-mn-gradient.jpg) repeat-x bottom; color:#000; font-weight:bold; text-transform:uppercase }
#mn div.inner { background:transparent url(/secure/images/site/bg-mn-dropdivider.gif) repeat-y 180px 0% }
#mn div.drop { margin-left:2px; float:left; padding-bottom:15px; width:180px }
#mn div.drop.first { margin-left:0 }
#mn div.drop strong { background:#4B4B4B url(/secure/images/site/bg-mn-dropheading.gif) no-repeat right top; color:#FFF; display:block; line-height:23px; margin:0; padding:0 11px }
#mn div.drop ul { height:auto }
#mn div.drop li { background:url(/secure/images/site/bg-mn-drop-li.gif) no-repeat left bottom; float:none; height:auto }
/* links */
#mn div.drop a,
#mn div.drop a:link,
#mn div.drop a:visited,
#mn div.drop a:hover,
#mn div.drop a:active { background:none; color:#000; float:none; height:auto; line-height:21px; margin:0; padding:0 11px; width:158px; \width:180px; /* box model hack - for IE5 */ w\idth:158px; /* used by N6, Moz, Op6, and IE6 */ }
#mn div.drop a:hover { background:#a0a1a1 url(/secure/images/site/bg-mn-gradient-hover.jpg) no-repeat left bottom; color:#FFF; line-height:22px; margin-top:-1px }
/* hide the sub level and give positon absolute so it takes up no room */
#mn 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 */ }
#mn ul div.wrapper { height:1px; left:-1px; overflow:hidden; position:absolute; top:-500em; width:1px }
/* show sub level when hover on top level list OR link */
#mn ul li a:hover iframe { top:24px; left:0 }
#mn ul li:hover div.wrapper.onecol,
#mn ul li a:hover div.wrapper.onecol { top:24px; left:0; height:auto; width:186px }
#mn ul li:hover div.wrapper.twocols,
#mn ul li a:hover div.wrapper.twocols { top:24px; left:0; height:auto; width:368px }
/* =secure checkout bar
------------------------------------ */
#mn h2#secure { background: url(/SECURE/images/general/padlock.gif) no-repeat 6px 0%; float: left; font-size: 110%; /*11px*/ font-weight: normal; line-height: 23px; padding-left: 25px; text-transform: lowercase; width: 120px; }
#mn ul#steps { background:url(/SECURE/images/general/bg-step-divider.gif) no-repeat left bottom; float: right; font-size: 110%; /*11px*/ padding: 0 0 0 14px; }
#mn ul#steps li { background:url(/SECURE/images/general/bg-step-divider.gif) no-repeat right bottom; line-height: 23px; padding: 0 19px 0 9px; }
#mn ul#steps li.last { background: none; padding-right: 14px; }
#mn ul#steps li.first { width: auto; /* overrides default #mn styles */ }
#mn ul#steps li.active,
#mn ul#steps li.last-active { background: url(/SECURE/images/general/bg-step-divider.gif) no-repeat right top; margin-left: -14px; padding: 0 14px 0 0; }
#mn ul#steps li.last-active { background: url(/SECURE/images/general/bg-step-active.gif) no-repeat right top; }
#mn ul#steps li.active strong,
#mn ul#steps li.last-active strong { background: url(/SECURE/images/general/bg-step-active.gif) repeat-x left top; display: block; line-height: 23px; padding: 0 5px 0 23px; }
#mn 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;
	height: 40px;
}
#ft .bar ul {
	margin:0;
	height:3em;
	background-color: #212121;
}
#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;
	background-color: #212121;
}
#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 .botbar { background: #414141 url(/SECURE/images/site/ft-grad.gif) repeat-x left top; border:1px solid #000; border-top:none; float:left; padding: 0; width: 100%; }
#ft .botbar ul { background:url(/SECURE/images/site/ft-separator.gif) no-repeat left top; float:left; height:73px;
padding-top: 12px; width:153px; }
#ft .botbar li { float: none; line-height: 1.5; margin-left: 15px; }
#ft .botbar ul.first { background: none; }

#ft .botbar li.recycle { background: transparent url(/SECURE/images/site/weee2.gif) no-repeat left top; padding-left: 19px; }


#ft .botbar li.germany { 
	background: transparent url(/SECURE/images/site/flags.gif) no-repeat 0px 0px; 
	float:left; 
	width: 25px; 
	height: 18px;
	margin:5px 0px 0px 13px !important;
	margin:5px 0px 0px 13px;
	*margin:5px 0px 0px 6px;}
#ft .botbar li.spain {  
	background: transparent url(/SECURE/images/site/flags.gif) no-repeat -25px 0px; 
	line-height: 1; 
	float:left; 
	width: 27px; 
	height: 18px; 
	margin:5px 0px 0px 0px}
	
#ft .botbar li.france {  
	background: transparent url(/SECURE/images/site/flags.gif) no-repeat -52px 0px; 
	line-height: 1; 
	float:left; 
	width: 27px; 
	height: 18px; 
	margin:5px 0px 0px 0px}
#ft .botbar li.portugal {  
	background: transparent url(/SECURE/images/site/flags.gif) no-repeat -79px 0px; 
	line-height: 1; 
	float:left; 
	width: 27px; 
	height: 18px; 
	margin:5px 0px 0px 0px}
#ft .botbar li.eire  {  
	background: transparent url(/SECURE/images/site/flags.gif) no-repeat -106px 0px; 
	line-height: 1; 
	float:left; 
	width: 25px; 
	height: 18px; 
	margin:5px 0px 0px 0px}
#ft .botbar ul.last a,
#ft .botbar ul.last a:link,
#ft .botbar ul.last a:visited,
#ft .botbar ul.last a:hover,
#ft .botbar ul.last a:active {
	display: block;
	height:20px; 
	line-height:1; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	width:25px;}
	
p#copyright { clear:both; line-height:2.5; padding:0 15px }
p#copyright strong { font-weight:normal; text-transform:uppercase }
/* ______________________________________________3:grid */
#ct { background-color:#FFF; border:1px solid #000; color:#000; min-height:324px; height:auto; padding:13px }
/* 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:1px solid #999; padding: 3px 14px; text-align:left; vertical-align:top }
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; } */
/* =miscellaneous rules
------------------------------------ */
body { background:#000000 url(/secure/images/site/bg-1600.jpg) no-repeat center top; color:#FFF }
hr { background-color:#B7B7B7; color:#B7B7B7; margin-bottom:6px }
a,
a:link,
a:visited { color:#FFF; cursor:pointer; text-decoration:none }
a:hover,
a:focus,
a:active { color:#DDD; cursor:pointer; text-decoration:underline }
#ct a,
#ct a:link,
#ct a:visited { color:#000 }
#ct a:hover,
#ct a:focus,
#ct a:active { color:#666 }
#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 }
hr { background-color:#B7B7B7; color:#B7B7B7; margin-bottom:6px }
h1 { color:#AAA; margin:0; text-transform:lowercase }
.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;}

.cs a:link { text-decoration:none; color:#999999; font-size:12px  }
.cs a:visited { text-decoration:none;color:#999999; font-size:12px }
.cs a:hover{ text-decoration:underline;color:#999999;font-size:12px}