@CHARSET "UTF-8";
/* @group text colors */
	/* all elements with black font color */
	p, ul, a, 
	ul.leftMenu li a, 
	ul#mainMenu li a, 
	ul.sortingView li a, 
	ul.sortingFilters li a,
	div#templateContentRightBlock ul,
	a#templateLogo{
		color: #000; 
	}
	
	
	/* all elements with grey font color */
	form.callBackForm input.iText,
	form.callBackForm textarea,
	a.templateMoreLink,
	div.templateMoreLink a,
	ul.leftMenu li ul li a,
	div#eshopSimpleCart p,
	h4 a:hover,
	div.categoryIn a{ 
		color: #999; 
	}
	
	/* all elements with white color */
	span.itemMiniInfoButton,
	a.itemBigButton,
	a.buttonO,
	input.addToCartButton,
	input.surveyButton,
	input.odeslatButton,
	ul.sortingFilters li.act2 a, 
	ul.sortingFilters li a:hover,
	ul.sortingView li.act2 a,
	ul.sortingView li a:hover,
	td.edit a, 
	td.del a,
	div.actionShopButtons a,
	ul#mainMenu li a.active,
	ul#mainMenu li a.noSubCategory:hover,
	div.mainSubMenu ul li a:hover,
	li a.subMenuActive,
	ul#mainMenu li a.mainMenuPageHover,
	div#templateFooterContent p,
	div#templateFooterContent a{ 
		color: #fff !important; 
	}
		ul#mainMenu li:hover a.isSubCategory,
		a.isSubCategory:hover{
			color: #000 !important; 
		}
	
	div.zebrik a span{
		color: #c6c6c6;
	}
	
	fieldset legend,
	table.tableCart tr th{
		color:  #000;
	}
	
	div.zebrik a span.step1active,
	div.zebrik a span.step2active,
	div.zebrik a span.step3active{
		color: #4a9429;
	}
		.formatInRed,
		span.shopPriceRed{
			color: #f00;
		}
		
		form#templateLogin label,
		form#templateLogin input.iText,
		div#templateFooterContent,
		div#templateFooterContent p,
		div#templateFooterContent a{
			color:  #7d7d7d;
		}
		div#templateTop div.templateMiddleDiv .formatDarkerText{
			color:  #7d7d7d !important;
		}
		
		div.itemBestSeller h4 a,
		div.itemBestSeller p{color: #555; }
		
	/* base template text color */
	h2, h3, h3 a, h4, h4 a, .formatTemplateColor, a,
	p#path a,
	p.likeHeading, 
	p.likeHeading a,  
	div#eshopSimpleCart p.likeHeading,
	p.eshopPrice strong, 
	p.eshopPrice span,
	span.itemPrice,
	div.templateMoreLink a:hover,
	a.templateMoreLink:hover,
	span.rightCatHeading, 
	span.rightCatHeading a,
	span.leftCatHeading, 
	span.leftCatHeading a,
	div.sortPaging a.active,
	div.categoryIn a:hover{
		color: #e65b33;
	}
	
	.formatDarkerText,
	.formatDarkerText a{
		color: #000 !important;
	}
/* @end */

/* @group color backgrounds */
	/*base template background color*/
	/* midle div backgrounds */
	div.sliderContent,
	div#templateContent div.templateMiddleDiv,
	div#templateFooter div.templateMiddleDiv{ background: #fff; }
	
	/* light grey background */
	input.qtyCart{
		background: #fafafa;	
	}
	
	/* all elements with gray background */
	div#templateFooterContent,
	div.dicscussionHeadBox{
		background: #efefef;
	}
		
	/* login buttons */
	a.btnRegistrace{
		color: #fff;
		background: url('../img/color-orange-abstract/bg-button-register.gif') left center repeat-x;
	}
	a.btnLogin{
		color: #fff;
		background: url('../img/color-orange-abstract/bg-button-sign.gif') left center repeat-x;
	}
	
	ul.sortingFilters li.act2, 
	ul.sortingFilters li a:hover,
	ul.sortingView li.act2,
	ul.sortingView li a:hover,
	ul.sortingView li.popisactive,
	ul.sortingFilters li.popisactive,
	div.mainSubMenu ul li a:hover,
	div.mainSubMenu ul li a:hover,
	li a.subMenuActive{
		background-color: #e65b33 !important;
	}
/* @end */

/* @group picture backgrounds and menus utils */
	body{ background: url('../img/color-orange-abstract/bg.gif') center top repeat-x #f4c85b; }
	
	/* background of cover div - head picture */
	div#templateMainBlocksCover{
		background: url('../img/color-orange-abstract/bg-cover.jpg') center top no-repeat;
	}
	
		/* main content holders optional customize */
		div#templateTop{}
		div#templateUnder{}
		div#templateContent{}
		div#templateFooter{}
		
		div#templateTop div.templateMiddleDiv {}
		div#templateUnder div.templateMiddleDiv{}
		div#templateContent div.templateMiddleDiv{}
		div#templateFooter div.templateMiddleDiv{}
	
		/* eshop simple cart */
		div#eshopSimpleCartCover{
			background: url('../img/default/bg-shopping-cart-bottom.gif') center bottom no-repeat;
		}
		
			div#eshopSimpleCart{
				background: url('../img/default/bg-shopping-cart-top.png') left top no-repeat;
			}
		
		/* main menu */
		ul#mainMenu{
			background: url('../img/default/bg-main-menu.gif') left top repeat-x;
		}
		
		ul#mainMenu li a.active,		
		ul#mainMenu li a.mainMenuPageHover,
		ul#mainMenu li a:hover{
			background: url('../img/default/bg-main-menu-hover.gif') left top repeat-x;
		}
				
		ul#mainMenu li a.mainMenuHover{
			background: #fff;
		}
		
		/* submenu */
		ul#mainMenu li div.mainSubMenu ul{
			background: url('../img/default/bg-sub-menu.gif') center top repeat-y #efefef !important;
		}
		
		ul#mainMenu li div.mainSubMenu ul li{
			background: url('../img/default/bg-sub-menu-li.gif') center bottom no-repeat !important;
		}
		
		ul#mainMenu li div.mainSubMenu ul li.subMenuLast{
			background: none !important;
		}
		
			ul#mainMenu li div.mainSubMenu ul li a.subMenuArrow{
				background: url('../img/default/bg-sub-menu-arrow.gif') 185px 14px no-repeat;
			}
			
			ul#mainMenu li div.mainSubMenu ul li a.subMenuArrow:hover,
			ul#mainMenu li div.mainSubMenu ul li:hover a.subMenuArrow{
				background: url('../img/default/bg-sub-menu-arrow-hover.gif') 185px 14px no-repeat;
			}
		
		/* special definition of effect */
		ul#mainMenu li a.noSubCategory:hover{
			background: url('../img/default/bg-main-menu-hover.gif') left top repeat-x !important;
		}
		
			div.sliderContent ul li a,
			div.sliderContent ul li a:hover{
				background: url('../img/default/bg-main-sub-menu.gif') 2px 12px no-repeat !important;
			}
		
		/* side menu */
		ul.leftMenu li a{
			background: url('../img/default/bg-side-menu.gif') left bottom no-repeat;
		}
		
		ul.leftMenu li a:hover,
		ul.leftMenu li a.active{ background-image: none; }
		
		/* side submenus */
		ul.leftMenu li ul li a{
			background: url('../img/color-orange-abstract/bg-side-submenu.gif') 10px 10px no-repeat;
		}
		
		ul.leftMenu li ul li a:hover,
		ul.leftMenu li ul li a.active{
			background: url('../img/default/bg-side-submenu-hover.gif') 10px 10px no-repeat;
		}
			
		ul.leftMenu li ul li ul li a{
			background: url('../img/color-orange-abstract/bg-side-submenu.gif') 25px 10px no-repeat;
		}
		
		ul.leftMenu li ul li ul li a:hover,
		ul.leftMenu li ul li ul li a.active{
			background: url('../img/default/bg-side-submenu-hover.gif') 25px 10px no-repeat;
		}
		
		ul.leftMenu li ul li ul li ul li a{
			background: url('../img/color-orange-abstract/bg-side-submenu.gif') 40px 10px no-repeat;
		}
		
		ul.leftMenu li ul li ul li ul li a:hover,
		ul.leftMenu li ul li ul li ul li a.active{
			background: url('../img/default/bg-side-submenu-hover.gif') 40px 10px no-repeat;
		}
		
			/* active and hoover color in side menus */
			ul.leftMenu a.active{ background-color: #666 !important; color: #fff; }
			ul.leftMenu li a:hover,
			div.leftCatBox span.rightCatHeading a.templateEffectedText:hover { 
			background-color: #e65b33 !important; color: #fff; }
		
		/* category list */
		div.categoryIn a{
			background: url('../img/color-orange-abstract/bg-side-submenu.gif') left 3px no-repeat;
		}
	
		/* gradient effect in boxes */
		div.templateLoopInCapsulle{
			background: url('../img/default/bg-capsulle.gif') left top repeat-x;
		}
		
			div.itemBlockIn{
				background: url('../img/default/bg-capsulle-product.gif') left top repeat-x;
			}

			div.searchCover{
				background: url('../img/default/bg-capsulle-search.gif') left top repeat-x;
			}
			
		/* more links */
		div.templateMoreLink a,
		a.templateMoreLink{
			background: url('../img/color-orange-abstract/bg-side-submenu.gif') left 8px no-repeat;
		}
		
		/*eshop small buttons*/	
		td.edit a, 
		a.btnBuy{
				background: url('../img/default/bg-button-small.gif') left top repeat-x #000;
		}
		td.del a,
		a.btnDetail{
				background: url('../img/color-orange-abstract/bg-button-small.gif') left top repeat-x #E65B33;
		}
		
		/* steps in order */
		span.step1{
			background: url('../img/default/bg-step-1.gif') left top no-repeat;
		}
		
		span.step1active{
			background: url('../img/default/bg-step-1-active.gif') left top no-repeat;
		}
		
		span.step2{
			background: url('../img/default/bg-step-2.gif') left top no-repeat;
		}
		
		span.step2active{
			background: url('../img/default/bg-step-2-active.gif') left top no-repeat;
		}
		
		span.step3{
			background: url('../img/default/bg-step-3.gif') left top no-repeat;
		}
		
		span.step3active{
			background: url('../img/default/bg-step-3-active.gif') left top no-repeat;
		}
		
		/*eshop table and fieldset headings */
		fieldset legend,
		table.tableCart tr th{
				background: url('../img/default/bg-headings.gif') left top repeat-x #dbdbdb;
		}
		
	/* eshop loop colored small buttons */
	span.buttonAction	{ background: url('../img/default/bg-span-red.gif') left top repeat-x #ccc; border-color: #d03e3e; }
	span.buttonOnStock	{ background: url('../img/default/bg-span-green.gif') left top repeat-x #ccc; border-color: #55941f; }
	span.buttonNews		{ background: url('../img/default/bg-span-blue.gif') left top repeat-x #ccc; border-color: #0e6dc7; }
	span.buttonSoldOut	{ background: url('../img/default/bg-span-yellow.gif') left top repeat-x #ccc; border-color: #e2a70f; }
	
	/* eshop big buttons */	a.buttonO,
	input.odeslatButton,
	input.addToCartButton{
			background: url('../img/default/bg-item-button-big.gif') left top repeat-x #000;
	}
	
	input.surveyButton{
		background: url('../img/color-orange-abstract/bg-item-button-big.gif') left top repeat-x #E65B33;
	}
	
	input.buttonCallback{
		background: url('../img/color-orange-abstract/bg-item-button-big.gif') left center repeat-x #E65B33 !important;
	}
	
		a.itemBigButton,
		a.cartFinishButton{
			background: url('../img/color-orange-abstract/bg-item-button-big.gif') left top repeat-x #E65B33;
		}
	
	/*eshop detail*/
	div#templateItemMainImage a{
		background: url('../img/default/bg-product-foto.gif') center bottom no-repeat;
	}
	
	div#templateFooterContent{
		background: url('../img/color-orange-abstract/bg-footer.gif') center top repeat-x #0a0a0b;
	}
	
	/*sorting wiev*/
	ul.sortingFilters,
	ul.sortingView{
		background: url('../img/default/bg-sorting-menu.gif') top center repeat-x;
	}
	
	/* shadow cover div */
	div#templateShadowCover{
		background: url(../img/default/bg-shadow-cover.png) center top repeat-y;
	}
	
	/* middle div in footer */
	div#templateFooter{
		background: url(../img/default/bg-footer.png) center bottom no-repeat;
	}
/* @end */

/* @group border colors */
	/* borders in grayscale etc. */
	ul.sortingFilters,
	ul.sortingFilters li,
	ul.sortingFilters li a,
	ul.sortingFilters li.popis,
	ul.sortingView,
	ul.sortingView li,
	ul.sortingView li a,
	ul.sortingFilters li.popis{
		border-color: #fff;
	}
	
	fieldset legend,
	table.tableCart tr th{
		border-color: #eee;
	}
	
	div.sortPaging a,
	div.templateLoop,	
	div.templateLoopCapsulle,
	div.itemBlockCover,
	div.itemLoopFotoBox,
	div.itemBestSellerFotoBox,
	div.itemBestSeller,
	div.newsLoopInSide,
	div.categoryList,
	div#templateItemDetailTopRight form div.productLine,
	table.fullTable tr th,
	table.fullTable tr td,
	table.tableCart tr td,
	div.regFlineMore,
	div.regFline,
	div.searchItem,
	div.galLoopBox,
	div.galLoopBoxLast,
	div.productGalFoto,
	div#sliderContent{
		border-color: #cecece;
	}
	
		form.callBackForm input.iText,
		form.callBackForm textarea,
		form#templateLogin input.iText{
			border-color: #b0b0b0;
		}
	
	form#templateBaseSearch input.iText,
	div.surveyTapeBox,
	ul.sortingView li.popis select,
	ul.sortingFilters li.popis select,
	ul.sortingView li.popisactive select,
	ul.sortingFilters li.popisactive select,
	div.productLine select,
	form.regF textarea,
	div.regFline textarea,
	input.qtyCart,
	fieldset input,
	fieldset select,
	fieldset textarea{
		border-color: #b4b4b4;
	}
	
	ul#mainMenu{
		border-color: #f7f7f7;
	}
	
	/*border in template color*/
	ul.sortingFilters li a:hover,
	ul.sortingView li a:hover,
	li.act2 a,
	li.popisactive,
	div#templateItemMainImage,
	div.templateBookMarkContent,
	input.qty,
	table.fullTable,
	div.dicscussionHeadBox,
	div#discussionThemeDesc,
	div.discussionMsg,
	div.discussionThemeDesc,
	div.sliderContent,
	div.sortingView,
	div.otherImage,
	ul#mainMenu li a:hover,
	ul#mainMenu li a.mainMenuHover,
	table.variantMenu tr td,
	div.bonusBorderedTop,
	div.mainSubMenu ul li a:hover,
	div.mainSubMenu ul li a.subMenuActive,
	div.templateItemActive{
		border-color: #e65b33 !important;
	}
	
	div.mainSubMenu ul,
	div.mainSubMenu ul li a,
	div.mainSubMenu ul li a:hover{
		border-color: #d8d7d7 !important;
	}
/* @end */

/* @group ohther utilities */
	/* text effects */
	div.itemBlockIn h4 a,
	div.itemBestSeller h4 a,
	a.itemBigButton:hover,
	a.buttonO:hover,
	span.rightCatHeading a,
	span.leftCatHeading a,
	ul.sortingFilters li a:hover,
	ul.sortingView li a:hover,
	p#path a,
	td.edit a:hover, 
	td.del a:hover,
	div.actionShopButtons a:hover,
	div.sortPaging a:hover,
	div.categoryIn a:hover,
	div.templateMoreLink a:hover,
	a.templateMoreLink:hover{
		text-decoration: underline;
	}
	
	ul.leftMenu li,
	ul.leftMenu li a,
	span.itemMiniInfoButton{
		text-transform: uppercase;
	}
	
	/*messages*/
	div.info{
		color: green;
	}
	
	div.alert{
		color: #c00;
	}
	
	input.redBorder{
		border-color: #f00;
	}
/* @end */