/*
-----------------------------------------------
	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(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(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
------------------------------------ */
#mn {
	background:url(bg-mn-bar.gif) repeat-x top left;
	font-size:12px;
	font-weight: bold;
	height:28px;
	z-index:100;
	padding-left:1px;
	font-family: Arial, Helvetica, sans-serif;
}
#mn ul li { line-height:1.1; position:relative; /* dropdown positions refer to here */ z-index:auto }
#mn ul li.first { background:transparent url(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 }
#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(bg-mn-bardivider.gif) no-repeat right top; display:block; height:22px; margin-left:-1px; padding:5px 9px 0 7px; width:.1em; /* to fix IE issue */ }
#mn > ul li a { width:auto }
#mn ul li a:hover,
#mn ul li a:active { background:#363737 url(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:28px; margin:0; padding:0; text-indent:-9999px; width:31px }
#mn ul li.first a:hover,
#mn ul li.first a:active { background:transparent url(bg-mn-home.gif) no-repeat 0% -34px }
#mn ul li.promote a { color: #F00; 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(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(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(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(bg-mn-gradient.jpg) repeat-x bottom; color:#000; font-weight:bold}
#mn div.inner { background:transparent url(bg-mn-dropdivider.gif) repeat-y 130px 0% }
#mn div.drop { margin-left:2px; float:left; padding-bottom:15px; width:130px }
#mn div.drop.first { margin-left:0 }
#mn div.drop strong { background:#4B4B4B url(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(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:114px; \width:136px; /* box model hack - for IE5 */ w\idth:108px; /* used by N6, Moz, Op6, and IE6 */ }
#mn div.drop a:hover { background:#a0a1a1 url(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:136px }
#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(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(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(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(bg-step-divider.gif) no-repeat right top; margin-left: -14px; padding: 0 14px 0 0; }
#mn ul#steps li.last-active { background: url(bg-step-active.gif) no-repeat right top; }
#mn ul#steps li.active strong,
#mn ul#steps li.last-active strong { background: url(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:100% /* 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 ul { margin:0; height:3em }
#ft li.first { padding-left:5px; }
#ft li a,
#ft li a:link,
#ft li a:visited,
#ft li a:hover,
#ft li a:active { border-right:1px solid #FFF; line-height:3; padding:0 9px }
#ft li.first a,
#ft li.first a:link,
#ft li.first a:visited,
#ft li.first a:hover,
#ft li.first a:active { padding-left:0 }
#ft li.last a,
#ft li.last a:link,
#ft li.last a:visited,
#ft li.last a:hover,
#ft li.last a:active { border:0 }

#ft #botbar {background:url(ft-grad.gif) repeat; border:1px solid #000; border-top:none;  margin-bottom:2px; padding:0 15px clear: both; float:left; text-align:left; width:768px;}
#ft #botbar #footerSect {float:left; margin-left:10px; width:110px; height:64px; padding:10px 4% 10px 9px; background:url(ft-separator.gif) no-repeat right center;}
#ft #botbar #footerSect1 {float:left; margin-left:10px; width:92px; height:64px; padding:10px 4% 10px 0; background:url(ft-separator.gif) no-repeat right center;}
#ft #botbar #footerSect5 {float:left; margin-left:10px; width:110px; height:64px; padding:10px 0 10px 9px; }
#ft #botbar li.nopad {padding-right:0px; width:120px;}
#ft #botbar li.nolink {padding-left:10px;}

#ft #botbar ul.footer {padding:1px; margin:0; list-style-type:none;}
#ft #botbar li a,
#ft #botbar li a:link,
#ft #botbar li a:visited,
#ft #botbar li a:hover,
#ft #botbar li a:active {border-right:none; line-height:1.5;}

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; line-height:1.3; margin-bottom: 6px; width:100% }
table.data,
table.data th,
table.data td { border:1px solid #999; padding: 3px 14px; vertical-align:top }
table.data thead { background:#FFF; }
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 {
	color:#FFF;
	background-image: url(bg_pattern.gif);
	background-repeat: repeat;
	background-position: left top;
}
hr { background-color:#B7B7B7; color:#B7B7B7; margin-bottom:6px }
A {
	CURSOR: pointer; COLOR: #ffffff; TEXT-DECORATION: none
}
A:link {
	CURSOR: pointer; COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
	CURSOR: pointer; COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
	CURSOR: pointer; COLOR: #ffffff; TEXT-DECORATION: underline
}
A:unknown {
	CURSOR: pointer; COLOR: #ffffff; TEXT-DECORATION: underline
}
A:active {
	CURSOR: pointer; COLOR: #ffffff; 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 }