@import url("reset.css");
@import url("layout.css");



#logo:link,
#logo:visited	{ display: block; width: 218px; height: 57px;
				  position: absolute; top: 15px; left: 24px; text-indent: -999.9em; 
				  background: url(../img/logo.png) no-repeat }
#logo:hover,
#logo:active	{ border: none }

/*----------------------------------------*/

#mainMenu		{ margin: 0; width:945px; border-bottom: 1px solid #e6e6e6; padding:0 0 5px 14px }
#mainMenu li	{ float: left; margin: 0; position: relative;
				  list-style-type: none; padding:0 9px }
#mainMenu a:link,
#mainMenu a:visited
				{ color: #8c8c8c; font: normal 1.1em/1.3em Arial, Helvetica, sans-serif; text-transform:uppercase }
#mainMenu a.active:link,
#mainMenu a.active:visited,
#mainMenu a:hover,
#mainMenu a:active	
				{ border: none; color: #0094da; text-decoration:none }

/*-----------------------------------------*/
.eshop			{ width: 203px; height: 82px; padding: 5px 5px 0 12px; position:absolute; top: 14px; right: 24px; background:url(../img/head_col.gif) repeat-x}
.eshop h2		{ margin-bottom:0}
.eshop h2 span	{ color: #0094da}
.eshop p		{ margin-bottom: 4px; font: normal 1.1em/1.2em Verdana,Arial, Helvetica, sans-serif}
.eshop p a:link,
.eshop p a:visited
				{ display:block; width: 86px; height: 14px; padding-left: 14px; 
				  background:#0094da url(../img/arrow.gif) 6px center no-repeat; color: #fff}
.news			{ width: 203px; height: 82px; padding: 5px 5px 0 12px; position:absolute; top: 14px; right: 254px; background:url(../img/head_col.gif) repeat-x}
.news h2		{ margin-bottom:0}
.news h2 span	{ color: #0094da}
.news p			{ margin-bottom: 4px; font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif}
.news .text		{ border: 1px solid #dcdcde; width: 130px; padding:2px 5px; font: normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif; float:left;
				  margin: 2px 6px 0 0; background: #fff}
.news .submit	{ float:left; background:url(../img/submit.gif) no-repeat; width: 52px; height: 23px; cursor: pointer; 
				  font: normal 1.1em/2em  Arial, Helvetica, sans-serif}

/*-------------------------------------------*/
.title			{ height: 33px}
.title p		{ color: #252122; font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; margin:0}
.title p a:link,
.title p a:visited
				{ color: #8c8c8c}

.title p a.active:link,
.title p a.active:visited
				{ background: #0094da; color: #fff; padding:1px;}
.title p a:hover,
.title p a:active
				{ text-decoration:none; background: #0094da; color: #fff}
.title p a span	{ padding:0 5px}

.search			{ float:right; width: 340px}
.search label	{ float:left; width: 90px; font: normal 1.4em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #252122; margin:0}
.search input.text
				{ width: 168px; padding:3px 5px; background: #fff; border: 1px solid #abadb3; float:left; margin-right: 6px; color: #abadb3;
				  font: normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif}
.search input.submit
				{ width: 50px; height: 21px; cursor: pointer;
				  font: normal 1.1em/2em  Arial, Helvetica, sans-serif}		  

/* categories*/				  
.list_cat			{ float:left; list-style: none; margin:0; width: 945px; font-size:1em}
.list_cat li		{ float:left; margin:0; padding:0 12px 12px 0; width: 219px; position:relative}
.list_cat li img	{ float:left; margin:0}
.list_cat li.first div
				{ display:block; height: 40px; width: 187px; position:absolute; left:0; top: 166px; padding:0 16px; 
				  background:url(../img/black_bg.png) repeat; }				  
.list_cat li.first a:link,
.list_cat li.first a:visited
				{ color: #fff; font: 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif}
.list_cat li.first span,
.list_cat li.first span
				{ clear:both; padding-left: 35px}
.list_cat li.first h3
				{ color: #fff; font: bold 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0}

/*homepage*/
.list			{ float:left; list-style: none; margin:0; width: 462px; font-size:1em}
.list li		{ float:left; margin:0; padding:0 12px 12px 0; width: 219px; position:relative}
.list li img	{ float:left; margin:0}
.list li.first div
				{ display:block; height: 40px; width: 187px; position:absolute; left:0; top: 166px; padding:0 16px; 
				  background:url(../img/black_bg.png) repeat; }				
.list li. a:link,
.list li. a:visited
				{ color: #fff; font: 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif}
.list li. span,
.list li. span
				{ clear:both; padding-left: 35px}
.list li. h3
				{ color: #fff; font: bold 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0}
.list li.e_shop a:hover,
.list li.e_shop a:active,
.list li.contact a:hover,
.list li.contact a:active,
.list li. a:hover,
.list li. a:active
				{ text-decoration:none}



.list li.e_shop .text
				{ display:block; height: 41px; width: 207px; position:absolute; left:0; top: 176px; padding:3px 6px 0; 
				  background:#df3927;z-index:99999; }
.list li.e_shop p
				{ color: #ffcdc8; font: 1.4em/1.2em Verdana, Arial, Helvetica, sans-serif; margin: 0}
.list li.e_shop h3
				{ color: #fff;font: bold 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0}


.list li.contact .text
				{ display:block; height: 41px; width: 207px; position:absolute; left:0; top: 176px; padding:3px 6px 0; 
				  background:#e9c321;z-index:99999; }
.list li.contact p
				{ color: #fff4c4; font: 1.4em/1.2em Verdana, Arial, Helvetica, sans-serif; margin: 0}
				  
.list li.contact h3
				{ color: #fff;font: bold 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0}

.list li.h_about .text
				{ display:block; height: 41px; width: 207px; position:absolute; left:0; top: 176px; padding:3px 6px 0; 
				  background:#0094DA;z-index:99999; }
.list li.h_about p
				{ color: #BEEAFF; font: 1.4em/1.2em Verdana, Arial, Helvetica, sans-serif; margin: 0}
.list li.h_about h3
				{ color: #fff;font: bold 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0}
.list li.h_news .text
				{ display:block; height: 41px; width: 207px; position:absolute; left:0; top: 176px; padding:3px 6px 0; 
				  background:#3FB411;z-index:99999; }
.list li.h_news p
				{ color: #CFFFBC; font: 1.4em/1.2em Verdana, Arial, Helvetica, sans-serif; margin: 0}
.list li.h_news h3
				{ color: #fff;font: bold 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0}

.big_img		{ float:left; position:relative; padding-bottom: 12px}
.big_img img	{ float:left; margin:0}
.big_img div	{ background:#000; width: 450px; height: 83px; position:absolute; left:0; top: 368px; z-index: 99999}
.big_img h2		{ color: #fff; font: normal 3.0em/2.5em Verdana, Arial, Helvetica, sans-serif; margin:0; text-align:center;}

.result			{ background: #f6f6f6; height: 25px; width: 888px; border-bottom:1px solid #d9d9d9; border-top: 1px solid #d9d9d9; 
				  padding:0 7px 0 17px; float:left}
.result	 p		{ float:left; margin:0; color: #3b3b3b; font: normal 1.4em/1.6em Verdana, Arial, Helvetica, sans-serif}
.result ul		{ float:right; width: 385px; font-size:1em; margin:0; list-style: none} 
.result li		{ float:left; padding:0 10px; margin:0;}
.result li a:link,
.result li a:visited
				{ color: #3b3b3b;font: normal 1.1em/2.2em Verdana, Arial, Helvetica, sans-serif}
.result li a:hover,
.result li a:active,
.result li a.active:link,
.result li a.active:visited
				{ color: #0095da; text-decoration:none}

.result li a.active:link,
.result li a.active:visited
				{ font-weight: bold}
.result li span	{ line-height: 25px}

.inner ul		{ float:left; list-style: none; margin:0; font-size: 1em}
.inner li		{ margin:0}
.inner li a:link,
.inner li a:visited
				{ color: #252122; font: normal 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif}
.one			{ width: 213px}
.two			{ width: 231px}
.three			{ width: 228px}
.four			{ width: 190px}

/*-------------------------------------*/
.zoom			{ position:relative; padding:0 38px}
.zoom a.prev:link,
.zoom a.prev:visited
				{ background:url(/img/prev_fr.gif) no-repeat; width: 32px; height: 317px; display:block; position:absolute; left:0; top:0}
.zoom a.prev:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/img/prev-on_fr.gif) no-repeat scroll 0 0;
}

.zoom a.next:link,
.zoom a.next:visited
				{ background:url(/img/next_fr.gif) no-repeat; width: 32px; height: 317px; display:block; position:absolute; right:0; top:0}
.zoom a.next:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/img/next-on_fr.gif) no-repeat scroll 0 0;
}
.zoom ul		{ float:left; margin:0; list-style: none; font-size: 1em}
.zoom li		{ float:left; width: 836px; margin:0}
.left_img		{ float:left; width: 412px}
.left_img img	{ margin: 0}
.left_img p		{ font: normal 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; margin:0; color: #252122; text-align:center}

.grauCol		{ float: right; width: 379px; padding:0 17px 25px; border-bottom: 5px solid #ececec; background: #f2f2f2}
.grauCol h2		{ font: normal 3.6em/1.2em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px}
.grauCol h4		{ font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 18px}
.grauCol p		{ font: normal 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px}
.grauCol p.inner_p
				{ padding-left: 110px; margin:0}
.add_basket:link,
.add_basket:visited
				{ background: #0094da url(../img/arrow_blue.gif) 8px center no-repeat; padding:0 10px 0 22px; height: 40px; display:inline-block; color: #fff;
					line-height: 40px; font-size:1.3em !important; text-transform:uppercase; font-weight: bold; margin-bottom: 10px}
.add_basket:hover,
.add_basket:active
				{ text-decoration:none}
.price:link,
.price:visited	{ padding-left: 10px; background:url(../img/arrow_grau.gif) 2px center no-repeat; color: #8c8c8c; font-size: 1.1em}

/*Landing page----------------*/
.landing-body { background-color: #ebebeb;}
#wrap 			{ width: 959px; min-height: 100%; margin: 0 auto; border-left:1px solid #8e8e8e; border-right: 1px solid #8e8e8e;
				  background: #fff; position:relative }
				  
#wrap-land 			{ width: 855px; height:365px;margin: 50px auto 0 auto; position:relative;background-image:url(../img/landing.jpg) }

.text_land {padding: 120px 0 0px 650px}

.text_land h1 {color:#FFF; font-size:16px; font-weight:bold; line-height:2}

.text_land a:link,
.text_land a:visited{color:#FFF}
.text_land a:hover,
.text_land a:active
				{ text-decoration: underline}
#header-hp {	
	background-image:url(/img/topblue.gif);
	background-repeat: repeat-x;
	margin: 0 auto;
}				


/*--------------------------*/
/*Addresses*/
h3{ font-size:18px;}
.address-existing li{list-style:none;}
.address-existing{	background-color:#F2F2F2;	padding:15px;width:500px;}

/*News*/
#news-list li{list-style:none; padding:10px;margin-top:15px;}
#news-list .odd{background-color:#F2F2F2;}
#news-list h3{padding-bottom:10px;}
#news-list p{margin-bottom:10px;}

/* Users */
#user-account ul { width:300px;}
#user-account li { list-style:none; width:120px; height:120px;
 -moz-border-radius: 2em;
  border-radius: 2em;
  text-align:center;
  background-color: #F2F2F2;
  border: solid 1px #ECECEC; float:left;
}
#user-account li img{ display:block; padding-left:30px; padding-top:15px;}
#user-account a
				{ color: #8c8c8c; font: normal 1.1em/1.3em Arial, Helvetica, sans-serif; }
#user-account a.active:link,
#user-account a.active:visited,
#user-account a:hover,
#user-account a:active	{ border: none; color: #0094da; text-decoration:none }

/*Forms*/
form table th{ width:200px;text-align:left;}
form table tfoot td{ padding-top:15px;}


/* Flash */
.flash-msg{
	background-image:url(/sf/sf_admin/images/tick.png);background-repeat:no-repeat;
	background-color:#D4F6C9;
	border: 1px solid #B7DCAB;
	padding:5px;
	padding-left:20px;
	margin-bottom:10px;
	width:400px;
}
.flash-msg p{ line-height:12px;;margin:0;padding:0;}

.clear-div{clear:both;}
.help {color:#C5C5C5;font-size:11px;font-style:italic;}

/*Share this icon*/
.sharethis { float:right;margin:0;padding:0; }