/* styles for learngarden */

body {
background: url(images/back.jpg) repeat;
color: #2b2b2b;
margin: 0px;
padding: 0px;
font-size: 13px;
font-family:  "Century Gothic", Verdana, "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}

a:link {color: #4682b4; text-decoration: underline; }
a:visited {color: #4682b4; }
a:hover {color: #2b2b2b; text-decoration: none; }


a.titlelink {
text-decoration: none;
}

img { border: none 0; }
a img { border: none 0; }

div#wrap-main {
margin: auto;
padding: 0px;
width: 778px;
}

div#flashcont {
width: 779px;
margin: 0px;
padding: 0px;
height: 135px;
}

div#warp-cont {
width: 779px;
margin: 0px;
padding: 0px;
border: 1px solid #cccccc;
}


p {
margin: 10px 20px 0 20px;
padding: 0px;
line-height: 18px;
}


ul#navigation {
background-color: #ffffff;
width: 774px;
height: 30px;
margin: 0px;
padding: 7px 0 0 5px;
clear: both;
border-bottom: 1px solid #cccccc;
}
ul#navigation li {
float: left;
margin: 5px 0 0 0;
padding: 0px;
list-style: none;
}

ul#navigation li a{
color: #2b2b2b;
font-size: 12px;
text-decoration: none;
float: left;
padding: 0px;
margin: 0 10px 0 9px;
border-bottom: 3px solid #fff;
}

ul#navigation li a:hover{
color: #2b2b2b;
border-bottom : #5eb222 4px solid;
display: block;
}


div#body-content {
background-color: #ffffff;
margin: 0px;
padding: 0px;
width: 779px;
overflow: hidden;
height:auto !important;
height:450px;
min-height:450px;
}



div#footcont {
margin: 0px;
padding: 10px;
width: 759px;
border-top: 1px solid #cccccc;
background-color: #ffffff;
/*background-color: #519a0b;*/
text-align: center;
clear: both;
}



div.copycont {
width: 739px;
height: 10px;
margin: 0px;
padding: 10px;
clear: both;
}

span.copyrights {
color: #2b2b2b;
font-size: 11px;
clear: both;
display: block;
}




ul#navfoot {
background-color: #ffffff;
width: 759px;
margin: 0px;
padding: 4px 0 0 0;
clear: both;
}
ul#navfoot li {
float: left;
margin: 5px 0 0 73px;
padding: 0px;
list-style: none;
display: inline;
}


ul#navfoot li.btb a{
background: url(images/buythebook.jpg) no-repeat left top;
width: 67px;
height: 69px;
margin: 0px;
padding: 0px;
display: block;
}
ul#navfoot li.btb a:hover{
background: url(images/buythebook-over.jpg) no-repeat left top;
width: 67px;
height: 69px;
display: block;
}


ul#navfoot li.ec a{
background: url(images/emailconsultation.jpg) no-repeat left top;
width: 67px;
height: 69px;
margin: 0px;
padding: 0px;
display: block;
}
ul#navfoot li.ec a:hover{
background: url(images/emailconsultation-over.jpg) no-repeat left top;
width: 67px;
height: 69px;
display: block;
}


ul#navfoot li.pc a{
background: url(images/phoneconsultation.jpg) no-repeat left top;
width: 67px;
height: 69px;
margin: 0px;
padding: 0px;
display: block;
}
ul#navfoot li.pc a:hover{
background: url(images/phoneconsultation-over.jpg) no-repeat left top;
width: 67px;
height: 69px;
display: block;
}


ul#navfoot li.liv a{
background: url(images/live.jpg) no-repeat left top;
width: 67px;
height: 69px;
margin: 0px;
padding: 0px;
display: block;
}
ul#navfoot li.liv a:hover{
background: url(images/live-over.jpg) no-repeat left top;
width: 67px;
height: 69px;
display: block;
}


ul#navfoot li.susc a{
background: url(images/subscribeicon.jpg) no-repeat left top;
width: 67px;
height: 69px;
margin: 0px;
padding: 0px;
display: block;
}
ul#navfoot li.susc a:hover{
background: url(images/subscribeicon-over.jpg) no-repeat left top;
width: 67px;
height: 69px;
display: block;
}





div#aboutprac-head {
background: url(images/bg-mid-light-head.jpg) no-repeat left top;
width: 339px;
height: 7px;
margin: 0px;
padding: 0px;
clear: both;
display: block;
}
div#aboutprac-bg {
background: url(images/bg-mid-light-bgrep.jpg) repeat-y left top;
width: 339px;
height: 370px;
margin: 0px;
padding: 0px;
overflow: hidden;
clear: both;
display: block;
}
div#aboutprac-footer {
background: url(images/bg-mid-light-foot.jpg) no-repeat left top;
width: 339px;
height: 9px;
margin: 0px;
padding: 0px;
clear: both;
display: block;
}




div#aboutjones-head {
background: url(images/bg-mid-dark-head.jpg) no-repeat left top;
width: 339px;
height: 7px;
margin: 0px;
padding: 0px;
clear: both;
display: block;
}
div#aboutjones-bg {
background: url(images/bg-mid-dark-bgrep.jpg) repeat-y left top;
width: 339px;
height: 370px;
margin: 0px;
padding: 0px;
overflow: hidden;
clear: both;
display: block;
}
div#aboutjones-footer {
background: url(images/bg-mid-dark-foot.jpg) no-repeat left top;
width: 339px;
height: 9px;
margin: 0px;
padding: 0px;
clear: both;
display: block;
}


div#aboutswarp {
margin: 0 0 0 35px;
padding: 0px;
clear: both;
width: 710px;
}

div#apcont {
float: left;
margin: 0 0 10px 10px;
padding: 0px;
}
div#adrcont {
float: right;
margin: 0 10px 10px 0;
padding: 0px;
}



p.aboutstxt {
color: #fff;
margin: 5px 0 0 10px;
padding: 0px;
width: 300px;
}

p.packagetxt {
margin: 5px 0 0 10px;
padding: 0px;
}


p.aboutstxttwo {
color: #111;
margin: 5px 0 0 10px;
padding: 0px;
width: 300px;
}
h2.aboutsheadtwo {
color: #111;
margin: 10px 0 0 10px;
padding: 0px;
width: 300px;
font-size: 15px;
}



/* headings */

h1 {
margin: 15px 0 10px 20px;
padding: 0px;
color: #3f8c0a;
font-size: 20px;
}

h2.aboutshead {
color: #ffffff;
margin: 0 0 0 10px;
padding: 0px;
width: 300px;
font-size: 12px;
}




/* about list idx */

ul.aboutslist {
  float: left;
	padding: 0px;
	margin: 10px 0 10px 0;
	list-style:none;
	width: 210px;
	background: transparent;
	clear: both;
}
ul.aboutslist  li {
	background: url(images/arrow-abouts.png) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0 0 0 40px;
	line-height: 130%;
	list-style:none;
}
ul.aboutslist li a {
	color: #111;
	list-style:none;
	font-size: 12px;
	text-decoration: underline;
	margin: 0px;
	padding: 0 0 0 20px;
	letter-spacing: 0px;
}
ul.aboutslist li a:visited {
	color:#111;
	text-decoration:none;
}
ul.aboutslist li a:hover {
	color: #2b2b2b;
	text-decoration:none;
}




img.floatleftidx {
float: left;
margin: 20px;
padding: 0px;
}


img.aboutdocleftfloat {
float: left;
margin: 10px;
padding: 0px;
}



div#aboutprac-firstlist {
float: left;
margin: 0 0 10px 60px;
padding: 0px;
}
div#aboutprac-secondlist {
float: right;
margin: 0 40px 10px 0;
padding: 0px;
}

/* main page abouts */
ul.aboutslistpage {
    float: left;
	padding: 0px;
	margin: 10px 0 10px 0;
	list-style:none;
	width: 200px;
	background: transparent;
	clear: both;
}
ul.aboutslistpage  li {
	background: url(images/arrow-abouts.png) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	line-height: 130%;
	list-style:none;
}
ul.aboutslistpage li a {
	color: #2b2b2b;
	list-style:none;
	font-size: 13px;
	text-decoration: underline;
	margin: 0px;
	padding: 0 0 0 20px;
	letter-spacing: 0px;
}
ul.aboutslistpage li a:visited {
	color:#2b2b2b;
	text-decoration:none;
}
ul.aboutslistpage li a:hover {
	color: #3f8c0a;
	text-decoration:none;
}


br.clearb {
clear: both;
}


div#contact-left {
float: left;
width: 340px;
margin: 0 0 10px 10px;
padding: 0px;
}


div#contact-right {
float: right;
width: 400px;
margin: 0 10px 10px 0;
padding: 0px;
}

a.idx-contbox {
float:right;
clear: both;
margin: 10px 20px 0 0;
padding: 0px;
color: #111111;
}
a.idx-contbox:hover {
color: #2b2b2b;
}

a.ga-more {
float:right;
clear: both;
margin: 10px 20px 0 0;
padding: 0px;
color: #006065;
}
a.ga-more:hover {
color: #2b2b2b;
}

/* what others say columns */

div#wos-colcont {
margin: 20px 0 0 0;
padding: 0px;
clear: both;
width: 765px;
}


div#wos-left {
float: left;
margin: 0 0 0 10px;
padding: 0px;
width: 240px;
}

div#wos-mid{
float: left;
margin: 0 0 0 10px;
padding: 0px;
width: 240px;
}

div#wos-right {
float: right;
margin: 0px;
padding: 0px;
width: 240px;
}

/* comments styles */

div#comm-float-contain {
float: right;
margin: 10px;
padding: 0px;
}

div#aboutdoc-comm-float-contain {
float: left;
margin: 0 10px 0 10px;
padding: 0px;
}



div.comm-head {
background: url(images/quote-top.jpg) no-repeat left top;
width: 218px;
height: 14px;
margin: 0px;
padding: 0px;
clear: both;
}
div.comm-bgrep {
background: url(images/quote-middle.jpg) repeat-y left top;
width: 218px;
margin: 0px;
padding: 0px;
overflow: hidden;
clear: both;
}
div.comm-foot{
background: url(images/quote-bottom.jpg) no-repeat left top;
width: 218px;
height: 41px;
margin: 0px;
padding: 0px;
clear: both;
}
p.comm-txt {
margin: 15px;
padding: 0px;
color: #2b2b2b;
font-size: 11px;
}
div.commfrom {
margin: 0px;
padding: 0px;
width: 218px;
}

div.comm-head-yellow {
background: url(images/quote-head-yellow.jpg) no-repeat left top;
width: 220px;
height: 10px;
margin: 0px;
padding: 0px;
clear: both;
}
div.comm-bgrep-yellow {
background: url(images/quote-bgrep-yellow.jpg) repeat-y left top;
width: 220px;
margin: 0px;
padding: 0px;
overflow: hidden;
clear: both;
}
div.comm-foot-yellow{
background: url(images/quote-bottom-yellow.jpg) no-repeat left top;
width: 220px;
height: 31px;
margin: 0px;
padding: 0px;
clear: both;
}



div.comm-head-dgreen {
background: url(images/quote-head-darkgreen.jpg) no-repeat left top;
width: 220px;
height: 10px;
margin: 0px;
padding: 0px;
clear: both;
}
div.comm-bgrep-dgreen {
background: url(images/quote-bgrep-darkgreen.jpg) repeat-y left top;
width: 220px;
margin: 0px;
padding: 0px;
overflow: hidden;
clear: both;
}
div.comm-foot-dgreen {
background: url(images/quote-bottom-darkgreen.jpg) no-repeat left top;
width: 220px;
height: 31px;
margin: 0px;
padding: 0px;
clear: both;
}







/*idx body practice divider */

div#idxdivderprac {
margin: 0px;
padding: 0px;
clear: both;
}





div#practice-left {
float: left;
width: 560px;
margin: 0 0 10px 10px;
padding: 0px;
}


div#practice-right {
float: right;
width: 190px;
margin: 0 10px 10px 0;
padding: 0px;
}


/* get advice pic containers */
div.picconts {
width: 540px;
clear: both;
float: left;
margin: 0px;
padding: 0 0 10px 0;
border-bottom: 1px solid #cccccc;
}
div.picfloat-ga {
float: left;
width: 135px;
margin: 0px;
padding: 0px;
}
div.textfloat-ga {
float: left;
width: 300px;
margin: 0px;
padding: 0px;
}
div.consult-price {
width: 100px;
color: #006065;
float: right;
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 14px;
text-align: center;
}


/* advice buy now cont */
div#adcon-cont {
margin: 10px 0 10px 0;
padding: 0px;
clear: both;
width: 550px;
}
div#adcon-left {
float: left;
margin: 0px;
padding: 0px;
width: 400px;
}
div#adcon-right {
float: right;
margin: 0px;
padding: 0px;
width: 150px;
}
/*three p's cont new */
div#adcon-left-tpp {
float: left;
margin: 0px;
padding: 0px;
width: 550px;
}



div#adcon-left-email {
float: left;
margin: 0px;
padding: 0px;
width: 550px;
}

/* advice reviews styles */

div.reviewcont {
margin: 0px;
padding: 0px;
clear: both;
width: 370px;
color: #006065;
line-height: 22px;
border: 1px solid #cccccc;
}
span.reviewby {
clear: both;
float: right;
margin: 0px;
padding: 0px;
}



ul.aboutslistpage2 {
    float: left;
	padding: 0px;
	margin: 10px 0 10px 40px;
	list-style:none;
	width: 540px;
	background: transparent;
	clear: both;
}
ul.aboutslistpage2  li {
	background: url(images/arrow-abouts.png) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	line-height: 130%;
	list-style:none;
}
ul.aboutslistpage2 li a {
	color: #2b2b2b;
	list-style:none;
	font-size: 13px;
	text-decoration: underline;
	margin: 0px;
	padding: 0 0 0 20px;
	letter-spacing: 0px;
}
ul.aboutslistpage2 li a:visited {
	color:#2b2b2b;
	text-decoration:none;
}
ul.aboutslistpage2 li a:hover {
	color: #3f8c0a;
	text-decoration:none;
}







div#boutdoc-left {
float: left;
width: 540px;
margin: 0 0 10px 10px;
padding: 0px;
}


div#boutdoc-right {
float: right;
width: 210px;
margin: 0 10px 10px 0;
padding: 0px;
}


div#peakcont {
margin: 0px;
padding: 0px;
width: 370px;
clear: both;
}

img.excerptimgs {
float: left;
margin: 10px 2px 0 0;
padding: 3px;
border: 1px solid #cccccc;
width: 170px;
height: 140px;
}


/*yellow idx box */

div#yellowcont {
margin: 10px 0 20px 40px;
padding: 0px;
clear: both;
width: 701px;
}


div#yellowidxbox-header {
background: url(images/yellowbox-head.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 550px;
height: 14px;
clear: both;
}

div#yellowidxbox-bground {
background: url(images/yellowbox-bgrep.jpg) repeat-y left top;
margin: 0px;
padding: 0px;
width: 550px;
overflow: hidden;
clear: both;
display: block;
}

div#yellowidxbox-footer{
background: url(images/yellowbox-foot.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 550px;
height: 18px;
clear: both;
}

/* new yellow box change 3rd august */
div#yellowidxbox-headertwo {
background: url(images/yellowbox-headtwo.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 689px;
height: 14px;
clear: both;
}

div#yellowidxbox-bgroundtwo {
background: url(images/yellowbox-bgreptwo.jpg) repeat-y left top;
margin: 0px;
padding: 0px;
width: 689px;
overflow: hidden;
clear: both;
display: block;
}

div#yellowidxbox-footertwo {
background: url(images/yellowbox-foottwo.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 689px;
height: 18px;
clear: both;
}





div#fullcontentwidth {
width: 750px;
margin: 0 0 20px 10px;
padding: 0px;
clear: both;
}

.clearb {
clear: both;
}



/*advice email */
div#boxpalegreen-header {
background: url(images/cart-prod-dgreen-head.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 550px;
height: 15px;
clear: both;
}

div#boxpalegreen-bground {
background: url(images/cart-prod-dgreen-bgrep.jpg) repeat-y left top;
margin: 0px;
padding: 0px;
width: 550px;
overflow: hidden;
clear: both;
display: block;
}

div#boxpalegreen-footer{
background: url(images/cart-prod-dgreen-foot.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 550px;
height: 18px;
clear: both;
}

span.prodprices {
float: right;
margin: 10px;
padding: 0px;
}



/* excerpt/reviews columns 300 */

div#excerptcont {
float: left;
width: 370px;
margin: 0px;
padding: 0px
}

div#reviewscont {
float: right;
width: 370px;
margin: 0px;
padding: 0px
}


p.fullpractice {
width: 550px;
margin: 0px;
padding: 0px;
clear: both;
}


/* Blog boxes */

div#blog-top {
background: url(images/header-blog.jpg) no-repeat left top;
width: 195px;
height: 39px;
margin: 0px;
padding: 0px;
clear: both;
}

div#blog-middle {
background: url(images/bodyrep-blog.jpg) repeat-y left top;
width: 195px;
height: 235px;
margin: 0px;
padding: 0px;
overflow: hidden;
clear: both;
}

div#blog-bottom {
background: url(images/foot-blog.jpg) no-repeat left top;
width: 195px;
height: 21px;
margin: 0px;
padding: 0px;
clear: both;
}

div#blog-top1 {
background: url(images/header-blog1.jpg) no-repeat left top;
width: 195px;
height: 39px;
margin: 0px;
padding: 0px;
clear: both;
}
div#blog-middle1 {
background: url(images/bodyrep-blog.jpg) repeat-y left top;
width: 195px;
height: 150px;
margin: 0px;
padding: 0px;
overflow: hidden;
clear: both;
}
div#blog-bottom1 {
background: url(images/foot-blog.jpg) no-repeat left top;
width: 195px;
height: 21px;
margin: 0px;
padding: 0px;
clear: both;
}

div.blogtxt {
margin: 0 15px 0 15px;
padding: 0px;
width: 165px;
color: #2b2b2b;
font-size: 10px;
}


div.marquborder{
background-color: #78ba1f;
margin: 10px 0 0 10px;
padding: 5px;
width: 160px;
}

div.blogtitle {
color: #005d62;
margin: 7px 15px 0 15px;
padding: 0px;
width: 165px;
font-size: 12px;
text-align: center;
}


h3.blogpostshead {
color: #ffffff;
margin: 0px;
padding: 8px 0 0 35px;
}



hr.blogline {
width: 80%;
height: 2px;
border-top: 1px dashed #005d62;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}




/* blog index styles */

div#idxblog-head {
background: url(images/idx-blog-top.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 689px;
height: 16px;
clear: both;
}

div#idxblog-bground {
background: url(images/idx-blog-bgrep.jpg) repeat-y left top;
margin: 0px;
padding: 0px;
width: 689px;
height: 150px;
overflow: hidden;
clear: both;
display: block;
}

div#idxblog-footer {
background: url(images/idx-blog-bottom.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 689px;
height: 19px;
clear: both;
}

div#new-blog 
{
float:left;
width: 350px;
margin: 0px 0px 10px 10px;
padding: 0px;
}

div#new-head {
background: url(images/box2_t.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 345px;
height: 17px;
clear: both;
}

div#new-bground {
background: url(images/box2_bg.jpg) repeat-y left top;
margin: 0px;
padding: 0px;
width: 345px;
height: 150px;
overflow: hidden;
clear: both;
display: block;
}

div#new-footer {
background: url(images/box2_b.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 345px;
height: 17px;
clear: both;
}

div#small-blog {
margin: 10px 0px 20px 18px;
padding: 0px;
clear: both;
width: 730px;
}


div#small-left {
float: left;
width: 180px;
margin: 0px 0px 10px 0px;
padding: 0px;
}
div#small-right 
{
float:left;
width: 180px;
margin: 0px 0px 10px 10px;
padding: 0px;
}
div#small-head {
background: url(images/box1_t.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 175px;
height: 16px;
clear: both;
}

div#small-bground {
background: url(images/box1_bg.jpg) repeat-y left top;
margin: 0px;
padding: 0px;
width: 175px;
height: 150px;
overflow: hidden;
clear: both;
display: block;
}

div#small-footer {
background: url(images/box1_b.jpg) no-repeat left top;
margin: 0px;
padding: 0px;
width: 175px;
height: 16px;
clear: both;
}


div.idxblog { width: 660px; }
div.idxblog1 { width: 310px; }
a.nodecor {
text-decoration: none;
}





ul.aboutslistpage2nodecor {
    float: left;
	padding: 0px;
	margin: 10px 0 10px 40px;
	list-style:none;
	width: 540px;
	background: transparent;
	clear: both;
}
ul.aboutslistpage2nodecor  li {
	background: url(images/arrow-abouts.png) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	line-height: 130%;
	list-style:none;
}
ul.aboutslistpage2nodecor li a {
	color: #2b2b2b;
	list-style:none;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	padding: 0 0 0 20px;
	letter-spacing: 0px;
}
ul.aboutslistpage2nodecor li a:visited {
	color:#2b2b2b;
	text-decoration:none;
}
ul.aboutslistpage2nodecor li a:hover {
	color: #3f8c0a;
	text-decoration:none;
}