﻿/*
	CSS Styles for use at wpoweq.ideas-then.com
	Global Skin Stylesheet
	Version 01.00.00
	Revision Date 2008.11.26
	Copyright ©2008, Worthington Power & Equipment. All Rights Reserved.

*/

html, body {
	height:100%;
}
html {
	margin:0;
	padding:0;
}
body {
	background:#fff url(images/bg-hdft.png) repeat-x 0 0;
	color:#333;
	font:70% "Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	margin:0;
	padding:0;
}

/* Template Design */
#shell /* Kudos to Ryan Fait and his Sticky Footer method. http://ryanfait.com */ {
	min-height:100%;
	height:auto !important; /* IE 6 does not recognize min-height */
	height:100%; /* IE 6 does not recognize min-height */
	margin:0 auto -100px; /* bottom margin MUST match the footer height */
	min-width:986px;
}
.wrap /* Applies Left/Right Margin to page shell */ {
	margin:0 20px;
}
#head-wrapper {
	margin-top:12px;
}
.head-right {
	float:right;
}
.footer, .push {
	height:100px;
}
.footer {
	background:transparent url(images/bg-hdft.png) repeat-x 0 100%;
	text-align:center;
}
/* Content Blocks */
#beltline {
	background:transparent url(images/bg-beltline-tall.jpg) repeat-x 0 0;
	height:356px;
	position:relative;
	top:-14px;
}
#beltline-short {
	background:transparent url(images/bg-beltline-short.png) repeat-x 0 0;
	height:136px;
	position:relative;
	top:-14px;
}
#shell div#slideshow1 {
	height:312px;
	overflow:hidden !important;
	width:370px;
}

/* admin-wrapper */
#admin-wrapper {
	position:relative;
	width:380px;
	z-index:9999;
}
#admin-wrapper .hd {
	background:transparent url(images/admin-pane-hd.png) no-repeat 0 0;
}
#admin-wrapper .hd .c {
	background:transparent url(images/admin-pane-hd-c.png) no-repeat 100% 0;
}
#admin-wrapper .hd .c, #admin-wrapper .ft .c {
	height:8px;
}
#admin-wrapper .hd, #admin-wrapper .hd .c, 
#admin-wrapper .ft, #admin-wrapper .ft .c {
	font-size:1px; /* Ensures minimum height */
}
#admin-wrapper .bd {
	background:transparent url(images/admin-pane-bd.png) no-repeat 0 0;
}
#admin-wrapper .bd .c {
	background:transparent url(images/admin-pane-bd-c.png) no-repeat 100% 0;
}
#admin-wrapper .bd .c .s {
	padding:0.4em 1.2em;
}
#admin-wrapper .ft {
	background:transparent url(images/admin-pane-ft.png) no-repeat 0 0;
}
#admin-wrapper .ft .c {
	background:transparent url(images/admin-pane-ft-c.png) no-repeat 100% 0;
}
#admin-wrapper .hd, #admin-wrapper .bd, #admin-wrapper .ft {
	margin-right:8px; /* prevent underlap */
}
#admin-wrapper .hd .c, #admin-wrapper .bd .c, #admin-wrapper .ft .c {
	margin-right:-8px; /* show corners */
}
/* End admin-wrapper */
#admin-wrapper #admin, #admin-wrapper #account {
	float:right;
}
#nav-wrapper {
	background:transparent url(images/bg-nav-wrapper.png) no-repeat 0 100%;
	min-height:10px;
	padding:22px 6em 0em 8em;
	position:relative;
	z-index:999;
}
.printbar /* Used in Official Docs where Print/DL Bar is necessary */ {
	border-bottom:solid 1px #106a20;
	height:2em;
	margin-bottom:1em;
}

/* Level1 Home Content Panes */
#beltline .split-left {
	float:left;
	position:absolute;
	top:22px;
	width:370px;
}
#beltline .callout-right {
	margin:0 20px 0 370px;
	padding-left:1em;
	position:absolute;
	top:70px;
}
#beltline .search-wrapper {
	margin:0 0 0 350px;
	position:absolute;
	top:280px;
	z-index:999;
}
.col, .full {
	padding-bottom:1em;
}
.left-column {
	margin:0 480px 0 0;
}
.right-column {
	float:right;
	width:464px;
}
.full {
}

/* Level2 Split 2 Column Content Blocks */
#beltline-short .split-left {
	float:left;
	padding-top:18px;
	width:370px;
}
#beltline-short .search-wrapper {
	right:24px;
	position:absolute;
	top:60px;
}
#breadcrumb-wrapper {
	margin:-18px 0 1em;
}
.callout-left {
	float:left;
	width:220px;
}
.content-right {
	margin-left:220px;
	padding-left:1em;
}

/* Level3 Split 3 Column Content Blocks */
.column {
	float:left;
	padding:0 1% 0 0;
	background:transparent url(images/dotted-bg-gray.png) repeat-y 100% 0;
}
.col1 {
	width:46%;
}
.col2 {
	padding-left:1%;
	padding-top:0em;
	width:24.5%;
}
.last {
	background:none;
	padding-right:0;
	margin-left:0.75%;
}

/* End Content Blocks */

/* Content-Specific: Typesetting Character Styles */
#wpow h1, #wpow h2, #wpow h3, #wpow h4, .Head, .SubHead, .SubSubHead {
	color:#000;
	font-family:"Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	margin:0;
	padding:0 0 0.4em 0;
}	
#wpow h1 {
	font-size:180%;
	font-weight:normal;
}
#wpow h2 {
	color:#106a20;
	font-size:160%;
	font-weight:bold;
}
#wpow h3 {
	font-size:140%;
	font-weight:bold;
}
#wpow h4 {
	font-size:100%;
	font-weight:bold;
}
.Head {
}
.SubHead, .SubSubHead /* DNN-Specific Classes; primarily found in CP */ {
}

#wpow p, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .ItemTitle {
	font-family:"Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	margin:0;
	padding:0 0 1.4em 0;
}
#wpow p, .Normal, .NormalTextBox {
	font-size:100%;
	line-height:1.8em;
}
#beltline .Normal {
	line-height:normal;
	padding:0;
}
.red, .NormalRed {
	color:#ff0f00 !important;
}
.green {
	color:#106a20 !important;
}
.yellow {
	color:#f8db00 !important;
}
.white {
	color:#fff !important;
}
#wpow p.disclaimer, .disclaimer {
	font-size:90%;
	font-style:italic;
	line-height:normal;
}
#wpow p.small, .small {
	font-size:80%;
	line-height:normal;
}
.no-pad {
	margin:0 !important;
	padding:0 !important;
}
strong, .strong, .NormalBold, .ItemTitle {
	font-weight:bold;
}
pre {
	border:1px solid #999;
	color:#333;
	font-family:Consolas, "Courier New", Courier, Monospace;
	font-size:100%;
	line-height:2em;
	margin:0 1em 1em;
	padding:0.4em;
	white-space:normal;
}
sup /* Fixes line-height problem */ {
	font-size:70%;
	line-height:0;
}
#wpow p.tagline{
	font-size:90%;
	line-height:normal;
	padding:0;
	padding-left:74px;
}
#wpow #admin-wrapper p {
	line-height:normal;
	padding:0 0 0.4em 0;
	text-align:right;
}
.text-left {
	text-align:left !important;
}
.text-right {
	text-align:right !important;
}

/* CSS Cues */

/* Links */
#wpow a:link, #wpow a:visited {
	color:#333;
	text-decoration:underline;
}
#wpow a:hover, #wpow a:active {
	text-decoration:none;
}
a[href$=".pdf"], .pdf {
	background:transparent url(images/icon-acrobat.png) no-repeat scroll right center;
	padding:1px 20px 1px 1px;
	zoom:1;
}
.pdf-left /* Used in .printbar styles */ {
	background:transparent url(images/icon-acrobat.png) no-repeat scroll left center !important;
	padding:1px 1px 1px 20px !important;
}	
.print /* Used in .printbar styles */ {
	background:transparent url(images/icon-print.png) no-repeat scroll left center;
	padding:1px 1px 1px 20px;
}

a.admin:link, a.admin:visited {
	color:#333;
	font-size:90%;
	text-decoration:underline;
}
a.admin:hover, a.admin:active {
	text-decoration:none;
}
a.breadcrumb {
}
a.breadcrumb:hover {
}

/* Lists */
#wpow ul {
	margin:0.2em 0.6em;
	padding:0;
}
#wpow ul li {
	list-style-image:url(images/bullets-arrow-green.png);
	margin:0 0 0.4em 1.2em;
}
#wpow ul li.yellow {
	list-style-image:url(images/bullets-arrow-green.png);
}
#wpow ol {
}
#wpow ol li {
}
ul.txt-no-list /* Used in Footer Navigation & Link Clusters */ {
	margin:0 0 0.4em 0;
	padding:0;
}
ul.txt-no-list li {
	background:transparent url(images/spacer-black.gif) repeat-y 100% 0;
	display:inline;
	padding:0 0.6em 0 0.8em !important;
	margin:0 !important;
}
ul.txt-no-list li.last {
	background:none;
}
#wpow .printbar ul /* Used in Official Docs where Print/DL Bar is necessary */ {
	margin:0;
	padding:0 0 1em;
}
.printbar ul li {
	display:inline;
	font-size:1.1em;
	padding:0 0.5em;
	margin:0 !important;
}
.printbar li.first {
	padding:0 1em 0 0;
}

/* Menu Styles */

/* Images */
img, img a {
	border:none;
}
* html img[src$=".png"] /* PNG Transparency Fix for Inline Images */ {
   behavior:url("js/pngbehavior.htc");
}
img.logo {
	height:68px;
	padding-top:4px;
	width:492px;
}
img.beltline {
	height:312px;
	width:370px;
}
#admin-wrapper #account img {
	padding:0 4px 0 0;
	margin-bottom:-2px;
}
#shell div#slideshow1 img {
	background-color:transparent !important;
}

/* Forms */
/* Default DNN Forms */
.SubHead label {
	font-size:1em;
	font-weight:normal;
}
.NormalTextBox, .NormalTextBox input, .Normal input, .NormalTextBox textarea, 
.NormalTextBox select {
	color:#666;
	font:1em "Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	padding:2px;
	border:solid 1px #ccc;
}
/* Site Search Form */
#search-wrapper .SkinObject /* Overrides class in default.css*/ {
	color:#fff;
	font:0.8em "Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	font-weight:normal;
}
#wpow #search-wrapper a {
	color:#fff;
}
/* Dynamic Forms Global Styles */
.DynamicForms_Maintable * /* Resets inline values of Dynamic Forms Module */{
	border-collapse:collapse;
	font:100% "Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	padding:0;
}
.DynamicForms_Maintable br /* Fixes hardcoded break characters before and after fields*/{
	font-size:1px;
	line-height:normal;
}
/* Contact Us Form Styles */
.contactFormField {
	margin:0;
	padding:0;
}
td.contactFormField {
	padding-top:8px;
}
.contactFormLabel, .contactFormField label {
	color:#666;
	font-size:100%;
}
.contactFormField input, .contactFormField textarea, .contactFormField select, 
input.contactFormField, textarea.contactFormField, select.contactFormField {
	color:#666;
	font:100% "Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	padding:2px;
	border:solid 1px #ccc;
}
.contactFormField textarea, textarea.contactFormField {
	width:400px !important;
}

/* End Forms */

/* Menu Styles */
/* Snapsis CSS MainMenu Styles */
/* Level 0 */
#wpow #MainMenu * /* Overrides for DNN's stupid font declarations on tab classes */{
	color:#f8db00;
	font-family:"Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	font-weight:normal;
}
#wpow #MainMenu ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
}
#wpow #MainMenu li {
	float:left;
	font-size:140%;
	list-style:none;
	margin:0;
	position:relative;
	height:25px;
}
#wpow #MainMenu li a {
	border:1px solid transparent;
	border-width:0 1px;
	display:block;
	padding:0 1.2em 0 0.6em;
	text-decoration:none;
}
#wpow #MainMenu li a:hover {
	background:transparent url(images/bg-nav-select.png) no-repeat 50% 0;
}
#wpow #MainMenu li.SelectedTab a, #wpow #MainMenu li.SelectedTab a:hover {
	border:1px solid #f8db00;
	border-width:0 1px;
	background:transparent url(images/bg-nav-select.png) no-repeat 50% 0;
	font-weight:normal;
}
#wpow #MainMenu li.DisabledTab a, #wpow #MainMenu li.DisabledTab a:hover {
	color:#ddd;
}
/* Level 1 */
#wpow #MainMenu li ul {
	background:#106a20 url(images/bg-nav-dropdown.png) repeat-x 0 0;
	border:solid 1px #eee;
	border-top:none;
	left:-999em;
	padding:0 0 0.6em 0;
	position:absolute;
	top:21px;
}
#wpow #MainMenu li li {
	font-size:100%;
	white-space:nowrap;
	float:none;
	height:auto;
}
#wpow #MainMenu li:hover ul, #wpow #MainMenu li.iehover ul {
	top:25px;
	left:0;
}
#wpow #MainMenu li.SelectedTab li a {
	background:none; /* Overrides inherited background image */
	border:none; /*Overrides inherited border */
}
#wpow #MainMenu li li a {
	text-decoration:none;
	width:auto;
}
#wpow #MainMenu li li a:hover {
	background:transparent url(images/bg-nav-dropdown-select.png) no-repeat 0 50%;
}
#wpow #MainMenu li li.SelectedTab a, #wpow #MainMenu li li.SelectedTab a:hover, #wpow #MainMenu li.SelectedTab li a:hover {
	background:transparent url(images/bg-nav-dropdown-select.png) no-repeat 0 50%;
	border:none;
}
#wpow #MainMenu li li.DisabledTab a, #wpow #MainMenu li li.DisabledTab a:hover {
}
/* Level 3 on up ***Not in Use*** */
#wpow #MainMenu li:hover ul ul, 
#wpow #MainMenu li:hover ul ul ul, 
#wpow #MainMenu li:hover ul ul ul ul, 
#wpow #MainMenu li.iehover ul ul, 
#wpow #MainMenu li.iehover ul ul ul, 
#wpow #MainMenu li.iehover ul ul ul ul {
	left:-999em;
}
/* Level 2 */

#wpoq #MainMenu li li ul {
	width:auto;
	padding:0px;
}

#wpow #MainMenu li li:hover ul, 
#wpow #MainMenu li li li:hover ul, 
#wpow #MainMenu li li.iehover ul, 
#wpow #MainMenu li li li.iehover ul {
	top:18px;
	border-top:1px solid #EEEEEE;
	left:-1px;
}

/* Snapsis CSS AdminMenu Styles */
/* Level 0 */
#wpow #AdminMenu * /* Overrides for DNN's stupid font declarations on tab classes */{
	color:#333;
	font-family:"Segoe UI", Helvetica, "Lucida Grande", Verdana, sans-serif;
	font-weight:normal;
}
#wpow #AdminMenu ul {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
}
#wpow #AdminMenu li {
	float:left;
	font-size:110%;
	list-style:none;
	margin:0;
	position:relative;
}
#wpow #AdminMenu li a, 
#wpow #AdminMenu li.DisabledTab a {
	border:1px solid transparent;
	border-width:0 1px;
	display:block;
	padding:0 1em 0 0;
	text-decoration:none;
}
#wpow #AdminMenu li a:hover, 
#wpow #AdminMenu li.DisabledTab a:hover  {
	color:#15892a;
}
#wpow #AdminMenu li.SelectedTab a, #wpow #AdminMenu li.SelectedTab a:hover {
	border:1px solid transparent;
	border-width:0 1px;
	font-weight:normal;
}
/* Level 1 */
#wpow #AdminMenu li ul {
	background:#ddd;
	border:solid 1px #666;
	border-top:none;
	left:-999em;
	padding:0 0 1em 0;
	position:absolute;
}
#wpow #AdminMenu li li {
	font-size:100%;
	padding:0.2em 0.2em;
	white-space:nowrap;
	float:none;
}
#wpow #AdminMenu li:hover ul, #wpow #AdminMenu li.iehover ul {
	top:1.2em;
	left:0;
}
#wpow #AdminMenu li li:hover ul, 
#wpow #AdminMenu li li li:hover ul, 
#wpow #AdminMenu li li.iehover ul, 
#wpow #AdminMenu li li li.iehover ul {
	top:0;
	left:12.8em;
}
#wpow #AdminMenu li li a {
	text-decoration:none;
}
#wpow #AdminMenu li li a:hover {
	color:#15892a;
}
#wpow #AdminMenu li li.SelectedTab a, #wpow #AdminMenu li li.SelectedTab a:hover {
	color:#15892a;
	border:none;
}
#wpow #AdminMenu li li.DisabledTab a, #wpow #AdminMenu li li.DisabledTab a:hover {
}
/* Level 2 on up ***Not in Use*** */
#wpow #AdminMenu li:hover ul ul, 
#wpow #AdminMenu li:hover ul ul ul, 
#wpow #AdminMenu li:hover ul ul ul ul, 
#wpow #AdminMenu li.iehover ul ul, 
#wpow #AdminMenu li.iehover ul ul ul, 
#wpow #AdminMenu li.iehover ul ul ul ul {
	left:-999em;
}
/* End Menu Styles */


/* Misc. */
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.clear-right {
	clear:right;
}
.clear-left {
	clear:left;
}
td {
	text-align:left !important;
	vertical-align:top !important;
}
td.midleft {
	text-align:left !important;
	vertical-align:middle !important;
}
td.topleft {
	text-align:left !important;
	vertical-align:top !important;
}
.hr {
	background:#999;
	height:1px;
	margin:1em 0;
}
.hr-yellow {
	margin:1em 0;
	height:4px;
	background:url(images/bg-hr-yellow.png) repeat-x 0 bottom;
}
#map3059 /* Location & Hours Google Map*/{
	border:solid 1px #15892a;
}
div#timestamp {
	clear:none;
}
