/* MAIN ELEMENTS
================================================ */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/layout/bg.jpg);
	background-repeat: repeat-x;
}

#bglayer {
	background-image: url(../images/layout/bg1.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	height: 100%;
	width: 100%;
	position: absolute;
	visibility: visible;
	z-index: -1;
}

/* LAYOUT ELEMENTS
================================================ */

#frame {
	width: 1001px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-align: left;
	}
#masthead {
	width: 1001px;
	height: 234px;
	float: left;
	background-image: url(../images/layout/bg_masthead.gif);
	background-repeat: no-repeat;
	}
#middle {
	width: 1001px;
	height: auto;
	min-height: 300px;
	float: left;
	background-image: url(../images/layout/bg_middle.gif);
	background-repeat: repeat-y;
	}
#left_column {
	width: 185px;
	height: auto;
	min-height: 300px;
	margin-left: 4px;
	display: inline;
	float: left;
}
#right_column {
	width: 764px;
	height: auto;
	min-height: 300px;
	margin-right: 26px;
	display: inline;
	margin-top: 10px;
	float: right;
}
#content {
	width: 550px;
	height: auto;
	min-height: 300px;
	float: left;
}
#right_side {
	width: 195px;
	height: auto;
	min-height: 300px;
	float: right;
}
#footer {
	width: 976px;
	height: 38px;
	padding-top: 42px;
	padding-left: 25px;
	display: inline;
	font-size: 10px;
	float: left;
	background-image: url(../images/layout/bg_footer.gif);
	background-repeat: no-repeat;
	}
#pixelgems_credit {
	width: 200px;
	height: 30px;
	float: right;
	text-align: right;
	margin-right: 90px;
	display: inline;
}
	
/* BUTTONS & LINKS
================================================ */
a:link, a:active, a:visited {
	color: #6B9A3E;
}
a:hover {
	color: #677276;
}
a.menu:link, a.menu:active, a.menu:visited {
	width: 174px;
	height: 18px;
	float: left;
	display: block;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 4px;
	color: #6B9A3E;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #A9BCC3;
	border-right: none;
}
a.menu:hover {
	color: #677276;
	background-color: #DDF0F4;
}
.menu_select {
	width: 175px;
	height: 18px;
	float: left;
	display: block;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 4px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color: #A9BCC3;
	border: 1px solid #014A8E;
	border-right: none;
}
a.btn_livesmart:link, a.btn_livesmart:active, a.btn_livesmart:visited {
	width: 186px;
	height: 84px;
	float: left;
	display: block;
	margin-bottom: 4px;
	margin-top: 5px;
	background-image: url(../images/layout/btn_livesmart.jpg);
	background-repeat: no-repeat;
}
a.btn_dreamhome:link, a.btn_dreamhome:active, a.btn_dreamhome:visited {
	width: 186px;
	height: 90px;
	float: left;
	display: block;
	margin-bottom: 4px;
	margin-top: 5px;
	background-image: url(../images/layout/btn_dream_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px -10px;
}
a.btn_draw_pkg:link, a.btn_draw_pkg:active, a.btn_draw_pkg:visited {
	width: 186px;
	height: 77px;
	float: left;
	display: block;
	margin-bottom: 4px;
	margin-top: 15px;
	background-image: url(../images/layout/btn_draw_pkg.jpg);
	background-repeat: no-repeat;
}
a.btn_playground:link, a.btn_playground:active, a.btn_playground:visited {
	width: 195px;
	height: 73px;
	float: left;
	display: block;
	margin-bottom: 8px;
	margin-top: 8px;
	background-image: url(../images/layout/btn_playhouse_plan.jpg);
	background-repeat: no-repeat;
}
a.btn_planbook:link, a.btn_planbook:active, a.btn_planbook:visited {
	width: 194px;
	height: 84px;
	float: left;
	display: block;
	margin-bottom: 4px;
	margin-top: 5px;
	background-image: url(../images/layout/btn_planbook.jpg);
	background-repeat: no-repeat;
}
a.btn_viewmore:link, a.btn_viewmore:active, a.btn_viewmore:visited {
	width: 91px;
	height: 17px;
	float: left;
	display: block;
	margin-top: 3px;
	margin-left: 5px;
	background-image: url(../images/layout/btn_learnmore.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.btn_viewmore:hover {
	background-position: top;
}
a.pdf_btn:link, a.pdf_btn:active, a.pdf_btn:visited {
	float: left;
	display: block;
	width: 142px;
	height: 20px;
	margin-right: 5px;
	font-size: 10px;
	padding-left: 26px;
	padding-top: 6px;
	color: #002E57;
	text-decoration: none;
	background-image: url(../images/layout/btn_pdf.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
a.pdf_btn:hover {
	background-position: 0px -27px;
}
a.mail_btn:link, a.mail_btn:active, a.mail_btn:visited {
	float: left;
	display: block;
	width: auto;
	height: 14px;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 10px;
	padding-left: 24px;
	padding-top: 4px;
	background-image: url(../images/layout/icon_mail.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.back_btn:link, a.back_btn:active, a.back_btn:visited {
	float: left;
	display: block;
	width: 142px;
	height: 20px;
	margin-right: 5px;
	font-size: 10px;
	padding-left: 26px;
	padding-top: 6px;
	color: #002E57;
	text-decoration: none;
	background-image: url(../images/layout/btn_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
a.back_btn:hover {
	background-position: 0px -27px;
}
/* FEATURED CLASSES
===================================== */

#featured_left {
	width: 195px;
	height: 98px;
	float: left;
	margin-bottom: 8px;
	margin-top: 15px;
	background-image: url(../images/layout/bg_featured_left.jpg);
	background-repeat: no-repeat;
}
#featured_left .tb {
	width: 75px;
	height: 56px;
	float: left;
	margin-top: 33px;
	margin-left: 8px;
	display: inline;
	border: 1px solid #A9BCC3;
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
}
#featured_left .name {

	width: 90px;
	height: 37px;
	float: left;
	margin-top: 33px;
	margin-left: 6px;
	display: inline;
	font-size: 10px;
}

/* SEARCH CLASSES
===================================== */

#search {
	width: 195px;
	height: 125px;
	padding-top: 30px;
	float: left;
	margin-bottom: 8px;
	font-size: 12px;
	background-image: url(../images/layout/bg_plansearch.jpg);
	background-repeat: no-repeat;
}
#search table {
	margin-left: 10px;
	display: inline;
	float: left;
	width: 180px;
}
#search select {
	width: 100px;
	font-size: 10px;
}
input.search_btn {
	width: 91px;
	height: 17px;
	border: none;
	cursor: pointer;
	background-color: #FFFFFF;
	background-image: url(../images/layout/btn_search.jpg);
	background-repeat: no-repeat;
}
#search_main {
	width: 530px;
	height: 125px;
	padding-top: 30px;
	float: left;
	margin-bottom: 4px;
	font-size: 12px;
	background-image: url(../images/layout/bg_plansearch_main.jpg);
	background-repeat: no-repeat;
}
#search_main table {
	margin-left: 10px;
	display: inline;
	float: left;
	width: 180px;
	margin-left: 290px;
}
#search_main select {
	width: 100px;
	font-size: 10px;
}

/* FIND CLASSES
=========================================== */

#find {
	width: 195px;
	height: 68px;
	padding-top: 30px;
	float: left;
	font-size: 12px;
	background-image: url(../images/layout/bg_jumptoplan.jpg);
	background-repeat: no-repeat;
}
#find table {
	margin-left: 10px;
	display: inline;
	float: left;
	width: 180px;
}
#find select {
	width: 100px;
	font-size: 10px;
}

/* CONTENT CLASSES
=========================================== */

#content p {
	width: 550px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #5E686B;
	margin-bottom: 8px;
	line-height: 1.6;
	font-size: 14px;
}
#content p.bold {
	font-weight: bold;
	color: #014A8E;
}
#content li {
	width: 500px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #5E686B;
	margin-bottom: 8px;
	line-height: 1.6;
	font-size: 14px;
}
#content li:first-line {
	font-weight: bold;
	color: #014A8E;
}
#featured_main {
	width: 548px;
	height: auto;
	float: left;
	border: 1px solid #677276;
}
#featured_main h1 {
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	font-size: 14px;
	width: 546px;
	height: 21px;
	color: #677276;
	text-align: center;
	background-color: #DDF0F4;
	border: 1px solid #FFFFFF;
}
#featured_main .img {
	width: 170px;
	height: 140px;
	float: left;
	border: 1px solid #677276;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline;
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
}
#featured_main .description {
	width: 314px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
}
#featured_main h2 {
	margin: 0px;
	padding: 0px;
	width: 214px;
	height: 20px;
	float: left;
	font-size: 12px;
	font-weight: bold;
}
#featured_main p {
	margin: 0px;
	padding: 0px;
	width: 214px;
	height: auto;
	float: left;
	font-size: 10px;
	line-height: 1.6;
	margin-top: 10px;
}
#featured_main p:first-letter {
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#featured_main .button {
	width: 214px;
	height: 30px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
}

/* STOCKPLANS HOVER INFO
================================================ */

a.logo_link:link, a.logo_link:active, a.logo_link:visited {
	background: #FFF no-repeat center;
	width: 148px;
	display: block;
	height: 118px;
	margin-bottom: 5px;
	border: 1px solid #FFFFFF;
	position: relative;
	text-decoration: none;
}
a.logo_link:hover {
	border: 1px solid #716146;
	text-decoration: none;
}
a:hover.logo_link {
	font-size: 99%; /* this is just for IE */
	z-index: 1;
}
a:hover.logo_link span {
	display: block; /* this is just for IE */
	z-index: 1;
}
a.logo_link span {
	display: none;
	}
a.logo_link:hover span {
	display: block;
	height: 120px;
	min-height: 30px;
	width: 222px;
	padding: 4px;
	top: -12px;
	left: 155px;
	padding-left: 20px;
	position: absolute;
	z-index: 100;
	color: #002E57;
	font-weight: bold;
	text-align: left;
	background-image: url(../images/layout/bg_stock_span.gif);
	background-repeat: no-repeat;
	}

/* CLASSES IMPORTED FROM D AND D
================================================ */

.line {
	width: 190px;
	height: 20px;
	padding: 2px 0px 1px 0px;
	}
.field {
	padding: 3px 2px 2px 0px;
	width: 75px;
	float: left;
	text-align: right;
	font-weight: bold;
	color: #226666;
	font-size: 10px;
	}
.box {
	width: 80px;
	float: left;
	text-align: left;
	padding: 0px 0px 2px 0px;
	}
#field_title {
	float: left;
	width: 150px;
	font-weight: bold;
	text-align: right;
	padding: 2px 5px 0px 0px;
	}
#field_box {
	float: right;
	width: 260px;
	}
#field_row {
	clear: both;
	min-height: 25px;
	}
#stock_search {
	width: 722px;
	background:	url(/assets/images/stock_searchbg.jpg) no-repeat;
	padding: 30px 5px 0px 5px;
	min-height: 50px;
	}
#stock_search_foot {
	width: 732px;
	background:	url(/assets/images/stock_foot.jpg) no-repeat;
	height: 25px;
	}
.rightsearch {
	width: 350px;
	float: left;
	}
.leftsearch {
	width: 350px;
	float: right;
	}
.field2 {
	padding-top: 3px;
	font-weight: bold;
	width: 150px;
	float: left;
	}
.stock_select {
	font-size: 11px;
	}
.box2 {
	width: 180px;
	float: right;
	}
.field_line {
	height: 20px;
	width: 350px;
	border-bottom: 1px solid #f2eee6;
	padding: 2px;
	}
.plan_thumb {
	border: 1px solid #DDF0F4;
	padding: 10px;
	height: 160px;
	float: left;
	display: inline;
	text-align: center;
	margin: 5px;
	}
.plan_thumb2 {
	border: 1px solid #c2ae8b;
	padding: 5px;
	text-align: center;
	margin: 5px;
	width: 150px;
	}
.plan_thumb:hover {
	border: 1px solid #A9BCC3;
	background: #DDF0F4;
	}
.front_stock {
	width: 80px;
	float: left;
	height: 64px;
	border: 1px solid black;
	background: white;
	}
.more_info {
	display: block;
	border: 1px solid black;
	font-size: 11px;
	padding: 2px;
	background: #004466;
	color: white;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	text-align: center;
	}
.more_info:hover, .more_info:visited, .more_info:link {
	text-decoration: none;
	color: white;
	}
.more_info2 {
	display: block;
	border-top: 1px solid black;
	background: #E3CDA1;
	padding: 2px;
	text-align: center;
	}
.stock_info {
	float: left;
	width: 100px;
	font-size: 10px;
	}
.stock_info a:hover {
	text-decoration: none;
	color: white;
	}
.details_swap {
	background:url(../images/details_buttons.jpg) no-repeat top;
	display: block;
	width: 177px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	float: right;
	font-weight: bold;
	font-size: 11px;
	}
.details_swap:hover {
	background:url(../images/details_buttons.jpg) no-repeat bottom;
	display: block;
	text-decoration: none;
	}
.right_details {
	float: left; 
	width: 250px;
	font-size: 10px;
	}
#details_frame {
	width: 744px;
	height: inherit;
	background: url(../images/details_frame.jpg) no-repeat;
	padding: 10px;
	}
.details_title {
	width: 550px;
	height: 50px;
	float: left;
	color: white;
	font-weight: bold;
	}
.details_num {
	font-size: 14px;
	color: #003366;
	}
.details_back {
	width: 150px;
	height: 50px;
	float: right;
	display: block;
	
	}
.details_info {
	margin-left: 10px;
	float: right;
	width: 180px;
	height: 100px;
	padding-top: 30px;
	padding-left: 15px;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #A9BCC3;
	background-image: url(../images/layout/bg_pricebox.jpg);
	background-repeat: no-repeat;
	}
.details_info2 {
	margin-left: 35px;
	float: left;
	width: 100px;
	height: 50px;
	}
.details_mini {
	background:url(../images/arrow.jpg) no-repeat bottom left;
	padding: 0px 0px 0px 13px;
	height: 14px;
	}
.details_foot {
	width: 744px;
	height: 29px;
	background: url(../images/details_foot.jpg) no-repeat;
	}
#goto_plans {	
	background: url(/assets/images/gotoplan.jpg) no-repeat;
	width: 112px;
	height: 15px;
	border: 0px;
	}
#paginate_bar {
	width: 560px;
	float: left;
	font-size: 11px;
	}
.prev_button {
	width: 82px;
	height: 15px;
	line-height: 15px;
	background: url(../images/but_prev.jpg) no-repeat top;
	display: block;
	float: left;
	margin-right: 5px;
	}
.next_button {
	width: 82px;
	height: 15px;
	line-height: 15px;
	background: url(../images/but_next.jpg) no-repeat top;
	display: block;
	float: left;
	margin-right: 5px;

	}
.prev_button:hover {
	background: url(../images/but_prev.jpg) no-repeat bottom;
	}
.next_button:hover {
	background: url(../images/but_next.jpg) no-repeat bottom;
	}
.paginate_numbers {
	border: 1px solid #332211;
	padding: 1px 5px 1px 5px;
	font-size: 10px;
	float: left;
	margin-right: 5px;
	}
.page_sel {
	background: #002E57;
	color: white;
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 4px;
	text-align: center;
	border: 1px solid #002E57;
	}
a.ps:link, a.ps:visited, a.ps:active {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-left: 4px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #DDF0F4;
}
a.ps:hover {
	background-color: #DDF0F4;
	border: 1px solid #002E57;
}
#repage {
	float: left;
	margin-right: 5px;
	}
.select_project {
	width: 650px;
	margin: 3px;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #332212;
	border-left: 7px solid #332212;
	}
.select_project:hover {
	border-color: #15516d;
	background: #ffebce;
	}
.current_thumb {
	height: 60px;
	width: 75px;
	display: block;
	float: left;
	border: 1px solid #CCCCCC;
	background-position: center center;
	margin: 0px 2px 2px;
	}
.current_thumb:hover {
	border: 1px solid black;
	}
.current_text {
	width: 650px;
	text-align: left;
	margin-bottom: 5px;
	}
.page {
	width: 657px;
	border: 1px solid #1b5875;
	font-size: 11px;
	text-align: right;
	margin: 3px;
	padding: 5px;
	}