/*##################################
	navigation
##################################*/
#navigation .prinav a.active {
	background-color:#D32D22;
	border-bottom:1px solid #DFDFE1;
	color:#FFFFFF;
	background-image:url(../../z_icons/retail/icons/arrowDownActive.png);
}
#navigation ul a:hover {
	background-color:#D32D22;
	color:#FFFFFF;
	background-image:url(../../z_icons/retail/icons/navArrowHover.png);
}
#navigation ul a.active, #navigation ul ul a.active, #navigation ul a.active:hover {
	color:#D32D22;
	background-color:#FFFFFF;
	background-image:url(../../z_icons/retail/icons/navArrowOpen.png)
}


/*##################################
	orderNav
##################################*/
#orderNav  {
	color:#D32D22;
}
#orderNav a {
	background-image:url(../../z_icons/retail/icons/orderNavBg.png);
	color:#D32D22;
}
#orderNav a.active, #orderNav a.active:hover {
	background-image:url(../../z_icons/retail/icons/orderNavBgActive.png);
	color:#FFFFFF;
}
#orderNav a:hover {
	background-image:url(../../z_icons/retail/icons/orderNavBgHover.png);
	color:#FFFFFF;
}
#orderNav a:hover #orderCounter {
	color:#FFFFFF;
}
#orderedText {
	color:#D32D22;
}
/*##################################
	BreadCrumbNav navigation
##################################*/
#breadCrumbNav .current, #breadCrumbNav a:hover {
	color:#D32D22
}
/*##################################
	sortTool navigation
##################################*/
#sortTool a:hover{
	color:#D32D22;
}

#articlesPerPage {
	background-image:url(../../z_icons/retail/icons/iconArticlesPerPage.png);
}
#foundArticles {
	background-image:url(../../z_icons/retail/icons/iconFoundArticles.png);
}
#pages {
	background-image:url(../../z_icons/retail/icons/iconPages.png);
}
#sortTool a.numberLink.active {
	background-color:#D32D22
}

/*##################################
	article Grid View
##################################*/
a#viewGrid.active, a#viewGrid:hover {
	background-image:url(../../z_icons/retail/icons/iconGrid.png);
	color:#D32D22;
	background-color:#FFFFFF
} 
a#viewList.active, a#viewList:hover{
	background-image:url(../../z_icons/retail/icons/iconList.png);
	color:#D32D22;
}
.articleBox:hover, .articleBox.boxHover {
	border-top:5px solid #D32D22;
	cursor:pointer;
}
div.articleTitle a:hover, div.articleBox:hover div.articleTitle a,  div.articleBox.boxHover div.articleTitle a  {
	background-color:#D32D22;
	color:#FFFFFF;
}

/*##################################
	article list View
##################################*/

.articleRow:hover, .articleRow.rowHover {
	cursor:pointer;
}
.articleRow:hover td, .articleRow.rowHover td{
	background-color:#D32D22;
	color:#FFFFFF;
}
/*##################################
	Detail page
##################################*/
a.toFittings {
	background-image:url(../../z_icons/retail/icons/arrowNext.png);
	color:#D32D22;
}
a.toFittings:hover {
	background-image:url(../../z_icons/retail/icons/arrowNextBg.png);
}
a.toProduct {
	background-image:url(../../z_icons/retail/icons/arrowBack.png);
	color:#D32D22;
}
a.toProduct:hover {
	background-image:url(../../z_icons/retail/icons/arrowBackBg.png);
}
a.backToList:hover  {
	background-image:url(../../z_icons/retail/icons/cArrowTop.png);
	color:#D32D22;
}
a.back:hover {
	background-image:url(../../z_icons/retail/icons/cArrowBack.png);
	color:#D32D22;
}
a.next:hover {
	background-image:url(../../z_icons/retail/icons/cArrowNext.png);
	color:#D32D22;
}


/*##################################
	Article Order Table
##################################*/
.tableOrderForm {
	float:left;
	width:276px;
}
.tableArticleDetail {
	float:left;
	width:454px;
}
.orderList th {
	font-size: 10px;
	line-height:12px;
	vertical-align:bottom;
	height:40px;
	text-align:left;
	border-bottom:1px solid #DFDFE1;
	padding-bottom:3px;
	color:#D32D22;
}
.tableOrderForm td{
	background-color: #DDDCDE;
	border-bottom:1px solid #DFDFE1;
}
.articleNr {
	padding-left:18px;
	width:90px;
}
td.articleNr {
	padding-top:7px;
	padding-bottom:7px
}
.piece {
	width:90px;
}
td.piece input {
	border:1px solid #DFDFE1;
	width:50px;
	padding:2px 0 2px 6px;
	color:#D32D22;
}
.orderIcon{
	width:80px;
}
td.orderIcon {
	padding: 3px 0 0 7px;
}
td.orderIcon input {
	width:27px;
	height:27px;
}



table.tableCol {
	border-collapse: collapse;
	empty-cells: show;
	height:100%;
	padding:0;
	margin:0;
	width:454px;
}
.tableCol th {
	empty-cells: show;
	margin:0;
}

table.tableCol td {
	border-collapse: collapse;
	empty-cells: show;
	padding:0;
	margin:0;
}

td.arrowTd td {
	width:25px;
	border-left:1px solid #DFDFE1;
	border-bottom:1px solid #DFDFE1;
}
td.arrowTd a {
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	height:123px;
	border-right:1px solid #DFDFE1;
	 /* Denamische Height ---- 1 line = 31px multiplus line Anzahl minus 1px f�r border-bottom */
}

a#arrwoL {
	background-image:url(../../z_icons/retail/icons/scrollBack.png);
	background-position:7px center
}
a#arrwoL:hover {
	background-image:url(../../z_icons/retail/icons/scrollBackHover.png);
	background-color:#93A0A8;
}
a#arrwoR {
	background-image:url(../../z_icons/retail/icons/scrollNext.png);
	background-position:9px center
}
a#arrwoR:hover {
	background-image:url(../../z_icons/retail/icons/scrollNextHover.png);
	background-color:#93A0A8;
}
#scroller {
	float:left;
	width:403px;
	overflow:hidden;
}
#scrollContent {
	width:auto;
}
#scrollContent table {
	border-collapse: collapse;
	empty-cells: show;
	height:100%;
	width:100%;
}
#scroller th, #scroller td {
	text-align:right;
	padding-right:10px;
}
#scroller td {
	padding-top:7px;
	padding-bottom:7px;
	background-color: #DDDCDE;
	border-bottom:1px solid #DFDFE1;
}
tr.rowOdd td, #scroller tr.rowOdd td {
	background-color:#F1F2F3
}
/*##################################
	Article Order Table for Fittings
##################################*/
.orderListWide .articleImg, .orderWideRow:hover td.articleImg{
	width:75px;
	height:56px;
	text-align: center;
	vertical-align:middle;
	background-color:#FFFFFF;
	padding:0;
}
.orderListWide th {
	font-size: 10px;
	line-height:12px;
	vertical-align:bottom;
	height:40px;
	text-align:left;
	border-bottom:1px solid #DFDFE1;
	padding-bottom:5px;
	color:#D32D22;
}
.orderListWide td {
	vertical-align:top;
	background-color: #DDDCDE;
}
.orderListWide .articleNr,.orderListWide .piece {
	width:85px;
}
.orderListWide th.articleImg {
	border:0;
}
.orderListWide td.articleNr {
	padding-top:12px;
	padding-bottom:7px;
}
.orderListWide .orderIcon {
	width:65px;
}
.orderListWide td.orderIcon {
	padding: 9px 0 0 7px;
}
.orderListWide td.piece input {
	margin-top:10px;
}

.orderListWide .description {
	text-align: left;
	padding-top:2px;
}
.orderListWide .package {
	text-align: right;
	padding-right:10px;
	width:70px;
	padding-top:2px;
}
.orderListWide .preis {
	text-align: right;
	padding-right:10px;
	width:60px;
	padding-top:2px;
}

/*##################################
	Shopping content
##################################*/

.shoppingItem {
	border-bottom:1px solid #DFDFE1;
	padding: 6px 5px 0 9px;
	line-height:15px
}
.artNr {
	float:left;
	width:86px;
	height:92px;
}
.itemDescription {
	float:left;
	width:180px;
	height:92px;
}
.itemPreis {
	float:right;
	height:35px;
	width:45px;
	text-align:right;
}
.itemUnit {
	float:right;
	height:35px;
	width:45px;
	text-align:right;
}
.itemImg {
	float:right;
	height:103px;
	width:90px;
}
.itemImg td{
	vertical-align:bottom;
	text-align:center;
}
.shoppingNav {
	float:left;
	height:66px;
	width:266px;
}
.packageField, .updateButton, .deleteButton, .packageText {
	float:left;
	width:86px;
}
.packageText {
	padding-top:5px
}
.packageField input {
	width:30px;
	padding:2px 0 2px 0;
	margin-top:4px;
	border:1px solid #DFDFE1;
	float:left;
	color:#D62F24;
	text-align:center;
}
.countButtonPos {
	width:9px;
	float:left;
	padding-top:6px;
}
.countButtonPos a {
	padding:2px 0 2px 4px;
	width:9px;
	height:5px;
	display:block;
}
.updateButton a {
	padding:5px 0 0 18px;
	display:block;
}
.deleteButton a {
	padding:5px 0 0 8px;
	display:block;
}
.buttonOrder {
	background-image:url(../../z_icons/retail/icons/buttonOrder.png);
}
.buttonDeleteAll {
	background-image:url(../../z_icons/retail/icons/buttonDeleteAll.png);
}
/*##################################
	colRight 
##################################*/

a.savedOrder:hover {
	background-image:url(../../z_icons/retail/icons/cArrowNextHover.png);
	color:#D62F24;
}
input.saveOrderSubmit:hover {
	background-image:url(../../z_icons/retail/icons/iconPlus.png);
	color:#D62F24;
}

/*##################################
	 relatedProducts
##################################*/
#relatedProducts {
	border-bottom:1px solid #DFDFE1;
}
/* Accordion Vertical */
.colRight h4.toggler {
	padding:5px 35px 6px 10px;
	cursor: pointer;
	background-image:url(../../img/icons/arrowTop.png);
	background-repeat:no-repeat;
	background-position:230px 12px;
	border-top:1px solid #DFDFE1;
}
.colRight h4.toggler:hover,  .colRight h4.togglerHover {
	background-position:223px 6px;
	background-image:url(../../z_icons/retail/icons/cArrowUpHover.png);
	color:#D32D22;
}
.colRight h4.toggler.opened {
	background-image:url(../../img/icons/arrowDown.png);
}
.colRight h4.toggler.opened:hover {
	background-image:url(../../img/icons/arrowDown.png);
	background-position:230px 12px;
	color:#8F9CA4;
}
.toggleContent td.elemImg {
	vertical-align:middle;
	text-align:center;
	padding-bottom:8px;
}
.toggleContent td.elemText {
	vertical-align:middle;
	text-align:left;
	padding:0 15px 8px 10px;
}
/*##################################
	Schnellbestellung
##################################*/

.colRight .quickOrder {
	background-image:url(../../z_icons/retail/icons/quickOrderBg.png);
	background-position:7px 7px;
	background-repeat:no-repeat;
	padding:6px 10px 8px 30px;
	display:block;
	color:#D62F24;
	border-bottom:1px solid #DFDFE1;
}
.colRight a.quickOrder:hover, .colRight a.quickOrder.active {
	background-image:url(../../z_icons/retail/icons/quickOrderBgHover.png);
	background-color:#D62F24;
	color:#FFFFFF;
}

.shoppingItemQuick {
	border-bottom:1px solid #DFDFE1;
	padding: 6px 5px 5px 9px;
	line-height:15px
}
.shoppingItemQuickSubmit {
	border-bottom:0;
	padding: 13px 5px 5px 9px;
}
.shoppingItemQuick input {
	display:block;
}

.shoppingItemQuick .artNr{
	height:auto;
	widht:88px;	
}
.shoppingItemQuick .itemDescription {
	height:auto;
	width:203px;
}
.shoppingItemQuick input.fieldArtNr {
	width:70px;
	border:1px solid #DFDFE1;
	padding:2px 0 2px 6px;
	margin-top:4px;
	color:#D62F24;
}
.shoppingItemQuick input.fieldDescription {
	width:185px;
	border:1px solid #DFDFE1;
	padding:2px 0 2px 6px;
	margin-top:4px;
	color:#D62F24;
}
.shoppingItemQuick .itemPreis {
	float:left;
	height:auto;
	width:37px;
	text-align:left;
}
.shoppingItemQuick .itemPreis h3 {
	color:#D32D22;
	padding-top:6px;
}
.shoppingItemQuick .itemUnit {
	float:left;
	height:auto;
	width:37px;
	text-align:left;
}
.shoppingItemQuick .itemUnit h3 {
	color:#D32D22;
	padding-top:6px;
}
.shoppingItemQuick .iconOrder {
	float:left;
}
.shoppingItemQuick .iconOrder img {
	padding:3px 0 0 12px;
}
.shoppingItemQuickSubmit .buttonOrder {
	float:left;
	margin-right:10px;
}
.buttonDelete {
	background-image:url(../../z_icons/retail/icons/buttonDelete.png);
}




/*##################################
	Fonts
##################################*/
h1 {
	color:#D32D22;
}
/*##################################
	Login
##################################*/

.steps.active h1, .steps.active h3 {
	color:#D62F24;
}
.steps.withLink:hover, .stepHover {
	background-color:#D62F24;
}
.elementRight h3{
	 color:#D62F24;
}
.iconCustomer {
	background-image:url(../../z_icons/retail/icons/iconCustomer.png);
}
.buttonLogin {
	background-image:url(../../z_icons/retail/icons/buttonLogon.png);
}
.buttonRegister {
	background-image:url(../../z_icons/retail/icons/buttonRegister.png);
}