*
{
	margin: 0; padding: 0;
}

body
{
	font: normal 0.75em/1.4em arial,helvetica,sans-serif;
	color: #8a8a8a;
	background-color: #FFFFFF;
}

hr												{ display: none; }
.nodisplay
{ 
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.spacer											{ display: block; clear: both; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 0; }

fieldset										{ border: none; }
legend											{ display: none; }

input, select
{
	width: 95%;
}

div.button input
{
	width: auto;
	cursor: pointer;
	font: normal 100%/1.5em arial,helvetica,sans-serif;
	border: 0 solid;
	background-color: transparent;
	text-decoration: none;
	text-align: left;
	color: #39bbeb;
	background: url(../pics/icons/button.gif) 0 0.25em no-repeat;
	padding: 0.5em 0 0.5em 30px;
}

.checkbox, .radio								{ width: auto; }
input:focus, textarea:focus						{ background-color: #fff; }
.button:focus									{ background-color: transparent; }
label											{ cursor: pointer; display: block; font-weight: bold; }
label.inline									{ display: inline; font-weight: normal; margin: 0; }

img 											{ border: 0px none; }
strong											{ font-weight: bold; }
a												{ color: #39bbeb; }
a:visited										{ color: #39bbeb; }
a:hover											{ color: #39bbeb; }

ul, ol											{ list-style: none; }
li a											{ display: block; text-decoration: none; }

p												{ margin: 0 0 1.5em 0; }

abbr											{ cursor: help; }

.halfleft, .prev
{
	width: 48%;
	float: left;
}

.halfright, .next
{
	width: 48%;
	float: right;
}

/* ******************** page blocks */

#page
{
	width: 780px;
	text-align: left;
	margin-left: 3px;
}

#logo h1 a
{
	height: 3.5em;
	display: block;
	background: url(../pics/header/logo_de.gif) 12px 6px no-repeat;
}

#logo .mybay
{
	float: left;
	margin: 1.9em 4px 0 390px;
}

#logo ul
{
	float: left;
	width: 78px;
	margin-top: 2em;
}

#logo li
{
	float: left;
}

#logo li a
{
	float: left;
}

#breadcrumb
{
	background-color: #6ea5cc;
	color: white;
	padding: 3.2em 12px 0 0;
}

#breadcrumb h3
{
	float: left;
	margin-right: 2px;
}

#breadcrumb ul,#breadcrumb li
{
	float: left;
}

#breadcrumb ul ul
{
	padding-left: 12px;
	background: url(../pics/header/breadcrumb.gif) 2px 50% no-repeat;
}

#breadcrumb a
{
	color: #fff;
	text-decoration: underline;
	float: left;
}

#breadcrumb p
{
	float: right;
	margin: 0;
	padding: 0 12px;
	background: url(../pics/header/cart.gif) 0 50% no-repeat;
}

#nav
{
	background-color: #193b64;
	margin-bottom: 0.75em;
	margin-top: 2px;
	width: 100%;
	float: left;
}

#nav li
{
	float: left;
}

#nav li a
{
	float: left;
	color: white;
	background: url(../pics/header/nav_separator.gif) 100% 2px no-repeat;
	padding: 1px 12px;
}

#nav li a:focus,#nav li a:hover
{
	color: #6ea5cc;
}

#category
{
	width: 192px;
	float: left;
	margin-right: 3px;
}

#category ul
{
	background-color: #f0f1f2;
	border: 1px solid #e1e2e2;
	margin-bottom: 1.5em;
}

#category ul ul
{
	background-color: transparent;
	border: 0 solid;
	margin: 0;
}

#category li a
{
	background: url(../pics/misc/category_icon.gif) 8px 50% no-repeat;
	padding: 0 12px 0 24px;
	color: #193b64;
}

#category li a:hover,#category li a:focus
{
	background-color: #f5f6f7;
	color: #39bbeb;
}

#category li.active a {
	background: url(../pics/misc/category_active_icon.gif) 8px 50% no-repeat;
}

#category ul ul li a
{
	background: url(../pics/misc/category_sub_icon.gif) 25px 0.5em no-repeat !important;
	padding: 0 12px 0 35px;
}

#desk
{
	width: 390px;
	float: left;
	
}

#teaser
{
	width: 192px;
	float: left;
	margin-left: 3px;
}

#footer
{
	background: url(../pics/misc/footer_line.gif) 0 0 repeat-x;
	margin: 2em 0;
	height: 3em;
	color: #8a8a8a;
	padding-top: 0.75em;
	clear: both;
}

#footer p, #footer ul, #footer li
{
	display: inline;
}

#footer li a
{
	color: #8a8a8a;
	display: inline;
}

#footer li a:hover
{
	color: #39bbeb;
}

/* ******************** elements styles */
h1
{
	font-size: 140%;
	color: #39bbeb;
	margin: 1em 0;
	font-weight: normal;
}

#logo h1
{
	font-size: 100%;
	margin: 0;
	float: left;
	width: 192px;
}

h2
{
	font-size: 100%;
	color: #39bbeb;
}

h3
{
	font-size: 100%;
	background-color: #6ea5cc;
	color: white;
	padding: 0 6px;
}

.section
{
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
	background: url(../pics/misc/dots.gif) 0 100% repeat-x;
}

.more a
{
	display: block;
	background: url(../pics/icons/next.gif) 0 0 no-repeat;
	padding: 3px 0 1px 30px;
	text-decoration: none;
}

.more a:hover,.more a:focus
{
	background-position: 0 -121px;
}

ul.more li
{
	background: url(../pics/misc/dots.gif) 0 0 repeat-x;
	padding: 2px 0 1px 0;
}

ul.more
{
	background: url(../pics/misc/dots.gif) 0 100% repeat-x;
	margin-bottom: 1.5em;
}

.info
{
	background-color: #d5f0f9;
	border: 1px solid #bcdce8;
	padding: 0.75em 10px;
	margin-bottom: 1.5em;
}

.info p, .error p, .success p
{
	margin: 0;
}

dl.std, dl.prices
{
	background: url(../pics/misc/dots.gif) 0 0 repeat-x;
	margin-bottom: 1.5em;
	clear: left;
}

dl.std dt
{
	margin-right: 70%;
	font-style: italic;
}

dl.std dd
{
	background: url(../pics/misc/dots.gif) 0 100% repeat-x;
	margin-top: -1.5em;
	padding-left: 30%;
}

dl.prices dt
{
	margin-right: 30%;
}

dl.prices dd
{
	background: url(../pics/misc/dots.gif) 0 100% repeat-x;
	margin-top: -1.5em;
	padding-left: 70%;
	text-align: right;
	font-weight: bold;
}

.image
{
	float: left;
	border: 1px solid #e1e2e2;
	margin-right: 3px;
}

.image img
{
	display: block;
}

a.top
{
	margin-top: -1.5em;
	display: block;
	background: url(../pics/icons/top.gif) 0 2px no-repeat;
	padding-left: 15px;
}

.galery
{
	background-color: #f0f1f2;
	border: 1px solid #e1e2e2;
	margin-bottom: 1.5em;
	float: left;
	width: 99%;
}

.galery li
{
	float: left;
}

.galery li a
{
	float: left;
	margin: 0.75em 2px;
}

/* ***** homepage */
.visual
{
	margin-top: -10px;
	margin-bottom: 3px;
}

.visual img
{
	display: block;
}

.bigbox
{
	background-color: #f0f1f2;
	border: 1px solid #e1e2e2;
	margin-bottom: 3px;
}

.bigbox .halfleft
{
	width: 193px;
	float: left;
	border-right: 1px solid #e1e2e2;
}

.bigbox .halfright
{
	width: 194px;
	float: left;
	border-left: 1px solid #e1e2e2;
	margin-left: -1px;
}

.bigbox .text
{
	padding: 0 6px;
	clear: left;
	margin: 0.75em 0;
}

.bigbox fieldset, .box fieldset
{
	padding: 0;
	border: 0 none;
	margin: 0;
}

form h4
{
	font-size: 1em;
	margin-top: 0.75em;
}

input.go
{
	width: auto;
	height: auto;
	margin-top: 0.75em;
	margin-left: 80%;
}

input.half {
	width: 45%;
}

optgroup
{
	background-color: #6ea5cc;
	color: white;
	font-style: normal;
}

option
{
	background-color: #fff;
	color: #000;
}

option.italic
{
	font-style: italic;
}

/* ***** teaser stuff */
.teaser,.teaserleft,.teaserright, .box
{
	width: 192px;
	margin-bottom: 3px;
	float: left;
}

.box {
	width: 190px;
}

.teaserleft,.teaserright, 
{
}

.teaserleft
{
	margin: 0 6px 0 -1px;
}

.teaser .text,.teaserleft .text,.teaserright .text
{
	width: 179px;
	background-color: #f0f1f2;
	border: 1px solid #e1e2e2;
	padding: 0 6px;
	margin: 1px 0 0 1px;
	min-height: 12.2em;
}

.teaser .text p,.teaserleft .text p,.teaserright .text p
{
	margin: 1px 0;
}

.teaser span, .teaserleft span, .teaserright span {
	display: block;
	width: 192px;
	height: 15px;
	margin: 21px 0 -36px 0;
	position: relative;
	top: 25px;
	background: url(/pics/misc/teaser_overlay_arrow.gif);
}

ul.toplist
{
	background-color: #f0f1f2;
	border: 1px solid #e1e2e2;
	margin-bottom: 3px;
}

ul.toplist li a
{
	padding: 0 6px 0 16px;
	border-bottom: 1px solid #fff;
	color: #8a8a8a;
	background: url(../pics/misc/category_sub_icon.gif) 6px 0.5em no-repeat !important;
}

ul.toplist li a:hover
{
	background-color: #f5f6f7;
	color: #39bbeb;
}

/* ***** boxes */
.box
{
	background-color: #f0f1f2;
	border: 1px solid #e1e2e2;
}

.box .inner
{
	padding: 0 6px;
}

/* ***** Highlights */

.highlight
{
	background-color: #f0f1f2;
	border: 1px solid #e1e2e2;
}

.highlight h2,.highlight p,.highlight .image
{
	margin: 0 6px;
}

.highlight h2
{
	margin-top: 0.75em;
}

.highlight ul li
{
	border-top: 1px solid #e1e2e2;
	padding: 0 6px;
}

.highlight ul li a
{
	display: inline;
	text-decoration: underline;
}

/* ***** Jumplist */
.jumplist {
	margin: 1.5em 0;
}

.pager {
	float: left;
}

.sorter {
	float: right;
}

.pager li, .sorter li {
	float: left;
	margin-right: 10px;
}

.pager span {
	margin-top: -2px;
}

.pager a, .sorter a, .pager span
{
	display: block;
	float: left;
}

.pager a.next,.pager a.prev, .sorter a.az, .sorter a.euro, .sorter a.date {
	width: 27px;
	height: 20px;
}

.pager a.next {
	background: url(/pics/icons/next.gif);
	margin-top: -2px;
}

.pager a.prev {
	background: url(/pics/icons/prev.gif);
	margin-top: -2px;
}

.sorter a.az {
	background: url(/pics/icons/az.gif);
}

.sorter a.euro {
	background: url(/pics/icons/euro.gif);
}

.sorter a.date {
	background: url(/pics/icons/date.gif);
}

.sorter a.asc {
	background-position: 0px 41px;	
}

.sorter a.desc {
	background-position: 0px 21px;	
}

.jumplist a.next:hover, .jumplist a.prev:hover {
	background-position: bottom;
}
/* ***** Ad List */

.ad
{
	background-color: #f7f9f8;
	border-top: 1px solid #999;
}

.alt
{
	background-color: #fbfdfd !important;
}

.ad .image
{
	float: left;
	width: 88px;
	border: 0 none;
	border-right: 1px solid white;
	text-align: center;
	margin-right: -1px;
}

.ad .image-notepad
{
	float: left;
	width: 82px;
	border: 3px solid #ffd200;
	min-height: 5.7em;
	text-align: center;
}

.ad img
{
	margin-top: 5px;
	display: inline;
}

.ad h2
{
	padding: 0.75em 0;
}

.ad .text
{
	float: left;
	width: 295px;
	padding: 0 3px;
	border-left: 1px solid white;
}

.ad .price
{
	border-top: 1px solid #e8eaea;
	border-bottom: 1px solid #e8eaea;
	display: block;
	font-weight: bold;
}

.ad .price span
{
	font-weight: normal !important;
}

.ad .notepad
{
	float: right;
	display: block;
	margin-top: -1.5em;
}

/* ***** progress bar insert ad */
#progress
{
	float: left;
	width: 100%;
	padding: 1.5em 0 0.75em 0;
	background-color: #6ea5cc;
}

#progress li
{
	float: left;
	padding: 0.75em 0 0 0;
	width: 20%;
	text-align: center;
	color: white;
	background: url(../pics/progress/li.gif) 0 0 repeat-x;
}

#progress li.passed
{
	background: url(../pics/progress/li_passed.gif) 0 0 repeat-x;
}

#progress li.active
{
	background: url(../pics/progress/li_passed.gif) 0 0 repeat-x;
	font-weight: bold;
}

/* ***** form display */

fieldset
{
	margin-top: 1.5em;
	border: 1px solid #e1e2e2;
	border-bottom: 0 none;
}

fieldset li
{
	background-color: #f0f1f2;
	padding: 0.5em 5px;
	border-bottom: 1px solid #e1e2e2;
}

fieldset ol li a
{
	display: inline;
	text-decoration: underline;
}

fieldset li label
{
	margin: 0;
}

fieldset li abbr
{
	font-size: 180%;
	position: absolute;
	font-weight: normal;
	color: #6ea5cc;
}

.error
{
	background-color: #ffe300;
	border: 1px solid #ffd300;
	padding: 0.75em 10px;
}

.error h2
{
	color: #8a8a8a;
}

form .success
{
	background-color: #d5f0f9;
	border: 1px solid #bcdce8;
	padding: 0.75em 10px;
}

fieldset li.error
{
	background-color: #ffe300;
	padding: 0.5em 5px;
	border: 1px solid #ffd300;
}

fieldset li span
{
	display: block;
	font-style: italic;
}

fieldset .multilabel input
{
	display: inline;
	width: 20%;
}

fieldset .header
{
	background-color: #6ea5cc;
	color: white;
}

fieldset .header a
{
	color: white;
}

.cartnav
{
	background: url(../pics/misc/dots.gif) 0 0 repeat-x;
	padding-top: 0.75em;
	margin-top: 0.75em;
	margin-bottom: 3em;
}

.next input
{
	cursor: pointer;
	font: normal 100%/1.5em arial,helvetica,sans-serif;
	border: 0 solid;
	background-color: transparent;
	text-decoration: underline;
	color: #39bbeb;
}

.next a,.next input
{
	display: block;
	background: url(../pics/icons/next.gif) 100% 0 no-repeat;
	padding: 3px 30px 1px;
	text-align: right;
}

.next a:hover, .next a:focus
{
	background-position: 100% -21px;
}

.prev a
{
	color: #8a8a8a;
}

#detail-notepad
{
	background-color: #f5f6f7;
	padding: 0.75em 10px;
}

.skyscraper
{
	width: 160px;
	height: 615px;
	left: 790px;
	top: 3.5em;
	position: absolute;
	padding-top: 15px;
	background: url(../pics/ad_hor.gif) 100% 0 no-repeat;
}