body {
	background: #f2efe4;
	font-family: Tahoma, Geneva, sans-serif;
	margin-bottom: 20px;
	color: #666;
}

div.wrapper {
	position: relative;
	width: 990px;
	margin: 0 auto;
}

/* ----- Header ----- */

div.header {
	/*position: relative;*/
	overflow: auto;
	width: 990px;
	margin: 0 auto;
}

div.header h1 a {
	display: block;
	float: left;
	width: 312px;
	height: 88px;
	background: url(../images/main/advocatezone-logo.jpg) no-repeat;
	margin: 0px 0 0 23px;
}

div.header h1 a span {
	visibility: hidden;
}

div.header p.infobar{
	display: inline;
	font: normal 12px Arial, Helvetica, sans-serif;
	float: right;
	margin: 10px 140px 0 0;
	color: #606364;
}
div.header p.infobar a{ font: normal 12px Arial, Helvetica, sans-serif; color: #608c9e; text-decoration: none; }
div.header p.infobar a:hover{ border-bottom: 1px dotted #608c9e; }

div.header ul {
	float: right;
	margin: 40px 185px 0 0;
	display: inline;
}
div.header ul.signed_in{
	margin-top: 20px;
}

div.header ul li {
	float: left;
	padding: 4px 0 4px 20px;
	border-left: 1px solid #dad6c6;
	margin-left: 20px;
	line-height: 0;
}

div.header ul li a {
	display: block;
	float: left;
	height: 13px;
}

div.header ul li.features {
	border: none;
	padding-left: 0;
	margin-left: 0;
}

div.header ul li.features a {
	width: 90px;
	background: url(../images/main/buttons_header_nav.gif) no-repeat;
}

div.header ul li.features a:hover {
	background-position: 0 -13px;
}

div.header ul li.faq a {
	width: 34px;
	background: url(../images/main/buttons_header_nav.gif) no-repeat -90px 0;
}

div.header ul li.faq a:hover {
	background-position: -90px -13px;
}

div.header ul li.about_us a {
	width: 91px;
	background: url(../images/main/buttons_header_nav.gif) no-repeat -124px 0;
}

div.header ul li.about_us a:hover {
	background-position: -124px -13px;
}

div.header ul li a span {
	visibility: hidden;
}

div.header div.login {
	position: absolute;
	width: 332px;
	height: auto;
	top: 0;
	right: 9px;
	z-index: 10;
}
div.header div.login.logout{
	width: 120px;
}

div.header div.login a.button_log_in {
	float: right;
	display: inline;
	width: 114px;
	height: 44px;
	background: url(../images/main/buttons_log_in.png) no-repeat;
	margin-right: 1px;
}

div.header div.login a.button_log_out {
	float: right;
	display: inline;
	width: 121px;
	height: 44px;
	background: url(../images/main/buttons_log_out.gif) no-repeat;
}

div.header div.login a.button_log_in:hover , div.header div.login a.button_log_out:hover {
	background-position: 0 -44px;
}

div.header div.login a.button_log_in span , div.header div.login a.button_log_out span {
	visibility: hidden;
}

div.login_panel {
	display: none;	
	width: 332px;
	height: 155px;
	background: url(../images/main/login_panel_bg_top.png) no-repeat;
}

div.login_panel form{
	padding: 6px 30px;
}

div.login_panel p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	margin-top: 10px;
}

div.login_panel p input {
	width: 270px;
	border: 1px solid #ccc;
	background: #fff url(../images/main/input_bg_tile.gif) repeat-x;
	padding: 3px;
	height: 16px;
	margin-top: 3px;
}

div.login_panel p input.login {
	width: 90px;
	height: 26px;
	padding: 0;
	background: #fff url(../images/main/button_log_in_now.gif) no-repeat;
	border: none;
	margin: 0;
	text-indent: -9999px;
	cursor: pointer;
	font-size: 0;
	display: block;
	float: left;
	line-height: 0;
}

div.login_panel p a {
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	float: right;
	padding-top: 6px;
}

div.login_panel p a:hover {
	border-bottom: 1px dotted #fff;
}

/* ----- Buttons ----- */

a.button {
	display: block;
	float: left;
	height: 48px;
	padding-left: 30px;
}

a.button.small {
	height: 26px;
	padding-left: 15px;
}

a.button.double {
	height: 68px;
	padding-left: 15px;
}

a.button span {
	display: block;
	float: left;
	height: 29px;
	margin-right: -30px !important;
	margin-right: 0;
	padding: 19px 30px 0 0;
}

a.button.small span {
	height: 16px;
	padding: 10px 15px 0 0;
}

a.button.yellow {
	background: url(../images/main/button_yellow_left.png) no-repeat;
}

a.button.small.yellow {
	background: url(../images/main/button_yellow_small_left.png) no-repeat;
}

a.button.yellow span {
	background: url(../images/main/button_yellow_right.png) no-repeat right top;
}

a.button.small.yellow span {
	background: url(../images/main/button_yellow_small_right.png) no-repeat right top;
}

a.button.blue {
	background: url(../images/main/button_blue_left.png) no-repeat;
}

a.button.blue span {
	background: url(../images/main/button_blue_right.png) no-repeat right top;
}

a.button.blue2 {
	background: url(../images/main/button_blue2_left.png) no-repeat;
}

a.button.blue2 span {
	background: url(../images/main/button_blue2_right.png) no-repeat right top;
}

a.button.green {
	background: url(../images/main/button_green_left.png) no-repeat;
}

a.button.green span {
	background: url(../images/main/button_green_right.png) no-repeat right top;
}

a.button.green2 {
	background: url(../images/main/button_green2_left.png) no-repeat;
}

a.button.green2 span {
	background: url(../images/main/button_green2_right.png) no-repeat right top;
}

a.button.green3 {
	background: url(../images/main/button_green3_left.png) no-repeat;
}

a.button.green3 span {
	background: url(../images/main/button_green3_right.png) no-repeat right top;
}

a.button.brown {
	background: url(../images/main/button_brown_left.png) no-repeat;
}

a.button.brown span {
	background: url(../images/main/button_brown_right.png) no-repeat right top;
}

a.button.gray {
	background: url(../images/main/button_gray_left.png) no-repeat;
}

a.button.gray span {
	background: url(../images/main/button_gray_right.png) no-repeat right top;
}

a.button.gold {
	background: url(../images/main/button_gold_left.png) no-repeat;
}

a.button.gold span {
	background: url(../images/main/button_gold_right.png) no-repeat right top;
}

a.button.red {
	background: url(../images/main/button_red_left.png) no-repeat;
}

a.button.red span {
	background: url(../images/main/button_red_right.png) no-repeat right top;
}

a.button.small.gold {
	background: url(../images/main/button_gold_small_left.png) no-repeat;
}

a.button.small.gold span {
	background: url(../images/main/button_gold_small_right.png) no-repeat right top;
}

a.button.small.inactive {
	background: url(../images/main/button_inactive_small_left.png) no-repeat;
}

a.button.small.inactive span {
	background: url(../images/main/button_inactive_small_right.png) no-repeat right top;
}

a.button:hover {
	background-position: 0 -48px;
}

a.button.small:hover {
	background-position: 0 -26px;
}

a.button:hover span {
	background-position: right -48px;
	cursor: pointer;
}

a.button.small:hover span {
	background-position: right -26px;
	cursor: pointer;
}

/* ----- Secondary Layout ----- */

div.container_wrapper {
	width: 990px;
	margin: 0 auto;
	background: url(../images/main/container_bg_strip.jpg) repeat-y;
	
}

div.container {
	background: url(../images/main/container_bg_top.jpg) no-repeat;
	padding-top: 46px;
}

div.content {
	background: url(../images/main/container_bg_bottom.jpg) no-repeat bottom;
	padding-bottom: 111px;
	width: 100%;
	overflow: auto;
}

div.sidebar {
	float: left;
	margin-left: 15px;
	padding-left: 16px;
	width: 224px;
	display: inline;
}

div.main {
	position: relative;
	top: 67px;
	float: left;
	margin-top: -67px;
	width: 660px;
	padding: 15px 30px 10px 30px;
}

.mb10 {
	margin-bottom: 10px;	
}

.mb20 {
	margin-bottom: 20px;	
}

.inactive_area {
	position: relative;	
}

.inactive_area a.button {
	position: absolute;
	top: 50%;
	left: 20%;
}

.inactive_area.transactions a.button {
	top: 100px;
	left: 165px;
}

.inactive_area.budget a.button {
	top: 160px;
	left: 40px;
}

.inactive_area.steps a.button {
	top: 130px;
	left: 60px;
}

/* ----- Footer ----- */

div.footer {
	width: 960px;
	margin: 40px auto 0 auto;
	border-top: 1px solid #d7d4ca;
	overflow: auto;
	font-size: 12px;
	color: #a5a193;
	padding-top: 10px;
}

div.footer.secondary {
	margin-top: 15px;
}

div.footer a {
	color: #666;
}

div.footer ul {
	float: left;
	padding-right: 10px;
	border-right: 1px solid #d7d4ca;
	overflow: auto;
}

div.footer ul li {
	float: left;
	margin-right: 30px;
	padding: 5px 0;
	display: inline;
}

div.footer p {
	float: left;
	padding: 5px 40px 5px 40px;
	border-right: 1px solid #d7d4ca;
	line-height: 22px;
}

div.footer p.features {
	padding: 0 45px 0 0;
}

div.footer p img {
	vertical-align: middle;
}

h3  
{ 
	clear: both;
    color: #068186;
    font-size: 22px;
    font-weight: 500;
    font-family: Lato;
    letter-spacing: -1px;
    line-height: 1;
    margin: 1px 0 0;
    padding-top: 1px;
    padding-left:10px;
    text-shadow: 0 2px 3px #CCCCCC; }








/* POPUP STYLEs BY JOSH/SAM MOVED FROM POPUP HTML FILE */
		#popupWrap{ position: absolute; z-index: 100; left: -9999px; top: 0; }
		/*.popBox{ width: <?php //echo $innerWidth ?>;  height: <?php //echo $innerHeight ?>; }*/
		.popBox p , .popBox ul{ font-family: tahoma, arial; color: #727576; font-size: 12px; line-height: 18px; margin: 12px 0; overflow: visible; }
		.popBox a.link{ color: #6c909e; font-family: tahoma, arial; font-size: 12px; line-height: 1em; margin: 0; text-decoration: none; font-weight: bold; }
		.popBox ul{ list-style-type: disc; padding-left: 20px; }
		.popBox td{ vertical-align: top; }
		.popBoxInnerCushion{ padding: 5px 0; }
		.popBoxTopLeft{ background: url(/templates/popups/images/popBox/bg-tl.png) no-repeat right bottom; }
		.popBoxTopRight{ background: url(/templates/popups/images/popBox/bg-tr.png) no-repeat left bottom; }
		.popBoxBottomLeft{ background: url(/templates/popups/images/popBox/bg-bl.png) no-repeat right top; }
		.popBoxBottomRight{ background: url(/templates/popups/images/popBox/bg-br.png) no-repeat left top; }
		.popBoxTopTile{ background: url(/templates/popups/images/popBox/bg-ttile.png) repeat-x left top; }
		.popBoxRightTile{ background: url(/templates/popups/images/popBox/bg-rtile.png) repeat-y right top; }
		.popBoxBottomTile{ background: url(/templates/popups/images/popBox/bg-btile.png) repeat-x right bottom; }
		.popBoxLeftTile{ background: url(/templates/popups/images/popBox/bg-ltile.png) repeat-y left bottom; }
		.popGridPiece{  }
		.popColThin{ width: 36px; }
		.popRowThin{ height: 36px; }
		.popBoxBottomTile a{ color: #6c909e; border-bottom: 1px dotted #6c909e; font-family: tahoma, arial; margin: 0; text-decoration: none; }
		.popBoxBottomTile .doPopupClose{ font-size: 10px; }
		.popBoxBottomTile p{ font-size: 12px; font-style: italic; margin: 3px 0 0 0; font-size: 11px; line-height: 13px; }
		
		.popBoxTitle{ color: #737677; font-size: 10px; text-transform: uppercase; line-height: 1em; font-family: Helvetica, tahoma, arial; }
		.popBoxTitle img{ float: right; }
		.popBoxTitle strong{ position: relative; top: 20px; }
		.popBoxTitle img{ position: relative; top: 17px; border: none; }
		
		.popBoxLeftArrow .popBoxLeftTile{ background: url(/templates/popups/images/popBox/bg-arrow-left.png) no-repeat left -10px; width: 46px; }
		.popBoxRightArrow .popBoxRightTile{ background: url(/templates/popups/images/popBox/bg-arrow-right.png) no-repeat right -10px; width: 46px; }
		.popBoxBottomArrow .popBoxBottomTile{ background: url(/templates/popups/images/popBox/bg-arrow-bottom.png) no-repeat center bottom; width: 46px; height: 46px; }
		
		.popBoxTopWhite .popBoxTopLeft{ background: url(/templates/popups/images/popBox/bg-tl-w.png) no-repeat right bottom; }
		.popBoxTopWhite .popBoxTopRight{ background: url(/templates/popups/images/popBox/bg-tr-w.png) no-repeat left bottom; }
		.popBoxTopWhite .popBoxTopTile{ background: url(/templates/popups/images/popBox/bg-ttile-w.png) repeat-x left top; }
		
		.popBoxBottomGray .popBoxBottomLeft{ background: url(/templates/popups/images/popBox/bg-bl-g.png) no-repeat right top; height: 45px; }
		.popBoxBottomGray .popBoxBottomRight{ background: url(/templates/popups/images/popBox/bg-br-g.png) no-repeat left top; }
		.popBoxBottomGray .popBoxBottomTile{ background: url(/templates/popups/images/popBox/bg-btile-g.png) repeat-x right bottom; }
		.popBoxBottomGray .popBoxBottomTile a{ line-height: 2.5em; }
		
		.popBoxInner{ background-color: white; max-width: 400px; width: auto !important; width: 400px; }
		
		#twoCol{ overflow: auto; width: 541px; }
		#twoCol .col{ float: left; }
		#twoCol .col ul{ margin: 0; padding: 0; list-style: none; }
		#twoCol .col li{ width: 250px; margin: 0 20px 20px 0; padding: 0 20px 0 0; border-right: 1px solid #dedfdf; overflow: auto; }
		#twoCol .col li img.logo{ width: 60px; height: 60px; margin: 0 12px 0 0; float: left; }
		#twoCol .col-last li{ margin-right: 0; padding-right: 0; border-right: none; }
		#threeCol{ }
		
		div.all_prizes .popBoxInner { max-width: none; }
		div.all_prizes .popBoxInnerCushion { padding: 0; }
		div.all_prizes .available_prizes { border-top: none; margin-top: 0; padding-top: 0; width: 100%; overflow: auto; background: #fff; }
		.popBox div.all_prizes p.egg_status { background: #fff; margin: 0; padding: 20px 0 0 0; }
		div.all_prizes.my_golden_eggs { background: none; border-top: none; padding: 0; }
		
		.popBoxInnerCushion a.link{ display: block; clear: left; padding-top: 20px; text-decoration: underline; }
		.popBoxInnerCushion a.button span { padding-top: 20px; }
		.popBoxInnerCushion div.available_prizes a.button span { padding-top: 10px; }
		
		
/* added to fix the spacing issue between the leftcolumn navigation with the adspace underneath. overflow hidden would not work as the green arrow gets cut off. added an empty <li>
*/ 
.common_data li.clearboth,
.common_data li.clearboth:hover{ border: none; }


.features-box {
width : 230px;
height: 60px;
padding-left: 72px;
padding-top: 26PX;
color: #5f8c9f;
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
}

.features-box-text {
width : 389px;
padding-left: 43px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:16px;
text-align:justify;
}
.features-box-text-b {
width : 389px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}
.readmore-btn1 {
padding-left: 250px;
}
.readmore-btn2 {
padding-top: 48px;
padding-left: 250px;
}