/*  
Theme Name: 
Theme URI: http://openloopdesign.com
Description: Created for	PIONEER HOME COMFORT 
Version: 
Author: Ben Scott
Author URI: http://openloopdesign.com
*/



/* Helpful Stuff:

a:visited {}
a:link {}
a:hover {}

-----------------*/
/* Favorite Colors:
334966	- the darker blue


-----------------*/


body {
	background: #FFF;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.open { font-weight: bold; color: #334966; }
.loop { font-weight: bold; color: #949494; }
.design { font-weight: bold; color: #cb6e00; }
span.seo-ninja { display: none; }
a {text-decoration: none; }
a img { border: none; }

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cntr01 {
	width: 830px;
	margin: 0 auto;
	padding: 0;
	border-top: 9px solid #e9e9e9;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
#row01 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 830px;
	height: 115px;
	background: url(/graphics/row01_bkg.png) top right no-repeat;
}

#row01 h1 {
	margin: 0;
	padding: 0;
	width: 320px;
	float: left;
}

#row01 h1 a {
	display: block;
	width: 320px;
	height: 115px;
	color: #fefefe;
	font-size: 10px; }
#row01 h1 a:visited { background: url(/graphics/row01-h1_00.png) top left no-repeat; }
#row01 h1 a:link { background: url(/graphics/row01-h1_00.png) top left no-repeat; }
#row01 h1 a:hover { background: url(/graphics/row01-h1_01.png) top left no-repeat; }

#row01 h2 {
	margin: 90px 0 0 0;
	padding: 0;
	width: 510px;
	float: left;
}
#row01 h2 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 510px;
	height: 25px;
	color: #334966;
	text-align: right;
	font-size: 10px;
}
#row01 h2 a:visited { background: url(/graphics/row01-h2_00.png) bottom right no-repeat; }
#row01 h2 a:link { background: url(/graphics/row01-h2_00.png) bottom right no-repeat; }
#row01 h2 a:hover { background: url(/graphics/row01-h2_01.png) bottom right no-repeat; }
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
#row02 {
	clear: both;
	width: 830px;
	margin: 5px 0 0 0;
	background: url(/graphics/row02_bkg.png) left repeat-y;
}
/*------------------------------------------------------------------------------------------------------------------*/
#col-01 {
	float: left;
	width: 200px;
	margin: 0 5px 0 0;
	padding: 0;
	border-top: 1px solid #FFF;
}

#financing {
	margin: 40px 0 0 0;
	padding: 35px 0 5px 0;
	width: 198px;
	border: 1px solid #b3b9bf;
	background: #dbeaef url(/graphics/financing_h4.png) top center no-repeat;
}
#financing p {
	padding: 0 5px 5px 5px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	color: #49515b;
}
#financing ul { margin: 0 5px; padding: 0; color: #49515b; font-size: 14px; list-style: none; }
#financing ul li { margin: 0 0 4px 0; padding: 0 0 0 9px; background: url(/graphics/financing_li.png) left no-repeat; }

#financing ul li a { border-bottom: 1px dotted;}
#financing ul li a:visited { color: #202f42; }
#financing ul li a:link {color: #202f42;}
#financing ul li a:hover {color: #CC0000;}


/*-------------- NAV + Accordion :  in /accordion.css ----------------*/


/*------------------------------------------------------------------------------------------------------------------*/
#col-02 {
	float: left;
	width: 625px;
	margin: 0;
	padding: 0;
	
}
#col-02upper {
	margin: 0;
	padding: 0 0 6px 0;
	background: url(/graphics/line-dot.png) bottom repeat-x;
}


/*---------------------------------------------------------------------------------------*/
#promo {
	float: left;
	width: 400px;
	height: 165px;
	margin: 0 5px 0 0;
	padding: 0;
}

#promo.flash {
background: url(/graphics/flash_bkg.png) repeat-x;
}

#promo.default h5 {
	text-align: center;
	margin: 0;
	background: url(/graphics/phco-seasonal-01.png) repeat-x;
}
#promo.default h5 a {
	display: block;
	width: 400px;
	height: 60px;
	margin: 0;
	padding: 105px 0 0 0;
	color: #6c0d11;
	text-decoration: underline;
}
#promo.default h5 a:hover {
	color: #628efb;
}



/*-------------------------------------------------------------------------------------------Guarantee block-----------------------*/
#block-C {
	margin: 1px 0 0 0;
	float: right;
	width: 217px;
	border: 1px solid #a9a9a9;
}
#block-C h3 {
	margin: 0;
	padding: 0;
	background: #e7e7e2 url(/graphics/block-C-h3_bkg.png) top no-repeat;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #FF0000;
	font-weight: normal;
}

#block-C h3 strong {
}
#block-C h3 i {
	color: #9b0909;
}

#block-C h3 a {
	margin: 0;
	display: block;
	height: 92px;
	padding: 68px 3px 0 0;
	color: #344a67;
}
#block-C h3 a:hover { text-decoration: underline; }







/*---------------------------------------------------------------------------------------*/
#CDV {
	margin: 0;
	padding: 0;
}


#CDV a { border-bottom: 1px dotted; font-weight: bold; }
#CDV a:visited { color: #b84601; }
#CDV a:link { color: #b84601; }
#CDV a:hover { color: #334966; }


#CDV img { border: 1px solid #424242; }
img.alignleft { float: left; margin: 10px 10px 10px 0; }
img.alignright { float: right; margin: 10px 0 10px 10px; }

#CDV a img { border: 1px solid; }
#CDV a:visited img { color: #b84601; }
#CDV a:link img { color: #b84601; }
#CDV a:hover img { color: #334966; }



/*-------------------------------------------------------------------------PAGE--------------*/
#post h2 {
	margin: 5px 0 5px 0;
	padding: 6px 0 5px 10px;
	font-size: 22px;
	color: #FFF;
	border: 1px solid #a9a9a9;
	font-weight: normal;
	background: #334966; /* default */
}

#entry h3 {
	margin: 0 0 5px 10px;
	color:	#334966;
	font-size: 18px;
	font-variant: small-caps;
}
#entry h3.services { color: #cf8902; }
#entry h4 {
	margin: 0 0 0 10px;
	color:	#424242;
	font-size: 14px;
}
#entry p {
	margin: 0 0 5px 10px;
	color:	#424242;
	font-size: 12px;
	line-height: 18px;
	width: 80%;
}
#entry p.sm-print { font-size: 9px; line-height: 14px; }
#entry ul {
	margin: 0 0 5px 15px;
	color:	#334966;
	font-size: 14px;
	line-height: 18px;
	width: 80%;
}
#entry ol {
	margin: 0 0 5px 10px;
	color:	#334966;
	font-size: 14px;
	line-height: 18px;
	width: 80%;
}

#entry.glossary p { margin: 0 0 5px 10px; color: #282d2d; font-size: 14px; } 
#entry.glossary em { text-decoration: underline; font-style: normal; }
#entry.glossary blockquote { margin: 0 0 15px 25px; }
#entry.glossary blockquote p {
	color: #424242;
	font-size: 12px;
	line-height: 16px;
}

#entry.faq blockquote {
	margin: 0;
	color: #424242;
	font-size: 12px;
}
#entry.faq blockquote strong { font-style: italic; }

/*-------------------------------------------------------------------------CATG--------------*/

#CDV h2.catg {
	margin: 5px 0 5px 0;
	padding: 6px 0 5px 10px;
	font-size: 22px;
	color: #FFF;
	border: 1px solid #a9a9a9;
	font-weight: normal;
	background: #334966; /* default */
}
#catg-post {
	margin: 0 0 25px 0;
}


#catg-post h2 {
	margin: 0 0 5px 10px;
	color:	#334966;
	font-size: 18px;
	border-bottom: 5px solid #cfdbe5;
}

#catg-entry h3 {
	margin: 0 0 5px 10px;
	color:	#334966;
	font-size: 18px;
	font-variant: small-caps;
}
#catg-entry h3.services { color: #cf8902; }
#catg-entry h4 {
	margin: 0 0 0 10px;
	color:	#424242;
	font-size: 14px;
}
#catg-entry p {
	margin: 0 0 5px 10px;
	color:	#424242;
	font-size: 12px;
	line-height: 18px;
	width: 80%;
}
#catg-entry p.sm-print { font-size: 9px; line-height: 14px; }
#catg-entry ul {
	margin: 0 0 5px 15px;
	color:	#334966;
	font-size: 14px;
	line-height: 18px;
	width: 80%;
}
#catg-entry ol {
	margin: 0 0 5px 10px;
	color:	#334966;
	font-size: 14px;
	line-height: 18px;
	width: 80%;
}

/*-------------------------------------------------------------------------home CDV--------------*/


#home-cdv-main {
	float: left;
	width: 400px;
	margin: 0;
	padding: 5px 0 15px 0;
}

#home-cdv-main h1 {
	margin: 0 0 5px 0;
	padding: 6px 0 5px 10px;
	font-size: 18px;
	color: #FFF;
	border: 1px solid #a9a9a9;
	font-weight: normal;
	background: #334966; /* default */
}


#home-cdv-main h3 {
	clear: both;
	margin: 0;
	padding: 0 0 0 10px;
	color: #334966;
	font-size: 18px;
}
#home-cdv-main h3.bump { margin-top: 15px; }
#home-cdv-main p {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 20px;
	color:	#424242;
}	

#home-cdv-main img.alignleft { float: left; margin: 5px 10px 10px 0; }




#home-cdv-promo {
	float: left;
	width: 220px;
	margin: 5px 0 0 5px;
	padding: 0 0 15px 0;
}
#home-cdv-promo h2 {
	margin: 0 0 2px 0;
	padding: 6px 0 5px 0;
	text-align: center;
	background: #a8c6cc;
	color: #333;
	font-size: 14px;
	font-variant: small-caps;
	border: 1px solid #9f9f9f;
}

#h-post {
	margin: 0;
	width: 218px;
	background: #d6e9ed;
	border: 1px solid #9f9f9f;
}
#h-post h3 {
	margin: 10px 5px 5px 5px;
	font-size: 16px;
	color: #520201;
}
#h-post p {
	margin: 0 5px 5px 5px;
	font-size: 14px;
	color: #574545;
}
/*-------------------------------------------------------------------------------------------BLOGROLL---------------------*/
ul.zoc_powerblogroll {
	margin: 0 0 0 10px; padding: 0;
}
ul.zoc_powerblogroll li {
	list-style: none;
	margin: 0; padding: 0;
}
ul.zoc_powerblogroll li h4 {
	margin: 0;
}

ul.zoc_powerblogroll ul {
	margin: 10px 0 10px 10px;
	padding: 0;
}
ul.zoc_powerblogroll ul li {
	margin: 0;
	padding: 0;
}
p.zoc-pbr-desc {
	margin: 0;
	color:	#424242;
	font-size: 12px;
	line-height: 18px;
	width: 80%;
}
/*------------------------------------------------------------------------------------------SITEMAP------------------*/
#sitemap {
	margin: 0 0 0 10px;
	padding: 0;
	color: #334966;
	font-size: 16px;
	list-style: none;
	line-height: 18px;
}
#sitemap strong { color: #cf8902; }
	
	
#sitemap ul {
	font-size: 12px;
	list-style: disc;
}



/*------------------------------------------------------------------------------------------------------------------*/
#CDV-R {
	float: right;
	width: 208px;
	margin: 50px 0 15px 15px;
	padding: 5px;
	border: 1px solid #a9a9a9;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
#row03 {
	clear: both;
	width: 830px;
	margin: 5px 0 0 0;
	padding: 0;
}
/*------------------------------------------------------------------------------------------------------------------*/
#block-A {
	float: left;
	width: 198px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #424242;
}
#block-A p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#block-A strong { font-size: 16px; font-style: normal; font-weight: bold; font-variant: small-caps; }
#block-A p a {
	display: block;
	width: 118px;
	height: 133px;
	margin: 0;
	padding: 10px 70px 0 10px;
	color: #FFF;
	background: #73849d url(/graphics/tmons_bkg.png) bottom no-repeat;
}
#block-A p a:visited {}
#block-A p a:link {}
#block-A p a:hover { text-decoration: underline; }
/*------------------------------------------------------------------------------------------------------------------*/
#block-B {
	float: left;
	width: 400px;
	margin: 0 5px 0 0;
}
#block-B h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#block-B h3 strong {
	font-weight: bold;
	font-variant: small-caps;
}
#block-B h3 a {
	display: block;
	width: 388px;
	margin: 0;
	padding: 6px 0 5px 10px;
	font-size: 12px;
	border: 1px solid #a9a9a9;
}
#block-B h3 a:visited { background: #59677b; color: #FFF; }
#block-B h3 a:link { background: #59677b; color: #FFF; }
#block-B h3 a:hover { background: #cfdbe5; color:#334966; }

#feat-prod {
	margin: 1px 0 0 0;
	padding: 5px 10px;
	height: 105px;
	border: 1px solid #a9a9a9;
}

#feat-prod p {
	margin: 0;
	padding: 0 0 1px 0;
	font-size: 12px;
	line-height: 16px;
	color: #424242;
}
#feat-prod p img {
	float: right;
	margin: 0 0 0 30px;
	border: 1px solid #797979;
}
#feat-prod a { font-size: 12px; line-height: 16px; color: #424242; padding-bottom: 1px; }
#feat-prod a:hover { border-bottom: 1px dotted #636363; }






/*--------------------------------------------------------------------------------------------------------------------resources block-----------------------*/

h4.resources4 {
	float: right;
	width: 207px;
	margin: 0 0 1px 0;
	padding: 5px;
	background: #d6d6d6;
	border: 1px solid #a9a9a9;
	font-size: 12px;
	color: #424242;
}
#resources {
	float: right;
	width: 207px;
	margin: 0;
	padding: 5px;
	background: #f0f0f0;
	border: 1px solid #a9a9a9;
}
#resources p {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
}
#resources strong { font-style: normal; font-weight: bold; font-variant: small-caps; }
#resources p a img {  float: left; margin: 0 3px 0 0; border: 1px solid #797979; }
#resources p a {color: #636363; padding-bottom: 1px; }
#resources p a:visited {  }
#resources p a:link {}
#resources p a:hover { border-bottom: 1px dotted #636363; }



/*-------------------------------------------------------------------------------------------------------------------------------------------*/
#cntr-footer {
	clear: both;
	margin: 5px 0 30px 0;
	padding: 6px 0 0 0;
	background: url(/graphics/line-dot.png) top repeat-x;
}
ul.footnav {
	margin: 0 auto;
	padding: 0;
	clear: both;
}
#footnav1 { width: 650px; }
#footnav2 { width: 425px; }

ul.footnav li {
	list-style: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0 15px;
	font-size: 12px;
	color: #a4a4a4;
	line-height: 24px;
}
ul.footnav li a {
	display: block;
	float: left;
	height: 19px;
	padding: 0;
	border-bottom: 1px dotted;
	margin: 0;
}
a:visited { color: #8290a1; }
a:link { color: #8290a1; }
a:hover { color: #424242; }



/*------------------------------------------------------------------------------------FORM CSS --------------------- */


#zz-form {
  	margin: 0 0 0 10px;
  	padding: 10px;
	width: 80%;
  	font-weight: bold;
	font-size: 10px;
	color: #000;
	border: 1px dashed #c9cfd6;
	background: #f1f4f7;
}

#zz-form h1 {
  background: none;
  font-size: 16px;
  margin: 0;
}
#zz-form h1.bad {
  background-color: #dadfe5;
  font-size: 16px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #FF0000;
  border-left: 5px solid #FF0000;
}
#zz-form h1.good {
  background-color: #dadfe5;
  font-size: 18px;
  margin: 0;
  padding: 10px;
  color: #009900;
  border-left: 5px solid #00C800;
}
#zz-form p.good {
  background-color: #dadfe5;
  font-size: 14px;
  margin: 0;
  padding: 10px;
  color: #000;
  border-left: 5px solid #00C800;
}
#zz-form p.flow {
	padding: 10px 20px; 
	margin: 0;
}
form {
	margin: 0;
  	padding: 0 10px;
}
form label {
  display: block;
  font: bold 1em verdana;
}
form input {
  font: 1.1em verdana;
  padding: 3px;
}
/*------------------------------------------------------------------------------------FORM CSS --------------------- */