body, p, div, pre, input, select, td {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #696E77;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #696E77;
}
a:link {
	text-decoration: none;
	color: #0000a0;
}
a:active {
	text-decoration: none;
	color: #0000a0;
}
a:visited {
	text-decoration: none;
	color: #0000a0;
}
a:hover {
	text-decoration: underline;
	color: #4444ff;
}

.spacer {
	background-color: #443C3C;
}
.leftSide {
	background-color: #B0B7C2;
}
.rightSide {
	background-color: #E9EDF0;
}
.footer {
	background-color: #B0B7C2;
	font-size: 10px;
	font-weight: bold;
}
.footerDesign {
	background-color: #B0B7C2;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.footerDesignLink:link, .footerDesignLink:active, .footerDesignLink:visited, .footerDesignLink:hover {
	background-color: #B0B7C2;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.footerDesignLink:hover {
	text-decoration: underline;
}
.menu:link, .menu:active, .menu:visited, .menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.menu:hover {
	color: #BF8546;
}
.popupMenuContainer {
	background-color: #000000;
	position: absolute;
	visibility: hidden;
}
.popupMenu:link, .popupMenu:active, .popupMenu:visited, .popupMenu:hover {
	background-color: #ffde80;
	display: block;
	padding: 8px;
	spacing:2px;
	border: solid 1px #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.popupMenu:hover {
	color: #BF8546;
}
th, .tableHeader {
	font-weight: bold;
	font-size: 12px;
	background-color: #cccccc;
	padding: 4px 4px 4px 4px;
	text-align: left;
}
.columnHeader {
	font-size: 10px;
	background-color: #dddddd;
	padding: 2px 2px 2px 2px;
	text-align: left;
}
.tableOuter {
	border-style: solid;
	border-width: 1px;
}


.sidemenu:link, .sidemenu:active, .sidemenu:visited, .sidemenu:hover {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
.sidemenu:hover {
	color: #FFEFC0;
}


.errorTable {
	border-style: solid;
	border-width: 1px;
	border-color: #aa0000;
}
.errorHeader {
	color: #ffff00;
	font-weight: bold;
	background-color: #cc0000;
	padding: 6px 6px 6px 6px;	
}
.errorSubHeader {
	color: #000000;
	font-weight: bold;
	background-color: #ffcccc;
	padding: 4px 4px 4px 4px;
}
.errorMessage {
	color: #aa0000;
}
.errorFooter {
	background-color: #cccccc;
}
.errorAttributeTitle {
	color: #444444;
}
.errorAttributeValue {
	color: #aa0000;
}

.pageHeader {
	background-color: #ddddff;
	padding: 4px 4px 4px 4px;
	font-weight: bold;
}
.pageSplitter {
	background-color: #ddddff;
}
.pageFooter {
	background-color: #ddddff;
	font-size: 10px;
	padding: 2px 2px 2px 2px;
}

.menu1, .menu2 {
	font-weight: bold;
}

.commandBar {
	padding: 4px 4px 4px 4px;
	background-color: #aaaaaa;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

.dataTable {
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	border-spacing: 0px 0px 0px 0px;
}
.dataTableHeader {
	font-size: 12px;
	font-weight: bold;
	background-color: #FFDE80;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	border-color: #B99F56;
}
.dataTableSubHeader {
	font-size: 10px;
	font-weight: bold;
	background-color: #FFDE80;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #B99F56;
}
.dataTableFooter {
	background-color: #B0B7C2;
	border-style: solid;
	border-color: #6E747C;
	border-width: 2px 0px 2px 0px;
	padding: 2px 2px 2px 2px;
}

.dataInnerTable {
	border-style: solid;
	border-width: 1px;
}
.dataColumnHeader, .dataColumnHeaderLast {
	font-size: 10px;
	font-weight: bold;
	background-color: #B0B7C2;
}
.dataColumnHeader {
	border-style: dotted;
	border-color: #ffffff;
	border-width: 0px 0px 0px 0px;
}
.dataNavigator {
	background-color: #c0c0c0;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
}
.dataRowEven {
	background-color: #FFF1CA;
}
.dataRowOdd {
	background-color: #E9EDF0;
}
.dataError {
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	font-size: 12px;
	color: #ffff00;
	background-color: #D02020;
	border-style: none;
	border-width: 2px;
	border-color: #800000;
}
.dataMessage{
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	font-size: 12px;
	color: #ffff00;
	background-color: #2020d0;
	border: solid 1px;
}
.dataRowNum, .dataNumber, .dataText, .dataDate {
	border-style: dotted;
	border-color: #808080;
	border-width: 0px 0px 0px 0px;
}
.dataNumber {
	text-align: right;
}
.dataRowNum {
	color: #808080;
	font-weight: bold;
	font-size: 10px;
	text-align: right;
}

.formTable {
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	border-spacing: 0px 0px 0px 0px;
}
.formInnerTable {
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	border-spacing: 0px 0px 0px 0px;
}
.formHeader {
	font-size: 12px;
	font-weight: bold;
	background-color: #FFDE80;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	border-color: #B99F56;
}
.formLabel {
	background-color: #FFF1CA;
}
.formStatic {
	background-color: #E9EDF0;
}
.formControl {
	background-color: #E9EDF0;
	height: 24px;
}
.formFooter {
	background-color: #B0B7C2;
	border-style: solid;
	border-color: #6E747C;
	border-width: 2px 0px 2px 0px;
	padding: 2px 2px 2px 2px;
}
.formError {
	font-size: 12px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	color: #ffff00;
	background-color: #D02020;
}
.formMessage{
	font-size: 12px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	color: #ffff00;
	background-color: #2020d0;
}
.catalogGroupHeader {
	font-family: Tahoma;
	padding: 0px 3px 3px 3px;
	font-size: 14px;
	font-weight: bold;
}
.catalogTable {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
.catalogProductGroup {
	font-size: 15px;
	font-weight: bold;
}
.catalogInnerTable {
	border-style: solid;
	border-width: 1px;
}
.catalogColumnHeader {
	font-size: 10px;
	background-color: #dddddd;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
.catalogRowEven {
	background-color: #FFF8E6;
}
.catalogRowOdd {
	background-color: #ffffff;
}
.catalogSampleCell {
	vertical-align: top;
	background-color: #FFFFFF;
}
.catalogGroupNameCell {
	font-size: 10px;
	background-color: #eeeeee;
	font-weight: bold;
}
.catalogTextCell {
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 6px 2px 2px 2px;
}
.catalogCurrencyCell {
	font-size: 10px;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	padding: 6px 2px 2px 2px;
}
.catalogDateText {
	font-size: 10px;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	padding: 6px 2px 2px 2px;
}
.catalogNumberCell {
	font-size: 10px;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	padding: 6px 2px 2px 2px;
}
.catalogActionCell {
	text-align: right;
	vertical-align: top;
	font-weight: normal;
}









.searchQuery {
	line-height: 14px;
	background-color: #E9EDF0;
	height: 18px; 
	border-style: solid; 
	border-color: #000000; 
	border-width: 1px;
}
.searchSubmit {
	line-height: 14px; background-color: #E9EDF0; height: 18px; 
	border-style: solid; border-color: #000000; border-width: 1px;
	font-size: 10px;
}
.searchNothingFound {
	padding: 4px 4px 4px 4px;
	font-size: 12px;
	color: #800000;
	font-weight: bold;
}
.searchHeader {
	padding: 4px 4px 4px 4px;
	font-size: 12px;
	color: #000080;
	font-weight: normal;
}
.searchResultTable {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	
}
.searchSampleCell {
	vertical-align: top;
	background-color: #ffffff;
}
.searchAttributeName {
	font-size: 10px;
	font-weight: bold;
	background-color: #ffffff;
}
.searchAttributeValue {
	font-size: 10px;
	font-weight: normal;
	background-color: #ffffff;
}
.searchPageCurrent, .searchPageLink:link, .searchPageLink:active, .searchPageLink:visited, .searchPageLink:hover {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #E9EDF0;
}
.searchPageLink:hover {
	color: #BF8546;
}
.searchPageCurrent {
	background-color: #FFF1CA;
}

.searchIndexCellEven, .searchIndexCellOdd {
	width: 20px;
	color: #707070;
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align: right;
}
.searchIndexCellEven {
	background-color: #FFF8E6;
}
.searchIndexCellOdd {
	background-color: #ffffff;
}

.orderInput {
	line-height: 14px;
	background-color: #E9EDF0;
	height: 18px; 
	border-style: solid; 
	border-color: #000000; 
	border-width: 1px;
}

.cartInputAmount {
	line-height: 14px;
	background-color: #E9EDF0;
	height: 18px; 
	border-style: solid; 
	border-color: #000000; 
	border-width: 1px;
	text-align: right;
}
.cartHeader {
	padding: 4px 4px 4px 4px;
	font-size: 12px;
	color: #000080;
	font-weight: normal;
}
.cartTable {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}
.cartTableColumn {
	font-size: 10px;
	background-color: #dddddd;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
.cartSampleCell {
	vertical-align: top;
	background-color: #ffffff;
}
.cartAttributeName {
	font-size: 10px;
	font-weight: bold;
	background-color: #ffffff;
}
.cartAttributeValue {
	padding: 8px 2px 2px 2px;
	font-size: 10px;
	font-weight: normal;
	background-color: #ffffff;
	vertical-align:top;
}
.cartIndexCellEven, .cartIndexCellOdd {
	width: 20px;
	color: #707070;
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align: right;
}
.cartIndexCellEven {
	background-color: #FFF8E6;
}
.cartIndexCellOdd {
	background-color: #ffffff;
}
.cartValueTotal {
	font-size: 10px;
	font-weight: bold;
	background-color: #ffffff;
	border-style: none;
	border-width: 1px;
	border-color: #000000;
	padding: 2px;
}
.cartControl {
	line-height: 14px; 
	background-color: #ffffff;
	height: 22px; 
	border-style: solid; 
	border-color: #000000; 
	border-width: 2px;
	font-size: 10px;
	font-weight: bold;
}
.cartControlDisabled {
	line-height: 14px; 
	background-color: #eeeeee; 
	height: 22px; 
	border-style: solid; 
	border-color: #000000; 
	border-width: 2px;
	font-size: 10px;
	font-weight: bold;
	color: 808080;
}

.orderTable {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.orderHeader {
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	border-style: solid;
	border-color: #000000;
	border-width: 1px 1px 2px 1px;
	padding: 4px 4px 4px 4px;
}
.orderFooter {
	background-color: #B0B7C2;
	border-style: solid;
	border-color: #000000;
	border-width: 2px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
}
.orderLabel {
	vertical-align: top;
	background-color: #FFF8E6;
}
.orderControl {
	background-color: #FFF8E6;
}
.priceTaxLink {
	font-size: 10px;
}

.groupList
{
    list-style-type: none;
}
.groupList li {
   float:left;
   padding: 8px;
	width:200px;
	height:200px;
	padding-bottom: 40px;
}
.productGroupImg {
	padding: 0px;
}
.productGroupName{
	display:block;
	padding: 0px;
}
.productGroupImgDummy {
	width:200px;
	height:200px;
	border: dotted 1px gray;
}