/* @override http://209.85.126.55/style.css */

/* @override http://209.85.126.55/style.css */

/* 
bbkase.com CSS style
Author: Brian Dodson, Tool Studios, brian@toolstudios.com
Last Updated: 07.21.07
 */

/* @group Layout */

* {font-family: 'Trebuchet MS', Arial, sans-serif;}

html {}

body {text-align:center;/* Used for centering #container */ font-size:12px; line-height: 18px; background: url(images/bg.gif) repeat;}

#container {margin:0px auto;/* centers the page */ text-align:left; width:961px; background-color:#FFFFFF;}

.frameLeft {background: url(images/frame_left.jpg) right repeat-y;}
.frameRight {background: url(images/frame_right.jpg) left repeat-y;}

.frameNavLeft {display: block; width: 6px; height:54px; background: url(images/frame_left.jpg) right; float: left;}

.frameNavRight {display: block; width: 5px; height:54px; background: url(images/frame_right.jpg) left; float: right;}

.header {background: url(images/header.jpg) no-repeat top left; width: 961px; height: 160px; overflow:hidden;}
.header a b, .header a:hover b, .header a:visited b, .header a:active b {position: relative; left: 3000em; text-decoration:none;}
.header a, .header a:hover, .header a:active, .header a:visited {text-decoration:none; display:block; width:600px; float:left;}

.pageContent {padding: 10px 20px;}

/* @end */

/* @group Parent Tags */

a, a:link, a:visited {text-decoration:none; color: #7E321B;}
a:hover, a:active {text-decoration:underline; color: #7E321B;}

p {font-size:1em; color: #767543; margin-bottom: 1em;}
	p.small {font-size:1em;}
	p.large {font-size:1.2em;}

h1 {font-size:1.6em; color: #7E321B; margin-bottom: 0.6em; margin-top: 1em;}
	h1 a:link, h1 a:visited {}
	h1 a:hover, h1 a:active {}

h2 {font-size:1.8em;}
	h2 a:link, h2 a:visited {}
	h2 a:hover, h2 a:active {}
	
h3 {font-size:1.6em;}
	h3 a:link, h3 a:visited {}
	h3 a:hover, h3 a:active {}
	
h4 {font-size:1.4em;}
	h4 a:link, h4 a:visited {}
	h4 a:hover, h4 a:active {}
	
ol {font-size:0.9em;}
	ol li {}
	ol li a:link, ol li a:visited {}
	ol li a:hover, ol li a:active {}

ul {font-size:1em; margin-left:15px;}
	ul li {}
	ul li a:link, ul li a:visited {}
	
form {margin:0; padding:0;}

input, textarea, select {}

/* @end */

/* @group Navigation */

#nav {position: relative;z-index:5;/* Needed when dropdown/flyout menus are used */display:block; height:51px;}
	
	/* Rollovers use the same image as normal state, just change position on :hover. 
	This eliminates onload scripts and similar file load scripts */
		
	a.homeNav {display:block; background:url(images/nav_home.jpg) top left no-repeat; width:195px;height: 51px;}
	a.homeNav:hover {display:block; background:url(images/nav_home.jpg) bottom left no-repeat; width:195px; height: 51px;} /* change position of bg image for rollover*/
	a.homeNavActive {display:block; background:url(images/nav_home.jpg) bottom left no-repeat; width:195px; height: 51px;} /* change position of bg image for active state */
		
	a.aboutNav {display:block; background:url(images/nav_about.jpg) top left no-repeat; width:186px; height: 51px;}
	a.aboutNav:hover {display:block; background:url(images/nav_about.jpg) bottom left no-repeat; width:186px; height: 51px;}
	a.aboutNavActive {display:block; background:url(images/nav_about.jpg) bottom left no-repeat; width:186px; height: 51px;}
		
	a.shopNav {display:block; background:url(images/nav_go_shopping.jpg) top left no-repeat; width:186px; height: 51px;}
	a.shopNav:hover {display:block; background:url(images/nav_go_shopping.jpg) bottom left no-repeat; width:186px; height: 51px;}
	a.shopNavActive {display:block; background:url(images/nav_go_shopping.jpg) bottom left no-repeat; width:186px; height: 51px;}
		
	a.resourcesNav {display:block; background:url(images/nav_resources.jpg) top left no-repeat; width:187px; height: 51px;}
	a.resourcesNav:hover {display:block; background:url(images/nav_resources.jpg) bottom left no-repeat; width:187px; height: 51px;}
	a.resourcesNavActive {display:block; background:url(images/nav_resources.jpg) bottom left no-repeat; width:187px; height: 51px;}
		
	a.contactNav {display:block; background:url(images/nav_contact.jpg) top left no-repeat; width:196px; height: 51px;}
	a.contactNav:hover {display:block; background:url(images/nav_contact.jpg) bottom left no-repeat; width:196px; height: 51px;}
	a.contactNavActive {display:block; background:url(images/nav_contact.jpg) bottom left no-repeat; width:196px; height: 51px;}

	.navParent em {position: relative; left: 3000em;}

	.navParent a, .navParent a:hover, .navParent a:visited {
	text-decoration: none;
}
			
	.floatfix {margin-right:-3px;} /* this fixes the IE 3px bug that is common in this type of float arrangement */ 
		
	#nav ul {margin:0; padding:0; display:inline; width:950px;}
		
	#nav li {text-align:left; list-style-type:none; margin:0; height:51px; display:block; float:left;}
		
	div.navSpacer {height:8px;} /* used if extra space, breaks are needed in nav dropdowns */
		
	.one {z-index: 10;}
	.two {z-index: 20;}
	.three {z-index: 30;}
	.four {z-index: 40;}
	.five {z-index: 100;}
	.five:hover {z-index: 50;}
	/* this last is a special trick that reverses the stacking order of the rightmost
	top link when it or its children are hovered. This, and the previous rules work
	together so that when a user is on the top link of any flyout, they can move 
	vertically to the top link directly above and not have the sticky hoivering zone
	on the flyout get in the way of hovering that top link. */

/* @end */

/* @group Home Page */

.mainAdzone {text-align:center; margin:0 auto;/* centers the adzone */ background-color:#CDD6C0; padding: 10px; margin-bottom: 15px;}

.homeEvents {}
	
.homeNews {}
	
.homeResources {}
		
.homeMessage {}

.featuredProducts {text-align:center; margin:0px auto;/* centers featured products container */}
	.featuredProducts a:link, .featuredProducts a:visited {}
	.featuredProducts a:hover, .featuredProducts a:active {}
	.featuredProductsHeader {font-size: 1.2em; font-weight: bold; color: #5A3D1B;}
	.featuredProductsHeader a {color: #FF9900;}
		
	.productModuleBox {margin:0px auto; text-align:center;/* centers featured products box */}
	.productModule {float: left;width:197px;text-align:center; margin:0 auto;/* centers individual featured products */ font-size:0.9em; line-height: 1.4em; font-weight: bold; padding:15px}
		.productModule a img {text-align:center; margin:0px auto; float:none; border:1px dotted #5A3D1B}
		
	.productModule .priceMain {color:#000000; font-size: 1em; padding-top: 3px;}
	.productModule .priceSale {color:#BF0030; font-size: 1em; padding-top: 3px;}
	.productModule .priceOld {text-decoration:line-through; color:#000000; font-size: 1em; padding-top: 3px;}

/* @end */

/* @group Common Elements */

.accountLinks {vertical-align:middle;}
	.accountLinks a:link, .accountLinks a:visited {}
	.accountLinks a:hover, .accountLinks a:active {}
		.userInfo {display: none;}
		.cartInfo {color:#FFFFFF; border: 1px dotted #FFFFFF; padding:10px; width: 230px; height:20px; font-size: 0.87em; vertical-align: middle; text-align:center;}
			.cartInfo a img {padding-right:2px;} /* lines up the shopping cart icon to the left of the cart text */
			.cartInfo a:link, .cartInfo a:visited, .cartInfo a:hover, .cartInfo a:active {color:#FF0000; float: none; width: auto; display: inline;}

.breadcrumbs {font-size: 1.1em; font-weight: bold; color: #FF9900;}
		.breadcrumbs a:link, .breadcrumbs a:visited {color: #5A3D1B;}
		.breadcrumbs a:hover, .breadcrumbs a:active {}
	
.adImage {}
	
.buttonModule {}

.pageHeader {}

.module {}

.testimonialModule {width: 220px; font-size: 0.9em; color: #7E321B; line-height: 1.5em; border: 1px dotted #5A3D1B; background-color: #EBF5DE; padding: 15px; text-align: left; margin-top:15px;}
.testimonialModule blockquote {margin: 15px;}

.servicesModule {background-color: #FAF0E5; width: 175px; border: 1px dotted #5A3D1B; padding: 15px; color: #7E321B; margin-top: 15px;}
.servicesModule h1 {font-size: 1.2em; margin-top:0px;}
.servicesModule ul li {
	margin: 5px 0px 0px 5px; font-size:0.9em;
}

form {margin:0;}

fieldset {border:none; margin-bottom: 15px;}
.textfield {
	width: 25em;
}
.btn input {
	width: auto; margin-bottom: 15px;
}

legend {border:none; font-size:1.2em; font-weight:bold; color:#7E321B; padding-top:15px; padding-left:0px; text-indent:0; }

label {padding-top:15px; display:block; font-weight:bold;}

.required {color:#BF0030;}
	
.formNote {font-style:italic;}

.btn {padding-top:15px;}
	.btn input {float:left; margin-right:15px;}

/* @end */

/* @group Footer */

#footer {background: url(images/footer_bg.jpg) no-repeat; font-size: 0.9em; color: #FFFFFF; padding: 20px;}

	#footer a:link, #footer a:visited {}
	#footer a:hover, #footer a:active {text-decoration: underline;}
	
	.leftFooterBtn {display: block; width: 110px;float:left; border: 1px dotted #FFFFFF; padding: 10px; margin:5px 15px; font-size: 1.2em; color: #FF9900; text-align:center;}
	.leftFooterBtn a:link, .leftFooterBtn a:visited {
	color:#FF9900; text-decoration: none; text-align:center;
}
	
	.rightFooterBtn {display: block; width: 110px; border: 1px dotted #FFFFFF; padding: 10px; float:right; margin:5px 15px; font-size: 1.2em; color: #FF9900; text-align:center;}
	.rightFooterBtn a:link, .rightFooterBtn a:visited {
	color:#FF9900; text-decoration: none; text-align:center;
}	
	.footerText {text-align:center; margin:0px auto; color: #FFFFFF; padding-top: 15px;}
	.footerText a:link, .footerText a:visited, .footerText a:hover, .footerText a:active {color: #FFFFFF;}
	
	.footerLinks {margin:0px auto; color: #FFFFFF;}
	
	.footerCopy {margin:0px auto; color: #FFFFFF;}

/* @end */

/* @group Resources */

.categoryTitle {font-size: 1.2em;}
		.categoryTitle a, .categoryTitle a:link, .categoryTitle a:visited {color: #7E321B;}
		.categoryTitle a:hover, .categoryTitle a:active {color: #7E321B;}
		
	.categoryDesc {font-size: 1em; line-height: 1.4em;}
		.categoryDesc a, .categoryDesc a:link, .categoryDesc a:visited {}
		.categoryDesc a:hover, .categoryDesc a:active {}
		
	h1.floatLeft {
	font-size: 1.3em;
}
	.subCatTitle {font-size: 1.1em; color: #7E321B;}
		.subCatTitle a, .subCatTitle a:link, .subCatTitle a:visited {color: #7E321B;}
		.subCatTitle a:hover, .subCatTitle a:active {}
		
	.subCatDesc {}
		.subCatDesc a, .subCatDesc a:link, .subCatDesc a:visited {}
		.subCatDesc a:hover, .subCatDesc a:active {}
		
	.title {font-size: 1.2em; float: left; margin-top: 0;}
		.title a, .title a:link, .title a:visited {}
		.title a:hover, .title a:active {}
		
	.shortDesc {}
		.shortDesc a, .shortDesc a:link, .shortDesc a:visited {}
		.shortDesc a:hover, .shortDesc a:active {}
		
	.desc {font-size: 1em;}
		.desc a, .desc a:link, .desc a:visited {}
		.desc a:hover, .desc a:active {}
		
	.thumbImage {}
	
	.resourceImage {}
			
	.listTime {}
	
	.listDate {}
		
	.listInfo {}
		
	.detailsTime {}
		
	.detailsDate {}
		
	.detailsInfo {}
			
	.fileLink {float:right; background:url(images/icon_file.gif) no-repeat left; padding-left:20px; font-size: 0.9em; color:#7E321B;}
	.urlLink {float:right; background:url(images/icon_visitLink.gif) no-repeat left; padding-left:20px; font-size: 0.9em; color:#7E321B;}
			
	.pageControl {float: right;font-size: 1em; color:#000000;}
		.pageControl a, .pageControl a:link, .pageControl a:visited {color:#BF0030;}
		.pageControl a:hover, .pageControl a:visited {color:#BF0030;}
		
	.shopPageControl {font-size: 1em; color:#000000;}
		.shopPageControl a, .shopPageControl a:link, .shopPageControl a:visited {color:#BF0030;}
		.shopPageControl a:hover, .shopPageControl a:visited {color:#BF0030;}
		
			
	.dropDown {}
	
	.empty {}
	
	.lineItem {}

/* @end */

/* @group Shop */

#leftNav {float:left; padding: 20px 0 20px 20px; width: 200px;}
		
		.parentLink {color: #7E321B; font-size: 1.4em; line-height:1.8em; font-weight: bold;}
		.parentLinkActive {color: #7E321B; font-size: 1.4em; line-height:1.8em; font-weight: bold; background:url(images/shop_nav_triangle.gif) right no-repeat;}
		.parentLink:hover {background:url(images/shop_nav_triangle.gif) right no-repeat;}
		.parentLink a:link, .parentLink a:visited {color: #7E321B;}
		.parentLink a:hover, .parentLink a:active {color: #7E321B;}
		
		.childLink {color: #767543; font-size: 1.15em; line-height: 1.5em; font-weight: normal;}
		.childLink a, .childLink a:link, .childLink a:visited {color: #767543;}
		.childLink a:hover, .childLink a:active {color: #767543;}
		
	.shopListTable {width: 690px;}
	
	.shopProducts {font-size: 0.9em;}
	.shopProductsImageModule {margin-top: 10px; width: 150px;}
	.shopProductsImage {text-align:center; margin:0px auto; border:1px dotted #5A3D1B;}
		
		.shopProductsTitle a:link, .shopProductsTitle a:visited {color:#000000; font-size:1.2em; line-height:1.2em; text-decoration:none; font-weight: bold; text-align: center; clear: both;}
		.shopProductsTitle a:hover, .shopProductsTitle a:active {color:#000000; text-decoration:underline;}
			
		.priceMain {font-size:1em; line-height:1.2em; color:#000000;}
		.priceSale {font-size:1em; line-height:1.2em; color:#BF0030;}
		.priceOld {font-size:1em; line-height:1.2em; color:#000000; text-decoration:line-through;}
		
	.shopDetails {}
	.shopDetailsRightCol {padding-right:20px;}
	
	.shopDetailsImageModule {margin:0px 25px 25px 25px;}
	
		.shopDetailsImage {clear:both;}
			.shopDetailsImage img {border:1px dotted #5A3D1B;}
		.shopDetailsImagesSecondary {}
			.shopDetailsImagesSecondary a img {margin-right:10px; border:1px dotted #5A3D1B;}
		
		.viewLargerButton {margin-right:10px; float:left;}
			
	.shopDetailsPrice {color:#000000; line-height:.75em;}
		.shopDetailsPriceMain {font-size:1.58em; color:#000000;}
		.shopDetailsPriceSale {font-size:1.58em; color:#BF0030; line-height:2em;}
		.shopDetailsPriceOld {font-size:1.58em; text-decoration:line-through; color:#000000;}
		
	.shopDetailsTitle {font-size:2.08em; color:#767543; line-height:1.75em;}
		
	.shopDetailsDesc {font-size:12px; line-height:16px; padding:15px 0px;}
	.shopDetailsDesc h2 {font-size:14px; font-weight:bold; color:#767543; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #5A3D1B;}
			
	.shopAttributes {font-size:14px; font-weight:bold; color:#767543; line-height:1.58em; padding:15px 0px;}
	.shopAttributes select {font-size:12px; font-weight:normal;}
	
	.attributeImage img {margin-right:10px; border:1px dotted #5A3D1B; width:25px; height:25px;}
		
	.shopAddtocart {font-size:14px; font-weight:bold; color:#767543; line-height:1.58em; padding:15px 0px;}
	.shopAddtocart select {font-size:12px; font-weight:normal;}
		
	.shopVirtualProduct {font-size:14px; color:#767543; padding:15px 0px;}
		
	.shopVideo {}
		
	.drawRating {}

/* @end */

/* @group Cart */

.cart {font-size:1.2em; border-bottom:1px solid #5A3D1B; padding-bottom:25px; margin-bottom:25px;}
	.cart th {background-color:#f2f2f2; padding:5px; font-weight:bold;}
	.cart td {padding:5px;}
	.items {padding:5px 0px 5px 0px;}

/* @end */

/* @group Utilities */

.noBorder {border:0;}
.noMargin {margin:0;}
.noPadding {padding:0;}

.rowEven {background-color:#F2F2F2; padding:10px;}
.rowOdd {background-color:#FFFFFF; padding:10px;}

.error {font-size:14px; font-weight:bold; color:#BF0030; padding:3px;}
.success {font-size:14px; font-weight:bold; color:6FA138; padding:3px;}

.note {font-style:italic;}

.hrline {margin:5px 0px; padding:0; height:1%; border-bottom:1px dotted #5A3D1B;}

.brclear {clear:both;}

.floatLeft {float:left; margin-right:5px;}
.floatRight {float:right; margin-left:5px;}
.floatNone {float:none;}

.textCenter {text-align:center;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.textJustify {text-align:justify;}

.vcard {}

abbr {border-bottom:none;}

.note {font-style:italic;}

/* @end */

/* @group Fixes */

/* This is to hide the following from IE/Mac. \*/
* html .navButton .navDropDown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html #nav a {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */

/* @end */