body {
	margin:0px 0px 0px 0px;
	background: #ffffff;
}

a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a img { border: none; }

a:hover { text-decoration: underline; }

form { margin-top: 0; margin-bottom: 0; }

h1 {
	font: 16pt Verdana;
	color: #fff;
	margin: 0px;
	padding: 0px;
	background: #ff6600;
	border-top: 4px solid #ff9900;
	border-bottom: 4px solid #ff9900;
	text-align: center;
}

h2 {
	font: bold 11pt Verdana;
	color: #000000;
	margin: 0px;
	padding: 2px 4px 2px 4px;
	border-top: 3px solid #ffcc00;
	border-bottom: 3px solid #ffcc00;
	background: #eee;
}

h3 {
	font: bold 10pt Verdana;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

table {
	width: 100%;
}

th {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 4px 0px 4px 0px;
	background: #aaa;
}

td {
	font-size: 7pt;
	background: #ddd;
}

.note {
	font-size: 7pt;
}

.price {
	color: #cc0000;
	font-size: 10pt;
	font-weight: bold;
}

.highlight { 
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	background: #ffff00;
}

.highlight a {
	font-style: normal;
}

/* Layout container definitions */

#container {
	position: relative;
	font: 9pt Verdana; 
	color: #000000;
	width: 768px;
	margin: 0 auto;
}

#headercontainer {
	position: absolute;
	width: 768px;
	height: 130px;
	background: url(images/header.gif);
}

#headerlinks {
	position: absolute;
	top: 24px;
	right: 10px;
}

#headersearch {
	position: absolute;
	top: 65px;
	right: 10px;
	font-size: 10pt;
}

.headersearchbox {
	width: 130px;
	background: #ffffff;
	font-size: 9pt;
}

#headersearch a {
	color: #000;
}

#headersearch input {
	background: #efefd6;
	border: 2px solid #000;
}

#leftcontainer {
	position: absolute;
	top: 131px;
	left: 0px;
	width: 198px;
}

#contentcontainer {
	position: absolute;
	top: 131px;
	left: 204px;
	width: 564px;
}

#widecontentcontainer {
	position: absolute;
	top: 131px;
	left: 0px;
	width: 100%;
}

#menucontainer {
	position: absolute;
	top: 113px;
	width: 768px;
	left: 0px;
	color: #ffffff;
}

#menucontainer a {
	color: #ffffff;
}

/* Menu container definitions */

#h0, #h1, #h2, #h3, #h4, #h5, #h6, #h7, #h8 {
	position: absolute;
	top: 0px;
	padding: 0px; 
	margin: 0px; 
	height: 18px;
}

#l0, #l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8 {
	position: absolute;
	top: 14px;
	padding: 0px; 
	margin: 0px; 
	text-align: left;
	border-top: 4px solid #8484ef;
	visibility: hidden;
	text-align: right;
}

#l0 ul, #l1 ul, #l2 ul, #l3 ul, #l4 ul, #l5 ul, #l6 ul, #l7 ul, #l8 ul {
	background: #4242a5;
	list-style: none; 
	padding: 2px; 
	margin: 0px;
	width: 180px;
}

#l0 li, #l1 li, #l2 li, #l3 li, #l4 li, #l5 li, #l6 li, #l7 li, #l8 li {
	margin-top: 2px;
	margin-bottom: 2px;
}
/*
#l0 li a:hover, #l1 li a:hover, #l2 li a:hover, #l3 li a:hover, #l4 li a:hover, #l5 li a:hover, #l6 li a:hover {
	background: #ffffff;
}
*/
#h0, #l0 { right: 528px; }
#h1, #l1 { right: 398px; }
#h2, #l2 { right: 278px; }
#h3, #l3 { right: 128px; }
#h4, #l4 { right: 4px; }
#h5, #l5 { right: 4px; visibility: hidden; }
#h6, #l6 { right: 4px; }
#h7, #l7 { right: 4px; }
#h8, #l8 { right: 4px; }

/* Page seperators */

.prd, .prs, .prc, .prb { 	
	position: relative;
	width: 100%;
	height: 8px;
	font-size: 1px;
}

.prd { 	border-top: 1px solid #888; }
.prs { 	border-top: 3px solid #888; }
.prb { 	border-bottom: 2px solid #4242a5; }

/* Unpleasant CSS IE/FF hack. Min height 164px expanding div. */

.prx { min-height:276px; height:auto; _height:276px; }

.pr2 {
	height: 2px;
	font-size: 1px;
}

.pr4 {
	height: 4px;
	font-size: 1px;
}

.pr12 {
	height: 12px;
	font-size: 1px;
}

.pr20 {
	height: 20px;
	font-size: 1px;
}

/* Department definitions */
/* Product row */

.pr {
	position: relative;
	width: 100%;
	height: 160px;
}

/* Product cell content */

.p1 { 
	position: absolute;
	right: 55px;
	text-align: right;
	bottom: 5px;
	font-weight: bold;
	color: #c00;
}


.p11 {
	color: #444;
}

.p12 {
	text-decoration: line-through;
	color: #444;
}

.p2 { 
	position: absolute;
	right: 0px;
	bottom: 5px;
}

.p2 input {
	background: #4242a5;
	color: #ffffff;
	font-weight: bold;
	border: 4px solid #8484ef;
	right: 0px;
	cursor: pointer;
}

.pd {
	position: absolute;
	top: 0px;
	left: 170px;
}

.pi {
	position: absolute;
	top: 0px;
	left: 0px;
}

.pi img { margin-left: 11px; }

/* Zoom */

.zoom {
	width: 500px;
	text-align: right;
}
.zoom img {
	padding-left: 10px;
	padding-top: 10px;
}
.zoom input {
	background: #4242a5;
	color: #ffffff;
	font-weight: bold;
	border: 4px solid #8484ef;
	right: 0px;
	cursor: pointer;
}	

/* Departments */

.prt {
	width: 550px;
	background: #4242a5;
	padding: 2px 4px 2px 4px;
	font-size: 7pt;
	color: #fff;
	border: 4px solid #8484ef;
	text-align: center;
}	

.prl {
	background: #8484ef;
	padding: 2px 8px 2px 8px;
	font-size: 7pt;
	color: #fff;
	width: 550px;
	background: #8484ef;
	
}

.prl a, .prt a {
	color: #fff;
}


/* Product page image */

.i {
	float: right;
	text-align: center;
	padding-left: 4px;
}

.i1 {
	text-align: center;
}

.i1 img {
	padding-top: 10px;
}

/* Login / Register*/

.inr, .ins {
	height: 28px;
}

.inr input {
	position: absolute;
	left: 150px;
	width: 268px;	
	background: #efefd6;	
	border: 2px solid;
}

.inr select {
	position: absolute;
	left: 150px;
	width: 134px;	
	background: #efefd6;	
	border: 2px solid #000;
}

.ins input {
	position: absolute;
	right: 150px;
	width: 80px;
	background: #4242a5;
	color: #ffffff;
	font-weight: bold;
	border: 4px #8484ef solid;
	cursor: pointer;
}

/* Menu header / row */


.mh {
	background: #4242a5;
	padding: 2px;
	margin: 3px 0px 0px 0px;
	border-top: 4px solid #8484ef;
}

.mr {
	background: #6668c2;
	padding: 2px;
}

.ms {
	background: #8484ef;
	padding: 2px;
}

.ml {
	background: #4242a5;
	padding: 2px;
	border-top: 1px solid #fff;
}

.mxh {
	background: #4242a5;
	padding: 2px;
	margin: 3px 0px 0px 0px;
	border-top: 4px solid #8484ef;
}

.mx {
	background: #eee;
	padding: 4px 2px 4px 2px;
	border-top: 2px solid #ff6600;
	border-bottom: 2px solid #ff6600;
	margin-top: 3px;
	margin-bottom: 3px;
}

.nx {
	background: #eee;
	padding: 2px 4px 2px 4px;
	margin: 2px 0px 4px 0px;
	font-size: 7pt;
	color: #000;
	border-top: 3px solid #888;
}

.nx a { color: #000; }

/* Basket header / row */

.bh {
	background: #ff6300;
	padding: 4px 2px 4px 2px;
	color: #fff;
	border-top: 2px solid #ffde7b;
}

.br {
	background: #ff9400;
	border-top: 2px solid #ffde7b;
	padding: 2px 2px 2px 4px;
	color: #fff;
}

.bp {
	position: relative;
	width: 192px;
	text-align: right;
}

.mr a, .mh a, .ml a, .ms a, .md a, .bh a, .br a, .mxh a  {
	color: #fff;
}
	
/* Under roof image */

.rr {
	width: 162px;
	margin-left: 13px;
	padding: 4px;
	background: #ff6300;
	color: #ffffff;
}

.rr a {
	color: #ffffff;
}

/* Over payment image */

.gr {
	width: 162px;
	margin-left: 13px;
	padding: 4px;
	background: #ff9400;
	color: #ffffff;
}

/* Buy area */

.byr {
	position: relative;
	height: 40px;
}

.byb {
	position: absolute;
/*	background: #009900;
	padding-top: 2px;
	padding-bottom: 2px; 
	text-align: center; */
	top: 20px;
	right: 0px;
	width: 75%;
	color: #cc0000;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
}

.byb input {
	width: 80px;
	background: #4242a5;
	color: #ffffff;
	font-weight: bold;
	right: 0px;
	border: 4px solid #8484ef;
	cursor: pointer;
}

.disabled input {
	width: 200px;
	background: #808080;
	color: #ffffff;
	font-weight: bold;
	border: none;
}


.byp {
	position: absolute;
	text-align: right;
	top: 24px;
	right: 84px;
	width: 240px;
	color: #cc0000;
	font-size: 10pt;
	font-weight: bold;
}

/* Basket page */

.bpr {
	height: 58px;
	border-bottom: 1px solid #000;
}

.bpr img {
	float: left;
	padding-right: 4px;
}

.bpi {
	position: absolute;
	right: 0px;
	width: 280px;
	text-align: right;
}

.bpi img {
	float: right;
	
}

.bpi input {
	width: 80px;
	background: #4242a5;
	color: #ffffff;
	font-weight: bold;
	border: 4px solid #8484ef;
	cursor: pointer;
}

.bpt {
	position: absolute;
	right: 420px;
	color: #cc0000;
	font-size: 10pt;
	font-weight: bold;
}

.bps {
	height: 28px;
}

.bps input {
	position: absolute;
	left: 280px;
	width: 80px;
	background: #4242a5;
	color: #ffffff;
	font-weight: bold;
	border: 4px solid #8484ef;
	cursor: pointer;
}

.bpv input {
	position: absolute;
	left: 60px;
	width: 200px;	
	background: #d5f4cc;	
}

.bps select {
	position: absolute;
	left: 210px;
	width: 150px;	
	background: #efefd6;
	border: 2px solid #000;	
}

.bpx {
	position: absolute;
	right: 0px;
	width: 383px;
	height: 66px;
	border-left: 1px solid #000;
	padding-left: 4px;
}

.printonly {
	visibility: hidden;
}

.manlink {
	position: relative;
	left: 5px;
	top: 7px;
}

.dim {
	float: left;
	width: 141px;
	text-align: center;
}

.dimr {
	height: 50px;
}

.cp { text-align: right; }

.dix {
	position: relative;
	height: 75px;
}
	
.di0, .di1, .di2, .di3, .di4, .di5, .di6, .di7 {
	position: absolute;
	top: 0px;
	font-weight: bold;
	text-align: center;
	color: #cc0000;
	font-size: 8pt;
	font-weight: bold;
	width: 60px;
	height: 75px;
}

.di0 { left: 12px; }
.di1 { left: 82px; }
.di2 { left: 152px; }
.di3 { left: 222px; }
.di4 { left: 292px; }
.di5 { left: 362px; }
.di6 { left: 432px; }
.di7 { left: 502px; }

.tp { 
	color: #cc0000;
	font-weight: bold;
}

.tc {
	text-align: center;
}

.admin input {
	background: #4242a5;
	color: #ffffff;
	font-weight: bold;
	border: 4px solid #8484ef;
	cursor: pointer;
}


.prm {
	position: relative;
	width: 100%;
	height: 54px;
}

.prm img {
	float: left;
	margin-right: 5px;
}

.more {
	color: #4242a5;
	background: #ccc;
	padding: 2px;
	margin-bottom: 2px;
	font-size: 9pt;
	border: 1px solid #ccc;
	float: right;
}

.vx {
	color: #000000;
	background: #ffffff;
	padding: 2px;
	margin-bottom: 2px;
	font-size: 9pt;
	border: 1px solid #ccc;
}

.y {
	position: relative;
	height: 65px;
}

.y0 { 
	position: absolute;
	width: 97px;
	text-align: center;
}

.y1 { 
	position: absolute;
	width: 97px;
	left: 98px;
	text-align: center;
}
