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

/*div {
border: 1px solid grey;
}*/
img {
border:0;
}
a {
outline:none;
}
body {
	font-family: arial;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

html{
  height:100%;
  margin:0;
  padding:0;
  overflow-y: scroll;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:928px;
}

/* THIS CONTAINS THE HEADER AND TOP NAV STYLES*/
#header{
background:transparent url(/assets/templates/waterjel/images/topnav_border.png) no-repeat scroll right bottom;
font-size:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
padding-bottom:1px;
width:908px;
}
#header ul {
clear:right;
list-style: none;
text-align:right;
margin: 10px 0;
padding: 0;
}
#header li {
display: inline;
text-transform:uppercase;
padding-left:10px;
margin-top:5px;
padding-top:6px;
font-weight:bold;
}
#header a {
color:#858585;
text-decoration:none;
}
#header a:hover {
color:#0675F3;
}
#header .search {
font-size:10px;
width:160px;
height:12px;
margin-right:10px;
}
#header .last{
margin-left:15px;
background-image:url(../images/shop_cart.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}
#ajaxSearch_submit{
background:transparent url(../images/go_btn.gif) no-repeat scroll center top;
border:0 none;
font-size:0;
line-height:0;
text-indent:-5000px;
vertical-align:middle;
width:24px;
height:17px;
line-height:0;
margin-left:5px;
cursor:pointer;
}

#searchbar {
height: 17px;
text-align: right;
}

#ajaxSearch_input {
width: 180px;
height: 15px;
line-height: 15px;
border: 1px solid #c9c9c9;
background: #fff;
color: #858585;
padding: 0 0 0 2px; 
margin: 0 !important;
vertical-align: middle;
*vertical-align: text-bottom;
font-size:10px;
}
#header fieldset {
border: none;
margin: 0;
padding: 0;
}
#header .logo{
/*margin-top:7px;*/
}
#logo {
background:transparent url(/assets/templates/waterjel/images/header_logo.gif) no-repeat scroll 0 0;
display:block;
height:41px;
line-height:41px;
margin:17px 0 0;
position:absolute;
text-indent:-9999px;
top:0;
width:228px;
}
#logo a {
display: block;
height: 39px;
width: 205px;
}
/* END HEADER AND TOP NAV STYLES*/


/* FLASH ON HOMEPAGE ONLY*/
#flashholder{
height: 250px;
}

#homeHead {
	background:url("/assets/images/home/prod_home_gradient.gif") repeat-x bottom;
	height:185px;
	width: 658px;
	margin-bottom:25px;
	padding-top:25px;
	padding-left:10px;
}

#homeHead h1 {
	font-size:22px;
	margin:0 0 5px 0;
	padding:0;
}

#homeHead .homeCont {
	overflow:hidden;
	width:270px;
	height:90px;
}

/* END HOMEPAGE ONLY*/


/* THIS IS THE LEFT NAV STYLES*/
#nav{
	width: 214px;
	_width: 211px;
	float: left;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat;
	background-color:#13315A;
	min-height:728px;
	_height:728px;
}
#nav a{
color:#FFFFFF;
text-decoration:none;
}
#nav ul {
list-style: none;
margin: 0 0 0 14px;
padding: 0;
}
#nav ul li ul {
line-height:10px;
padding:8px 0 16px 0;
margin-top:1px;
margin-left:0;
background-image:url(../images/sub_nav_bg.jpg);
background-position:bottom;
background-color:#666666;
background-repeat:no-repeat;
}
#nav ul li ul a:hover, #nav ul li ul li.current a{
color:#062443;
}
#nav ul li ul li {
margin:0 0 0 15px; 
padding:0;
}
.level1{
width:186px;
padding:1px 0;
}
.level1 a {
display:block;
padding-left:8px;
padding-top:8px;
background-image:url(../images/btn_bg.jpg);
background-position: 0 0;
background-repeat:no-repeat;
width:178px; 
height:21px;
}
.level1 a:hover, .level1.current  a{
background-position: 0 -29px;
}
.level2{
padding-left:0;
}
.level2 a{
background-image:none;
width:auto;
height:auto;
_height: 10px;
}

/* Sliding menu changes */
.sidemenu .level1 ul {
	display: none;
}
.sidemenu .current ul {
	display: block;
}
.sidemenu .downarrow a {
	background-image:url(../images/btn_bg_arrow.jpg);
}
.sidemenu .downarrow .level2 a{
	background-image:none;
}
.navnotear{
background:none!important;
min-height:415px!important;
_height:415px!important;
}
/* END LEFT NAV STYLES*/

/* THIS CONTAINS THE PRIMARY CONTENT STYLES*/
#bodycont {
	width: 928px;
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding-top: 10px;
}
.B_crumbBox {
	font-size:10px;
	color:#666666;
}
.B_crumbBox a {
	color:#666666;
	text-decoration:none;
}
.B_crumbBox a:hover {
	color:#0675F3;
	text-decoration:underline;
}
.B_lastCrumb {
	color:#0675F3;
}
.subhead {
	font-size:14px;
	color:#13315A;
}
.highlight {
	color:#13315A;
	font-weight:bold;
}
#maincont{
	width: 700px;
	margin-left: 214px;
	_margin-left: 211px;
	background-color:#FFFFFF;
	min-height:735px;
	_height:735px;
}
.homemaincont {
min-height:415px!important;
_height:415px!important;
}

#homebodycont {
	width: 928px;
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
	background-color:#13315A;
	padding-top:0;
	padding-bottom:14px;
}

#contentshort{
	width: 688px;
	height:80px;
	background-image:url(../images/header_blue.jpg);
	background-repeat:no-repeat;
	background-color:#13315A;
	padding-left:12px;
	padding-top:15px;
}

#contentshort h1{
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:15px 0;
}

#contentshort h2{
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:15px 0;
}

#content{
	width:445px;
/*	_width:400px;*/
	font-size:12px;
	float:left;
	padding-left:12px;
	padding-right:12px;
	color:#333333;
}
#content .dropdown{
	width:200px;
	font-size:11px;
	margin-top:0;
	padding-top:0;
}
#content .footnote {
	font-size:10px;
	padding-top:5px;
}
#content h2{
	font-size:16px;
	font-weight:bold;
	padding-bottom:15px;
	margin:0px;
	text-transform:uppercase;
}
#content h1{
	font-size:16px;
	font-weight:bold;
	padding-bottom:15px;
	margin:0px;
	text-transform:uppercase;
}
#content p{
	margin:0px;
	padding-bottom:15px;
}
#content p a {
	color:#13315A;
	font-weight:bold;
}
#content p a:hover {
	color:#0675F3;
}
.imgPadright {
	padding-right:15px;
}
.imgPadleft {
	padding-left:15px;
}
#contentwide{
/*	width:670px;*/
	font-size:12px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	color:#333333;
}
#contentwide h2{
font-size:16px;
font-weight:bold;
padding-bottom:15px;
margin:0px;
text-transform:uppercase;
}
#contentwide h1{
font-size:16px;
font-weight:bold;
padding-bottom:15px;
margin:0px;
text-transform:uppercase;
}
#content h2 a{
color:#333333;
}
#content h2 a:hover{
color:#333333;
}

#content ul{
margin-left:14px;
padding-left:0;
padding-bottom:15px;
list-style:outside;
margin-top:0;
}
#content ul li{
padding-bottom:10px;
}

#content ol {
margin-left:22px;
padding:0;
}

#content ol li {
padding-bottom:15px;
}

#content ol li a {
	color:#13315A;
	font-weight:bold;
}

#content ol li a:hover {
	color:#0675F3;
}

#contentwide p{
margin:0px;
padding-bottom:15px;
}
#contentwide p a {
	color:#13315A;
	font-weight:bold;
}
#contentwide p a:hover {
	color:#0675F3;
}

#contentwide ul{
margin-left:14px;
padding-left:0;
padding-bottom:15px;
list-style:outside;
margin-top:0;
}
#contentwide ul li{
padding-bottom:10px;
}

#contentwide .smallFont {
margin-top: 10px;
font-size: 11px;
}


.retailers {
width:325px;
height:49px;
}
.retailerPad {
padding-left:40px;
}
.RightAlign {
float:right;
}
.LeftAlign {
float:left;
}

#footer {
	text-align: center;
	font-size:10px;
	color:#666666;
	padding:15px 0 15px 0;
	width: 700px;
	margin-left: 214px;
}
#footer a {
	text-decoration:none;
	color:#666666;
}
#footer a:hover {
	text-decoration:underline;
	color:#666666;
}
.homefooter {
	background-color:#FFFFFF!important;
}

.borderLegal {
	border: 1px solid #000000;
	padding: 5px;
	margin-bottom:15px;
}

.box {
width: 240px;
height: 100px;
background-color: #aaaaaa;
margin-bottom: 5px;
}

.bgCallout {
	background-image:url("../images/longbox_bg.jpg");
	border: 1px #CCCCCC solid;
	width:410px;
	padding-top:15px;
	padding-left:10px;
	margin-bottom:15px;
}

/* END PRIMARY CONTENT STYLES*/

/*THIS CONTAINS BURN MD TEMPLATE STYLES*/

#contentshortBMD{
	width: 685px;
	height:122px;
	background-image:url(../images/header_bmd.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:15px;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
}

#contentshortBMD h1{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
}

#contentshortBMD h2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
}

.subheadBMD{
	text-transform:none;
	font-size:12px;
}
#contentBMD{
	width:453px;
	font-size:12px;
	float:left;
/*	padding-left:12px;
	padding-right:12px;*/
	color:#333333;
}
#contentBMD ul{
margin-left:14px;
padding-left:0;
padding-bottom:15px;
list-style:outside;
margin-top:0;
}
#contentBMD ul li{
padding-bottom:10px;
}

#contentBMD h1{
font-size:16px;
font-weight:bold;
padding-bottom:15px;
margin:0px;
text-transform:uppercase;
}

#contentBMD h2{
font-size:16px;
font-weight:bold;
padding-bottom:15px;
margin:0px;
text-transform:uppercase;
}
#contentBMD h2 a{
color:#333333;
}
#contentBMD h2 a:hover{
color:#333333;
}
#contentBMD p{
margin:0px;
padding-bottom:15px;
}
#contentBMD p a {
	color:#9D0702;
	font-weight:bold;
}
#contentBMD p a:hover {
	color:#B2560B;
}
#contentBMD ol {
margin-left:22px;
padding:0;
}

#contentBMD ol li {
padding-bottom:15px;
}

#contentBMD ol li a {
	color:#9D0702;
	font-weight:bold;
}

#contentBMD ol li a:hover {
	color:#B2560B;
}

/*END BURN MD TEMPLATE STYLES*/

/*THIS CONTAINS THE PRODUCT STYLES*/
#product p {
margin-left: 280px;
}

.product {
width:431px;
background:url(../images/divider.gif) no-repeat bottom;
margin-bottom:15px;
}

.productInfo p {
padding-left: 135px;
padding-bottom: 0!important;
}
.productInfo img.LeftAlign {
margin: 0 10px 10px 0;
}

.productInfoLarge {
	width:385px;
	float:left;
}

.featuredproduct {
	font-weight:bold;
	font-size:16px;
	padding:15px 0 15px 0;
}

.foxycart {
/*text-align:right;*/
}
.foxycartsubmit {
background:transparent url(../images/add_cart_btn.jpg) no-repeat scroll center top;
border:0 none;
font-size:0;
line-height:0;
text-indent:-5000px;
width:107px;
height:25px;
line-height:0;
cursor:pointer;
float:right;
}

.foxycartsubmitleft {
background:transparent url(../images/add_cart_btn.jpg) no-repeat scroll center top;
border:0 none;
font-size:0;
line-height:0;
text-indent:-5000px;
width:107px;
height:25px;
line-height:0;
cursor:pointer;
}

.foxycartprice {
	font-weight:bold;
	margin-top: 5px;
}

/*END PRODUCT STYLES*/

/*Foxy cart styles*/
#fc_tb_closeWindowButtonBot {
background-image:url(/assets/images/foxy_cart/cont_shop.png)!important;
margin-top:5px!important;
padding-top:19px!important;
width:203px!important;
}
a#fc_tb_closeWindowButtonBot:hover {
background-position:left -19px!important;
}
div.fc_tb_title {
background-color:#EDEDED!important;
}
/*End Foxy cart styles*/

/*THIS CONTAINS THE CROSS PROMOTIONAL STYLES*/
#sideboxes {
	float:right;
	width: 220px;
/*	margin-left: 477px;
	_margin-left: 480px;*/
	font-size:10px;
}

#sideboxes .crosPromo {
background-image:url("../images/cros_promo_bg.jpg");
background-repeat:no-repeat;
background-position:bottom;
/*width:202px;*/
padding: 10px 10px 10px 10px;
}

#sideboxes .crosPromo h2 {
background-image:url("../images/cros_promo_arrow.gif");
font-size:12px;
background-repeat:no-repeat;
padding-left:12px;
font-weight:bold;
color:#13315A;
}

#sideboxes .crosPromo .dropdown {
	font-size:10px;
}

#sideboxes .crosPromo p {
margin-left:12px;
}

#sideboxes .crosPromo p a {
color:#666666;
font-weight:bold;
}

#sideboxes .crosPromo p a:hover {
color:#0675F3;
}

#sideboxes .crosPromoBMD {
background-image:url("../images/cros_promoBMD_bg.gif");
background-repeat:no-repeat;
background-position:bottom;
/*width:202px;*/
padding: 10px 10px 10px 10px;
}

#sideboxes .crosPromoBMD h2 {
font-size:12px;
background-repeat:no-repeat;
padding-left:12px;
font-weight:bold;
color:#9E0802;
}

#sideboxes .crosPromoBMD p {
margin-left:12px;
}

#sideboxes .crosPromoBMD p a {
color:#9E0802;
font-weight:bold;
}

#sideboxes .crosPromoBMD p a:hover {
color:#B2560B;
}

/*END CROSS PROMOTIONAL STYLES*/


/*THIS CONTAINS STYLES FOR VERTICAL MARKETS*/
#contentwide .longBox .crosPromo {
	background-image:url("../images/longbox_bg.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
	width:648px;
	padding: 10px 10px 10px 10px;
	font-size:10px;
	height: 39px;
	margin-bottom:15px;
}
#contentwide .longBox .crosPromo h2 {
	float:left;
	font-size:12px;
	background:url("../images/cros_promo_arrow.gif") no-repeat;
	padding-left:12px;
	font-weight:bold;
	color:#13315A;
	margin:0;
	padding-bottom:3px;
	width:450px;
}
#contentwide .longBox .crosPromo p {
	float:left;
	margin-bottom:0;
	margin-left:12px;
	width:450px;
}


#contentwide .longBox .crosPromo .freeSurvey {
	width:150px;
	float:right;
	text-align:right;
}

#contentwide .longBox .crosPromo .feedback {
	float:right;
	width:150px;
	text-align:right;
}


/*END STYLES FOR VERTICAL MARKETS*/


/* APPLIES TO ALL FORMS*/

#contentwide .invalid {
	border-color: #990000 !important;
	color: #990000 !important;
}

#contentwide .required {
	border-color: #990000 !important;
	color: #990000 !important;
}

/* END APPLIES TO ALL FORMS*/


/*THIS CONTAINS THE BURN NEEDS ANALYSIS SURVEY STYLES*/

fieldset {
border:none;
margin:0;
padding:0;
}

form {
border:none;
margin:0;
padding:0;
}

#contentwide .burnSurvey {
	width:667px;
	background:url("../images/survey_imgs/survey_bg.jpg") repeat-x bottom;
	border: 1px solid #666666;
	margin:0;
	padding:0;
}

#contentwide .burnSurvey h2 {
	height:26px;
	padding:0;
}

#contentwide .burnSurvey h1 {
	height:26px;
	padding:0;
}

#contentwide .burnSurvey .headerPosition {
	width:400px;
	margin-left:35px;
	padding-top:5px;
	text-align:left;
}

#contentwide .burnSurvey .left {
	width:280px;
	float:left;
	padding-top:15px;
	padding-left:5px;
	padding-bottom:15px;
}
#contentwide .burnSurvey .right {
	width:325px;
	float:right;
	padding-top:15px;
	padding-bottom:15px;
}

#contentwide .burnSurvey .questions {
	padding-top:15px;
	padding-left:35px;
}

#contentwide .burnSurvey .quantity {
	margin-left:300px;
}

#contentwide .burnSurvey table td{
height:25px;
}

#contentwide .burnSurvey .txt {
	height:15px;
	line-height: 15px;
	border: 1px solid #c9c9c9;
	background: #fff;
	color: #000000;
	padding:2px 0 0 2px; 
	margin: 0 !important;
	vertical-align: middle;
	*vertical-align: text-bottom;
	font-size:11px;
	margin-right:5px;
}

#contentwide .burnSurvey .txtLarge {
	width:600px;
	height:150px;
}

#contentwide .burnSurvey .txtLong {
	width:200px;
}

#contentwide .burnSurvey .txtMedium {
	width:100px;
}

#contentwide .burnSurvey .txtShort {
	width:35px;
}

#contentwide .burnSurvey .dropdown{
	width:205px;
	font-size:11px;
	margin-top:0;
	padding-top:0;
	border: 1px solid #c9c9c9;
}

.displayNone {
	display:none;
}

.subQuestion {
	padding-left:7px;
}

.minusBtn {
	background:URL("../images/survey_imgs/minus.jpg") no-repeat;
	float:right;
	width:27px;
	height:27px;
	text-indent:-5000px;
}

.plusBtn {
	background:URL("../images/survey_imgs/plus.jpg") no-repeat;
	float:right;
	width:27px;
	height:27px;
	text-indent:-5000px;
}

#contentwide .navFBtn {
	margin:0; 
	padding:0;
	height:24px;
}

.submitBtn {
	background:URL("../images/survey_imgs/submit.jpg") no-repeat;
	display:block;
	line-height:0;
	font-size:0;
	width: 63px;
	height: 25px;
	text-indent:-5000px;
	border:0 none;
	cursor:pointer;
}

/*END BURN NEEDS ANALYSIS SURVEY STYLES*/


/*THIS CONTAINS THE INFORMATION REQUEST FORM STYLES*/

.infoRequest {
	width:667px;
	margin:0;
	padding:0;
}

.infoRequest h2 {
	margin:0;
	padding:0;
}

.infoRequest .left {
	width:295px;
	float:left;
	padding-bottom:15px;
}
.infoRequest .right {
	width:365px;
	float:right;
	padding-bottom:15px;
}

.infoRequest table td{
height:25px;
}

.infoRequest .txt {
	height:15px;
	line-height: 15px;
	border: 1px solid #c9c9c9;
	background: #fff;
	color: #000000;
	padding:2px 0 0 2px; 
	margin: 0 !important;
	vertical-align: middle;
	*vertical-align: text-bottom;
	font-size:11px;
	margin-right:5px;
}

.infoRequest #frmadditional {
	width:400px;
	height:150px;
	border: 1px solid #c9c9c9;
}

.infoRequest .txtLong {
	width:220px;
}

.infoRequest .txtMedium {
	width:100px;
}

.infoRequest .txtShort {
	width:35px;
}

.infoRequest .dropdown{
	width:225px;
	font-size:11px;
	margin-top:0;
	padding-top:0;
	border: 1px solid #c9c9c9;
}

.infoRequest .dropdown2{
	width:175px;
	font-size:11px;
	margin-top:0;
	padding-top:0;
	border: 1px solid #c9c9c9;
}

.infoRequest .questions{
	padding-bottom:20px;
}

/*END INFORMATION REQUEST FORM STYLES*/

/*DISTRIBUTOR STYLES (ALSO USED FOR TRADE SHOW/EVENTS)*/

#distributor td {
	padding: 10px 10px 10px 18px;
	vertical-align:middle;
}

#distributor a {
	color:#13315A;
	font-weight:bold;
}

#distributor a:hover {
	color:#0675F3;
}

#distributor table {
   /* border: 1px solid #ccc;*/
    width: 100%;
}

#distributor th {
    background-color: #dee1e8;
    background: #dee1e8 url("../images/distributor-list/icon-table-sort.gif") no-repeat 8px 11px;
    padding: 10px 0 10px 18px;
}

#distributor tr {
    background-color: #eee;
}

#distributor tr.altRow {
    background-color: #fff;
}

#distributor .rightAlign {
    text-align: right;
}


#distributor .sortedASC {
    background: url("../images/distributor-list/icon-table-sort-asc.gif") no-repeat 8px 11px #dee1e8;
}

#distributor .sortedDESC {
    background: url("../images/distributor-list/icon-table-sort-desc.gif") no-repeat 8px 11px #dee1e8;
}

#distributor .tableHeaderOver {
    cursor: pointer;
    color: #354158;
}

#distributor tr.hide {
    display: none;
}

#distributor .tableFilter {
    border: 1px solid #ccc;
    padding: 2px;
    margin: 5px 0 10px 0;
}

#distributor .tableFilter input {
    border: 1px solid #ccc;
}

#distributor .tableFilter select {
    border: 1px solid #ccc;
}

#distributorKeyword {
	width: 180px;
	height: 16px;
	line-height: 15px;
	border: 1px solid #c9c9c9;
	background: #fff;
	color: #858585;
	padding-left:2px; 
	margin: 0 !important;
	vertical-align: middle;
	*vertical-align: text-bottom;
	font-size:12px;
}

#distributorClear {
	background: url("../images/distributor-list/clear_btn.gif") no-repeat scroll center top;
	width: 49px;
	height: 20px;
	border:0 none;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	vertical-align:middle;
	margin-left:5px;
	cursor:pointer;
}

#distributor fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/* TRADESHOW STYLES*/

#tradeShow td {
	padding: 10px 10px 10px 5px;
	vertical-align:middle;
}

#tradeShow .event {
	background-color: #eee;
	font-size:12px;
}

#tradeShow th {
	text-align: left;
	background-color: #dee1e8;
	padding: 10px 0 10px 5px;
}

/*END DISTRIBUTOR STYLES (ALSO USED FOR TRADE SHOW/EVENTS)*/

#contentwide .ajaxSearch_resultDescription {
    display: none;
}

.clearboth{
clear:both;
}