@charset "utf-8";
/* global basics */

.clearer { clear: both;}
a { color: #8bc72c; }
a:hover {color: #429ebc; }

/************BASIC LAYOUT SYLES ******************/
body {
   margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #fff url(../images/body-bg.gif) no-repeat 50% 0;
}
img {border:none;}
form {padding:0;margin:0;}
.form select, .form input, .form textarea {vertical-align:middle;}
#bg {background: url(../images/body-bg2.gif) no-repeat 50% 100%;min-width: 900px;overflow: hidden;}
#main {margin: 0 auto;width: 900px;padding-top: 155px;position: relative;}

/**********HEADER STYLES *********/
#header {
	width: 900px;
	height: 155px;
	position: absolute;
	top: 0;
	left: 0;
	background: #cccccc url(../images/header-bg-joinfree.gif) no-repeat;
}
#header .logo {
	position: absolute;
	top: 55px;
	left: 36px;
	background: url(../images/logo.gif) no-repeat;
	width: 330px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
}
#header #top-nav {
	position: absolute;
	right: 13px;
	top: 29px;
	list-style: none;
	padding: 0;
	margin: 0;
	font: normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#header #top-nav li {float: left;padding: 0 0 0 34px;}
#header #top-nav li a {color: #fff;text-decoration: none;}
#header #top-nav li a:hover, #header #top-nav li a.accountLink {color: #3998b8;}
#header #top-nav li a.accountLink:hover {color: #60b2cd;}
#content {
	overflow: hidden;
	width: 880px;
	background-color: #ccc;
	padding: 0 10px 9px 10px;
}

/*************TOP BAR SEARCH FORM *******************/
.top-box2 {
	float: left;
	width: 878px;
	margin: 0 0 5px 0;
}
.top-box2 .btn2 {
	float: left;
	width: 91px;
	height: 93px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/btn3-bg.gif) no-repeat;
}
.top-box2 .btn2b {
	float: left;
	width: 91px;
	height: 93px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/btn3b-bg.gif) no-repeat;
}
.top-box2 a.btn3 {
	float: left;
	width: 91px;
	height: 93px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 6px;
	background: url(../images/top-form-search-button.jpg) no-repeat bottom center;
}

.top-box2 a.btn3:hover {
	background-position: top center;
}

.top-box2 .form {
	float: left;
	width: 660px;
	height: 80px;
	margin: 0 0 0 7px;
	padding: 13px 0 0 23px;
	background: url(../images/top-box2-bg.gif) no-repeat;
}
.top-box2 .form label {float: left;color: #fff;font-size: 14px;}
.top-box2 .form .row {float: left;width: 172px;}
.top-box2 .form .row select {
	float: left;
	width: 138px;
	color: #818080;
	font-size: 12px;
	margin: 6px 0 1px 0;
}
.top-box2 .form .row2 {float: left;width: 193px;}
.top-box2 .form .row2 select {
	float: left;
	width: 159px;
	color: #818080;
	font-size: 12px;
	margin: 20px 0 0;
}
.top-box2 .form .row3 {
	float: left;
	width: 80px;
	padding: 0 0 0 14px;
}
.top-box2 .form .row3 select {
	float: left;
	margin: 20px 0 0;
	width: 54px;
	color: #818080;
	font-size: 12px;
}

/***************TITLE BAR STYLES ****************/
.title-box {
	float: left;
	width: 848px;
	height: 35px;
	background: url(../images/pagination-bg.gif) no-repeat;
	padding: 0 14px 0 16px;
}
.title-box h1 {
	margin: 0;
	font-size: 18px;
	line-height: 35px;
	color: #fff;
}
.title-box ul {
	float: right;
	list-style: none;
	padding: 8px 0 0;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
}
.title-box ul li {float: left;padding: 0 0 0 35px;}
.title-box ul strong {font-size: 18px;line-height: 18px;}
.title-box ul a {color: #fff;}
.title-box ul a:hover, .title-box ul .active {color: #3998b8;text-decoration: none;}
.title-box .link {
	float: right;
	color: #fff;
	font-size: 18px;
	line-height: 34px;
	font-weight: bold;
	text-decoration: none;
}
.title-box .link:hover {text-decoration: underline;}


/****************** BASIC CONTENT STYLES ************/
/************HOME CONTENT STYLES **************/
#content .col {float: left;width: 423px;}
#content .col .box1 {
	overflow: hidden;
	width: 394px;
	height: 95px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 8px 0 0 29px;
	background: url(../images/box-1-bg.gif) no-repeat;
}
#content .col .box2 {
	overflow: hidden;
	margin: 3px 0 0 0;
	background: url(../images/box-2-bg.gif) no-repeat;
	width: 423px;
	height: 214px;
}
#content .col .box2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #888;
}
#content .col .box2 ul li {
	float: left;
	width: 363px;
	height: 46px;
	padding: 7px 0 0 93px;
}
#content .col .box2 ul li a {color: #888;text-decoration: none;}
#content .col .box2 ul li  {color: #888;}
#content .col .box2 ul li strong {color: #3998b8;font-size: 18px;font-weight: bold;}
#content .col .box2 ul li.item1 {background: url(../images/ico-1.gif) no-repeat 26px 0;}
#content .col .box2 ul li.item2 {background: url(../images/ico-2.gif) no-repeat 26px 0;}
#content .col .box2 ul li.item3 {background: url(../images/ico-3.gif) no-repeat 26px 2px;}
#content .col .box2 ul li.item4 {background: url(../images/ico-4.gif) no-repeat 26px 2px;}
#content .col2 {float: left;width: 157px;padding: 0 0 0 4px;}
#content .col2 .box3 {
	float: left;
	background: url(../images/box-3-bg.gif) no-repeat;
	width: 157px;
	height: 157px;
	text-align: center;
}
#content .col2 .box3 h2 {margin: 16px 0 0;font-size: 20px;color: #3998b8;}
#content .col2 .box3 p {margin: 10px 0 10px 0;font-size: 16px;color: #fff;font-weight: bold;}
#content .col2 .box3 a {font-size: 16px;font-weight: bold;color: #3998b8;}
#content .col2 .box3 a:hover {text-decoration: none;}
#content .col2 .box3 h2 a {font-size: 20px; color: #3998b8; text-decoration: none;}
#content .col2 .box4 {
	float: left;
	background: url(../images/box-4-bg.gif) no-repeat;
	margin: 6px 0 0;
	width:157px;
	height: 157px;
	text-align: center;
}
#content .col2 .box4 h2 {
	margin: 6px 0 0;
	font-size: 20px;
	line-height: 20px;
	color: #e4ffa8;
}
#content .col2 .box4 p {margin: 10px 0;font-size: 16px;color: #fff;font-weight: bold;}
#content .col2 .box4 a {color: #c6f0b1;font-size: 16px;font-weight: bold;}
#content .col2 .box4 a:hover {text-decoration: none;}
#content .col2 .box4 h2 a {font-size: 20px; color: #e4ffa8; text-decoration: none;}
#content .col3 {float: left;width: 291px;padding: 0 0 0 4px;}
#content .col3 h2 {
	margin: 0;
	height: 53px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/col3-title-bg.gif) no-repeat;
}
#content .col3 h2.launch { background: url(../images/launching-soon.gif) no-repeat; }
#content .col3 .homeSearchError {
	display: block;
	width: 273px;
	padding: 0 2px 0 16px;
	height: 24px;
	line-height: 24px;
	background: url(../images/home-search-error-bg.gif) no-repeat;
	font-size: 14px;
	color: #3998b8;
	margin: 2px 0 0 0 ;
	font-weight: bold;
}
#content .col3 .form {width: 291px;margin: 2px 0 0;}
#content .col3 .form .inner {
	overflow: hidden;
	width: 291px;
	height: 230px;
	background: url(../images/box-5-bg.gif) no-repeat;
}
#content .col3 .form .inner p {
	width: 264px;
	padding: 3px 0 3px 16px;
	color: #fff;
}
#content .col3 .form .row {float: left;width: 244px;padding: 0 0 0 16px;display:inline;}
#content .col3 .form .row label {float: left;color: #fff;font-size: 14px;margin: 10px 0 0;}
#content .col3 .form .row select, #content .col3 .form .row .select2 {
	float: left;
	width: 244px;
	color: #818080;
	font-size: 12px;
	margin: 4px 0 0;
}
#content .col3 .form .row .select2 {width: 54px;float: right;margin: 10px 0 0;}
#content .col3 .form a.btn {
	float: left;
	width: 291px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 2px 0 0;
	background: url(../images/home-search-sprite.jpg) no-repeat bottom center;
}
#content .col3 .form a.btn.notify { background-image: url(../images/keep-me-updated.jpg); }
#content .col3 .form a.btn:hover {
	background-position: top center;
}


ul.linksList {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.linksList li {
    padding:0;
    margin: 5px 0;
    clear:both;
	color: #57a5be;
}

.linksList li a {
 display: block;
 float:left;
 margin-right: 15px;
 width: 300px;
 outline: none;
}



/***************** PAGINATION BAR ***************/
.pagination {
	float: left;
	width:  838px;
	height: 35px;
	margin: 8px 0 0;
	padding: 0 20px;
	background: url(../images/pagination-bg.gif) no-repeat;
}
.pagination a {
	float: left;
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.pagination .next, .pagination .right {float: right;}
.pagination a:hover {text-decoration: underline;}
.pagination p {
	margin: 0;
	text-align: center;
	font-size: 18px;
	line-height: 34px;
	font-weight: bold;
	color: #fff;
}

/********** RSS STYLES *************/
.txtColour
{
    color:#57a5be;
}


/**************BOTTOM AD SPACE BOX ***********/
.bottom-space-box {
	float: left;
	width: 878px;
	height: 89px;
	margin: 7px 0 0;
	background: url(../images/box-6-bg.gif) no-repeat;
}

.bottomapaceadd{
	margin: 15px 15px 0 14px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
}

.bottomapaceadd a:hover{
	color: #fff;
}

/*********** INNER PAGES LAYOUT **********/
.details, .join-up, .account, .info {
	float: left;
	width: 878px;
	margin: 5px 0 0;
	background: #fff url(../images/details-top-bg.gif) no-repeat;
}
.details .details-inner, .join-up .join-up-inner, .account .account-inner, .info .info-inner {
	float: left;
	width: 878px;
	padding: 17px 0 17px 0;
	background: url(../images/details-bottom-bg.gif) no-repeat 0 100%;
}


/********** FOOTER STYLES *************/
#footer {width: 900px; height: 90px; overflow: hidden;background: url(../images/footer-bg.gif) repeat-x;}
#footer p {
	margin: 20px 0 0 14px;
	font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #818080;
}
#footer .side {
	float: right;
	width: 300px;
	text-align: right;
	padding: 23px 10px 0 0;
}
#footer .side p {margin: 0;font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #666;}
#footer .side a.link {color: #fff;font-size: 12px;text-decoration: none;}
#footer .side a.link:hover {text-decoration: underline;}
#footer .side p.link2 {color: #39abb8;font-size: 10px;margin: 8px 0 0;}
#footer .side p.link2 a {color: #39abb8;text-decoration: none;}
#footer .side p.link2 a:hover {text-decoration: underline;}