@charset "utf-8";
/*-------------------------------------------------------------
Style Sheet 

Version: 1.1
Author: P Neal
email: webmaster@alternetsolutions.co.uk
website: http://www.alternetsolutions.co.uk/
-------------------------------------------------------------*/

/*Body*/

body {	
	margin: 5px 0 0 0;
	padding: 0;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small; /*for compliant browsers*/
	font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #FFCC00; /*url(images/body-bg.gif) repeat-x;*/ 
	}
html>body { /* be nice to Opera */
	font-size: small;
	}
	
/****************************WRAP*************************************/

#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	background: #f7f7f7;
	border: 8px solid #9ba8d8;
	}


/****************************HEADER***********************************/

	
#header {
	float: left;
	width: 100%;
	height: 160px;
	}

#logo {
	float: left;
	padding: 5px 0;
	width: 128px;
	height: 150px;
	background: url(images/logo1.jpg) no-repeat left;
	}

#tag {
	float: left;
	width: 20%;
	}
	
#tag h1 {
	margin: 0;
	padding: 20px 0 0 40px;
	font-size: 140%;
	text-align: center;
	color: #666;
	}

#tag h1 span.numberOne {
	font-size: 150%;
	color: #ffcc00;
	display: block;
	}

#tag h1 span.plusSize {
	font-size: 190%;
	color: #525252;
	}

ul#signup {
	float: left;
	margin: 0;
	padding: 40px 0 0 30px;
	list-style: none;
	}

#signup li {
	font-size: 130%;
	text-align: center;
	font-weight: bold;
	text-transform: capitalize;
	}

#signup li.large {
	font-size: 160%;
	}

#signup li.yellow {
	background: #ffcc00;
	padding: 3px;
	}

#signup li.yellow a {
	color: #000;
	}

#banneradvertising {
	float: right;
	margin-top: 30px;
	width: 40%;
	}

dl.bannerAds {
	margin: 0;
    padding: 15px;
	}

dl.bannerAds:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

dl.bannerAds dt {
	margin: 0;
	font-size: 140%;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	}

dl.bannerAds dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	}

dl.bannerAds dd {
	margin-left: 189px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
	}

/****************************NAV**************************************/

#navBar {
	width: 100%;
	float: left;
	border-top: 1px solid #000;
	border-bottom: 3px solid #000;
	background: #ffcc00;
	}
			
#nav {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav li {
	float: left;
	margin: 0;
	padding: 0 20px;
	font-size: 95%;
	}

#nav li.last {
	border-right: 1px solid #000;
	}

#nav a {
	float: left;
	display: block;
	margin: 0;
	padding: 10px;
	color: #000;
	text-decoration: none;
	text-align: center;
	}

#nav a:hover {
	color: #17365d;
	text-decoration: underline;
	}

#search {
	margin: 0;
	float: right;
	padding: 5px 5px 5px 0;
	text-transform: uppercase;
	}

#search input#ds {
	border-bottom: 1px groove #c0c0c0;
	}

/*GENERAL*/

.bold {
	font-weight: bold;
	}

img {
	border: none;
	}

.red {
	color: #ff0000;
	margin-left: 4px;
	}

#errorMessage { 
	border: 2px solid #AA0000; 
	padding: 0 3px;
}

#errorMessage h1, #errorMessage p { 
	color: #AA0000; 
	font-weight:bold;
	text-align: center; 
}

.error { 
	color: #AA0000; 
	font-weight:bold;
	width: 10px;
	float:left;
}
	
/****************************CONTENT**********************************/

#main-body {
	float: left;
	/*width: 75%;*/
	width: 735px;
	}
	
#content {
	float: right;
	/*width: 65%;*/
	width: 510px;
	line-height: 1.5em;
	}

#content .gutter {
	padding: 5px 0px;
	}

#content h3 {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 120%;
	text-transform: uppercase;
	color: #666;
	}

#content h3 span.p {
	font-size: 160%;
	}

#content h3 span.size, span.pages {
	font-size: 160%;
	}


.bcrumb {
	width: 100%;
	text-align: left;
	background: #666;
	color: #fff;
	border: 2px solid #778844;
	}

.bcrumb p {
	margin: 0;
	padding: 3px 0;
	text-transform: uppercase;
	padding-left: 5px;
	}

.bcrumb a {
	text-transform: none;
	text-decoration: none;
	font-size: 90%;
	color: #fff;
	}

.bcrumb a:hover {
	text-decoration: underline;
	color: #ffcc00;
	}

/*Number Navigation on Directory Page*/

.dirnavwrap {
	width: 320px;
	margin: 10px auto;
	}
	
ul.dirnav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.dirnav li {
	float: left;
	margin: 0;
	padding: 0 8px;
	}

.dirNavPageLink {
	color: #000;
	font-size: 105%;
	}

.dirNavCurrent {
	color:#ffcc00;
	font-size: 105%;
	}

.dirnav img {
	border: none;
	}

.dirnav a:hover {
	color: #ffcc00;
	}

/*Advertise Page*/

table#packageTypes {
	margin-top: 10px;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ccc;
	}

#packageTypes th, #packageTypes td {
	width: 5%;
	padding: 0.5em;
	font-size: 90%;
	text-align: center;
	}

#packageTypes caption {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	}

#packageTypes thead {
	background-color: #eee;
	color: #000;
	font-size: 95%;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	}
	
#packageTypes th {
	font-weight: normal;
	text-align: center;
	}

#packageTypes .highlight {
	background: #e9e9e9;
	}

#packageTypes .leftAlign {
	text-align: left;
	}

#packageTypes tr#pricing td {
	font-weight: bold;
	}
	
ul#waystoadvertise {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: circle;
	}

#waystoadvertise li {
	border-bottom: 1px dotted #693;
	font-weight: bold;
	}

#waystoadvertise li:hover {
	background: #eee;
	}

span.strike {
	text-decoration: line-through;
	font-weight: normal;
	}

p.book {
	font-weight: bold;
	font-size: 110%;
	}

ul#howTo {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#howTo li {
	padding: 10px 0;
	}

#howTo li.call {
	background: url(images/call.jpg) no-repeat left;
	text-indent: 35px;
	}

#howTo li.online {
	/*background: url(images/online.jpg) no-repeat left;
	text-indent: 35px;*/
	}

.signUpButton {
	border: none;
	}

/*Sign Up Page*/

p#howWork {
	background: url(images/qm.jpg) no-repeat right;
	padding-right: 25px;
	}

form#signup p {
	margin: 3px 0;
	}

form#signup label.label {
	float: left;
	width: 110px;
	}
.labelRequire {
	float: left;
	width: 110px;
	font-style:italic;
	color: #9ba8d8;
	}
.labelRequireBlock {
	font-style:italic;
	color: #9ba8d8;
	}
#instructions {
	font-size:110%;
	font-weight:bold;
}
form#signup .formcheckbox {
	width:20px;
}
form#signup label.checkboxlabel {
	width: 50px;
}

form#signup .message {
	float: left;
	width: 10px;
}

form#signup fieldset {
	margin-bottom: 10px;
	}

form#signup fieldset#image p#optimal {
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
	}

.keyLabel {
	/*margin-right: 10px;*/
	width:75px;
	float:left;
	margin-right: 10px;
	}
	
.formbox {
	width:200px;	
}

.keywordBox {
	width:120px;
	float:left;
}
.imageFormBox {
	margin-right:30px;
}

/*Payment Confirmation Page*/

ul#paymentConfirmation {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#paymentConfirmation li {
	margin: 0;
	padding: 3px 0 3px 25px;
	background: url(images/listIcon.jpg) no-repeat left;
	}
	
/*Contact*/

ul#contactDetails {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#contactDetails li {
	padding: 3px 0;
	}

/****************************LEFTCOL****************************/

#leftCol {
	float: left;
	width: 220px;
	}

#leftCol .gutter {
	padding: 5px 15px;
	}

#leftCol ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#leftCol li {
	margin: 0;
	padding: 2px 5px;
	}

#leftCol li a {
	color: #000;
	text-decoration: none;
	display: block;
	}

#clothing li.top, #clothing li.top a {
	padding: 5px 0;
	background: #4c5b80;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}

#clothing li {
	background: #b9bfcf;
	}

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

ul#activities {
	margin-top: 5px;
	}

#activities li.top, #activities li.top a {
	padding: 5px 0;
	background: #556655;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}

#activities li {
	background: #ddeedd;
	}

#activities a:hover {
	text-decoration: underline;
	}
	
ul#resources {
	margin-top: 5px;
	}

#resources li.top, #resources li.top a {
	padding: 5px 0;
	background: #778844;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}

#resources li {
	background: #ddeeaa;
	}

#resources a:hover {
	text-decoration: underline;
	}
	
ul#health {
	margin-top: 5px;
	}

#health li.top, #health li.top a {
	padding: 5px 0;
	background: #554422;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}

#health li {
	background: #bbaa88;
	}

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

#leftBanners {
	margin-top: 10px;
	}

/****************************RIGHTCOL****************************/

#rightCol {
	float: right;
	width: 200px;
	}

#rightCol .gutter {
	padding: 5px 15px;
	}

.banners {
	margin-top: 10px;
	}

.thinbanners { /*Only on Advertise page initially*/
	float: right;
	}


/****************************FOOTER***********************************/


/*Footer*/
	
#footer {
	clear: both;
	padding: 10px 0;
	}
	
#footer p {
	margin: 0;
    padding: 0;
    text-align: center;
	font-size: 85%;
	}

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

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

p#keywords {
	color: #739ACA;
	font-size: 90%;
	}

p#copyright {
	color: #ccc;
	font-size: 90%;
	}

p#terms a {
	text-align: center;
	color: #000;
	}

/* Hide from IE/Mac \*/
#footer { height: 1%; }
/* End hide from IE/Mac */

/* Hide from IE/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE/Mac */