/*********************************************************************
	
	Masonite Cascading Stylesheet  (c) 2007
	Written by: THAT Agency for Masonite US Holdings, INC.
	All rights reserved. 
	Any reproduction or intentional misuse is strickly prohibited
	Updated 07/03/08 - Added new section for WTB conforming between 
	WTB form and WTB results. - JWB 
	
*********************************************************************/
/* All Site White BG Backgrounds */
@import url("left_background.css");
/* All Site Ribbons */
@import url("ribbon.css");
/* Section: Help */
@import url("help.css");
/* Section: About */
@import url("about.css");
/* Section: News & Events */
@import url("news_events.css");
/* Section: Privacy */
@import url("privacy.css");
/* Section: Sitemap */
@import url("sitemap.css");
/* Section: Contact */
@import url("contact.css");
/* Section: Tech */
@import url("tech.css");
/* Section: Order */
@import url("order.css");
/* Section: Products */
@import url("products.css");
/* Section: Homepage */
@import url("homepage.css");
/* Section: Homepage */
@import url("dealer.css");
/* Section: Product Gallery */
@import url("product-gallery.css");
/* Section: All Form Input Look and Feel */
@import url("form-inputs.css");
/* Section: All Site Wide pieces */
@import url("site-wide.css");
/* Global Nav */
@import url("global-nav.css");




/***********************************************************
	Site Wide Styles
***********************************************************/
body#home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color: #000;
	color: #fff;
	text-align: left;
	background-image: url(../img/beatStreet.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
body#interior {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #222;
	text-align: center;
	background-image: url(../img/beatStreetTwo_electricBugaloo.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
body#interiorNoRibbon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color: #000;
	text-align: center;
	background-image: url(../img/beatStreet.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
body#interiorNothing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #000;
	text-align: left;
	}
a {
	outline:none;
	}
 #contentWrapper {
	text-align: center;
	position: relative;
	margin: 0px auto;
	width: 936px;
	padding: 0px;
	height: 100%;
	background-color: transparent;
}
input.searchMasonite {
	color: #aaa;
	font-size: 10px;
	text-align: left;
}
.hrBarGray {
	width: 98%;
	border-top: 1px solid #ccc;
	height: 1px;
	}
h4 {
	border-bottom: 1px solid #ccc;
	}
h5 {
	font-size: 11px;
	color: #222;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
h6.large {
	font-size: 20px;
	margin: 0px;
	color: #222;
	padding: 0px;
	}
h6.medium {
	font-size: 14px;
	margin: 0px;
	color: #222;
	padding: 0px;
	}
h6.middle {
	font-size: 12px;
	margin: 0px;
	color: #222;
	padding: 0px;
	}	
h6.helpinstallmedium {
	font-size: 13px;
	margin: 0px;
	color: #222;
	padding: 0px;
	}
h6.small {
	font-size: 11px;
	margin: 0px;
	color: #222;
	padding: 0px;
	}
h6.techWithBGHeader {
	width: 95%; 
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 5px 0px; 
	background-color: #E0E0E0; 
	color: #000;
	font-weight: bold;
	font-size: 11px; 
	height: 20px;
	line-height: 20px; 
}
h6.techWithBGHeader a{
	margin: 0;
	padding: 0;
}
h6.MediumWithUnderLine {
	font-size: 14px;
	margin: 0px;
	color: #222;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}
h6.middleWithUnderLine {
	font-size: 12px;
	margin: 0px;
	color: #222;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
	}	
h6.smallWithUnderLineNoBold {
	font-size: 11px;
	margin: 1px 0 0 0;
	font-weight: normal;
	color: #222;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
	}	
h6.MediumWithUnderLineBlack {
	font-size: 12px;
	margin: 0px;
	color: #000;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}
h6.EnergyEfficiantHeaderBlack {
	font-size: 12px;
	margin: 0px;
	color: #222;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}
h6.SmallWithUnderLine {
	font-size: 11px;
	margin: 0px;
	color: #222;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}
h6.Product12WithUnderLine {
	font-size: 12px;
	margin: 0px;
	color: #222;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}
h6.Product12 {
	font-size: 12px;
	margin: 0px;
	color: #222;
	padding: 0px;
}
h6.SmallWithUnderLineBlack {
	font-size: 11px;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 3px 0px !important;
	margin: 0px !important;
	padding/**/: 1px 0px 3px 1px;
	margin/**/: 1px 0px 0px 1px;
}
h6.LargeWithUnderLine {
	font-size: 20px;
	margin: 0px;
	color: #222;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}

img {
	margin: 0px;
	padding: 0px;
}
.SocialImage {
	cursor: pointer;
	width: 18px;
	height: 18px;
	vertical-align: top;
}
textarea {
	margin:0;
	padding:0;
	}
a.moreGrey {
	margin: 0px;
	height: 16px;
	line-height: 16px;
	color: #B7B7B7;
	padding: 0px 0px 0px 8px;
	text-decoration:none;
	background-image: url(../img/arrow_blue_narrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.floatLeft {
	float: left;
	border: none;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
}
.floatRight {
	float: right;
	border: none;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 5px 10px;
}
.floatRightFinancial {
	float: right;
	border: none;
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 5px 5px;
}
.space2 {
	clear: both;
	margin: 0px;
	height: 2px;
	width: 95%;
}
.space5 {
	clear: both;
	margin: 0px;
	height: 5px;
	width: 95%;
}
.space10 {
	clear: both;
	margin: 0px;
	height: 10px;
	width: 95%;
}
.space15 {
	clear: both;
	margin: 0px;
	height: 15px;
	width: 95%;
}
.space20 {
	clear: both;
	margin: 0px;
	height: 20px;
	width: 95%;
}
.space25 {
	clear: both;
	margin: 0px;
	height: 25px;
	width: 95%;
}
.space30 {
	clear: both;
	margin: 0px;
	height: 30px;
	width: 95%;
}
.space35 {
	clear: both;
	margin: 0px;
	height: 35px;
	width: 95%;
}
.space40 {
	clear: both;
	margin: 0px;
	height: 40px;
	width: 95%;
	}
.space100 {
	clear: both;
	margin: 0px;
	height: 100px;
	width: 95%;
	}
.space400 {
	clear: both;
	margin: 0px;
	height: 400px;
	width: 95%;
	}
.pad2 {
	margin: 0px;
	padding: 2px;
	}
.pad5 {
	margin: 0px;
	padding: 5px;
	}
.pad10 {
	margin: 0px;
	padding: 10px;
	}
.pad15 {
	margin: 0px;
	padding: 15px;
	}
.pad20 {
	margin: 0px;
	padding: 20px;
	}
.pad25 {
	margin: 0px;
	padding: 25px;
	}
.pad30 {
	margin: 0px;
	padding: 30px;
	}
.pad35 {
	margin: 0px;
	padding: 35px;
	}
.pad40 {
	margin: 0px;
	padding: 40px;
	}
.padLeft5 {
	margin: 0px;
	padding: 5px;
	}
.padLeft10 {
	margin: 0px;
	padding: 10px;
	}
.padLeft15 {
	margin: 0px;
	padding: 15px;
	}
.padLeft20 {
	margin: 0px;
	padding: 20px;
	}
.padLeft25 {
	margin: 0px;
	padding: 25px;
	}
.padLeft30 {
	margin: 0px;
	padding: 30px;
	}
.padLeft35 {
	margin: 0px;
	padding: 35px;
	}
.padLeft40 {
	margin: 0px;
	padding: 40px;
	}
.clear5 {
	margin: 0px;
	height: 5px;
}
.clear10 {
	margin: 0px;
	height: 10px;
}
.clear15 {
	margin: 0px;
	height: 15px;
}
.clear20 {
	margin: 0px;
	height: 20px;
}
.clear25 {
	margin: 0px;
	height: 25px;
}
.clear30 {
	margin: 0px;
	height: 30px;
}
.clear35 {
	margin: 0px;
	height: 35px;
}
.clear40 {
	margin: 0px;
	height: 40px;
	}
.small {
	font-size: small;
	}
.smaller {
	font-size: smaller;
	}
.x-small {
	font-size: x-small;
	}
.xx-small {
	font-size: xx-small;
	}
.medium {
	font-size: medium;
	}
.large {
	font-size: small;
	}
.x-large {
	font-size: x-large;
	}
.xx-large {
	font-size: xx-large;
	}
strong.largeHeading {
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	height: 25px;
}
/***********************************************************
	Logo Bar Container
***********************************************************/
 .logoBar {
	height: 63px;
	width: 926px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(../img/masonite_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
 /* logo */
 .logoBar .logo {
	float: left;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 63px;
	width: 193px;	
	}
 .logoBar .logo span {
	display: none;
	}
 /* search box */	
.homeTopSearchBox {
	float: right;
	margin: 0px 0px 0px 0px;
	padding:  15px 0px 0px 0px;
	text-align:right;
	width: 235px;
	height: auto;
}	
.homeTopSearchBox  img{
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}	
.homeTopSearchBox  form .textBox {
	padding: 0px;
	height: 18px;
	line-height: 18px;
	color: #222;
	margin: 1px 0px 0px 0px !important;
	margin/**/: 0px 0px 0px 0px;
	}	
.homeTopSearchBox a {
	color: #fff;
	}	
.homeTopSearchBox  form .submitSearch {
	padding: 0px;
	border: none;
	vertical-align:top;
	margin: 2px 0px 0px 0px !important;
	margin/**/: 1px 0px 0px 0px;
	}
/***********************************************************
	Flash Container
***********************************************************/
.flashContainer {
	clear: both;
	text-align:center;
	width: 100%;
	height: 260px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/flipper_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
/***********************************************************
	Footer Interior Pages
***********************************************************/
.footerInterior{
	clear: both;
	margin: 0px;
	padding: 0px 10px;
	font-size: 11px;
	color: #000;
	text-align:center;
	border-top: 1px solid #434343;
	width: 940px !important;
	width/**/: 960px;	
}
.footerInterior .navBar {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.footerInterior   a {
	color: #000;
	width: 120px;
	padding: 0px 25px; 
	margin: 5px 0px;
	text-decoration:none;
}
.clear5 {
	clear: both;
	height: 5px;
	margin: 0px;
	padding: 0px;
	width: 90%;
}
.clear30 {
	clear: both;
	height: 30px;
	margin: 0px;
	padding: 0px;
	width: 90%;
	}
/***********************************************************
	BreadCrumbs
***********************************************************/
.breadcrumbBox {
	clear:both;
	width: 100%;
	margin: 0px;
	color: #fff;
	text-align: center;
	padding: 0px;
	height: 20px;
	line-height: 20px;
	background-color: #242424;
}
.breadcrumbLinks {
	position: relative;
	width: 926px;
	background-color: #242424;
	padding: 0px;
	margin: 0px auto;
	text-align: right;
}
.breadcrumbLinks a {
	color: #fff;
	text-decoration: underline;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	line-height: 20px;
}
/***********************************************
	INTERIOR PAGE SHELL
***********************************************/
#contentWrapperInterior{
	text-align: center;
	margin: 0px;
	color: #000;
	text-align:left;
	width: 100%;
	padding: 0px;
	height: 100%;
	min-height: 500px;
	}
.mainAreaInterior {
	position: relative;
	margin: 0px auto;
	height: auto;
	min-height: auto;
	left: 0;
	padding: 20px 0px;
	width: 931px !important;
	width/**/: 931px;
	}
/***********************************************
	LHR
***********************************************/	
.mainAreaInterior  .lhr{
	float: left;
	display:block;
	margin: 0px;
	color: #000;
	height: auto;
	min-height: auto;
	padding: 0px 0 0px 0px;
	width: 200px !important;
	width/**/: 200px;
	}
.mainAreaInterior .lhr a, .mainAreaInterior .lhr a:link, .mainAreaInterior .lhr a:visited, .mainAreaInterior .lhr a:active {
	color: #000;
	width: 90%;
	}	
.mainAreaInterior  .mainContentArea{
	float: right;
	display:block;
	margin: 0px;
	height: auto;
	color: #222;
	min-height: auto;
	padding: 0px 0px 0px 0px;
	width: 725px !important;
	width/**/: 725px;
	}
.mainAreaInterior  .mainContentArea a{
	color: #000;
	} 
.mainAreaInterior  .mainContentArea table {
	color: #222;
	}
.mainAreaInterior  .mainContentArea p.mainP {
	margin: 0px 0px 5px 0px;
	color: #222;
	width: 720px !important;
	padding: 0px !important;
	width/**/: 720px;
	padding/**/: 0 0 0 1px;
	}
.mainAreaInterior  .mainContentArea p.mainP a {
	margin: 0px;
	padding: 0px;
	color: #000;
	text-decoration:underline;
	}
.arrowLink {
	background-image: url(../img/arrow_link.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	color: #000;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	text-decoration: underline;
	margin: 0px 0px 0px 0px !important;
	margin/**/: 0px 0px 0px 0px;
}
.arrowLinkStraightBold {
	background-image: url(../img/arrow_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;	/* changed to top from center */
	margin: 0px 0px 0px -5px;
	color: #000;
	padding: 3px 0px 3px 15px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: underline;
}
.arrowLinkStraightBoldTech {
	background: url(../img/arrow_nav.gif) top left no-repeat;
	margin: 2px 0px 2px -5px;
	padding: 3px 0px 3px 15px;
	font-weight: normal;
	line-height:20px;
}
.arrowLinkStraightBoldTech_b {
	background: url(../img/arrow_nav.gif) top left no-repeat;
	margin: 2px 0px 2px -5px;
	padding: 3px 0px 3px 15px;
	line-height:20px;
	font-weight:bold;
}
.arrowLinkStraightBold_r {
	background-image: url(../img/arrow_nav.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	margin: 0px 0px 0px -10px;
	color: #000;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: underline;
}
.arrowLinkStraightBoldSmall {
	background-image: url(../img/arrow_nav.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	margin: 0px 0px 0px -5px;
	font-size: 10px;
	color: #000;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: underline;
}
.arrowLinkStraightNoBold {
	background-image: url(../img/arrow_nav.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	margin: 0px 0px 0px -5px;
	color: #000;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	text-decoration: underline;
}
.mainAreaInterior  .mainContentArea .arrowLinkStraightNoBoldGreen {
	background-image: url(../img/arrow_nav.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	margin: 0px 0px 0px -5px;
	color: #336633;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	text-decoration: underline;
}
.mainAreaInterior  .mainContentArea .arrowLinkStraightBoldGreen {
	background-image: url(../img/arrow_nav.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	margin: 0px 0px 0px -5px;
	color: #336633;
	font-weight: bold;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	text-decoration: underline;
}
.arrowLinkStraightBoldLeft {
	background-image: url(../img/arrow_nav_left.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	margin: 0px 0px 0px -5px;
	color: #000;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: underline;
}
.arrowLinkStraightNoBoldLeft {
	background-image: url(../img/arrow_nav_left.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	margin: 0px 0px 0px -5px;
	color: #000;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	text-decoration: underline;
}
/***********************************************
	LHR NAVIGATION
***********************************************/
.lhrNav {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	color: #000;
	width: 95%;
	}
.lhrNav li {
	padding-left: 18px;
	color: #000;
	line-height: 18px;
	background-image: url(../img/arrow_nav.gif);
	background-repeat: no-repeat;
	}
.lhrNav li.active {
	padding-left: 18px;
	color: #000;
	background-image: url(../img/arrow_nav_down.gif);
	background-repeat: no-repeat;
	}
.lhrNav li a {
	color: #000;
	text-decoration:none;
	}
.lhrNav li#current {
	color: #000;
	text-decoration:none;
	line-height: 18px;
	background-color: #fff;
	font-weight: bold;
	}
.lhrNav li ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #000;
	}
.lhrNav li ul li {
	background: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;	
	color: #000;
	}
.lhrNav li ul li ul{
	list-style-type: disc;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	color: #000;
	}
.lhrNav li ul li ul li{
	background: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;	
	color: #000;
	}
.lhrSubNavLinks {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
/***********************************************
	Where to Buy Table
***********************************************/
.whereToBuyTable {
	border: none;
	width: 100%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-image: url(../img/bg_whereToBuyTable.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.whereToBuyTable a {
	color: #000;
	text-decoration: underline;
	}
.whereToBuyTable th {
	font-size: 9px;
	}
.whereToBuyTable td {
	margin: 0px;
	padding: 5px;
	}
.whereToBuyTable td p.rightWords {
	text-align: left;
	background-color: lime;
	padding:10px 10px 10px 15px;
	margin: 0px;
	}	
.whereToBuyTable td p {
	text-align: left;
	padding:10px;
	margin: 10px 0px;
	}	
.whereToBuyTable td.formInput {
	text-align: left;
	padding: 10px  0px 5px 15px;
	margin: 0px;
	width: 230px !important;
	width/**/: 250px;
	}
.whereToBuyTable td.formInputRight {
	text-align: right;
	padding: 10px  20px;
	margin: 0px;
	width: 230px !important;
	width/**/: 250px;
	}		
.whereToBuyTable td.formInputSubmitRight {
	text-align: right;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	width: 230px !important;
	width/**/: 250px;
	}		
.whereToBuyTable td.whiteBG {
	background-color: #fff;
	margin: 0px;
	padding: 25px 5px 0px 5px;
	}		
.whereToBuyTable .imgSubmit {
	float: right;
	padding: 10px  0px 5px 0px;
	margin: 0px;
	}
.whereToBuyTable td.formInputDouble{
	padding: 10px  0px 5px 15px;
	margin: 0px;
	width: 480px !important;
	width/**/: 500px;
	}	
.whereToBuyTable td.resultField{
	text-align: right;
	padding: 3px  20px;
	margin: 0px;
	color: #444;
	font-weight: bold;
	width: 35%;
	}	
.whereToBuyTable td.resultFieldValue{
	text-align: left;
	font-weight: bold;
	padding: 3px  20px;
	margin: 0px;
	width: 60%;
	}		
	
p.rightWordsForm {
	text-align: left;
	background-color: lime;
	padding:10px 0px 10px 15px;
	margin: 0px;
	}		
/***********************************************
	Global Next / Previous Links
***********************************************/	
.prevNextRow {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}	
.prevNextRow  .pageRef {	
	float: left;
	display: block;
	margin: 0px;
	text-align:left;
	width: 45%;
	padding: 0px 0px 0px 10px;	
	}	
.prevNextRow  .pageScroll {	
	float: right;
	display: block;
	text-align:right;
	margin: 0px;
	width: 45%;
	padding: 0px 0px 0px 10px;	
	}			

/**************************************************************
	Drop Shadows	
**************************************************************/		
.img-shadow {
  float:left;
  background: url(../img/shadowAlpha.gif) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
 .p-shadow {
  width: 90%;
  float:left;
  background: url(../img/shadowAlpha.gif) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
.p-shadow div {
  background: none !important;
  background: url(../img/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }
.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
/***********************************************************
	Two Colum Box Layout  -- Used throughout the site
***********************************************************/
.twoColumnBox  {
	clear: both;
	color: #222;
	position: relative;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 100%;	
	}
.twoColumnBox .leftSide {
	float: left;
	text-align:left;
	margin: 0px;
	padding: 0px;
	width: 49%;	
	}
.twoColumnBox .leftSideTech {
	float: left;
	text-align:left;
	margin: 0px;
	padding: 0px;
	width: 49%;	
	}	
.twoColumnBox .leftSide a, .twoColumnBox .rightSide a {
	margin-left: 5px;
	}
.twoColumnBox .rightSide {
	float: right;
	text-align:left;
	margin: 0px;
	padding: 0px;
	width: 49%;	
}
.twoColumnBox .rightSideTech {
	float: right;
	text-align:left;
	margin: 0px;
	padding: 0px;
	width: 49%;	
}
.twoColumnBox .rightSideImg {
	float: right;
	text-align:right;
	margin: 0px;
	padding: 0px;
	width: 49%;	
}
.twoColumnBox .rightSideImg img{
	float: right;
	margin: 0px;
	padding: 0px;
}
.twoColumnBox .rightSide img {
	float: left;
	margin: 0px;
	padding: 0px;
}
.twoColumnBox .leftSide p, .twoColumnBox .rightSide p  {
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	width: 98%;
	padding: 0 !important;
	padding/**/: 0 0 0 1px;
	}

.twoColumnBox .leftSideTaxCredit {
	float: left;
	text-align:left;
	margin: 0px;
	padding: 0px;
	width: 65%;	
	}

.twoColumnBox .leftSideTaxCredit li.taxGallery {
	color:#83c50f;
}

.twoColumnBox .leftSideTaxCredit li.taxGallery a {
	color:#83c50f;
}

.twoColumnBox .rightSideTaxCreditImg {
	float: right;
	text-align:right;
	margin: 0px;
	padding: 0px;
	width: 34%;	
}
/***********************************************
	Form  Table no Headers -- used for some pages....
***********************************************/
.formTableNoHeaders {
	border: none;
	margin: 0px;
	padding: 20px 0px 20px 20px;
	background-image: url(../img/bg_pThumbBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 695px !important;
	width/**/: 695px;	
	}
.formTableNoHeaders label {
	font-weight:bold;
	}
.formTableNoHeaders label.noBold {
	font-weight:normal;
	}
.formTableNoHeaders table a {
	color: #000;
	text-decoration: underline;
	}
.formTableNoHeaders table th {
	font-size: 9px;
	}
.formTableNoHeaders table td {
	margin: 0px 0px 5px 0px !important;
	padding: 0px 0px 10px 0px !important;
	margin/**/: 0px 0px 5px 1px;
	padding/**/: 0px 0px 10px 1px;
	}
.formTableNoHeaders table td.borderBottom {
	margin: 0px;
	padding: 0px;
	}
.formTableNoHeaders table td.rightSumbit {
	text-align:right;
	margin: 0px;
	padding: 0px;
	}
.formTableNoHeaders table td p.rightWords {
	text-align: left;
	padding:10px 10px 10px 0px;
	margin: 0px;
	}	
.formTableNoHeaders td.resultField{
	text-align: right;
	padding: 3px  10px 3px 20px;
	margin: 0px;
	color: #555;
	font-weight: bold;
	width: 35%;
	}	
.formTableNoHeaders td.resultFieldValue{
	text-align: left;
	font-weight: bold;
	padding: 3px  20px 3px 10px;
	margin: 0px;
	width: 64%;
	}	
	
/**********************
	new version for WTB
**************************/
.formTableNoHeaders2 {
	border: none;
	margin: 0px;
	padding: 0px 0px 20px 20px;
	width: 695px !important;
	width/**/: 695px;	
	}
.formTableNoHeaders2 label {
	font-weight:bold;
	}
.formTableNoHeaders2 label.noBold {
	font-weight:normal;
	}
.formTableNoHeaders2 table a {
	color: #000;
	text-decoration: underline;
	}
.formTableNoHeaders2 table th {
	font-size: 9px;
	}
.formTableNoHeaders2 table td {
	margin: 0px 0px 5px 0px !important;
	padding: 0px 0px 10px 0px !important;
	margin/**/: 0px 0px 5px 1px;
	padding/**/: 0px 0px 10px 1px;
	}
.formTableNoHeaders2 table td.borderBottom {
	margin: 0px;
	padding: 0px;
	}
.formTableNoHeaders2 table td.rightSumbit {
	text-align:right;
	margin: 0px;
	padding: 0px;
	}
.formTableNoHeaders2 table td p.rightWords {
	text-align: left;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	}	
.formTableNoHeaders2 td.resultField{
	text-align: right;
	padding: 3px  10px 3px 20px;
	margin: 0px;
	color: #555;
	font-weight: bold;
	width: 35%;
	}	
.formTableNoHeaders2 td.resultFieldValue{
	text-align: left;
	font-weight: bold;
	padding: 3px  20px 3px 10px;
	margin: 0px;
	width: 64%;
	}		

	
	
/***********************************************************
	Search Results
***********************************************************/	
.searchResultsRow {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	height: inherit;
	min-height: 500px;
	background-image: url(../img/bg_pThumbBox.gif);
	background-repeat: no-repeat;
	background-position: left top; 
	width: 685px !important;
	width/**/: 685px;
	}
.searchResultsRow a {
	color: #000;
	font-weight: bold;
	}
.searchResultsRowNoBG {
	margin: 15px 0px 0px 0px;
	padding: 10px;
	height: inherit;
	width: 685px !important;
	width/**/: 685px;
	}
.searchResultsRowNoBG a {
	color: #000;
	}
.searchResultsRowItem, .searchResultsRowNoBGItem {
	text-align: left;	
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 685px !important;
	width/**/: 685px;
	}
.searchResultsHRBox {
	background-image: url(../img/hr_line_40Height.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 100%;
}
.searchResultTotal {
	text-align: right;
	width: 100%;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	}
/* just removed bottom border */	
.searchResultsRowNoBGItem {
	border-bottom: none;
}
	
.searchResultsRowItem p, .searchResultsRowNoBGItem p {
	text-align: left;	
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

.searchResultsRowItem img, .searchResultsRowNoBGItem img {
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	}		
/**************************************************************
	MIsc TO Create HR Lines
**************************************************************/	
.HRbox1 {
	background-image: url(../img/hr_line_1Height.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 1px;
	width: 100%;
}
.HRbox1Bottom {
	background-image: url(../img/hr_line_1Height.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	height: 1px;
	width: 100%;
}
.HRbox10 {
	background-image: url(../img/hr_line_10Height.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 100%;
}
/**************************************************************
	View FAQ Table 
		* This is used for ALL the pages that have a FAQ
		* DO NOT MOVE
**************************************************************/	
.viewFAQTable {
	border: none;
	width: 725px;
	}
.viewFAQTableQuestions a.blueLink, .questionAnswer a.blueLink {
	color: #003399;
	}
.viewFAQTable a.blueLink,.viewFAQTable td.questionAnswer a{
	color: #003399;
	}
.viewFAQTable th {
	font-size: 9px;
	border-bottom: 1px solid #ccc;
	}
.viewFAQTable td.viewFAQTableQuestions {
	line-height: 2em;
	font-weight: bold;
	margin:0px;
	padding: 10px 0px 0px 0px !important;
	padding/**/: 10px 0px 0px 1px;
	}
.viewFAQTable td.line {
	line-height: 1em;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 10px 0px;
	margin:0px;
}
.viewFAQTable td.questionAnswer {
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
	margin:0px;
}
.viewFAQTable td.grayLine {
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	padding: 0px;
	margin:0px;
}		
.viewFAQTable td.questionAnswer p.question {
	background:url(../img/faq-Q.png) top left no-repeat;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
	}		
.viewFAQTable td.questionAnswer p.answer{
	background:url(../img/faq-A.png) top left no-repeat;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
	}			
span.didntFindAnswer {
	text-align:right;
	font-size:11px;
	font-weight:normal;
	}
span.didntFindAnswer a {
	font-weight:bold;
	}
	
/***************************************************************
		Search Results Page  -- Left Here until we figure out how this will be done.	
***************************************************************/
.searchResultsTable {
	border: none;
	width: 725px;
	}
.searchResultsTable th {
	font-size: 11px;
	margin: 0px;
	padding: 0px 5px;
	background-image: url(../img/bg_top_SearchResults.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: bold;
	border-bottom: 1px solid #666;
	height: 30px;
	line-height: 30px;
	}
.searchResultsTable th.firstColumn {
	width: 150px;
	}
.searchResultsTable td {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	height: 20px;
	line-height: 20px;
	}
.searchResultsTable td p{
	text-align: left;
	padding: 5px;
	margin: 10px 0px;
	}		
.searchResultsTable td a.blueLink {
	color: #003399;
	text-decoration:underline;
}	
td.blueBox {
	background-color: #e5edf6; /* 94B5D9 */
	line-height: 1.1em;
	padding: 5px;
	text-transform:capitalize;
}	



/***********************************************
	Form  Table all Confirms
***********************************************/
.formTableAllConfirm {
	border: none;
	margin: 0px;
	padding: 20px;
	background-image: url(../img/bg_pThumbBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 685px !important;
	width/**/: 685px;	
	}
.formTableAllConfirm label {
	font-weight:bold;
	}
.formTableAllConfirm label.noBold {
	font-weight:normal;
	}
.formTableAllConfirm table a {
	color: #000;
	text-decoration: underline;
	}
.formTableAllConfirm table th {
	font-size: 9px;
	}
.formTableAllConfirm table td.borderBottom {
	margin: 0px;
	padding: 0px;
	}
.formTableAllConfirm table td.rightSumbit {
	text-align:right;
	margin: 0px;
	padding: 0px;
	}
.formTableAllConfirm table td p.rightWords {
	text-align: left;
	padding:10px 10px 10px 0px;
	margin: 0px;
	}	
.formTableAllConfirm td.resultField{
	text-align: right;
	padding: 3px  10px 3px 20px;
	margin: 0px 10px;
	color: #555;
	font-weight: bold;
	width: 35%;
	}	
.formTableAllConfirm td.resultFieldValue{
	text-align: left;
	font-weight: bold;
	padding: 3px  20px 3px 10px;
	margin: 0px;
	}		
	
	
	
	
	
	
	
@media print {
	body {
		margin: 0;
		padding: 0;
		text-align:left;
		position: absolute;
		top: 0;
		left: 0;
	}
	body#interiorNoRibbon {
		margin: 0;
		padding: 0;
		background-image: none;
		background: none;
	}
	.logoBar {
		display: none;
		}
	#globalNavWrapper {
		display: none;
		}
	#menu {
		display: none;
		}
	#contentWrapperInterior {
		background-image: none;
		background: none;
		margin: 0;
		padding: 0;
		text-align: left;
		}
	.mainContentArea {
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		margin: 0;
		padding: 0;
		}	
	.mainAreaInterior .lhr {
		display: none;
		background-image: none;
		background: blue;
		}
	.mainAreaInterior .lhr img {
		display: none;
		}
	.productAdditionalWrapper {
		margin: 0px;
		padding: 0px;
		float: left;
		text-align: left;
		}
/*********************************************
		New Sections for Where To Buy Results
***********************************************/
		
	.whereToBuyResultsTableSearch {
		position: relative;
		left: -5px;
	}
	
	.searchResultsDiv {
		position: relative;
		left: -5px;
	}
	
	.searchResultsTable table {
		white-space: nowrap;
	}
		
	.searchResultsTable td {
		padding: 5px;
		text-align: left;
	}
	
	.searchResultsTable th {
		padding: 5px;
		text-align: left;
	}
	
	.wtbResultsText {
		margin: 0px;
		padding: 0px;
		float: left;
		text-align: left;
	}
/***********************************
		End New Section WTB Results
*************************************/
	
	.mainImageHolder {
		margin: 0px;
		padding: 0px;
		float: left;
		text-align: center;
	}
	.productAdditional p {
		margin-right: 0;
		padding-right: 0;
		width: 285px;
	}
	.mainImageHolder #imgM{
		margin: 0px;
		padding: 0px;
		border: none;
		width: 160px;
	}			
	.mainImageHolder #featuredproductPrintLink {
		margin: 0;
		padding: 0;
		display: none;
		}
	.footerInterior {
		display: none;
		margin: 0;
		padding: 0;
		}
}	
	
/* 
slider
*/
.row_2					{font-size:1em;padding: 0px 0px 0px 0px; }
.row_2 > div		{ position:relative; padding:0 40px 0 40px;}
