@charset "UTF-8";
/* CSS Document */



/*------------------------------------*\
	MAIN
\*------------------------------------*/
* {padding:0; margin:0; border:0;}
body {
	background: #F3C884 url(../images/woodBG.jpg) repeat left top;
	font-family: Arial, sans-serif, Verdana, Helvetica;
	font-size:12px;
	line-height:16px;
	color:#05476E;
	}
#outerWrapper {
	display:block;
	width:100%;
	}
#innerWrapper {
	display:block;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	}
#header {
	position: relative;
	padding-top: 20px;
}
#logo {
	display:block;
	position: absolute;
	width:200px;
	height:191px;
	z-index: 1001;
	left: -40px;
	top: 10px;
}
#nav{
	width:850px;
	height:130px;
	display:block;
	float:right;
}
#toolBar {
	display:block;
	width:840px;
	height:48px;
}
#cartInfo {
	display:block;
	width:840px;
	height:35px;
	/*font-size:9px;*/
	color:#999;
	overflow:hidden;
}
#navBar {
	width:100%;
	height:47px;
	padding-top:27px;
	background-image:url(../images/mainNavTabsBG2.png);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	position:relative;
}
#carousel{
	display:block;
	position:relative;
	/*background-image:url(../images/divBGwht.png);
	background-repeat:repeat-y;*/
	background-color: #0168b3;
	height:355px;
	margin-left: 10px;
	margin-right: 10px;
	padding:10px 10px 10px 10px;
	border-radius: 0 0 10px 10px;
}
.fullDiv{
	display:block;
	position:relative;
	background-image:url(../images/divBGwht.png);
	background-repeat:repeat-y;
	padding:20px 30px 20px 30px;
}
.triColDiv{
	display:block;
	position:relative;
	/*background-image:url(../images/divBGwht_triCol.png);
	background-repeat:repeat-y;*/
	background-color: #0168b3;
	margin-left: 10px;
	margin-right: 10px;
	padding:10px 10px 10px 10px;
	border-radius: 0 0 10px 10px;
}
.triColText{
	width:280px;
	display:block;
	position:relative;
	/*background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;*/
	padding:10px;
	margin-right:20px;
	float:left;
}
.triColText:last-child{

	margin-right:0;

}
.triColShop{
	border-bottom:dotted #dadada 2px;
	width:280px;
	display:block;
	position:relative;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	padding:10px;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
}
.triColNews{
	width:280px;
	height:150px;
	display:block;
	position:relative;
	overflow:auto;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	padding:10px;
	float:left;
}
.triColImg{
	margin:-10px -10px 0 -10px;
	width:300px;
	overflow:hidden;
}
.fullColImg{
	margin:-10px;
	width:940px;
	overflow:hidden;
}
.aboutLogos{
	margin:6px 6px 0 0;
	float:left;
	width:96px;
	height:96px;
}
.aboutLogos3{
	margin:6px 0 0 0;
	float:left;
	width:96px;
	height:96px;
}
.twoColGradBox{
	display:block;
	position:relative;
	background-image:url(../images/gradientBG.jpg);
	background-repeat:no-repeat;
	width:620px;
	margin:-10px -10px 0 -10px;
	padding:10px;
}
.productImg{
	display:block;
	margin:-10px 10px 0 -10px;
}
.productPrice{
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#F63A3B;
}
.addToCart {
	display:block;
	width:120px;
	height:17px;
	position:absolute;
	z-index:10;
	bottom:0;
	margin-left:72px;
	margin-bottom:10px;
}

.addToCart2 {
	display:block;
	width:120px;
	height:17px;
	position:absolute;
	z-index:10;
	bottom:0;
	margin-left:170px;
	margin-bottom:10px;
}
a.addToCart3{
	display:inline-block;
	position:relative;
	width:120px;
	height:17px;
	background-image:url(../images/addtocart.png);
	background-position:top;
	vertical-align:bottom;
	
}

.addToCart a, .addToCart2 a{
	display:block;
	position:relative;
	width:120px;
	height:17px;
	background-image:url(../images/addtocart.png);
	background-position:top;
}
.addToCart a:hover, .addToCart2 a:hover, a.addToCart3:hover{
	background-position:bottom;
}
.findRetailer {
	display:block;
	float:left;
	width:120px;
	height:17px;
	position:absolute;
	z-index:15;
	bottom:0;
	margin-left:170px;
	margin-bottom:10px;
}
.findRetailer a{
	display:block;
	position:relative;
	width:120px;
	height:17px;
	background-image:url(../images/findRetailer.png);
	background-position:top;
}
a.addTestimonial{
	display:block;
	/*position:relative;*/
	left:-140px;
	z-index:1000;
	float:left;
	width:150px;
	height:17px;
	background-image:url(../images/addtestimonial.png);
	background-position:top;
}

.findRetailer a:hover, a.addTestimonial:hover{
	background-position:bottom;
}
.moreButton {
	display:block;
	width:60px;
	height:17px;
	position:absolute;
	z-index:5;
	bottom:0;
	margin-left:230px;
	margin-bottom:10px;
}
.moreButton a{
	display:block;
	position:relative;
	width:60px;
	height:17px;
	background-image:url(../images/moreButton.png);
	background-position:top;
}
.moreButton a:hover{
	background-position:bottom;
}
.rightColDiv{
	display:block;
	position:relative;
	background-image:url(../images/divBGwht_rightCol.png);
	background-repeat:repeat-y;
	padding:10px 20px 0 20px;
}
.rightCol{
	display:block;
	position:relative;
	padding:10px;
	float:left;
	width:900px;
	background-color:#fff;
}
.rightCol1{
	display:block;
	position:relative;
	width:600px;
	padding:10px;
	margin-right:20px;
	float:left;
}
.rightCol2{
	display:block;
	position:relative;
	width:280px;
	padding:10px;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	float:left;
}
#blogLinks{
	display:block;
	position:relative;
	width:280px;
	padding:10px;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	float:right;
}
.leftColDiv{
	display:block;
	position:relative;
	min-height: 500px;
	border: 10px solid #0168b3;
	background-color: #fff;
	/*background-image:url(../images/divBGwht_leftCol.png);
	background-repeat:repeat-y;*/
	margin-left: 10px;
	margin-right: 10px;
	padding:10px 10px 0 10px;
	border-radius: 0 0 10px 10px;
}
.leftCol1{
	display:block;
	position:relative;
	width:280px;
	padding:10px;
	background-image: url(../images/newsBG2.jpg);
	background-repeat:repeat-x;
	margin-right:20px;
	float:left;
}
.leftCol2{
	display:block;
	position:relative;
	width:600px;
	padding:0;
	float:left;
}
.leftCol2 .logos img {
	height: 125px;
	width: 170px;
	float:left;
	border: solid 1px #ccc;
	margin: 20px 13px 20px 13px;
}

ul.newsBullets {
	margin:10px 0 0 15px; 
}
.newsBullets li {
	list-style: url(../images/arrowBlu.png);
	padding:0;
	margin:0 0 10px 0;
	list-style-position:inside;
}
/*.newsBullets li a:hover {
	padding-left:2px;
}*/
#divToToggle {
	display: none;
}
#footerWrapper{
	background-image:url(../images/divBGwht.png);
	background-repeat:repeat-y;
	padding: 0 10px 0 10px;
}
#footer{
	/*background-image: url(../images/footer_gradient.png);
	background-repeat:repeat-x;*/
	background-color:#c51230;
	padding:10px;
	color:#FFF;
}
#footer h2 {
	font-size: 16px;
}
/*body.home #footerWrapper{

	padding: 0 0 0 0;
}*/
/*body.home #footer{
	padding:10px 20px;

}*/
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#FFF;
}
#footer a:active{
	color:#F63A3B;
}
#aTag {
	font-size:10px;
}
.footCol1{
	width:400px;
	padding:5px 0 0 10px;
	margin-right:20px;
	float:left;
	
}
.footCol2{
	width:140px;
	padding:5px 10px 0 10px;
	float:left;
}
.footCol3{
	width:140px;
	padding:5px 10px 0 10px;
	float:left;
}
.footInnerDiv{
	font-size:10px;
	float:left; 
	margin-right:20px; 
	line-height:14px;
}
.clearboth {
	clear:both;
}
.shadowRow {
	width:980px;
	height:10px;
	background-image:url(../images/divSpacerShadow.png);
	background-repeat:no-repeat;
}
.perfHR {
	width:980px;
	height:1px;
	background-image:url(../images/divBGwht_HRline.png);
	background-repeat:no-repeat;
}
hr {
	color: #47A9DF;
	margin: 20px 0;
	background-color: #47A9DF;
	height: 2px;
}
.product-subnav-heading {
	text-transform: uppercase;
}
/*------------------------------------*\
	PRODUCT TABS
\*------------------------------------*/

.tabDiv {
	background:#FFF;
	background-image:url(../images/gradientBG.jpg);
	background-repeat:no-repeat;
	width:600px;
	padding:10px;
	min-height: 400px;
	margin:15px -10px 30px -10px;
}
.tabDiv p, h1, h2 { 
	margin-bottom:10px;
}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {
	background:#FFF;
	padding:10px;
}
.tabs li {
	list-style:none;
	display:inline;
}
.tabs a {
	padding:5px 10px;
	display:inline-block;
	background:#47A9DF;
	color:#FFF;
	text-decoration:none;
}
.tabs a:hover {
	color:#05476E;
}
.tabs a.active {
	background:#FFF;
	color:#05476E;
}


/*------------------------------------*\
	NAV
\*------------------------------------*/




/*--- Nav Tabs ---*/
ul.navButtons {
	list-style: none;
	padding: 0px;
	margin-left:25px;
	display:block;
	position:relative;
}
.displace {
	position:absolute;
	left:-9999px;
}
ul.navButtons li {
	float:left;
}
ul.navButtons li a {
	display: block;
	height: 20px;
	background: url(../images/navArray.png);
}

/*--- Normal Links ---*/
ul.navButtons li.home a {
	width: 45px;
	background-position: 0 0;
}
ul.navButtons li.about a {
	width: 60px;
	background-position: -45px 0;
}
ul.navButtons li.videos a {
	width: 62px;
	background-position: -105px 0;
}
ul.navButtons li.products a {
	width: 107px;
	background-position: -167px 0;
}
ul.navButtons li.diyers a {
	width: 79px;
	background-position: -274px 0;
}
ul.navButtons li.professionals a {
	width: 162px;
	background-position: -353px 0;
}
ul.navButtons li.find a {
	width: 158px;
	background-position: -515px 0;
}

/*--- Hover Links ---*/
ul.navButtons li.home a:hover {
	width: 45px;
	background-position: 0 -19px;
}
ul.navButtons li.about a:hover {
	width: 60px;
	background-position: -45px -19px;
}
ul.navButtons li.videos a:hover {
	width: 62px;
	background-position: -105px -19px;
}
ul.navButtons li.products a:hover {
	width: 107px;
	background-position: -167px -19px;
}
ul.navButtons li.diyers a:hover {
	width: 79px;
	background-position: -274px -19px;
}
ul.navButtons li.professionals a:hover {
	width: 162px;
	background-position: -353px -19px;
}
ul.navButtons li.find a:hover {
	width: 158px;
	background-position: -515px -19px;
}

/*--- Clicked Links ---*/
ul.navButtons li.home a:active {
	width: 45px;
	background-position: 0 -40px;
}
ul.navButtons li.about a:active {
	width: 60px;
	background-position: -45px -40px;
}
ul.navButtons li.videos a:active {
	width: 62px;
	background-position: -105px -40px;
}
ul.navButtons li.products a:active {
	width: 107px;
	background-position: -167px -40px;
}
ul.navButtons li.diyers a:active {
	width: 79px;
	background-position: -274px -40px;
}
ul.navButtons li.professionals a:active {
	width: 162px;
	background-position: -353px -40px;
}
ul.navButtons li.find a:active {
	width: 158px;
	background-position: -515px -40px;
}

/*--- Selected Links ---*/
ul.navButtons li.home a.selected {
	width: 45px;
	background-position: 0 -60px;
}
ul.navButtons li.about a.selected {
	width: 60px;
	background-position: -45px -60px;
}
ul.navButtons li.videos a.selected {
	width: 62px;
	background-position: -105px -60px;
}
ul.navButtons li.products a.selected {
	width: 107px;
	background-position: -167px -60px;
}
ul.navButtons li.diyers a.selected {
	width: 79px;
	background-position: -274px -60px;
}
ul.navButtons li.professionals a.selected {
	width: 162px;
	background-position: -353px -60px;
}
ul.navButtons li.find a.selected {
	width: 158px;
	background-position: -515px -60px;
}


/*--- DROPDOWN ---*/

ul.navButtons ul{
	display: block;
	position:absolute;
	width:100%;
	list-style:none;
	background-color:#FFF;
	padding: 5px 30px 5px 0;
	z-index:9999;
	visibility:hidden; /* if this doesn't work, use this> left:-9999px; */
}
ul.navButtons ul li{
	display: inline;
	position:relative;
	float:none; /* this stacks the sub tabs vertically */
	width:100%;
}
ul.navButtons ul li a{
	color:#47A9DF;
	line-height:none;
	font-size:11px;
	background-image:none;
	padding:4px 10px 0 10px;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
ul.navButtons li:hover ul{ /* Display the dropdown on hover */
	visibility:visible; /* Bring back on-screen when needed OR left:0;*/
}
ul.navButtons li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ 
	text-decoration:underline;
} 
ul.navButtons li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
ul.navButtons li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:#F63A3B;
}
ul.navButtons li:hover ul li a:active{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:#05476E;
}
	
	

/*------------------------------------*\
	TYPE
\*------------------------------------*/

a {
	text-decoration:none;
	color:#47A9DF;
}
a:hover {
	color:#F63A3B;
}
a:active {
	color:#05476E;
}
p {
	font-size: 15px;
	line-height: 1.4;
	padding-bottom: 15px;
}
.leftColDiv ul, .leftColDiv ol {
	margin: 10px 0 10px 20px;
}
.leftColDiv ul li,.leftColDiv  ol li {
	font-size: 15px;
	line-height: 1.4;
	padding: 2px 0;
}
p.intro {
	font-size: 18px;
	line-height: 1.4;
	padding-bottom: 18px;
}
ul.subnav {
	list-style: none;
	margin: 10px 0 10px 20px;
}
h1 { /* inherit color */
	font-size:22px;
	margin: 0 0 10px 0;
	font-weight:bold;
	color: #0168b3;
	line-height: 1.3;
}
h2 { /* inherit color */
	font-size:18px;
	margin: 0 0 10px 0;
	font-weight:bold;
	color: #0168b3;
	line-height: 1.3;
}
h3 { /* inherit color */
	font-size:16px;
	margin: 0 0 10px 0;
	font-weight:bold;
	line-height: 1.3;
}
h4 { /* light blue */
	font-size:15px;
	margin:4px 0 4px 0;
	font-weight:bold;
	color:#47A9DF;
	line-height: 1.2;
}
h5 { /* light blue */
	font-size:10px;
	margin:8px 0 2px 0;
	font-weight:bold;
	color:#47A9DF;
}
h6 { /* red */
	font-size:12px;
	margin:8px 0 2px 0;
	font-weight:bold;
	color:#F63A3B;
}
.mouse9{
	font-size:9px;
	line-height:12px;
}
.mouse10{
	font-size:10px;
	line-height:13px;
}

p {margin:5px 0 5px 0;}

ol {margin:0 0 10px 20px;}

ol li {padding: 5px 0 5px 0;}

.prod-listing span { /* inherit color */
	font-size:18px;
	margin: 0 0 10px 0;
	font-weight:bold;
	color: #0168b3;
	line-height: 1.3;
}
/*------------------------------------*\
	FORM
\*------------------------------------*/

#toolBar form {float:right;}
#toolBar .search { float:left; margin:3px 0 0 5px; font-size:1.1em; color:#666; padding:3px; border:1px solid #ccc; width:125px; height:20px; background:#ffffff;}
.zipcode {font-size:1.1em; color:#666; padding:3px; border:1px solid #ccc; width:125px; height:20px; background:#ffffff;}
#toolBar .submitSearch {float:left; margin:4px 0 0 5px; border:0 none; width:75px; height:26px; text-decoration:none; color:#fff; padding:2px 8px; background:#05476E; cursor:pointer; text-align:center; vertical-align:central;}
.submitFAR  {border:0 none; width:75px; height:26px; text-decoration:none; color:#fff; padding:2px 8px; background:#05476E; cursor:pointer; text-align:center; vertical-align:central;}

#toolBar a.cart  {float:right; margin:4px 0 0 5px; border:0 none; width:75px; height:26px; text-decoration:none; color:#fff; padding:0px 6px; background:#05476E; cursor:pointer; text-align:center; vertical-align:central; line-height:26px; font-size:1.0em;}

fieldset {margin:0; display:block; font-size:1.1em; color:#05476E; font-family:arial, helvetica, sans-serif; font-weight:bold;}
.required {color:#600; font-weight:bold; text-transform:lowercase; font-style:oblique; margin-right:5px;}
.input {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:368px; height:20px; background:#ffffff;}
.short {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:75px; height:20px; background:#ffffff;}
.med {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:125px; height:20px; background:#ffffff;}
.long {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:200px; height:20px; background:#ffffff;}
textarea {margin-bottom:10px; font-size:1.1em; color:#666; padding:4px; border:1px solid #ccc; width:368px; height:200px; background:#ffffff;}
.submit {display:block; border:0 none; width:75px; height:25px; text-decoration:none; color:#fff; padding:2px 8px; background:#05476E; cursor:pointer;}
select {
    border: 1px solid #ccc;
    color: #666;
    background: transparent;
    font-size: 1.1em;
    padding: 2px 10px;
    /*width: 50px;
	height:30px;
    *width: 50px;
	*height:20px;*/
    *background: #663366;
    }
	
#flexSealTable {
	background:url(../images/gradientBG.jpg) no-repeat;
	text-align:center;
	text-wrap:none;
	padding:10px;
	margin-left:-10px;	
	display:block;
}
#flexSealTable th {
	font-size:10px;
	padding:0 5px 0 5px;
}
#flexSealTable td {
	font-size:10px;
	padding:0 5px 0 5px;
}
.red {
	color:#f63a3b;
}

.leftCol2 ul {list-style-position:outside; padding:0 0 0 15px;}
.unPad {margin:-10px -10px 10px -10px;}