HTML { margin:0; padding: 0;  /*border: none*/ }
BODY { margin:0; padding: 0;  /*looks strange: border: none*/ }
HTML, BODY, TABLE, DIV { 	
	color: black ; 
	font-family: Verdana, Geneva, Arial;
	font-size: 11px; 
	font-weight: normal 
}
DIV#body {
	text-align: center;
}
TABLE#layout {
	border: 0px dotted #888888;
}

/*
TD.layout-block {
	border: 0px dotted #888888;
}
*/


TD#page-content{
	padding: 0px 5px 0px 10px;
}

.page-title {font-size: 16px; font-weight: bold; padding: 3px 3px 5px 10px }

INPUT.productcount {font-size: 10px; width: 20px; } 



TABLE#topbar {
	
	height: 80;
}
TABLE#topbar TD {
	margin: 0px;
	padding: 0px;
}




.pageindex LI {
    margin-top: 4px; margin-bottom: 4px;
}

.headtext {
	
}

LI {
    margin-top: 4px; margin-bottom: 4px;
}

.rawcontent {
	padding: 25px 10px 0px 10px;
}

.input_error { color: #cd3333; font-weight: bold  }

DIV.footer TABLE {
	background-color: #7aa27c;
	margin: 6px;
}
DIV.footer{
	font-size: 10px;
	margin: 15px 20px 20px 0px;
	border: 0px solid black;
	width: 100%;
}
DIV.footer A:visited {
	color: blue;
}

A:hover, A:visited, A:link { color: blue; text-decoration: none };
A:hover { text-decoration: underline};



TABLE.dbg_array {
	font-family: Verdana, Geneva, Arial;
	font-size: 9px; 
	font-weight: normal;		
}
TABLE.dbg_array TD.key {
	font-weight: bold;		
}

.header TD { font-weight: bold; text-align: center; background-color: #eeeeee }

.oldprice{ text-decoration: line-through }
.newprice, .warn{ color: #FF2222 ; font-weight: bold }
.price{  }



TD#page-left {
	background-color: #EDF2EC; 
	border-right: 1px solid #555555; 
	border-left: 1px solid #555555; 
}


/*******************************************
	menu_catalog.tpl.html

********************************************/

/* the table holding the menus */
.rbkbox {  
	background-color: #eeeeee ; 
	font-family: Arial; 
	font-size: 11px; 
	font-weight: bold  
}

.rbkbox A:link, .rbkbox A:visited, .rbkbox A:hover { color: #454545; }


/* title of the menu */
.rbkbox TD.rbkroot { 
	text-align: center; 
	font-size: 13px; 
	padding: 2px; 
}

/* toplevel rubriks */
.rbkbox TD.mainrbk { 
	padding: 1px 5px 1px 5px;
	background-color: #fdd932;
	color: #ff0000; /* does not work, have to use A:.. additional selector */
	border-bottom: 1px solid #EDF2EC;
}

/* the selected toplevel-rubrik */
.rbkbox TD.mainrbkactive {  
	padding: 1px 5px 1px 5px;
	border-bottom: 1px solid #EDF2EC;
}

/* separator between selected top-level rubrik and its subrubriks */
.rbkbox TD.mainrbkactivesep { 
	border-bottom: 1px solid #aaaaaa; 
}

/* second-level rubrik */
.rbkbox TD.subrbk  { 
	padding: 2px 0px 2px 12px; 
	margin: 4px ; 
	font-weight: normal ;
	font-size: 10px; 
}

/* selected second-level rubrik */
.rbkbox TD.subrbkactive { 	
	padding: 2px 0px 2px 12px; 
	margin: 4px ; 
	font-weight: normal ;
	font-size: 10px;
	color: #black; 
	font-weight: bold ;
	font-size: 11px;
}



.rbkbox IMG.arrow { margin-right: 2px; }


/**
 * menu/menu.search.tpl.html
 */
#quicksearch FORM { margin: 1px 1px 1px 3px; padding: 0px;  }
#quicksearch IMG { margin: 0px; }
#quicksearch INPUT { padding: 0px; margin: 0px; font-size: 10px; width: 80%  }
#quicksearch BUTTON { vertical-align: bottom; border-style: none; background-color: #EDF2EC; margin: 0px; padding: 0px; font-size: 10px; width: 20px; height: 18px   }
#quicksearch TD { padding: 1px 5px 1px 5px: vertical-align: bottom; text-align: left }


/**
 * product.tpl.html
 */
TABLE.product_data{
	font-family: Arial;
}
TABLE.product_data TD.price { 
	font-weight: bold;
	text-align: right;
	font-size: 18px;
	
}
TABLE.product_data TD.head { 
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid black;
	
}
SELECT.pattrib { width: 100% }
IMG.product_image {
	/*border: 1px solid black;*/
}
SELECT.pattrib { width: 200px }
#producthead { display: none }


/**
 * product_list.tpl.html
 */
.listing_info { color: black ; font-family: Arial; font-size: 11px; font-weight: normal }
.listing_name { color: #0000AA ; font-weight: bold }
TABLE.productlist { margin-top: 8px }
/*TABLE.productlist TD {  background-color: white; }*/
TABLE.product_listview .data { color: black ; font-family: Arial; font-size: 11px; font-weight: normal; padding: 1px 2px 2px 4px; }
TABLE.product_listview .image { padding: 0px; }
TABLE.product_listview .data A:link, TABLE.product_listview .data A:visited { text-decoration: none; }
TABLE.product_listview .data A:hover { text-decoration: underline; }
TABLE.product_listview .data .name { color: #0000AA ; font-weight: bold }

/**
 * catpath.tpl.html
 */
TABLE.catpath { background-color: #FFFFFF; margin-top: 6px; padding: 2px; border: 0px solid black; width2: 100% }
.catpath .underline { background-color: black; padding: 0px; margin: 0px; }	
.catpath IMG { margin: 0px 5px 0px 5px; }
.catpath H1,.catpath H2 { font-size: 14px; font-weight: normal; padding: 1px 3px 5px 3px; margin: 0px }
.catpath .catpath_product B { font-size: 10px; font-weight: normal; padding: 1px 3px 3px 3px; margin: 0px }
.catpath .catpath_l1 H1 { font-size: 16px; }
 


/**
 * catlis_matrix.tpl.html
 */
.listing_info { color: black ; font-family: Arial; font-size: 11px; font-weight: normal }
.listing_name { color: #0000AA ; font-weight: bold }
.oldprice{ }
.newprice{ color: #FF2222 ; fo }
.price{  }
/* 
TABLE.productlist { background-color: gray; }
TABLE.productlist TD {  background-color: white; }
*/
.subcat_listview TD, .subcat_listview TD H2 { color: #666; font-size: 10px; font-family: Verdana, Geneva, Arial; padding: 4px 5px 5px 4px; }
TABLE.subcat_listview .image { padding: 0px; }
TABLE.subcat_listview .data A:link, TABLE.product_listview .data A:visited { text-decoration: none; }
TABLE.subcat_listview .data A:hover { text-decoration: underline; }
TABLE.subcat_listview .name { color: #0000AA ; font-weight: bold }
TABLE.subcat_listview .data .newprice{ color: #FF2222 ;  }


/**
 * product.tpl.html
 */
TABLE.productcatnav { margin-left: 10px; margin-bottom: 15px; margin-top: 4px; }
TABLE.productcatnav TD.left { width: 33%; text-align: left }
TABLE.productcatnav TD.center { width: 34%; text-align: center }
TABLE.productcatnav TD.right { width: 33%; text-align: right }

TABLE.product { margin: 15px 5px 5px 10px; width: 97%;  } /* width="97%" style="margin-left: 10px" */
TABLE.product .name H1 { font-size: 14px; margin-bottom: 4px; }
TABLE.product .leftcol { text-align: center; padding: 3px; vertical-align: top }
TABLE.product .rightcol { width: 100%; height: 100%; padding: 5px ; vertical-align: top } /*height="100%" width="100%" style="padding-left: 10px"*/
TABLE.product .rightcol TABLE { width: 100%; height: 100%; padding: 0px }
TABLE.product .desc { width: 100%; height: 100%; vertical-align: top } /* valign="top" height="100%" width="100%" */