/*
======================================================================
 Glidden: How-To section site style CSS.
======================================================================
*/

body.howTo .interior_accordion_toggle,
body.howTo .exterior_accordion_toggle,
body.howTo .projects_accordion_toggle,
body.howTo .extFaq_accordion_toggle,
body.howTo .faq_accordion_toggle {
	cursor: pointer;
}

body.howTo .interior_accordion_content,
body.howTo .exterior_accordion_content,
body.howTo .projects_accordion_content,
body.howTo .extFaq_accordion_content,
body.howTo .faq_accordion_content {
	overflow: hidden;
}

body.howTo div#my_bg_top {
	background: url( '../../img/how-to/howToBg_top.jpg' ) top left no-repeat;
	background-position: 0px -100px;
}

body.howTo div#my_bg_middle {
	background: rgb( 242, 240, 241 );
}

body.howTo div#my_bg_bottom {
	/*background: url( '../../img/how-to/howToBg_bottom.jpg' ) bottom left no-repeat;*/
}

body.howTo div#my_pageContent {
	min-height: 520px;
}

body.howTo div#my_headingBar {
	height: 101px;
	overflow: hidden;
}

body.howTo div#my_headingBar h1 {
	margin: 0px;
	padding: 50px 0px 0px 25px;
	font-size: 36px;
	font-weight: normal;
	color: rgb( 250, 250, 250 );
}

body.howTo div#my_leftContent {
	padding: 30px 0px 30px 55px;
}

body.howTo div#my_topContent {
	width: 540px;
}

body.howTo div#my_topContentInside {
	padding: 0px 30px 30px 0px;
}

body.howTo div#my_topContent h2 {
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: normal;
	color: rgb( 156, 150, 148 );
}

body.howTo div#my_topContentInside p {
	margin: 0;
	font-size: 14px;
	line-height: 22px;
	color: rgb( 156, 150, 148 );
}



/*
----------------------------------------------------------------------
 Main Accordion.
----------------------------------------------------------------------
*/

body.howTo div#my_mainAccordionContainer {
	width: 548px;
}

body.howTo div#my_mainAccordionBg_top {
	height: 10px;
	overflow: hidden;
	background: url( '../../img/how-to/mainAccordionBg_top.png' ) top left no-repeat;
}

body.howTo div#my_mainAccordionBg_middle {
	background: url( '../../img/how-to/mainAccordionBg_middle.png' ) top left repeat-y;
}

body.howTo div#my_mainAccordionBg_bottom {
	height: 16px;
	overflow: hidden;
	background: url( '../../img/how-to/mainAccordionBg_bottom.png' ) top left no-repeat;
}

body.howTo div#my_mainAccordion {
	padding: 0px 7px 0px 4px;
}

body.howTo div#my_mainAccordion h3.accordion_toggle {
	margin: 0px;
	padding: 10px 30px;
	font-size: 12px;
	font-weight: normal;
	color: rgb( 116, 121,142 );
	text-transform: uppercase;
}

body.howTo div#my_mainAccordion h3.accordion_toggle ~ h3.accordion_toggle {
	padding-top: 12px;
	background: url( '../../img/how-to/mainAccordionDivider.gif' ) top left repeat-x;
}

body.howTo div#my_mainAccordion h3.accordion_toggle {
	padding-bottom: 10px;
}

body.howTo div#my_mainAccordion div.accordion_content {
}

body.howTo div#my_mainAccordion div.accordion_contentInside {
	padding-bottom: 10px;
}


/*
----------------------------------------------------------------------
 Interior Accordion.
----------------------------------------------------------------------
*/

body.howTo h4.interior_accordion_toggle {
	min-height: 15px;
	margin: 0px;
	background: url( '../../img/how-to/subAccordionTabBg_inactive.gif' ) left no-repeat;
}

body.howTo h4.interior_accordion_toggle span {
	display: block;
	padding: 3px 10px 3px 55px;
	font-size: 12px;
	font-weight: normal;
	color: rgb( 116, 121,142 );
	text-transform: uppercase;
}

body.howTo h4.interior_accordion_toggle_active {
	background: url( '../../img/how-to/subAccordionTabBg_active.gif' ) left no-repeat;
	border-bottom: solid 1px rgb( 172, 174, 186 );
}

body.howTo div.interior_accordion_content {
	background: url( '../../img/how-to/subAccordionContentBg.gif' ) left top repeat-x;
}

body.howTo div.interior_accordion_contentInside {
	padding-bottom: 20px;
}

body.howTo div.interior_accordion_content ol {
	margin-bottom: 0px;
	padding-left: 55px;
}

body.howTo div.interior_accordion_content ol li {
	padding: 5px 10px 5px 0px;
	font-weight: bold;
	color: rgb( 151, 148, 148 );
}

body.howTo div.interior_accordion_content ol li span {
	font-weight: normal;
	color: rgb( 96, 101, 122 );
}


/*
----------------------------------------------------------------------
 Exterior Accordion.
----------------------------------------------------------------------
*/

body.howTo #my_exteriorAccordion img {
	border: 1px solid #bbb;
}

body.howTo #my_exteriorAccordion p strong {
	color: #333;
}

body.howTo h4.exterior_accordion_toggle {
	margin: 0;
	min-height: 15px;
	background: url( '../../img/how-to/subAccordionTabBg_inactive.gif' ) left no-repeat;
}

body.howTo h4.exterior_accordion_toggle span {
	display: block;
	padding: 3px 10px 3px 55px;
	font-size: 12px;
	font-weight: normal;
	color: rgb( 116, 121,142 );
	text-transform: uppercase;
}

body.howTo h4.exterior_accordion_toggle_active {
	background: url( '../../img/how-to/subAccordionTabBg_active.gif' ) left no-repeat;
	border-bottom: solid 1px rgb( 172, 174, 186 );
}

body.howTo div.exterior_accordion_content {
	background: url( '../../img/how-to/subAccordionContentBg.gif' ) left top repeat-x;
}

body.howTo div.exterior_accordion_contentInside {
	width: 100%;
	overflow: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

body.howTo div.exterior_accordion_content ol {
	margin-bottom: 0px;
	padding-left: 55px;
}

body.howTo div.exterior_accordion_content ol li {
	padding: 5px 10px 5px 0px;
	font-weight: bold;
}

body.howTo div.exterior_accordion_contentInside img {
	float: left;
	margin-left: 40px;
}

body.howTo div.exterior_accordion_content div.project_description {
	float: right;
	width: 280px;
	margin-right: 30px;
}

body.howTo div.exterior_accordion_content ol {
	margin-bottom: 0px;
	padding-left: 15px;
}

body.howTo div.exterior_accordion_content ol li {
	padding: 5px 10px 5px 0px;
	font-weight: normal;
	color: rgb(96, 101, 122);
}

body.howTo #my_project_header
{
	width: 100%;
	overflow: auto;
	padding-bottom: 10px;
}

body.howTo #my_project_header p
{
	color: rgb(96, 101, 122);
}
	
body.howTo #my_project_header img.leftColumn
{
	float: left;
	width: 175px;
	display: block;
	margin-left: 40px;
}

body.howTo #my_project_header div.rightColumn
{
	float: right;
	width: 269px;
	margin-right: 30px;
}



/*
----------------------------------------------------------------------
 FAQ Accordion.
----------------------------------------------------------------------
*/

body.howTo h4.faq_accordion_toggle {
	min-height: 15px;
	margin: 0px;
	background: url( '../../img/how-to/subAccordionTabBg_inactive.gif' ) left no-repeat;
}

body.howTo h4.faq_accordion_toggle span {
	display: block;
	padding: 3px 10px 3px 55px;
	font-size: 12px;
	font-weight: normal;
	color: rgb( 116, 121,142 );
	text-transform: uppercase;
}

body.howTo h4.faq_accordion_toggle_active {
	background: url( '../../img/how-to/subAccordionTabBg_active.gif' ) left no-repeat;
	border-bottom: solid 1px rgb( 172, 174, 186 );
}

body.howTo div.faq_accordion_content {
	background: url( '../../img/how-to/subAccordionContentBg.gif' ) left top repeat-x;
}

body.howTo div.faq_accordion_contentInside {
	padding: 10px 20px 20px 55px;
}

body.howTo div.faq_accordion_content h5 {
	margin-bottom: 0px;
	font-size: 11px;
	font-weight: bold;
	color: rgb( 96, 101, 122 );
}

body.howTo div.faq_accordion_content p {
	margin-bottom: 5px;
	padding: 0px;
	color: rgb( 96, 101, 122 );
}

body.howTo div.faq_accordion_content ol,
body.howTo div.faq_accordion_content ul
{
	margin-left: 0px;
	padding-left: 30px;
	color: rgb( 96, 101, 122 );
}