@charset "utf-8";

/* CSS Document */



/*********** Begning of Reset CSS ***********/



*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0px;

	padding: 0px;

	outline: 0px;

	border: 0px;

}

em {

	font-style: italic;

}

strong {

	font-weight: bold;

}

ul {

	list-style: none;

}

/*********** End of Reset CSS ***********/



/*********** Begning of Default elements ***********/



html, body {

	width: 100%;

}

:focus {

	outline: 0;

}

/*********** End of Default elements ***********/



/*********** Begning of Links ***********/



a:link, a:hover, a:active, a:visited {

	text-decoration: none;

}

a.viewbtn {

	float: left;

	width: 108px;

	height: 41px;

	display: block;

	overflow: hidden;

	position: relative;

	top: -65px;

	left: 75px;

	z-index: 1;

	background: url(img/viewbtn.png);

}

a:hover.viewbtn {

	background: url(img/viewbtn_over.png);

}

a.launchcat {

	float: left;

	width: 173px;

	height: 46px;

	display: block;

	overflow: hidden;

	position: relative;

	background: url(img/launchCatbtn.png);

}



a:hover.launchcat {

	background: url(img/launchCatbtn_over.png);

}



a.viewdetailbtn {

	float: left;

	width: 135px;

	height: 31px;

	display: block;

	overflow: hidden;

	position: relative;

	background: url(img/viewdetailbtn.png);

}

a:hover.viewdetailbtn {	

	background: url(img/viewdetailbtn_over.png);

}



a.viewprobtn {

	float: left;

	width: 209px;

	height: 48px;

	display: block;

	overflow: hidden;

	position: relative;

	background: url(img/vieprobtn.png);

}



a:hover.viewprobtn {

	background: url(img/vieprobtn_over.png);

}



/*********** End of Links ***********/



/*********** Begning of Forms ***********/





label {

	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #4a4a4a;

}

input, select {

	width: 186px;

	height: 20px;

	border-top: 2px solid #afafaf;

	border-left: 2px solid #afafaf;

	border-bottom: 1px solid #dddddd;

	border-right: 1px solid #dddddd;

}

.phonetxt {

	width: 30px;

}

.phonetxt1 {

	width: 40px;

}

.selectd {

	width: 100px;

}

.dd

{

	width: 40px;

}

.yy

{

	width: 70px;

}

.rd {

	width: 30px;

	border:0px;

	line-height:10px;

}



.wpcf7-list-item-label{

		top: -5px;

		position:relative;

		right: 5px;

}



.textarea {

	width: 486px;

	height: 130px;

	border-top: 2px solid #afafaf;

	border-left: 2px solid #afafaf;

	border-bottom: 1px solid #dddddd;

	border-right: 1px solid #dddddd;

}

.textarea1 {

	width: 400px;

	height: 130px;

	border-top: 2px solid #afafaf;

	border-left: 2px solid #afafaf;

	border-bottom: 1px solid #dddddd;

	border-right: 1px solid #dddddd;

}

form table tr td {

	padding: 6px 0px;

}

.submitbtn {

	width: 100px;

	height: 30px;

	border: 0px;

	background: url(img/register.png) no-repeat left top;

}



.submitbtnOver {

	background: url(img/register_over.png) no-repeat left top;

}

.subbtn {

	width: 108px;

	height: 40px;

	border: 0px;

	background: url(img/subbtn.png) no-repeat left top;

	cursor:pointer;

	cursor:hand;

}



.subbtnOver {

	background: url(img/subbtn_over.png) no-repeat left top !important;

}



.errorvalidator {

	margin-top: 15px;

	float: left;

	width: 100%;

	line-height: 72px;

	display: block;

	overflow: hidden;

	position: relative;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	text-indent: 20px;

	font-size: 18px;

	font-style: italic;

	color: #231f20;

	background: #ebfae4;

}



.rmiefix{

		line-height: 0px !important;

	font-size: 0px !important;

	text-indent:0px !important;

}



/*********** End of Forms ***********/



/*********** Begning of Global CSS ***********/



.clear {

	clear: both;

	height: 0px;

	font-size: 0px;

	line-height: 0px;

}

.debug {

	border: 1px solid #f00;

}

.alignright {

	text-align: right;

}

.floatleft {

	float: left;

}

.floatright {

	float: right

}

.width100 {

	width: 100%;

}

.box {

	position: relative;

	display: block;

	overflow: hidden;

}

.main {

	margin: 0px auto;

	width: 960px;

}

.important {

	color: #429bd8;

}

/*********** End of Global CSS ***********/



/*********** Begning of Typography ***********/



h1 {

	margin: 40px 0px 15px;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 30px;

	color: #fdfdfd;

}

h2 {

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 24px;

	font-weight: bold;

	color: #333333;

}

h3 {

	margin-bottom: 8px;

	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 24px;

	font-weight: normal;

	letter-spacing: -1px;

	color: #3996dc;

}

h4 {

	margin-bottom: 8px;

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 30px;

	font-weight: bold;

	letter-spacing: -2px;

	color: #3e3d3d;

}

h5 {

	margin: 40px 0px 15px;

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 36px;

	font-weight: bold;

	letter-spacing: -2px;

	color: #f5f5f5;

}

p {

	margin-bottom: 14px;

	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: #474747;

}

.bannerbig {

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 18px;

	line-height: 24px;

	letter-spacing: -1px;

	color: #fcfdfe;

}

.bannernormal {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 14px;

	line-height: 20px;

	color: #fcfdfe;

}

.date {

	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 14px;

	font-weight: bold;

	letter-spacing: -1px;

	color: #9a9b9b;

}

.recentnews {

	margin-top: 10px;

	padding-bottom: 5px;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #687c88;

	border-bottom: 1px solid #dadada;

}

.catitalic {

	margin-bottom: 2px;

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 16px;

	font-style: italic;

	font-weight: bold;

	line-height: 22px;

	color: #656565;

}

.retailercon {

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #3a3a3a;	

}

.footercon, #footlink li a {

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #81bbdf;

}

.proupdatehead {

	margin: 25px 0px 5px;

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 16px;

	font-weight: bold;

	font-style: italic;

	color: #656565;

}

.bannerbig2 {

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 28px;

	line-height: 32px;

	text-align: center;

	font-weight: bold;

	letter-spacing: -2px;

	color: #ffffff;

}

.bannersmall1 {

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #ffffff;

}

.bannersmall2 {

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 12px;

	line-height: 16px;

	color: #ffffff;

}

.proupdatenor {

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 12px;

	font-style: italic;

	color: #656565;

}

.warranty {

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 12px;

	line-height: 16px;

	color: #898a8b;

}

/*********** End of Typography ***********/



/*********** Begning of Headder ***********/



#headder {

	float: left;

	height: 88px;

	width: 100%;

	background: #fafafa url(img/headderbg.jpg) repeat-x left top;

}

#logo {

	margin-top: 8px;

	float: left;

	width: 155px;

	height: 65px;

	display: block;

	overflow: hidden;

	background: url(img/logo.png) no-repeat left top;

}



#logo a{



display:block;



position:absolute;



}

#logo a#link1{



	width: 155px;

	height: 65px;

}

/*********** Begning of Main Navigation Bar ***********/



#mainnavbar {

	margin-top: 25px;

	float: right;

}

#mainnavbar li {

	float: left;

}

#mainnavbar li.navpart {

	width: 100%;

	padding: 0px;

	height: 36px;

	width: 1px;

	background: url(img/navigation.jpg) no-repeat -226px top;

	display: block;

	overflow: hidden;

}

#mainnavbar li a {

	padding: 0px 12px;

	height: 36px;

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 13px;

	line-height: 36px;

	font-weight: bold;

	letter-spacing: -1px;

	color: #fff;

	display: inline-block;

	overflow: hidden;

	background: url(img/navigation.jpg) no-repeat -20px top;

}

#mainnavbar li a:hover, .active {

	background: url(img/navigation.jpg) no-repeat -20px -36px !important;

}

#mainnavbar li a.first {

	padding:0px 12px 0px 20px;

	height: 36px;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 13px;

	line-height: 36px;

	font-weight: bold;

	letter-spacing: -1px;

	color: #fff;

	display: inline-block;

	overflow: hidden;

	background: url(img/navigation.jpg) no-repeat left top;

}

#mainnavbar li a.first:hover, .activef {

	background: url(img/navigation.jpg) no-repeat left -36px !important;

}

#mainnavbar li a.last {

	padding: 0px 20px 0px 12px;

	height: 36px;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 13px;

	line-height: 36px;

	font-weight: bold;

	letter-spacing: -1px;

	color: #fff;

	display: inline-block;

	overflow: hidden;

	background: url(img/navigation.jpg) no-repeat right top;

}

#mainnavbar li a.last:hover, .activel {

	background: url(img/navigation.jpg) no-repeat right -36px !important;

}

/*********** End of Main Navigation Bar ***********/



/*********** End of Headder ***********/



/*********** Begning of Banner ***********/



#banner {

	float: left;

	width: 100%;

	display: block;

	overflow: hidden;

	background: #0268b0 url(img/bannertop.jpg) repeat-x left top;

}

#bannborder {

	float: left;

	width: 100%;

	height: 100%;

	display: block;

	overflow: hidden;

	background: url(img/banborder.jpg) repeat-x left 125px;

}

#bannerfoot {

	float: left;

	width: 100%;

	height: 19px;

	display: block;

	overflow: hidden;

	background: #0268b0 url(img/bannerbot.jpg) repeat-x left bottom;

}



* html #bannerblack {

	position: relative;

	right: 4px;

	background: url(img/hompg.jpg) no-repeat left top !important;

}



#bannerblack {

	margin-top:30px;

	float: left;

	width: 960px;

	height: 207px;

	z-index: 2;

	position: relative;

	background: url(img/honbannbg.png) no-repeat left top;

}

#bannerblack li {

	float: left;

}

/*********** End of Banner ***********/



/*********** Begning of Main ***********/



#mainshade {

	width: 100%;

	display: block;

	overflow: hidden;

	background: url(img/mainshade.jpg) repeat-x left top;

}

#LTsidebar {

	float: left;

	width: 730px;

	display: block;

	overflow: hidden;

}



*html #LTsidebar {



	width: 724px;



}

#RTsidebar {

	padding: 0px 12px;

	float: right;

	width: 206px;

	display: block;

	overflow: hidden;

	background: #f4f4f4 url(img/rtsidebanrbg.jpg) repeat-y left top;

}

#pressrelease li {

	padding: 30px 0px 45px;

	width: 100%;

	float: left;

	border-bottom: 1px solid #f4f4f4;

}

#recentnews li {

	margin-bottom: 8px;

}

#recentnews li .firstrecent {

	margin-bottom: 2px;

	float: left;

	width: 100%;

	display: block;

	overflow: hidden;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #1f7cb7;

}

#recentnews li .secrecent {

	float: left;

	width: 100%;

	display: block;

	overflow: hidden;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	color: #687c88;

	margin-bottom: 10px;

}

#procat {

	margin-top: 15px;

	float: left;

	position: relative;

	left: 18px;

}

#procat li {

	float: left;

}

#procat li div {

	width: 213px;

	padding: 0px 10px;

}

#prodivider {

	margin: 30px 0px;

	float: left;

	width: 100%;

	height: 1px;

	display: block;

	overflow: hidden;

	background: #d3d3d3;

}

#magazinedetail {

	float: left;

	width: 600px;

	position:relative;

	left: 70px;

	top: 10px;

}

#homewrapper {

	margin: 0px auto;

	width: 979px;

	height: 182px;

	display: block;

	overflow: hidden;

	background: url(img/homepagebg.jpg) no-repeat left top;

}

#homewrapper li {

	float: left;

}

#featurelbl {

	float: left;

	z-index:1;

	position: relative;

	left: 11px;

	top:-162px;

}

#Innovations {

	padding-bottom: 60px;

	float: left;

	width: 95%;

	display: block;

	overflow: hidden;

}

#Innovations li {

	padding: 7px 0px 7px 40px;

	float: left;

	width: 100%;

	border-bottom: 1px solid #e1e1e1;

}

#Innovations li span {

	width: 47%;

	display: block;

	overflow: hidden;

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 16px;

	font-weight: bold;

	letter-spacing: -1px;

	color: #333333;

}

#featureimg {

	margin-top: 8px;

	float: left;

	position: relative;

}

#featureimg li {

	float: left;

	margin-right: 9px

}

#feabullet {

	float: left;

	margin-top: 10px;

	padding-left: 15px;

}

#feabullet li {

	float: left;

	width: 100%;

	padding-left: 10px;

	margin-bottom: 14px;

	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 15px;

	font-weight: bold;

	line-height: 16px;

	letter-spacing: -1px;

	color: #474747;

	background: url(img/bullet.jpg) no-repeat left 7px;

}

#subnav {

	padding: 6px 0px 6px 15px;

	margin: 20px 0px 30px;

	width: 685px;

	height: 19px;

	display: block;

	overflow: hidden;

	background: url(img/subnavbg.png) no-repeat left top;

}

#subnav li {

	float: left;

	margin-right: 10px;

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #3d96dc;

}

#subnav li a{

	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #3d96dc;

}

/*********** End of Main ***********/



/*********** Begning of Footer ***********/



#footer {

	float: left;

	width: 100%;

	height: 430px;

	display: block;

	overflow: hidden;

	background: #1a6494 url(img/footerbg.jpg) repeat-x left top;

}

#footerimg {

	float: left;

	width: 100%;

	height: 410px;

	display: block;

	overflow: hidden;

	background: url(img/footerimg.jpg) no-repeat center center;

}

#retailers {

	margin: 65px auto 0px;

	width: 923px;

	height: 160px;

	display: block;

	overflow: hidden;

	background: url(img/retailers2.png) no-repeat left top;

}



* html #retailers li {

	position: relative;

	right: 30px !important;

}



#retailers li {

	float: left;
	
	display: none;

}



#bedBath a {

	float: left;

	width: 284px;

	height: 23px;

	position: relative;

	left: 30px;

	top: 48px;

	background: url(img/bedbath.jpg) no-repeat left top;
	
	display: none;

}

#Lowes a {

	float: left;

	width: 105px;

	height: 48px;

	position: relative;

	left: 60px;

	top: 35px;

	background: url(img/lowes.jpg) no-repeat left top;
	
	display: none;

}

#homeDepot a {

	float: left;

	width: 58px;

	height: 58px;

	position: relative;

	left: 110px;

	top: 30px;

	background: url(img/homedepot.jpg) no-repeat left top;
	
	display: none;

}

#footdivider {

	margin: 10px 0px 8px;

	float: left;

	width: 100%;

	height: 1px;

	display: block;

	overflow: hidden;

	background: #4187b3;

}

#footcon {

	float: left;

	width: 410px;

	position: relative;

	left: 30px;

	top: 80px;

	display: block;

	overflow: hidden;
	
	margin-bottom:20px;

}

#footlink li {

	float: left;

	margin-right: 14px;

	direction:rtl;

	-moz-margin-start: 14px;

}



/*********** End of Footer ***********/



.wpcf7-not-valid-tip-no-ajax

{

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	color:#61b429;

	font-weight:bold;

	padding-left:3px;

	font-size:12px;

}