/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/
   
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
   Target            : Generic Stylesheet for xtc template
   Copyright         : soft.works 2006
   Last change       : 16. Feb. 2006
   Doctype/DTD       :
   quirksmode        :
   box-sizing        : specified
   UA switching      : none
   hacks             : tantek box hack for IE 5
   tested UAs        : IE 5.5+, NS 7+, Mozilla 1.6+, Op 7+, Safari for Mac and Windows

   casc. selectors   : tag.selector selector-n for boxes and modules
   order for a       : a:link a:visited a:hover a:active a:focus 
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Styles on html tags - - - - - - - - - - - - - - - - - - - - */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 150%;
	text-align: center;
	background: #fff url(img/hehle_bg_body_all.jpg) repeat-x left top;
}

body {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body#popupContent{
	background: #ffffff;
	margin: 10px;
}
#popupContent .contentsTopics{
	color: #f05223;
	font-size: 130%;
	line-height: 100%;
	font-weight: 600;
	margin-top: 5px;
}
#popupContent td, #popupContent th{
	line-height: 150%;
	font-size: 0.7em;
}


/* td, th font size and line height hack for ie5 */
td,th{
	line-height: 150%;
	font-size: 0.7em;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: 100%;
}

p, ol, ul, div, span, h1, h2, h3, h4, h5, h6, td, th, table, input, textarea, button {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

a {
	color: #ee8b14;
	text-decoration: none;
}
a:visited {
	color: #ee8b14;
	text-decoration: none;
}
a:hover {
	color: #76a500;
	text-decoration: none;
}
a:visited:hover {
	color: #76a500;
	text-decoration: none;
}

h1
{
	color: #ee8b14;
	font-size: 160%;
	line-height: 100%;
	font-weight: 600;
}

h2
{
	color: #ee8b14;
	font-size: 130%;
	line-height: 100%;
	font-weight: 600;
	margin-top: 5px;
}

h3
{
	color: #ee8b14;
	font-size: 115%;
	line-height: 100%;
	font-weight: 600;
}

h4
{
	color: #ee8b14;
	font-size: 110%;
	line-height: 100%;
	font-weight: 600;
}

h5
{
	color: #ee8b14;
	font-size: 105%;
	line-height: 100%;
	font-weight: 300;
}

p, h1, h2, h3, h4, h5 {
	margin: 0px 0px 5px 0px;
}

form
{
	display: inline;
	margin-top: 0px;
	margin-bottom:0px;
}

input
{
	display: inline;
	margin-top: 0px;
	margin-bottom:0px;
}

img
{
	display:block;
	border-style: none;
	border-width: 0px;
}

ol{
	margin: 10px 0px 10px 25px;
	padding: 0px;
}

table, tr, td, th{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px none #FFFFFF;
	border-collapse: collapse;
	empty-cells: show;
}

/* Layout sections - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* we need this for scalability with zoom funcs */

div#globalContainer{
	text-align: left;
	margin: 0px auto 100px auto;
	padding: 0px 0px 0px 0px !important;
	border: 0px none white;
	width: 970px;
	clear: both;
}

div#globalContainerHeader{
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0px none white;
	width: 100%;
	background: #fff url(img/hehle_bg_body_all.jpg) repeat-x left top;
	clear: both;
}

div#headerContainer{
	width: 970px;
	margin: 0px auto 0px auto;
	padding: 0;
	text-align: left;
	vertical-align: bottom;
}

div#logoContainer{
	background: #fff url(img/hehle_logo_top_allx.jpg) no-repeat left top;	
	overflow: hidden;
	max-height: 302px;
	height: 302px;
	width: 970px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 970px;
}

html>body div#logoContainer {
  width: 970px;
} 

div#teaserContainer{
	text-align: right;
	float: right;
	border-top: 1px solid #757575;
	border-right: 1px solid #757575;
	border-bottom: 1px solid #757575;
	overflow: hidden;
	margin-top: 35px;
	height: 95px;
	width: 590px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 589px;
}

html>body div#teaserContainer {
  width: 589px;
} 


/* container for hor menu, navtrail, searchbox */
div#menutopContainer{
	position: relative;
}

div.boxSearchHorizontal{
	z-index: 1000;
	position: absolute;
	float: left;
	display: inline;
	width: 250px;
	height: 4.2307em; /*55px*/
	*height: 4.1250em;
	margin-top: -1.4231em; /*18,5px*/
	*margin-top: -1.3875em;
	background: #aa8d53;
	color: white;
}
div.boxSearchHorizontal a, div.boxSearchHorizontal:visited{
	color: white;
}
div.boxSearchHorizontal a:hover, div.boxSearchHorizontal:visited:hover{
	color: #eee;
}


table.boxSearchHorizontalInner1{
	margin-left: 0.7692em;	
	*margin-left: 0.7500em;
	margin-top: 0.7692em;	
	*margin-top: 0.7500em;	
}
table.boxSearchHorizontalInner2{
}
table.boxSearchHorizontalInner2 td.inputSearch input{
	margin: 0;
	padding: 0;
	border: 1px solid #d4d0c8;
	height: 19px;
	voice-family: "\"}\""; 
	voice-family:inherit;	
	height: 17px;	
}

div#menuNavtrail{
	float: right;
	width: 720px;
	text-align: right;	
	line-height: 200%;
	vertical-align: middle;
	color: #9b9b9b;
	margin-bottom: 20px;
}


div#menuNavtrail a {
	color: #9b9b9b;	
}
div#menuNavtrail a:hover {
	color: #000;
}
div#menuNavtrail a:visited {
	color: #9b9b9b;
}
div#menuNavtrail a:visited:hover {
	color: #000;
}
/*	line-height: 200%;*/
div#menuAccount{
	float: right;
	width: 720px;
	text-align: right;
	vertical-align: middle;
	color: #78a000;
	font-weight: normal;
	letter-spacing: 1px;
}
div#menuAccount a {
	color: #5b5b5b;	
}
div#menuAccount a:hover {
	color: #000000;
}
div#menuAccount a:visited {
	color: #5b5b5b;
}
div#menuAccount a:visited:hover {
	color: #000000;
}

/*#contentContainer table#contentContainerTable td#...  */

div#contentContainer{
	width: 100%;
}

table#contentContainerTable{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px none #FFFFFF;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
}

col#leftColumnDefinition{
	width: 250px;
}

td#leftColumnContainer{
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: left;
}

col#contentColumnDefinition{
	width: 100%;
} 


td#contentColumnContainer{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: left;
	border-left: 1px solid #bdbdbd;
	width: 720px;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 719px;
}
html>body td#contentColumnContainer {
  width: 719px;
} 

col#rightColumnDefinition{
	width: 180px;
}

td#rightColumnContainer{
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px none #FFFFFF;
	vertical-align: top;
	text-align: left;
}


div#bannerContainer{
	display: none;
	width: 100%;
	margin-top: 20px;
}

/* Box styling - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   left-right switching with column container */
   
/* base class used for all boxes */   
.boxGeneric {
	margin-bottom: 20px;
	border-top: 0px none #fff;
	border-bottom: 0px none #fff;
}
#leftColumnContainer .boxGeneric {
}

#rightColumnContainer .boxGeneric {
}

.boxGeneric a {
	color: #5b5b5b;	
}
.boxGeneric a:hover {
	color: #000;
}
.boxGeneric a:visited {
	color: #5b5b5b;
}
.boxGeneric a:visited:hover {
	color: #000;
}


/*use this for templates with only title*/
/*
	height: 20px;
	line-height: 20px;
*/
.boxTitle{
	line-height: 150%;
	padding: 0px 10px 0px 10px;
	font-size: 120%;
	color: #76a500;
	font-weight: bold;
	background-color: #f8f5f0;
	border-bottom: 1px solid #adc144;
	border-top: 1px solid #adc144;
}

/*use this for templates with title and linked icon*/
.boxTitleContainer{
	background-color: #f8f5f0;
	border-bottom: 1px solid #adc144;
	border-top: 1px solid #adc144;
}
.boxTitleContainer table{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px none white;
}
.boxTitleContainer td.boxTitleLeft{
	padding: 0px 0px 0px 10px;
	text-align: left;
	width: 90%;
	line-height: 150%;
	color: #76a500;
	font-weight: bold;	
}	
td.boxTitleLeft a{
	color: #76a500 !important;
}

/* ie5 font-size hack*/
.boxTitleContainer td.boxTitleLeft{
	font-size: 0.84em;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: 120%;	
}
.boxTitleContainer td.boxTitleRight{
	padding: 0px 10px 0px 0px;
	width: 10%;
	text-align: right;
}

/*main box content container*/
.boxContent{
	padding: 10px 10px 10px 10px;
	background: transparent;
	line-height: 120%;
	color: #5b5b5b;
}
.boxContent ol, .boxContent ul{
}
.boxContent li{
}

/*box footer, hide, if not needed, no contents in it*/
.boxFooter{
	display: none;
	visibility: hidden;
}

/*within boxContent*/
.boxData{
	text-align: center;
}
.boxDataPrice{
	text-align: center;
}
.boxDataImage{
	text-align: center;
}
.boxDataImage img{
	display: inline;
}
.boxDataMore{
}

/*specific box selectors - see templates/your template/boxes */

/* Add a quicke - - - - - - - - - */
.boxQuickie{
}
.boxQuickieTable{
}
.boxQuickie .inputText input{
	width:140px !important;
	margin-right: 2px;
}

/* Admin - - - - - - - - - */
.boxAdmin{
}

/* Affiliate - - - - - - - */
.boxAffiliate{
}
.boxAffiliate .boxContent{
	padding: 0px 0px 0px 0px !important;
}


/* Bestsellers - - - - - - */
.boxBestsellers{
}
.boxBestsellers .boxData, .boxBestsellers .boxDataPrice{
	text-align: left;
}

/* Cart - - - - - - - - -  */
.boxCart{
	border-top: 0px none #000000;
	color: white;
}

.boxCartTableOuter{
	width: 230px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
	width: 100%;
}
.boxCartTableOuter td{
}
.boxCartTableInner{
	width: 100%;
}
.boxCartTableInner td{
	border-bottom: 1px solid #333;
	color: #5b5b5b;
}
.boxCartDiscount{
	text-align: right;
	color: #ee8b14;
}
.boxCartTotal{
	text-align: right;
	color: #ee8b14;
}
.boxCartGVImage{
}
.boxCartGVText{
}
.boxCartGVAmount{
}

/* Categories - - - - - -  */
.boxCategories{
}
.boxCategories .boxContent{
	padding: 10px 0px 10px 0px !important;
}

/* content manager, information - - - - */
.boxContentManager{
}
.boxContentManager .boxContent{
	padding: 10px 0px 10px 0px !important;
}


/* Currencies - - - - - -  */
.boxCurrencies{
}

/* Info - - - - - - - - -  */
.boxInfobox{
}
.boxInfobox .boxContent{
	text-align: left;
}


/* Languages - - - - - - - */
.boxLanguages{
}

.boxLanguages a img{
	display: inline;
}

.boxLanguages .boxContent{
	text-align: center;
}

.boxLanguagesHorizontal{
	vertical-align: middle;
}
.boxLanguagesHorizontal a img{
	display: inline;
	margin-left: 1px;
}


/* Last viewed - - - - - - */
.boxLastViewed{
}

/* Login - - - - - - - - - */
.boxLogin{
}
.boxLogin .inputSubmitImage{
	padding: 3px 0px 3px 0px;
}

/* Manufacturers - - - - - */

/*
	padding: 5px 10px 5px 10px;
	border-top: 0px none auto;
	border-left: 0px none auto;
	border-right: 0px none auto;
	border-bottom: 1px solid black;
	background-color: #353535;
	background-image: url(img/yoa_bg_gr_353535.gif);
	background-repeat: repeat-x;
	margin-bottom: 0px;
	background-color: #353535 !important;
	color: #f05223 !important;
*/

.boxManufacturers{
}

.boxManufacturers .inputSelect select{
	font-size: 11px;
	width: 94%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 98%;
}

html>body .boxManufacturers .inputSelect select {
  width: 98%;
} 

/* Manufact. Info - - - -  */
.boxManufacturersInfo{
}

/* Newsletter - - - - - -  */
.boxNewsletter{
}
.boxNewsletterTable{
}
.boxNewsletter .inputText input{
	width:140px !important;
	margin-right: 2px;
}


/* Order History - - - - - */
.boxOrderHistory{
}

/* Reviews - - - - - - - - */
.boxReviews{
}

/* Search - - - - - - - -  */
.boxSearch{
}
.boxSearchTable{
}
.boxSearch .inputText input{
	width:140px !important;
	margin-right: 2px;
}

/* Specials - - - - - - -  */
.boxSpecials{
}

/* Whatsnew - - - - - - -  */
.boxWhatsnew{
}

/* Navigation, Menues  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* alternativ zu height in px und line-height in px kann auch lediglich line-height prozentual notiert werden um
   bei Schriftartskalierung entsprechende Vergrößerung zu erreichen
   height: 20px; line-height: 20px;
 */

/* categories navigation - - - - - - - - - - - - - - */
/* in .boxGeneric .boxCategories .boxContent */

.boxCategories ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.boxCategories li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.boxCategories a:link, .boxCategories a:visited {
	color: #5b5b5b;
	display: block;
	line-height: 150%;
	text-decoration: none;
}

.boxCategories a:hover, .boxCategories a:active {
	color: #000;
	display: block;
	line-height: 150%;
	text-decoration: none;
	border-bottom: 0px none #fff;
}

/* affiliates navigation - - - - - - - - - - - - - - */
/* in .boxGeneric .boxAffiliate .boxContent */

.boxAffiliate ul {
	margin: 0px;
	padding: 0px;
}

.boxAffiliate li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.boxAffiliate a:link, .boxAffiliate a:visited {
	color: #5b5b5b;
	display: block;
	line-height: 150%;
	text-decoration: none;
}

.boxAffiliate a:hover, .boxAffiliate a:active {
	color: #000;
	display: block;
	line-height: 150%;
	text-decoration: none;
	border-bottom: 0px none #fff;
}



/* contentmanager navigation - - - - - - - - - - - - - - */
/* in .boxGeneric .boxContentManager .boxContent */

.boxContentManager ul {
	margin: 0px;
	padding: 0px;
}

.boxContentManager li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.boxContentManager a:link, .boxContentManager a:visited {
	color: #5b5b5b;
	display: block;
	line-height: 150%;
	text-decoration: none;
}

.boxContentManager a:hover, .boxContentManager a:active {
	color: #000;
	display: block;
	line-height: 150%;
	text-decoration: none;
	border-bottom: 0px none #fff;
}

/* navigation generic for all levels - - - - - - - - - - - - - - */
.mv-0-no{
	padding: 0px 10px 0px 10px;
	border-bottom: 0px none #fff;
}
.mv-0-act{
	padding: 0px 10px 0px 10px;
	font-weight: bold;
	color: #000!important;
	border-bottom: 0px none #fff;
}
.mv-0-cur{
	padding: 0px 10px 0px 10px;
	font-weight: bold;
	color: #000!important;
	border-bottom: 0px none #fff;
}
.mv-1-no{
	padding: 0px 10px 0px 20px;
	border-bottom: 0px none #fff;
}
.mv-1-act{
	padding: 0px 10px 0px 20px;
	border-bottom: 0px none #fff;
	color: #000!important;
}
.mv-1-cur{
	padding: 0px 10px 0px 20px;
	color: #000!important;
	border-bottom: 0px none #fff;
}
.mv-2-no{
	padding: 0px 10px 0px 30px;
	border-bottom: 0px none #fff;
}
.mv-2-act{
	padding: 0px 10px 0px 30px;
	border-bottom: 0px none #fff;
	color: #000 !important;
}
.mv-2-cur{
	padding: 0px 10px 0px 30px;
	border-bottom: 0px none #fff;
	color: #000 !important;
}
.mv-3-no{
	padding: 0px 10px 0px 40px;
	border-bottom: 0px none #fff;
}
.mv-3-act{
	padding: 0px 10px 0px 40px;
	color: #000 !important;
	border-bottom: 0px none #fff;
}
.mv-3-cur{
	padding: 0px 10px 0px 40px;
	color: #000 !important;
	border-bottom: 0px none #fff;
}
.mv-4-no{
	padding: 0px 10px 0px 50px;
	border-bottom: 0px none #fff;
}
.mv-4-act{
	padding: 0px 10px 0px 50px;
	color: #000 !important;
	border-bottom: 0px none #fff;
}
.mv-4-cur{
	padding: 0px 10px 0px 50px;
	color: #000 !important;
	border-bottom: 0px none #fff;
}

.mv-last{
}
.mv-spacer{
}

/* Modules Styling / Center Modules - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Each module template wrapped by div with two classnames: generic .moduleContainer + .filename
   e.g. class="moduleContainer accountEdit" 
   Priority:
   moduleContainer
   		moduleHeading 1 time
   		moduleMessage
   		moduleError
   		moduleWarning
   		moduleContent n times
   			moduleContentTable
   			moduleContentHeading
   			moduleContentElement
   			moduleContentElementRow
   				moduleContentElementRowHeading
   				moduleContentElementRowImage
   				modulecontentElementRowData
   				moduleContentElementRowCommand
   			moduleContentPaging
   			moduleContentCommand
   			formTableHeader
   			formTableContent
   			formTableFooter
*/

/* generic for all modules - - - - - - - - - - - - - - */
.moduleContainer{
	clear: both;
	padding: 0px 0px 10px 39px;		
	width: 719px;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 680px;	
}


html>body .moduleContainer {
  width: 680px;
} 



.moduleContent{
	clear: both;
}

/* form content in moduleContainers */
.moduleContainer .inputText input, .moduleContainer .inputTextArea textarea, .moduleContainer .inputSelect select{
	width: 50% !important;
}
.moduleContainer .inputLabel{
	font-weight: bold;
}
.moduleContainer input{
	display: inline;
	visibility: visible;
}
/* hidden hidden input fields in ns 7-*/
/* order: form hiddenfields table other fields */

.moduleContainer form input{
	display: none;
	visibility: hidden;
}
.moduleContainer form table input, .moduleContainer form div input{
	display: inline !important;
	visibility: visible !important;
}
.moduleContainer form input.inputHidden{
	display: none !important;
	visibility: hidden !important;
}

.moduleHeading{
}
.moduleHeading h1{
}
.moduleMessage{
	margin-bottom: 10px;
}
.moduleError{
	border: 1px solid #cccccc;
	background: #efefef;
	padding: 5px;
	color: #f05223;
	font-weight: bold;
	margin-bottom: 10px;
}
.moduleWarning{
	margin-bottom: 10px;
}
.moduleContent{
	margin-bottom: 10px;
}

.moduleContent ul{
	padding: 0px;
	margin-left: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: square;
}
.moduleContent li{
}

.moduleContent img{
	display: inline;
}

/*each module content may have an additional class specifying the order*/
.mc-1{
}
.mc-2{
}
.mc-3{
}
.mc-4{
}
.mc-5{
}
.mc-6{
}
.mc-7{
}
.mc-8{
}
.mc-9{
}
.mc-10{
}

.moduleContentHeading{
	font-size: 130%;
	font-weight: bold;
}

.moduleContentElement{
}

.moduleContentElementRow{
	clear: both;
}

.moduleContentElementRowHeading{
	font-size: 115%;
	font-weight: bold;
}
.moduleContentElementRowHeading table{
	width: 100%;
}
.moduleContentElementRowImage{
	display: inline;
	float: right;
	margin-left: 10px;
}
.moduleContentElementRowData{
}
.moduleContentElementRowCommand{
}

.moduleContentPaging{
	text-align:right;
}
.moduleContentCommand{
	text-align:left;
}
.moduleContentCommand img{
	display: inline;
}
.moduleContentCommand table{
	width: 100%;
}
.moduleContentCommand col.column-1, .moduleContentCommand td.column-1{
	width: 50%;
	text-align: left;
}
.moduleContentCommand col.column-2, .moduleContentCommand td.column-2{
	width: 50%;
	text-align: right;
}

/* generic styling for table Listings - - - - - - - - -*/
/* may use combined class names e.g. tr listingRow last even*/
.listingTableContainer{
	margin: 0px;
	padding: 0px;
}
table.listingTable{
	width: 100%;
}
.listingTable tr{
}
.listingTable td{
}
.listingTable th{
	font-size: 110%;
	font-weight: bold;
}
.listingTable thead{
}
.listingTable tfoot{
}
.listingTable tbody{
}
.listingTableInner table{
	width: 100%;
}
.listingTableInner tr{
}
.listingTableInner td{
}
.listingTableInner th{
}
.listingTableInner thead{
}
.listingTableInner tfoot{
}
.listingTableInner tbody{
}
col.column-1, td.column-1{
}
col.column-2, td.column-2{
}
col.column-3, td.column-3{
}
col.column-4, td.column-4{
}
col.column-5, td.column-5{
}
col.column-6, td.column-6{
}
col.column-7, td.column-7{
}
col.column-8, td.column-8{
}
col.column-9, td.column-9{
}


/* generics for align, float, rows, elements - - - - - - - - -*/
.first{
}
.last{
}
.odd{
}
.even{
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.top{
	vertical-align: top;
}
.middle{
	vertical-align: middle;
}
.bottom{
	vertical-align: bottom;
}
.baseline{
	vertical-align: baseline;
}
.nowrap{
	white-space: nowrap;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.clearLeft{
	clear: left;
}
.clearRight{
	clear: right;
}
.clearBoth{
	clear: both;
}
.clearNone{
	clear: none;
}



/* product info, list, cat list - - - - - - - - - - - -*/
.smallDescription{
	font-size: 90%;
	color: #999999;
}
.price{
	font-weight: bold;
	font-size: 130%;
	color: #f05223;
}
.productSpecialPrice, .price .productSpecialPrice {
  color: #f05223;
}
span.productOldPrice, .price span.productOldPrice{
	font-size: 80% !important;
	color: #000000;
	text-decoration: line-through;
}
.productDiscountPrice, .price .productDiscountPrice{
  color: #f05223;
  font-weight: bold;
}

/* specific modules - - - - - - - - - - - - - - - - - -*/
.account{
}
.account .moduleContent{
	border: 1px solid #CCCCCC;
}
.account .moduleContentHeading{
	background: #DDDDDD;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}
.account .moduleContentElement{
	background: #EFEFEF;
	padding: 5px;
}


.accountEdit{
}
.accountHistory{
}
.accountHistoryInfo{
}
.accountHistoryInfo table{
	width: 100%;
}
.accountHistoryInfo .productsBlock{
	border-top: 1px solid black;
}
.accountHistoryInfo .totalBlock{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
}


.accountNewsletter{
}
.accountPassword{
}
.addressBook{
}
.addressBookProcess{
}
.advancedSearch{
}
.advancedSearch .inputText input, .advancedSearch .inputSelect select{
	width: 75% !important;
}
.affiliateBanners{
}
.affiliateBanners .inputText input, .affiliateBanners .inputTextArea textarea{
	width: 95% !important;
}
.affiliateClicks{
}
.affiliateDetails{
}
.affiliateDetailsOk{
}
.affiliateHelp{
}
.affiliateLogout{
}
.affiliatePasswordForgotten{
}
.affiliatePayment{
}
.affiliateSales{
}
.affiliateSignup{
}
.affiliateSignupOk{
}
.affiliateSummary{
}

.alsoPurchased{
	padding-top:10px;
	border-bottom: 1px solid #757575;
}
.alsoPurchased .moduleContentElementRowImage{
	float: right;
}

.categoriesList{
}
.categoriesList .listingTable {
	width: 100%;
}
.categoriesList .listingTable col.column-1{
	width: 48%;
}
.categoriesList .listingTable col.column-spacer{
	width: 4%;
}
.categoriesList .listingTable col.column-2{
	width: 48%;
}
.categoriesList .moduleContentElementRow{
}
.categoriesList .moduleContentElementRowHeading{
	border-style: none;
}
.categoriesList .moduleContentElementRowImage{
	float: left;
	padding: 0px 10px 10px 0px;
	margin: 0px !important;	
}
.categoriesList .moduleContentElementRowImage img{
	margin: 0px;
	padding: 0px;
}
.categoriesList .moduleContentElementRowData{
}

.checkoutShipping{
}
.checkoutShipping .listingTable col.column-1{
	width: 5%;
}
.checkoutShipping .listingTable col.column-2{
	width: 75%;
}
.checkoutShipping .listingTable col.column-3{
	width: 15%;
}
.checkoutShipping .listingTable col.column-4{
	width: 5%;
}

.checkoutShippingAddress{
}

.checkoutPayment{
}
.checkoutPayment .listingTable col.column-1{
	width: 5%;
}
.checkoutPayment .listingTable col.column-2{
	width: 75%;
}
.checkoutPayment .listingTable col.column-3{
	width: 15%;
}
.checkoutPayment .listingTable col.column-4{
	width: 5%;
}
.checkoutPayment .userDefined table{
	margin: 0px;
	padding: 0px;
	border: 0px none white;
	width: 100%;
}
.checkoutPayment .userDefined .main{
	font-size: 120%;
	font-weight: bold;
}

.checkoutPayment .userDefined table.infoBox{
	border: 1px solid #cccccc;
	margin: 5px 0px 5px 0px;
	border-collapse: separate;
}
.checkoutPayment .userDefined table.infoBox td{
	padding: 2px 0px 2px 5px;
	background: #efefef;
}
.checkoutPayment .userDefined table.infoBox td td{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	border: 0px none white !important;
	background: transparent !important;
}

.checkoutPaymentAddress{
}

.checkoutConfirmation{
}
.checkoutConfirmation .mc-1 table{
	width: 100%;
}
.checkoutConfirmation .mc-1 col.column-1, .checkoutConfirmation .mc-1 col.column-2{
	width: 50%;
}
.checkoutConfirmation .productsBlock{
	border-top: 1px solid black;
}
.checkoutConfirmation .totalBlock{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.checkoutConfirmation input{
	display: inline !important;
	visibility: visible !important;
}
.checkoutConfirmation .betterCheckout{
	margin: 5px 0px 10px 0px;
	background-color: #eeeeee;
}

.checkoutSuccess .trustedShops table{
	border: 1px solid #cccccc;
	background-color: #efefef;
}
.checkoutSuccess .trustedShops .column-1, .checkoutSuccess .trustedShops .column-2{
	padding: 10px;
}


.contactUs{
}
.cookieUsage{
}
.createAccount{
}
.createAccountGuest{
}
.crossSelling{
	padding-top:10px;
	border-bottom: 1px solid #757575;
}
.reverseCrossSelling{
	padding-top:10px;
	border-bottom: 1px solid #757575;
}
.downloads{
}
.errorMessage{
}
.errorMessage .formTableContent table{
	background: #EFEFEF;
}
.errorMessage .formTableContent td{
	padding-top: 10px;
	padding-bottom: 10px;
}
.errorMessage .formTableContent col.column-1{
	width: 15%;
}
.errorMessage .formTableContent col.column-2{
	width: 40%;
}
.errorMessage .formTableContent col.column-3{
	width: 45%;
}
.giftCart{
}
.graduatedPrice{
}
.gvFaq{
}
.gvRedeem{
}
.gvSend{
}
.installmentCCBank{
	padding-top:10px;
	/*border-bottom: 1px solid #757575;*/
}
.installmentCCBank .listingTable th{
	background: #DEDEDE;
	border-bottom: 1px solid white;
	padding: 1px 5px 1px 5px;
}
.installmentCCBank .listingTable td{
	background: #EFEFEF;
	border-bottom: 1px solid white;
	padding: 1px 5px 1px 5px;
}
.installmentccbankprice{
	color: #0066FF !important;
}
.login{
}
.logoff{
}
.mainContent{
}
/*hehle  homepage switcher begin*/
.mainContent{
}
.mainContent a:hover, .mainContent a:visited:hover{
}
div.homePage{
}
/*hehle homepage switcher end*/


.mainContent{
}
.newProducts {
}
.newProducts table.listingTable .column-1 {
	padding: 5px 10px 5px 0px;
}
.newProducts table.listingTable td.column-2 {
	padding: 5px 10px 5px 0px;
}
.newProducts table.listingTable td.column-3 {
	padding: 5px 10px 5px 0px;
}
.newProducts table.listingTable td {
	border-top: 1px dotted #757575;
}
.newProducts .moduleContentElementCommand{
	margin-top: 10px;
}

.newProductsDefault {
}
.newProductsDefault table.listingTable col.column-1, .newProductsDefault table.listingTable col.column-2{
	width: 50%;
}
.newProductsOverview {
}
.newProductsOverview .moduleContentElementRowImage{
	float: right;
}
.newProductsOverview .moduleContentCommand{
	margin-top: 20px;
	border-top: 1px solid #cccccc;
}

.productsReviews{
	padding-top:10px;
	border-bottom: 1px solid #757575;
}
.productsReviews .moduleContentElementRowImage{
	float: right;
}

.shoppingCart{
}
.shoppingCart .listingTable thead th{
	background: #EEEEEE;
}
.shoppingCart .listingTable tfoot td{
	background: #EEEEEE;
}
.shoppingCart .listingTable td{
	background: transparent;
	border-top: 1px dotted #757575;
}
.shoppingCart .listingTable .column-1{
	width: 10%;
}
.shoppingCart .listingTable .column-2{
	width: 10%;
}
.shoppingCart .listingTable .column-3{
	width: 50%;
}
.shoppingCart .listingTable .column-4{
	width: 10%;
}
.shoppingCart .listingTable .column-5{
	width: 10%;
}
.shoppingCart .listingTable .column-6{
	width: 10%;
}

.sitemap {
}
.sitemap .listingTable .column-1{
	width: 33.33%;
}
.sitemap .listingTable .column-2{
	width: 33.33%;
}
.sitemap .listingTable .column-3{
	width: 33.33%;
}

.specials {
}
.specials .listingTable .column-1{
	width: 33.33%;
}
.specials .listingTable .column-2{
	width: 33.33%;
}
.specials .listingTable .column-3{
	width: 33.33%;
}

.categorieListing {
}
.categorieListing .listingTable .column-1{
	width: 50%;
}
.categorieListing .listingTable .column-2{
	width: 50%;
}
.categorieListing td.column-1{
	padding-top: 10px;
	padding-right: 10px;
}

.categorieListing td.column-2{
	padding-top: 10px;
	padding-left: 10px;
}

.categorieListing .mc-2 .moduleContentElementRowImage{
	float: left !important;
	margin-right: 10px;
	margin-left: 0px !important;
}

.productListing .listingTable td.column-1{
	padding: 10px 10px 10px 0px;
}
.productListing .listingTable td.column-2{
	padding: 0px 10px 0px 0px;
}
.productListing .listingTable tr td{
	border-top: 1px dotted #757575;
}
.productListing .listingTable .moduleContentElementRowHeading{
	border: 0px none white;
}
.productListing .moduleContentElementRowCommand{
	margin-top: 10px;
	font-weight: bold;
}
.productListing .moduleContentElementRowCommand table{
	width: auto !important;
}
.productListing .moduleContentCommand{
	border-top: 1px solid #757575;
}
.productListing .moduleContentElementRowImage{
	margin-bottom: 5px;
}
.productListing .moduleContentElementRow{
	margin: 5px 0px 5px 0px;
	clear: both;
}

.productInfo .moduleContent{
	clear: none !important;
}
.productInfo .basketTable{
	width: 100%;
}
.productInfo .basketTable .column-1{
	width: 20% !important;
	text-align: left;
}
.productInfo .basketTable .column-2{
	width: 80% !important;
	text-align: left;
}
.productInfo .inputText input{
	border: 1px solid #CCCCCC;
	width: 90% !important;
}
.productInfo .optionsDropdown{
	width: 100%;
}
.productInfo .optionsDropdown .column-1{
	width: 20% !important;
	text-align: left;
}
.productInfo .optionsDropdown .column-2{
	width: 80% !important;
	text-align: left;
}
.productInfo .inputSelect select{
	border: 1px solid #CCCCCC;
	width: 95% !important;
}

.productInfo .optionsSelection {
	width: 100%;
}

.productInfo .optionsSelection .column-1{
	width: 20% !important;
	text-align: left;
}
.productInfo .optionsSelection .column-2{
	width: 80% !important;
	text-align: left;
}

.productInfo .optionsListing {
	width: 100%;
}
.productInfo .optionsListing .column-1{
	width: 10% !important;
	text-align: left;
}
.productInfo .optionsListing .column-2{
	width: 60% !important;
	text-align: left;
}
.productInfo .optionsListing .column-3{
	width: 30% !important;
	text-align: right;
}

.productInfo .mc-5 .formTableContent table{
	width: 340px;
}

.productInfo .optionsListingAttributes {
	width: 100%;
}
.productInfo .optionsListingAttributes .column-1{
	width: 5% !important;
	text-align: left;
}
.productInfo .optionsListingAttributes .column-2{
	width: 55% !important;
	text-align: left;
}
.productInfo .optionsListingAttributes .column-3{
	width: 20% !important;
	text-align: right;
}
.productInfo .optionsListingAttributes .column-4{
	width: 20% !important;
	text-align: right;
}


div.productInfo-v1-links{
	width: 100%;
	min-height: 18px;
	vertical-align: middle;
	border-top: 1px solid #757575 !important;
	border-bottom: 1px solid #757575 !important;
	padding-bottom: 0px !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 39px !important;
}
.productInfo-v1-links .moduleContentLinks a{
	font-weight: bold;
}

.productInfo-v1 table.productInfoContainer{
	width: 100%;
}

/* overall available width is 680 = 720-39-1 border */
.productInfo-v1 table.productInfoContainer td.column-2{
	padding-left: 10px;
	width: 100%;
} 



.productInfo-v1 table.productInfoContainer td.column-1{
	width: 340px;
}

.productInfo .pdImage{
	border: 1px solid #f05223;
}


/* Form Styling Generic - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.formTableHeader{
}
.formTableHeader table{
	width: 100%;
}
td.formHeading{
	font-size: 120%;
	font-weight: bold;
}
.formTableHeader td.inputRequirement{
	text-align: right;
}
.formTableHeader col.column-1, .formTableHeader td.column-1{
}
.formTableHeader col.column-2, .formTableHeader td.column-2{
}

div.formTableContent{
	border: 1px solid #cccccc;
	margin: 5px 0px 5px 0px;
}

.formTableContent table{
	width: 100%;
	border-collapse: separate;
}
.formTableContent td{
	padding: 2px 0px 2px 5px;
	background: #efefef;
}
.formTableContent td td{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	border: 0px none white !important;
	background: transparent !important;
}
.formTableContent col.column-1, .formTableContent td.column-1{
	width: 35%;
}
.formTableContent col.column-2, .formTableContent td.column-2{
	width: 65%;
}

.formTableFooter table{
	width: 100%;
}
.formTableFooter col.column-1, .formTableFooter td.column-1{
	width: 50%;
	text-align: left;
}
.formTableFooter col.column-2, .formTableFooter td.column-2{
	width: 50%;
	text-align: right;
}

/* any control type may have combined class with inputRequirement */

textarea{
	padding: 5px;
}

.inputDescription{
}

.inputFullWidth input, .inputFullWidth textarea, .inputFullWidth select{
	border: 1px solid #CCCCCC;
	width: 95% !important;
}

.inputRequirement{
	font-size: 90%;
	color: #ff0000;
}

.inputLabel label{
}
.inputText input{
	border: 1px solid #CCCCCC;
	width: 95%;
}
.inputReadOnly{
}

.inputHidden input, input.inputHidden{
	display: none !important;
	visibility: hidden !important;
}

.inputFile input{
	color: black !important;
}
.inputReset input{
}
.inputSubmit input{
}
.inputSubmitImage input{
}
.inputButton button{
}
.inputCheckbox input{
}
.inputRadio input{
}
.inputTextArea textarea{
	border: 1px solid #CCCCCC;
	color: black !important;
	width: 95%;	
}
.inputSelect select{
	color: black !important;
	border: 1px solid #CCCCCC;
	width: 95%;
}

.inputSelect option{
}
.inputOption option{
	color: black !important;
}

/* helper for horizontal options groups */
table.inputOptionTableH{
	width: auto !important;
}
.inputOptionTableH td{
	color: black;
	vertical-align: middle;
}

/* shipping Status extended */

tr.shippingStatusEx td.border{
	border-bottom: 1px solid #ffffff !important;
	margin-bottom: 2px !important;
}

.shippingStatusEx a {
	color: #666666;
	text-decoration: none;
}
.shippingStatusEx a:visited {
	color: #666666;
	text-decoration: none;
}
.shippingStatusEx a:hover {
	color: #f05223;
	text-decoration: none;
}
.shippingStatusEx a:visited:hover {
	color: #f05223;
	text-decoration: none;
}


/* Styles xtc reworked - - - - - - - - - - - - - - - - - - - */
.moduleRow{
	background-color: transparent;
}
.moduleRowOver{ 
	background-color: #CCCCCC !important; 
}
.moduleRowSelected{
	background-color: #DDDDDD !important; 
}

table.checkoutBar{
	width: 100%;
}
.checkoutBarFrom, .checkoutBarTo { 
	font-size: 10px; 
	color: #8c8c8c; 
}
.checkoutBarCurrent { 
	font-size: 10px; 
	color: #000000; 
}

/* popup Images - - - - - - - - - - - - - - - - - - - - - - */
body#popupImage{
	background: white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.popupImageContainer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.popupImageContainer .moduleContentHeading{
	background: #000000;
	color: #f05223;
	line-height: 185%;
}
.popupImageContainer .bigImage {
	text-align: center;
}
.popupImageContainer .thumbs {
	text-align: center;
}
.popupImageContainer .thumbs div{
	display: inline;
	margin: 5px 10px 5px 10px;
}
.popupImageContainer .thumbs div.selected{
	border: 1px solid #f05223;
}
.popupImageContainer .moduleContentCommand{
	border-top: 1px solid #757575;
	text-align: center;
}

/* POpups - - - -  - - - - - - - */
.popupCouponHelp{
	color: white !important;
}

/* customer user defined styles and adaptions - - - - - - - */

/* product Features table in productinfo */
.productInfo table.productFeatures{
	margin-top: 20px;
}
.productInfo table.productFeatures td.column-1{
	font-weight: bold;
	padding-right: 10px;
}
.productInfo table.productFeatures td{
	vertical-align: top;
}
.productInfo div.productIcons{
	margin-top: 20px;
}

.extra{
	color: #f05223;
	font-weight: bold;
}


/* navtrail in content */
div#contentMenuNavtrail{
	padding: 1px 10px 1px 10px;
	color: #aaaaaa;
	text-align: right;
}
div#contentMenuNavtrail a {
	color: #aaaaaa;	
}
div#contentMenuNavtrail a:hover {
	color: #f05223;
}
div#contentMenuNavtrail a:visited {
	color: #aaaaaa;
}
div#contentMenuNavtrail a:visited:hover {
	color: #f05223;
}

/* teaser image in Content*/
div#contentTeaserImage{
	display: none;
	background: black;
	overflow: hidden;
	border-bottom: 1px solid black;
	text-align: center;
	width: 680px;
}
div#contentTeaserImage img{
	width: 680px;
	display: inline !important;
}

/* secondary Title */
div.moduleHeadingSecondary{
	font-weight: bold;
	font-size: 180%;
	color: #EDEBEB;
	letter-spacing: 1px;
	line-height: 100%;
}

/* banner styling - - - - */

#bannerContainer table{
	width: 100%;
	border: 1px solid #757575;
	background: #ffffff;
}
#bannerContainer td{
	border: 1px solid #757575;
}
.or_590_95{
	width: 590px;
	height: 95px;
	vertical-align: middle;
	text-align: center;
}
.ul_300_150, .um_300_150, .ur_300_150{
	width: 300px;
	height: 150px;
	vertical-align: middle;
	text-align: center;	
}
div.banner{
	overflow: hidden;
}
#bannerContainer a{
}

/* footer */
#footerBox{
	width: 100%;
	margin-top: 40px;
}

#footerContainer{
	float: right;
	display: inline;
	width: 720px;
	border-top: 1px solid #bcbcbc;	
}

#footerContainer table{
	width: 100%;
}
#footerContainer td{
	padding: 0px 0px 0px 10px;
	color: #5b5b5b;
}
#footerContainer a:link, #footerContainer a:visited{
	color: #5b5b5b;
}
#footerContainer a:hover, #footerContainer a:active{
	color: #000000;
}


.moduleContainer h1 span.titleFirstWord{
	color: black !important;
}

/* Styles on selectors old - - - - - - - - - - */
td.copyright {
  font-size: 80%;
  line-height: 100%;
  text-align:center;
  color: #333333;
}
td.copyright a:link{
  color: #333333;
}
td.copyright a:visited{
  color: #333333;
}
td.copyright a:hover{
  color: #666666;
}
td.copyright a:active{
  color: #666666;
}

a.pageResults {
}

a.pageResults:hover {
}

.onepxwidth {
	width: 1px;
}

a.copyright {
  color: #000000;
}
a.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}

span.markProductOutOfStock {
  color: #c76170;
  font-weight: bold;
}

span.errorText {
  color: #ff0000;
}

.smallHeading {
	font-size: x-small;
	font-weight: bold;
	color: black;
}
.stockWarning { 
	color: #cc0033;
}

/* old styles are moved to stylesheet.old.tags.css */