/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.clear {clear: both;}

.boxText
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.errorBox
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #ffb3b5;
	font-weight: bold;
}

.stockWarning
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #cc0033;
}

.productsNotifications { background: #f2fff7; }

.orderEdit
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #70d250;
	text-decoration: underline;
}

BODY
{
	text-align: center;
	background: #b5a38d;
	color: #000000;
	margin: 0px;
}


.layoutBG
{
	margin: 0px;/*

	background-image: url(images/layout/bg_line_tile.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	width: 100%;
	height: 324px;
	position: absolute;
	top: 108px;
	z-index: -1;
	border-width: 2px 0px 2px 0px;
	border-color: #464646;
	border-style: solid;
*/
}

.fixcenter
{
	width: 800px;
	border-width: 2px;
	background: #ffffff;
	color: #000000;
	margin: auto;
	margin-top: 0px;
	text-align: left;
	z-index: 1;
	overflow: default;
	border-color: #464646;
	border-style: solid;
}

#primaryNav
{
	width: 800px;
	background-image: url(images/layout/header_main_image.jpg);
	background-repeat: no-repeat;
	border-bottom: #464646;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	background-position: 0 0;
	padding: 285px 0 0 0;
}

#btnOverlay
{
	position: absolute;
	top: 340px;
	right: 410px;
	width: 225px
	height: 50px;
}

#headerRow1
{
	width: 800px;
	height: 16px;
	margin: auto;
	margin-top: 20px;
	padding: 0 10px 0 0;
}

#headerRow2
{
	width: 800px;
	height: 9px;
	border-bottom: #464646;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	background-color: #7b6f63;
}

#headerRow3
{
	width: 800px;
	height: 59px;
	border-bottom: #464646;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	background-color: #918577;
}


#cartButton
{
	width: 150px;
	float: right;
	top: 10px;
	right: 25px;
	bottom: 0;
	left: 0;
	position: relative;
}

#logo
{
	width: 287px;
	float: left;
	display: block;
}

A
{
	color: #000000;
	text-decoration: none;
}

A:hover
{
	color: #910915;
	text-decoration: underline;
}

FORM { display: inline; }
TR.header { background: #ffffff; }
TR.headerNavigation { background: #bbc3d3; }

TD.headerNavigation
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #bbc3d3;
	color: #ffffff;
	font-weight: bold;
}

A.headerNavigation { color: #FFFFFF; }
A.headerNavigation:hover { color: #ffffff; }
TR.headerError { background: #ff0000; }

TD.headerError
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

TR.headerInfo { background: #00ff00; }

TD.headerInfo
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.footerImages
{
	background: #b5a38d;
	border-color: #464646;
	border-width: 2px 1px 1px 1px;
	border-style: solid;
}

.footer
{
	background: #b5a38d;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	line-height: 24px;
	border-color: #464646;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
}

/*
TD.footer
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #b5a38d;
	color: #ffffff;
	font-weight: bold;
}
*/

.infoBox
{
	background: #b5a38d;
	margin: 5px;
	width: 96%;
}

.infoBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.infoBoxNotice { background: #FF8E90; }

.infoBoxNoticeContents
{
	background: #FFE6E6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

TD.infoBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

TD.infoBox, SPAN.infoBox
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.contentBox
{
	background: #FFFFFF;

}

TD.contentBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.contentBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	padding: 5px;
}

.indexTable1
{
	border-color: #999;
	border-width: 0px 3px 3px 0px;
	border-style: double;
}

.indexTable2
{
	border-color: #999;
	border-width: 0px 0px 3px 0px;
	border-style: double;
}

.indexTable3
{
	border-color: #999;
	border-width: 0px 3px 0px 0px;
	border-style: double;
}
.indexTable4
{
	border-color: #999;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
}

.BestSellersBox { background: #b5a38d; }

TD.BestSellersBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.BestSellersBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.CategoriesBox
{
	background:#b5a38d;
}

.leftColumn
{
	border-color: #464646;
	border-width: 0px 1 0px 0px;
	border-style: solid;
	min-height: 600px;
	background-color: #cba172;
	background-image: url(images/layout/bg_column_left.gif);
	background-repeat: no-repeat;
}

TD.CategoriesBoxHeading
{
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #AF6F28;
}


TD.CategoriesBoxHeadingContents
{
	/*
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(images/layout/browse_by_category.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #AF6F28;
*/
	text-transform: uppercase;
	overflow: default;
	visibility: hidden;
}


.CategoriesBoxNewHeader
{
	width: 247px;
	height: 40px;
	border-color: #464646;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-image: url(images/layout/browse_by_category.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #AF6F28;
}

.CategoriesBoxContents
{
	background: #e7d4be;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

#currencySelector
{
	width: 220px;
	float: right;
	border-width: 1px;
	border-color: #464646;
	border-style: solid;
	padding: 0 0 0 3px;
	position: relative;
	top: 15px;
}

.selectorText
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	height: 25px;
	line-height: 25px;
}

.CurrenciesBox
{
	background-color: #918577;
	float: right;
}

TD.CurrenciesBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.CurrenciesBoxContents
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.InformationBox { background: #b5a38d; }

TD.InformationBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.InformationBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.LanguagesBox { background: #b5a38d; }

TD.LanguagesBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.LanguagesBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.ManufacturerInfoBox { background: #b5a38d; }

TD.ManufacturerInfoBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.ManufacturerInfoBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.ManufacturersBox { background: #b5a38d; }

TD.ManufacturersBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background:# b5a38d;
	color: #ffffff;
}

.ManufacturersBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.OrderHistoryBox { background: #b5a38d; }

TD.OrderHistoryBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.OrderHistoryBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.ProductNotificationsBox { background: #b5a38d; }

TD.ProductNotificationsBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.ProductNotificationsBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.ReviewsBox { background: #b5a38d; }

TD.ReviewsBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.ReviewsBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.SearchBox { background: #b5a38d; }

TD.SearchBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.SearchBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.ShoppingCartBox { background: #b5a38d; }

TD.ShoppingCartBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.ShoppingCartBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.SpecialsBox { background: #b5a38d; }

TD.SpecialsBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.SpecialsBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.TellaFriendBox { background: #b5a38d; }

TD.TellaFriendBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.TellaFriendBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.WhatsNewBox { background: #FFFFFF; }

TD.WhatsNewBoxHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #b5a38d;
	color: #ffffff;
}

.WhatsNewBoxContents
{
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #FFFFFF; }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even
{
	background: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #b5a38d;
}

TABLE.productListing
{
	border: 1px;
	border-style: solid;
	border-color: #b5a38d;
	border-spacing: 1px;
}

.productListing-heading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #b5a38d;
	color: #FFFFFF;
	font-weight: bold;
}

TD.productListing-data
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

A.pageResults { color: #0000FF; }

A.pageResults:hover
{
	color: #0000FF;
	background: #FFFF33;
}

.pageHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #7b6f63;
	padding: 5px;
}

.indexPageHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #9a9a9a;
	background: #910915;
	height: 39px;
	border-color: #464646;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

TR.subBar { background: #f4f7fd; }

TD.subBar
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}

TD.main, P.main
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	padding: 5px;
}

TD.smallText, SPAN.smallText, P.smallText
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

TD.accountCategory
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #aabbdd;
}

TD.fieldKey
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

TD.fieldValue
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

TD.tableHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.newItemInCart
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

TEXTAREA
{
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

SPAN.greetUser
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}

TABLE.formArea
{
	background: #f1f9fe;
	border-color: #7b9ebd;
	border-style: solid;
	border-width: 1px;
}

TD.formAreaTitle
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.markProductOutOfStock
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}

SPAN.productSpecialPrice
{
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
}

SPAN.errorText
{
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
}

.moduleRow { }

.moduleRowOver
{
	background-color: #D7E9F7;
	cursor: hand;
}

.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #8c8c8c;
}

.checkoutBarCurrent
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* message box */
.messageBox
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.messageStackError, .messageStackWarning
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #ffb3b5;
}

.messageStackSuccess
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #99ff00;
}

/* input requirement */
.inputRequirement
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

.cssButton
{
	background-image: url(images/layout/btn_bg_tile.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	color: #FFFFFF;
	width: 100px;
	height: 20px;
	vertical-align: top;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #645e5b;
	border-spacing: 1px;
	line-height: 20px;
}

#thecategories a:hover
{
	background-color: #bf8c53;
	color: #000000;
}

.catwithsubs, .catwithnosubs
{
	padding: 0 10px 0 0;
	margin: 0;
	float: left;
}

#thecategories
{
	position: relative;
	top: -1px;
	bottom: 0px;
	margin: 0px;
	width: 247px;
	height: 60px;
	padding: 0px;
	background: #e7d4be;
}

.activelink
{
	display: block;
	font-weight: bold;
}

#thecategories a
{
	display: block;
	width: 100%;
}

/*mozilla fix*/
html>body #thecategories a { width: auto; }

/*end of mozilla fix*/
#topcat a
{
	background: #910915;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1pt;
	border-color: #464646;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	height: 30px;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
#secondcat a 
{ 	
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	border-color: #464646;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	height: 30px;
	margin: 0;
	padding: 0;
	line-height: 30px; 
}
#thirdcat a { padding-left: 35px; }
#fourthcat a { padding-left: 50px; }
#fifthcat a { padding-left: 65px; }

.indexText
{
	font-size: 11px;
	font-weight: bold;
	color: #464646;
}

.indexPrice
{
	font-size: 12px;
	font-weight: bold;
	color: #910915;
	background-color: #CCC;
	width: 100px;
	padding: 2px;
	margin: 4px;
}

.listName
{
	font-size: 11px;
	font-weight: bold;
	color: #464646;
}

.price
{
	font-size: 11px;
	font-weight: bold;
	color: #910915;
}

.wholesaleBtn
{
	position: relative;
	margin: 0px auto 0px auto;
}

.subheader
{
	font-size: 12px;
	font-weight: bold;
	color: #464646;
}

.newsHeadline
{
	font-size: 11px;
	font-weight: bold;
	color: #464646;
}

#banners-top {
margin: 0 auto;
width:800px;
}


/*MAIN-PAGE-CSS*/

body#main {
background: #FFF url(http://teckelklub.com/catalog/images/bg.jpg);
background-position:0 0;
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
background-repeat:repeat-x;
padding: 0;
font-size:12px;
}

.fixcenter-main {
color:#111;
margin:0 auto;
text-align:left;
width:980px;
}

body#main #headerRow3 {
height:155px;
width:980px;
background: none;
}

body#main #primaryNav {
background: url(http://teckelklub.com/catalog/images/banner-main.jpg);
background-position:0 0;
background-repeat:no-repeat;
height: 210px;
border: none;
width:980px;
padding: 0;
}


body#main #top-nav ul li {
float:left;
list-style-type:none;
margin-top:10px;
}

body#main #top-nav {
background: url(http://teckelklub.com/catalog/images/nav-top/bg.png) repeat-x;
width: 100%;
margin: 0;
padding: 0;
height: 45px;
}

body#main #top-nav ul {
width: 980px;
margin: 0 auto;
}


body#main #top-nav ul li a {
margin-right: 200px;
padding: 0;
display: block;
text-transform:uppercase;
color: #FFF;
margin-right:190px;
}

body#main #top-nav ul li a#nav-checkout {margin: 0;}

body#main #top-nav ul li a:hover {
color: #111;
background: #FFF;
}

a#ad-left {
background:url(http://teckelklub.com/catalog/images/ad-left.png) no-repeat;
height: 61px;
text-indent: -9999px;
display: block;
width:482px;
float: left;
}

a#ad-right {
background:url(http://teckelklub.com/catalog/images/ad-right.png) no-repeat;
height: 61px;
float: left;
text-indent: -9999px;
display: block;
width:558px;
}

body#main .leftcolumn {
background: #FFF;
border: none;
}

body#main #col-left {
background:url(http://teckelklub.com/catalog/images/title-cats.png) no-repeat;
height: 415px;
}


body#main #col-left ul li {
color:#111111;
list-style-type:disc;
}

body#main #col-left a.nav-teck {
background:url(http://teckelklub.com/catalog/images/nav-teckelklub.png) no-repeat;
height: 60px;
text-indent: -9999px;
display: block;
width:313px;
}

body#main #col-left a.nav-nirv {
background:url(http://teckelklub.com/catalog/images/nav-nirvana.png) no-repeat;
height: 67px;
text-indent: -9999px;
display: block;
width:313px;
}

body#main #col-left a.nav-sweet {
background:url(http://teckelklub.com/catalog/images/nav-sweet.png) no-repeat;
height: 63px;
text-indent: -9999px;
display: block;
width:313px;
}

#page-wrap h2.title-feat {
background:url(http://teckelklub.com/catalog/images/title-feautured.png) no-repeat;
height: 34px;
text-indent: -9999px;
display: block;
width:500px;
}

body#main .footer {background: #FFF !important;}

body#main #headerRow3 {
border: none;
}

body#main ul#sub-menu {
margin:50px 0 0 40px;
}

body#main ul#sub-menu li {
color:#111111;
font-size:3em;
font-weight:bold;
line-height:1.2em;
}

#header-nav ul {float: right;}
#header-nav ul li {float: left; margin-right: 5px; font-size:0.9em; color: #FFF; list-style-type: none;}
#header-nav ul li a {color: #FFF; text-decoration: underline;}
#header-nav ul li a:hover {color: #CCC;}

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	font-size: 1em;
}
ul.topnav li {
	float: left;
	margin: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{

}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif) no-repeat 10px center;
}

ul#sub-menu li a {text-transform: uppercase; font-size: 0.8em;}

h2 a.title-ad {

display: block;
float: left;
font-size: 1.8em;
margin: 30px 0 40px 0;
height: 24px;
}

h2 a.title-ad:hover {
background: url(http://teckelklub.com/catalog/images/title-hot-deals-hover.png) no-repeat;
display: block;
margin: 30px 0 40px 0;
text-indent: -9999px;
height: 24px;
}

#wrap-content {width: 980px; margin: 0 auto;}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
height:120px;
margin-left:20px;
overflow:hidden;
position:relative;
width:530px;

	/* custom decorations */

	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* styling for the image wrapper  */
#image_wrap {
	/* dimensions */
	width:500px;
	margin:15px 0 15px 40px;
	padding:15px 0;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
}

#main-footer {
height:50px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding-top:40px;
width:980px;
}

#main-footer p {text-align: left; color: #111;}

#header-logo-info {width: 400px; float: left;}
#header-logo-info ul {height:30px; margin:10px 0 0; padding:0; width:400px;}
#header-logo-info ul li {float: left; color: #FFF; list-style-type: none; display: block; height:32px;}
#header-logo-info ul li img {float:left;  display: block; height:32px; margin-right:5px; width:32px;}
#header-logo-info ul li span {float:left;  display: block; height:32px; margin-right:2px; margin-top: 8px;}
#header-logo-info ul li span a {float:left;  display: block; height:32px; margin-right:2px; color: #FFF; text-decoration: underline;}
#header-logo-info ul li span a:hover {color: #111;}

#main-links {display: block; height: 50px;}
#main-links ul li {float: left; list-style-type: disc; font-size: 20px; margin-right: 50px;}