/*========================================================*/
/*  Skin styles for DotNetNuke           by dnnskin.net   */
/*  Overall      support@dnnskin.net                      */
/*========================================================*/
/* Modified for Hoover Electric February 13, 2009         */
/* Last Modified: March 23, 2009 11:45 by Raymond Weiler  */
/*========================================================*/
Body								{ margin: 0px; padding: 0px; }
table, tr, td				{ color: #444; }
p, div, ul, li			{ color: #444; font-size:14px;}
p										{ padding: 5px 0; margin: 0px; }
li									{ list-style: disc; margin: 5px 0; }
ol li								{ list-style: decimal; }
ul li				{ list-style-image: url(images/bullet.png); list-style-position: outside; font-size:14px; }
.clear							{ clear: both; }
.left								{ float: left; }
.right							{ float: right; }
.Head								{ color: #385997; font: bold 12pt Verdana, Arial, Helvetica, sans-serif; }
.SubHead						{ color: #444; font:14px Verdana, Arial, sans; font-weight:normal;}
H1, H2, H3, H4, H5	{ font-family: Georgia, Times, serif; font-weight:normal; margin: 0px; padding: 0px; }
H1, h1									{ font-size: 22px; line-height: 24px; color: #e51937; margin: 1.25em 0 0; }
H2, h2									{ font-size: 18px; color: #ea7283; margin: 1.0em 0 0; }
H3, h3									{ font-size: 16px; color: #800000; margin: 1.0em 0 8px; }
H4, h4									{ font-size: 12px; color: #400000; margin: 1.0em 0 0; }
H5, h5									{ font-size: 11px; color: #404040; margin: 1.0em 0 0; }
H6, h6									{ font-size: 11px; color: Black; margin: 1.0em 0 0; }

/*========================================================*/
/*  Control Panel                                         */
/*========================================================*/
.ControlPanel														{ background: url(images/control.gif) top left repeat-x #0c5a9a; border: 0px #ccc solid; }
.ControlPanel IMG												{ margin: 5px 5px 0px; }
.ControlPanel TD TD TD TD IMG						{ margin: 0px; }
.ControlPanel TD TD TD									{ width: auto; }
.ControlPanel TD .SubHead								{ font-size: 8pt; color: #bde5fc; font-weight: bold; padding: 0 5px; }
.ControlPanel TD .SubHead span					{ padding: 0 5px; }
.ControlPanel TD TD TD .SubHead					{ background: transparent; border: 0px; font-size: 8pt; color: #fff; font-weight: bold; }
.ControlPanel TD TD TD input						{ background: #f5f5f5; font-size: 8pt; color: #000; font-weight: bold; padding-left: 4px; }
.ControlPanel TD TD TD select						{ background: #f5f5f5; font-size: 8pt; color: #444; }
.ControlPanel .CommandButton,
	.ControlPanel A.CommandButton:link,
	.ControlPanel A.CommandButton:visited,
	.ControlPanel A.CommandButton:active	{ color: #c0dffb; text-decoration: none; font: bold 9pt Tahoma, Arial, Helvetica, sans-serif; padding: 0 5px; display: block; }
.ControlPanel A.CommandButton:hover			{ color: #fff; text-decoration: none; background: none; }

/* Forms */
div.form																{ width: 500px; text-align: left; }
div.form_group													{ text-align: left; margin-bottom: 10px; font-size: 14px; color: #4b91ae; }
div.form_text														{ float: left; margin: 0; }
p.form_text															{ margin: 0 0 3px 0; }
textarea.form_text,
	input.form_text,
	select.form_text											{ color: #333; background: #efefef; border-color: #bbb #bbb #ddd; border-width: 2px 1px 1px; padding: 0.2em; margin: 0 10px 10px 0; }
input																		{ color: #666; }
select																	{ color: #666; }

.StandardButton													{ color: #666; background: #EEE; border: solid 1px #D1C7BE; line-height: 22px; padding: 0 10px; height: 22px; cursor: pointer; }
.NormalTextBox													{ color: #666; padding-left: 4px; line-height: 12px; font-weight: normal; }
td.NormalTextBox												{ padding: 0; margin: 0; background: transparent; visibility: inherit; border: 0; }

#dnn_ctr_Login_pnlLogin table						{ float: none; margin: 0 auto; }
#dnn_ctr_ManageUsers_pnlUser						{ text-align: left; min-height: 1px; }
#dnn_ctr_ManageUsers_pnlUser .Normal		{ line-height: 20px; }
#dnn_ctr_Terms_lblTerms,
	#dnn_ctr_Privacy_lblPrivacy						{ line-height: 20px; }
#dnn_ctr_Terms_lblTerms .SubHead,
	#dnn_ctr_Privacy_lblPrivacy .SubHead	{ font-size: 14px; color: #6e91d2; border-bottom: 1px #6e91d2 solid; line-height: 26px; margin: 0px; padding: 0px; font-weight: normal; }
#dnn_ctr979_LogViewer_dlLog td					{ text-align: left; white-space: normal; border: 1px #fff solid; }

/*========================================================*/
/*  Text                                                  */
/*========================================================*/
.Normal,
	.normal												{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #444; line-height: 120%; }
.NormalBold											{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; }
.NormalRed											{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #C00; line-height: 120%; }
.SubHead												{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; }
span.SubHead										{ font-size: 9px; margin: 0; padding: 0; }
span.SubHead br									{ display: none; }
a:link													{ color: #6e91d1; }
a:visited												{ color: #444; }
a:hover													{ color: #000000; }
a:active												{ color: #444; }

/*========================================================*/
/*  Skin Layout                                           */
/*========================================================*/
#verticalStructure		{ width: 100%; margin-top:8px; }
.leftSideContent		{ width: 230px; }
.menuTag			{  background: url(images/menubg.png) no-repeat center top; }
.rightSideContent		{ width: 100%; }
#hooverAdvantage		{ background: url(images/HomeContentTag.png) no-repeat center top; height: 130px; padding-bottom: 12px; }
#hooverGuarantee		{ background: url(images/InnerContentTag.png) no-repeat right top; height: 35px; }

.Settings			{ text-align: left; }

.vmenubox			{ width: 205px; padding-top: 70px; }

.vmenucontent			{ margin: 130px 0px 0px 10px; }
.vmenucontentresidential	{ margin: 0px 0px 0px 10px; padding-top:155px; background:url(images/residential.png) top left no-repeat;}
.vmenucontentindustrial		{ margin: 0px 0px 0px 10px; padding-top:155px; background:url(images/7659003.png) top left no-repeat;}
.vmenucontentcommercial		{ margin: 0px 0px 0px 10px; padding-top:155px; background:url(images/2710718.png) top left no-repeat;}
.vmenucontentprogram		{ margin: 0px 0px 0px 10px; padding-top:155px; background:url(images/program.png) top left no-repeat;}
.vmenucontentappointment	{ margin: 0px 0px 0px 10px; padding-top:155px; background:url(images/reqappointment.png) top left no-repeat;}
.vmenucontenthoover		{ margin: 0px 0px 0px 10px; padding-top:149px; background:url(images/hooverheader.png) top left no-repeat;}
.vmenucontentabout		{ margin: 0px 0px 0px 10px; padding-top:149px; background:url(images/about.jpg) top left no-repeat;}

.logo				{ min-height: 95px; min-width: 200px; } /* See also OpenLayout.css */
* html .logo										{ height: 95px; width: 200px; }

.news h2												{ color: #333333; font-size: 14px; margin: 0px; padding: 0px; line-height: 22px; }
.news p													{ line-height: 17px; font-weight: bold; }

#dnncontent											{ width: 100%; margin: 0px auto; clear: both; }

#dnnbreader											{ width: 100%; clear: both; height: 27px; margin: 1px auto; line-height: 26px; }
#dnnbreader .left								{ height: 27px; padding-left: 25px; text-align: left; }
#dnnbreader .left a							{ color: #FFF; text-decoration: none; padding: 0 5px; }
	#dnnbreader .left span span		{ color: #FFF; text-decoration: none; padding: 0 5px; }
#dnnbreader .left a:hover				{ text-decoration: underline; }

/*========================================================*/
/*  Skin Object                                           */
/*========================================================*/
.user,
	a.user:link,
	a.user:active,
	a.user:visited								{ font: 10px/22px Tahoma, Arial, Helvetica, Sans-Serif; padding: 0px 5px; color: #e51937; text-decoration: none; }
a.user:hover										{ text-decoration: underline; }

.login,
	a.login:link,
	a.login:active,
	a.login:visited								{ font: 10px/22px Tahoma, Arial, Helvetica, Sans-Serif; padding: 0px 5px; color: #e51937; text-decoration: none; }
a.login:hover										{ text-decoration: underline; }

.themeOff,
	.themeOn											{ border: 0; cursor: pointer; margin: 0px; }

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/
.topleftpane		{ width: 49.5%; float: left; }
.toprightpane		{ width: 49.5%; float: right; }

.toppane				{ }

.leftpane				{ width: 24%; float: left; overflow: hidden; padding-top: 0px; }
.contentpane		{ width: 50%; margin-left: 1%; display: inline; float: left; padding-top: 0px; }
.rightpane			{ width: 24%; float: right; overflow: hidden; padding-top: 0px; }

.boxapane				{ }

.boxbpane				{ width: 24%; float: left; overflow: hidden; }
.boxcpane				{ width: 75%; float: right; overflow: hidden; }

.boxdpane				{ }

.boxepane				{ width: 66%; float: left; overflow: hidden; }
.boxfpane				{ width: 33%; float: right; overflow: hidden; }

.boxgpane				{ }

.mainapane			{ width: 32.4%; float: left; overflow: hidden; }
.mainbpane			{ width: 32.4%; margin-left: 1%; float: left; overflow: hidden; }
.maincpane			{ width: 32.4%; float: right; overflow: hidden; }

.bottompane			{ }

.menubotpane		{ clear: both; margin: 0px 10px; padding-top:53px;}
#homeSloganPane		{ float: left; font-size: x-small; text-align: center; width: 770px; height: 95px; }
#SloganPane		{ float: left; font-size: x-small; text-align: center; width: 770px; height: 95px; background: transparent url(images/HeaderBG.jpg) no-repeat scroll left top; }

/*========================================================*/
/*  Vertical Menu2 Style                                  */
/*========================================================*/
.v2top		{ width: 220px; text-align: right; height: 7px; overflow: hidden; }
.VM2		{ white-space: nowrap; height: auto; width: 100%; font-family:  Lucida Grande, Lucida Sans Unicode, sans-serif;}
.VM2 span	{ padding: 0 10px; white-space: nowrap; display: block; font-weight: normal; font-size: 15px; color: White; }
.VM2 ul		{ margin: 0px; padding: 0 0 0px 0; display: block; float: left; width: 100%; }
.VM2 li		{ list-style: none none outside; float: left; position: relative; clear: both; width: 100%; margin: 0px; }
.VM2 ul li	{ background: url(menus/) left top no-repeat; height: 35px; float: left; }
.VM2 ul li a	{ display: block; float: left; width: 100%; line-height: 35px; padding-left: 15px; cursor: pointer; text-decoration: none; }
.VM2 ul .current	{ background: url(menus/vm2cl.png) left top no-repeat; margin: 0px; }
.VM2 ul .current a		{ color: #fff; }
.VM2 ul .current span		{ color: #fff; }
.VM2 ul li a:hover		{ color: #fff; background: url(menus/vm2l.png) left top no-repeat; }
.VM2 ul a:hover span		{ color: #fff; }
.VM2 .downarrow			{ display: none; }
.VM2 .rightarrow		{ position: absolute; right: 2px; top: 10px; }

.VM2 .slide						{ display: none; float: left; overflow: hidden; position: absolute;}
.VM2 .slide ul						{ width: auto; padding: 0px; }
.VM2 .slide img						{ padding: 0 3px 0 0; }
.VM2 .slide .Group					{ display: none; left: 0px; float: left; position: relative;}
.VM2 .slide ul li					{ clear: both; background: #e51937; display: block; height: 24px; }
.VM2 .slide ul li span					{ color: #fff; display: block; text-align: left; vertical-align: middle; white-space: nowrap; padding: 0 20px 0 10px; }
.VM2 .slide ul li a					{ background: #e51937; height: 24px; display: block; line-height: 24px; }
.VM2 .slide ul a:hover span				{ color: #fff; background: #f68192; }