/*--------------------- TechXpress Inc. ---------------------*/
/*------------------------ Style.css ------------------------*/
/*-- STANDARD --*/
p { line-height: 1.5em ; }
h1 { font-size:15px }
h2 { font-size:14px }
h3 { font-size:13px }
h4 { font-size:12px }
h5 { font-size:11px }
body
{ font-size:11px ; font-family: Arial, Helvetica, sans-serif; color: #5E4F41;  text-decoration: none; margin: 0; padding: 0; background-color: #42260A;}
td 
{color: #5E4F41;  text-decoration: none; }
th
{color: #5E4F41;  text-decoration: none; }
a:link
{color: #5E4F41;  text-decoration: none; }
a:visited				
{color: #5E4F41;  text-decoration: none; }
a:active
{color: #5E4F41;  text-decoration: none; }
a:hover 
{color: #5E4F41;  text-decoration: underline; }

/*-- Regular short style for form elements --*/
.short { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7C7C7C; text-decoration: none; }

/* --------------------------------- Centering Class -------------------------------------- */
.center {
margin-right: auto; margin-left: auto;
}
/*------------------------------------ Underline Class ------------------------------------- */
.underline a:link {text-decoration: underline;}
.underline a:visited {text-decoration: underline;}
.underline a:active {text-decoration: underline;}
.underline a:hover {text-decoration: none;}

/* ----------------Alsett clearing method ------------------------------------------- */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix {height: 1%}
.clearfix {display: block;}

/* ----------------------- Site Specific Layout ----------------------------------- */

div#main {width: 939px; margin-right: auto; margin-left: auto;}

div#l_header {float: left;}

div#r_header {float: left; margin-top: 56px;}

div#top_nav {background-image: url(images/koffee_klatsch_14.gif); background-repeat: repeat-x;}

div#search {float: left; margin-right: 2px;}

div#search_box_1 {float: left; margin: 7px 3px 0 0;}

div#search_box_2 {float: left; margin: 7px 3px 0 0;}

div#go {float: left;}

div#nav_group {float: right;}

div#table_container {background-image: url(images/primary_bg_80.gif); background-repeat: repeat-y;}

div#items {margin: 2px 0 0 48px;}

div#account_padding {margin: 5px 0 0 45px;}

div#my_account {float: left; font-weight: bold; margin-left: 5px;}

div#categories {background-image: url(images/categories_bg_31.gif); background-repeat: repeat-y; position: relative;}
div#categories h1{font-size: 11px; font-weight: bold; line-height: 1.1em; margin: 0 0 0 10px; padding: 0 0 0 16px; background-image: url(images/koffee_klatsch_32.gif); background-repeat: no-repeat; background-position: 0 2px;}
div#categories ul{margin: 0; padding: 6px 0 10px 0; list-style-type: none;}
div#categories li{padding: 6px 0 9px 0; background-image: url(images/koffee_klatsch_35.gif); background-repeat: no-repeat; background-position: 10px bottom;}

div#right_container {background-image: url(images/bbb_new_01.jpg); background-repeat: no-repeat;}

div#left {float: left; width: 621px;}

div#right {float: left; padding: 60px 0 10px 15px;}

.ad {background-image: url(images/ad_breaker_43.gif); background-repeat: no-repeat; background-position: 0 bottom; padding: 10px 0 10px 0;} 
.ad img{border: 1px solid #6B5948;} 

.ad_bottom {padding: 10px 0 10px 0;} 
.ad_bottom img{border: 1px solid #6B5948;}

#bbb_new {position: relative;}

#bbb_fix {position: absolute; top: 0; left: 636px;} 


div#bottom_breaker {background-image: url(images/koffee_klatsch_84.gif); background-repeat: repeat-x; margin-right: 9px;}

div#footer_links {background-image: url(images/koffee_klatsch_89.gif); background-repeat: repeat-x; margin-right: 9px;}

div#address {float: left; color: #FFFFFF; padding: 10px 0 0 5px;}

div#links {float: right; color: #FFFFFF; padding: 10px 4px 0 0;}
div#links a:link{color: #FFFFFF;} 
div#links a:visited{color: #FFFFFF;} 
div#links a:active{color: #FFFFFF;} 
div#links a:hover{color: #FFFFFF;} 

div#byline {color: #FFFFFF;}
div#byline a:link{color: #FFFFFF;}
div#byline a:visited{color: #FFFFFF;}
div#byline a:active{color: #FFFFFF;}
div#byline a:hover{color: #FFFFFF;}


/* -------------------------- Docs Specific Layout ---------------------------------- */

div#intro_text {padding: 0px 30px 20px 75px; margin-top: -17px;}
div#intro_text p{margin: 10px 0 0 0; padding: 0;}

div#product_margins {margin: 0 0 10px 20px;}

div#product_area {background-color: #E1D8B7; width: 589px;}

.product_cat {float: left; width: 272px; padding: 13px 5px 10px 14px;}

.cat_img {float: left; border: 1px solid #73614F; margin-right: 10px;}

.desc_group {float: left; width: 160px;}

.cat_title{font-size: 12px; font-weight: bold; padding-bottom: 5px;}

.brands {padding-bottom: 10px;}
.brands a:link{text-decoration: underline;}
.brands a:visited{text-decoration: underline;}
.brands a:active{text-decoration: underline;}
.brands a:hover{text-decoration: none;}

div#research {background-image: url(images/research_bg_58.jpg); background-repeat: no-repeat; background-color: #E1D8B7; width: 589px;}

div#research_text {padding: 7px 20px 0 90px;}
div#research_text p{margin: 0; padding: 0;}

div#research_button {padding: 9px 0 9px 90px;}

.page_margins {width: 548px; margin: 0 0 0 20px; padding: 15px 20px 20px 20px; background-color: #E1D8B7;}
.page_margins p{margin: 10px 0 0 0; padding: 0;}

.bottom_cap {margin: 0 0 20px 19px;}


.catHead {margin-bottom: 5px; border-bottom: 1px solid #888; border-top: 1px solid #888;font-weight:bold;}
form{margin:0;padding:0;}

.ecomm_button { background-color: #F0EDDC; color: #553311; font-weight: bold; border: 1px solid #888; cursor: pointer; }
.ecomm_textbox { color: #553311; }
select { color: #553311; }