/* reset the styles */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* main layout  */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

#container{ min-width:992px;}

#header {
 position:relative;
 margin:0px;padding:0px;height:70px;
 background: #0c1828 url(images/spwbg.jpg) repeat-x;
}

#logomasks{float:right;margin:0px; border:0px; padding:0px; height:70px; width:172px; background: url(images/logomasks.png) no-repeat;}
#lowestprices{float:left;margin:0px;margin-left:-30px; border:0px; padding:0px; height:70px; width:224px; background: url(images/lowestprices.png) no-repeat;}
#header img , #headersmall img{border:0px;}
#logo{
    float: left;
    width: 606px;
 background:url(images/spwlogo.jpg) no-repeat;
 height:70px;
}

#nav, #navextra {
 z-index:2;
 color: #000;
 padding: 1px 95px 2px 4px;
 border: 1px solid #ccd;
 margin: 0px 0px 0px 0px;
 background: #eee;
 font-size:15px;
 line-height:10px;
 height:14px;
 text-align:center;
 overflow:hidden;
}

#navsmall{
	height:2px;
	background: #eee;
	border: 1px solid #ccd;
}

#arrows,#arrows2{
margin:0 auto;
overflow:hidden;
}

#breadcrumb{
line-height:1em;
position:relative;
top:-1px;
}

#navextra #breadcrumb{
	top:1px;
}

#wrapper { 
 float:left;
 width: 100%;
}
#content { 
 color: #333;
 border: none;
 margin: 0px 215px 0px 120px;
 padding: 10px;
 min-height:440px;
}

.wide#content {
	margin:0px 100px 0px 100px;
}
.wide#content .container td{
	padding:10px;
}
.med#content,.lge#content {
	margin: 0px 265px 0px 130px;
}
.med#content{
	_margin :0px 215px 0px 130px;
}

#menu { 
 z-index:1;
 left:0px;
 padding: 0px;
 border-top:3px solid #eee;
 height: 474px;
 width: 114px;
 margin-top:-4px;
 margin-left:2px;
 margin-right:2px;
 font-size:11px;
 position:absolute;
}
#menu .lining{ 
 padding: 4px;
 border-top:1px solid #ccd;
 display:block;
 margin-bottom:0px;
}
#menu .lining p.title,#cart th p{
	background:#dfdfe2;
	text-align:center;
	font-weight:bold;
}
#menu ul ul .here{
	background:#e0e0e0;
}
#menu ul .here{
	background:#e5e5e5;
}

#menu ul a,#menu ul ul a{
background: url(images/menu_hilites_sml.gif) no-repeat;
}


.med#menu ul a,.lge#menu ul a,.med#menu ul ul a,.lge#menu ul ul a{

background: url(images/menu_hilites.gif) no-repeat;

}


#menu ul a:hover,#menu ul a{
display:block;
color: #009;
display:block;
height:19px;
left:50%;
line-height:18px;
margin-bottom:0px;
margin-left:-55px;
margin-top:0px;
padding:2px 0px 0px 6px;
position:relative;
text-align:left;
width:106px;
*margin-left:-60px;

}


#menu ul ul a:hover,#menu ul ul a{
	color: #000;
	margin-left:-60px;
	width:96px;
	padding-left:14px;
	*margin-left:-70px;
}

.med#menu ul a,.lge#menu ul a{
	width:130px;
}
.med#menu .lining{
	width:132px;
}
#menu ul a:hover, #menu ul ul a:hover{
	background: url(images/buttonhover_sml.gif) no-repeat;
}
.med#menu ul a,.lge#menu ul a{
	padding-left:9px;

	margin-left:-70px;
	*margin-left:-74px;

}
.med#menu ul ul a,.lge#menu ul ul a{
	padding-left:20px;
	margin-left:-75px;
	*margin-left:-84px;
}

.med#menu ul a:hover,.lge#menu ul a:hover{
	background: url(images/buttonhover_lge.gif) no-repeat;
	*width:132px;
}
.med#menu ul ul a:hover,.lge#menu ul ul a:hover{
	background: url(images/buttonhover_lge.gif) no-repeat;
	width:118px;
	*width:132px;
}

.lge#menu ul ul a,.lge#menu ul ul a:hover{
	*margin-left:-84px;
}
.lge#menu ul a,.lge#menu ul a:hover{
	*margin-left:-74px;
}

.med#menu,.lge#menu{
	width:140px;
	font-size:13px;
	height:480px;
}
.med#menu ul ul a,.med#menu ul a{
	font-size:13px;
}
.med#menu ul ul a:hover,.med#menu ul a:hover{
	_left:56px;
}
#footer { 
 clear: both;
 padding: 1em 95px 0px 0px;
 margin: 0px;
 text-align:center;
 font-size:12px;
 min-width:897px;
}
/* ".med#footer" doesn't work in ie6, ".med#footer *" works! */
 .med#footer *, .lge#footer{
 font-size:14px;
}
#footer .copy{color:#ccc;}

#menu #homelink {text-align:center;background:#fff url(images/mainbuttonbg_sml.gif) no-repeat;}
.med#menu #homelink ,.lge#menu #homelink {background:#fff url(images/mainbuttonbg_lge.gif) no-repeat;}

#menu ul {margin:0px;padding:0px;}
#menu ul li {margin:0px;padding:0px; cursor:pointer; font-weight:bold;}
#menu ul ul {margin:0px;padding:0px;}
#menu ul ul li{margin:0px;padding-left:10px;font-weight:normal;}

a {
	text-decoration: none;	color: #047;
}
h1 {padding:4px; margin:0px;}
h3 {text-align:center;margin:1px; padding:1px;}

#wigslist {margin-top:4px;}
#wigslist td {width:200px;}
#wigslist img{ margin:0px 2px;}
#wigslist img#hilite {border:2px solid red; padding:1px;}
#wigslist img.normal#hilite{border:1px solid #339;padding:2px;} /* same as .full*/

td{text-align:center;}

.descr, .sdescr {
	font-size:0.9em;
	font-weight:bold;
	height:6.1em;
	line-height:1em;
	margin:2px 0px;
	padding:0.1em 3px 3px;
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
	text-align:center;
	width:186px;
}

.sdescr {
	line-height:2em;
}

.descr img{cursor:pointer;}


.container td{padding:5px;}

.container td.plain{width:auto; border-left:1em solid #fff; border-right:2em solid #fff; }

.container td img{float:left;border:1px solid #939;padding:2px;cursor:pointer;}
ul.userinfo{
	margin-top:.8em;margin-left:2.5em;
}
span.header{
	display:block;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:.5em;
}

img.full{ border:1px solid #339;padding:2px;cursor:pointer;}


.dept,.section{margin:0 auto;border:1px solid #339;padding:2px; width:300px;max-width:394px;position:relative;height:168px;}
.container td .dept img,.container td .section img{float:left;cursor:pointer;border:0px;padding:0px;}
.dept ul{
	width:112px;position:absolute;
	right:2px;cursor:pointer;z-index:10;
	list-style-type: none;
	padding:0px;
	background:transparent;height:140px;
	}

.dept ul li{
	padding: 1px 3px;
	margin: 0px 0px 1px 2px;
	text-align:left;
	background:#f8f8ff;
	border:1px solid #333;
	font-size:12px;
	}
.dept ul li:hover {
	background:#f80;
}
.dept b,.section b{float:left;clear:left;background: #bbb url(images/btn_background.gif) repeat-x; height:28px;cursor:pointer; padding:0px; width:100%;}
.container td .dept b img {float:none;border:none;position:relative;}

.section {min-width:285px; max-width:285px;width:285px;height:auto;overflow:hidden;}
.section b i{font-style:normal;font-size:20px;line-height:30px;text-transform: uppercase;letter-spacing:.01em;color:#fff;text-shadow:0 0 2px #02a, 0 0 2px #027, 0 0 1px #029;}

ol,ul{text-align:left;margin-bottom:1.5em}
li{margin-bottom:1.5em}
.plain ul h3{text-align:left; font-weight:bold;}
.plain ul h2 {text-align:center; font-weight:bold;}
.container td ol ul{float:none;width:auto; cursor:auto; list-style-type:square; padding:.5em; margin-bottom:0px;padding-bottom:.2em;}
.container td ol ul li {background:#fff;border:none;padding:.2em;font-weight:bold;margin-left:1.4em;}
.container td ol li {font-weight:bold;}
.container td ol li div{font-weight:normal}
#fullimg{position:absolute; border:2px solid #339; padding:3px;display:none;cursor:pointer;z-index:1050;background:#fff;}
#fullimg img {border-bottom:2px solid #CCC;margin:1px;}
#fullimg .descr {font-size:20px;text-align:center;width:100%;margin-top:.4em;margin-bottom:5px;height:4em;}
#fullimg .sdescr {line-height:2em;}
#fullimg .colspacer{display:none;}
#fullimg .price{overflow:auto;*margin-left:-300px;margin-bottom:-30px;margin-top:12px;}
#fullimg.fixed {position:fixed;}
#fullimg small{color:#999;font-size:.7em;font-weight:normal;}
.nav{text-align:center; font-weight:bold; font-size:14px;}
.nav a {color:#009;}
.nav .here{ color:gray;font-size:15px;}
.fixed{position:fixed;}

#navbar{margin-top:0px;width:100%; background:#ccc;font-weight:bold;}

#cart th p{
	margin:4px;
}

#cart {
 background:#fff;
 border:1px solid #eee;
 border-top:3px solid #eee;
 margin-top:-4px;
 margin-left:10px;
 margin-right:0px;
 padding: 0px;
 width:200px;
 font-size:12px;
 z-index:999;
 position:absolute;
 right:2px;
 _margin-left:8px;
}

.med#cart, .lge#cart{
	width:250px;
	font-size:14px;
}

.med#cart *{
	font-size:14px;
}
.med#cart  small{
	font-size:.8em;
	overflow:hidden;
}
table.depts{position:relative;left:20px}

#cart table {width:100%;}
#cart table th{border-top:1px solid #ccd;}
#cart .header{text-align:left;font-weight:bold;line-height:2em;}

.plain h1{font-weight:bold; font-size:1.3em;}
.plain #cartlist{display:block; width:788px; border:0px;font-size:17px;}
.plain #cartlist table {width:auto; background:#fff;}
.plain #cartlist table td,#content.wide  .plain #cartlist table td{ background:#fff; width:auto;border:0px;padding:1px;margin:0px;text-align:left;}
.plain #cartlist table .money ,#content.wide  .plain #cartlist table .money{text-align:right;}
.plain #cartlist table .qty,#content.wide  .plain #cartlist table .qty{text-align:center;}
.plain #cartlist table th.money,#content.wide  .plain #cartlist table th.money{text-align:center;}
.plain #cartlist table br {border:0px;padding:0px;margin:-4px;}
.plain #cartlist table th,.container #cartlist table tr.tot {border-color:#ccc;}
.plain #cartlist table td img{border:0px;padding:0px;margin:1px 0px 0px 0px;clear:both;}
.plain #cartlist a {cursor:pointer;}

.plain #cartlist table th{border:1px solid #ccd; background:#eef;margin-left:2px;padding-left:.4em;}

#cartlist table tr.tot  td{border-top:1px solid #ccd;padding-top:0px;}

#cartlist .check{margin:0px; margin-bottom:1em;*margin-bottom:4px;text-align:center;font-weight:bold;}

#pleasewait{text-align:center;font-size:17px;font-weight:bold;}
.close {display:block; background:#ddd;width:17px;text-align:center;}
#cartlist img.click{margin:1px 2px 0px 4px;cursor:pointer;float:left;}
td.plusminus{width:14px;}

td.money{text-align:right;line-height:36px;}

td.offcentre{width:74px;}
td.right,td.pright, td.rightdim ,td.fbright{text-align:right;padding-right:.3em; width:24%;}
td.fbright{width:12%;}
td.right,td.rightdim,td.fbright{font-weight:bold;}
td.rightdim{color:#999;}
td.left{text-align:left; overflow:hidden;}
td.left input{width:260px;	font-family: Verdana, Arial, Helvetica, sans-serif;}
td.left input.check{width:auto; margin-left:0px;}
td.left textarea{width:260px; 	font-family: Verdana, Arial, Helvetica, sans-serif;}
h4 a , h3 a{font-size: 12px;}
.cols{
	float:left;
	height:250px;
	overflow:hidden;
	width:160px;
	margin: auto;
}
.cols img {width:130px; margin:0px 15px;}
.colspacer{ height:20px;}
.price {
	display:block;
	background:#f8f8f8 url(images/buy.gif) repeat scroll 0%;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	height:22px;
	left:50%;
	margin-bottom:-11px;
	margin-left:-65px;
	*margin-left:-170px;
	margin-top:4px;
	padding:2px 0px 0px 22px;
	position:relative;
	text-align:left;
	line-height:20px;
	width:108px;
}

.lge .price{
	*margin-left:-192px;
}

h5{background:#606;font-size:14px;font-weight:bold;color:#fff;text-align:left;text-indent:10px;}
select{	font-family: Verdana, Arial, Helvetica, sans-serif;}

#morecols_overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:1001;
	opacity:.8;
	*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
#morecols {
	display: none;
	position: absolute;
	width: 700px;
	padding:4px 27px 20px 22px;
	border: 2px solid #44c;
	background-color: #fff;
	z-index:1002;
	overflow: auto;
}
#morecols table, #morecols table table {padding:0px;align:left;}

#morecols_closeme{
	margin:0px 0px 2px 0px;
	padding:0px;
	cursor:pointer;
	float:right;
	font-weight:bold;
	position:relative;
	right:-20px;
	top:0px;
	width:65px;
	height:32px;
}

#morecols_closeme  img{
	top:5px;
	width:auto;
	height:auto;
	position:relative;
	margin-bottom:0px;
}

#nojs {
	position:absolute;
	top:56px;
	left:136px;
	width:576px;
	border:2px solid #f00;
	background:#222;
	color:#fff;
	padding:2px;
	z-index:1000;
}

#cartlist .itemqty { width:28px; border:1px solid #999; text-align:center;height:19px;}

td small{font-size:.8em;color:#555;}

input.delR{ margin: 1px 0px 2px 0px;position:relative;top:2px;left:8px;}
.req, .reqY, .reqN{ color:red; font-size:1.7em; position:absolute; margin-left:4px; margin-top:-2px;}
.reqN {color:#fff;}

.plain #cartlist table td img.remover ,img.remover{width:10px;height:10px; border:0px; cursor:pointer; position:absolute; float:none;margin-top:-6px;margin-left:-4px;clear:none;text-align:left;}


.container .plainimg {
border:0px; cursor:pointer; float:none;
}
.plain #cartlist  table tr.tot { border:1px solid #aaa;}
.plain #cartlist  table tr.tot  #grandtotal{ padding:0px;padding-top:2px;margin-top:10px;}

div.description{display:none}

#info-dept, #info-section, #info-home {
 text-align: center;
 width:90%;
 margin-top : 4px;
}

#info-section p, #info-dept p, #info-home p {
    
    color: #999;
    width: 620px;
    text-align: center;
    margin: auto;
}
#info-section p a, #info-dept p a, #info-home p a{
    color: #77b;
}
h1 {
    font-size:24px;
    line-height:30px;
    color: #aaa;

}
h2 {
    font-size:20px;
    line-height:24px;
    color: #aaa;
    margin-bottom: 4px;

}

@media print {

	#content { padding:0px; margin: 0px;left:-120px; position:relative;page-break-after: always;}
	#morecols{position:absolute !important; left:0px !important; top:0px !important;page-break-after: always;}
	#morecols_overlay{background:#fff;opacity:1; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
	#morecols_closeme{display:none !important;}
	#arrows,#arrows2 ,#cart,#cartlist {display:none;}
	#menu,#logomasks,#logomaskssmall {display:none;}	
	#logo,.chkinfo,#nav ,#navextra{display:none;}
	#headersmall {text-align:center;}
	#logosmall{margin:0 0 auto;}

	div#footer{display:none;}
	div.copy { font-size:16px;}

}