/*
Theme Name: meob
Version: 0.1
Author: Tim Portner
Author URI: http://www.timportner.de
*/


@import "css/reset.css"; 
@import "css/tools.css"; 


/* base
------------------------------------------------------------------ */
html { background: #1b1005 url(images/body-bg.jpg) no-repeat top left; }
#page { width: 986px; }


/* div#contentbox
------------------------------------------------------------------ */
#contentbox { margin:294px 0 100px 0; background: url(images/contentbox-bg.png) repeat-x top left; position: relative; }


/* div#content
------------------------------------------------------------------ */
#content { width: 620px; margin:0 0 0 52px; padding: 25px; background: url(images/content.png) repeat-y top left; color: #fff; }

#content ul, div#content ol { padding-left:15px; margin: 10px 0 10px 15px; }
#content ol li,div#content ul li { margin-bottom:5px; line-height: 1.3em; }
#content ul li { list-style: disc; }
#content ol li { list-style: decimal; }


#content ul.breadcrumb { margin:0!important; padding:0!important; }
#content ul.breadcrumb li { float:left; list-style:none!important; margin:0 25px 0 0 ; padding:0 0 20px 0; font-size: 12px; }
#content ul.breadcrumb li span { border:1px solid #ffffff; padding:1px 3px; margin-right:5px; }
#content ul.breadcrumb li.active { font-weight:bold; }
#content ul.breadcrumb li.active span { background: #fff; color: #76410b; }

table { width: 100%; margin: 10px 0 20px 0; }
table.cart tr td { border-bottom: 1px solid #532c03; font-size: 12px; padding: 7px 5px; background:#67380a }
table.cart thead tr td,table.cart tfoot tr td { font-weight: 700; color: #FFFEE0; background: #563009; }
table.cart tr.alt td { background: #76410b!important }
table.cart td.price,table.cart td.product,table.cart td.options,table.cart td.postage { border-right: 1px solid #532c03; }
table.cart td.price { white-space: nowrap; width: 40px; padding: 7px 10px; }
table.cart td.options { width: 320px; }
table.cart td.product { }
table.cart td.postage { width: 50px; }
table.cart td.action { white-space: nowrap; width: 15px; }

ul.message { background:#fffee0; font-size: 12px; color: #76410b; margin: 0 0 5px 0!important; padding: 10px 5px 5px 5px; }
ul.message li { list-style: none!important }

#content .right { text-align: right; margin: 10px 0 5px 0; border-top: 1px solid #9e7144; }

.summary { margin-bottom: 20px; border-right: 1px solid #532C03; }
.summary p { width: 185px; border-left: 1px solid #532C03; border-top: 1px solid #532C03; border-bottom: 1px solid #532C03; background: #76410b; padding: 5px 10px; float: left; min-height: 125px; position: relative; }
.summary p strong { display: block; padding: 0 0 5px 0; }
.summary p input { padding: 0!important; margin: 5px 0 0 0; position: absolute; left: 10px; bottom: 5px; }

form #treename { float:none; width:598px; padding: 10px; font-size: 15px; text-align: center; }
form textarea { background:#76410b; color:#ffffff; padding:4px; border:1px solid #ffffff; width: 620px; height: 150px; font-size: 12px; opacity: .85; }
form small.letters { float: right; }
form small.letters span { font-weight: 700; }
form span input, form select { background:#76410b; color:#ffffff; padding:4px; border:1px solid #ffffff; width:200px; font-size: 12px; opacity: .85; }

#c_agb, #c_terms, #c_debit { width: auto; }
p.checkbox input { float: left!important; margin-top: 5px!important }
p.checkbox label { margin: 0 0 0 25px; display: block; width: auto!important; float: none!important; white-space: normal!important; text-align: left!important; }
#c_zipcode,#c_shipping_zip { width: 50px; margin: 0 4px 0 0; }
#c_shipping_city,#c_city { width: 156px; }

form.checkout p.input input, form.checkout p select { background:#76410b; color:#ffffff; padding:4px; border:1px solid #ffffff; width:220px; font-size: 12px; opacity: .85; }
form.checkout p.input select { width: 230px; }
form.checkout p.input label { padding:4px 8px 4px 4px; width:150px; text-align: right; float: left; display: block; white-space: nowrap; font-size: 12px; }

span.info { font-size: 11px; color: #76410b; background:#fffee0; padding: 3px; line-height: 1em; opacity: .8; float: right; }
#addCart,#JumpCheckout,#checkout_2,#checkout_3,#checkout_4,#checkout_5,#checkout_1 { padding: 4px; color: #76410b; font-weight: 700; }
#s_checkout_1,#s_checkout_2,#s_checkout_3 { font-size:11px; cursor: pointer; padding: 0!important; color: #fff; font-weight: normal; margin-left:5px; background: none; border: none; border-bottom: 1px solid #fff }


/* div#header
------------------------------------------------------------------ */
#header { position:absolute; top:35px; left: 25px; }
#header a#logo { display: block; width: 250px; height: 90px; background: url(images/header-logo.png) no-repeat top left; text-indent: -3000px; }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top: 147px; left: 0; background: url(images/menu-bg.png) no-repeat; height: 31px; padding: 11px 0 0 30px; width: 956px; }

#nav li { float:left; margin:0; padding:0 20px; position:relative; }
#nav li a { text-transform:uppercase; font-size:18px; text-decoration:none; color: #fff; }
#nav ul.nojs li:hover ul { display:block; }

#nav ul li ul { background:#231206; position: absolute; top: 24px; left: 0; display:none; z-index:100; width: 150px; opacity: 0.9; padding: 5px 0 0 0 }
#nav ul li ul li { float:none; border-bottom:1px solid #ffffff; 	 }
#nav li ul li a { text-transform: none; font-size:12px; line-height:25px; white-space: nowrap; }

#nav li ul li a:hover { text-decoration: underline; }


/* div#badge
------------------------------------------------------------------ */
#badge { position:absolute; top:107px; left: 850px; z-index: 10; }
#badge a { display: block; width: 121px; height: 121px; background: url(images/badge.png) no-repeat top left; text-indent: -3000px; }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar { position: absolute; top: 0; right: 0px; }

#sidebar h3 a { background: #231206 url(images/icon/basket.png) 230px center no-repeat; -moz-opacity:0.75; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)"; width: 184px; color: #fff; text-decoration: none; line-height: 2.5em; padding: 0 40px; display: block; font-size: 16px;text-align: right; }
#sidebar h3 a:hover { color:#fff; text-decoration: underline; }

#sidebar #slideshow { position: relative; }
#sidebar #slideshow img { width: 264px; height: 340px; opacity: .85; display: none; position: absolute; left: 0; top: 0; }
#sidebar #slideshow img.active, #sidebar #slideshow img.last-active { display: block }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 13px/1.5 Arial, Helvetica, sans-serif; color:#fff; }
h1,h2,h3,h4 { color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
#content h1 { margin: 0 0 5px 0; border-bottom: 1px solid #9e7144; text-transform: uppercase; clear: both; font-size: 24px; }
#content h2 { text-transform: uppercase; margin: 15px 0 0 0; font-size: 20px; color: #efe0cf; }
#content h3 { border-bottom: 1px solid #9e7144; font-size: 18px; margin: 20px 0 5px 0; padding: 0 0 3px 0; font-size: 16px; }
p { padding: 0 0 14px 0; }
form p { padding: 7px 0; line-height: 1.3 }

small,.small { font-size: 90% }


/* links
------------------------------------------------------------------ */
a:link,a:visited { color:#000; }
a:hover { text-decoration:none; }

#content a:link, #content a:visited { color: #efe0cf; }
#content a:hover { color: #fff; }