body { text-align: center; font-family: "Arial", sans-serif; color: #666; margin: 0; padding: 0; font-size: 12px; background-color: #fff; }

h1, h2, h3, h4, h5, h6 { color: #77c42b; margin: 0; padding: 0; }

a:link, a:visited { color: #77c42b; text-decoration: none; }
a:hover, a:active { color: #ff4242; text-decoration: underline; }

span.product_status_0 {  }
span.product_status_1 { color: #990000; font-weight: bold; }
span.product_status_2 { color: #006600; }
span.product_status_3 { color: #FF0000; font-weight: bold; }
span.product_status_4 { color: #993333; font-weight: bold; display: block; }
span.product_status_5 { color: #fff; font-weight: normal; background: #993333; padding: 4px;}
.product_thumb span.product_status_5 { color: #993333; display: block;  background: none; padding: 0; }
	
span.merchant_status_0 {  }
span.merchant_status_1 { font-weight: bold; margin: 0px 0px 10px 0px; }
span.merchant_status_2 { font-weight: bold; margin: 0px 0px 10px 0px; }

input, select, textarea { border: 1px solid #ccc; padding: 2px; background: #fff; }
input.orderform, textarea.orderform_txt { width: 30%; border: 1px solid #ccc; padding: 2px; background: #fff; }
select.orderform_select { width: 10%; border: 1px solid #ccc; padding: 2px; background: #fff; }
input.orderform_short { width: 20%; border: 1px solid #ccc; padding: 2px; background: #fff; }
input.btn { background: url('../layout/buttonbg.png') repeat-x top left #77C42B; color: #fff; font-weight: bold; border: 1px solid #77C42B; padding: 4px 15px 4px 15px; cursor: pointer; }
	
tr.odd td { background-color: #F0FAE7; }
	
#wrap { position: relative; text-align: left; width: 980px; margin: 0 auto; }
#logo a { display: block; background: url('../layout/logo-spielba-big.png') no-repeat top left; width: 246px; height: 105px; }
#logo a span { display: none; }

#searchbar { padding: 0; width: 192px; position: absolute; top: 5px; right: 0px; background: url('../layout/search-btn.png') top right no-repeat; height: 20px; }
#searchbar form { margin: 0; padding: 0; }
#searchbox  { display: block; float: left; height: 16px; padding: 1px; font-size: 10px; margin: 0; width: 150px; top: 0; } 
#searchbtn { display: block; float: right; margin: 0px 0px 0px 0px; padding: 0; border: none; height: 20px; width: 37px; background: transparent; font-size: 6px; cursor: pointer; }
#searchbtn span { display: none; }

#header { position: absolute; top: 50px; left: 255px; font-size: 0.83em; }
#topnav { position: absolute; top: 65px; left: 255px; height: 30px; border-left: 1px solid #F5F5F5; background: url('../layout/menubar-bg.png') repeat-x top left; padding-top: 1px; }
#topnav ul { list-style: none; margin: 0; padding: 0; width: 725px; }
#topnav li { margin: 0; padding: 0; float: left; display: block; height: 22px; background: url('../layout/menubar-btn-bg.png') repeat-x top left; padding: 5px 40px 0px 40px; border-right: 1px solid #F5F5F5; }
#topnav a {  }
#topnav a:link, #topnav a:visited { color: #666; text-decoration: none; }
#topnav a:hover, #topnav a:active { color: #77c42b; text-decoration: none; }

#content { padding: 0px 10px 0px 10px; padding-bottom: 0px; clear: both; margin-bottom: 10px; }
#content div.contenttext { clear: both;  }
#content div.contenttext h2 { margin: 10px 0px 20px 0px; }

#colophon { clear: both; background: url('../layout/content-bg-bottom.png') no-repeat 0px 0px;  padding: 40px 20px 10px 20px; font-size: 0.92em; }
#colophon h4 { font-size: 1em; font-weight: 0; margin-bottom: 10px; }
#colophon ul { list-style: none; margin: 0; padding: 0; }
#colophon a:link, #colophon a:visited { color: #999; text-decoration: none; }
#colophon a:hover, #colophon a:active { color: #77c42b; text-decoration: none; }
#colophon li.active, #colophon li.active a:link, #colophon li.active a:visited { color: #77c42b !important; }

#sitemap, #products { float: left; }
#copyrights { float: right; color: #999; text-align: right; background: url('../layout/logo-spielba-small.png') no-repeat top right; padding-top: 75px; }

#sitemap { width: 240px; }
#products {  width: 420px; }

#products li { display: block; width: 210px; float: left; }
#copyrights p { margin: 0px 0px 15px 0px; padding: 0; }

#slideshow { width: 940px; height: 304px; margin: 20px auto 20px auto; }

div.bar { font-size: 0.91em; text-align: right; }
div.barright { font-size: 1.2em; text-align: right; font-weight: normal; float: right; padding: 0; width: 200px; }

div.row { clear: both; margin: 30px 0px 30px 0px; }
div.product_thumb { font-size: 0.91em; width: 130px; float: left; margin: 0px 13px 0px 13px; }
div.product_thumb span.price { display: block; float: right; text-align: right; font-weight: bold; }
div.product_thumb span.product_status_0,
div.product_thumb span.product_status_1 { display: block; text-align: left; font-weight: bold; color: #FF2E2E; }

div.cat_thumb { font-size: 0.91em; width: 125px; float: left; margin: 0px 15px 0px 15px; }
div.cat_thumb img { display: block; background: url('../layout/group-bg.png') top left no-repeat; padding: 12px 12px 13px 13px; }

div.product_det { float: left; margin-right: 40px; }
div.product_det span { font-weight: bold; }
div.product_desc ul { margin: 20px 50px 20px 0px; padding: 0; list-style: none; }
div.product_desc li { margin: 0px 0px 8px 0px; padding: 0; }
div.product_desc li span { background: #77c42b; color: #ffffff; display: block; float: left; width: 20%; padding: 2px 0px 2px 5px; margin: 0px 5px 0px 0px; }

#toyshoporder { font-size: 0.91em; background: url('../layout/order-btn-bg.png') bottom left no-repeat #FD9639; height: 18px; border: 1px solid #FD9639; padding: 1px 5px 1px 25px; }
a#toyshoporder:link, a#toyshoporder:visited { color: #fff; text-decoration: none; }
a#toyshoporder:hover, a#toyshoporder:active { color: #fff; text-decoration: underline; }

div.gen_page_content img { display: block; float: right;  border: 1px solid #ccc; padding: 8px; margin: 0px 0px 10px 10px; }
div.gen_page_content h3,
div.gen_page_content h4
 { margin: 0px 10px 30px 50px; clear: both; }
div.gen_page_content div { margin: 0px 10px 30px 50px; clear: both; }
div.gen_page_content div h3 { margin: 0px 10px 30px 0px; clear: none; }
div.gen_page_content div h4 { margin: 0px 10px 30px 0px; clear: none; }
div.gen_page_content span { font-weight: bold; }
div.gen_page_content ul { margin: 20px 50px 20px 0px; padding: 0; list-style: none; }
div.gen_page_content li { margin: 0px 0px 8px 0px; padding: 0; }
div.gen_page_content li span.block { background: #77c42b; color: #ffffff; display: block; float: left; width: 20%; padding: 2px 0px 2px 5px; margin: 0px 5px 0px 0px; }
div.gen_page_content li span.block_empty { background: none; color: #ffffff; display: block; float: left; width: 20%; padding: 2px 0px 2px 5px; margin: 0px 5px 0px 0px; }

div.merchant table { width: 100%; }
div.merchant td { padding: 3px 5px 3px 5px; vertical-align: top; }
div.merchant h4, div.merchant h5 { color: #666; font-size: 1em; font-weight: normal; }
div.merchant span.merchant_status_0 { font-weight: normal; }
div.merchant span.merchant_status_1 { font-weight: normal; color: #77c42b; }
div.merchant span.merchant_status_2 { font-weight: normal; color: #ff4242; }

div.searchrow { width: 450px; height: 140px; float: left; margin: 0px 0px 30px 20px; }
img.search_thumb { display: block; float: left; margin-right: 15px; }
div.searchrow h3 { margin: 0px 0px 5px 0px; padding-top: 20px; }

.inactive { color: #ccc; }


/* Tooltips */
#toyshophelp {cursor: help; }
.tip-container { text-align: left; width: 190px; background: url('../layout/tooltip-bottom-transparent.png') bottom left no-repeat;  }
.tip-title { display: block; background: url('../layout/tooltip-top-transparent.png') top left no-repeat; margin-bottom: 20px; padding: 10px 15px 0px 25px; font-size: 0.8em; }
.tip-content {display: block; }


/** The guillotine hack to put floats back in flow */
#content:after, .row:after, div.contenttext:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #content, * html .row, * html div.contenttext {height: 1%;}