/* 
   Base Generic Styleset for Websites - CN July 09
*/

html, body {
	overflow: auto;
	/*width:100%; /*IE6 HATES This! */
	/*height:100%;*/
	background-color:#FFF;
}
body, h1, h2, h3, h4, h5, td {
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px;
	color:#666666;
	line-height:17px;
	font-weight:normal;
}
h2 {
	color: #1f1f1f;
	font-size:28px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:-1px;
	line-height:28px;
}
a, a:hover {
	text-decoration:none;
	color:#464646;
}
a:hover {
	text-decoration:underline;
}
a:active { /* Remove Outline from clicked links */
	outline: none;
}
a:focus { /* Remove Outline from clicked links */
	-moz-outline-style: none;
}
img {
	border:0;
}
div, ol, ul, li, form {
	margin:0;
	padding:0;
}
div {
	/* border:1px solid #000000; /* for layout testing in ie */
	overflow:hidden;
}
input, object, textarea {
	outline:none;
}
/* === MAIN PAGE LAYOUT === */

#mainWrapper {
	width:900px;
	margin:20px auto 0;
}
#header {
}
#logo {
	margin:0 0 20px;
}
#mainNav {
	overflow:visible;
	height:32px;
	margin-bottom:30px;
}
#mainNav ul {
	list-style:none;
	float:left;
}
#mainNav li {
	float:left;
	margin:0 52px 0 0;
}
#mainNav li span {
	display:none;
}
#blogBttn {
	float: right;
}
.liLast {
	margin-right:0 !important;
}
.aboutNav a, .aboutNav a:hover {
	background:url(/images/global/nav/about.png) 0 0 no-repeat;
	width:49px;
	height:31px;
	display:block;
}
.aboutNav a:hover {
	background:url(/images/global/nav/about.png) 0 -31px no-repeat;
}
.productsNav a, .productsNav a:hover {
	background:url(/images/global/nav/showroom.png) 0 0 no-repeat;
	width:139px;
	height:31px;
	display:block;
}
.productsNav a:hover {
	background:url(/images/global/nav/showroom.png) 0 -31px no-repeat;
}
.dailytipsNav a, .dailytipsNav a:hover {
	background:url(/images/global/nav/dailytips.png) 0 0 no-repeat;
	width:72px;
	height:31px;
	display:block;
}
.dailytipsNav a:hover {
	background:url(/images/global/nav/dailytips.png) 0 -31px no-repeat;
}
.newsNav a, .newsNav a:hover {
	background:url(/images/global/nav/news.png) 0 0 no-repeat;
	width:34px;
	height:31px;
	display:block;
}
.newsNav a:hover {
	background:url(/images/global/nav/news.png) 0 -31px no-repeat;
}
.communityNav a, .communityNav a:hover {
	background:url(/images/global/nav/community.png) 0 0 no-repeat;
	width:80px;
	height:31px;
	display:block;
}
.communityNav a:hover {
	background:url(/images/global/nav/community.png) 0 -31px no-repeat;
}
.contactNav a, .contactNav a:hover {
	background:url(/images/global/nav/contact.png) 0 0 no-repeat;
	width:59px;
	height:31px;
	display:block;
}
.contactNav a:hover {
	background:url(/images/global/nav/contact.png) 0 -31px no-repeat;
}
#mainContent {
	overflow:hidden;
	clear:both;
	min-height:605px;
}
#footerContainer {
	color:#a3a29d;
	font-size:10px;
	margin: 0;
	clear:both;
	font-weight:bold;
	text-align:right;
}
#footerContainer a, #footerContainer a:visited {
	text-decoration:none;
	color:#a3a29d;
}
#footerContainer a:hover {
	color:#333333;
}
#footerContainer ul {
	list-style:		none;
}
#footerContainer li {
	float:			right;
	padding-left:20px;
	text-align:right;
}
#footerContainer p {
	display:inline;
}
.copyright {
	float:left;
	width:50%;
	text-align:left;
	clear:both;
}
/* HOME */


#bodyHome .column1 {
	width:343px;
	float:right;
	clear:right;
	text-align:justify;
}
#bodyHome .column2 {
	width:343px;
	float:right;
	clear:right;
	text-align:justify;
}
#bodyHome .column2 h3 {
	font-style:italic;
	color:#000000;
	font-family: "Lucida Grand", Arial, Verdana, sans-serif;
	font-size:16px;
	letter-spacing:0;
	line-height:24px;
}
/*#bodyHome .column1 .firstUnderHeading {
	margin-top:-6px;
}*/

#bodyHome h3 {
	font-style:italic;
	color:#037e98;
	font-family: "Lucida Grand", Arial, Verdana, sans-serif;
	font-size:16px;
	letter-spacing:0;
	line-height:24px;
}
#dailyTip {
	width:195px;
	height:181px;
	float:left;
	margin:57px 0 0 16px;
	text-align:center;
	font-style:italic;
	color:#1f1f1f;
	font-family: "Lucida Grand", Arial, Verdana, sans-serif;
	font-size:20px;
	letter-spacing:-1px;
}
#dailyTip h3 {
	font-size:38px;
	margin:15px 0 10px;
	text-transform:lowercase;
	letter-spacing:-1px;
	color:#1f1f1f;
}
#bodyHome .fadeThis {
	height: 162px;
	width: 162px;
	float:left;
	margin-top:100px;
	clear: left;
}
#bodyHome .fadeThis span.hover {
	height: 162px;
	width: 162px;
}
#bodyHome .fadeThis {
	background:url(/images/home/kohls_burst.gif) 0 0 no-repeat;
}
#bodyHome .fadeThis span.hover {
	background:url(/images/home/kohls_burst.gif) 0 -162px no-repeat;
}
/* == NEWS == */

img.productPop {
	padding: 9px;
	display: block;
	border: 1px solid #ebebeb;
}
#bodyNews h2 {
	margin:5px 0 18px;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:26px;
	font-weight:bold;
}
#bodyContact #sideBar {
	float:right;
	width:335px;
	margin-top:40px;
}
.fadeThis {
	position:relative;
	display:block;
	height: 55px;
	width: 320px;
	cursor:pointer;
}
.fadeThis * {
	display: none;
}
.fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 55px;
	width: 320px;
}
#bodyContact #linkA.fadeThis {
	background:url(/images/contact/a.gif) 0 0 no-repeat;
}
#bodyContact #linkA.fadeThis span.hover {
	background:url(/images/contact/a.gif) 0 -55px no-repeat;
}
#bodyContact #linkB.fadeThis {
	background:url(/images/contact/b.gif) 0 0 no-repeat;
}
#bodyContact #linkB.fadeThis span.hover {
	background:url(/images/contact/b.gif) 0 -55px no-repeat;
}
#bodyContact #linkC.fadeThis {
	background:url(/images/contact/c.gif) 0 0 no-repeat;
	width: 203px;
}
#bodyContact #linkC.fadeThis span.hover {
	background:url(/images/contact/c.gif) 0 -55px no-repeat;
	width: 203px;
}
#bodyContact #linkD.fadeThis {
	background:url(/images/contact/d.gif) 0 0 no-repeat;
	width: 203px;
}
#bodyContact #linkD.fadeThis span.hover {
	background:url(/images/contact/d.gif) 0 -55px no-repeat;
	width: 203px;
}
/*#bodyContact .bullet {
	float:left;
	clear:left;
	margin:0 12px 20px 0;
	}

#bodyContact h2 {
	margin:10px 0 18px;
	text-transform:lowercase;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:bold;
	float:left;
	width:265px;
	}*/
	
#bodyAbout #sideBar {
	float:left;
	width:304px;
	margin-top:40px;
}
#bodyAbout #mainCol {
	margin:40px 15px 0 0;
	text-align:justify;
}
#bodyCommunity #sideBarright {
	float:right;
	width:275px;
	padding-left:30px;
	margin-top:40px;
}
#bodyCommunity #mainCol {
	float:right;
	margin:-750px 0 0;
	padding-right:0px;/*border-right:1px solid #ebebeb;*/
	}
#bodyCommunity #mainColleft {
	float:left;
	margin:20px 0 0;
	padding-right:27px;/*border-right:1px solid #ebebeb;*/
	}
#bodyCommunity .comment-single {
	/*border-top:1px solid #ebebeb;*/
	border-bottom:1px solid #ebebeb;
	/*margin-top:10px;
	padding-top:10px;*/
	margin:15px 0 10px;
	padding-bottom:10px;
	clear:both;
	width:60%;
}
#bodyCommunity label {
	float:left;
	width:125px;
	padding-top:5px;
	text-transform:lowercase;
}
#bodyCommunity input.textfield {
	width:430px;
	height:24px;
	text-align:left;
	border:1px solid #ec9344;
	padding:3px 5px 1px;
	font-size:17px;
	color: #0ca0be;
}
#bodyCommunity input.uploadfield {
	/*width:425px;*/
	height:24px;
	text-align:left;
	border:1px solid #ec9344;
	padding:3px 5px 1px;
	font-size:17px;
	color: #0ca0be;
}
#bodyCommunity #questionfield {
	width:432px;
	text-align:left;
	border:1px solid #ec9344;
	padding:3px 5px 3px;
	color:#1f1f1f;
	padding:2px 4px;
	font-family: Arial, Verdana, sans-serif;
}
#bodyCommunity h3 {
	color:#1f1f1f;
	margin-bottom:2px;
	font-weight:bold;
}
/* styling of the container. */ 
a.moviePlayer {
	display:block;
	text-align:center;
	border:0 solid #fff;
}
/* play button */ 
a.moviePlayer img {
	border:0px;
}
/* when container is hovered we alter the border color */ 
a.moviePlayer:hover {
	border:0 solid #000;
}
	
/* === Replace title with Rockwell font === */
	
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006  2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt;
	padding: 0pt;
	overflow: auto;
	letter-spacing: 0px;
	float: none;
}
}
 @media print {
.sIFR-flash {
	display : none !important;
	height : 0;
	width : 0;
	position : absolute;
	overflow : hidden;
}
.sIFR-alternate {
	visibility : visible !important;
	display : block !important;
	position : static !important;
	left : auto !important;
	top : auto !important;
	width : auto !important;
	height : auto !important;
}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h2, .sIFR-active h3 {
	visibility: hidden;
	margin:0;
	padding:0;
}
}
.videoNav a, .videoNav a:hover {
	background:url(/images/global/nav/video.png) 0 0 no-repeat;
	width:49px;
	height:31px;
	display:block;
}
.videoNav a:hover {
	background:url(/images/global/nav/video.png) 0 -31px no-repeat;
}