/*
Project: Cards in the Window
Filename: screen.css
Date: 21 January 2008
Author: MWA Design (simon.mcfarlane@mwadesign.com)
*/



/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}

ul,ol,li{
	list-style: none;
}

address,caption,cite,code,dfn,th,var,em {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* ---------------- global styles ---------------- */


body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	color: #000;
	font-family: arial, verdana, sans-serif;
	background: #676767 url(../img/CITW_layout_background_repeat.jpg) repeat-x 0 0;
    }



body.home {
	background: #636365 url(../img/home-back_background.jpg) repeat-x 0 0;
	padding-bottom: 100px;
}


body a img {
    border: none;
}



#home-outer-wrap{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	background: url(../img/home-back.jpg) no-repeat 50% 0;
}



/* ---------------- global classes ---------------- */


.bold{
   font-weight: bold;
}


.hide{
   position:absolute;
   left: 0px;
   width: 1px;
   height: 1px;
   overflow: hidden;
}



.clear {
	clear: both;
	}




/* ---------------- wrap ---------------- */


#wrap {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	/* background: url(../img/CITW_layout_background_d6.jpg) no-repeat 50% 0; */
}


#wrap.home{
	background: url(../img/home-back.jpg) no-repeat 50% 0;
}



/* ---------------- homepage ---------------- */



/* --- toplist --- */


#toplist{
	float: left;
	width: 980px;
	text-align: right;
}

#toplist ul{
	padding: 6px 23px 6px 0;
	margin: 0 30px 0 0;
	height: 13px;
	color: #E9CAAD;
	font-size: 1.0em;
	font-weight: bold;
	position: relative;
}

* html #toplist ul{

}

#toplist ul img{
	position: absolute;
	top: 0;
	right: 0;
	}



#toplist li{
	display: inline;
	margin: 0;
	padding: 0;
}


#toplist li a{
	color: #E9CAAD;
	text-decoration: none;
	margin-right: 2px;
	padding-right: 2px;
}


#toplist li a:hover{
	text-decoration: underline;
}


#twitter{
	float: left;
	width: 980px;
	text-align: right;
}

#twitter ul{
	padding: 6px 28px 6px 0;
	margin: 10px 60px 0 0;
	height: 13px;
	color: #007321;
	font-size: 1.0em;
	font-weight: bold;
	position: relative;
}

* html #toplist ul{

}

#twitter ul img{
	position: absolute;
	top: 0;
	right: 0;
	}



#twitter li{
	display: inline;
	margin: 0;
	padding: 0;
}


#twitter li a{
	color: #007321;
	text-decoration: none;
	margin-right: 2px;
	padding-right: 2px;
}

#twitter li a:hover{
	text-decoration: underline;
}


/* --- #hometop --- */


#hometop{
	float: left;
	width: 946px;
	margin-left: 34px;
}


* html #hometop{
	margin-left: 17px;
}



#home-top-left{
	float: left;
	width: 320px;
}


#home-top-left h1 a{
	display: block;
	width: 320px;
	height: 80px;
	text-indent: -9999px;
	background: url(../img/home-logo.gif) no-repeat 0 0;
}


#home-top-left ul{
	float: left;
	width: 320px;
	font-weight: bold;
	font-size: 1.1em;
	background: url(../img/home-menu-back.gif) no-repeat 0 0;
}


#home-top-left ul .home{
	padding-left: 23px;
}


#home-top-left ul li{
	float: left;
	margin-right: 10px;
}



#home-top-left ul li a{
	color: #00662C;
	text-decoration: none;
}


#home-top-left ul li a:hover{
	text-decoration: underline;
}


#home-top-right{
	float: left;
	width: 626px;

}


#hometop h2{
	float: left;
	width: 459px;
	height: 29px;
	margin: 10px 0 0 60px;
	text-indent: -9999px;
	background: url(../img/neighbourhood.gif) no-repeat 0 0;
}


* html #hometop h2{
	margin: 10px 0 0 30px;
}


#home-top-right ul{
	float: right;
	margin: 10px 0 0 0;
	width: 626px;
}


#home-top-right ul a{
	display: block;
	width: 109px;
	height: 30px;
	text-indent: -9999px;
}




#home-top-right li{
	float: left;
	margin-right: 8px;
}


#home-top-right .place-a-card{
	margin-left:  60px;
	background: url(../img/place-a-card.gif) no-repeat 0 0;
}
#home-top-right .place-a-card:hover{
	background: url(../img/place-a-card.gif) no-repeat -109px 0;
}


#home-top-right .areas-covered{
	background: url(../img/areas-covered.gif) no-repeat 0 0;
}
#home-top-right .areas-covered:hover{
	background: url(../img/areas-covered.gif) no-repeat -109px 0;
}


#home-top-right .your-account{
	background: url(../img/your-account.gif) no-repeat 0 0;
}
#home-top-right .your-account:hover{
	background: url(../img/your-account.gif) no-repeat -109px 0;
}


#home-top-right .chit-chat{
	background: url(../img/chit-chat.gif) no-repeat 0 0;
}
#home-top-right .chit-chat:hover{
	background: url(../img/chit-chat.gif) no-repeat -109px 0;
}



/* --- #home-left --- */



#home-left{
	float: left;
	width: 585px;
}




#salelocally{
	float: left;
	width: 397px;
}


#salelocally h3{
	width: 198px;
	height: 32px;
	background: url(../img/for-sale-locally.gif) no-repeat 0 0;
	margin: 38px 0 0 98px;
	text-indent: -99999px;
}


#salelocally ul{
	float: left;
	width: 294px;
	height: 325px;
	margin: 18px 0 0 70px;
	text-align: center;
}


* html #salelocally ul{
	margin: 18px 0 0 35px;
}


#localservices ul{
	float: left;
	width: 294px;
	height: 329px;
	margin: 14px 0 0 40px;
	text-align: center;
}


* html #localservices ul{
	margin: 14px 0 0 20px;
}


#salelocally li,
#localservices li{
	float: left;
	width: 78px;
	height: 40px;
	margin: 0 8px 6px 0;
	border-bottom: 1px solid #A7A8AA;
        display: table;
        *display: block;
        *position: relative;
	}



#salelocally li a,
#localservices li a{
	display: block;
	padding-top: 3px;
	color: #162983;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
        display: table-cell;
        vertical-align: middle;
        *display: block;
        *position: absolute;
        *text-align: center;
        *left: 0px;
        *width: 100%;
        *cursor: pointer;
        *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
}


#salelocally li a:hover,
#localservices li a:hover{
	text-decoration: underline;
}


#salelocally .advert1,
#localservices .advert1{
	background: url(../img/advert1.gif) no-repeat 0 0;
}


#salelocally .advert2,
#localservices .advert2{
	background: url(../img/advert2.gif) no-repeat 0 0;
}


#salelocally .advert3,
#localservices .advert3{
	background: url(../img/advert3.gif) no-repeat 0 0;
}


#salelocally .advert4,
#localservices .advert4{
	background: url(../img/advert4.gif) no-repeat 0 0;
}

#salelocally .advert5,
#localservices .advert5{
	background: url(../img/advert2.gif) no-repeat 0 0;
}




#localservices .exclusive{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}


#localservices .exclusive a{
	color: #00662C;
}


#place-card a{
	float: left;
	width: 145px;
	height: 24px;
	margin-left: 146px;
	text-indent: -9999px;
	background: url(../img/place-card.gif) no-repeat 0 0;
}



#place-card2 a{
	float: left;
	width: 145px;
	height: 24px;
	margin-left: 116px;
	text-indent: -9999px;
	background: url(../img/place-card.gif) no-repeat 0 0;
}


#localservices{
	float: right;
	width: 365px;
}


#localservices h3{
	width: 198px;
	height: 32px;
	margin: 38px 0 0 65px;
	background: url(../img/local-services.gif) no-repeat 0 0;
	text-indent: -99999px;
}



/* --- #homecentre --- */



#homecentre{
	float: right;
	width: 188px;
}




#homesearch{
	margin: 25px 0 0 10px;
}


#search_string{
	width: 130px;
	padding: 0px 5px;
}


#homesearch p{
	font-size: 1.3em;
	color: #000;
}


#home-door{
	width: 184px;
	text-align: center;

}



#home-door .events{
	float: left;
	width: 184px;
	height: 61px;
	font-size: 1.2em;
	text-transform: uppercase;
	background: url(../img/door-events.jpg) no-repeat 50% 0;
	margin-top: 50px;
	font-weight: bold;
	text-decoration: none;
}


#home-door .events a{
	display: block;
	color: #000000;
	padding: 15px 45px 0 45px;
	text-decoration: none;
}


#home-door .personals{
	float: left;
	width: 184px;
	height: 50px;
	font-size: 1.3em;
	background: url(../img/door-personals.jpg) no-repeat 50% 0;
}


#home-door .personals a{
	display: block;
	color: #93117E;
	padding: 10px 0 0 0;
	text-decoration: none;
	font-family: georgia;
}


#home-door .open{
	float: left;
	width: 184px;
	height: 53px;
	background: url(../img/door-open.jpg) no-repeat 50% 0;
	text-indent: -9999px;
}


#home-door .jobs{
	float: left;
	width: 184px;
	height: 53px;
	font-size: 1.8em;
	text-transform: uppercase;
	background: url(../img/door-jobs.jpg) no-repeat 50% 0;
}


#home-door .jobs a{
	display: block;
	color: #004A99;
	padding: 13px 0 0 0;
	text-decoration: none;
	font-weight: bolder;
}



#home-door .friend{
	float: left;
	width: 184px;
	height: 39px;
	font-size: 1.2em;
	background: url(../img/door-friend.gif) no-repeat 50% 0;
}


#home-door .friend a{
	display: block;
	color: #333333;
	padding: 13px 0 0 0;
	text-decoration: none;
	font-weight: bolder;
}


#home-door .contact{
	float: left;
	width: 184px;
	height: 53px;
	font-size: 1em;
	margin-top: 34px;
	text-transform: uppercase;
}


#home-door .contact a{
	display: block;
	color: #000;
	font-weight: bolder;
	text-decoration: none;
}



#home-door a:hover{
	text-decoration: underline;
}


/* --- #homefooter --- */



#homefooter{
	float: left;
	width: 980px;
	padding: 57px 0 20px 0;
}



#homefooter ul{
	float: left;
	margin-left: 17px;
	font-weight: bold;
}


#homefooter li{
	float: left;
	margin-right: 10px;
}


#homefooter li a{
	color: #ffffff;
	font-size: 1.2em;
	text-decoration: none;
}


#homefooter li a:hover{
	text-decoration: underline;
}


*html #homefooter ul{
	margin-left: 9px;
}


#homefooter p{
	float: right;
	margin-right: 17px;
}


#homefooter p a{
	color: #000000;
	text-decoration: none;
}


#homefooter p a:hover{
	text-decoration: underline;
}


*html #homefooter p{
	margin-right: 9px;
}





/* ---------------- other pages ---------------- */




/* --- #hometop --- */


#top{
	float: left;
	width: 946px;
	margin: 5px 0 0 34px;
}


* html #top{
	margin-left: 17px;
}



#top-left{
	float: left;
	width: 320px;
}


#top-left p a{
	display: block;
	width: 320px;
	height: 80px;
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat 0 0;
}


#top-left ul{
	float: left;
	width: 320px;
	font-weight: bold;
	font-size: 1.1em;
	background: url(../img/menu-back.gif) no-repeat 0 0;
}


#top-left ul .home{
	padding-left: 23px;
}


#top-left ul li{
	float: left;
	margin-right: 10px;
}



#top-left ul li a{
	color: #00662C;
	text-decoration: none;
}


#top-left ul li a:hover{
	text-decoration: underline;
}


#top-right{
	float: left;
	width: 626px;

}


#top h2{
	float: left;
	width: 459px;
	height: 29px;
	margin: 10px 0 0 60px;
	text-indent: -9999px;
	background: url(../img/neighbourhood2.gif) no-repeat 0 0;
}


* html #top h2{
	margin: 10px 0 0 30px;
}


#top-right ul{
	float: right;
	margin: 10px 0 0 0;
	width: 626px;
}


#top-right ul a{
	display: block;
	width: 109px;
	height: 30px;
	text-indent: -9999px;
}


#top-right li{
	float: left;
	margin-right: 8px;
}


#top-right .place-a-card{
	margin-left:  60px;
	background: url(../img/place-a-card2.gif) no-repeat 0 0;
}
#top-right .place-a-card:hover{
	margin-left:  60px;
	background: url(../img/place-a-card2.gif) no-repeat -109px 0;
}


#top-right .areas-covered{
	background: url(../img/areas-covered2.gif) no-repeat 0 0;
}
#top-right .areas-covered:hover{
	background: url(../img/areas-covered2.gif) no-repeat -109px 0;
}


#top-right .your-account{
	background: url(../img/your-account2.gif) no-repeat 0 0;
}
#top-right .your-account:hover{
	background: url(../img/your-account2.gif) no-repeat -109px 0;
}

#top-right .chit-chat{
	background: url(../img/chit-chat2.gif) no-repeat 0 0;
}
#top-right .chit-chat:hover{
	background: url(../img/chit-chat2.gif) no-repeat -109px 0;
}





/* --- #content --- */


#content{
	float: left;
	width: 980px;
	margin-top: 20px;
}



#content-top{
	float: left;
	width: 925px;
	margin: 0 0 0 55px;
}


* html #content-top{
	margin: 0 0 0 27px;
}


#content-top h2{
	float: left;
	width: 620px;
	font-size: 3.2em;
	color: #E2001A;
}


#content-top h2 a{
	color: #E2001A;
	text-decoration: none;
}

#content-top h2 a:hover{
	text-decoration: underline;
}


#content-top.categories h1{
	float: left;
	font-size: 3.6em;
	color: #E2001A;
}

#content-top.categories h1 a{
	color: #E2001A;
	text-decoration: none;
}

#content-top.categories h1 a:hover{
	text-decoration: underline;
}


#search{
	float: right;
	margin-right: 85px;;
}

#search p{
	font-size: 1.3em;
	color: #000;
}


* html #search{
	margin-right: 42px;
}



#search_string{
	width: 130px;
	padding: 0px 5px;
}




.introPara{
	float: left;
	width: 870px;
	font-size: 1.2em;
	padding: 15px 0 10px 0;
	margin: 0 0 0 55px;
}


* html .introPara{
	margin: 0 0 0 27px;
}


.introPara a{
	color: #E2001A;	
}


.introPara a:hover{
	text-decoration: none;
}


/* --- #main-content --- */



#main-content{
	float: left;
	width: 700px;
	margin-top: 10px;
}





#main-content .categories{
	float: left;
	text-align: center;
}


#main-content .categories li{
	float: left;
	width: 162px;
	height: 116px;
	margin: 0 18px 8px 0;
	background: url(../img/category1.gif) no-repeat 0 0;
        display: table;
        text-align: center;
        *display: block;
        *position: relative;
}


#main-content .categories li a{
        display: table-cell;
        vertical-align: middle;
        *display: block;
        *position: absolute;
        *text-align: center;
        *left: 0px;
        width: 130px;
	padding: 0 16px;
        *cursor: pointer;
        *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
}


#main-content .categories li a:hover{
	text-decoration: underline;
}


#main-content .categories .cat1{
	background: url(../img/category1.gif) no-repeat 0 0;
}

#main-content .categories .cat1 a{
	color: #99141B;
	text-decoration: none;
	font-size: 2em;
}




#main-content .categories .cat2{
	background: url(../img/category2.gif) no-repeat 0 0;
}

#main-content .categories .cat2 a{
	color: #004A99;
	text-decoration: none;
	font-size: 2em;
	font-family: 'comic sans ms';
}




#main-content .categories .cat3{
	background: url(../img/category3.gif) no-repeat 0 0;
}

#main-content .categories .cat3 a{
	color: #0F1E65;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
}




#main-content .categories .cat4{
	background: url(../img/category4.gif) no-repeat 0 0;
}

#main-content .categories .cat4 a{
	color: #E2007A;
	text-decoration: none;
	font-size: 2em;
	font-family: courier new;
	font-weight: bold;
}




#main-content .categories .cat5{
	background: url(../img/category5.gif) no-repeat 0 0;
}

#main-content .categories .cat5 a{
	color: #000000;
	text-decoration: none;
	font-size: 2em;
	font-family: georgia;
}

#main-content .error{
	color:#CC0000;
	font-weight:bold;
	font-size: 1.4em;
}



#select-buttons{
	float: left;
	width: 100%;
}


#select-buttons a{
	float: left;
	width: 106px;
	height: 69px;
	margin-right: 20px;
	text-indent: -9999px;
}


#select-buttons .sale-locally{
	background: url(../img/for-sale-locally2.gif) no-repeat 0 0;
}
#select-buttons .sale-locally:hover{
	background: url(../img/for-sale-locally2.gif) no-repeat -106px 0;
}


#select-buttons .local-services{
	background: url(../img/local-services2.gif) no-repeat 0 0;
}
#select-buttons .local-services:hover{
	background: url(../img/local-services2.gif) no-repeat -106px 0;
}


#select-buttons .local-events{
	background: url(../img/local-events-notices.gif) no-repeat 0 0;
}
#select-buttons .local-events:hover{
	background: url(../img/local-events-notices.gif) no-repeat -106px 0;
}


#select-buttons .personals{
	background: url(../img/personals.gif) no-repeat 0 0;
}
#select-buttons .personals:hover{
	background: url(../img/personals.gif) no-repeat -106px 0;
}


#select-buttons .jobs{
	background: url(../img/jobs.gif) no-repeat 0 0;
	margin-right: 0px;
}
#select-buttons .jobs:hover{
	background: url(../img/jobs.gif) no-repeat -106px 0;
	margin-right: 0px;
}


/* --- #main-content .subcategories --- */



#main-content .subcategories{
	float: left;
}


#main-content .subcategories li{
	float: left;
	width: 185px;
	height: 115px;
	margin: 0 18px 8px 0;
	padding: 20px 15px 15px 15px;
	background: url(../img/advert-big1.gif) no-repeat 0 0;
}


#main-content .subcategories li a{
	text-decoration: none;
}


#main-content .subcategories li a:hover{
	text-decoration: underline;
}


#main-content .subcategories li span{
	float: right;
	width: 64px;
	height: 71px;
	text-align: right;
	margin-left: 5px;
	vertical-align: bottom;
}




#main-content .subcategories li span a, #main-content .subcategories li span a:visited {
position:relative;
z-index:1;
}

#main-content .subcategories li span a b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that
             makes it selectable when hidden */
left:0; /* position:the image */
top:-150px;
left: -200px;
}

#main-content .subcategories li span a:hover {
text-decoration:none;
border:0; /* needed for this to work in IE */
z-index:1000;
}

#main-content .subcategories li span a:hover b {
visibility:visible; /* make the image visible */
height:225px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;

}





#main-content .subcategories li span a:hover b img {
border:0; /* remove the link border */
}





#main-content .subcategories .cat1{
	background: url(../img/advert-big1.gif) no-repeat 0 0;
	color: #99141B;
	font-family: verdana;
}

#main-content .subcategories .cat1 h3{
	font-size: 1.4em;
	margin-bottom: 5px;
	color: #99141B;
}

#main-content .subcategories .cat1 p{
	margin-bottom: 5px;
}

#main-content .subcategories .cat1 a{
	color: #99141B;
}

#main-content .subcategories .cat1 p a{
	font-weight: bold;
	font-size: 1.2em;
}



#main-content .subcategories .cat2{
	background: url(../img/advert-big2.gif) no-repeat 0 0;
	color: #003785;
	font-family: 'comic sans ms';
}

#main-content .subcategories .cat2 h3{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
}

#main-content .subcategories .cat2 p{
	margin-bottom: 5px;
}

#main-content .subcategories .cat2 a{
	color: #003785;
}

#main-content .subcategories .cat2 p a{
	font-weight: bold;
	font-size: 1.2em;
}



#main-content .subcategories .cat3{
	background: url(../img/advert-big3.gif) no-repeat 0 0;
	color: #0E235A;
}

#main-content .subcategories .cat3 h3{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

#main-content .subcategories .cat3 p{
	margin-bottom: 10px;
}

#main-content .subcategories .cat3 a{
	color: #0E235A;
}

#main-content .subcategories .cat3 p a{
	font-size: 1.2em;
	font-weight: bold;
}




#main-content .subcategories .cat4{
	background: url(../img/advert-big4.gif) no-repeat 0 0;
	color: #004A99;
	font-family: 'courier new';
}

#main-content .subcategories .cat4 h3{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #E2007A;
}

#main-content .subcategories .cat4 p{
	margin-bottom: 10px;
}

#main-content .subcategories .cat4 a{
	color: #E2007A;
}

#main-content .subcategories .cat4 p a{
	font-size: 1.3em;
	font-weight: bold;
}



#main-content .subcategories .cat5{
	background: url(../img/advert-big5.gif) no-repeat 0 0;
	color: #000000;
	font-family: georgia;
}

#main-content .subcategories .cat5 h3{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}

#main-content .subcategories .cat5 p{
	margin-bottom: 10px;
	color: #646567;
}

#main-content .subcategories .cat5 a{
	color: #000000;
}

#main-content .subcategories .cat5 p a{
	font-size: 1.1em;
	font-weight: bold;
}



/* --- #main-content #card --- */



#card{
	float: left;
	width: 680px;
	margin-top: 0px;
}



#card h1{
	font-size: 1.8em;
	margin-bottom: 25px;
}


#card span{
	float: right;
	width: 300px;
	margin-bottom: 20px;
	text-align: right;
}


#card p{
	font-size: 1.2em;
	margin-bottom: 15px;
}


#card .details{
	padding: 10px 0;
	font-size: 1.4em;
}

#card .details li{
	margin-bottom: 15px;
}



#card .details li a:hover{
	text-decoration: none;
}


#card .contact{
	padding: 5px 0 0 0;
	font-size: 1.2em;
}


#card .contact .title{
	font-size: 1.2em;
}


#card .contact li{
	margin-bottom: 15px;
}


#card .contact li em{
	font-size: 100%;
}


#card .card1{
	background: #FBE5EF;
	font-family: 'verdana';
	color: #BD1220;
}


#card .card1 a.weblink{
	color: #BD1220;
	text-decoration: none;
}

#card .card1 a.weblink:hover{
	text-decoration: underline;
}

#card .card2{
	float: left;
	background: #FFFACB url(../img/card2.gif) repeat-x 0 0;
	font-family: 'comic sans ms';
	color: #003785;
}

#card .card2 a.weblink{
	color: #003785;
	text-decoration: none;
}

#card .card2 a.weblink:hover{
	text-decoration: underline;
}


#card .card3{
	background: #DDF0F6 url(../img/card3.gif) no-repeat 0 0;
	color: #0E235A;
	border: 1px solid #86CCED;
	border-bottom: none;
}

#card .card3 a.weblink{
	color: #0E235A;
	text-decoration: none;
}

#card .card2 a.weblink:hover{
	text-decoration: underline;
}


#card .card3footer{
	background: #E8E9EA url(../img/card3footer.gif) no-repeat bottom left;
	padding-top: 35px;
	border: 1px solid #86CCED;
	border-top: none;
}


#card .card4{
	background: #ffffff url(../img/card4.gif) repeat-y 0 0;
	font-family: 'courier new';
	color: #004A99;
}

#card .card4 a.weblink{
	color: #004A99;;
	text-decoration: none;
}

#card .card4 a.weblink:hover{
	text-decoration: underline;
}


#card .card4 h1{
	color: #E2007A;
	font-weight: bold;
}

#card .card4 .details,
#card .card4 .contact{
	color: #E2007A;
}


#card .card5{
	background: #E8E9EA url(../img/card5.gif) no-repeat 0 0;
	color: #666666;
	font-family: georgia;
}

#card .card6 a.weblink{
	color: #666666;;
	text-decoration: none;
}

#card .card6 a.weblink:hover{
	text-decoration: underline;
}

#card .card5footer{
	background: #E8E9EA url(../img/card5footer.gif) no-repeat bottom left;
	padding-top: 20px;
}

#card .card5 h1{
	color: #000000;
	font-weight: bold;
}

#card .card5 .details,
#card .card5 .contact{
	color: #000000;
}



#card .card1,
#card .card2,
#card .card3,
#card .card4,
#card .card5{
	width: 610px;
	padding: 30px 35px 15px 35px;
}




#card.forum-home h1{
	font-size: 1.8em;
	margin: 10px 0;
	padding:0;
}


#card.forum-home h2{
	color: #20205e;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
}

#card.forum-home h4{
	font-size: 1.8em;
}


#card .forum-section{
	font-size: 1.8em;
	font-weight: bold;
}


#card .forum-topic{
	width: 530px;
	margin: 0 40px 10px 40px;
	float: left;
	clear: both;
	border-bottom: 1px solid #3F93AF;
}

* html #card .forum-topic{
	margin: 0 20px 10px 20px;
}

#card .forum-topic h2,
#card .forum-topic p{
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
}


#card .forum-topic h2 a{
	color: #20205e;
	font-size: 1.2em;
	text-decoration: none;
}


#card .forum-topic h2 a:hover{
	text-decoration: underline;
}


#card .forum-topic p{
	float: left;
	color: #0171BB;
	padding-bottom: 7px;
}


#card .forum-topic p.post{
	float: right;
	padding-right: 35px;
	background: url(../img/forum-post.gif) no-repeat top right;
}


#card .forum-topic p.post a{
	color: #1E1E5C;
	text-decoration: none;
}

#card .forum-topic p.post a:hover{
	text-decoration: underline;
}


#card .forum-post{
	float: left;
	width: 590px;
	background: #ffffff;
	padding: 10px;
	margin: 15px 0 0 0;
}


#card .forum-post p a:link{
color: #2D308F
}

#card .forum-post p a:hover{
color: #2D308F
}

#card .forum-post p a:visited{
color: #2D308F
}

#card .forum-post h3 a{
	font-size: 1.4em;
	color: #2D308F;
}


#card .forum-post h3 a:hover{
	text-decoration: none;
}


#card .forum-post h3,
#card .forum-post p{
	margin: 0;
	padding: 0;
}


#card .forum-post .posted,
#card .forum-post .replies{
	color: #0171BB;
	margin-top: 5px;
	font-family: arial, verdana, sans-serif;
}


#card .forum-post p.replies a{
	color: #1E1E5C;
	font-weight: bold;
	text-decoration: none;
}


#card .forum-post p.replies a:hover{
	text-decoration: underline;
}


#card .forum-post p{
	margin: 10px 0;
	color: #1E1E5C;
	font-family: arial, verdana, sans-serif;
}


#card .forum-post p.reply{
	float: right;
	margin: 0;
	padding-bottom: 10px;
	padding-right: 35px;
	background: url(../img/forum-reply.gif) no-repeat top right;
}


#card .forum-post p.reply a{
	color: #1E1E5C;
	font-weight: bold;
	text-decoration: none;
}


#card .forum-post p.reply a:hover{
	text-decoration: underline;
}


#card .forum-reply{
	padding: 5px 10px;
	margin-bottom: 10px;
	background: #E2F4FE;
}


#card .line{
	border: 0;
	margin: 10px 0;
	height: 1px;
	background-color: #3F93AF;
	color: #3F93AF;

}


/* --- #main-content #page --- */


#page{
	float: left;
	width: 610px;
	font-size: 1.2em;
	background: #ffffff;
	padding: 30px 35px 15px 35px;
}





#page h3{
	font-size: 1.6em;
	margin-bottom: 20px;
	color: #ADBB00;
}


#page a{
	font-weight: bold;
	color: #000000;
}

#page p{
	color: #000000;
	margin-bottom: 15px;
}


#page ul{
	color: #000000;
	margin-bottom: 10px;
}


#page ul li{
	padding-left: 15px;
	font-weight :bold;
	background: url(/img/bullet-green.gif) no-repeat 0 5px;
	margin-bottom: 8px;
}


#page p.premium,
#page p.standard{
	color: #333333;
	float: left;
	width: 400px;
}

#page p.standard{
	padding-bottom: 30px;
}

#page .priced{
	display: block;
	border: 1px solid #cccccc;
	padding: 2px 10px;
	width: 250px;
	margin-top: 5px;
	background: #ffd147;
	color: #00652B;
	font-weight: bold;
	border:  1px solid #999999;
	text-align: center;
}


#page .priced2{
	display: block;
	border: 1px solid #cccccc;
	padding: 2px 10px;
	width: 250px;
	margin-top: 5px;
	background: #e7ec99;
	color: #00652B;
	font-weight: bold;
	border:  1px solid #999999;
	text-align: center;
}


#page a:hover{
	text-decoration: none;
}


#page form {
	float: left;
	width: 610px;
}


#page form #registeredMember{
	float: left;
	width: 610px;
}


#page form .buttons{
	float: left;
	width: 610px;
}




#page form em,
.forum-post em{
	color: #E2001A;
	font-weight: bold;
}

#page form p{
	float: left;
	width: 580px;
	margin-bottom: 10px;
}


#page form h3{
	float:left;
	clear: both;
	width: 580px;
}


#page form span{
	font-weight: normal;
	color: #333333;
	font-size: 90%;
	}

#page form p label{
	float: left;
	width: 215px;
	font-weight: bold;
}



#page form .checkbox label{
	float: none;
	width: 500px;
	font-weight: normal;
	margin: 2px 0 0 10px;
}


#page form .submit{
	margin-top: 5px;
	padding: 1px 5px;
}


#page form .field{
	clear: both;
	}



#page .logout{
	float: right;

}


#page .logout a{
	color: #E2001A;
}

#page table{
	width: 100%;
	border: 1px solid #cccccc;
	border-bottom: none;
	border-right: none;
	margin-bottom: 30px;
	}
	
#page table td,
#page table th{
	padding: 5px 10px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	}
	
	
#page table th{
	background: #E5E5E5;
	font-weight: bold;
	letter-spacing: 1px;
	}


/* --- #pagination --- */


#pagination{
	float: left;
	width: 610px;
	text-align: center;
	margin-top: 15px;
	font-size: 1.2em;
}

#pagination p{
	margin-bottom: 5px;
}


#pagination a{
	color: #E2001A;
	font-weight: bold;
	text-decoration: none;
	padding: 0 2px;
}


#pagination a:hover{
	text-decoration: underline;
}



/* --- #sidebar --- */



#sidebar{
	float: left;
	width: 160px;
	margin: 0px 0 20px 54px;
}


* html #sidebar{
	margin: 20px 0 0 27px;
}



#sidebar .green{
	float: left;
	width: 122px;
	margin: 20px 18px 20px 0;
	padding: 5px 10px 5px 10px;
	background: #C2CF00;
}


#sidebar h3{
	color: #fff;
	font-size: 2em;
	padding-right: 40px;
	padding-top: 10px;
}


#sidebar h3 a{
	color: #E2001A;
	text-decoration: none;
}


#sidebar h3 a:hover{
	text-decoration: underline;
}


#sidebar .sidebar-forum{
	font-size: 1.4em;
	font-weight: bold;
}


#sidebar .sidebar-forum li{
	margin-bottom: 20px;
}


#sidebar .sidebar-forum a{
	color: #006F3C;
	text-decoration: underline;
}


#sidebar .sidebar-forum a:hover{
	text-decoration: underline;
}


#sidebar .back{
	margin: 15px 0;
}


#sidebar .back a{
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}


#sidebar .back a:hover{
	text-decoration: none;
}


#sidebar .emailalerts{
	color: #c2cf00;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 20px 15px 0;
}


#sidebar .emailalerts a{
	text-decoration: underline;
	color: #00652B;
}


#sidebar .emailalerts a:hover{
	text-decoration: underline;
	color: #fff;	
}



#sidebar dl{
	margin: 15px 0 15px 0;
	color: #00652B;
}


#sidebar dt{
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
}


#sidebar dd{
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: bold;

}


#sidebar dd a{
	text-decoration: underline;
	color: #00652B;
}


#sidebar dd a:hover{
	text-decoration: underline;
	color: #fff;
}

#sidebar dd .here{
	color: #E2001A;
}

#sidebar dd .here:hover{
	text-decoration: underline;
}



#filterform{
	float: left;
	width: 122px;
	line-height: 2em;
	margin-bottom: 15px;
}


#filterform h4{
	font-size: 1.2em;
	color: #00652B;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	margin-top: 8px;
}

#filterform h4:hover{
	color: #fff;
	}

#filterform .no-link{
	cursor: default;
}


#filterform .no-link:hover{
	text-decoration: none;
}

#filterform .no-link:hover{
	text-decoration: none;
}



#filterform h5{
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	margin-top: 5px;
	line-height: 1.3em;
}


#filterform b{
	float: left;
	width: 90px;
	font-size: 1.1em;
}


#filterform p{
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	float: left;
}


#filterform input{
	float: left;
}


#filterform .submit{
	width: 120px;
}







#q3{
	display: inline;
	cursor: pointer;
	clear: both;
	cursor: pointer;
	font-size: 14px !important;
	margin: 0 10px 0 0;
	text-align: center;
	padding: 3px 5px;
	background: #C2D000;
	border: 1px solid #97C696;
	font-weight: bold;
	color: #00652B !important;
	text-decoration: none;
	font-family: arial !important;
}




#q4{
	display: inline;
	clear: both;
	cursor: pointer;
	font-size: 14px !important;
	margin: 0 0 0 0;
	text-align: center;
	width: 150px!important;
	padding: 3px 5px;
	background: #C2D000;
	border: 1px solid #97C696;
	font-weight: bold;
	color: #00652B !important;
	text-decoration: none;
	font-family: arial !important;
}


#q10{
	display: inline;
	cursor: pointer;
}


#a10 label{
	float: left;
	width: 150px;
}


#conMessage{
	height: 100px;
	width: 350px;
	padding: 10px;
	font-family: arial;
}


#q3:hover,
#q4:hover,
#q10:hover{
	color: #fff !important;
	text-decoration: none !important;
}



#a3,#a4,#a10{
	clear: both;
	background: #ffffff;
	padding: 10px;
	margin-top: 10px;
	}
	
#a3 h4,
#a4 h4{
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 15px;
	}


.button{
	display: block;
	margin: 0 0 0 0;
	width: 140px;
	text-align: center;
	padding: 3px 0;
	font-size: 14px !important;
	background: #C2D000;
	border: 1px solid #97C696;
	font-family: arial !important;
}


.button{
	color: #00652B !important;
	text-decoration: none;
}


.button:hover{
	color: #fff !important;
	text-decoration: none !important;
}




/* --- #footer --- */



#footer{
	float: left;
	width: 980px;
	padding: 20px 0 20px 0;
}



#footer ul{
	float: left;
	margin-left: 17px;
	font-weight: bold;
}


#footer li{
	float: left;
	margin-right: 10px;
}


#footer li a{
	color: #ffffff;
	font-size: 1.2em;
	text-decoration: none;
}


#footer li a:hover{
	text-decoration: underline;
}


*html #footer ul{
	margin-left: 9px;
}


#footer p{
	float: right;
	margin-right: 17px;
}


#footer p a{
	color: #000000;
	text-decoration: none;
}


#footer p a:hover{
	text-decoration: underline;
}


*html #footer p{
	margin-right: 9px;
}


.error{
	color:#CC0000 !important;
	font-weight:bold;
	font-size: 1.4em;
}