#xramp_divshow{
Z-INDEX:5;
}
body {
height:100; overflow:auto;
font:10px;
	font-size:10px;
	background-color: #DDAC7D;
	color:#000000;
	padding:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	font-family: Verdana,Arial;
	/* Need to set font-size to 10px
	*  So em value 1 would = 10px
	*  Get it! If Not ask copperman.co.uk
	*/	
}
h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1.2em; border:0; margin:0; padding:0; }
hr {margin:0.4em 0 0.3em 0; padding:0; }
h1, h2, h3 {border:0; margin:0; padding:0; text-align:center;}
ul, li, {border:0; margin:0; padding:0;}
p, {border:0; margin:0; padding:0;}
.locall {
font-size:1.7em;
font-weight:bold;
color:#008752;
border:0; margin:0; padding:0;
}
.linesopen{font-size:1.4em; color:#FF0000; border:0; margin:0; padding:0; font-weight:bold;}
.phone_number {
font-size:2.2em;
font-weight:bold;
color:#000000;
}
.int_phone_number {
font-size:1.7em;
font-weight:bold;
color:#000000;
border:0; margin:0; padding:0;
}
.categorypriceitalic {color: #000000; font-style:italic; font-weight:bold;}
.categoryprice {color: #000000; font-style:italic; font-weight:normal;}
/*
.categorypriceitalic {text-decoration:blink; color: #000000; font-style:italic; font-weight:bold;}
.categoryprice {text-decoration:blink; color: #000000; font-style:italic; font-weight:normal;}
*/
/* News table style */
.newsTable{
border:0.05em solid #993300;
background-color:#EEEADA;
font-size:1em;
}
/* Home Page New CSS*/
/* 
* KARL BORDERS
* BORDER WIDTH TO BE SET IN EM
* ie BORDER="0EM" OR BORDER="0.4EM"
* NOT ALL BROWSERS PIC
*/

/* BORDERS */
/* Three definions need to be set for borders to be cross browser compatible. 
border - identifies how thick the border is. Browser-width is not used as some browsers do weird things with it. To set no border, border = 0. Border=0 may need to be set regardless as some browser may add a border automatically to some elements.
border-width - Really this is doubling up on the previous command. The reason is that some browsers do not pick up the 'thin, medium, thick' command, or they decide how thick, thick really is!
border-color - Obvious but it prevents some browsers from trying to be helpfull and providing their own colour scheme for certain elements.
Using these commands I have found to work in the 5 main browsers - firefox, IE, opera, safari, and netscape.
.DUMMYCLASS	{ border=0.4em;
			  border-width=solid;
			  border-color=#000000;
			  }
*/
.head{ height:100%; overflow:hidden;  background-color:#FFFFFF;}
.headleft{ width:335px; height:120px; float:left;}
.headright{ width:335px; height:120px; float:right;}
.headright form{padding:0; margin:0;}
.headlogos{ text-align:center; float:left; margin:0.8em 0.4em 0.8em 0.4em;}
 #FloatLeft
{
float: left;
margin: 0;
}
 #FloatRight
{
float: right;
margin: 0;
}
/* Product, maker, category ect. table style */

.printonly {
display:none;
}
.panelHeader { font-size: 1.em; color: black; font-weight: bold; height:1.3em; }
.panelHeader A:HOVER{ font-size: 1.em; font-weight: bold; height:1.3em; }
.portfolioTable{
width:100%;
height:100%;
/*background:#ffffff; */
color:#000000;
font-size:1em;
font-weight:normal;
vertical-align:top;
text-align:left;
float:right;
}
.site_map{
background:#EEEADA;
border:0.05em solid #993300;
font-size:1em;
padding:0.4em;

/*width:inherit;
height:inherit;
position:relative;*/
}
/* Main table style */
.main_table{
text-align:center;
background:#DDAC7D;
/*border:0.05em solid #993300; */
/*padding:0em; */
vertical-align: top;
/* border-style:double; */
font-size:1.2em;
/* width:inherit; */
/*height:inherit; */
position:relative;
}
.main_table a{
font-weight:bold;
font-size:1.0em;
}
.main_table a:HOVER{
color:#FF9933;
font-weight:bold;
font-size:1.0em;
}
.AreaTable{
border:0.05em solid #993300;
background-color:#EEEADA;
font-size:1em;
/* height:100px; */
}
.AreaTable h1 {
font-size: 1.2em; 
font-weight: bold; 
margin-bottom: 0.1em;
/* height:13px; */
}
.AreaTable h3 {
font-size: 1em; 
font-weight: bold; 
margin-bottom: 0.1em;
}
.AreaTable a:LINK{
font-weight: bold;
}
.AreaHeader h1 {
font-size: 1.2em; 
color: #FFFFFF; 
font-weight: bold; 
/* height:13px; */
}
.AreaHeader {
font-size: 1em; 
color: #FFFFFF; 
font-weight: bold; 
/* height:13px; */
}

.portfolio_display_tbl{
background:#EEEADA;
border:0.05em solid #993300;
font-size:1.2em;
padding:0.4em;
text-align:left;
margin:0.4em;

/*width:inherit;
height:inherit;
position:relative;*/
}
.portfolioHeader {
/*font-size: 14pt; 
color: #000000; 
font-weight: bold; */
/*height:13px;
float:left;*/
}

.portfolioHeader h1 {
font-size: 1.3em; 
color: #000000; 
font-weight: bold; 
/* height:13px; */
}


.portfolioHeader h2 {
font-size: 1.3em; 
color: #000000; 
font-weight: bold; 
/* height:13px; */
}
.portfolioHeader h3 {
font-size: 1.2em; 
color: #000000; 
font-weight: bold; 
/* height:13px; */
}
.portfolioTitle {
font-size: 1em; 
color: #000000; 
font-weight: bold;
/* height:13px;*/
}
.floatLeft {
float:left;
}
.portfolioTitle h3 {
font-size: 1.2; 
color: #000000; 
font-weight: bold; 
/* height:13px;*/
}
 .entryTable{
background:#EEEADA;
border:0.05em solid #993300;
font-size:1em;
width:100%;
height:inherit;
position:relative;
}
.entryTable h2 {
font-size: 1.1em;
vertical-align:middle;
color: black; 
font-weight: bold; 
}
.entryTable h3 {
font-size: 1em; 
color: #000000; 
font-weight: bold; 
margin-top:0em;
margin-bottom:0em;
}
.entryTableTitle {
font-size: 1em; 
color: black; 
font-weight: bold; 
}
.entryTable h1 {
font-size: 1.4em; 
color: black; 
font-weight: bold; 
}
entryTableHeader{
font-size: 1.4em; 
color: black; 
font-weight: bold; 
/*height:13px;*/
}
.flagUnread {
font-size: 1em; 
font-weight:bold;
color:#000000;
}
.commentDisplay {
font-size: 1em; 
color:#993300;
}
.commentDisplay h2 {
font-size: 1.1em; 
color: black; 
font-weight: bold; 
}
.poDisplay {
font-size: 1em; 
color:#000000;
}
.poDisplay h2 {
font-size: 1.2em;
text-align:left;
color: black; 
font-weight: bold;
margin:0em; 
}
.poDisplay h3 {
font-size: 1.4em;
text-align:left;
color: black; 
font-weight: bold;
margin:0em; 
}
a {color: #993300; font-size:1em; font-weight: normal; text-decoration: none; height:1.5em;}
a:HOVER {font-size:1em; font-weight: normal; color: #993300; text-decoration: underline; height:1.5em; }
.button { font-size:1em;}
.mouseOver { color: #000000; text-decoration: none; }
.mouseOver:HOVER { color: #AA0000; text-decoration: underline; }
p.right { float: right; }
.left { float: left; }
.pagehead{
position:relative;
text-align:center;
height:11.8em;
width:100%;
}

.cookietrail {
font-size:1.2em;
}
table.cookietrail a{
font-size:1.1em;
color: #FFFFFF;
text-decoration: underline;
}
table.cookietrail a:visited{
color: #FFFFFF;
text-decoration: underline;
}

table.cookietrail a:hover {
color:#FFFF00;
text-decoration:underline;
}
.sidemenu{
width:20em;
text-align:center;
min-width:20em;
}

.toplogo{
padding-top:0.5em;
padding-left:1em;
float:left;
height:11em;
width:41em;
}
.pagenav{
font-size:1.0em;
font-weight:bold;
}
.navdiv{
background-color:#EEEADA;
border:0.05em solid #993300;
font-size:1.3em;
} 
.navbar {
position:absolute;
display:inline-table;
	width:100%;
	height:2.1em;
	background-color:#993300;
	min-height:2.1em;
	min-width:50em;
}

.navbarheader {
position:relative;
display:inline-table;
	width:100%;
	height:2.1em;
/*	background-color:#993300; */
/*	min-height:21px; */
	min-width:50em;
}

.navholder{
position:relative;
width:100%;
height:2.1em;
border:0;
}

.topheading{
float:right;
top:0;
text-align:center;
font-size:2em;
font-weight:bold;
height:1.1em;
padding-top:0.2em;
}


.contentframe{
position:relative;
width:100%;
}

.content{
padding:0.5em;
}

.navmenu{
float:left;
width:1.8em;
}

.servareas{
clear:both;
width:100%;
padding:0.3em;
}
.loghdr {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
} 
.loghdr a{
	font-size: 1.1em;
	font-weight:bold;
	color: #000000;
} 
.loghdr a:HOVER{
	font-size: 1.1em;
	font-weight:bold;
	text-decoration:underline;
	color: #FF0000;
} 
.addhdr {
	font-size: 1.1em;
	font-weight: bold;
	color: #993300;
}
#fttxt {
	font-size: 0.8em;
	color: #990099;
	text-align:center;
	width:100%;
}
.fttxt {
	font-size: 0.8em;
	color: #993300;
	text-align:center;
	width:100%;
}
.men_li {
	font-size: 1.6em;
	color: #990099;
}
.logotxt {
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}
.txt1{
	text-align: left;
	font-size: 1.2em;
}

.frame{
	border:none;
	padding:0;
	width:98%;
	height:10em;
	text-align:center;
	/*vertical-align:top;*/
	float:none;
	clear:both;
}
.framecell{
	border:none;
	padding:0.2em;
	width:49%;
	height:10em;
	/*vertical-align:text-top;*/
	text-align:center;
}
.homeframe{
	width: 74.8em;
	border:none;
	padding:0;
}
.logintable{
	background: #FFFFFF;
}

.securityerrortxt{
	color:#FF0000;
	font-size:1em;
	font-weight: bold;
}
.securitylabeltxt{
	font-size: 1em;
	font-weight: normal;
	color: #000000;
}
.securitytable{
	border:none;
	width:auto;
	height:auto;
}
.securityheadertxt{
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
.securitybox{
	border:none;
	width:100%;
	padding:0;
	margin:0;
}
.securitypagelabelcell{
text-align:right;
	width:auto;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
.securitypageentrycell{
text-align:left;
	width:auto;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
.securityboxlabelcell{
text-align:right;
	width:auto;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
.securityboxentrycell{
text-align:left;
	width:auto;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
.cartbox{
	border:0;
	text-align:center;
	width:100%;
}
img{
	border:none;
	margin:0 0.5em 0 0;
}

/* SET GAP BETWEEN FLOAT LEFT IMAGE AND TEXT IN TOP CATEGORY */
img.padd{ 
padding-left:0.0em;
padding-top:0.0em;
padding-right:0.4em;
padding-bottom:0.0em;
}
.servdispbox{
width:96%;
border:0.05em solid #993300;
min-height:13.6em;
background:#EEEADA;
color:#000000;
font-size:1.0em;
vertical-align:top;
text-align:left;

padding:0.4em;
margin:0.1em;
}
.catdispbox{
/*width:100%;*/

height:100%;
background:#EEEADA;
color:#000000;
font-size:1.0em;
font-weight:normal;
vertical-align:top;
text-align:left;
float:right;
}

.catdispbox a{
color:#993300;
font-weight:bold;
}
.catdispbox a:hover{
color:#993300;
font-weight:bold;
}
.catdispbox img{
float:left;
clear:left;
vertical-align:top;
}
.catdispbox h1{
text-align:center;
font-size:1em;

}
.catdispbox h3{
color:#993300;
text-align:center;
font-size:1.5em;
font-weight:normal;
margin-top:0em;
margin-bottom: 0.2em;
}






.smallcatdispbox{
/*width:100%;*/

height:100%;
background:#EEEADA;
color:#000000;
font-size:0.75em;
font-weight:normal;
vertical-align:top;
text-align:left;
float:right;
}

.smallcatdispbox a{
color:#993300;
font-weight:bold;
font-size:1.1em;
}
.smallcatdispbox a:hover{
color:#993300;
font-weight:bold;
font-size:1.1em;
}

.smallcatdispbox h1{
text-align:center;
font-size:1.1em;

}
.smallcatdispbox h3{
color:#993300;
text-align:center;
font-size:1.5em;
font-weight:normal;
margin-top:0em;
margin-bottom: 0.2em;
}


.smallmakdispbox{
/*width:100%;*/

height:100%;
background:#EEEADA;
color:#000000;
font-size:1.0em;
font-weight:normal;
vertical-align:top;
text-align:left;
float:right;
}

.smallmakdispbox a{
color:#993300;
font-weight:bold;
font-size:1.1em;
}
.smallmakdispbox a:hover{
color:#993300;
font-weight:bold;
font-size:1.1em;
}

.smallmakdispbox h1{
text-align:center;
font-size:1.0em;

}
.smallmakdispbox h3{
color:#993300;
text-align:center;
font-size:1.1em;
font-weight:normal;
margin-top:0em;
margin-bottom: 0.2em;
}






.newpage{
position:relative;
width:100%;
}

.newpageleft {
position:absolute;
left:0;
width:16em;
text-align:center;
background:#F1F1F1;
max-width:16em;
float:none;

}
.newpageleftspacer{
background:#999999;
width:0.1em;
left:16.2em;
max-width:0.1em;
float:none;
position:absolute;
}

.newpagerightspacer{
background:#999999;
width:0.1em;
max-width:0.1em;
right:16.2em;
float:none;
position:absolute;
}
.newpageright {
right:0;
width:16em;
text-align:center;
background:#F1F1F1;
max-width:16em;
position:absolute;
float:none;
}
.newpagemiddle{
position:absolute;
left:16.5em;
right:16.5em;
float:none;
clear:both;
}
.newpagebottom{
float:none;
clear:both;
position:relative;
bottom:0;
}

.proddispbox{
width:100%;
height:100%;
background:#EEEADA;
color:#000000;
font-size:0.75em;
font-weight:normal;
vertical-align:top;
text-align:left;

}
.proddispbox a{
color:#993300;
font-weight:bold;
font-size:1.1em;
}
.proddispbox a:hover{
color:#993300;
font-weight:bold;
font-size:1.1em;
}
.proddispbox h1{
text-align:center;
font-size:1.1em;
margin:0em;
}
.proddispbox h3{
text-align:center;
font-size:1em;
margin:0em;
}
.relatedprod{
text-align:center;
font-size:0.7em;
}
.relatedprod a{
color:#993300;
font-weight:bold;
font-size:1em;
}
.relatedprod a:hover{
color:#000000;
font-weight:bold;
font-size:1em;
}
.item_hdr{
text-align:center;
font-size:1.2em;
margin:0em;
display:block;
}
.item_dis{
width:46%;
margin:0.5em;
display:inline;
}
.kitchendisplaytable{
font-size:1.1em;
background:#EEEADA;
padding:0.4em;
margin: 0.2em 0 0 0.1em;
}

.kitdispbox{
/*width:100%;*/
border:0.05em solid #993300;
height:100%;
background:#EEEADA;
color:#000000;
font-size:1.0em;
font-weight:normal;
vertical-align:top;
text-align:left;
float:right;
}


/* Product, maker, category ect. table style */
.display_tbl{
background:#EEEADA;
border:0.05em solid #993300;
font-size:1.2em;
/*width:inherit;*/
/*height:inherit;*/
/*position:relative;*/
}


/* Product, maker, category ect. table style */
.display_portfolio_tbl{
border: 0.1em solid #993300;
background:#EEEADA;
font-size:1.2em;
text-align:left;
vertical-align:top;
text-indent:10em;

}

/* qda_*  layout functions for Quote Display Admin (old KitchenDisplay)  */
.qda_checklabel{
font-size:0.8em;
}

/* error message */
.qda_error{
background-color:#FF0000;
color:#000000;
}

/* block style */
.qda_block{
background-color:#EEEADA;
color:#000000;
border:0.05em solid #993300;
padding:0.2em;
margin:0.5em;
}
/* block header */
.qda_block_title{
text-align:center;
background-color:#9A6864;
color:#FFFFFF;
font-weight:bold;
}

/* TEST CSS FOR TOOL TIP MOUSE OVER WINDOW
DEVELOPMENT FOR HOTLINK FUNCTION - KARL
*/

#wrapper {
width: 110px;
height:50px;
background-color:#fff;
border:1px double #006;
margin:1px auto;
}
.container {
height:16px;
width:16px;
margin: 20px auto;
}
a.info {
clear:both;
position:relative; /*this is the key*/
left:50px;

z-index:0;
color:#666;
font-style:oblique;
text-decoration:none;
display:block;
margin: 0 5em 0 0;
float:right;

}
.spanny {
margin:0 3px;
float:left;
}
a.info .ttip {
display: none;
float:left;
}
a.info:hover{
z-index:1;
/*background-color:#fff;*/
}
a.info:hover .ttip {
display:block;
position:absolute;
top:20px;
left:40px;
width:100px;
border:3px double #0cf;
background-color:#cff;
color:#099;
font-size:10px;
font-style:normal;
padding:5px;
}
#pic {
background-image:url(/images/page/info.png);
border:0;
width:1.4em;
height:1.4em;
}
a.info:hover #pictip {
top:-120px;
left:-280px;
width:240px;
border:3px double #993300;
background-color:#FFFFFF;
color:#000000;
font-size:1.2em;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-align:justify;
padding:10px;
}
/* END OF TEST CSS FOR TOOL MOUSE OVER WINDOW
*/

/* New Search Form CSS Classes */
.singlewidthlist{
border:1;
width:225px;
max-height:400px;
overflow:auto;
}

.singlewidthlist label{
display:block;

}


.rowfilllist{

}