/*
Theme Name: Johnsons
Theme URI: http://www.sdp-web.com/
Description: The default Johnsons theme.
Version: 1.0
Author: http://www.sdp-web.com/
Author URI: http://www.sdp-web.com/
*/

@charset "utf-8";
/* CSS Document */
html, body {
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4f5158;
}

body:nth-of-type(1) html, body {
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4f5158;
}

img {border:0;}
.clear {clear:both; padding: 0px; float: none; margin: 0px; height: 0px; overflow: hidden;}
a, a:link, a:visited, a:active { color:#006633; text-decoration:underline; }
a:hover {color:#006633; text-decoration:none;}
h2, h3 {margin:5px 0px 10px 0px;}
h3 {font-size:14px;}
/* h2 {font-size:16px; color:#0871bb; font-family:"Trebuchet MS"; text-transform:uppercase;} */
h2 {font-size:16px; color:#006633; font-family:"Trebuchet MS"; text-transform:uppercase;}

h1 {
	font-size:17px; 
	color:#ffffff;
	text-transform:uppercase;
	border-bottom:1px solid #a2a3a7;
	margin:0px 0px 10px 0px;
	padding:0px 8px;
	height:32px;
	line-height:32px;
	font-family:"Trebuchet MS";
	font-weight:lighter;
	background-color:#a2a3a7;
	display:block;
	}

h1.serv {font-size:16px; color:#006633; font-family:"Trebuchet MS"; text-transform:uppercase;margin:5px 0px 10px 0px;background-color: transparent;border-bottom:0px;height:16px;line-height:16px;font-weight:bold;padding:0px 0px;}

h1.servp {font-size:16px; color:#006633; font-family:"Trebuchet MS"; text-transform:uppercase;margin:5px 0px 5px 0px;background-color: transparent;border-bottom:0px;height:16px;line-height:16px;font-weight:bold;padding:0px 0px;}

h2.serv {
	font-size:17px; 
	color:#ffffff;
	text-transform:uppercase;
	border-bottom:1px solid #a2a3a7;
	margin:0px 0px 10px 0px;
	padding:0px 8px;
	height:32px;
	line-height:32px;
	font-family:"Trebuchet MS";
	font-weight:lighter;
	background-color:#a2a3a7;
	display:block;
	}


h4 {
	font-size:17px; 
	color:#ffffff;
	text-transform:uppercase;
	border-bottom:1px solid #0C6111;
	margin:0px 0px 10px 0px;
	padding:0px 8px;
	height:32px;
	line-height:32px;
	font-family:"Trebuchet MS";
	font-weight:lighter;
	background-color:#0C6111;
	display:block;
	}


/****************************/
/*** Heading Styling
/****************************/

		h2.title
			{ display:block; height:54px; margin:0px; padding:0px 65px 0px 0px; overflow:hidden; }

                   h1.serv
			{ display:block; height:54px; margin:0px; padding:0px 65px 0px 0px; overflow:hidden; }



/****************************/
/*** Text Styling
/****************************/
		strong.txtLatestNews, strong.txtPriorityClub, 
		strong.boxGreenEarth, strong.boxRecycle, strong.boxIssues, 
		strong.imgGreenEarth, strong.jfrs
			{
			display:block;
			text-indent:-9999px;	
			text-decoration:none;
			overflow:hidden;
			}
			
		strong.txtLatestNews {float:left; width:140px; height:36px; background:transparent url(img/txt_latestnews.gif) no-repeat 0px 0px;}
		strong.txtPriorityClub {width:233px; height:63px; background:transparent url(img/txt_priorityclub.gif) no-repeat 0px 0px;}
		strong.boxGreenEarth {width:235px; height:430px; background: url(img/enviornment/evn_greenearth.jpg) no-repeat 0px 0px;}
		strong.boxRecycle {width:235px; height:430px; background:url(img/enviornment/evn_recycle.gif) no-repeat 0px 0px;}
		strong.boxIssues {width:235px; height:430px; background:url(/wp-content/uploads/evn_issues.jpg) no-repeat 0px 0px;}
		strong.imgGreenEarth {width:205px; height:63px; background:url(img/logo_greenearth.gif) no-repeat 0px 0px;}
		strong.jfrs {width:205px; height:63px; background:url(img/logo_restoration.gif) no-repeat 0px 0px;}  
		
/****************************/
/*** Content Asset Styling
/****************************/
		.smalltext {font-size:10px; line-height:12px;}		
		.textwrap {padding:10px;}
		.newsimage {float:left; padding:0px 10px 10px 0px;}
		
		.content_txt ul {margin:7px 0px; padding:0px; list-style:none;}
		.content_txt li {height:auto; padding:2px 10px 5px 20px; border:none; background:transparent url(img/bul_circle.gif) no-repeat 0px 0px;}


/****************************/
/*** Form Styling
/****************************/	
form {margin-left:10px;}
label {float:left; width:250px;}
input {border:1px solid #a2a3a7;}

.contactform .fieldlabel {float:left; width:120px;}
.contactform p {float:left; margin:0px; padding:0px;}
.contactform fieldset {border:0px; margin:0px; padding:1px;}

.checkbox {border:none}
.questionnaire label {width:90%; padding-bottom:5px;}
.noborder {border:none;}
.button {
	color:#fff; 
	font-size:11px;
	letter-spacing:1px;
 border: 3px double #b7b7b7;
	padding:2px;
	background:#203dcd url(img/bg_button.gif) repeat-x 0px 0px;
}

.formbutton, .hrefbutton {
	width:102px;
	font-size:11px;
	text-align:center; 
	letter-spacing:1px;
	color:#fff;
	border:none;
	text-decoration:none;
	background:#fff url(img/bg_hrefbutton.gif) no-repeat 0px 0px;
}

.formbutton 
	{ height:27px; }
.hrefbutton 
	{ height:20px; padding-top:7px; margin:0px auto; }

.hrefbutton a, .hrefbutton a:link, .hrefbutton a:visited, .hrefbutton a:hover {color:#fff; text-decoration:none;}


a.prevbutton, a:link.prevbutton, a:visited.prevbutton, a.nextbutton, a:link.nextbutton, a:visited.nextbutton {
	color:#006633; 
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 10px;
}
a.prevbutton span {margin-left:15px;}
a.nextbutton span {margin-right:15px;}
a.prevbutton {background:transparent url(img/but_previous.gif) no-repeat 0px 2px;}
a.nextbutton {background:transparent url(img/but_next.gif) no-repeat right 2px;}


/*******************/
/* TABLE STYLE
/*******************/
th {font-size:13px;}
.table_header, .table_footer, .table_content_header, .table_content320_header
{height:36px; margin:0px; padding:0px 10px;}

.table_contentbranch_header
{height:50px; margin:0px; padding:0px 10px;}

.empty {height:20px;}
.paginator {padding:8px 5px;}

.table_content_normal {margin:0px; padding:0px 10px;}
.table_footer {padding:8px 10px;}

.table_header {background:transparent url(img/tableassets/bg_table_header.gif) no-repeat 0px 0px;}
.table_footer {background:transparent url(img/tableassets/bg_table_footer.gif) no-repeat 0px 0px;}
.table_content_header {background:transparent url(img/tableassets/bg_tablecontent_header.gif) no-repeat 0px 0px;}
.table_contentbranch_header {background:transparent  url(img/tableassets/bg_tablebranch_header.gif) no-repeat 0px 0px;}
.table_content320_header {background:transparent url(img/tableassets/bg_table320_header.gif) no-repeat 0px 0px;}


.table_data, .table_branch_data {margin:10px;}
.table_data th {vertical-align:top; padding-top:8px; height:44px;}
.table_data td, .table_branch_data td {vertical-align:top; background-color:#fff}
.table_branch_data th {vertical-align:top; padding-top:8px; height:60px;}


.table_steps td a, .table_steps td a:link, .table_steps td a:hover, .table_steps td a:visited {text-decoration:none; color:#4f5158;}
.table_steps td.on, .table_steps td.on a, .table_steps td.on a:visited {font-weight:bold; color:#006633;}
.table_steps td.where {text-align:left; width:80px;}
.table_steps td {text-align:center; padding:5px 0px;}
.table_steps td.arrowon {width:21px; background:url(img/arrow_blue.gif) no-repeat 0px 2px;}
.table_steps td.arrowoff {width:21px; background:url(img/arrow_grey.gif) no-repeat 0px 2px;}