/* General settings */
body{
	margin:0;
	background:#fbcf2c;
	font:12px Arial, Helvetica, sans-serif;
	color:#777;
	min-width:1002px;
}
a{
	text-decoration:none underline;
	color:#777;
}
a:hover{text-decoration:underline;}
a:active{text-decoration:bold;}

img{border-style:none;}
#wrapper{
	overflow:hidden;
	padding:0 0 25px;
	position:relative;
}
/* header */
#header{background:#4d4d4d url(../images/bg-header.gif) repeat-x 0 100%;}
.header-holder{
	padding:86px 40px 0 0;
	width:962px;
	margin:0 auto 4px;
	position:relative;
	z-index:10;
	background:url(../images/bg-header-holder.gif) no-repeat;
}
.sub{padding-top:0;}
.header-holder:after,
.main-frame:after{
	content:'';
	clear:both;
	display:block;
}
/* add-nav */
.header-holder .add-nav{text-align:right;}
.header-holder .add-nav ul{
	list-style:none;
	margin:0 -5px 0 0;
	padding:7px 0 65px;
	font-size:11px;
	font-weight:bold;
}
.header-holder .add-nav li{
	display:inline;
	background:url(../images/separator-add-nav.gif) no-repeat 0 2px;
	padding:0 4px 0 8px;
}
.header-holder .add-nav li:first-child{background:none;}
.header-holder .add-nav a{color:#fff;}
/* logo */
.logo{
	width:245px;
	height:136px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	position:absolute;
	left:49px;
	top:21px;
}
.logo a{
	background:url(../images/logo.png) no-repeat;
	height:100%;
	display:block;
	cursor:pointer;
}
/* nav */
#nav{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	width:663px;
	font-weight:bold;
	line-height:38px;
}
#nav li{
	float:left;
	background:url(../images/separator-nav.gif) no-repeat;
	padding:0 0 0 2px;
	margin:0 0 0 -2px;
	display:inline;
	position:relative;
}
#nav li:first-child{background:none;}
#nav a{
	color:#d8a757;
	float:left;
	background:url(../images/bg-nav.gif) repeat-x;
	text-align:center;
}
#nav .first-child a{background:url(../images/bg-nav-left.gif) no-repeat;}
#nav .last-child a{background:url(../images/bg-nav-right.gif) no-repeat 100% 0;}
#nav .last-child a:hover,
#nav li:hover .last,
#nav li.hover .last{background:url(../images/bg-nav-right.gif) no-repeat 100% -38px !important;}
#nav a:hover,
#nav li:hover a,
#nav li.hover a,
#nav li a.active{
	background-position:0 -38px;
	text-decoration:underline;
}
#nav li:hover .drop,
#nav li.hover .drop{display:block;}
/* drop */
#nav .drop,
#nav .columns{
	position:absolute;
	left:2px;
	top:38px;
	z-index:10;
	width:999px;
	background:#fff;
	display:none;
}
#nav .columns{
	left:-112px;
	background:#fff url(../images/bg-drop-columns.gif) repeat-x;
	padding:18px 0 23px 16px;
}
#nav li.first-child .drop,
#nav li:first-child .drop{left:0;}
#nav li.last-child .drop{right:0;}
#nav .right-side .drop{
	left:auto;
	right:0;
}
#nav .drop div{
	float:left;
	overflow:hidden;
}
#nav .drop ul{
	padding:5px 0 7px;
	margin:0;
	float:left;
	list-style:none;
}
#nav .drop ul li{
	float:none;
	font-size:0;
	line-height:0;
	padding:0 0 1px;
	margin:0 0 -1px;
}
#nav .drop ul li a{
	padding:0 20px 0 13px;
	float:none;
	display:block;
	height:auto;
	font-size:11px;
	line-height:22px;
	font-weight:normal;
	color:#777;
	text-align:left;
	background:none;
}
#nav .drop ul li a:hover{
	font-weight:bold;
	text-decoration:underline;
	padding-right:0;
}
#nav .column{
	width:110px;
	float:left;
	font-size:12px;
	line-height:14px;
}
#nav .gilbert{width:105px;}
#nav .townsend{width:105px;}
#nav .eco-pak{width:105px;}
#nav .kelley{width:105px;}
#nav .rowcare{width:105px;}
#nav .image{
	height:88px;
	margin:0 0 8px;
}
#nav .image img{
	display:block;
	margin:16px 0 0;
}
#nav .eco-pak img{margin:6px 0 0;}
#nav .column .info{width:100px;}
#nav .column p{margin:0;}
#nav .column a{
	padding:0;
	color:#0000ff;
	text-decoration:underline;
	background:none;
	float:none;
}
#nav .columns a:hover{text-decoration:none;}
/* main */
#main{
	width:958px;
	margin:0 auto;
	background:url(../images/bg-main.gif) repeat-y -958px 0;
}
.main-holder{background:url(../images/bg-main.gif) no-repeat;}
.main-frame{
	background:url(../images/bg-main.gif) no-repeat -1916px 100%;
	height:1%;
	padding:14px 9px 34px;
}
/* twocolumns */
#twocolumns{
	width:930px;
	overflow:hidden;
	background:url(../images/bg-twocolumns.gif) repeat-x;
	padding:13px 5px 0;
	min-height:454px;
	margin:0 0 -15px;
}
* html #twocolumns{
	height:454px;
	overflow:visible;
}
#twocolumns.sub2{
	padding:8px 10px 0 13px;
	width:917px;
	margin:0 0 16px;
}
/* content */
#content{
	width:680px;
	float:right;
	overflow:hidden;
}
.sub2 #content{
	width:666px;
	padding:25px 0 0;
}
/* slideshow */
.slideshow{
	position:relative;
	/*margin:0 0 14px;
	height:1%;*/
	height:230px;
}
.slideshow img{
	display:block;
	border:3px solid #fff;
	width:660px;
	height:216px;
}
#twocolumns .slideshow .slideshow-heading{
	width:360px;
	position:absolute;
	left:30px;
	top:48px;
}
.title-safe{
	width:337px;
	height:26px;
	background:url(../images/text-safe.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px;
}
.text-about{
	width:354px;
	height:89px;
	background:url(../images/text-heading-slidshow.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
/* switcher */
.slideshow .switcher{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:31px;
	bottom:13px;
}
.slideshow .switcher li{
	float:left;
	padding:0 4px 0 0;
}
.slideshow .switcher a{
	width:10px;
	height:10px;
	background:url(../images/bg-switcher.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.slideshow .switcher a:hover, .slideshow a.active{background-position:0 -10px;}
/* content-box */
.content-box{padding:0 0 0 9px;}
#content .heading{
	line-height:22px;
	font-size:18px;
	margin:0 0 16px;
}
#content .heading h2, #content .heading h1{
	font-size:21px;
	margin:0;
}
#content .heading h1{margin:5px 0 0;}
#content .heading p{margin:0;}
#content .heading img{
	float:right;
	margin:0 0 10px 10px;
}
.sub2 .heading{
	overflow:hidden;
	height:1%;
	border-bottom:2px solid #fbcf2c;
	padding:0 0 12px;
}
/* columns-holder */
.columns-holder{
	width:720px;
	overflow:hidden;
}
.columns-holder .column{
	width:321px;
	float:left;
	margin:0 29px 0 0;
}
.columns-holder .column h3{
	margin:0 0 9px;
	font-size:16px;
	border-bottom:2px solid #fbcf2c;
	padding:0 0 1px;
	line-height:20px;
}
.column .news{
	margin:0 0 15px;
	line-height:14px;
}
.column .news .date{
	font-weight:bold;
	font-style:normal;
	display:block;
}
.column .description{
	line-height:14px;
	padding:0 20px 0 0;
}
.column .description p{margin:0 0 16px;}
.column .description img{
	float:right;
	margin:0 -20px 10px 5px;
}
.column .description ul{
	list-style:none;
	margin:0 0 17px 10px;
	padding:0;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}
.column .description li{
	background:url(../images/bullet-list-text-box.gif) no-repeat 0 7px;
	padding:0 0 0 7px;
}
#content .text-block{
	font-size:13px;
	line-height:14px;
	padding:0 30px 0 0;
}
/*#content .text-block a:link, #content .text-block a:visited{
	float:left;
}*/
#content .text-block .block{
	overflow:hidden;
	height:1%;
}
#content .text-block img{
	float:left;
	margin:5px 10px 0 0;
}
#content .text-block h2, #content .text-block h3{
	margin:0;
	font-size:17px;
	color:#2f2f2f;
	line-height:20px;
}
#content .text-block h3{
	font-size:15px;
	margin:25px 0 0;
	line-height:18px;
}
#content .text-block p{margin:0 0 14px;}
#content .text-block .list{
	list-style:none;
	margin:0;
	padding:0 0 0 30px;
	font-size:13px;
	line-height:14px;
}
#content .text-block .list li{
	background:url(../images/bullet-text-block-list.gif) no-repeat 0 5px;
	padding:0 0 0 12px;
}
/* aside */
.aside, #sidebar{
	width:240px;
	float:left;
}
.aside .image-holder{
	border:10px solid #e5e2da;
	margin-bottom:20px;
	height:207px;
}
.aside .image-holder img{
	display:block;
	border:2px solid #fff;
}
/* sidebar */
#sidebar{
	width:220px;
	background:#e5e2da;
	margin-bottom:12px;
	padding:22px 10px 22px;
}
#sidebar ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	line-height:22px;
}
#sidebar .active{text-decoration:underline;}
/* footer */
#footer{
	background:url(../images/bg-footer.png) repeat-x;
	margin:0 -9999px;
	position:relative;
	text-align:center;
	height:75px;
	overflow:hidden;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:23px 0 10px;
	font-size:11px;
	font-weight:bold;
}
#footer ul li{
	display:inline;
	background:url(../images/separator-footer-nav.gif) no-repeat 0 3px;
	padding:0 15px 0 21px;
}
#footer ul li:first-child{background:none;}
#footer a{color:#fff;}
#footer p{
	margin:0;
	font-style:italic;
	font-weight:bold;
	font-size:11px;
	color:#4d4d4d;
}
.error
{
	color: red;
	font-weight: bold;
	font-size: 10px;
}

a.coolButton:link, a.coolButton:visited
{
	padding:8px 24px 7px 24px;
	margin-bottom:4px;
	display:inline-block;
	background:#fff;
	border:solid 1px #9f9f9f;
	color:#d8a757;
	font-weight:bold;
	line-height:22px;
}
#callout
{
	cursor:pointer;
}


/* =========================================================================
    Townsend Chemical Online Ordering
    The following classes are used on the Townsend Chemical Online Ordering
    pages.
   ========================================================================= */

/* width classes */
.w-5 { width: 5%; }
.w-10 {	width: 10%; }
.w-15 {	width: 15%; }
.w-20 {	width: 20%; }
.w-25 {	width: 25%; }
.w-30 {	width: 30%; }
.w-33 {	width: 33%; }
.w-35 {	width: 35%; }
.w-40 {	width: 40%; }
.w-45 {	width: 45%; }
.w-50 {	width: 50%; }
.w-55 {	width: 55%; }
.w-60 {	width: 60%; }
.w-65 {	width: 65%; }
.w-70 {	width: 70%; }
.w-75 {	width: 75%; }
.w-80 {	width: 80%; }
.w-85 {	width: 85%; }
.w-90 {	width: 90%; }
.w-95 {	width: 95%; }
.w-99 {	width: 99%; }
.w-100 { width: 100%; }

.w-25px { width: 25px; }
.w-40px { width: 40px; }
.w-100px { width: 100px; }
.w-150px { width: 150px; }
.w-200px { width: 200px; }
.w-250px { width: 250px; }

.right { text-align: right; }

.tdProductImage { padding-right: 20px; }

label
{
	font-weight: bold;
	padding: 4px 4px 4px 0;
}

label.required
{
	padding-left: 10px;
	margin-top: 30px;
	background: url("../images/req.gif") no-repeat;
	background-position: left center;
}

.textArea-300-by-150
{
    width: 300px;
    height: 150px;    
}
  
.tcooForm td { vertical-align: top; padding-bottom: 4px; }
.buttonCell, 
.tcooForm .buttonCell 
{ height: 50px; vertical-align: bottom; }

.checkBoxList input { float: left; }
.checkBoxList label 
{ 
    display:    block; 
    float:      left; 
    padding-top: 2px;
    padding-bottom: 0px;
}

.featuredItemImg { width: 100px; display: block; float: left;}
.featuredItemInfo 
{ 
    width: 180px;
    padding-left: 5px;
    display: block; 
    float: left; 
    vertical-align: top;
    height: 100%;
}

.tdFeaturedItem { width: 290px; vertical-align: top; } 

.login { display: block; float: right; }

.titleWithLogin { float: left; display: block; }
.titleWrapper { clear: both; height: 70px;  }

.accountNote { padding-top: 10px; padding-bottom: 5px; }

.divClear, .pClear, .hClear { clear: both; }

.shoppingCart th, .shoppingCart td,
.productResults th, .productResults td { padding: 5px; vertical-align: top; }

.productDetail {  }
.productQuantity { width: 20px; }

.productInformation { vertical-align: top; }
.rblPackage { padding-bottom: 40px; }
.pButtons, .pButtonsForList { width: 100%; text-align: right; }

/* Message classes (for success, warning, etc.) and modals. */
.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.msg_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/icons/info.png');
}
.msg_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/images/icons/success.png');
}
.msg_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/icons/warning.png');
}
.msg_error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/icons/error.png');
}
.msg_validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('/images/icons/validation.png');
}

/* simple modal */
#simplemodal-overlay
{
	background-color: #000;
}
#simplemodal-container
{
	background-color: #eee;
	border: 8px solid #444;
	padding: 12px;
}
#simplemodal-container a.modalCloseImg
{
	background: url(../images/x.png) no-repeat; /* adjust url as required */
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -18px;
	cursor: pointer;
}
.blockui-box
{
	display: none;
	text-align: center;
	padding: 15px;
}
.formnote
{
	font-size: 0.75em;
	font-style: italic;
}

.tblOrder { border-collapse: collapse; width: 100%; }
.orderDate      { width: 55px; }
.customerName   { width: 110px; }
.customerNr     { width: 63px; }
.companyName    { width: 110px; }
.orderType      { width: 55px; }
.linkProcess    { width: 75px; }
.linkClose      { width: 55px; }

.tdOldOrders { font-size: 10px; width: 80px;}

.oldOrderDate           { width: 60px; font-weight: bold; }
.oldOrderCustomerName   { width: 100px; font-weight: bold; }
.oldOrderOrderType      { width: 70px; font-weight: bold; }
.oldOrderOrderStatus    { width: 90px; font-weight: bold; }
.oldOrderShipDate       { width: 60px; font-weight: bold; }
.oldOrderLink           { width: 200px; font-weight: bold; }

#topOnlineOrdering, #topTownsendChemical
{
	height:125px;
	background: #020307 url( "../TownsendChemical/images/bg-top.png" ) repeat-x;
}
#headerOnlineOrdering, #headerTownsendChemical
{
	position:relative;
	height:125px;
	width:960px;
	margin:auto;
	z-index:1;
}

.notAvailable { color: Red; }
.success { color: Green; }

.orderHistoryCbl { width: 100%; }
.orderHistoryCbl td { width: 100%; }
.cblTextSpacer { width: 19px; display: inline-block;  }

em { font-style: italic; }
.privacyPolicy { list-style-type:  disc; }
.shippingReturns { list-style-type: decimal; }