/* @group reset */

/* Reset ------------------------------------------------------------------ */

body {
	background-color: #fff;
	color: #666;
	text-align: center;
}

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,select,textarea,pre,code,
h1,h2,h3,h4,h5,h6,p,blockquote,hr,table,th,td {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

ul {
	list-style: none;
}

html,body,a img,hr {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:active {
  outline: none;
}
a:focus {
  outline: none;
}
/* @end */


body { 
	text-align: center; 
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	color: #666666; 
	background: #CC0001;
	margin: 0; 
}

#page-bg { 
	position: relative;
	background: #fff url(../images/etc_bgwebsite_top.jpg) repeat-x;
}
h1 { 
	color: #BA0000; 
	text-decoration: none; 
	font-size: 16px; 
	margin-top: 15px; 
	font-weight: bold;
	padding-left: 15px;
}
h2 { 
	font-size: 16px; 
	margin-bottom: 15px;
	color: #2F2F2F;
	font-weight: bold;
}

a {
	color: #cc0000; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#page-bottom { 
	background: #CC0001 url(../images/bottom-bg.jpg) repeat-x; 
	height: 293px;
}
#footer-shadow { 
	margin: 0 auto;
	width: 1010px;
	text-align: left;
	background: #fff url(../images/etc_shadow_bottom.jpg) no-repeat;
	height: 255px;
}
#footer { 
	width: 990px;
	margin: 0 auto; 
	text-align: left;
	padding-top: 20px;
	color: #fff;
	padding-bottom: 40px;
	font-size: 11px;
}
#footer a { 
	color: #fff; 
}
#footer a:hover { 
	text-decoration: underline;
}
#top { 
	height: 255px; 
	margin: 0 auto;
	width: 990px;
	text-align: left;
	position: relative;
}
#top-bar { 
	height: 30px; 
	color: #fff;
	line-height: 30px;
	font-size: 11px;
}
#top-bar a {  
	color: #ffff99;
}

#top-goto-link {
	position: absolute;
	height: 45px;
	top: 0px;
	right: 37px;
	/*  left: 860px;*/
	background: #A70103 url(../images/goto-box-bg.jpg) repeat-x;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding-left:17px;
	padding-right:17px;
	line-height: 38px;
	border-left: solid 1px #A60002;
	border-right: solid 1px #A60002;
}

#top-goto-link a { color: #fff; }
#top-goto-link a:hover {text-decoration: none;  color: #ffff99;}

#top-maps {
	position: absolute;
	top: 10px;
	left: 755px;
}

#top-maps-gdansk {
	position: absolute;
	top: 10px;
	left: 740px;
}
#top-maps a img , #top-maps-gdansk a img {
	border: 1px solid #CC0001;
	}

#top-shadow { 
	margin: 0 auto;
	width: 1010px;
	text-align: left;
	height: 230px; 
	background: #fff url(../images/etc_shadow_top.jpg) no-repeat; 
}
#main { 
	text-align: left;
	background: #fff;
	margin: 0 auto;
	width: 990px;
	margin-bottom: -255px;
	margin-top: -230px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}

#sidebar { 
	width: 210px;
	float: left; 
	padding: 15px;
	padding-top: 10px;
}
#content { 
	float: right;
	width: 725px; 
	padding-top: 10px;
	padding-right: 15px;
	min-height: 480px;
}

#menu { 
	line-height: 57px; 
	padding-left: 15px;
}

#menu ul { 

}

#menu ul li { 
	float: left; 
}
#menu ul li a {
	color: #fff; 
	font-size: 16px;
	margin-right: 20px;
	padding-bottom: 32px;
	font-weight: bold;

} 
#menu ul li a:hover {
	color: #ffff99; 
	text-decoration: none; 
	background: url(../images/menu-marker.gif) no-repeat 50% 30px; 
}
#menu ul li a.active { 
	color: #ffff99; 
	background: url(../images/menu-marker.gif) no-repeat 50% 30px; 
}

#navbar { 
	line-height: 20px; 
}
#navbar h1 { 
	color: #fff; 
	float: left;
}

#breadcrumb { 
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	color: #ffcc66;
	font-size: 11px;
}

#breadcrumb a { 
	color: #ffcc66; 
	padding-left: 5px;
	padding-right: 5px;
}
#breadcrumb a:hover {
	text-decoration: underline; 
}

/* @group sidebar */

#search-box { 
	width: 190px;
	height: 190px; 
	background: url(../images/search-bg.jpg) repeat-x; 
	padding: 15px;
	color: #fff;
	line-height: 17px;
	margin-bottom: 25px;
}
#search-box p { 
	margin-bottom: 10px; 
}
#search-box input { 
	padding: 10px;
	width: 170px; 
	border: none;
	margin-bottom: 10px;
	font-size: 12px;
	font-family: Arial;
}
#search-box input.submit { 
	background: #FE9500;
	color: #ffff33; 
	text-align: left;
}
#search-box ul { 
	list-style: disc;
	list-style-position: inside;
}
#search-box ul li a { 
	color: #ffff33;

}

#newsletter-box { 
	width: 190px;
	height: 205px; 
	background: #2A9A00 url(../images/newsletter-bg.jpg) repeat-x top; 
	padding: 15px;
	color: #fff;
	line-height: 17px;
}

#newsletter-box p { 
	margin-bottom: 10px; 
}
#newsletter-box input { 
	padding: 10px;
	width: 170px; 
	border: none;
	margin-bottom: 10px;
	font-size: 12px;
  font-family: Arial;
}
#newsletter-box input.submit { 
	background: transparent;
	color: #ffff33; 
	text-align: left;
	padding-left: 0px;
	padding-top:5px;
	width: 100%;
}
#newsletter-box input.checkbox { 
	margin: 0px;
	width: 20px;
}

/* @end */

/* @group homepage boxes */
#homepage-search {
	float: left;
  height: 280px; 
  width: 240px;
	}
#homepage-newsletter {
	float: left;
  height: 280px; 
  width: 240px;
	}
#homepage-welcome { 
	float: left;
	height: 280px; 
	width: 362px;
}
#homepage-welcome div { 
	border-left: solid 1px #C5C5C5; 
	border-right: solid 1px #C5C5C5; 
	padding-left: 15px;
	padding-right: 15px;
	height: 225px;
	overflow: hidden;
	line-height: 17px;
}
#homepage-welcome div img { 
	margin-bottom: 10px; 
}
#homepage-news { 
	float: right;
	height: 530px; 
	width: 340px;
}
#homepage-news div.news-box { 
	padding: 10px;
	height: 495px;
	overflow: hidden;
	line-height: 17px;
	background: #f3f6f9;
}
.news-item { 
	margin-bottom: 0px; 
}
.news-item img { 
	margin-right: 10px;
}
.news-item h3 { 
	color: #cc0000;
	font-weight: bold;
}

.news-item-imgBox {
	height: 85px;
	width: 85px;
	text-align: center;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.news-item-contentBox {
	float:left;width:220px;
	}	
.news-item-contentBox a {}
.news-item-contentBox a:hover {text-decoration: none;}
#homepage-drive { 
	float: left;
	height: 260px; 
	width: 360px;
	position: relative;
}

#homepage-drive div { 
	padding: 15px;
	height: 190px;
	overflow: hidden;
	line-height: 17px; 
	background: url(../images/drive-bg.jpg) repeat-x; 
	color: #fff;
	padding-left: 120px;
}
#homepage-drive div h3 { 
	color: #fff;
	font-size: 16px;;
	font-weight: bold;
	margin-bottom: 5px;
	
}
#homepage-drive a { color: #fff; }
#homepage-drive div span { 
	margin-bottom: 13px;
	display:block; 
}
#homepage-shop { 
	float: right;
	height: 260px; 
	width: 360px;
	
}

#homepage-shop div.shops-box { 
	padding: 15px;
	height: 190px;
	overflow: hidden;
	line-height: 17px; 
	background: #7e9db9;
	color: #fff;
}
#homepage-shop div.shops-box ul {
	list-style: none;
	}
#homepage-shop div.shops-box ul li {
	border-bottom: 1px solid #BFCEDC;
	padding: 5px 0px;
	}
#homepage-shop div.shops-box ul li span.nbr {
	color: #BFCEDC;
	font-weight: bold;
	width: 105px;
	display: block;
	float: left;
	}
#homepage-shop div.shops-box ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display:block;
	float: left;
	width: 200px;
	}
#homepage-shop div.shops-box ul li a:hover {
	color: #BFCEDC;
	}

#homepage-shop-box { background: #e3e7ea url('../images/bg_zobacz_sklepy.jpg') repeat-x top; padding: 15px;	height: 205px;overflow: hidden;}
#homepage-shop-box ul {list-style:none;}
#homepage-shop-box ul li { width: 150px; float: left; margin-bottom: 15px;}
#homepage-shop-box ul li a {display: block; padding-top: 5px; color: #666;}
#homepage-shop-box ul li a:hover {color: #0134fd;text-decoration: none;}
.legend_big { display: block; width: 17px;	height: 17px;	float: left;	margin-right: 10px;	font-size: 1px;
	overflow: hidden; }

.shop-item { 
	margin-bottom: 15px; 
}
.shop-item img { 
	float: left;
	margin-right: 10px;
}
.shop-item h3 a{ 
	color: #ffff00;
	font-weight: bold;
}

/* @end */ 
#logo-bottom { 
	padding: 15px;   
	padding-top: 0px;
	padding-bottom: 10px;
	border: none;
}
.small-logo-bottom  {
	width: 605px !important;
	display: block!important;
	float: left !important;
}
#logo-bottom-box { 
	border-top: solid 1px #B9B9B9; 
	border-bottom: solid 1px #B9B9B9; 
	height: 75px;
	overflow: hidden;
}

#logo-bottom-box h4 { 
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: bold;
}
#logo-bottom-box img { 
	margin-left: 35px;
	margin-top: 15px; 
}
/* @group common */

.drive-car-ico { 
	position: absolute;
	top: 35px;
	left: 0px; 
}
.left { 
	float: left; 
}
.right { 
	float: right; 
}
.clear { 
	clear: both; 
}
.search-header { 
	color: #ff9900; 
}
.welcome-header { 
	color: #3e3e3e; 
}
.news-header { 
	color: #cc0000; 
}
.newsletter-header { 
	color: #339900; 
	padding-top: 0px;
}
.drive-header { 
	color: #003399; 
}
.shops-header { 
	color: #6699cc; 
}
.floor-header { 
	color: #BA0000; 
}
.legend-header { 
	color: #878787; 
}
/* @end */



/* @group tables */

.basic-table {
	width: 100%;
	border-collapse: collapse;
}

.basic-table th {
	background-color: #FFFFBD;
	border-top: solid 1px #F98600;
	border-bottom: solid 1px #F98600;
	color: #F98600;
	font-weight: normal;
	padding: 10px;
	font-size: 13px;
	width: 50%;
}

.basic-table td {
	background-color: #FFFFBD;
	border-top: solid 1px #F98600;
	border-bottom: solid 1px #F98600;
	color: #666;
	font-weight: normal;
	padding: 10px;
	font-size: 13px;
}
.basic-table thead td {
	background-color: #F98600;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	font-size: 16px;
}
.basic-table tfoot th, .basic-table tfoot td {
	border: none;
	background: #fff;
}

/* @end */


.basic-form input,.basic-form select,.basic-form textarea {
	margin: 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #878787;
	background: #FFF;
	color: #666;  
	width: 95%;
}
.basic-form input.thisError {
	margin: 0px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #E96A25;
	background: #FFF;
	color: #666;  
}
.submit, .basic-form .submit {
	border: none;
	background: #B90000;
	padding: 10px 25px 10px 25px;
	color: #FFFF33;
	width: auto;
	font-size: 12px;
	font-family: Arial;
}
.basic-form .width20prc {
	width: 20%;
} 
.error_list {
	color: #E96A25;
}

.floor-box {
	width: 48%;
	float: left;
	text-align: center;
}
.floor-title {
	color: #fff;
	padding: 10px;
	background: #CC0001;
	margin: 0 auto;
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 16px;
	width: 50%;
}
.floor-title a { 
	color: #fff; 
}
.floor-title-marker { 
	width: 50%;
	margin: 0 auto;
	margin-top: 10px;
}
.back-floor-link { 
	position:absolute; 
	top: 30px; 
	right: 15px;
}
.back-floor-link a { 
	color: #F98600; 
}



.shop-list {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

.shop-list th {
	border-top: solid 1px #C2C2C2;
	border-bottom: solid 1px #C2C2C2;
	color: #525252;
	font-weight: normal;
	padding: 10px;
	font-size: 16px;
	width: 10%;
}

.shop-list td {
	border-top: solid 1px #C2C2C2;
	border-bottom: solid 1px #C2C2C2;
	color: #525252;
	font-weight: normal;
	padding: 10px;
	font-size: 13px;
}
.shop-list th.shop-number {
	font-weight: bold;
}

#floor-box { 
	margin-bottom: 15px;

}
#floor-box ul li { 
	margin-top: 10px; 

}
#floor-box ul li a { 

	color: #fff;
	background: #BA0000 url(../images/floor-menu-marker.jpg) no-repeat right top;
	padding-left: 15px;
	line-height: 30px;
	display: block;
	height: 30px;

}
#floor-box ul li a:hover, #floor-box ul li a.active { 
	background: #F98600 url(../images/floor-menu-marker-hover.jpg) no-repeat right top;
	text-decoration: none;
} 


#legend-box { 
	width: 190px;
	background: #E3E7EA url(../images/legend_bg.jpg) repeat-x; 
	padding: 15px;
	margin-bottom: 15px;
}
#legend-box ul li { 
	margin-bottom: 5px; 
}
.legend { 
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 10px;
	font-size: 1px;
	overflow: hidden;
}

.shop-show { 
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
	margin-top: 30px;
}

.shop-show th { 
	color: #F98700;
	font-weight: bold; 
	padding: 3px;
}
.shop-show td { 
	padding: 3px;
}
.shop-logo { 
	border-top: solid 1px #C2C2C2;
	border-bottom: solid 1px #C2C2C2;
}

.errorNO {
	background: #D42C05;
	border: 5px solid #E96A25;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	color: #FFF;
}
.errorOK {
	background: #3B9F09;
	border: 5px solid #4DCF0C;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	color: #FFF;
}

.sitemap ul {
	list-style: circle;
	padding-left: 15px;
}
.sitemap ul li {
	margin-top: 5px;
}

/* Bubble pop-up */

.popup {
	position: absolute;
	z-index: 50;
	border-collapse: collapse;
}

.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(../images/bubble-1.png); }
.popup td.top { background-image: url(../images/bubble-2.png); }
.popup td#topright { background-image: url(../images/bubble-3.png); }
.popup td.l { background-image: url(../images/bubble-4.png); }
.popup td.r { background-image: url(../images/bubble-5.png); }
.popup td#bottomleft { background-image: url(../images/bubble-6.png); }
.popup td.bottom { background-image: url(../images/bubble-7.png); text-align: right;}
.popup td.bottom img { display: block; float: right; }
.popup td#bottomright { background-image: url(../images/bubble-8.png); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

table.popup-contents th {
	text-align: right;
	text-transform: lowercase;
}

table.popup-contents td {
	text-align: left;
}

tr#release-notes th {
	text-align: left;
	text-indent: -9999px;
	background: url(../images//coda/starburst.gif) no-repeat top right;
	height: 17px;
}

tr#release-notes td a {
	color: #333;
}

#pager {
	margin-top: 15px;
	margin-bottom: 15px;
}
#pager a {
	font-size: 12px;
	padding: 5px;
}
#shop-logo-list img {
	padding: 15px 30px 15px 30px;
}
#shop-logo-list-small #shop-logo-list img {
	padding: 15px 30px 15px 30px !important;
}
#shop-logo-list-small #logos .logosNormal {
	width: 150px; float: left; margin-right: 30px;
}
#shop-logo-list-small #logos .logosSmall{
	width: 150px; float: left; margin-right: 10px; margin-left: 40px;
}

ul.thumb { float: left; list-style: none; margin: 0; padding: 0px; width: 700px; margin-left: 25px;}
ul.thumb li { margin: 0; padding: 0px; float: left; position: relative; width: 210px; height: 150px; }
ul.thumb li img {  -ms-interpolation-mode: bicubic; padding: 0px; position: absolute; left: 10px; top: 10px; }
ul.thumb li div { width: 170px; height: 120px; border: solid 1px #B9B9B9;}
ul.thumb li a:hover { text-decoration: none; }
ul.thumb li a:hover div { border: solid 1px #BA0000;  }
ul.thumb li span.shop-name {  position: absolute; top:90px; left:10px; text-align:center; width: 160px; }

#partners {
	float: right;
	width: 335px;
	height: 75px;
	border: none;
	border-bottom: 1px solid #B9B9B9;
	border-top: 1px solid #B9B9B9;
	display: block;
}
#partners h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: normal;
	float: left;
}	
#partners a {
	display: block;
	float: right;
	border: none;
	text-decoration: none;
	height: 50px;
	margin: 15px 20px 0px 0px;
}