/* ---------------------------------------------- */
/* (c) 2009-2010 stoffn.de / Ingmar Decker        */
/* author: Ingmar Decker,  www.webdecker.de       */
/* ---------------------------------------------- */
/* Basics  */
/* ---------------------------------------------- */
body { background: #FFF url(bg-header.gif); font-family: Verdana, sans-serif; font-size: 70%; color: #202020; padding: 0; margin: 0; line-height: 130%; }
input, textarea { font-family: Verdana, sans-serif; font-size: 100%; }
textarea { font-size: 100%; }
fieldset { border: 0; padding: 0; margin: 0; }
td { text-align: left; vertical-align: top; }
td.date, td.amount, td.value, th.date, th.amount, th.value { text-align: right; }
th { text-align: left; vertical-align: top; }

#clear, .clear { clear: both; }
.invisible { display: none; }
.error { color: #FF3100; }
#left ul { padding-left: 16px; }

img { border: 0; }
a { color: #006A8D; text-decoration: none; }
a:hover { text-decoration: underline; }
.info a { color: #202020; }


h1 { font-size: 130%; }
h2 { font-size: 100%; }
h3 { font-size: 100%; }
h4 { font-size: 100%; }

h1 { margin-top: 0; }

h2 a { color: #202020; }



/* ---------------------------------------------- */
/* Layout  */
/* ---------------------------------------------- */
#wrapper { }

#header { }
#header .inside { width: 1060px; height: 80px; margin: 10px auto 0px auto; position: relative; } 

.separator { position: relative; z-index: 2;  } /* z-index: sep should be above #header .mod_navigation */
.separator .inside { position: absolute; top: -5px; left: 0px; width: 100%; height: 11px; background: transparent url(bg-divider.gif) repeat-x; }

#container { background: #FFF url(bg-main.gif); clear: both; }
.container-inside { width: 1060px; margin: 0px auto 0px auto; /*padding-top: 32px;*/ }
#container .block { background-color: #FFF; padding: 16px 16px 24px 16px; clear: both; }
#container .block.red, #overinfos .block.red  { background: transparent url(bg-red.gif) repeat; border: 1px solid #C53300; padding: 16px; color: #FFF; }
#container .red .block { background-color: transparent; border: 0; }
#container .block.blue, #overinfos .block.blue { background: transparent url(bg-blue.gif) repeat; border: 1px solid #9FC1C4; padding: 16px; color: #202020; }
.mod_mytlshop_order .intro { border: 1px solid #9FC1C4; padding: 16px; margin-bottom: 16px; }
#container .blue .block { background-color: transparent; border: 0; }
#container .block .block { padding: 0; }

div #container .ce_download.float { clear: none; }
.ce_download img { vertical-align: middle; }

#left .block, #right .block { margin-bottom: 16px; }
#left .block .block, #right .block .block { margin-bottom: 0; }

#container div.inside .beta { background: transparent url(bg-red.gif) repeat; border: 1px solid #C53300; color: #FFF; padding: 2px 8px 8px 8px; }

#left { float: left; width: 240px; margin-right: 18px; margin-bottom: 18px; margin-top: 5ex;; }
#main { float: left; width: 544px; margin-right: 18px; margin-bottom: 18px; margin-top: 5ex; }
#right { float: left;  width: 240px; margin-bottom: 18px; margin-top: 5ex;; }
#main .inside, #left .inside, #right .inside { padding-bottom: 16px; }

#footer { color: #006A8D; }
#footer .inside { width: 1060px; margin: 16px auto 0px auto; position: relative; height: 200px; }

/* ---------------------------------------------- */
/* Main Modules */
/* ---------------------------------------------- */

/*
#header .mod_navigation { position: absolute; bottom: 0; right: 258px; }
#header .mod_navigation ul { }
#header .mod_navigation li { margin: 0; display: inline; }
#header .mod_navigation li a { display: block; float: left; margin-left: 8px; padding: 8px 24px 10px 24px; border: 1px solid #FFF; background-color: #FFF; }
#header .mod_navigation li a:hover { background: transparent url(bg-red.gif) repeat; border: 1px solid #C53300; color: #FFF; } 
#header .mod_navigation li.active a, #header .mod_navigation li.trail a { background: transparent url(bg-red.gif) repeat; border: 1px solid #C53300; color: #FFF; }  
#header .mod_navigation .level_2 li { display: block; }
*/

#header .mod_navigation { position: absolute; bottom: 0; right: 258px; height: 5ex; z-index: 2;}
.mouseover-menu ul { position: relative; }
.mouseover-menu li { margin: 0; display: inline; float: left; }
.mouseover-menu li li { float: none; }
.mouseover-menu li a { display: block; background-color: #FFF; width: 106px; margin-left: 2px; line-height: 5ex; padding: 0px 10px 0px 10px; }
.mouseover-menu li li a { background-color: #D6E7E7;  }
.mouseover-menu li a:hover, .mouseover-menu ul li li a:hover { background-color: #FF3100; color: #FFF; text-decoration: none; } 
.mouseover-menu li.active a, .mouseover-menu li.trail a { background-color: #FF3100; color: #FFF; }  
.mouseover-menu li.active li a, .mouseover-menu li.trail li a { background-color: #D6E7E7; color: #202020; } 
.mouseover-menu li.active li.active a, .mouseover-menu li.trail li.active a,.mouseover-menu li.trail li.trail a { background-color: #FF3100; color: #FFF; } 
/* .mouseover-menu ul.level_2 */
.mouseover-menu ul.level_2 li { display: none;  } /* height: 0; overflow: hidden;  */
.mouseover-menu ul.level_2 li.active, .mouseover-menu ul.level_2 li.trail  { display: block; }

/*
#wrapper #container .overinfobutton { position: relative; padding-left: 16px; padding-right: 8px; margin-left: 8px; background: url(icon-info.gif) 0 0 no-repeat; clear: none; display: inline; z-index: 1000;  }
#wrapper #container .overinfo { display: none; position: absolute; width: 300px; clear: none; z-index: 1000; }
*/
#wrapper #container .overinfobutton { position: relative; padding-left: 16px; padding-right: 8px; margin-left: 4px; background: url(icon-info.gif) 0 0 no-repeat; clear: none; display: inline; z-index: 1000;  }
.overinfo { display: none; position: absolute; width: 300px; z-index: 1000; }


#header-login { display: none; }
#header-login label { margin-left: 10px; }
#header-login input { width: 100px; padding: 1px; height: 2ex; margin-bottom: 0; }
#header-login fieldset { float: left; }

#visual { position: absolute; top: 0; left: 0; }
#loginout { float: right;  margin-left: 36px; line-height: 2.5ex; text-align: right; }
#loginout a { padding: 4px; }
#languageselect { float: right; margin-left: 36px; line-height: 2.5ex; }


#mod_mytlshop_cart { position: absolute; bottom: 0; left: 820px; width: 240px; height: 36px; background-color: #FF3100; color: #FFF; }
#mod_mytlshop_cart a { color: #FFF; display: block; float: left; margin-right: 10px; }
#mod_mytlshop_cart a:visited { color: #FFF;  }
#mod_mytlshop_cart .content { padding: 12px 10px 0 10px; }

#wrapper #container .order_info { margin-bottom: 10px; }
.order_info .toggler { font-weight: bold; }
.order_info .accordion div { padding-left: 16px; margin-top: 4px; }
.toggler { cursor: pointer; background: url(icon-go.gif) 0 0 no-repeat; padding-left: 16px; }


/*
#mod_mytlshop_cart img { position: absolute; bottom: 0; right: 0; }
#mod_mytlshop_cart .content { display: block; position: absolute; right: 44px; bottom: 0px; padding-bottom: 10px; }
*/
#main h1 { margin-bottom: 18px; }

#footer a, #footer a:visited { color: #006A8D; }
#footer h1 { font-size: 100%; font-weight: bold; } 
#footer .mod_navigation { float: left; width: 155px; margin-right: 10px; }
.mod_navigation ul { list-style: none; margin: 0; padding: 0; }
#footer .mod_navigation li { margin: 0; }

#footer-paypal { float: right; margin-right: 16px; }
#copy { float: right; /*position: absolute; right: 0;*/ }

#left .mod_navigation a { background: url(icon-go.gif) 0 0 no-repeat; padding-left: 16px; }

/* ---------------------------------------------- */
/* Modules */
/* ---------------------------------------------- */

.infotext { color: #202020; }
.infotext a { color: #202020; }

.mod_search form { padding-bottom: 10px; }
.mod_search #keywords { vertical-align: middle; }
.highlight { font-weight: bold; }
.mod_search p.url { display: none; }
.mod_search p.context { margin-top: 0; }
.mod_search h3 { margin-bottom: 4px; }

.pagination { margin-bottom: 16px; }
.pagination ul { list-style: none; padding: 0; }
.pagination li { display: inline; }
.pagination { text-align: center; }
.pagination span, .pagination a { color: #FF3100; padding: 0 4px 0 4px; }
.pagination .current { font-weight: bold; }



.ce_comments { margin-top: 30px; }
.ce_comments .form { margin-top: 20px; }
.comment_default, .comment_small, .comment_simple { margin-bottom: 10px; padding: 8px; padding-bottom: 10px; clear: both; }
.comment_default.even, .comment_small.even, .comment_simple.even { background-color: #D6E7E7; }
.comment_default.last, .comment_small.last, .comment_simple.last { margin-bottom: 20px; }
.comment, .comment .quote, .comment .code { padding: 8px 16px 8px 16px; border: 1px dotted #A7BFBF; background-color: #FFF; }
.comment .quote p { font-weight: bold; margin: 0; }
.comment .code p { font-weight: bold; }
.comment { margin-bottom: 4px; }
.comment_image { width: 66px; float: left;  }
.comment_default .comment_wrapper { margin-left: 66px; }
.comment_small .comment_wrapper { margin-left: 8px; width: 272px; float: left; }
.comment_simple .comment_wrapper { margin-left: 8px; width: 222px; float: left; }
.comment_wrapper h2 { margin-top: 0; }
.comment_author { float: left; margin-right: 16px; }
.comment_children { float: left; width: 85px; padding-left: 5px; }
.comment_last { float: left; width: 105px; padding-left: 5px; }
.comment_info {  }
.comment_actions { float: left;  }
.mod_stoffn_board .path { padding-bottom: 8px; }
.mod_stoffn_board #ctrl_title { width: 60%; }
.mod_stoffn_board .info a { color: #006A8D; }
#container .mod_stoffn_boardnavi ul { list-style: none; margin: 0; padding: 0; }
#container .mod_stoffn_boardnavi ul.level2 { padding: 4px 0 8px 16px; }
#container .mod_stoffn_boardnavi ul.level3 { padding: 4px 0 8px 16px; }
#container .mod_stoffn_boardnavi a { background: transparent url("icon-go.gif") no-repeat 0 0; color:#202020; padding-left:16px; }
.mod_stoffn_boardnavi .level1 a { font-weight: bold; }
.mod_stoffn_boardnavi .level2 a { font-weight: normal; }

.mod_sitemap ul ul { padding-left: 18px; }
.mod_sitemap .last { margin-bottom: 18px; }

.mod_breadcrumb { height: 5ex; }
#container .block.mod_breadcrumb { background-color: transparent; padding: 12px 0 0 0; }
.mod_breadcrumb a, .mod_breadcrumb span { color: #006A8D; }

ul.info { list-style: none; padding: 0; margin: 0; }
.mod_mytlshop_myorders div.info { margin-left: 65%; text-align: right; }
.mod_newslist .info, .mod_newsreader .info, .mod_stoffn_board .info { text-align: right; }
.mod_newslist .layout_short { margin-bottom: 8px; }
.mod_newslist h2 { margin-bottom: 0px; }
.mod_newslist p { margin-top: 4px; margin-bottom: 8px; }
.layout_latest { margin-bottom: 16px; }

#container .block .layout_short { padding: 4px 10px 10px 10px;  }
#container .layout_short.even { background-color: #D6E7E7; }


.image { background-color: #D6E7E7; text-align: center; }
/*.mod_stoffn_my_images, .mod_stoffn_my_faves, .mod_stoffn_latest, .mod_community_profile_images { margin-bottom: 8px; }*/
.mod_stoffn_my_images .image-block, .mod_stoffn_my_faves .image-block { clear: both; margin-bottom: 8px; }
#right .image-block .image, #left .image-block .image { width: 60px; height: 60px; float: left; margin-right: 8px; }
.image-block .info span { display: block;}


a.vote { padding-left: 8px; padding-right: 16px; background: url(icon-likeit.gif) top right no-repeat; }

a.configurator { padding-left: 16px; padding-right: 8px; background: url(icon-configurator.gif) 0 0 no-repeat; }
a.fave { padding-left: 16px; padding-right: 8px; background: url(icon-remember.gif) 0 0 no-repeat; }
a.details { padding-left: 16px; padding-right: 8px; background: url(icon-info.gif) 0 0 no-repeat; }
a.offer { padding-left: 16px; padding-right: 8px; background: url(icon-offer.gif) 0 0 no-repeat; }
a.offtake { padding-left: 16px; padding-right: 8px; background: url(icon-offtake.gif) 0 0 no-repeat; }
a.unpublish { padding-left: 16px; padding-right: 8px; background: url(icon-unpublish.gif) 0 0 no-repeat; }
a.upload { padding-left: 16px; padding-right: 8px; background: url(icon-upload.gif) 0 0 no-repeat; }
a.back, .back a { color: #202020; padding-left: 16px; padding-right: 8px; background: url(icon-back.gif) 0 0 no-repeat; }
a.rm, a.rmnoconfirm, a.rmfave { padding-left: 16px; padding-right: 8px; background: url(icon-x.gif) 0 0 no-repeat; }
a.edit { padding-left: 16px; padding-right: 8px; background: url(icon-edit.gif) 0 0 no-repeat; }
a.publish { padding-left: 16px; padding-right: 8px; background: url(icon-publish.gif) 0 0 no-repeat; }
a.quote { padding-left: 16px; padding-right: 8px; background: url(icon-quote.gif) 0 0 no-repeat; }
.more a, a.more  { color: #202020; padding-left: 16px; padding-right: 8px; background: url(icon-go.gif) 0 0 no-repeat; }
a.user  { color: #202020; padding-left: 16px; padding-right: 8px; background: url(icon-user.gif) 0 0 no-repeat; }
a.joincontest  { color: #202020; padding-left: 16px; padding-right: 8px; background: url(icon-go.gif) 0 0 no-repeat; }
a.quitcontest  { color: #202020; padding-left: 16px; padding-right: 8px; background: url(icon-x.gif) 0 0 no-repeat; }


.stoffngallery .result { margin: 0 auto 0 auto; }
.stoffngallery .image-block { width: 160px; float: left; }
.stoffngallery .image-block .image { width: 160px; height: 160px; }
.stoffngallery .image-block { margin-right: 15px; }
.stoffngallery .image-block.last { margin-right: 0px; }
.stoffngallery .info a { display: block; }

.mod_stoffn_similar .image-block { width: 90px; float: left; }
.mod_stoffn_similar .image-block .image { width: 90px; height: 90px; }

.mod_stoffn_latest .image-block, .mod_stoffn_mostviewed .image-block { width: 90px; float: left; }
.mod_stoffn_latest .image-block .image, .mod_stoffn_mostviewed .image-block .image { width: 90px; height: 90px; }



.mod_faqlist ul { list-style: none; padding: 0; margin: 0; }
.mod_faqlist a { padding-left: 16px; background: url(icon-go.gif) 0 0 no-repeat; color: #202020; }

.mod_stoffn_imagedetail .image { padding: 16px 0 16px 0; }
.mod_stoffn_imagedetail .value { text-align: left; }
.image-info td { padding: 0; padding-right: 10px; }
.image-info .label { font-weight: bold; }
.info li { padding-bottom: 4px; }

.configurator-display { margin-left: -1px; margin-right: -1px; border: 1px solid #9FC1C4; overflow: hidden; position: relative; background-color: #D6E7E7; z-index: 0; } /* z-index: configurator should be behind #header .mod_navigation */
.configurator-canvas { overflow: hidden; background-color: #FFF; position: absolute; top: 12px; left: 12px;  }


.configurator-inner-canvas div { float: left; }

.configurator-canvas table { border: 0; margin: 0; padding: 0; border-collapse: collapse; position: relative; }
.configurator-canvas td { border: 0; padding: 0; margin: 0; }
.configurator-canvas tr { border: 0; padding: 0; margin: 0; }



.configurator-canvas img { padding: 0; margin: 0; display: inline; vertical-align: top; }
.configurator-canvas div { line-height: 1px; }

.x-scale { background-color: #9FC1C4; padding: 1px 0 0px 0; overflow: hidden; height: 11px; }
#main .x-scale .inside { padding: 0; margin: 0; width: 110%; }
.x-scale-item { float: left; font-size: 70%; font-weight: bold; }

.y-scale { background-color: #9FC1C4; padding: 0 0 0 2px; overflow: hidden; width: 10px; position: relative; }
#main .y-scale .inside { padding: 0; margin: 0; height: 110%; }
.y-scale-item { font-size: 70%; font-weight: bold; }

.configurator-price-and-add, .configurator-not-offered { margin-bottom: 10px; background-color: #FF3100; color: #FFF; font-weight: bold; font-size: 100%; border: 1px solid #C53300;  }
.configurator-price { padding: 10px 10px 0 10px; }
.configurator-add { float: right; border-left: 1px solid #C53300; }
.configurator-add input { border: 0; margin: 0; padding: 0; }
.configurator-add img { border: 0; margin: 0; padding: 0; }

#configurator-form .radio_container span { clear: both; padding-bottom: 4px; }
#configurator-form .radio_container .radio { padding-top: 2px; float: left; }
#configurator-form .radio_container label {  }
#configurator-form .form-field { clear: both; margin-bottom: 10px; }
#configurator-form .form-field-label label { font-weight: bold; }
#configurator-form .radio_container input.text { border: 1px solid #A7BFBF; padding: 0; margin-top: 4px; margin-right: 4px; }

#search-form .radio_container span { clear: both; }
#search-form .radio_container .radio { padding: 0; margin-right: 4px; float: left; }
#search-form .radio_container label { }
#search-form .form-field { clear: both; margin-bottom: 10px; }
#search-form .form-field-label label { font-weight: bold; }
#search-form .radio_container input.text { border: 1px solid #A7BFBF; padding: 0; margin-top: 4px; margin-right: 4px; }
#search-form #keywords { width: 200px; }

/* #search-form .search-color { width: 45px; height: 4ex; display: block; float: left; margin: 0 5px 5px 0; text-align: center; padding-top: 2px !important; padding-top: 0px;  } */
#search-form table.search-color { width: auto; margin-top: 4px; margin-bottom: 8px; }
#search-form table.search-color td { padding: 2px; margin: 0; border: 0px; width: 22px; }
#search-form table.search-color td .checkbox { padding: 0; margin: 2px 0 2px 0; width: 12px; height: 12px; }
#search-form table.search-color .check { border-bottom: 4px solid #FFF; width: 35px; }
#search-form table.search-color .color { border-bottom: 4px solid #FFF; border-right: 4px solid #FFF; width: 30px; cursor: pointer; }


.mod_stoffn_profile_list ul { list-style: none; padding-left: 0; }
.mod_stoffn_profile_list li { clear: both; padding: 8px; }
.mod_stoffn_profile_list .comment_image { width: 58px; }
.mod_stoffn_profile_list a, .mod_stoffn_profile_list span { display: block; }
.mod_stoffn_profile_list li.even { background-color:#D6E7E7; }
.mod_stoffn_profile_list li.first { margin-top: 0px; }

.mod_community_profile .image { padding: 8px 0 6px 0; margin-bottom: 8px; }
.mod_community_profile .label { font-weight: bold; }
.mod_community_profile .value { padding-left: 16px; padding-bottom: 8px; }

.mod_stoffn_orderofmine table { width: 100%; border: 0; border-collapse: collapse; }
.mod_stoffn_orderofmine tr.odd { background-color: #D6E7E7; }
.mod_stoffn_orderofmine .label { font-weight: bold; }
.mod_stoffn_orderofmine .value { font-weight: bold; }
.mod_stoffn_orderofmine td, .mod_stoffn_orderofmine th { padding: 4px 16px 4px 4px; }
.mod_stoffn_orderofmine .subtotal td { border-top: 1px solid #222;  }
.mod_stoffn_orderofmine .total td { border-top: 1px solid #222; border-bottom: 3px double #222;  }

.tr-stoff td { padding: 4px; }

span.novote { padding-left: 16px; padding-right: 8px; background: url(icon-noop.gif) 0 0 no-repeat; }
span.like { padding-left: 16px; padding-right: 8px; background: url(icon-likeit.gif) 0 0 no-repeat; }
.contest_image { float: left; padding-right: 10px; padding-bottom: 10px; }
#left .contest_image { float: none; display: block; }
#left .mod_stoffn_contest_menu ul { list-style: none; padding-left: 0; width: 100%; margin-left: 0; }
.mod_stoffn_contest_menu li { padding-left: 0; margin-left: 0; padding-bottom: 10px; } /* border-bottom: 1px solid blue; */
/* .voting, .voting a { color: #FF3100; } */


.pointscoupon { float: left; margin-right: 10px; }
.pointscoupon img {  vertical-align: top; }

/* ---------------------------------------------- */
/* Forms */
/* ---------------------------------------------- */

input, textarea, select { border: 1px solid #A7BFBF; /*#D6E7E7 */ background-color: #FFF; padding: 4px; margin-bottom: 4px; }
textarea { width: 100%; }
input.radio, input.checkbox { background-color: transparent; margin-bottom: 2px; border: 0; }
.formbody table { width: 100%; }
.form-field { margin-bottom: 10px; }
.submit_container { text-align: right; }
.submit_container input, .submit { color: #FFF; background: transparent url(bg-red.gif) repeat; padding: 4px 18px 4px 18px; border: 1px solid #C53300; } 
.submit_container input.blue, .submit-blue { color: #202020; background: transparent url(bg-blue.gif) repeat; padding: 4px 18px 4px 18px; border: 1px solid #9FC1C4; } 
.field-tiny { width: 50px; }
.field-short { width: 100px; }
.field-medium { width: 250px; }
.field-long { width: 400px; }
.form-field p { margin: 0; }
.form-field label { font-weight: bold; }
.form-field span label { font-weight: normal; }
.form-field-label { margin-bottom: 4px; }
.radio_container span { display: block; }
.radio_container input { border: 0; vertical-align: middle; }
.checkbox_container input { border: 0; vertical-align: middle; }
.checkbox_container span { display: block; }
td.col_0, td.col_1 { padding: 4px 4px 4px 0;  }
#ctrl_street, #ctrl_email { width: 80%; }
.ce_comments #ctrl_email { width: 50%; }
#ctrl_postal { width: 30%; }
#main #ctrl_keywords { width: 40%; }
.widget { margin-bottom: 10px; }
label a { color: #FF3100; text-decoration: underline; }
label a:hover { text-decoration: none; }
.explanation h3 { margin-top: 18px; }
#tl_subscribe, #tl_unsubscribe { width: 80%; }

/* ---------------------------------------------- */
/* Shop */
/* ---------------------------------------------- */

.mytlshop .backlink { display: block; text-align: right; margin-bottom: 18px; }
.mytlshop .backlink a.back, .mytlshop .backlink .back a { padding-right: 0; }

/* Product detail page */
.mod_mytlshop_detail .backlink {  }
.mod_mytlshop_detail .product_teaser { clear: both; }
.mod_mytlshop_detail .product_image { width: 336px; float: left; background-color: #D6E7E7; text-align: center; padding: 18px 0 18px 0; }
.mod_mytlshop_detail .product_price, .mod_mytlshop_list .product_price { margin-left: 330px; text-align: right; }
.mod_mytlshop_detail input.text, .mod_mytlshop_list input.text { width: 20px; }
.mod_mytlshop_detail input.submit, .mod_mytlshop_list input.submit { padding: 4px; }
.mod_mytlshop_detail .product_description { clear: both; padding-top: 18px; }
.product_price .total { display: block; font-weight: bold; font-size: 120%; }
.product_price .tax { color: #006A8D; display: block; }
.product_price .shipping { display: block; }
.product_price .delivery { display: block; }
.product_price .inventory { display: block; }
.mytlshop_tocart { padding-top: 10px; }

/* Product list */
.mod_mytlshop_list ul { list-style: none; padding-left: 0; }
.mod_mytlshop_list .product_image { width: 136px; float: left; background-color: #D6E7E7; text-align: center; padding: 18px 0 18px 0; margin-right: 18px; }
.mod_mytlshop_list .backlink { }
.mod_mytlshop_list .product_teaser { color: #006A8D; }
.mod_mytlshop_list li { clear: both; padding-top: 18px; }
.mod_mytlshop_list h2 { margin-top: 0; }
.mod_mytlshop_list li span { display: block; text-align: right; }
.mod_mytlshop_list li .mytlshop_tocart span { display: inline; }
.mod_mytlshop_list .total { font-weight: bold; font-size: 120%; }


/* Product categories view */
#left .mod_mytlshop_cats ul { list-style: none; padding: 0; margin: 0; }
.mod_mytlshop_cats li { margin: 0; border: 0; }
.mod_mytlshop_cats li a { display: block; line-height: 4.5ex; padding: 0px 10px 0px 10px; background-color: #D6E7E7; color: #202020; border: 0; }
.mod_mytlshop_cats li li a { padding-left: 24px;  } /* background-color: #D6E7E7;  */
.mod_mytlshop_cats li li li a { padding-left: 48px;  } /* background-color: #D6E7E7;  */
.mod_mytlshop_cats ul li a:hover, .mod_mytlshop_cats ul li li a:hover { background-color: #FF3100; color: #FFF; text-decoration: none; } 
.mod_mytlshop_cats li.active a { background-color: #FF3100; color: #FFF;  }  /* */
.mod_mytlshop_cats li.trail a {  }  /* background-color: #D6E7E7; color: #202020;*/
.mod_mytlshop_cats li.active li a { background-color: #D6E7E7; color: #202020; } /* background-color: #D6E7E7; color: #202020;  */
/*
.mod_mytlshop_cats li.active li.active a, .mod_mytlshop_cats li.trail li.active a, .mod_mytlshop_cats li.trail li.trail a { background-color: #FF3100; color: #FFF; } 
*/



/* Cart view */
table.cart { border-collapse: collapse; border: 0; width: 100%; }
.cart th { padding: 8px; margin: 0; border: 0; border-top: 1px solid #222; border-bottom: 1px solid #222; }
.cart_th_single, .cart_th_total { text-align: right; }
.cart td { padding: 8px; margin: 0; border: 0; }
.cart thead tr { background-color: #E0EFEF; }
.cart tbody tr.odd { background-color: #E0EFEF; }
.cart input.submit { padding: 0px; }
.cart_item_amount input.submit { border: 0; color: transparent; background: url(icon-ok.gif) 0 0px no-repeat; } 
.cart_item_delete input.submit { border: 0; color: transparent; background: url(icon-x.gif) 0 0px no-repeat; } 
.cart td.cart_item_pos, .cart th.cart_th_pos { padding-right: 0; }


.cart .cart_item_title img { float: left; margin-right: 8px; }
.cart .cart_item_title a { display: block; }
.cart td.value { text-align: right; }
.cart .title { display: block; font-weight: bold; }
.cart .description { }
.cart .cart_item_title .tax { color: #666; }
.cart .cart_subtotal td { border-top: 1px solid #222; border-bottom: 1px solid #222; font-weight: bold; }
.cart .cart_total td { border-top: 1px solid #222; border-bottom: 3px double #222; font-weight: bold; }
.cart tbody tr.cart_tax  { background-color: transparent; }

/* Order */
form#order  .submit_container { padding-top: 24px; }
form#order .order_back { float: left; }
form#order .order_next { float: right; }
.address { margin-bottom: 18px; }
#cart_info ol { padding-left: 16px; }
#cart_info ol ul { padding-left: 16px; }
#cart_info li { padding-bottom: 8px; padding-top: 8px; }

.mod_mytlshop_myorders table { width: 100%; border: 0; border-collapse: collapse; }
.mod_mytlshop_myorders tr.odd { background-color: #D6E7E7; }
.mod_mytlshop_myorders td, .mod_mytlshop_myorders th { border: 0; padding: 4px 16px 4px 4px; }

#bestellprozess { line-height: 1.2; /* IE 7 bug, http://www.dracos.co.uk/code/ie6-css-bug/ */}


/* ---------------------------------------------- */
/* File upload style problem, see/thnx: http://www.quirksmode.org/dom/inputfile.html */  
/* ---------------------------------------------- */
.fileupload { position: relative; padding-bottom: 16px; }
div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; }
.fakefile input { margin: 0 10px 0 0; width: 50%; }
.fakefile img { vertical-align: bottom; }
input.file { position: relative; text-align: right;z-index: 2; width: 70%; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; }