/**********************************************************************
This CSS will produce a three column layout with a header and footer.
The footer will appear at the bottom of the window (provided that the
content is shorter than the height of the window) in IE-Win, and Firefox
and will degrade gracefully in Safari and IE-Mac to appear beneath the
largest content block.
**********************************************************************/
body, html
{
	margin:0;
	padding:0;
	height:100%;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
}

p, td, th
{
	margin:0 0 10px 0;
	line-height:1.3em;
	font-size:12px;
	
}

form
{
	margin:0;
}

ul
{
	margin-top:0;
	margin-bottom: 10px;
	padding-left:20px;
	margin-left:0;
	
}

/***************************************
           STRUCTURAL DIV STYLES
***************************************/
#container
{
	position:relative;
	margin:0;
	background: #ffffff url(../images/background_body.gif) top left repeat-y;
	width:800px;
}

#maincontent
{
	position:relative;
	padding: 68px 0 60px 0;
	float:left;
	width:580px;
	z-index:10;
}

#content
{
	padding:10px;
}

#header
{
	height:68px;
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	width:800px;
}

#rightsidebar
{
	width:115px;
	z-index:15;
	float:right;
	position:relative;
	margin:10px -10px 10px 10px;
}

#leftsidebar 
{
	float:left;
	width:200px;
	background:#FD903A url(../images/background_leftsidebar.gif) top left no-repeat;
	z-index:100;
	color: #ffffff;
	margin-top:68px;
	position:relative;
}

#footer
{
	padding-top:5px;
	height:70px;
	clear:both;
	background: #FFFFFF url(../images/background_footer.gif) 0 5px no-repeat;
}


/***************************************
          HEADER STYLES
***************************************/
#logo
{
	width:193px;
	height:24px;
	background: url(../images/logo_klt.gif) top left no-repeat;
	display:block;
	position:absolute;
	top:34px;
	left:13px;
}

#featuredmessage
{
	position:absolute;
	left:230px;
	top:45px;
	text-align:center;
	width:560px;
}

#nav
{
	font-family:Haettenschweiler, Impact, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:right;
	position:relative;
}

#nav li
{
	display:inline;
	margin:0 10px;
	text-transform:uppercase;
	font-size:18px;
	line-height:29px;
	position:relative;
}

#nav a
{
	color:#000000;
	text-decoration:none;
}

#nav a:hover
{
	text-decoration: underline;
}


/***************************************
          SIDEBAR STYLES
***************************************/

#leftcontent
{
	margin:10px;
}

#leftcontent div {
	margin:10px 0;
	border:1px solid #FCC163;
	padding:3px 5px;
	position:relative;
}

#leftcontent div div
{
margin:0;
padding:0; 
border:none;
}

#leftcontent h3
{
	font-family: Haettenschweiler, Impact, Arial, Helvetica, san-serif;
	font-size: 20px;
}

#leftcontent a
{
	color:#FFFFFF;
	text-decoration:none;
}

#leftcontent a:hover
{
	text-decoration:underline;
}

#categories
{
	position:relative;
	z-index:100;
}

#categoryMenu
{
	margin:0;
	padding:0;
}

#categoryMenu li
{
	position:relative;
	list-style:none;
	background: url(../images/background_categorymenu.gif) 0 0 no-repeat;
	padding:2px 0 2px 17px;
	
}

#categoryMenu li.over, #categoryMenu li:hover
{
	background: url(../images/background_categorymenuover.gif) 0 0 no-repeat;
	z-index:100;
}

#categoryMenu li ul
{
	display:none;
	position:absolute;
	left:130px;
	top:0;
	background:orange;
	width:130px;
	padding:5px;
	border:1px solid #FCC163;	
	z-index:1000;
}

#categoryMenu li.over ul, #categoryMenu li:hover ul 
{
	display:block;
}

#categoryMenu li.over ul li ul,#categoryMenu li:hover ul li ul
{

	display:none;


}
#categoryMenu li ul li.over ul, #categoryMenu li ul li:hover ul {
	display:block;

}
#search input
{
	width:120px;
	margin-left:5px;
	font-size:12px;
}

#myaccount label
{
	font-size: 11px;
	width:55px;
	float:left;
	clear:left;
	text-align:right;
	line-height:19px;
	margin-right:3px;
}

#myaccount input
{
	width:90px;
	margin:0 0 3px 0;
	background: url(../images/background_textfield.gif) top left repeat-x;
	font-size:11px;
	border-top: #CE631B 2px solid;
	border-right: #ED7B2E 2px solid;
	border-left: #FCC163 2px solid;
	border-bottom: #FFEACA 2px solid;
}	

#cart button
{
	margin-top:5px;
}

button
{
	font-size: 11px;
	line-height:8px;
	padding:2px;
	height:20px;
	color: #000000;
	margin-left: 5px;
}
html>body button
{
	padding-top:0;
}

/***************************************
          HEADING STYLES
***************************************/

h1
{
	font-weight:normal;
	margin: 5px 5px 5px 5px;
	font-family: Haettenschweiler, Impact, Arial, Helvetica, san-serif;
	font-size: 30px;
	text-transform:uppercase;
}


h2
{
	font-weight:normal;
	margin: 5px 5px 5px 5px;
	font-family: Haettenschweiler, Impact, Arial, Helvetica, san-serif;
	font-size: 26px;
	text-transform:uppercase;
}

h3
{
	font-size:18px;
	margin:0 0 5px 0;
	font-weight:normal;
}

h4
{
	font-size: 14px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 5px 0;
}
h4 a
{
	text-decoration:none;
}
/***************************************
          CONTENT STYLES
***************************************/
#breadcrumbs
{
	text-align:left;
	font-size: 11px;
	color: #999999;
	Xposition:absolute;
	top:55px;
	right:10px;
	z-index:100;
}

/***************************************
          PRODUCT LISTING STYLES
***************************************/

#producttable
{
	border:1px solid #000000;
}

/*EVEN ROWS*/
#producttable tr.even .thumbnail
{
	background: #eeeeee;
}
#producttable.nototal tr.even .action, #producttable.total tr.even .total
{
	background: #eeeeee;
	text-align:center;
}
#producttable tr.even td
{
	background: #eeeeee;
}

/*ODD ROWS*/
#producttable tr.odd .thumbnail
{
}
#producttable.nototal tr.odd .action, #producttable.total tr.odd .total
{
	text-align:center;	
}

/*ALL CELLS*/
#producttable td
{
	vertical-align:top;
	padding:5px;
}

/*SPECIFIC CELLS*/
td.description, td.add
{
	padding:10px;
	font-size:smaller;
}

td.description a {
    font-size:smaller;
}

th.description
{
  width: 300px;
}

td.price
{
	text-align:center;
	font-size:16px;
	margin: 0 0 5px 0;
}

.unit
{
	font-size:9px;
}

td.thumbnail
{
	vertical-align:top;
	text-align:center;
	font-size:10px;
	padding:0px;
}

img.thumbnail
{
	border:1px solid #666666;
	Xwidth:88px;
	Xheight:88px;
	/* height and width are causing probs in IE */
}

td.action
{
	/* white-space:nowrap; */
	text-align:center;
}

.incart
{
	font-size:smaller;
}


/*HEADERS */
#producttable th
{
	background:#FD903A;
	padding:5px;
	text-align:center;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}
#producttable td.leftTableKey
{
	background:#FD903A;
	padding:2px;
	text-align:left;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}
#producttable th.description
{
	text-align:left;
}
#producttable.nototal th.action, #producttable.total th.total 
{
}

#producttable th a
{
	color:#FFFFFF;
}

#producttable .carttotals th
{
	background:#FFBE5B;
	border-right:1px solid #000000;
	border-bottom:none;
	text-align:right;
	color: #000000;
}
#producttable .carttotals td
{
}
#producttable .carttotals .subtotal td, #producttable .carttotals .subtotal th
{
	border-top:1px solid #000000;
}

/***************************************
          PRODUCT PRICING TABLE STYLES
***************************************/

#productpricingtable
{
	border:1px solid #000000;	
	background: #ffffff;
}

/*EVEN ROWS*/
#productpricingtable tr.evenprice
{
	background: #eeeeee;
}

/*ODD ROWS*/
#productpricingtable tr.oddprice
{
	background: #ffffff;
}


/*ALL CELLS*/
#productpricingtable td
{
	padding:3px;
	font-size: 10px;
	background: #ffffff;
}

/*HEADERS */
#productpricingtable th
{
	background:#FD903A;
	font-size: 10px;
	padding:3px;
	text-align:center;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;	
}

#productpricingtable th a
{
	color:#FFFFFF;
}





/***************************************
       PAGING STYLES
***************************************/

.toppaging a
{
	text-decoration:none;
}
.bottompaging a
{
	text-decoration:none;	
}
.toppaging, .bottompaging
{
	line-height:25px;
	font-size: 11px;
	border:none;
	height:25px;
}
.toppaging .position
{
	padding-left:10px;
	float:left;
	height:25px;	
}
.toppaging .navigation
{
	text-align:right;
	padding-right:10px;
	float:right;
	height:25px;	
}
.bottompaging .position
{
	background: url(../images/background_blcorner.gif) bottom left no-repeat;
	padding-left:10px;
	float:left;
	height:25px;	
}
.bottompaging .navigation
{
	background: url(../images/background_brcorner.gif) bottom right no-repeat;
	text-align:right;
	padding-right:10px;
	float:right;
	height:25px;	
}

.toppaging a.first, .bottompaging a.first
{
	background: url(../images/icon_first.gif) 0 0 no-repeat;
	height:12px;
	width:20px;
}

.toppaging a.previous, .bottompaging a.previous
{
	background: url(../images/icon_previous.gif) 0 0 no-repeat;
	height:12px;
	width:20px;
}

.toppaging a.next, .bottompaging a.next
{
	background: url(../images/icon_next.gif) 0 0 no-repeat;
	height:12px;
	width:20px;
}

.toppaging a.last, .bottompaging a.last
{
	background: url(../images/icon_last.gif) 0 0 no-repeat;
	height:12px;
	width:20px;
}

.toppaging a.first span, .bottompaging a.first span, .toppaging a.previous span, .bottompaging a.previous span, .toppaging a.next span, .bottompaging a.next span, .toppaging a.last span, .bottompaging a.last span
{
	visibility:hidden
}

/***************************************
       RELATED PRODUCT STYLES
***************************************/

#rightcontent h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#relatedproducts h4
{
	margin:0;
	font-size:12px;
}

#relatedproducts li
{
	padding:5px 0;
}

#relatedproducts p
{
	font-size:10px;
	line-height: 1.1em;
}

#relatedproducts img
{
	border: 1px solid #ffffff;
	margin-left:5px;
}

/***************************************
             PRODUCT STYLES
***************************************/

.product .caption
{
	color: #666666;
	font-size: 11px;
	margin:5px 10px;
}

.product .productphoto img
{
	background: #3A76A9;
}

.product h2
{
}

/***************************************
             CATEGORY STYLES
***************************************/
#subcategories
{
	margin:0;
	padding:0;
}

#subcategories li
{
	padding-left:22px;
	list-style:none;
	margin-bottom:5px;
	position:relative;
}

#subcategories li.products
{
	background: url(../images/icon_list.gif) 0 0 no-repeat;
}

#subcategories li.category
{
	background: url(../images/icon_folder.gif) 0 0 no-repeat;
}

/***************************************
          REGISTRATION STYLES
***************************************/

.form
{
width:100%;
}

.form th
{
	text-align:right;
	vertical-align:top;
	padding-right:5px;
	padding-top:3px;
}

.form td
{
	vertical-align:top;
}

.form th h2
{
	text-align:left;
	margin:10px 0 0 60px;
}

.format
{
	color:#999999;
	margin:0;
	font-size: 9px;
}

/***************************************
          SHOPPING CART STYLES
***************************************/


#shoppingcart
{
	border-collapse:collapse;
	width:100%;
}

#shoppingcart td
{
	vertical-align:top;
	padding:5px;
}

#shoppingcart .totals td
{
	text-align:right;
}

#shoppingcart tr.even td
{
	background: #eeeeee;
	border:1px solid #666666;
	padding:10px;
}

#shoppingcart tr.odd td
{
	border: 1px solid #666666;
	padding:10px;
}




/***************************************
          GENERAL STYLES
***************************************/
.smalllink
{
	font-size:smaller;
}

.errortext
{
	margin:10px 30px;
	color:#990000;
	padding:20px;
	border: 1px solid #990000;
}

.msgtext
{
	margin:10px 30px;
	color:#009900;
	padding:20px;
	border: 1px solid #009900;
}

.even
{
	background: #eeeeee;
}

.nobreak
{
	white-space: nowrap;
}

.calendarbutton
{
	margin: 0;
	margin-left: 3px;
	margin-bottom: -2px;
	cursor: pointer;
}

.calendartextinput
{
	width: 75px;
}

/***************************************
          FORM STYLES
***************************************/

#content form
{
	margin:0;
}

#content .form h3
{
	text-align:left;
	padding:15px 0 0 0;
}

button.datepickertrigger{
	background: transparent url(../images/icon_calendar.png) 50% 50% no-repeat;
	border:none;
	height:20px;
	width:20px;
	cursor: pointer;
}


/***************************************
          CUSTOMER TABLE STYLES
***************************************/

/* HEADERS */
#customertable
{
	width: 100%;
}

#customertable th
{
	background:#FD903A;
	padding:5px;
	text-align:center;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}

/***************************************
          CHECKOUT TABLE STYLES
***************************************/

/* HEADERS */
#checkouttable
{
	width: 100%;
}

#checkouttable th
{
	background:#FD903A;
	padding:3px;
	text-align:center;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}

/***************************************
          HOMEPAGE STYLES
***************************************/
.featuredproduct
{
	width:130px;
	height:270px;
	padding:20px;
	margin:0 6px;
	float:left;
	position:relative;
	background: url(../images/background_featuredproduct.gif) top left no-repeat;
	text-align:center;
	overflow:hidden;
}

.featuredproduct img
{
	border:2px solid #ffffff;
	margin-bottom:10px;
}

.featuredproduct p, .featuredproduct h4 {
	text-align:left;
	margin:0;
}

/***************************************
          View Order
***************************************/

/* HEADERS */
#viewOrder
{
	width: 100%;
}
/*
#viewOrder th
{
	background:#FD903A;
	padding:1px;
	text-align:center;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}
#viewOrder td.leftheader
{
	background:#FD903A;
	padding:1px;
	text-align:right;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}
*/
/***************************************
          A/R Aging
***************************************/

/* HEADERS */
#araging
{
	width: 100%;
	text-align: center;
}

#araging table
{
	width: 100%;
	border: 1px solid grey;
}

#araging th
{
	background:#FD903A;
	padding:1px;
	text-align:center;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}

#araging td.leftheader
{
	background:#FD903A;
	padding:1px;
	text-align:right;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}

/***************************************
        SOTHINK MENU STYLES
***************************************/


.st_divcss, .st_tdcss, .st_ftcss, .st_acss
{
	border:none;
	background:none;
}