@import "slimbox2.css";
/* Zero space
*******************************************************************************/
html { margin:0; padding: 0; }
body { width: 100%; margin: 0; padding: 0 0; }
p, ul, li, form { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* Generic
*******************************************************************************/
body { background: #18425B; color: #ffffff; text-align: center; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }
a:hover { color: #FD8F00; }
a { color: #FDCC00; }
ul { padding: 0 1em; }
p { padding: 1em 0; }
img { border: 0; }
acronym:hover { cursor: help; }

table { border-collapse: collapse; color: #ffffff; }
th, td { padding: .2em 1em; border: 1px solid #4F7389; }
th { padding-right: 2em; text-align: right; color: #FDCC00; background: #4F7389; }
table.tvar { width: 400px; font-size: 11px; }
.nowrap { white-space: nowrap; }

/* Common
*******************************************************************************/
hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }
.hidden { display: none; }
.error { margin: 2em 2%; }
.fleft { float: left; }
.fright { float: right; }
.tright { text-align: right; }
.l_indent { margin-left: 2%; }
.r_indent { margin-right: 2%; }


/* Container
*******************************************************************************/
div#container { position:relative; width: 908px; margin: 0 auto; text-align: left}



/* Header (component)
*******************************************************************************/
div#header { width: 908px; height: 401px; padding-top: 46px}
h3#logo { position: absolute; left: 59px; top: 0; height: 46px; width: 282px; background: url(img/logo.gif) no-repeat; }
h3#logo span { display: none; }
div#flash { margin-top: ;}

/* Top menu (component)
*******************************************************************************/
/*--- Logo - bottom part ------------------------------*/
div#top-menu { height: 30px; font-size: 16px; text-align: right; }

/*--- Documents ---------------------------------------*/
div#top-menu ul { height: 100%; padding: 0;  }
div#top-menu li { width: 151px; float: right; list-style: none; background: url(img/bg-li.gif) no-repeat top right; }
div#top-menu li a { display: block; text-align: right; line-height: 30px; padding: 4px 1em 0 1.3em; font-weight: bold; text-decoration: none; color: #fff; font-variant: small-caps; }
div#top-menu li a:hover { text-decoration: underline; }

div#top-menu li.end div.first { }
div#top-menu li.end div.last { }



/* Search (component)
*******************************************************************************/



/* Main content of page
*******************************************************************************/
#main { margin: 10px 240px 2em 0; padding: 0 0; min-height: 30em; _height: 50em; border: 0px solid red; }
#main	h1 { margin-top: 1em; padding: 0 0 0 18px; font-size: 24px; font-variant: small-caps; background: url(img/h1-bg.gif) no-repeat 0 50%;}
#main h2, #main h3 {  padding-top: 0.5em; }
#main h2 { color: #FC5B00; font-size: 18px;  }
#main h3 { color: #FDCC00; font-size: 14px; }
#main p { margin: 0; }
#main p.text { line-height: 1.5em; }
#main p.text:first-letter { font-size: 1.4em; }
#main .labels {  margin: 1em 2%; }
#main p.address { width: 15em; margin: .5em 3% 1.5em 3%; padding: 1em; border: 1px solid #ddd; line-height: 1.4em; }
#main img.ram { margin: 10px;  padding: 2px; border: 1px solid #ffffff; }
#main div.box { width: 640px; background: #2F556C; padding: 0 10px 10px 10px; margin: 0.5em 0 0 0; }
#main div.tvar h2 { padding: 0.5em 0 0 0; margin: 0 0 0.3em 0; }
#main div.tvar p { padding: 0 0 0 0; margin: 0 0 0 0; }
#main div.tvar ul { list-style: none; font-weight: bold; margin-top: 0.5em;}
#main img.tvar { margin-right: 10px; padding: 1em; float: left; margin-top: 1em; background: #ffffff; }

#main div.hp-box { width: 400px; background: #2F556C; padding: 0 1em 1em 1em; margin: 0.5em 0 0 0; }

.productList { float: left; width: 260px; margin-right: 20px; }
.red { color: red; font-weight: bold; }

.card-left, .card-right { float: left; width: 214px; margin: 10px 4px 0px 0; padding: 5px 0; text-align: center; background: #2F556C; font-size: 80%; }
.card-right { float: right; margin: 10px 0 0px 4px; }
.card-left p, .card-right p { margin: 0; padding: 0.5em 0; }
.card-left img, .card-right img { padding: 2px; border: 1px solid #ffffff; }

.folie-left, .folie-right { float: left; width: 70px; margin: 2px 4px 0px 0; padding: 2px 0; text-align: center; background: #2F556C; font-size: 80%; }
.folie-right { float: right; margin: 2px 0 0px 4px; }
.folie-left p, .folie-right p { margin: 0; padding: 0.1em 0 0.5em 0; }
.folie-left img, .folie-right img { padding: 2px; border: 1px solid #ffffff; }  


	/*--- Bars --------------------------------------------*/
	div.bar { margin: 0 2% 2em 2%; padding-left: 2em; border: 1px solid #BDBDBD; line-height: 2em; }
	div.bar div.label { float: left; margin-left: -2em; _margin-left: -1em; padding-left: 1em; font-weight: bold; color: #000; }
	div.subcategory { background: #fff url(img/continue-shopping-bg.png) repeat-x; }
	div.order-by { margin-bottom: 0; background: #DFDFDF url(img/order-by-bg.png); _background-position: 0 1px; }
	div.subcategory div.label { width: 13em; background: #EEE45D url(img/continue-shopping-label-bg.png) repeat-x; }
	div.order-by div.label { width: 8em; background: #EEE45D url(img/continue-shopping-label-bg.png) repeat-x; }
	div.subcategory div.label div { background: url(img/continue-shopping-label-r_c.png) no-repeat right; }
	div.order-by div.label div { background: url(img/order-by-label-r_c.png) no-repeat right; }
	div.bar a { padding: 0 .5em 0 1em; color: #000; text-decoration: none;  background: url(img/continue-shopping-a-bg.png) no-repeat left; }
	div.bar a:hover { text-decoration: underline; }



/*--- Right ---------------------------*/
div.right { display: block; float: right;  width: 230px; }
div.right div.box { width: 210px; background: #2F556C; margin-top: 20px; padding: 0 10px 10px 10px; font-size: 0.9em; }
div.right h3 { width: 100%; font-size: 14px; height: 24px; line-height: 24px; padding: 0 0 0 14px; background: url(img/h2-bg.gif) no-repeat 0 50%;}
div.right .bazenyshop { text-align: left;  padding: 10px 90px 0 0;  background: url(img/logo-bazenyshop.gif) no-repeat right; }
		div.right div.box a.head { font-weight: bold; }
		div.right div.box div.img { width: 80px; float: left; }
		div.right div.box p.price { font-weight: bold; }
		div.right div.box hr { clear: left; color: #4F7389; border: 3px solid #4F7389; }
/* Footer (component)
*******************************************************************************/
div#footer { clear: both; text-align: right; font-size: 0.9em; background: url(img/footer-bg.gif) no-repeat;}
	div#footer p#content {  }