/*
[1] Global
  [1a] Properties
  [1b] Font & Colours
  [1c] Structure
  [1d] Header/Navigation
  [1e] Email error

[2] Sidebar

[3] Homepage

[4] Footer

[5] Blog Format
  [5a] General
  [5b] Comments
*/

/*******************************************
  1. GLOBAL
*******************************************/

/****************** [1a] Properties */

html,
body,
form, fieldset, label,button,fieldset,textarea,
h1, h2, h3, h4, h5, h6, p,
pre, code, em, blockquote, address,
ul, ol, li, dl{
  margin:0;
  padding:0;
  }

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

a{
  outline: none;
  text-decoration:underline;  
  }
  
a:hover,
#nav a
{
  text-decoration:none;
}  

body {
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#333;
  padding:10px 40px 40px 40px;
  }
  
#header .logo{
	float:right;
}

#header .titles{
	float:right;
	text-align:right;
	padding-top:30px;
	padding-right:20px;
}

#header .titles a{
	color:#000;
	text-decoration:none;
}

#header img{
  border:0;
}

.searchform .input{
  border:2px solid #666;
  font-size:16px;
  padding:4px;
  margin:5px 5px 5px 0;
  color:#666;
}

.searchform fieldset{
  border:0;
}

.searchform label{
  font-size:12px;
  text-transform: uppercase;
}

div.error{
  background:#990000;
  padding:7px;
  margin-top:15px;
}

#results .back{
	float:right;
  text-align:right;
  font-size:11px;
  text-transform: uppercase;
}

#results .back a{
  background:#666;
  border:1px solid #fff;
  color:#fff;
  padding:2px 4px 2px 4px;
}

#results .back a:hover{
  text-decoration:none;
  background:#94BD6F;
  color:#000;
}

p{
  font-size:13px;
  font-weight:bold;
  line-height:1.6em;
  margin-top:10px;
}

.noentry{
  background:#990000;
  padding:5px;
  border:1px solid #fff;
  line-height:1.7em;
	margin:10px 0 10px 0;
	color:#fff;
}

ul.square li{
	list-style-type:square;
	margin-left:12px;
}

/****************** [1b] Font & colours */

/*** h tags for header */

.left h1,
.right h2,
.center h1
{
  font-size:24px;
  background:#94BD6F;
  padding:0;
  color:#fff;
  padding-left:10px;
  line-height:1.6em;
}

h1 img{
	float:left;
	padding-top:5px;
}

h1 span{
	display:block;
	padding-top:5px;
}

h1 span{
  text-decoration:none;
}

.center h1,
.results_pagetitle h1
{
  min-height:65px;
}

.left h3 a,
.right h3 a,
#sidebar h3 a
{
  color:#000
}

#header .titles h2{
  font-size:26px;
}

#header .titles h5{
  font-size:14px;
  line-height:2.1em;
  color:#709F45;
}

.results_cat_title h2{
  font-size:20px;
  color:#fff;
}

#results h4,
h4 a
{
  color:#333;
  display:block;
  font-size:16px;
  clear:both;
  text-decoration:underline;
}

#results h4:hover{
  text-decoration:none;
}

.result_title h5{
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

.green,
ul.result_listing a:hover
.googledir a,
.list div a,
.userdetails a,
.postmetadata a
{
  color:#94BD6F;
}

.grey,
ol.commentlist li cite.fn a
{
  color:#666;
  font-weight:bold;
}

.lightgreen,
.forgotpassword a
{
  color:#DFEFD1;
}

.black,
#content_left .right li h3 a,
.post .entry a,
#validateform .error
{
  color:#000;
}

.white,
.noentry a,
div.guestloginwrap a,
.error,
#footer a
{
color:#fff;
}

.red,
div.advertise a,
.local a,
.duplicate_error h4,
#service_details ul li,
.center a
{
  color:#990000;
}

.darkgreen,
ul.recent_comments a,
.breadcrumbs a,
#content_left .right li a,
.post h4,
p a,
.duplicate_error a,
table.directions a,
.post h2 a
{
  color:#709F45;
}

.small{
  font-size:13px;
}

/****************** [1c] Structure */

#outer_wrapper{
  width:100%;
  min-width:900px;
  margin:0 auto;
  text-align:left;
}

#content{
  width:100%;
}

#content_left{
  float:left;
  width:70%;
  margin-top:20px;
}

#sidebar{
  width:28%;
  float:right;
  
}

#header{
  padding-bottom:10px;
	width:100%;
	height:120px;
}

#header img{
	height:120px;
}

#footer{
  width:100%;
  clear:both;
}

#content_left .left{
  float:left;
}

#content_left .right{
  float:right;
}

#content_left .center{
  background:#eee;
  width:96%;
  padding:15px;
}

#content_left .center p{
  margin-top:10px;
}

#content_left .blog_center{
  width:100%;
}

/****************** [1d] Header/Navigation */

#nav{
  width:100%;
  background:#eee;
  padding:4px 0 4px 0px;
}

#nav ul li{
  display:inline;
  margin-right:20px;
}

#nav a,
#nav b
{
  padding:5px;
  font-size:14px;
  color:#666;
  font-weight:bold;
}

#nav a.register:hover,
#nav a:hover,
#nav b:hover
{
  background:#94BD6F;
  color:#fff;
  cursor:pointer;
}

#nav a.register{
  background:red;
  color:#fff;
}

/****************** [1e] email Error */

.emailresponse{
  background:#F0ECAC;
}

.emailresponse ul{
  padding:10px;
  font-weight:bold;
}

.emailresponse ul li{
  line-height:1.6em;
  list-style-type:disc;
  margin-left:20px;
}


/****************** [1f] Tool tip */

a.tooltip_link{
	position:relative; /*this is the key*/
	color:#000;
	text-decoration:none
}

a.tooltip_link:hover{
	z-index:25;
}

a.tooltip_link span{
	display: none
}

a.tooltip_link:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #666;
	background:#666; 
	color:#fff;
	text-align: center;
	padding:5px;
}

a.tooltip_link b{
	color:#990000;
	text-decoration:underline;
}

/*******************************************
  2. SIDEBAR
*******************************************/

.wedo,
.sponsors
{
  width:100%;
  background:#F0ECAC;
  margin-top:20px;
  position:relative;
}

#sidebar .sponsors{
	padding-top:10px;
}

#sidebar .sponsors h4{
	margin:15px 15px 0 15px;
}

.sponsors img{
  margin:15px;
  border:0;
}

div.advertise{
	margin:0 10px 10px 10px;
	padding-bottom:10px;
}


.wedo ul{
  margin:10px;
  padding:15px;
  font-size:14px;
  font-weight:bold;
  color:#000;
}

.wedo li{
  margin-bottom:10px;
  background:url('images/tick.png') no-repeat left center;
  padding-left:30px;
}

ul.recent_comments li{
  background:url('images/chatbubble.png') no-repeat top left;
}

#sidebar  ul li.title,
#sidebar  .sponsors h4{
  background:none;
  padding:0;
	font-weight:bold;
	font-size:18px;
}

ul li.title{
	font-size:16px;
}

.wedo ul.userdetails{
  width:60%;
}

.wedo ul.userdetails li{
  list-style-type:disc;
  background:none;
  padding:0;
  margin-left:5px;
  color:#eee;
}

.wedo img.userdetails{
  position:absolute;
  top:15px;
  right:15px;
  border:1px solid #000;
  width:20%;
}

.wedo .searchform{
  padding:15px;
}

.wedo .searchform label{
  font-weight:bold;
  color:#fff;
}

#sidebar form table #user,
#sidebar form table #passwrd
{
  border:1px solid #000;
  margin-bottom:10px;
  padding:2px;
  width:60%;
}

#sidebar table.ssi_table{
	width:90%;
	text-align:left;
  padding:15px;
}

#sidebar form table label{
  color:#fff;
  font-size:11px;
  position:relative;
  bottom:6px;
  text-align:left;
}

.forgotpassword{
	position:relative;
	bottom:10px;
	font-size:10px;
	text-indent:20px;
}

li.premium{
	margin-top:15px;
}

li.premium b{
	font-size:12px;
	background:#990000;
	padding:2px 5px 2px 5px;
}

/*******************************************
  3. HOMEPAGE
*******************************************/

#content_left .left,
#content_left .right
{
  width:49%;
  background:#eee;
}

#content_left .left_indent,
#content_left .right_indent
{
	padding:15px;
}

#content_left .center{
  width:96%;
  background:#eee;
}

#content_left .left ul,
#content_left .right ul
{
  margin-top:20px;
}

#content_left li{
  line-height:1.6em;
}

#content_left .left li{
  padding-left:80px;
}

#content_left .left img.mainimage,
#content_left .right img.mainimage
{
  width:100%;
  margin-bottom:10px;
}

.categories_index img{
  float:left;
}

.categories_index{
  clear:both;
}

#content_left .right li{
	margin-top:10px;
}


/*******************************************
  4. SUBMIT
*******************************************/

#upload_logo div,
#deleteform div,
#categoryform div,
#validateform div{
  margin:7px;
  width:90%;
  clear:both;
  float:left;
}

#categoryform div label,
#upload_logo div label,
#validateform div label{
  font-size:12px;
  font-weight:bold;
  float:left;
  width:25%;
}

#upload_logo div label{
  width:100%;
}

#upload_logo .input,
#categoryform div .input,
#validateform div .input,
#categoryform div .required,
#validateform div .required,
#validateform textarea,
#categoryform div .dropdown,
#validateform div .dropdown{
  border:1px solid #666;
  padding:2px;
  float:left;
  width:30%;
}

#validateform textarea{
  border:1px solid #666;
  padding:2px;
  float:left;
  width:50%;  
}


#upload_logo fieldset,
#deleteform fieldset,
#categoryform fieldset,
#validateform fieldset{
  margin-top:20px;
  padding:10px;
}


#categoryform div input error,
#validateform div input.error,
#categoryform div select.error,
#validateform div select.error,
#validateform div textarea.error
{
  border:red 1px solid;
}

#categoryform div label.error,
#validateform div label.error{
  color:#990000;
  margin:5px;
}

#content_left .center ul.error{
  margin:20px;
}

#content_left .center ul.error li{
  list-style-type:disc;
  color:#990000;
  line-height:1.6em;
}

#content_left .center ul.error li.title{
  list-style-type:none;
  color:#990000;
  line-height:1.6em;
  font-weight:bold;
  font-size:14px;
}


.duplicate_error{
	margin-top:20px;
}

.duplicate_error ul{
	margin:10px 0 10px 0;
}
	

/****************** [4a] Update Form */

#update #validateform div label{
  width:28%;  
}

#update #validateform div .input,
#update #upload_logo .input,
#update #validateform div .required,
#update #validateform textarea,
#update #validateform div .dropdown{
  width:65%;
}

#update #validateform textarea{
  width:65%;  
}

/*******************************************
  5. BLOG
*******************************************/

/****************** [5a] Generic */

#content_left .blog_center .post{
  background:#eee;
  padding:15px;
  margin-bottom:20px;
}

.post h1{
	font-size:36px;
}

.articleimages{
	border:1px solid #666;
	width:250px;
	float:left;
	margin:0 10px 0 0;
}

.post{
	float:left;
}

.post .entry{
  margin:10px 0 10px 0;
  line-height:1.6em;
  font-size:13px;
}

.post .entry blockquote{
	margin:20px 10px 20px 10px;
	font-style:italic;
	color:#000;
	border-left:3px solid #333;
	padding-left:10px;
}

.post .entry p{
	font-size:15px;
	font-weight:normal;
}

.post h2 a{
  font-size:28px;
}

.post small{
  font-size:12px;
  font-weight:bold;
  color:#666;
}

.post .postmetadata{
  font-weight:bold;
  text-align:right;
}

.post h4{
	font-size:18px;
	margin-top:20px;
}

.post ul{
	width:80%;
	margin:10px;
}

.post li{
	list-style-type:square;
	margin-left:20px;
	margin-bottom:20px;
}

.post form{
	margin-top:20px;
}

.thanks{
	margin-top:20px;
	background:#F0ECAC;
	padding:10px;
	font-size:13px;
}

.breadcrumbs{
	margin-bottom:15px;
	color:#666;
	font-weight:normal;
}

.breadcrumbs strong{
	font-weight:normal;
}

ul.recent_comments a{
	font-weight:bold;
}

ul.recent_comments{
	font-weight:normal;
}

ul.recent_comments em{
	font-size:11px;
	font-weight:bold;
}

/****************** [5b] Comments */

ol.commentlist{
  width:100%;
}

ol.commentlist li{
  padding:15px;
  border-bottom:3px solid #E7EFE0;
  margin-top:20px;
}

ol.commentlist li img{
  float:left;
  margin-right:15px;
  border:1px solid;
}


ol.commentlist li p{
	padding-left:65px;
  overflow:auto;
  line-height:1.6em;
	font-weight:normal;
	font-size:14px;
	color:#333;
}

ol.commentlist li .comment-meta{
  font-size:11px;
  color:#999;
}

ol.commentlist .comment-author a.url,
.comment-author cite
{
	color:#333;
	font-size:18px;
	font-weight:bold;
}


#respond{
  margin-top:20px;
  background:#eee;
  padding:10px;
}

#respond .input{
  border:1px solid;
  margin:10px;
  padding:2px;
}

#respond textarea{
  border:1px solid;
  margin:10px;
  width:97%;
}

#respond #submit{
  margin:10px;
}

h3.comments{
  font-size:26px;
}

#respond h3{
  margin:10px;
  font-size:26px;
}


/*******************************************
  6. RESULTS
*******************************************/

#content_left .left ul.result_listing
{
  margin-top:20px;
}

#content_left ul.result_listing li{
  line-height:1.6em;
}

#content_left .left ul.result_listing li{
  padding-left:0;
}

ul.result_listing .small{
  padding-left:32px;
}

ul.result_listing li.indent{
  padding-left:25px;
}

ul.result_listing li.indent_details{
  margin-bottom:10px;
}

ul.result_listing li.indent_details b{
  font-size:22px;
}

.results_cat_title img{
  float:left;
  margin-right:10px;
}

.results_cat_title{
  clear:both;
  width:100%;
  line-height:2.0em;
  background:#587193;
  min-height:36px;
  margin-bottom:10px;
}

.result_title{
  margin:15px 0 15px 0;
  width:100%;
  clear:both;
}

#map{
  border:2px solid #666;
  margin-top:20px;
  width: 100%; 
  height: 750px;
}

#map .bubble ul{
  margin:0;
  padding:0;
	width:250px;
}

#map .bubble ul li.title{
  font-weight:bold;
  font-size:15px;
}

#map .bubble ul li a,
#content_left .left ul.result_listing li.indent a,
#content_left .left ul.result_listing li.indent_details a
{
  color:#990000;
}

li.viewmore,
li.viewmore a{
	font-size:14px;
	color:#000;
	font-weight:bold;
}

li.viewmore{
	margin-top:15px;
}

li.viewmore a:hover{
	color:#000;
}

.list_type_result{
	margin-top:20px;
	border-bottom:1px #666 dashed;
	padding-bottom:20px;
}


.list_type_result h2{
	display:inline;
}

.logo_results_list_style_type{
	float:right;
}

.list_type_result p{
	font-size:14px;
	font-weight:normal;
	line-height:1.6em;
	color:#000;
	width:75%;
}

.results_pagetitle{
	position:relative;
}

.results_pagetitle img{
	position:absolute;
	top:0;
	left:0;
}

.national{
  background:#94BD6F;
  padding:10px;
  margin-top:20px;
  margin-bottom:10px;
  font-size:26px;
  color:#fff;
}

/****************** [6b] Search Form */

#searchform{
  background:#DFDFDF;
  margin-top:20px;
  padding:10px;
  border:2px solid #fff;
  padding-bottom:
  float:left;
}

#searchform .left_float{
  float:left;
  margin-right:15px;
}

#searchform .left_float .submit{
  margin-top:17px;
}

/*******************************************
  7. USER ACCOUNT
*******************************************/

.list div{
  margin-top:12px;
}

.list div a{
  line-height:2.1em;
  font-size:14px;
}

#service_details ul li{
  list-style-type:disc;
  margin-left:12px;
  margin-bottom:5px;
}

.right #service_details ul{
  min-height:0;
}

.logo_ratio{
  color:#fff;
  line-height:1.8em;
  text-indent:3px;
  float:left;
}

.logo_ratio input{
  float:left;
}


b.delete_logo{
	color:#990000;
	text-decoration:underline;
}

.logo_ratio_1,
.logo_ratio_2,
.logo_ratio_3
{
  background:#666;
  float:left;
  display:inline;
}

.logo_ratio_1{
  height:25px;
  width:25px;
}

.logo_ratio_2{
  height:25px;
  width:40px;
}

.logo_ratio_3{
  height:25px;
  width:65px;
}

.logo_ratio_wrap{
  clear:both;
  margin:10px 0 10px 0;
}

#upload_logo_wrap{
	position:relative;
}

input.delete_logo{
	color:#990000;
	position:absolute;
	background:transparent;
	padding:0;
	border:0;
	left:-2;
	top:15px;
}

b.delete_logo:hover{
	cursor:pointer;
	color:#990000;
}

.logo_controls{
  position:relative;
  right:20px;
}

#upload_logo_result{
  position:absolute;
  top:-12px;
  left:132px;
}

#upload_logo_result img{
  margin-top:5px;
  border:1px solid #666;
}

/*******************************************
  8. DIRECTIONS PAGE
*******************************************/

.googledir a{
  font-size:13px;
  font-weight:bold;
}

table.directions{
  margin:15px 0 20px 0;
}

form.directions{
  margin:15px 0 20px 0;
}

form.directions .input{
  border:2px solid #666;
  font-size:16px;
  padding:4px;
  margin:5px 5px 5px 0;
  color:#666;
}
.directions h1{
  border-bottom:1px solid #666;
  padding-bottom:5px;
}

/*******************************************
  9. FOOTER
*******************************************/

#footer{
	width:100%;
	background:#666;
	padding:3px 5px 3px 5px;
	color:#fff;
	float:left;
	margin-top:20px;
}


/*******************************************
  10. GUEST LOGIN
*******************************************/

div.guestloginwrap img{
  float:left;
} 

div.guestlogin{
  width:45%;
  float:left;
  margin-top:5px;
  padding:10px;
  background:#94BD6F;

   -webkit-border-top-left-radius:5px;
   -webkit-border-top-right-radius:5px;
   -webkit-border-bottom-left-radius:5px;
   -webkit-border-bottom-right-radius:5px;

   -khtml-border-radius-topleft:5px;
   -khtml-border-radius-topright:5px;
   -khtml-border-radius-bottomleft:5px;
   -khtml-border-radius-bottomright:5px;

   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   -moz-border-radius-bottomleft:5px;
   -moz-border-radius-bottomright:5px;
  
}

div.guestlogin fieldset{
	border:0;
}

div.guestlogin #user,
div.guestlogin #passwrd
{
  width:69%;
  padding:3px;
}

div.guestlogin h3{
  font-size:22px;
  font-weight:normal;
  color:#000;
  margin-bottom:15px;
}

div.guestlogin label{
  padding-right:20px;
  font-weight:bold;
  float:left;
  width:110px;
}

div.guestlogin fieldset{
  margin-top:10px;
}

div.guestlogin a{
  font-size:28px;
}

.titlebg2 h4{
  background:#333;
  color:#fff;
  display:inline;
  padding:3px;
  font-size:16px;
}

/*******************************************
  11. LOGO
*******************************************/

.logo{
	text-align:right;
}

.logo img,
.logo_results img
{
	border:1px solid #666;
}

.logo_results img{
	max-width:40%;
	float:right;
	position:relative;
	bottom:15px;
}


/*******************************************
  12. PAGING
*******************************************/

.currentpage{
  color:#94BD6F;
  background:#333;
}

.otherpage{
  color:#eee;
  background:#333;
}

.otherpage:hover{
  background:#666;
}

.otherpage{
  float:left;
}

.currentpage{
  float:left;
}

.paging{
  margin-top:20px;
  width:100%;
}

/*******************************************
  13. LOCAL LIST
*******************************************/

.locallist a{
  font-size:12px;
  display:inline;
}

.locallist h2{
  margin:10px 0 5px 0;
  font-size:32px;
}

.locallist h3{
  text-decoration:underline;
  font-size:17px;
  margin:10px 0 5px 0;
}

.local{
  width:90%;
  float:left;
  margin-top:20px;
  font-weight:bold;
  background:url('images/link_arrow.gif') no-repeat left top;
  padding-left:20px;
  padding-bottom:15px;
}