/*
-----------------------------------------------
	Next base.css (base and page framework)
	Author:Steven Tew
	Copyright 2007 Next Retail Ltd.
-----------------------------------------------

This style sheet
 - standardizes cross-browser rendering
 - sets page grids (based on the next.co.uk design)
 - contains common functional rules such as helper(hide), clearboth and clearfix
 - contains rules common to horizontal lists

===== CONTENTS =====
	1:standardize cross-browser rendering
	2:set page grids
	3:common functional rules
====================
*/

/* ____________________________________________1:standardize */
html { 
	/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */ 
	margin-bottom: 1px; 
	min-height: 100%; 
}
* { margin:0; padding:0; /* overrides the inheritance mechanism */ }
abbr,
acronym,
img { border:0; }
abbr,
acronym { /*indicating to users that more info is available */ border-bottom:1px dotted #000; cursor:help; }
em { font-style:italic; font-weight:normal; }
caption,
th { font-style:normal; font-weight:normal; text-align:center; text-transform:capitalize; }
label,
strong,
th { font-style:normal; font-weight:bold; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size:100%; font-weight:normal; }
h1,
h2,
h3 { /* bottom margin based on font size */ margin-bottom:.5em; }
blockquote,
ul,
ol,
dl { /* giving blockquotes and lists room to breath*/ margin-bottom:1em; }
ol,
ul,
dl { /* bringing lists on to the page with breathing room */ margin-left:2em; }
ul ul,
ul ol,
ol ol,
ol ul { margin-bottom:0; }
ol,
ul { list-style:none; }
ol li { /*giving OL's LIs generated numbers*/ list-style: decimal outside; }
ol li ol li { /*giving OL's LIs generated numbers*/ list-style: lower-alpha outside; }
ul li { /*giving UL's LIs generated disc markers*/ list-style:disc outside; }
dl dt { margin-left: 0; font-weight: bold; }
dl dd { margin-bottom: .4em; margin-left: 0; }
table { font-size:inherit; }
table,
th,
td {
	border: 0;
	padding-left: 5px;
}
tr { vertical-align: top; }
caption { }
p,
fieldset { /*so elements don't run into each other*/
	margin-bottom:1em;
}
hr { border:none; clear:both; height:1px; line-height: 1px; }
body { font:normal 13px/1.3 Tahoma, Geneva, Arial, sans-serif; *font-size:small; /* to make font's resizable in IE */
*font:x-small;
}
#wp { font-size:84.62%; /* 11px */ }
h1 { font:345.45% Impact; /* 38px*/ }
h2 { font-weight: bold; font-size: 109%; /* 12px */ }
h3,
h4 { font-size:100%; /* 11px */ font-weight:bold; }
input,
select,
textarea,
button { font-family:Tahoma, Geneva, Arial, sans-serif; font-size:1em; }
/* ____________________________________________2:grids */
body { text-align:center; }
#wp { margin:0 auto; text-align:left; width:770px; }

#hd,
#ft { clear:both; }
#ct,
#ft { margin-bottom:6px; clear: both; }
body.l1 #pri { float:right; width:602px; }
body.l1 #sec { float:left; width:160px; }
body.l2 #pri { float:left; width:602px; }
body.l2 #sec { float:right; width:150px; }
body #ter { clear: both; }
/* primary content sub divisions 
#ct div.col_xo { float:left; width:333px; }
#ct div.col_ox { float:right; width:333px; } */
/* ____________________________________________3:functional */
.clearboth { clear:both }
.help { cursor: pointer !important; }
.helper,
#access { /* display:none; hides content from screen readers so... */ height:1px; left:0; overflow:hidden; position:absolute; top:-500em; width:1px; }
.clearfix:after,
#ct:after,
#hd:after,
#ft:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix,
#ct,
#hd,
#ft { zoom:1; /* triggers 'hasLayout' in IE 4 + */ }
/* horizontal lists */
#mn { clear:both; }
#mn ul,
ul#quicklinks,
#ft ul {
	margin:0;
	position: relative;
	left: 10px;
}
#mn ul li,
ul#quicklinks li,
#ft ul li { float:left; list-style:none; }
#mn ul li a,
ul#quicklinks li a { display:block; padding:0 1em; }
#spacer
{
	position:absolute;
	border-right:#CCCCCC thin dashed;
	width: 160px;
	height: 245px;
	background-color: #000000;
	left: 0px;
	top: 91px;
}
#cstext
{
	position:absolute;
	color:#FFFFFF;
	width: 471px;
	height: 245px;
	left: 176px;
	top: 88px;
	background-color: #000000;
}
#cstext2
{
	position:absolute;
	color:#FFFFFF;
	width: 472px;
	height: 245px;
	left: 167px;
	top: -9px;
	background-color: #000000;
}
#stockists
{
	position:absolute;
	color:#FFFFFF;
	width: 472px;
	height: 245px;
	left: 261px;
	top: 150px;
	background-color: #000000;
	border-left:#CCCCCC 1px solid;
	padding-left:5px;
}