

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */

html 	
{
    	background: url(images/bg.gif) no-repeat fixed bottom left; 
	text-align : center; 

     }

#wrapper1 {
	background: transparent url(images/bg1024-body-bottom.png) no-repeat bottom left;
	position : relative; 
	width: 1024px;
	margin : 0 auto 50px auto;
	padding-bottom: 10px; 
	}
	
#wrapper2 {
	background: transparent url(images/bg1024-body.png) repeat-y;
	width : 934px; 
	text-align : left; 
	padding: 105px 45px 10px 45px; 
	}

	
*html #wrapper1 {
	background-image: none;
	}

*html #wrapper2 {
	background: white;
	background-image: none;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 1px;
	padding: 105px 42px 10px 42px;
}



div#content { 
position : relative; 
width : 100%; 
margin: 40px 0 0 0;
padding: 0;

}


div#content_main {
left : 0; 
width : 100%; 
padding: 0;
margin: 0;
}

div#content_sub {
position: relative;
left : 0; 
width : 100%; 
padding : 0; 
}



/*div#content_sub.home {
	background: transparent url(images/bg-content_sub.gif) no-repeat left top;
	height: 188px;
	overflow: hidden;
	padding: 15px;
	width: 904px;
	}*/
	
div#content_sub.home_big {
	background: transparent url(images/bg-content_sub_big.gif) no-repeat left top;
	height: 320px;
	overflow: hidden;
	padding: 15px;
	width: 904px;
	}
	
	div#content_sub.home_big_2 {
	background: transparent url(images/bg-content_sub_big_2.gif) no-repeat left top;
	height: 440px;
	overflow: hidden;
	padding: 15px;
	width: 904px;
	}
	
div#content_sub.home_big p
{
    margin-bottom:6px;
    color:#4C4C4C;
}

div.right {
	float: right;
	wid/th: 298px;
	width:250px;
	}
	
div#content_main.left {
	widt/h: 610px;
	width:673px;
	float: left;
	}

div#content_main.main-col472 {
width: 472px;
float: left;
}

div#content_sub.right {
margin-left: 684px;
width: 250px;
float: none;
}
div#content_sub.main-col472 {
margin-left: 498px;
width: 250px;
float: none;
}



div#branding h1 {
	background: transparent url(images/logo-tagline.gif) no-repeat;
	text-indent: -9999px;
	hei/ght: 33px;
	height: 45px;
	width: 378px;
	position: absolute;
	top: 28px;
	left: 45px;
	}

	
/*div#intro {
	width: 298px;
	height: 329px;
	top:100px;
	background: transparent url(images/banner-1.jpg) no-repeat;
	margin-bottom: 40px;
	padding-left: 636px;
	}*/
	
div.col-1 {
background:transparent url(../images/module-frames/module-1col.gif) repeat-y scroll left top;
float:left;
margin:0 20px 20px 0;
width:298px;
}

div.col-621 {
background:transparent url(../images/module-frames/module-col-621.gif) repeat-y scroll left top;
clear:both;
margin:15px 20px 20px 0;
width:934px;
}

div.col-1 div.module-top {
background:transparent url(../images/module-frames/module-1col-top.gif) no-repeat scroll left top;
}

div.module-top-621 {
background:transparent url(../images/module-frames/module-621-top.gif) no-repeat scroll left top;
}
	
	
div.col-1 div.module-bottom {
background:transparent url(../images/module-frames/module-1col-bottom.gif) no-repeat scroll left bottom;
padding:10px;
position:relative;
}	

div.module-bottom-621 {
background:transparent url(../images/module-frames/module-621-bottom.gif) no-repeat scroll left bottom;
padding:10px;
position:relative;
}	
	
div.col-2 {
background:transparent url(../images/module-frames/module-2col.jpg) repeat-y scroll left top;
float:left;
margin:0 20px 20px 0;
width:616px;
}	

div.col-2 div.module-top {
background:transparent url(../images/module-frames/module-2col-top.jpg) no-repeat scroll left top;
}

div.col-2 div.module-bottom {
background:transparent url(../images/module-frames/module-2col-bottom.jpg) no-repeat scroll left bottom;
padding:10px;
position:relative;
}



div.col-3 {
background:transparent url(../images/module-frames/module-3col.jpg) repeat-y scroll left top;
float:left;
margin:0 20px 20px 0;
width:934px;
}	

div.col-3 div.module-top {
background:transparent url(../images/module-frames/module-3col-top.jpg) no-repeat scroll left top;
}

div.col-3 div.module-bottom {
background:transparent url(../images/module-frames/module-3col-bottom.jpg) no-repeat scroll left bottom;
padding:10px;
position:relative;
}


	
div#intro h2 {
	disp/lay: none;	
	}
	
div#intro ul li a {
	display: block;
	width: 298px;
	text-indent: -9999px;
	}
	
div#intro ul li a:hover {
	background-position: left bottom;
	}

li#home-nav-plans a {
	background: transparent url(images/button-home-plans.jpg) no-repeat left top;
	height: 184px;
	margin-bottom: 20px;
	}

li#home-nav-os a {
	background: transparent url(images/button-home-os.jpg) no-repeat left top;
	height: 130px;
	margin-bottom: 20px;
	}

	
div#intro p span {
	visibility: hidden;
	}
		
div#intro p.signup a {
display: block;
	width: 165px;
	height: 28px;
	position: absolute;
	top: 203px;
	right: 54px;
	text-indent: -9999px;
	}
	
div#intro p.signup a:hover {
	background: transparent url(images/banner-signup-button.gif) no-repeat;
	}

div#benefits {
	background: #f0f6f0 url(images/bg-gradient.jpg) repeat-x;
	padding: 10px 0;
	margin-bottom: 30px;
	width: 100%
	}
	
div#benefits ul {
	border-left: 2px solid #9cc29b;
	margin-left: 250px;
	padding: 0 15px;
	}
		
	
div#benefits h2 { 
	float: left;
	width: 225px;
	text-align: right;
	height: 100%;
	padding: 5px 10px;
	}
	
ul#product_lines {
	width: 620px;
	float: left;
	}
	
ul#product_lines li {
	float: left;
	width: 188px;
	background: #404040 url(images/bg-models.jpg) repeat-y right top;
	margin-right: 18px;
	padding: 0 0 5px 0;
	}
	
ul#product_lines li img { margin-bottom: 4px;}
ul#news {
	margin-left: 616px;
	}
		
ul#news li {
	list-style-type:square;
	margin:0 0 0 16px;
	padding-bottom:5px;
	color: #78977A;}

ul#lists {
	width: 290px;
	position: absolute;
	top: 0;
	left: 620px;
	}
	
ul#lists ul {
	margin-bottom: 1em;
	}
	
ul#lists ul#new_plans img {
	float: left;
	margin: 0 10px 0 0;
	}
	
ul#lists ul#popular li, ul#community li {
	padding-bottom: 5px;
	list-style-type: square;
	margin: 0 0 0 16px;
	}
	
ul#community li {
	font-size: .9em;
	color: #4f7751;
	line-height: 1.25em;
	padding-bottom: 10px;
	}

ul#community li span {
	font-weight: bold;
	display: block;
	font-size: 1.2em
	}
	
div#site_information {
	/*background: #f0f6f0 url(images/bg-gradient.jpg) repeat-x;
	padding: 5px 0px 15px 2px;
	margin: 45px 0 0 0;*/
	padding-bottom:10px;
	padding-top:15px;
	}
	
div#site_information ul li, div#site_information ul#affiliations {
	float: left;
	width: 142px;
	padding: 0 0 0 10px;
	}
	
div#site_information ul li:first-child {
	padding-left: 18px;
	}
	
div#site_information ul ul li:first-child {	padding-left: 0;}
	
div#site_information ul#affiliations {
	padding: 0;
	}
	
div#site_information ul li ul li {
	padding: 0;
	margin: 0;
	}
	
div#site_information ul#affiliations li{
	float: left;
	height: 55px;
	width: 45px;
	padding: 0 10px 10px 0;
	margin: 0;
	}
	
/*-----------------------------------------------------------------------------------------------
  search
-----------------------------------------------------------------------------------------------*/

div#search h2, body#topten div.right h2 {
	border-bottom: 3px solid #9cc29b;
	}



/*
div.right {
	float: right;
	width: 298px;
	margin-left: 20px;
	}
	
div#content_main.left {
	width: 590px;
	float: left;
	}*/
	
div.right {
	float: right;
	widt/h:298px;
	width: 250px;
	}
	
	div.right div.ad {
margin:20px 0;
}
	
div#content_main.left {
	wid/th: 610px;
	width:673px;
	float: left;
	}
	
	
 
 	div.left div.ad {
border:1px solid #CCCCCC;
margin:0 0 20px;
padding:10px;
text-align:center;
width:636px;
}
		
div#search {
	margin-bottom: 30px;
	}

div#search select {
	color: #7d7d7d;
	}
	
div#search input[type="image"] {
	background: transparent url(../images/button_search.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	margin-top: 10px;
	}
	
div#search input[type="image"]:hover {
	background: transparent url(../images/button_search-hover.gif) no-repeat;
	}
	
div#search h3 {
	margin-top: 15px;
	clear: both;
	}

div#search h4 {
	margin: 7px 0 5px 0;
	}
	
div#search label {
	font-size: 10px;
	padding: 0 3px 0 2px;
	}
	
div#search ul li input {
	float: left;
	margin: 0;
	padding: 0;
		}

div#search ul li label {
	}
		
div#search ul li {
	padding-bottom: 3px;
	}
	
div#search ul {
	float: left;
	margin-right: 10px;
	}
	
div#search div {
		width: 110%;
		}
		

*html div#search div {
		width: 100%;
		}
		

/*-----------------------------------------------------------------------------------------------
  product line
-----------------------------------------------------------------------------------------------*/

ul#product_line li {
	background: #404040;
	padding-top: 10px;
	position: relative;
	margin-bottom: 20px;
	wid/th:590px;
    width: 658px;
	}
	
ul#product_line li h3 {
	color: white;
	font-weight: bold;
	font-size: 1.25em;
	padding-left: 10px;
	margin-bottom: 10px;
	border: none;
	}

ul#product_line li p.description {
	background: #F2F2F2  ;
	padding: 10px 150px 30px 10px;
	margin-top: 10px;
	color: #000000;
	line-height: 1.2em;
	
	}
	
*html ul#product_line li p.description {
	padding-right: 160px;
	}
	
ul#product_line li p {
	padding: 0 297px 0 10px;
	font-size: .95em;
	color: white;
	}

ul#product_line li p.thumbs {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	}

ul#product_line li p.links {
	float: right;
	width: 125px;
	margin: 20px 11px 0 0;
	padding: 0;
	color: #4f7751;
	}

*html ul#product_line li p.links {
	float: none;
	position: absolute;
	top:107px;
	right: 0;
	}

ul#product_line li p a {
	margin-bottom: 15px;
	}
	
ul#product_line li p img {
	margin-left: 5px;
	}
/*-----------------------------------------------------------------------------------------------
  module frames
-----------------------------------------------------------------------------------------------*/

div.col-1 {
width: 298px;
background: url(../images/module-frames/module-1col.gif) repeat-y left top;
float: left;
margin: 0 20px 20px 0;
}

div.col-1 div.module-top {
background: url(../images/module-frames/module-1col-top.gif) no-repeat left top;
}

div.col-1 div.module-bottom {
background: url(../images/module-frames/module-1col-bottom.gif) no-repeat left bottom;
padding: 10px;
position: relative;
}


div.col-2 {
width: 616px;
background: url(../images/module-frames/module-2col.jpg) repeat-y left top;
float: left;
margin: 0 20px 20px 0;
}

div.col-2 div.module-top {
background: url(../images/module-frames/module-2col-top.jpg) no-repeat left top;
}

div.col-2 div.module-bottom {
background: url(../images/module-frames/module-2col-bottom.jpg) no-repeat left bottom;
padding: 10px;
position: relative;
}
.side-module-250 ul, div#plan-about div.module, div.main-col472 div.module div {
border: 1px solid #999999;
border-width: 0 1px;
padding: 1px 10px;
}

div.main-col472 div.module h3 {
padding: 10px 10px 0 10px;
background: url(../images/module-frames/module-472-top.gif) no-repeat left top;
margin-bottom: 0;
}
div.main-col472 div.module {
padding-bottom: 10px;
background: url(../images/module-frames/module-472-bottom.gif) no-repeat left bottom;
margin-bottom: 20px;
}	
	
/*-----------------------------------------------------------------------------------------------
  plan overview, plan selection
-----------------------------------------------------------------------------------------------*/

div.plan-overview img {
	background:#E6E6E6 none repeat scroll 0 0;
    display:block;
    padding:14px;
	}
	
	div.plan_overview li img
	{
	    background:#E6E6E6 none repeat scroll 0 0;
        display:block;
        padding:14px;
	}
	
div.plan_selection img {
	background:#E6E6E6 none repeat scroll 0 0;
	}


div.plan_selection li.premium h3 {
	background:#404040 url(../images/icon-premium.gif) no-repeat 240px 7px;
	}
	
div.plan_selection li.free h3 {
	background: #404040 url(../images/icon-free.gif) no-repeat 240px 7px;
	}

.premium-plan, .free-plan {
display: block;
width: 41px;
height: 36px;
position: absolute;
top: 10px;
right: 10px;
text-indent: -9999px;
padding: 0!important;
}

.premium-plan {background: url(../images/icon-premium.gif) no-repeat left top;}
.free-plan {background: url(../images/icon-free.gif) no-repeat left top;}

div.plan_overview div#plan-title {
background: #404040;
padding: 15px;
position: relative;
margin-bottom: 10px;
margin-right: 15px;
}
div.plan_overview div#plan-title h2 {
color: #fff;
font-size: 24px;
margin-bottom: 10px;
}
 div.plan_overview div#plan-title p {
color: #B2B2B2;
font-size: 16px;
}
div.plan_overview div#plan-stats {
min-height: 289px;
position: relative;
margin-bottom: 15px;
margin-right: 15px;
}
div.plan_overview div#plan-stats img {
position: absolute;
left: 0;
top: 0;
}
div.plan_overview div#plan-stats div {
margin-left: 444px;
}
div.plan_overview ul.plan-stats-box {
background: #E6E6E6;
padding: 5px 7px;
margin-bottom: 5px;
}
div.plan_overview ul.plan-stats-box.primary li.size {
width:100%;
padding-bottom: 5px;
}
div.plan_overview ul.plan-stats-box.primary li {
font-size: 14px;
width: 50%;
float: left;
}
div.plan_overview a.button-primary {
display: block;
width: 214px;
height: 38px;
background: url(../images/plan-overview/button-plan-overview-1.gif) no-repeat left top;
color: #fff;
font-size: 16px;
margin-bottom: 5px;
cursor: pointer;
}
div.plan_overview a.button-secondary {
display: block;
float: left;
width: 152px;
height: 38px;
background: url(../images/plan-overview/button-plan-overview-2.gif) no-repeat left top;
margin-right: 7px;
font-size: 14px;
cursor: pointer;
}
a#service-search {
display: block;
width: 250px;
height: 38px;
background: url(../images/button_service-search.gif) no-repeat left top;
text-align: center;
font-size: 16px;
cursor: pointer;
line-height: 38px;
}
a.button-primary:link, a.button-primary:visited, a#service-search:link, a#service-search:visited {
color: #fff;
}
a.button-primary:hover, a.button-secondary:hover, a#service-search:hover {
background-position: 0 -38px;
text-decoration: none;
}
a.button-primary span, a.button-secondary span{
display: block;
padding-left: 52px;
line-height: 38px;
height: 38px;
}
a.button-secondary span{
padding-left: 42px;
}
a#service-search span{
padding: 5px 0 5px 30px;
background: url(../images/icon-search.gif) no-repeat left center;
}
a#plan-download span {background: url(../images/plan-overview/icon-download.gif) no-repeat 10px center;}
a#plan-tour span {background: url(../images/plan-overview/icon-tour.gif) no-repeat 10px center;}
a#plan-cad span {background: url(../images/plan-overview/icon-cad.gif) no-repeat 10px center;}
a#ctl00_cph_plan_cad span {background: url(../images/plan-overview/icon-cad.gif) no-repeat 10px center;font-weight:bold;}
a#plan-energy span {background: url(../images/plan-overview/icon-energy.gif) no-repeat 5px center;}
a#plan-cost span {background: url(../images/plan-overview/icon-cost.gif) no-repeat 5px center;}
a#plan-video span {background: url(../images/plan-overview/icon-video.gif) no-repeat 5px center;}
a#plan-customize span {background: url(../images/plan-overview/icon-customize.gif) no-repeat 5px center;}

div#plan-about {
background: url(../images/module-frames/module-658-bottom.gif) no-repeat left bottom;
padding-bottom: 48px;
margin-right: 15px;
margin-bottom: 20px;
}	
div#plan-about h3 {
padding: 10px 10px 0 10px;
background: url(../images/module-frames/module-658-top.gif) no-repeat left top;
color: #000;
font-weight: bold;
}
div#plan-about p {
padding: .5em 0 1em 0;
}
div#plan-about li {
display:inline;
}

.side-module-250 {
padding-bottom: 10px;
background: url(../images/module-frames/module-250-bottom.gif) no-repeat left bottom;
margin-bottom: 20px;
}
.side-module-250 h3{
padding: 10px 10px 0 10px;
background: url(../images/module-frames/module-250-top.gif) no-repeat left top;
border-bottom: none;
margin-bottom: 0;
}

.side-module-250 ul li {
border-top: 1px solid #999999;
padding: 10px 5px 0 5px;
font-size: 16px;
min-height: 80px;
margin-top: 10px;
text-align: center;
}
.side-module-250 ul img {
floa/t: left;
margin-right: 10px;
}
ul.lead-sponsors li {
text-align: center;
height: auto;
}
ul.products li {
min-height: 56px;
}
div.plan_overview ul#plan-gallery, div.plan_selection ul {
width: 685px;
}

div.plan_overview ul#plan-gallery li, div.plan_selection li {
	width: 316px;
	float: left;
	margin: 0 26px 15px 0;
	}
	
	div.plan_overview a.button {
	float: left;
	width: 125px;
	margin-right: 15px;
	}



div.plan_overview li
{
    widt/h: 290px;
	floa/t: left;
}


 div.plan_selection li {
	width: 288px;
	float: left;
	margin: 0 45px 15px 0;
	}
	
div.plan_selection li {
	background-color:White ;
	height: 455px;
	height:315px;
	overflow: hidden;
	}
	
	div.plan_selection li ul
	{
	    margin-top:10px;
	    background-color:#F0F6F0;
	    margin-left:5px;
	}
	
	div.plan_selection li ul li
	{
	    height:15px;
	    background-color:Transparent;
	    margin-bottom:3px;
	}

div.plan_overview > p {
	background: #9cc29b;
	padding: 7px 10px;
	text-align: right;
	color: #4f7751;
	margin-bottom: 15px;
	widt/h: 570px;
	width:605px;
	}
	
div.plan_overview a.button {
	float: right;
	width: 150px;
	margin-left: 40px;
	}

	
 div.plan_selection a.button {
 	width: 130px;
	float: right;
	padding: 0;

	}
div.plan_selection a.buttonCAD {

	margin-top: 10px;
	}

	
 div.plan_selection p.links a:first-child {
 	float: left;
	}
	
 div.plan_selection p.links {
 	color: #4f7751;
	padding: 0;
	
	}
	
div.plan_overview h3, div.plan_selection h3 {
	border-bottom: none;
	background: #666666;
	color: white;
	text-transform: none;
	margin-bottom: 0;
	position: relative;
	}
	
div.plan_overview h3 a {
	display: block;
	position: absolute; right: 7px; top: 7px;
	padding-left: 18px;
	background: transparent url(images/zoom.gif) no-repeat left center;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	text-transform: uppercase;
	}

		
div.plan_overview li p {
background:#F2F2F2 none repeat scroll 0 0;
}

div.plan_overview li p, div.plan_selection li p {
	font-size: .95em;
	line-height: 1.2em;

	}

div.plan_overview li p, div.plan_selection li p, div.plan_selection h3, div.plan_overview h3  {
	padding: 7px ;
	
	}
	
div.plan_selection h3 {
	text-transform: uppercase;
	background: #9cc29b;
	}

 div.plan_selection h4 {
 	background: #404040;
	padding: 0 7px 7px 7px;
	color:White;
	}
div.plan_overview #descriptionText
{
    overflow:auto;
    height:100px;
    scrollbar-base-color: #009966;
scrollbar-track-color: #78977a;
scrollbar-face-color: #e4eee5;
scrollbar-highlight-color: #78977a;
scrollbar-3dlight-color: #78977a;
scrollbar-darkshadow-color: #78977a;
scrollbar-shadow-color: #78977a;
scrollbar-arrow-color: #78977a;
}

div.plan_selection #descriptionText
{
    margin-top:10px;
    overflow:auto;
    height:100px;
    scrollbar-base-color: #009966;
    scrollbar-track-color: #78977a;
scrollbar-face-color: #e4eee5;
scrollbar-highlight-color: #78977a;
scrollbar-3dlight-color: #78977a;
scrollbar-darkshadow-color: #78977a;
scrollbar-shadow-color: #78977a;
scrollbar-arrow-color: #78977a;
}

	
/*-----------------------------------------------------------------------------------------------
  download
-----------------------------------------------------------------------------------------------*/

div.download form {
	background: #f0f6f0 url(images/bg-gradient.jpg) repeat-x;
	padding: 10px;
	margin: 15px 0;
	}
	
div.download form p {
	margin-bottom: 10px;
	}
	
div.download form select {
	width: 288px;
	vertical-align: middle;
	margin-right: 10px;
	border: 1px solid #7d7d7d;
	padding: 2px;
	color: #7d7d7d;
	}
	
div.download form input {
	vertical-align: middle;
	}
	
div.download h4 {
	margin-bottom: 20px;
	}
	
div.download dt, div.download dd {
	padding-left: 45px;
	}

div.download dt {
	height: 30px;
	margin-bottom: -15px;
	background-repeat: no-repeat;
	background-position: left top;
	}
	
div.download dt.drawing-set {background-image: url(images/drawing_set.gif);}
div.download dt.energy-data {background-image:url(images/energy_data.gif);}
div.download dt.spec-book {background-image: url(images/spec_book.gif);}



/*-----------------------------------------------------------------------------------------------
  favorites
-----------------------------------------------------------------------------------------------*/
.favorites p
{
    font-size:0.9em;
    }



#productCategoryForm {
	float: left;
	width: 147px;
	background: #f0f6f0 url(images/bg-gradient.jpg) repeat-x;
	padding: 10px;
	font-size: 12px;
	}
	
#productCategoryForm li {
	margin-bottom: 5px;
	display:inline-block;
}
		
#productCategoryForm li input{
     float:left;
     width:25px;
}		

#productCategoryForm li div{
  margin-left:26px;
    
}

#productCategoryForm li label
{
    
  clear:right;   	
}
	
#productCategoryForm h3 {
	color: #7d7d7d;
	font-size: 1em;
	}
	
div.favorites > p { margin-bottom: 15px;}
	
div.favorites h3 {
	border-bottom: none;
	}
	
 #myFavoritesProductList {
	width: 720px;
	float: right;
	}
	
#myFavoritesProductList li {
	border-top: 1px dotted #6d5217;
	position: relative;
	padding: 7px 0 15px;
	}
	
#myFavoritesProductList li h3{
	text-transform: none;
	color: #7d7d7d;
	width: 420px;
	margin-bottom: 5px;
	}
	
#myFavoritesProductList li h3 a {
	color: #9cc29b;
	} 
	
#myFavoritesProductList li p {
	width: 420px;
	margin-bottom: .5em;
	}

	
div.favorites a.button {
display: inline;
	position: absolute; top: 30px; right: 0;
	width: auto;
	padding: 0 20px;
	}
	
#myFavoritesProductList img {
	position: absolute; top: 7px; left: 450px;
	}
	
#myFavoritesProductList p.links {
	position: absolute; top: 7px; right: 0;
	width: auto;
	margin-right: 12px;
	}
	

#myFavoritesProductList p.links a {
	display: block;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
	text-transform: uppercase;
	font-size: .95em;
	margin-bottom: 7px;
	}
	
#myFavoritesProductList p.links a.buy { background-image:url(images/favs-buy.gif);}
#myFavoritesProductList p.links a.download { background-image:url(images/favs-sheet.gif);}
#myFavoritesProductList p.links a.remove { background-image:url(images/favs-remove.gif);}


/*-----------------------------------------------------------------------------------------------
  join
-----------------------------------------------------------------------------------------------*/

#join_new {
	margin: 0px 0;
	}

#join_new fieldset {
	background-color: #9cc29b;/*dark green*/
	width: 100%;
	margin-bottom: 4px;
	display: block;
	}
	
#join_new fieldset h3 {
	float: left;
	width: 192px;
	text-align: right;
	border-bottom: none;
	color: white;
	margin: 10px 10px 0 0;
	padding: 0;
	line-height: 1em;
	}
	

#join_new fieldset ul {
	margin-left: 212px;
	background-color: #f0f6f0;/*light green*/
	width: 674px;
	border-left: 4px solid white;
	padding: 10px;
	}
	
*html #join_new fieldset ul 
{
    width: 671px;
}
	
#join_new fieldset ul li {
	margin-top: .5em;
	}
	
#join_new fieldset ul li:first-child, #join_new fieldset ul ul li:first-child {
	margin-top: 0;
	}
	
#join_new fieldset ul fieldset {
	background: none;
	}
	
#join_new fieldset ul fieldset label, #join_new fieldset ul#information label, #join_new fieldset ul#address label, #join_new fieldset ul#optional label{
	float: left;
	width: 250px;
	}

#join_new fieldset ul#about label,#join_new fieldset ul#location label,#join_new fieldset ul#budget label,#join_new fieldset ul#time label,#join_new fieldset ul#layout label,#join_new fieldset ul#appearance label
{
   float: left;
   width: 330px; 
	
}	


#join_new fieldset ul#about td input[type="radio"] 
{
  float: left;

}
#join_new fieldset ul#property label
{
  float: left;
	width: 330px; 
	 
}	

#join_new fieldset ul#property td input[type="checkbox"],#join_new fieldset ul#property td input[type="radio"]
{
    float:left;
 
}

		
	
#join_new fieldset ul fieldset ul label, #join_new fieldset ul#optional fieldset ul label { float: none;}

	
#join_new fieldset ul fieldset {
	margin-top: 15px;
	}
	
#join_new fieldset ul fieldset ul {
	margin-left: 175px;
	border: none;
	width: auto;
	padding: 0;
	}
	
#energy_options input[type="radio"]
{   
    float:left;
    vertical-align:middle;   
}

#additional_rooms input[type="checkbox"]
{
    
    float:left;
    
}

#additional_rooms label
{
   width:200px;
   padding-top:4px;
}

#exterior_features input[type="checkbox"]
{
    float:left;
}

#exterior_features label
{
    width:200px;
   padding-top:4px;
}


#documentation_list input[type="checkbox"]
{
    float:left; 
}
#documentation_list label
{
   width:200px;
   padding-top:4px;
}
	
#energy_options td
{
    padding-bottom:10px;
}	
#energy_options td label
{
    width:400px;
    
}
	
#join_new fieldset ul#account li, #join_new fieldset ul fieldset ul#gender li {
	float: left;
	width: 175px;
	margin: 0;
	}
	
	
#join_new fieldset ul fieldset ul#gender li 
{
    width: 100px;
}

#join_new fieldset ul fieldset ul#gender 
{
    padding-bottom:25px;
}
	
#join_new input[type="checkbox"], #join_new input[type="radio"] 
{
    margin-top:5px;
	margin-right: 6px;
}
	
#join_new input[type="text"], #join_new input[type="password"], #join_new select {
	border: 1px solid #7d7d7d;
	padding: 2px;
	width: 250px;
}


#join_new input[type="text"]:focus, #join_new input[type="password"]:focus ,#join_new textarea:focus{
	background: url(images/bg-nav.jpg) repeat-x 0 bottom;
	}


	
#join_new select, #join_new input[type="password"], #join_new input#zip {width: 200px; }

form#join_new > p {
	padding: 10px 0 0 228px;
	float: left;
	
	}

#join_new input[type="image"] 
{
     float: right; padding-top: 10px;
}

#join_new p
{
    font-size:0.9em;
}





/*-----------------------------------------------------------------------------------------------
  login
-----------------------------------------------------------------------------------------------*/
.login #content
{
    padding-top:45px;
    width:830px;
    height:200px;
}


.login #login
{
    float:left;
    padding:20px 20px 20px 20px;
    border:2px solid #9cc29b;
    background-color:#f0f6f0;
    width:300px;
    margin-right:30px;
   
}

.login p
{
    font-size:0.9em;
}
.login #content a
{
    text-decoration:underline;
}

.login #text
{
 
}

.login #login label
{
    float:left;
    width:75px;
}
    
.login li
{
      margin-bottom:5px;    
}  


.login #button
{
    margin-left:80px;
    margin-top:15px;
    
} 

.login input[type="text"], .login input[type="password"] {
	border: 1px solid #7d7d7d;
	padding: 2px;
	width: 250px;
	}


.login input[type="text"]:focus,  input[type="password"]:focus {
	background: url(images/bg-nav.jpg) repeat-x 0 bottom;
	}


/*-----------------------------------------------------------------------------------------------
  change pass 
-----------------------------------------------------------------------------------------------*/
 
.changePass #content
{
    padding-top:45px;
    width:830px;
    height:200px; 
    
}

.changePass #changePass
{
    float:left;
    padding:20px 20px 20px 20px;
    border:2px solid #9cc29b;
    background-color:#f0f6f0;
    width:300px;
    margin-right:30px;
    
}
.changePass #changePass li
{
    float:left;
    margin-bottom:5px;
    
}

.changePass p
{
    font-size:0.9em;
}

.changePass #changePass label
{
    float:left;
    width:150px;
    
}

.changePass #button
{
  
    clear:both;
    margin-top:10px;
   
} 


.changePass #message a
{
    text-decoration:underline;
}
.changePass #message
{
    margin-top:30px;
    margin-left:15px;
    }
    
.changePass input[type="text"]:focus, .changePass input[type="password"]:focus {
	background: url(images/bg-nav.jpg) repeat-x 0 bottom;
	
	}  
	
	.changePass input[type="text"], .changePass input[type="password"]{
	border: 1px solid #7d7d7d;
	padding: 2px;
	width: 220px;
	} 
 
    
/*-----------------------------------------------------------------------------------------------
 forgot your password
-----------------------------------------------------------------------------------------------*/    
.forgotPass #content
{
    padding-top :45px;
    width:830px;
    height:200px;  
}

.forgotPass #forgotPass
{
    float:left;
    padding:20px 20px 20px 20px;
    border:2px solid #9cc29b;
    background-color:#f0f6f0;
    width:300px;
    margin-right:30px;
}
.forgotPass #forgotPass
{
    float:left;
    margin-bottom:5px;
    
}

.forgotPass p
{
    font-size:0.9em;
}

.forgotPass #forgotPass label
{
    float:left;
    width:75px;
}

.forgotPass #button
{
    margin-left:80px;
    margin-top:15px;
}
 
.forgotPass #button1
{
    margin-left:153px;
    margin-top:15px;
} 

.forgotPass #message a
{
    text-decoration:underline;
}

.forgotPass #message
{
    margin-top:30px;
    margin-left:15px;
}
   .forgotPass input[type="text"]:focus,  input[type="password"]:focus {
	background: url(images/bg-nav.jpg) repeat-x 0 bottom;
	
	}  
	
	.forgotPass input[type="text"], .forgotPass input[type="password"]{
	border: 1px solid #7d7d7d;
	padding: 2px;
	width: 175px;
	} 
    
    
/*-----------------------------------------------------------------------------------------------
  thank you page 
-----------------------------------------------------------------------------------------------*/
    
.thanks #message
{
    margin-top:45px;
    margin-left:10px;
}
    
.thanks #message p
{
     font-size:0.9em;
     padding-bottom:10px;
     width:500px;
}

.thanks #message a
{
    text-decoration:underline;
    }
    
/*-----------------------------------------------------------------------------------------------
  beyond design
-----------------------------------------------------------------------------------------------*/    
 
.beyond #content p
{
    font-size:0.9em;
    padding-top:10px;
    
}

/*-----------------------------------------------------------------------------------------------
  customization request
-----------------------------------------------------------------------------------------------*/ 
.customize-request fieldset
{
    background-color: #9cc29b;/*dark green*/
	width: 100%;
	margin-bottom: 4px;
	display: block;
	overflow:hidden;
	
    }


  .customize-request #request-form
  {
    margin-top:45px;
   overflow:hidden;
    
      }
.customize-request fieldset h3 {
	float: left;
	width: 192px;
	text-align: right;
	border-bottom: none;
	color: white;
	margin: 15px 0px 0 0;
	line-height: 1em;
	overflow:hidden;
	}
	

.customize-request fieldset ul {
	margin-left: 212px;
	background-color: #f0f6f0;/*light green*/
	width: 691px;
	border-left: 4px solid white;
    
	padding:15px 0 10px 0;

	}

  .customize-request fieldset label
  {
    margin-left:20px;
    float:left;
    width:280px;
    font-size:0.9em;
  }
   .customize-request fieldset h1{
    margin-left:10px;
  }
   .customize-request fieldset p{
    margin-left:10px;
    padding-bottom:5px;
    font-size:0.9em;
  }
  

.customize-request #request-form h2
{
padding: 5px 0 10px 0;
}

.customize-request #request-form li
{
    padding-bottom:15px; 
}

.customize-request #request-form select
{
    width:261px;
}

.customize-request #button
{
    margin-left:750px;
}

.customize-request input, .customize-request select,.customize-request textarea {
	border: 1px solid #7d7d7d;
	padding: 2px;
	
}

  
/*-----------------------------------------------------------------------------------------------
  buttons
-----------------------------------------------------------------------------------------------*/

a.button {
	text-transform: uppercase;
	font-size: 10px;
	color: #4f7751;
	border: 1px solid #4f7751;
	background: #d7e7d7;
	display: block;
	letter-spacing: .05em;
	text-align: center;
	line-height: 20px;
	}
	
a.button:hover, .button:hover {

	text-decoration: none;
	background: #c4dac3;
	}
	
a.button:link, .button:link {
	font-weight: normal;
	}


	
/*-----------------------------------------------------------------------------------------------
  Aslett Clearing Method
-----------------------------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*-----------------------------------------------------------------------------------------------
  privacy
-----------------------------------------------------------------------------------------------*/

.privacy #content
{
    margin-top:45px;
}

.privacy #content p
{
    font-size:0.9em;
    line-height:16px;
    margin-bottom:20px;
}
.privacy #content i
{
    font-size:0.9em;
    
}

.privacy #content li
{
    line-height:14px;
    font-size:0.9em;
    padding-bottom:5px;
    }

.privacy #content a
{
font-size:0.9em;
}



/*-----------------------------------------------------------------------------------------------
 print
-----------------------------------------------------------------------------------------------*/

.print #content
{
  margin-left:50px; 
  margin-top:45px;
} 

.print h2
{
    text-align:left;
    
}
.print #description
{
     text-align:left;
     padding-bottom:30px;
}

#ProductList 
{
	width: 650px;
	float: left;
}
	
#ProductList li 
{
	border-top: 1px dotted #6d5217;
	position: relative;
	padding: 7px 0 17px 0;
	text-align:left;
}
	
.print #ProductList li h3
{
	text-transform: none;
	color: #7d7d7d;
	width: 420px;
	margin-bottom: 5px;
	border:none;
	text-align:left;
}
	
#ProductList li h3 a 
{
	color: #9cc29b;
} 
	
#ProductList li p 
{
	width: 420px;
	margin-bottom: .5em;
}

	

	
#ProductList img {
	position: absolute; top: 7px; left: 450px;
	padding-left:110px;
	}
	
#ProductList p.links {
	position: absolute; top: 7px; right: 0;
	width: auto;
	margin-right: 12px;
	}
	

#ProductList p.links a {
	display: block;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
	text-transform: uppercase;
	font-size: .95em;
	margin-bottom: 7px;
	}
	
#ProductList p.links a.buy { background-image:url(images/favs-buy.gif);}
#ProductList p.links a.download { background-image:url(images/favs-sheet.gif);}
#ProductList p.links a.remove { background-image:url(images/favs-remove.gif);}

/*-----------------------------------------------------------------------------------------------
  about
-----------------------------------------------------------------------------------------------*/

div#mission, div.about_left, div.about_right {
	margin-bottom: 30px;
	position: relative;
	}

div#mission {
	background: transparent url(images/bg-gradient.jpg) repeat-x;
	height: 120px;
	padding: 15px 15px 15px 207px;
	}
	
div#mission img {
	position: absolute; top: 0; left: 0;
	}
	
div#mission h3 {
	border-bottom: none;
	}
	
div#mission p {
	font-size: 1.3em;
	}
	
div.about_left p, div.about_right p {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 1em;
	}

div.about_left {
	padding-left: 312px;
	height: 448px;
	margin-bottom:none;
	}

div.about_left img {
	position: absolute; top: 0; left: 0;
	}

div.about_right {
	padding-right: 312px;
	h/eight: 253px;
	
	
	}

div.about_right img {
	position: absolute; top: 0; right: 0;
	}

/****intro***************************************************************/
.intro #main
{
   padding-top:40px;
}

.intro #main p
{
    font-size:0.9em;
    margin-bottom:10px;
}

.intro #main ul 
{
    list-style-type:disc;
    list-style-position:inside;
}

.intro #main li
{
    font-size:0.9em;
    padding-left:20px;
    
}

.intro #function_list li
{
    height:50px;
    list-style-type:none;
    margin-bottom:40px;
  
    
}

.intro #function_list img
{
    margin-right:30px;
    float:left;
  
}
.intro #function_list p
{
   padding-top:0px;
    font-size:1em;
    padding-left:200px;
}

/*-----------------------------------------------------------------------------------------------
  favorites/products
-----------------------------------------------------------------------------------------------*/

div.favorites form h3, div#products_nav h3 {
	color: #7d7d7d;
	font-size: 1em;
	}
	
div.favorites h3, div.products h3, div#products_nav h3 {
	border-bottom: none;
	}
	
ul#products_list li h3, div#products_featured h3{
	text-transform: none;
	color: #7d7d7d;
	margin-bottom: 5px;
	}
	
div.favorites form li, div#products_nav li {
	margin-bottom: 5px;
	}

div.favorites > ul li h3 a, div.products h3 a {
	color: #9cc29b;
	} 
	
div.favorites p.links a, div.products ul.links a {
	display: block;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
	text-transform: uppercase;
	font-size: .95em;
	margin-bottom: 7px;
	color: #4F7751;
	}

div.favorites p.links a.buy, div.products ul.links a.buy 
{
    background-image:url(images/favs-buy.gif);
    font-weight:bold;
    }
div.favorites p.links a.download, div.products ul.links a.download 
{
     background-image:url(images/favs-sheetBG.gif);
     font-weight:bold;
     }
/*----------------------------------------------------------------------------------------------
retailer  +  installer profile
-----------------------------------------------------------------------------------------*/
#service_logo {
background:transparent url(../images/module-frames/profile-logo.gif) no-repeat scroll left top;
padding-top:18px;
text-align:center;
}

#service_logo img {
background:#FFFFFF url(../images/module-frames/profile-logo.gif) no-repeat scroll left bottom;
display:block;
padding:0 18px 18px;
}

div.products, div.profile {
margin-left:181px;
}

.stats {
background:#E6E6E6 none repeat scroll 0 0;
margin-bottom:20px;
padding:15px;
}

div.profile .stats td {
padding:0 10px 10px 0;
vertical-align:top;
}

div.main-col472 div.module h3 {
border-bottom:medium none;
color:#000000;
font-weight:bold;
padding-bottom:5px;
text-transform:none;
}

.stats h3 {
border-bottom:medium none;
}

/*-----------------------------------------------------------------------------------------------
  products
-----------------------------------------------------------------------------------------------*/

div.products p.product_link a {
	background: transparent url(images/favs-buy.gif) no-repeat left center;
	padding-left: 16px;
	text-transform: uppercase;
	font-weight: normal;

	}
	
	
	div.products p.product_link a:visited {
	color: #4F7751;
	}
	
div#products_nav,div#service_logo {
	posit/ion:absolute;
	widt/h:147px;
	width: 160px;
	left:0;
	float:left;
	}

div#prod_description
{
    background:none;
  
    }

div#prod_description div
{
    padding-top:5px;
    font-size:0.85em;
}
    
div#prod_description  ul
{
    list-style-type:disc;
    background:none;
    margin-left:20px;
    
}
div#prod_description  ul li
{
    border:none;
    background:none; 
}
div#prod_benefits
{
    background:none;
    
}
div#prod_benefits div
{
    padding-top:2px;
    font-size:0.85em;
}
div#prod_benefits ul
{
    list-style-type:disc;
    border:none;
    background:none;
    margin-left:20px;
}
div#prod_benefits ul li
{
    border:none;
    background:none;
    
}

div.products {
	margin-left: 181px;

	}	
	
#product-image {
margin-bottom:20px;
}
	
#product-image p {
color:#999999;
font-size:14px;
margin-left:230px;
text-align:left;
width:228px;
}

#product-image img {
float:left;
}

#product-stats {
background:#E6E6E6 none repeat scroll 0 0;
margin-bottom:20px;
padding:15px 0 10px 15px;
}

#product-stats ul {
float:left;
margin-right:15px;
width:240px;
}

#product-stats ul li {
font-size:14px;
padding-bottom:5px;
}

#product-stats ul.product-links {
width:182px;
}

#product-stats ul li {
font-size:14px;
padding-bottom:5px;
}

ul#plans-list li {
background:#404040 none repeat scroll 0 0;
color:#FFFFFF;
height:68px;
margin-bottom:10px;
padding:10px;
position:relative;
}

ul#plans-list li h3 {
border-bottom:medium none;
color:#FFFFFF;
}

ul#plans-list li h3 a {
color:#9CC29B;
}

ul#plans-list li p.premium-plan, ul#plans-list li p.free-plan {
right:135px;
}

ul#plans-list li img {
position:absolute;
right:5px;
top:5px;
}	
	
div#products_nav div {
	background: #f0f6f0 url(images/bg-gradient.jpg) repeat-x;
	padding: 10px;
	font-size: 12px;
	margin-bottom: 20px;
	
	}
	
div#products_nav_sort ul {
	margin: 20px 0;
	}
	
div#products_nav_sort li {
display:inline-block;


	}
	div#products_nav_sort li label 
	{
	    float:left;
	 
	   width:105px;
	    clear:right;
	}
	div#products_nav_sort li input 
	{
	    float:left;
	  
        

	}
	div#products_nav_sort li div
	{
	    margin:0 0 0 18px;
	    padding:0 0 0 0;
	    background:none;
	    background-color:Transparent;
	   
	}

div#products_nav_sort h3 {
	margin-bottom: 0
	}

div#products_nav_sort select {
	width: 121px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	}

div#products_featured {
	position: relative;
	
	}
	
div#products_featured h2 {
	background-color: #EEF5EE;
	padding: 10px;
	text-transform: none;
	}
	
div#products_featured h2 span {
	color: #78977A;
	}
	
div#products_featured h3 {
	font-size: 1.1em;
	font-weight: bold;
	}
	
div#products_featured p {
	margin-top: 1em;
	}
	
div#products_featured p.info {
	margin-top: 0;
	}

div#products_featured p.product_image {
	float: right;
	position:relative;
	width: 170px;
	height: 170px;
	text-align: center;
	right:60px;
	}
	
	div#products_featured div#product_main div#img
	{
	    float:right;
	    margin-right:60px;
	    margin-left:10px;
	   
	    
	    
	}
	div#products_featured div#product_main div#img img
	{
	    
	    vertical-align:middle;
        margin:0 auto;
	}
	
	div#products_featured div#product_main div#img a
	{
	    
	    font-size:0.8em;
	    font-weight:bold;
	    padding:0 8px 0 8px;
	    margin-top:10px;
	    margin-bottom:10px;
	    cursor:pointer;
	    
	   
	}
	
	div#products_featured p.opinion_text
	{
	    width:460px;
	}
	
div#products_featured p.product_link {
	position: absolute;
	top: 10px;
	right: 15px;
	margin: 0;
	line-height: 18px;
	height: 18px;
	}
	
div#products_featured p.product_link a:visited, .links a:visited {
	color: #4F7751;
	}
		
ul#products_list {
	background: transparent url(images/bg-products_list.gif) repeat-y  365px 0;
	}

ul#products_list li {
	border-top: 1px dotted #6d5217;
	padding: 10px;
	width: 350px;
	float: left;
	height:130px;
	}
	
ul#products_list p.product_image {
	float: right;
	width: 90px;
	height: 84px;
	text-align: center;

	}
	
ul#products_list p.product_link {
	font-size: .8em;
	margin-top: 7px;
	}
	
ul.tab_controler {
	margin-top: 20px;
	}

ul.tab_controler li {
	display: inline;
	}

ul.tab_controler li a{
	display: block;
	width: 240px;
	margin-left: 10px;
	float: left;
	background-color: #EEF5EE;
	text-align: center;
	padding: 5px 0;
	text-transform: uppercase;
	font-weight: normal;
	}
	
ul.tab_controler li:first-child a {
	margin-left: 0;
	}
	
ul.tab_controler li a:hover, ul.tab_controler li a.on {
	text-decoration: none;
	background-color: #D7E7D7;
	}
	
ul.links {
	border: 1px dotted #6d5217;
	border-width: 1px 0;
	padding: 5px 10px;
	overflow: hidden;
	}
	
ul.links li {
	display: inline;
	float: left;
	
	}

div.products ul.links a {
	width: 210px;
	font-size: .85em;
	margin: 7px 0;
	padding-left:25px;
    height:18px;
    vertical-align:middle;
	}	
	
div#products_featured h4 {
	clear: right;
	text-transform: uppercase;
	font-weight: normal;
	margin: 20px 0 7px 0;
	font-size: .9em;
	}

div.products ul.links a.brochure 
{
background-image:url(images/products-brochureBG.gif);
font-weight:bold;
}
div.products ul.links a.favs 
{
     background-image:url(images/products-favsBG.gif);
     font-weight:bold;
    
     }
div.products ul.links a.plans 
{
    background-image:url(images/products-plansBG.gif);
    font-weight:bold;
    }
    
    div.products ul.links a.buy_new 
{
    background-image:url(images/favs-buyBG.gif);
    font-weight:bold;
    }
    
/*-----------------------------------------------------------------------------------------------
  top ten
-----------------------------------------------------------------------------------------------*/

body#topten h3 {
	border-bottom: none;
	color: #7d7d7d;
	text-transform: none;
	font-weight: bold;
	}
	
.img_right {
	float: right;
	margin: 0 0 10px 10px;
	}
	
body#topten p {
	margin-bottom: 1em;
	}
	
p.price {
	font-weight: bold;
	}
	
div.tee {
	margin: 20px 0;
	}
	
body#topten a.buy {
	text-transform: uppercase; 
	padding: 0 0 0 22px;
	background: transparent url(images/arrow-topten-17.gif) no-repeat left center;
	font-size: 17px;
	font-weight: normal;
	}
	
body#topten h3.title {
	font-size: 18px;
	margin-bottom: 0;
	color: #6d5217;
	}
	
body#topten ol {
	margin: 0 30px 0 30px;
	}
	
body#topten ol li {
	list-style-type: decimal;
	font-size: 18px;
	margin: 30px 0 40px 0;
	clear: both;
	}
	
	body#topten ol li div {
	
	font-size: 0.65em;
	margin: 0 0 10px 0 ;
	clear: both;
	
	
	}
	
	body#topten ol li div ul li {
	list-style-type:disc;
	font-size: 1em;
	margin:0 0 0 30px ;	
	
	}
	
body#topten ol li h3 {
	font-size: 18px;
	}
	
body#topten ol li h3 span {
	font-size: .75em;
	}
	
body#topten ol li h4 {
	font-size: 12px;
	margin-bottom: .5em;
	}
	
body#topten ol li h4 a {
	padding-left: 18px;
	background: url(images/arrow-closed.gif) no-repeat left center;

	}

body#topten ol li h4 a.expand {
	padding-left: 18px;
	background: url(images/arrow-open.gif) no-repeat left center;
	}

	
div.topten-image {
	display: inline;
	float: right;
	width: 136px;
	margin: 0 0 10px 10px;
	}
	
div.topten-image img {
	margin-bottom: 10px;
 
     
	}
	
body#topten div.topten-image p {
	background-color: #EEF5EE;
	text-align: center;
	padding: 7px;
	margin: 0 0 0 0;
	}
	
body#topten div.topten-image p.price {
	font-size: 14px;
	padding-bottom: 0;
	}


body#topten #topten_prev  {
	margin: 0 30px 0 30px;
list-style-type:none;

	}
	

	
body#topten #topten_prev  li {
	
	font-size: 18px;
	margin: 30px 0 40px 0;
	clear: both;
	}
	
body#topten #topten_prev  li h3 {
	font-size: 18px;
	}
	
body#topten #topten_prev  li h3 span {
	font-size: .75em;
	}
	
body#topten #topten_prev  li h4 {
	font-size: 12px;
	margin-bottom: .5em;
	}
	
body#topten #topten_prev  li h4 a {
	padding-left: 18px;
	background: url(images/arrow-closed.gif) no-repeat left center;

	}

body#topten #topten_prev  li h4 a.expand {
	padding-left: 18px;
	background: url(images/arrow-open.gif) no-repeat left center;
	}
/*-----------------------------------------------------------------------------------------------
  customization
-----------------------------------------------------------------------------------------------*/
body#customization h3 {
	border-bottom: none;
	color: #7d7d7d;
	text-transform: none;
	font-weight: bold;
	margin: 1.2em 0 .5em 0;
	}
	
body#customization table {
	margin-right: 40px;
	text-align: center;
	}
	
body#customization table img {
	margin: 0 10px;
	}
	
body#customization table th{
	background: #EBF3EC;	
	text-align: center;
	padding: 5px 0;
	}

body#customization table td{
	vertical-align: top;
	padding: 10px 0;
	border-bottom: 1px dotted #6d5217;
	font-size: 12px;
	}
	
body#customization div.left table td.custom_header{
	text-align: left;
	}

body#customization table#custom_process th {
	color: #ffffff;
	border: 3px solid #ffffff;
	border-weight: 0 3px 3px 0;
	}

body#customization table#custom_process td {
	text-align: left;
	background: #EBF3EC;	
	border-bottom: 3px solid #ffffff;
	padding: 10px;
	}
	
body#customization table#custom_prices {
	margin: 15px 0;
	background: #EBF3EC;	
	}
	
body#customization table#custom_prices th{
	text-align: left;
	font-size: 12px;
	border-bottom: 3px solid #ffffff;
	padding: 5px;
	}

body#customization table#custom_prices td {
	padding: 5px;
	border-bottom: none;
	border-bottom: 3px solid #ffffff;
	}
	
a#custom_begin {
	display: block;
	background: #78977A url(images/arrow-17-white.png) no-repeat 20px center;
	color: white;
	text-align: center;
	padding: 7px 7px 7px 30px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	}

body#customization a#custom_begin:hover {
	text-decoration: none;
	background-color: #9AB19B;
	}

body#customization a.learn {
	color: #78977A;
	margin-top: 5px;
	text-transform:uppercase;
	float:left;
	clear:both;
	
	background:url(images/favs-buy.gif) no-repeat 0px;
	font-size:0.9em;
	padding-left: 20px;

	}
	
/***************************************************************************************************************************
/*****PayPal*****************************/
#paypal div#main
{
    
    margin-bottom:30px;
    width:600px;
   
    
}

#paypal div#shipping_info 
{
     margin-top:10px;
    margin-bottom:30px;
    width:450px;
    
    
    
}



#paypal div#main ul li,div#shipping_info ul li
{
   margin-bottom:10px;
   
}

#paypal div#main ul li label,div#shipping_info ul li label
{
    
    float:left;
   width:200px;
   
}

#paypal div#main ul li input,div#shipping_info ul li input
{ 
   width:200px;  
}
#paypal div#main ul li input[type=checkbox]
{ 
   width:14px;  
   float:left;
   margin-right:20px;
   
}

#paypal div#main ul li select,div#shipping_info ul li select
{ 
   width:200px;  
}

#paypal div#main h2,div#shipping_info h2
{
    border-bottom: 1px solid #c1c1c1;
	padding-bottom: 5px;
	height: 18px;
	margin-bottom:20px;
}
#paypal div#main p
{
    margin:20px 0 20px 0;
    
}

#paypal a.button {
	text-transform: uppercase;
	font-size: 12px;
	color: #4f7751;
	border: 1px solid #4f7751;
	background: #d7e7d7;
	display: block;
	letter-spacing: .05em;
	text-align: center;
	line-height: 20px;
	font-weight:bold;
	}
	
#paypal a.button:hover, .button:hover {

	text-decoration: none;
	background: #c4dac3;
	}
	
#paypal a.button:link, .button:link {
	font-weight: normal;
	}
#paypal a
{
    color: #4f7751;
}
	
#paypal p.subtext
	{
	    font-size:0.85em;
	    color: #999999;
	}
	
#paypal div#link_description 
{
    
    margin-top:10px;
    
    width:400px;
    float:right;
}

a#button-discounts {
background:transparent url(images/button-get-discounts.gif) no-repeat scroll left top;
display:block;
height:45px;
text-indent:-9999px;
width:165px;
}

a#button-discounts:hover {
	background-position: left -45px;
	}
	
/* Post download page */	
#post_download div#left
{
    width:450px;
    border:1px #4F7751 solid;
    float:left;
    position:relative;
    
}

#post_download div#right
{
    width:450px;
    bor/der:1px #4F7751 solid;
    position:relative;
    float:right;
}

#post_download div#left h3, #post_download div#right h3
{
    font-weight:bold;
    background-color:#4F7751;
    color:White;
    padding: 3px 3px 3px 6px;
}

#post_download div#left ul li
{
  position:relative;
   clear:left;
    border-top:1px dotted #6D5217;
   
}

#post_download div#right ul li
{
  position:relative;
   clear:left;
    border-top:1px dotted #6D5217;
   
}

#post_download div#left ul li div
{
    width: 100px;
     float:left;  
}

#post_download div#right ul li div
{
    width: 100px;
     float:left;  
}

#post_download div#left ul li img
{  
   margin-left:5px;  
   padding-bottom:15px; 
   padding-top:5px;      
}

#post_download div#right ul li img
{  
   margin-left:5px;  
   padding-bottom:15px; 
   padding-top:5px;      
}

#post_download div#left ul li p.name
{    
    font-size:1em;    
    float:left;
    padding-top:25px;
    
}

#post_download div#right ul li p.name
{    
    font-size:1em;    
    float:left;
    padding-top:5px;
    
}

#post_download div#left ul li input
{
    float:right;
    margin-right:27px;
    margin-top:25px;
}

#post_download div#right ul li input
{
    float:right;
    margin-right:27px;
    margin-top:25px;
}




#post_download img#col_arrow_1
{
    position:absolute;
    top:125px;
    left:350px;
    z-index:1;
}

#post_download img#col_arrow_2
{
    position:absolute;
    top:125px;
    left:821px;
    z-index:1;
}

.verticaltext {
width:1px;
}

#post_download h3.q
{
    background-color:#4F7751;
    color:White;
    font-size:1.2em;
    padding:5px;
    width:440px;
    border:2px solid #6D5217;
}

#post_download div#submit_box
{
    border:2px solid black;
    width:448px;
    height:235px;
    clear:both;
    f/loat:right;
    margin-top:30px;
    background-color:#666666;
    position:relative;
}

#post_download div#submit_box p
{
    color:White;
    font-size:1.1em;
    padding:10px;
}

#post_download div#submit_button
{
   
    
    clear:both;
    float:right;
    margin-top:30px;
   
    position:relative;
    padding:5px 20px 5px 20px;
}

#post_download div#submit_button a
{
     color:White;
}

#post_download div#left ul li.category,#post_download div#right ul li.category,#post_download div#left ul li.category_expanded,#post_download div#right ul li.category_expanded
{
    height:26px;
    background-color:#666666;
    color:White;
    font-weight:bold;
    text-transform:uppercase;
    padding-left:5px;
    padding-top:7px;
    border-bottom:1px solid white;   
}

#post_download div#left ul li.category
{
     background-image:url(images/expand_icon.gif);
     background-repeat:no-repeat;
     background-position:left;
     
}

#post_download div#left ul li.category_expanded
{
     background-image:url(images/contract_icon.gif);
     background-repeat:no-repeat;
     background-position:left;
     
}

#post_download div#right ul li.category
{
     background-image:url(images/expand_icon.gif);
     background-repeat:no-repeat;
     background-position:left;
     
}

#post_download div#right ul li.category_expanded
{
     background-image:url(images/contract_icon.gif);
     background-repeat:no-repeat;
     background-position:left;
     
}

#post_download div#left ul li.invisible
{
    display:none;
}

#post_download div#right ul li.invisible
{
    display:none;
}


#membership-options td.top_green
{
    background-color:#404040;
    color:White;
    font-size:1.5em;
    text-align:center;
    font-weight:bold;

}
#membership-options tr.levels td
{
    background-color:#dee7d2;
    color:Black;
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
    border-bottom:1px solid white;
}
#membership-options tr.cost td
{
    background-color:#d8e4be;
    color:Black;
    text-align:center;
    border-bottom:1px solid white;
}
#membership-options tr.cost th
{
 
    border-bottom:1px solid white;
}

#membership-options tr.header
{
    background-color:#c4d69c;
    color:Black;
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
    text-transform:uppercase;
}
#membership-options th
{
    padding-left:10px;
}
#membership-options tr.header td
{
    font-size:0.8em;
    bor/der-bottom:1px solid #c3c794;
}

#membership-options tr.header td img
{
    margin:6px 0 6px 0;
    border:white 1px solid;
}

#membership-options tr.data td
{
    background-color:#ecf0df;
    color:Black;
    text-align:center;
   
}
#membership-options tr.data 
{
 
    border-bottom:1px solid #c3c794;
}
#membership-options tr.data th
{
    background-color:#ecf0df;
    color:Black;
   
}


#membership-options table tr
{
    line-height:25pt;
}

#membership-options tr.bottom-green
{
     background-color:#9bbb58;
}

#membership-options tr.bottom-green th
{
     color:Black;
     font-size:1.3em;
     font-weight:bold;
}

#membership-options tr.bottom-green td
{
    width:160px;
    padding:10px 15px 10px 15px;
    line-height:15pt;
    color:Black;
    border-right:1px solid white;
}
#membership-options tr.bottom-green td.first
{
    
    border-left:1px solid white;
}
#membership-options tr.bottom-green th
{
    text-align:right;
    padding-right:20px;    
}

#membership-options p.upper
{
    text-transform:uppercase;
    font-size:1.1em;
    font-weight:bold;
}


