@charset "utf-8";
html, body,td,th {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #333333;
}

td img {display: block;}

a {
	text-decoration: none;
	color: #CC0000;
}

a:hover { color: #990000; }

#container {
	width: 100%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

#logo {
	width: 500px;
	height: 100px;
	margin-top: 0;
	top: 0px;
	left: 0px;
	z-index: 1;
	margin-left: 0px;
}

#logo h1 {
	padding-top: 77px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 96px;
	font-size: 12px;
	color: #323232;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#logo h2 {
	padding: 0 0 0 42px;
	text-transform: lowercase;
	font-size: 1em;
}
#logo a { color: #323232; }
#logo a:hover {
	color: #CF1012;
	text-decoration: underline;
}

#header { 
	clear: both;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#header ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}
#header li { display: inline; 
}
#header a {
	padding: 10px 10px 10px 16px;
	text-decoration: none;
	color: #666666;
	background-image: url(images/triangle_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#header a:hover, #header .active a {
	text-decoration: none;
	color: #CC0000;
}
#header .advert {
	display: block;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	text-align: center;
}
#header .advert a {
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	background-image: none;
}

#sidebar1 {
	float: left; 
	width: 220px;
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px; /* top and bottom padding create visual space within this div */
}
#sidebar2 {
	float: right;
	width: 220px; /* top and bottom padding create visual space within this div */
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(i/topbox.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.topbox {
	background-image: url(i/topbox.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 8px;
}
#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

#mainContent {
	margin-right: 10px;
	padding-right: 10px;
}

#copyright {
	background-color: #DBE5EC;
	color: #999999;
	text-align: right;
	height:30px;
	padding-right: 20px;
}

#copyright a {
	margin: 0;
	border: 0;
	color:#CC0000;
}

#copyright a:active, #copyright a:hover {
	color:#990000;
	margin: 0;
}

#footer {
	padding: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #DBE5EC;
	height: 80px;
	border-top: 4px solid #D6D5D5;
	font-size: x-small;
} 

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}
#footer li {
	display: inline;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
}
#footer a {
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

#footer a:hover, #footer .active a {
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	background-color: #DDEEEE;
}
#feedback {
	padding-right: 20px;
	padding-left: 20px;
}
#feedback textarea {
	height: 50px;
	width: 60%;
	float: left;
}
#feedback input {
	height: 40px;
	width: 180px;
	font-size: 14px;
	border: 2px solid #b1b1b1;
	padding: 10px;
	margin: 10px;
	background-color: #f2f2f2; 
}
input.hidden_field {
	border: 0px solid #000000;
	padding: 0px;
}
.commentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #CC0000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
}
.commentnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #CC0000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
}
.comment {
	font-size: x-small;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 2px;
	margin-bottom: 4px;
	padding-top: 2px;
	padding-bottom: 8px;
}

.comments {
	font-size: x-small;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 8px;
	margin: 4px;
}
.commentsheader {
	font-size: 18px;
	text-align: left;
}
#questionform {
	width: 700px;
	margin: 3px;
	padding: 8px;
	background-color: #DBE5EC;
	border: 1px dotted #666666;
}
.commentsform {
	margin: 3px;
	padding: 8px;
	background-color: #DBE5EC;
	border: 1px dotted #666666;
}
.commentdate {
	color: #FFFFFF;
	background-color: #CCCCCC;
	text-align: center;
	border: 1px solid #999999;
	width: 50px;
	padding: 6px;
	margin: 3px;
}
.commentday {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.commentmonth {
	font-size: 16px;
}
.commenttime {
	font-size: 9px;
}
.commentbutton {
	BORDER-RIGHT: #999999 thin solid; 
	BORDER-TOP: #DDDDDD thin solid; 
	MARGIN-TOP: 2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #DDDDDD thin solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #999999 thin solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff;
}
.inputbox {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 3px; 
	BACKGROUND: #fff; 
	MARGIN-BOTTOM: 10px; 
	PADDING-BOTTOM: 3px; 
	FONT: 11px monaco, verdana, sans-serif; 
	BORDER-LEFT: #ccc 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #ccc 1px solid; outline: none;
}
#ad_form #the-ad-price{
	font-size: x-small;
	color: #333333;
}
.exclaim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight:bold;
	color: #CC0000;
	background-image: url(pi/exclaim.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight:bold;
	color: #CC0000;
}
.redbox {
	color: #CC0000;
	border: 1px dashed #990000;
	background-color: #F4F4F4;
}
.colour_bar {
	background-color: #999999;
	height: 2px;
	padding: 2px;
	margin: 2px;
}
.heading {
	font-size: 12pt;
	font-weight: bold;
	color: #CC0000;
}
.link {
	margin: 4px;
	padding: 8px;
	background-color: #FEFEFE;
	border: 1px dotted #666666;
}
.link_MEMBER, .link_MEMBER_0 {
	margin: 4px;
	padding: 8px;
	background-color: #EDEDED;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EDEDED;
}
.link_LINK, .link_LINK_0 {
	background-color: #FFFFFF;
	margin: 4px;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EDEDED;
}
.link_MEMBER_1 {
	margin: 4px;
	padding: 8px;
	background-color: #CDE8FF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EDEDED;
}
.link_MEMBER_1 a  strong{
	font-size: 1.3em;
	color: #030;
}
.link_MEMBER_1 .phone {
	font-size: 1.4em;
	font-weight: normal;
	font-family: "Arial Black", Gadget, sans-serif;
}
.link_LINK_1 {
	background-color: #FFFFFF;
	margin: 4px;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EDEDED;
}
.link_MEMBER_0:hover, .link_MEMBER_1:hover { background-color: #CAE9F9; }
.link_LINK_0:hover, .link_LINK_1:hover { background-color: #FAFAFA; }
.cat_link {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	height: 50px;
	width: 200px;
	float: left;
	background-image: url(i/topsbox.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.sub_link {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	height: 50px;
	width: 200px;
	float: left;
	background-image: url(i/topsbox.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.breadcrumbs {
	width: auto;
	background-image: url(i/pointers.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.question {
	font-size: medium;
	font-weight: bold;
	margin: 2px;
	width: 600px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 70px;
	background-image: url(i/ask_a_question.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
}
.answer {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 8px;
	margin: 4px;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.report {
	font-size: x-small;
	color: #CCCCCC;
	padding-left: 20px;
	background-image: url(i/pointer.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.report_links { text-align: right; }
.disc_bullet {
	list-style-type: disc;
	margin-top: 10px;
	font-weight: bold;
	margin-left: 20px;
}
.circle_bullet {
	list-style-type: circle;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 50px;
}
.red {
	color: #CC0000;
	font-weight: bold;
}
.ratings {
	outline: none;
	font-weight:bold;
	color: #333333;
	font-size: medium;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
.phone {
	font-weight: bold;
	color: #CC0000;
}
.silicon { width: 80%; }
.grey {
	color: #999999;
	font-size:x-small;
}
.small {
	font-size: x-small;
}
.theme {
	display: block;
	float: left;
	width: 200px;
}
#imgcode {
	font-size: 1.9em;
	font-weight: bold;
}
#ad_form .tabbed{
	margin-left: 200px;
	position: relative;
}
#ad_form label {
	font-weight: bold;
	width: 200px;
	float: left;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
#ad_form p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 220px;
}
#ad_form {
	padding-left: 80px;
	border: 1px dotted #E8E8E8;
	margin: 22px;
}
#ad_form label {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: .9em;
}
#ad_form p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 22px;
	padding-left: 0px;
	color: #333;
	font-size: 0.9em;
	font-weight: normal;
}
#ad_form fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -60px;
	color: #666;
}
#ad_form #the-ad-price {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -50px;
	font-size: 1.3em;
	color: #09C;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	padding: 12px;
}
.fields  fieldset {
	border: 1px solid #CCCCCC;
	padding-left: 12px;
	font-size: 1.2em;
	color: #333333;
	display: block;
	margin: 12px;
}
.fields fieldset ol li a {
	text-decoration: none;
	color: #AF4628;
}
.fields fieldset div a {
	color: #AD4527;
	text-decoration: none;
}
.fields fieldset ol li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fields span {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
}
.fields input {
	width: 90%;
	border: 1px solid #CCCCCC;
	font-size: 1.2em;
}
.fields  .required  {
	border: 1px solid #FF6600;
}
.fields .req {
	font-size: .64em;
	font-weight: normal;
}
.fields select {
	width: 90%;
	font-size: 1.2em;
}
.fields textarea {
	width: 90%;
	border: 1px solid #CCCCCC;
	font-size: 1.2em;
}
.fields #imgcode {
	width: 6em;
	border: 1px solid #FF6600;
	font-size: 1.2em;
}
#the_eventday {
	width: 100px;
}
#the_eventmonth {
	width: 200px;
}
#the_eventyear {
	width: 100px;
}
#the_expiryday {
	width: 100px;
}
#the_expirymonth {
	width: 200px;
}
#the_expiryyear {
	width: 100px;
}
.boxed {
	border: 1px solid #999;
	margin-left: 30px;
	padding: 4px;
	margin-right: 30px;
	background-color: #E8E8E8;
}
.boxed p {
	padding-left: 20px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.options ul {
	list-style-type: none;
}
.options  li {
	list-style-type: none;
	width: 33%;
	float: left;
	display: block;
	padding-bottom: 10px;
}
.options span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}
.fields .submit {
	width: 160px;
	height: 30px;
	float: right;
	margin-right: 60px;
	font-size: 1em;
	background-color: #EDEDED;
}
.smallbox {
	width: 20%;
	text-align: center;
	margin: 5px;
	padding: 5px;
}
.box {
	float: left;
	width: 20%;
	text-align: center;
	margin: 5px;
	padding: 5px;
}
.calNOT, .calOLD {
	height: 82px;
	width: 66px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 6px;
	background-image: url(images/calendar_expired.png);
	background-repeat: no-repeat;
}
.cal, .calYES {
	height: 82px;
	width: 66px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 6px;
	background-image: url(images/calendar.png);
	background-repeat: no-repeat;
}
.calmonth {
	font-size: 14px;
	color: #FFF;
	height: 16px;
	width: 60px;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.caldate {
	height: 42px;
	width: 60px;
	overflow: hidden;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	padding: 0px;
	color: #FFF;
}
.event {
	font-size: small;
	color: #962B03;
	margin: 12px;
	border: 1px dashed #CCCCCC;
	padding: 12px;
}
.events {
	font-size: small;
	color: #962B03;
	float: left;
	width: 40%;
	margin: 12px;
	border: 1px dashed #CCCCCC;
	padding: 12px;
}
 .event h3, .event h2, .events h3 {
	margin: 0px;
	padding: 0px;
	color: #999999;
	font-size: 0.9em;
	font-weight: normal;
}
.event h1, .events h4 {
	font-size: medium;
	margin: 0px;
	color: #023A83;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#twitter {
	text-align: left;
}
#twitterText {
	font-size: .8em;
}
#twitter p {
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.coloured {
	color: #FFF;
	background-color: #069;
}
.social {
	text-align: right;
	display: block;
}#cat_block {
	float: left;
	width: 30%;
	margin: 5px;
	padding: 5px;
}
#cat_block h1 {
	font-size: 1.3em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(pi/right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	text-decoration: none;
}
#cat_block h1 a {
	text-decoration: none;
	color: #C00;
}
#cat_block a {
	color: #333;
	text-decoration: underline;
}
.mobile_off {
	height: 36px;
	font-size: 1em;
	line-height: 36px;
	display: block;
	padding-left: 22px;
	text-align: right;
	padding-right: 22px;
	background-color: #DBE5EC;
}
.mobile_off p { line-height: 36px; }
.mobile_off a img {
	height: 36px;
	width: 100px;
	display: inline;
	background-image: url(i/onoff.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.mobile_off a:hover img {
	background-position: center top;
}