#connect{width:270px;height:60px;float:right;padding-top:46px;padding-left:10px;margin-top:-46px;}
.icon{float:left;margin-left:5px;border:none;}
a.news{text-decoration:underline;}
a.newsheadlines{text-decoration:underline;color:#0000cc}
.faded{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.30;zoom:1;}
.faded2{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.30;zoom:1;}
.tbodyline{background-color:#CCCCFF;border:1px #dddddd solid;}
.rbodyline{background-color:#CCFFCC;border:1px #dddddd solid;}
.pbodyline{background-color:#FFFFCC;border:1px #dddddd solid;}
.tmainline{background-color:#ffffff;border:1px #dddddd dotted;}
.tnewline{background-color:#f8f8f8;border:1px #3333CC solid;}
.greyline{background-color:#F2F2FF;border:1px #dddddd solid;}
.newgreyline{background-color:#fffccc;border-top:1px solid #dddddd}
.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 #dddddd solid;}
.xwhiteline{background-color:#ffffff;border:1px #dddddd solid;}
.xxgreyline{background-color:#E9F4FE;border:1px #dddddd solid;}
.xpinkline{background-color:#FFCCCC;border:1px #dddddd solid;}
.yellowbox{background-color:#fffccc;border:1px #dddddd solid;margin:5px;padding:10px;}
.pinkbox{background-color:#ffffff;border:1px #dddddd solid;margin:5px;padding:10px;}
.greybox{background-color:#dddddd;border:1px #dddddd solid;margin:5px;padding:10px;}
.bluebox{background-color:#ccccff;border:1px #dddddd solid;margin:5px;padding:10px;}
.whitebox{background-color:#ffffff;border:1px #dddddd solid;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 #dddddd solid;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;}
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%;}
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}

.buttons a {color: #000000;background-color: #eeeeee;padding: 2px;padding-left: 3px;display: block;font: 9pt Arial, sans-serif;text-decoration: none;text-align: left;margin-top: 1px;}
.buttons a:hover {background-color: #ffffff; text-decoration: none; color: bb0000;}

.xbuttons a {color: #000000;background-color: #eeeeee;padding: 2px;padding-left: 3px;display: block;font: 9pt Arial, sans-serif;text-decoration: none;text-align: left;font-weight:bold; margin-top: 1px;}
.xbuttons a:hover {background-color: #ffffff; text-decoration: none; color: bb0000;}


.jbuttons {color: #006699;
background-color: #E1E4F2; 
padding: 2px;
padding-left: 3px;
display: block;
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;}
.topmenu {text-align: center}
.botborder{border-bottom:1px #dee6e9 solid;}
.z3bodyline{background:url(https://www.loquax.co.uk/07test/lbluegradienty.jpg) repeat-x top right;border-bottom:0px #006699 solid;}
.z4bodyline{background:url(https://www.loquax.co.uk/07test/lbluegradient.jpg) repeat-x top right;border-top:2px #ffcc66 solid;}
table.sample{border-width:1px 1px 1px 1px;border-spacing:0px;border-style:dotted dotted dotted dotted;}
table.sample{border-width:1px 1px 1px 1px;border-spacing:2px;border-style:dotted dotted dotted dotted;border-collapse:separate;background-color:white;}
table.sample2{border-width:2px 2px 2px 2px;border-spacing:2px;border-style:dotted dotted dotted dotted;border-collapse:separate;border-color:#006E2E; background-color:white;}
.coupon{background-color:#EFEFFF;width:100px;padding:5px;text-align:center;border:3px dashed #ccc;}
.coupon2{background-color:#fffccc;width:100px;padding:5px;text-align:center;border:3px dashed #ccc;}
.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;}
.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;}
img.floatright{float:right;margin:1;margin-top:120px;width:125px;}
#dhtmltooltip{position:absolute;width:150px;border:2px solid black;padding:2px;background-color:lightyellow;visibility:hidden;z-index:100;filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}



.jthe_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(https://www.loquax.co.uk/images/Blue2.png) no-repeat;
width:50px;
height:50px;
margin:1;
padding-right:4px;
padding-bottom:4px;
}


.kthe_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(https://www.loquax.co.uk/images/red3.png) no-repeat;
width:50px;
height:50px;
margin:1;
padding-right:4px;
padding-bottom:4px;
}


.xkthe_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(https://www.loquax.co.uk/images/red3x.png) no-repeat;
width:42px;
height:42px;
margin:1;
}


.xjthe_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(https://www.loquax.co.uk/images/Blue2x.png) no-repeat;
width:42px;
height:42px;
margin:1;
}



.lthe_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(https://www.loquax.co.uk/images/orange1.png) no-repeat;
width:50px;
height:50px;
margin:1;
}


.jdate_m {
display:block;
font-size: 9pt;
margin:1;
font-weight: bold;color:#ffffff;
text-align:center;
}

.jdate_d {
display:block;
font-size:10pt;
font-weight:bold;
margin:0;
padding:0.4em 0 1.0em 0;
text-align: center;
}


.xjdate_m {
display:block;
font-size: 8pt;
margin:1;
font-weight: bold;color:#ffffff;
text-align:center;
}

.xjdate_d {
display:block;
font-size:10pt;
font-weight:bold;
margin:0;
padding:0.3em 0 1.0em 0;
text-align: center;
}




	p.duck{
		float:left;
		margin-top: 0;
		margin-right:10px;
		border:0px solid #999;	
	       }

p.duck1 { margin-top: 0; }




/* Floating column for labels: 25% width */
.col-20 {
  float: left;
  width: 25%;
  margin-top: 6px;
display: inline-block;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
display: inline-block;
}

/* Floating column for labels: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
display: inline-block;
}

/* Floating column for labels: New thread width */
.col-thread {
   float: center;
  width: 640px;
}

/* Floating column for labels: 100% width */
.col-100 {
  float: left;
  width: 450px;
  margin-top: 6px;
display: inline-block;
}


/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, .col-100 {
    width: 100%;
    margin-top: 0;
  }
  .col-thread {
    width: 100%;
  }

  .col-20 {
    width: 50%;
    margin-top: 0;
  }

}