html, body {
margin:0px; padding:0px;
height: 100%;
font-family: helvetica, verdana, arial, sans-serif;
text-align: center;
}

img{
	border:none;
	padding:0px;
	margin:0px;
}

#wrapper {
position: relative;
width: 946px;
margin: 0 auto;
background: #fff; 
text-align: left;
min-width: 946px; /* to allow room for images and long words */
}

/* ie hack  - layout REQUIRES a height here to work */
/* (1% will do) if no min-height is required*/
/* this it where it fails in Strict Mode */
* html #wrapper {height: 80%;} 



#ltbg1, #ltbg2 {
position: absolute;
top: 0;
bottom: 0; /* Opera needs this! Moz would automatically assume this as default*/

/* height: 100%; */ /* hacked in for IE below */
}

* html #ltbg1, * html #ltbg2 
{height: 100%; /* required by IE to inherit from wrapper (IE Hack) above*/}

#ltbg1 {left: 0; width: 415px; height:1400px; background:url(../images/lifetrail/lt-mainphoto.jpg) no-repeat top left; }
#ltbg2 {right: 0; width: 191px; background:url(../images/lifetrail/lt-rightside.jpg) no-repeat top left; z-index:1;  }


/* bringing the center content into position (clear the sides)
is best using a wrapper div to avoid more IE Box Model issues */
#contentwrap {
position: relative; 
padding: 0 191px 0 415px;

}

#content {
position: relative;  /* to enable further positioned divs inside content area */
z-index: 100; /* to make sure if long words overflow they show above the right column */ 
background:url(../images/cat-request-container-bg.gif) repeat-x top left;
background-color:#f5bc04;
padding:16px 14px 9px 14px;
margin: 0;
overflow:visible;
height:1400px;
}

/* IE/Win Hack for peekaboo bug */
/* hide from IE/Mac \*/
* html #content {height:1400px; background-color:#f5bc04;} 
/* end hide */

/***** General formatting ****/
p { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}

.clear{
	clear:both;
	padding:0px;
	margin:0px;
}


#content h1{
	margin:0px; padding:0px;
	font-size:32px;
	color:#f26818;
	font-weight:normal;
	margin-bottom:10px;
}

#content h1.above-image{
	padding:12px 0px 0px 0px;
	margin-bottom:5px;
}

#content a.top-link{
	font-weight:bold;
	font-size:.7em;
	padding-left:5px;
	text-decoration:none;
	color:#000000;
}



#content form{
	padding:18px 28px 13px 24px;
	background:url(../images/cat-request-form-bg.gif) repeat-x bottom left #fce18e;
	font-size:.6em;
	margin-bottom:16px;
}

.grey{
	color:#696868;
}

#content form.below-image{
	background:url(../images/cat-request-form-small-bg.gif) repeat-x top left #f9d257;
}




#content form p{
	
}

#content form #cb-top {
	padding-top:9px;
	padding-bottom:0px;
}

#content form .drop-down{
	width:254px;
}

#content form .drop-down-two-col{
	width:110px;
	margin-right:34px;
}

#content form .two-col-input-item{
	float:left;
}

#content form .text-left{
	margin-right:30px;
	margin-bottom:5px;
}

#content form #cb-top .cb-top-item .cb-top-cb {
	float:left;
}

#content form #form-elements{
	margin-left:4px;
}

#content form #form-elements p{
	font-size:1.2em;
}


#content form #cb-top .cb-top-item .cb-top-label {
	float:left;
	width:220px;
	padding-left:4px;
	padding-top:7px;
	font-size:1em;
}

#content form .required{
	padding:12px 0px 11px 10px;
}

#playworld-logo{
	padding:0px; margin:0px;
}

p.thanks{
	font-size:1.1em;
	color:#000000;
	padding:30px 0px 17px 15px;
	margin:0px;
}

p.contact-us-today{
	color:#4c3c0a;
	font-size:1em;
	margin:0px;
	padding:12px 30px 28px 27px;
}

p.footer{
	font-size:.65em;
	margin:0px 0px 0px 0px;
	padding:0px 20px 10px 12px;
	line-height:1.2em;
}

p.footer a{
	color:#000000;
	padding-left:40px;
}

p.receive-catalogs{
	font-size:1.2em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 4px;
}

#content-main{
	background:url(../images/main-content-bg.gif) repeat-x #f9d257;
	padding-bottom:20px;
	margin-bottom:17px;
}

.icon-links{
	padding:0px 0px 0px 17px;
}

.icon-links .icon, .icon-link {
	float:left;
}

.icon-links .icon{
	padding:0px 9px 3px 0px;
}

.icon-links .icon-link{
	padding:6px 0px 0px 0px;
}

.icon-links .icon-link a{
	color:#f26818;
	font-size:.9em;
	text-decoration:underline;
}



.label{
	color:#744523;
	padding-top:10px;
	padding-left:4px;
	font-size:11px;
}

label{
	color:#744523;
	padding-top:10px;
	padding-left:4px;
	font-size:11px;
}


 
 input[type="checkbox"]{
	margin:8px 0px 0px 0px;
}

input[type="text"]{
	margin:0px 0px 0px 0px;
}

input[type="select"],input[type="option"]{
	margin:0px;
	padding:0px;
}


#email-list-info, #email-list-cb{
	float:left;
}

#email-list-info{
	width:220px;
	padding:8px 0px 10px 9px;
}

.left-longform-two-col-input-item {
	width:112px;
	margin:0px; padding:0px;
	margin-right:30px;
}

.right-longform-two-col-input-item {
	width:112px;
	margin:0px; padding:0px;
}

.single-field {
	width:260px;
}



#image-overflow{width: 320px; height: 134px;}
#image-overflow img {vertical-align:top;}
#image-overflow img.promo {position:relative;top:0px;}
#image-overflow .right {width:198px;height:152px;float:right;text-align:right; margin-right: -38px;}
#image-overflow .right3 {width:190px;height:157px;float:right;text-align:right; margin-right: -33px;}
.pg-left{ font-size:0.8em; width:160px; float:left; margin:0px; overflow:visible;}

#Footer {
	float:left;
	font-size:10px;
	margin:0px;
	padding:0px;
	padding-left:10px;
	line-height:1.2em;
	word-spacing:0.3px;
}

#LeftFooter {
	float:left;
	font-size:10px;
	color:#333333;
}

#RightFooter {
	padding-left:40px;
	float:left;
	font-size:10px;
	color:#333333;
}

#RightFooter a {
	font-size:10px;
	color:#333;
}

#RightFooter a:hover {
	font-size:10px;
	color:#333;
	text-decoration:none;
}

#ThankYouMargin {
	margin:0px;
	padding:0px;
	margin-left:20px;
	padding-top:20px;
}
	

.footer{
	font-size:10px;
	margin:0px;
	padding:0px 20px 10px 12px;
	line-height:1.2em;
	word-spacing:0.3px;
}

.footer a{
	font-size:10px;
	color:#000000;
	padding-left:40px;
}

/* CUSTOM STYLES FOR LIFETRAIL */
#widecopy { font-size:12px; width:320px; float:left; margin:0px; overflow:visible;}
#widecopy p { clear:both; font-size:12px; width:300px; margin:0px; padding:0px; margin-bottom:12px; color: #875a31; }

#content form p.formtitles {
	margin:0px; padding:0px;
	margin-bottom:4px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #875a31;
}

ul {
	margin:0px; padding:0px;
	margin-left:15px; padding-right:50px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #875a31;
}

li {
	margin:0px; padding:0px;
	margin-bottom:8px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color:#875a31;
}

p.RequiredText { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #875a31;
	font-weight:bold;
}

p.fText {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

a.bLink, a.bLink:link, a.bLink:visited, a.bLink:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

a.bLink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
text-decoration:none;
}

a.oLink, a.oLink:link, a.oLink:visited, a.oLink:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#C60;
}

a.oLink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#C60;
font-weight:bold;
text-decoration:none;
}

a.pLink, a.pLink:link, a.pLink:visited, a.pLink:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

a.pLink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
text-decoration:none;
}

.frmText {
	width:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #875a31;
}

.frmText50 {
	width:115px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #875a31;
}