/* 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, strong, 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 :''; }



html 	{ text-align : center; }

#wrapper1 {
	background: transparent url(/blogdata/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(/blogdata/images/bg1024-body.png) repeat-y;
	width : 910px; 
	text-align : left; 
	padding: 0 57px 45px 57px; 
	}
	
*html #wrapper1 {
	background-image: none;
	}

*html #wrapper2 {
	background: white;
	background-image: none;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 1px;
	padding: 0 42px 45px 42px;
	}

#background { 
	background: url(/blogdata/images/bg.gif) no-repeat bottom left; 
	height: 100%;
	width: 100%; 
	position: fixed; 
	bottom: 0;
	left: 0;}

div#content { 
position : relative; 
width : 100%; 
margin: 50px 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.right {
	float: right;
	width: 298px;
	}
	
div#content_main.left {
	width: 610px;
	float: left;
	}

div#branding h1 {
	background: transparent url(/blogdata/images/logo.gif) no-repeat;
	text-indent: -9999px;
	height: 28px;
	width: 150px;
	position: absolute;
	top: 38px;
	right: 57px;
	}
	
div#intro {
	width: 908px;
	height: 276px;
	background: transparent url(/blogdata/images/banner-1.jpg) no-repeat;
	border: 1px solid #CCCCCC;
	margin-bottom: 7px;
	}
	
div#intro h2 {
	width: 908px;
	height: 61px;
	background: transparent url(/blogdata/images/bg-banner-trans.png) no-repeat;
	position: absolute;
	top: 175px;
	left: 1px;
	text-indent: -9999px;
	}

div#intro h3 {
	width: 217px;
	height: 156px;
	background: transparent url(/blogdata/images/banner-signup-trans.png) no-repeat;
	position: absolute;
	top: 111px;
	right: 30px;
	text-indent: -9999px;
	border: none;
	}
	
div#intro p span {
	visibility: hidden;
	}
		
div#intro p.signup a {
display: block;
	width: 165px;
	height: 28px;
	position: absolute;
	top: 213px;
	right: 54px;
	text-indent: -9999px;
	}
	
div#intro p.signup a:hover {
	background: transparent url(/blogdata/images/banner-signup-button.gif) no-repeat;
	}

div#benefits {
	background: #f0f6f0 url(/blogdata/images/bg-gradient.jpg) repeat-x;
	padding: 10px 0;
	margin-bottom: 45px;
	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: #9cc29b url(/blogdata/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#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(/blogdata/images/bg-gradient.jpg) repeat-x;
	padding: 15px 0px 15px 2px;
	margin: 45px 0 0 0;
	}
	
div#site_information ul li, div#site_information ul#affiliations {
	float: left;
	width: 132px;
	padding: 0 0 0 20px;
	}
	
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 {
	border-bottom: 3px solid #9cc29b;
	}

		
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: #9cc29b;
	padding-top: 10px;
	position: relative;
	margin-bottom: 20px;
	width: 590px;
	}
	
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: #f0f6f0 url(/blogdata/images/bg-gradient.jpg) repeat-x;
	padding: 10px 110px 10px 10px;
	margin-top: 10px;
	color: inherit;
	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: 5px;
	}
	
ul#product_line li p img {
	margin-left: 5px;
	}
	
/*-----------------------------------------------------------------------------------------------
  plan overview, plan selection
-----------------------------------------------------------------------------------------------*/

div.plan_overview img {
	border: 1px solid #7d7d7d;
	}
	
div.plan_selection img {
	border: 1px solid #9cc29b;
	}

div.plan_overview li, div.plan_selection li {
	width: 290px;
	float: left;
	margin: 0 10px 15px 0;
	}
	
div.plan_selection li {
	background: #f0f6f0 url(/blogdata/images/bg-gradient.jpg) repeat-x 0 250px;
	height: 420px;
	overflow: hidden;
	}

div.plan_overview > p {
	background: #9cc29b;
	padding: 7px 10px;
	text-align: right;
	color: #4f7751;
	margin-bottom: 15px;
	width: 570px
	}
	
div.plan_overview a.button {
	float: right;
	width: 125px;
	margin-left: 15px;
	}
	
 div.plan_selection a.button {
 	width: 130px;
	float: right;
	padding: 0;
	}
	
 div.plan_selection p.links a:first-child {
 	float: left;
	}
	
 div.plan_selection p.links {
 	color: #4f7751;
	padding-bottom: 0;
	}
	
div.plan_overview h3, div.plan_selection h3 {
	border-bottom: none;
	background: #78977a;
	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(/blogdata/images/zoom.gif) no-repeat left center;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	text-transform: uppercase;
	}

div.plan_overview li p {
	background: #f0f6f0 url(/blogdata/images/bg-gradient.jpg) repeat-x;
	}

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: #9cc29b;
	padding: 0 7px 7px 7px;
	}

	
/*-----------------------------------------------------------------------------------------------
  download
-----------------------------------------------------------------------------------------------*/

div.download form {
	background: #f0f6f0 url(/blogdata/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
-----------------------------------------------------------------------------------------------*/

div.favorites form {
	float: left;
	width: 147px;
	background: #f0f6f0 url(images/bg-gradient.jpg) repeat-x;
	padding: 10px;
	font-size: 12px;
	}
	
div.favorites form li {
	margin-bottom: 5px;
	}
	
div.favorites form h3 {
	color: #7d7d7d;
	font-size: 1em;
	}
	
div.favorites > p { margin-bottom: 15px;}
	
div.favorites h3 {
	border-bottom: none;
	}
	
div.favorites > ul {
	width: 720px;
	float: right;
	}
	
div.favorites > ul li {
	border-top: 1px dotted #6d5217;
	position: relative;
	padding: 7px 0;
	}
	
div.favorites > ul li h3{
	text-transform: none;
	color: #7d7d7d;
	width: 420px;
	margin-bottom: 5px;
	}
	
div.favorites > ul li h3 a{
	color: #9cc29b;
	} 
	
div.favorites > ul li p {
	width: 420px;
	margin-bottom: .5em;
	}

	
div.favorites a.button {
display: inline;
	position: absolute; top: 30px; right: 0;
	width: auto;
	padding: 0 20px;
	}
	
div.favorites img {
	position: absolute; top: 7px; left: 450px;
	}
	
div.favorites p.links {
	position: absolute; top: 7px; right: 0;
	width: auto;
	margin-right: 12px;
	}
	

div.favorites 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;
	}
	
div.favorites p.links a.buy { background-image:url(images/favs-buy.gif);}
div.favorites p.links a.download { background-image:url(images/favs-sheet.gif);}
div.favorites p.links a.remove { background-image:url(images/favs-remove.gif);}


/*-----------------------------------------------------------------------------------------------
  join
-----------------------------------------------------------------------------------------------*/

#join {
	margin: 20px 0;
	}

#join fieldset {
	background-color: #9cc29b;
	width: 100%;
	margin-bottom: 4px;
	display: block;
	}
	
#join 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 fieldset ul {
	margin-left: 212px;
	background-color: #f0f6f0;
	width: 674px;
	border-left: 4px solid white;
	padding: 10px;
	}
	
*html #join fieldset ul {width: 671px;}
	
#join fieldset ul li {
	margin-top: .5em;
	}
	
#join fieldset ul li:first-child, #join fieldset ul ul li:first-child {
	margin-top: 0;
	}
	
#join fieldset ul fieldset {
	background: none;
	}
	
#join fieldset ul fieldset label, #join fieldset ul#information label, #join fieldset ul#address label, #join fieldset ul#optional label {
	float: left;
	width: 175px;
	}
	
#join fieldset ul fieldset ul label, #join fieldset ul#optional fieldset ul label { float: none;}

	
#join fieldset ul fieldset {
	margin-top: 15px;
	}
	
#join fieldset ul fieldset ul {
	margin-left: 175px;
	border: none;
	width: auto;
	padding: 0;
	}
	
#join fieldset ul#account li, #join fieldset ul fieldset ul#gender li {
	float: left;
	width: 175px;
	margin: 0;
	}
	
	
#join fieldset ul fieldset ul#gender li {width: 100px;}
#join fieldset ul fieldset ul#gender {padding-bottom:25px;}
	
#join input[type="checkbox"], #join input[type="radio"] {
	margin-right: 6px;
	}
	
#join input[type="text"], #join input[type="password"], #join select {
	border: 1px solid #7d7d7d;
	padding: 2px;
	width: 250px;
	}
	
#join select, #join input[type="password"], #join input#zip {width: 150px; }

form#join > p {
	padding: 10px 0 0 228px;
	float: left;
	}

#join input[type="image"] { float: right; padding-top: 10px;}


/*-----------------------------------------------------------------------------------------------
  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;
	}

	
/*-----------------------------------------------------------------------------------------------
  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 */