#body {background-image: url(http://www.loquax.co.uk/images/snowflakes_bkg.gif);}




body
{
	margin: 0px;
	padding: 0px;
	background-color: #FFF298;
	background: #FFF298;
	background-image: url(yellowmain.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-attachment: fixed;
	min-height: 100%;
	height: 100%;
}


.star{
	float: center;
	margin: 0
	display:inline;
	width: 75px;
	height: 76px;
	overflow: hidden;
	background: #ffffff url(http://shop.loquax.co.uk/images/star.jpeg) no-repeat;
}


.star2{
	float: center;
	margin: 0
	display:inline;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background: url(http://shop.loquax.co.uk/images/star2.gif) no-repeat;
}

.star3{
	float: center;
	margin: 0
	display:inline;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background: url(http://shop.loquax.co.uk/images/star3.gif) no-repeat;
}

.starday{
	padding: 30px 0 0;
	text-align: center;
	font-family: Arial,Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #bb0000;
}

.starday2{
	padding: 23px 0 0;
	text-align: center;
	font-family: Arial,Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #bb0000;
}

.starday3{
	padding: 12px 0 0;
	text-align: center;
	font-family: Arial,Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #bb0000;
}




TD.sidebar	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 8pt}
TD.boxes	{background-color: #cccccc}
font.titles	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 10pt; font-weight : bold; COLOR: #ffffff}
font.normal	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 10pt; COLOR: #000000}
font.xnormal	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 10pt; COLOR: #356AA0}
font.catheads	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt; font-weight : bold; COLOR: #0000bb}
font.smalltext	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 8pt}
font.redtext	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt; COLOR: #ff0000}
font.medtext {FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt}
p.medtext {FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt}
font.codetext, p.medtext {FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11pt}

font.hilitmedtext, p.hilitmedtext,	a.hilitmedtext {FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt; background-color: #FFFF66;}
font.hilit2medtext, p.hilit2medtext, a.hilit2medtext	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt; background-color: #FF88FF;}
font.hilit3medtext, p.hilit3medtext, a.hilit3medtext	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt; background-color: #88FF66;}
font.hilit4medtext, p.hilit4medtext, a.hilit4medtext	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt; background-color: #88FFFF;}
font.hilit5medtext, p.hilit5medtext, a.hilit5medtext	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt; background-color: #FFCCFF;}
font.hilitnewsmedtext, p.hilitnewsmedtext, a.hilitnewsmedtext	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9pt; background-color: #fffccc;}


a.news	{text-decoration: underline;}
a.newsheadlines {text-decoration: underline; color: #0000cc}
.dropdown {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.formtext {border:1px solid #000000; font-family: Arial, Verdana, Helvetica, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal;}
.tbodyline {background-color: #CCCCFF; border: 1px #cccccc dotted;}


.rbodyline {background-color: #CCFFCC; border: 1px #cccccc dotted;}
.pbodyline {background-color: #FFFFCC; border: 1px #cccccc dotted;}


.tmainline {background-color: #ffffff; border: 1px #cccccc dotted;}
.tnewline {background-color: #f8f8f8; border: 1px #3333CC solid;}
.greyline {background-color: #F2F2FF; border: 1px #cccccc dotted;}


.button	{border-style: outset; border-width: 1px; background-color: #E1E4F2} 
.buttontwo	{border-style: outset; border-width: 1px; background-color: #CCCCFF}
.buttoncomp	{border-style: outset; border-width: 1px; background-color: #3333CC;}
.buttonoffer	{border-style: outset; border-width: 1px; background-color: #3399FF}
.buttonid	{border-style: outset; border-width: 1px;background-color: #ffcc66}
.xgreyline	{background-color: #fffccc; border: 1px #cccccc dotted;}
.xwhiteline	{background-color: #ffffff; border: 1px #cccccc dotted;}
.xxgreyline	{background-color: #EFEFFF; border: 1px #cccccc dotted;}

.newgreyline	{background-color: #fffccc; border-top: 1px solid #dddddd}




.xpinkline	{background-color: #FFCCCC; border: 1px #cccccc dotted;}


.yellowbox	{background-color: #fffccc; border: 1px #cccccc dotted; margin: 5px;padding: 10px;}
.pinkbox	{background-color: #ffffff; border: 1px #cccccc dotted; margin: 5px;padding: 10px;}
.greybox	{background-color: #cccccc; border: 1px #cccccc dotted; margin: 5px;padding: 10px;}
.bluebox	{background-color: #ccccff; border: 1px #cccccc dotted; margin: 5px;padding: 10px;}
.whitebox	{background-color: #ffffff; border: 1px #cccccc dotted; margin: 5px;padding: 10px;}
.redbox1	{background-color: #ffffff; border: 1px #ff6666 solid; margin: 5px;padding: 10px;}
.goldbox1	{background-color: #ffffff; border: 1px #ffcc66 solid; margin: 5px;padding: 10px;}
.lbbox	{background-color: #E9F4FE; border: 1px #cccccc dotted; margin: 5px;padding: 10px;}


.seethrubox	{background-color: #ffffff; border: none;margin: 20px;padding: 10px;}
.greybox	{background-color: #efefef; border: none;margin: 20px;padding: 10px;}
ul.nodots	{list-style-type: none;padding: 0px;}
.greyed		{color: #666666; font-weight: bold;}
input.mainoption {background-color : #FAFAFA;font-weight : bold;font-size: 10px;}

.tcat
{
	background: #448CCB url(http://forums.loquax.co.uk/images/gradients/cat_tile.gif) repeat-y top right;
	color: #FFFFFF;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}




div#menu{float:right;background: #E8EEF2}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav li{float:left;width:7em;margin-right:2px;text-align: center}
ul#nav a{display:block;text-decoration:none;padding:2px 0 5px;background: #ffcc66;
    color: #000}
ul#nav li.activelink a,ul#nav a:hover{color: #999}

div.news{width: 120;margin-bottom: 0px}
h3.news{margin:0;padding: 0 0 0px;background: url(http://www.loquax.co.uk/07test/yellowgradientx.jpg) repeat-x top right;color: #000;text-align: center}
h3.cnews{margin:0;padding: 0 0 0px;color: #dda0dd;text-align: center}
p.news{background: #ffffff;margin:0;padding: 5px 10px;line-height: 1.3;text-align: justify}


div.n1{background: url(http://www.loquax.co.uk/07test/yellowgradientx.jpg) repeat-x top right;}
div.n2{background: #fffccc}
div.n3{background: #8EE6F8}
div.n4{background: #CFCFCF}


.sbodyline {background: url(http://www.loquax.co.uk/07test/yellowgradientx.jpg) repeat-x top right; border: 1px #cccccc dotted;}
.z2bodyline {background: url(http://www.loquax.co.uk/07test/yellowgradientx.jpg) repeat-x top right; border: 1px #cccccc dotted;}

.z3bodyline {background: url(http://www.loquax.co.uk/07test/lbluegradienty.jpg) repeat-x top right; border: 0px #cccccc dotted;}

.z4bodyline {background: url(http://www.loquax.co.uk/07test/bluegradient.jpg) repeat-x top right; border: 0px #cccccc dotted;}


.zbodyline {background: url(http://www.loquax.co.uk/07test/yellowgradientx.jpg) repeat-x top right; border: 1px #cccccc dotted;}
.xgreenline {background: url(http://www.loquax.co.uk/07test/yellowgradientx.jpg) repeat-x top right; border: 1px #cccccc dotted;}
div.cnews{width: 550;margin-bottom: 0px}
table.toptable 
{ 
width:850; 
} 
td.ctable { width:570; }
table.ctable { width:550; } 

table.tabcent1 {width:540;border:0}
td.tabcent1 {width:100%;background-color: #EFEFFF;}
td.tabcent2 {width:100%;background-color: #EFEFFF; border-top: 1px solid #DDDDDD;}
td.tabcent3 {width:100%;background-color: #D6EBAD; border-top: 1px solid #DDDDDD;}
hr.tabcent1 {border: 0; color: #ccccff; background-color: #ccccff; height: 1px; width: 100%;}


.buttonscontainer {width: 125px;}

.buttons a {color: 000000;
background-color: #E1E4F2;

padding: 2px;
padding-left: 3px;
display: block;
border-left: 3px solid #ffcc66;
font: 9pt Arial, sans-serif;
text-decoration: none;
text-align: left;
margin-top: 1px;}

.buttons a:hover {border-left: 3px solid #006699; background-color: #ffffff;
text-decoration: none;
color: bb0000;}

.jbuttons {color: #006699;
background-color: #E1E4F2; 
padding: 2px;
padding-left: 3px;
display: block;
border-left: 3px solid #ffcc66;
border-top: 3px solid #ffffff;
font: 9pt Arial, sans-serif;
text-decoration: none;
text-align: left;
margin-top: 1px;
font-weight: bold;
}


.topmenu a {color: 000000;
font: 9pt Arial, sans-serif;
text-decoration: none;
margin-bottom: 1px;
font-weight: bold;}

.topmenu a:hover {text-decoration: none;
color: bb0000;}


.botborder {border-bottom: 1px #dee6e9 solid;}

.z3bodyline {background: url(http://www.loquax.co.uk/07test/lbluegradienty.jpg) repeat-x top right; border-bottom: 0px #006699 solid;}
.z4bodyline {background: url(http://www.loquax.co.uk/07test/lbluegradient.jpg) repeat-x top right; border-top: 2px #ffcc66 solid;}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: dashed dashed dashed dashed;

}

table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 3px;
	border-style: dashed dashed dashed dashed;

	border-collapse: separate;
	background-color: white;
}