/* CSS created by bespoke design solutions */

html, body {
	margin:0px;
	padding:0px;
	background:#ffffff;
	font-family : Arial, Tahoma, Verdana, sans-serif;  
}

table { 
	width: 100%; 
}

td.custom {
	font-size: 90%;
	vertical-align: top;
	font-family : Arial, Tahoma, Verdana, sans-serif;
}

td.menu {
	width: 216px;
	vertical-align: top;
	font-family : Arial, Tahoma, Verdana, sans-serif;
}

/* The header and footer */

#header {
	display : block;
	height : 92px;
	background-image : url("images/background.jpg");
	background-repeat : repeat;
	background-color : #cccccc;
	font-size : 80%; 
	color : #000000; 
	padding : 0px 2px 0px 0px;
}
#footer {
	display:block;
	background-image : url("images/background.jpg");
	background-repeat : repeat-x;
	text-align : center;
	background-color : #cccccc;
	padding : 5px 5px 5px 5px;
	font-size : 80%; 
	color : #000000; 
}
.redline {
	display : block;
	background-image : url("images/redline.gif");
	background-repeat : repeat-x;
	background-color : #cc3300;
	height : 4px;
	margin : 0px;
}


#container {
	position:relative; 
	display:block; 
	background:#ffffff; 
	border-left:216px solid #ffffff; 
	border-right:216px solid #ffffff; 
	overflow:visible;
}

#left {
	float:left; 
	position:absolute; 
	width:216px; 
	margin-left:-216px; 
	display:inline;
}

#right {
	float:right; 
	position:relative; 
	width:216px; 
	margin-right:-216px; 
	display:inline;
}

.clear {
	clear:both;
	overflow:hidden;
}

.featured_item {
	float : left;
	width : 24.5%;
	overflow: hidden;
}

/* TYPEFACE */
h1 {
	font-weight : bold;  
	font-size : 140%;
	color : #be0000;  
}
h2 {
	font-weight : bold;  
	font-size : 120%;
	color : #be0000;  
}
.bolder {
	font-weight : bold;  
}
.redbold {
	font-weight : bold;  
	color : #be0000;  
}
.redder {
	color : #be0000;  
}
.bigred {
	font-weight : bold;  
	font-size : 120%;
	color : #be0000;  
}
.bigbold {
	font-weight : bold;  
	font-size : 150%;
	color : #000000;  
}
.redgiant {
	font-weight : bold;  
	font-size : 150%;
	color : #be0000;  
}
.sideways {
	font-style : italic;  
}
.norecord {
	color : #CCCCCC; 
	font-weight : bold; 
	font-style :  italic;
} 
 
 /* SPACING */
.edger {
	padding : 10px;
	clear: both;
}
.edger2 {
	padding : 10px;
}
.titleedger {
	padding : 18px 5px 18px 5px;
	clear: both;
}
.menusystem{
	margin : 7px 7px 0px 7px;
}

.bodycontent {
	padding : 7px 7px 7px 7px;
	font-size : 90%;
}
.middlebits {
	text-align : center;
}
.rightbits {
	text-align : right;
}

/* LINKS */
a.footer {
	text-decoration : none; 
	font-weight : bold;
	color : #000000; 
} 
a.footer:hover {
	text-decoration : underline;
	font-weight : bold;  
	color : #cc0000; 
} 
a.credit {
	text-decoration : none; 
	font-weight : normal; 
	color : #000000; 
} 
a.credit:hover {
	text-decoration : underline;
	font-weight : normal;  
	color : #cc0000; 
}
a.menu {
	text-decoration : none; 
	color : #cc0000; 
} 
a.menu:hover {
	text-decoration : underline;
	color : #cc0000; 
} 

/* MENU SYSTEMS */
dl.home {
	width : 200px; 
	margin : 1px;
	padding : 0px 0px 10px 0px;
}
dl.home dt {
	margin : 0; 
	padding : 5px 0px 3px 7px; 
	font-size : 90%; 
	font-weight : bold; 
	color : #ffffff; 
}
dl.home dd {
	margin : 0; 
	color : #000000; 
}
dl.home a.subme, dl.home a.subme:visited {
	color : #000000;
	text-decoration : none;
	display : block;
	padding : 3px 3px 3px 7px;
	background : #eaeaea;
	border-bottom : #999999 1px dotted; 
	font-size : 75%; 
}
dl.home a.subme:hover {
	background : #f7f7f7; 
	color : #cc0000;
}
dl.home a.subme2, dl.home a.subme2:visited {
	color : #000000;
	text-decoration : none;
	display : block;
	padding : 3px 3px 3px 7px;
	background : #fff3c6;
	border-bottom : #999999 1px dotted; 
	font-size : 75%; 
}
dl.home a.subme2:hover {
	background : #ffea98; 
	color : #cc0000;
}
.t {background: url("images/spacer.gif") 0 0 repeat-x; width:202px}
.b {background: url("images/spacer.gif") 0 100% repeat-x}
.l {background: url("images/spacer.gif") 0 0 repeat-y}
.red-r {background: url("images/spacer.gif") 100% 0 repeat-y; background: #be0000}
.red-bl {background: url("images/red-bl.gif") 0 100% no-repeat}
.red-br {background: url("images/red-br.gif") 100% 100% no-repeat}
.red-tl {background: url("images/red-tl.gif") 0 0 no-repeat}
.red-tr {background: url("images/red-tr.gif") 100% 0 no-repeat; padding:0px} 
.grey-r {background: url("images/spacer.gif") 100% 0 repeat-y; background: #9c9c9c}
.grey-bl {background: url("images/grey-bl.gif") 0 100% no-repeat}
.grey-br {background: url("images/grey-br.gif") 100% 100% no-repeat}
.grey-tl {background: url("images/grey-tl.gif") 0 0 no-repeat}
.grey-tr {background: url("images/grey-tr.gif") 100% 0 no-repeat; padding:0px} 
.charcoal-r {background: url("images/spacer.gif") 100% 0 repeat-y; background: #727272}
.charcoal-bl {background: url("images/charcoal-bl.gif") 0 100% no-repeat}
.charcoal-br {background: url("images/charcoal-br.gif") 100% 100% no-repeat}
.charcoal-tl {background: url("images/charcoal-tl.gif") 0 0 no-repeat}
.charcoal-tr {background: url("images/charcoal-tr.gif") 100% 0 no-repeat; padding:0px} 
.corner-top {
	margin : 0; 
	padding : 5px 7px 3px 7px; 
	font-size : 90%; 
	font-weight : bold; 
	text-align : left; 
	color : #ffffff; 
}
.corner-bot {
	padding : 0px;
	height : 10px; 
}

/* FLOATING */
.float25 {
	float : left;
	width : 24.5%;
}
.float33 {
	float : left;
	width : 33%;
}
.float50 {
	float : left;
	width : 49.5%;
}
.float100 {
	float : left;
	width : 99%;
}
.float75 {
	float : left;
	width : 74.5%;
/*	clear : vertical; */
	border-right : #999999 1px dotted; 
	margin : 0px 10px 0px 0px;
	padding : 0px 10px 0px 0px;
}
.floatcombo {
	float : left;
	width : 79.5%;
/*	clear : vertical; */
	margin : 0px 10px 0px 0px;
	padding : 0px 10px 0px 0px;
}
.floatcombo2 {
	float : left;
	width : 74.5%;
/*	clear : vertical; */
	margin : 0px 10px 0px 0px;
	padding : 0px 10px 0px 0px;
}
.float {
	float : left;
}
.floatr {
	float : right;
}
.shopprice {
	float : right;
	font-weight : bold;  
	padding : 0px 0px 0px 10px;
}
.moreinfo {
	float : right;
	padding : 0px 0px 0px 10px;
}
.checkme {
	float : right;
	text-align : right;
	padding : 0px 0px 0px 10px;
}

/* BOXED AREAS */
.white {
	margin : 1px; 
/*	align : center; */
	background : #ffffff; 
	padding : 10px;
	font-size : 75%;
	text-align : left; 
}
.manu {
	margin : 0; 
	background : #ffffff; 
	padding : 0px;
/*	align : center; */ 
}

/* SHOPPING CART */
.shoppingtitle {
	margin : 0px 1px 0px 1px ; 
	text-align : center;
	background : #ffea98; 
	padding : 3px;
	border-bottom : #ffffff 1px solid; 
}
.shoppingdetails {
	margin : 0px 1px 0px 1px ; 
	background : #ededed; 
	padding : 4px;
	border-bottom : #ffffff 1px solid; 
	font-size : 75%; 
}
.shoppingprod {
	margin : 0px 1px 0px 1px ; 
	background : #ffffff; 
	padding : 0px;
	font-size : 75%; 
	text-align : left; 
}
a.shopping, a.shopping:visited {
	margin : 0px 1px 0px 1px ; 
	color : #000000;
	text-decoration : none;
	display : block;
	padding : 4px;
	background : #ffffff;
	border-bottom : #999999 1px dotted; 
}
a.shopping:hover {
	margin : 0px 1px 0px 1px ; 
	background : #f7f7f7; 
	color : #cc0000;
}
.shoppingtotal {
	margin : 0px 1px 0px 1px ; 
	background : #fff3c6; 
	padding : 4px;
	border-bottom : #ffffff 1px solid; 
	font-size : 75%; 
}
.shoppingbase {
	margin : 0px 1px 0px 1px ; 
	text-align : center;
	background : #ffffff; 
	padding : 4px;
}
/* CONSTRUCTIONS */
.productcat {
	margin : 5px 2px 2px 10px; 
	padding : 7px;
	background : #ededed; 
	text-align : center;
}

.productsubcat {
	margin : 2px 2px 5px 10px; 
	padding : 7px;
	background : #ffffff; 
	text-align : center;
}

.productimage {
	margin : 2px 2px 2px 10px; 
	padding : 7px 0px 7px 0px;
	text-align : center;
	vertical-align : middle;
	height : 87px; 
	border: #ededed 1px solid; 
	clear: both;
}
.topfive {
	margin : 0px;
	padding : 7px 0px 7px 0px;
	text-align : left;
	border-top : #999999 1px dotted; 
	clear: both;
}
.producttitle {
	margin : 1px; 
	padding : 3px;
	background : #ededed; 
	text-align : center;
}
.productsubtitle {
	margin : 1px; 
	padding : 3px;
	background : #f7f7f7; 
	text-align : center;
}
.productitem {
	margin : 1px; 
	padding : 3px;
	text-align : left;
}
.itemline {
	margin : 5px 2px 5px 2px;
	padding : 0px 3px 0px 3px;
	clear: both;
	border-bottom : #999999 1px dotted; 
	width : 97%;
}
.vouchers {
	margin : 5px;
	padding : 5px;
	text-align : center;
	border : #be0000 1px dotted; 
}
.checksum2 {
	float : left;
	padding : 4px;
}
.checksum1 {
	float : left;
	text-align : right;
	padding : 4px;
	width : 79.5%;
}
.labelrow {
  	clear : both;
	margin : 3px;
}
.labelsolo {
 	float : left;
	margin : 0px;
	margin-left : 10px; 
}
.labelbold {
 	float : left;
	margin : 3px;
	width : 160px; 
  	text-align : right;
}
.labelname {
 	float : left;
	margin-right : 5px;
	width : 160px; 
  	text-align : right;
}
.labelform {
  	float : left;
} 

.labelarse {
	clear: both;
	padding: 4px;
	text-align: center;
}

.formsubtitle {
  	clear : both;
	background : #f7f7f7; 
	padding : 4px;
}
.formsubtitle2 {
  	clear : both;
	background : #f7f7f7; 
	padding : 0px;
}
.labelrecord {
  	float : left;
	margin : 3px;
} 
/* IMAGES */
.manufactimage {
	margin : 3px;
	vertical-align : middle; 
}
.editbutton {
	margin : 3px;
	vertical-align : middle; 
}
.submission {
	margin-top : 5px;
	vertical-align : middle; 
}
.thumbnail {
	margin-top : 10px;
}
.bigpict {
	float : right;
}
.convertme {
	float : right;
	padding : 0px;
	margin-bottom : 7px
}
.combo {
	float : left;
	margin : 5px
}
.voucher {
	margin : 10px;
}
.banner {
	margin:7px 0px 7px 0px;
}
.welcome {
	float : left;
	padding : 13px 0px 0px 0px;
}
.formbutt{
	vertical-align : top;
}

/* FORMS */
.formatme {
	margin : 2px; 
	font-family : Arial, Tahoma, Verdana, sans-serif;  
	color : #000000; 
	background-color : #fff3c6; 
	font-weight : normal; 
	font-size : 10pt; 
}
.formatcombo {
	margin : 2px; 
	font-family : Arial, Tahoma, Verdana, sans-serif;  
	color : #be0000; 
	background-color : #fff3c6; 
	font-weight : bold; 
	font-size : 16pt; 
}
.formatme2 {
	margin : 3px; 
	font-family : Arial, Tahoma, Verdana, sans-serif;  
	color : #000000; 
	background-color : #ffffff; 
	font-weight : normal; 
	font-size : 10pt; 
}

/* ADVERTS */
.advert0 {
	margin : 1px; 
	padding : 7px;
	font-size : 75%;
}

.advert1 {
	margin : 1px; 
	padding : 7px;
	font-size : 75%; 
	text-align : center;
}

.advert2 {
	margin : 1px; 
	padding : 7px 95px 7px 7px;
	font-size : 75%; 
	height : 100px; 
}

.advert3 {
	margin : 1px; 
	padding : 7px 95px 7px 7px;
	font-size : 75%; 
/*	height : 100px; */ 
}

.categoryMap {
	margin: 20px;
}

.categoryMap dl {
	margin: 10px;
}

.categoryMap dd {
	margin-top: 5px;
	margin-left: 30px;
}

.topCategory {
	border: 2px black;
	border-style: solid;
	padding: 5px;
}

.normalCategory {
	border: 1px black;
	border-style: dotted;
}

.extendedCategory {
	border: 1px red;
	border-style: solid;
}