/**
	Shopware 3.5 Template default stylesheet
	http://shopware.de
	
	This stylesheet contains all styled elements
	which are used in the default template. Please notice
	that we've placed all color codes in a different 
	stylesheet called colors.css.
	
	If you wish to customize Shopware for your needs
	please refer to www.shopware.de/wiki for
	more informations.
	
	
	@package		default
	@subpackage		css
	@category		design
	@version		v1 
	@author			stp/Shopware AG <info@shopware.ag>
	@copyright		Copyright (c) 2010 Shopware AG (http://www.shopware.de)
*/

*:focus {outline: 0 none;}
html {font: normal 11px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 10px 0 0;line-height: 1.3em;}
.container_20 {background: #fff;width:1000px;margin:20px auto 0;border:1px solid;overflow:hidden;text-align: left;}
table .right {text-align: right; float: none;}
fieldset {border: 0 none; margin:0;padding:0;}
label {display:inline-block}
.ajax_loader {display:inline-block; background: url(../images/icons/ico_ajax-loader.gif) no-repeat;height:16px; width:16px; padding: 0 2px;display:none;}
hr {position: static;}
hr.clear {clear:both;}
.doubleborder {border-bottom:0.3em double;margin:0 0 0.5em;}
.no_picture {display: block;background: url(../images/no_picture.jpg) no-repeat center center;height: 100px;width: 100px;}
.no_picture.small {height: 57px;width: 57px;}
.noscript_notice {width: 980px;margin: 0 auto;}
textarea {resize: none;}

/*	HEADING BOX
	------------------------ */
#content .headingbox, #content .headingbox_nobg, #content .headingbox_dark {border: 1px solid;border-bottom: 0 none;height: 20px;font-size: 11px;font-weight: 700;background: url(../images/backgrounds/bg_breadcrumb.png) left bottom repeat-x;padding: 5px 0 5px 10px;margin: 0 !important;}
#content .headingbox_nobg {background: 0 none;height: 18px;}
#content .headingbox_dark {height: 25px;background: url(../images/backgrounds/bg_registerbox.png) left bottom repeat-x;}
#content .largesize {font-size: 14px;height: 30px;}
div.blog_navi .headingbox, #right h2.headingbox_nobg, #right h2.headingbox {border-right: 0 none;}

/*	HEADLINES
	------------------------ */
h2, h3 {line-height:1.6em}
h2 {font-size: 18px;margin: 10px 0 5px;}
h3 {font-size: 14px;margin: 0 0 5px 0;}

/*	ICONS
	------------------------ */
a.del {background: url(../images/icons/ico_delete.png) no-repeat;display: block;height: 21px;width:24px;}
a.link {background: url("../images/icons/ico_listing-next.png") left top no-repeat; padding:0 0 5px 20px; font-weight: 500;display:block; }
div.ico_new, div.ico_tipp, div.ico_esd {font-family: "Arial Black";font-size: 13px;font-weight: bold; text-shadow: #777 1px 1px 1px; letter-spacing: -1px;}

div.ico_new {z-index: 210; position: absolute; top: 28px; left: -1px; width: 68px; height: 28px; background: url(../images/sprite_listing.gif) no-repeat 0 -50px;}
div.ico_new span {display: block; width: 68px;margin: 5px 0 0 32px}

div.ico_esd {position: absolute;top:-3px;right:74px; width: 94px; height: 24px; background: url(../images/sprite_listing.gif) no-repeat 0 0px; z-index: 210;}
div.ico_esd span {display: block;width:94px;text-align:center;margin: 3px 0 0 0;}

div.ico_tipp {z-index: 210; position: absolute; top: -4px; right: 10px; width: 57px; height: 25px; background: url(../images/sprite_listing.gif) no-repeat 0 -24px;}
div.ico_tipp span {display: block;text-align: center;margin-top:4px;}

a.basket {background: url(../images/ico_basket.gif) no-repeat;display: inline-block;height: 22px;width:22px;}

/* Flags */ 
#topbar .flag {display: block;width: 16px; height: 11px;text-indent: -9999px;margin: 8px 5px 0 0;float:left;}

/*	TRUSTED SHOPS, PAYPAL
	------------------------ */
#trustedShopsLogo, #paypalLogo, #paypalLogo_noborder {padding: 10px;border-right: 1px solid;border-bottom: 1px solid;}
#paypalLogo_noborder {border-bottom: 0px none;padding: 10px 10px 0;}
#trustedShopsLogo .inner_container, #paypalLogo .inner_container, #paypalLogo_noborder .inner_container {padding: 5px 10px;border: 1px solid;}

#trustedShopsLogo a, #paypalLogo a, #paypalLogo_noborder a {display: block;text-align: center;}
#trustedShopsLogo a img, #paypalLogo a img, #paypalLogo_noborder a img {display: block;margin: 0 auto;}
#trustedShopsLogo p, #paypalLogo p, #paypalLogo_noborder p {margin: 10px 0 0 0;}
.trustedshops_form {border: 1px solid;padding: 10px;width: 939px;} 
#trustedShopsLogo a { display: inline; }

/*	HEADER
	------------------------ */
#header {height:115px;position: relative; width: 100%;}
#header #logo a {background: url(../images/logo.jpg) no-repeat;width: 148px;height: 44px;text-indent: -9999px;display: block;margin: 38px 0 0 38px;}

/*	LANGUAGE AND CURRENCY
	------------------------ */
#topbar {position: absolute; right: 0; top: 0;padding: 0 5px;height:25px;} 
#topbar form {float:left;}
#topbar input {border: 1px solid; background:transparent;margin: 6px 0 0 0;padding:0;font-size:11px;cursor: pointer;}
#topbar input:hover {border: 1px dashed;}
#topbar input.active {font-weight: 700;}
#topbar .currency {padding-right:6px;margin-right:6px;border-right: 1px solid;display: block;}
#topbar select {border: 0 none;}

/*	SHOPNAVIGATION
	Account, Notes, Basket
	------------------------ */
#shopnavi .newbasket {width: 300px;position: absolute; right: 0px;top:35px;}
#shopnavi .display {width: 210px;margin: 18px 0 22px 0;position: static;}
#shopnavi .display .top {margin-top: 5px;}
#shopnavi .display_basket {display:inline}
#shopnavi .icon {width: 77px;position: static;}
#shopnavi .icon a {display: block; background: url(../images/icons/ico_basket.png) no-repeat; width: 77px; height: 83px;text-indent: -9999em;}
#shopnavi .quantity {padding: 0 0 0 2px;}
#shopnavi .sep {padding: 0 3px;}
#shopnavi .ajax_basket_container {border: 1px solid;width: 210px;height: 22px;margin-top:5px;background: url(../images/backgrounds/bg_ajaxbasket.png) repeat-x;}
#shopnavi .ajax_basket_container .ajax_basket {height: 16px;padding: 4px 10px 0 10px;cursor:pointer;background: url("../images/arrows/bg_arrow-small_down.gif") no-repeat scroll 200px 9px;}
#shopnavi .ajax_basket_container div.ajax_loader {background: url(../images/icons/ico_ajax-loader.gif) no-repeat;height:16px; width:16px;display:none;position: absolute;right:25px;top:46px;}

/* My options */
.my_options {position: absolute; top: 58px;left:490px;}
.my_options a {padding: 0 20px 0 20px;height: 16px;line-height:16px; display: block;float:left;}
.my_options a.account {background: url("../images/icons/ico_myaccount.png") left center no-repeat;}
.my_options a.note {background: url("../images/icons/ico_notes.png") left center no-repeat;}
.my_options a.compare {background: url("../images/icons/ico_compare.png") left center no-repeat;}


/*	MAINCATEGORIES
	------------------------ */
#mainNavigation {padding: 1px 0 0 15px; width: 983px; margin: 20px 0px 0 1px;line-height: 30px;position: static;height: 32px;}
#mainNavigation li {float: left;position: static;}
#mainNavigation a {display: block;padding: 0px 15px;border-right: 1px solid;border-left: 1px solid;position: static;}
#mainNavigation a.active {font-weight: 700;height:31px;border: 1px solid; border-bottom: 0 none;background: url("../images/backgrounds/bg_navigation_top_active.jpg") repeat-x;}
#mainNavigation ul li ul {display: none;}

/* Drop down menu */
#mainNavigation ul li.dropactive:hover a {border: 1px solid;height: 35px;position: relative;z-index: 3000;}
#mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {display: block;position: absolute;background: #fff;width:250px;z-index:2000;margin-top: -1px;border: 1px solid #000;}
#mainNavigation ul li ul.dropdown li {position: relative}
#mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background: url(../images/arrows/bg_arrow-small_right.gif) 240px center no-repeat;}
#mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background: url(../images/arrows/bg_arrow-small_right_white.gif) right center no-repeat;}
#mainNavigation ul li.dropactive:hover ul.dropdown li a {border: 0 none;background: 0 none;display:block;height:30px;line-height:30px;border-bottom:1px solid;width:220px;}
#mainNavigation ul li.dropactive:hover ul.droplevel {display: none;position: absolute;left: 250px;top:0;border: 1px solid;width: 250px;}
#mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel {display:block;}
#mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel ul.droplevel {display: none;}
#mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel li:hover ul.droplevel {display: block;}

/*	BREADCRUMB
	------------------------ */
div#breadcrumb {position:static;margin: 0;display:block;float:none;clear:both;padding:0 15px; height: 40px;line-height: 36px;background: url("../images/backgrounds/bg_breadcrumb.png") repeat-x left bottom;border: 1px solid}
div#breadcrumb strong {font-weight: 500}
#breadcrumb .sep {padding: 0 2px;}

/*	FAUX COLUMNS
	------------------------ */
#content .inner {overflow: hidden;width: 1000px;z-index:1}
#content .inner, #content .inner div#left, #content .inner div#center {float: left;}

/*	SIDEBAR LEFT
	------------------------ */
#content #left.info {width: 158px;}
#content #left.info h2 {font-size: 11px;padding-top:10px;height:26px;}
#content #left ul li {border: 1px solid;border-bottom: 0 none;border-right: 0 none;}
#content #left ul li a {display: block;margin: 0 0 0 0px;padding: 8px 0 8px 15px;font-size:11px;}
#content #left ul li.active {background: url("../images/backgrounds/bg_navigation_left_active.png") repeat-x;border: 1px solid;width:178px;}
#content #left ul li.active a.active {font-weight: 700;}
#content #left ul li.active.sub a.active {font-weight: 700;background: url("../images/arrows/bg_arrow_down.png") no-repeat scroll 155px center;border-bottom:1px solid;}
#content #left ul li.active li a {margin: 0 0 0 10px;padding: 6px 0 6px 10px;background: url("../images/arrows/bg_arrow-small_right.gif") no-repeat left center !important;}
#content #left ul li.active.sub ul a.active {border-bottom: 0 none;margin-left:15px;}
#content #left ul li.active ul.submenu {padding-bottom: 5px;}
#content #left ul li.active ul.submenu ul {border-top:1px solid;border-bottom: 1px solid;}
#content #left ul li.active ul.submenu ul.submenu {border-bottom: 0 none;}
#content #left ul li.active ul.submenu ul.submenu ul.submenu {border-bottom: 1px solid;}
#content #left ul li.active li.active {background: transparent;border: 0 none;}
#content #left ul li.active li.active a {border: 0 none; background: url("../images/arrows/bg_arrow-small_down.gif") no-repeat left center !important;}
#content #left ul li.active li.active a.flag {background: 0 none !important;font-weight:700;}
#content #left ul li.active li.active li a {margin: 0 0 0 15px;padding: 4px 0 4px 10px; background:0 none !important;font-size: 10px;}
#content #left ul li.active li.active li a.flag {font-weight: 700;}
#content #left ul li.active li.active li.active a.flag {font-weight: 500}
#content #left ul li.active li.active li.active a.active {margin-left: 20px; font-weight: 700; background: url("../images/arrows/bg_arrow-small_down.gif") no-repeat left center !important;}
#content #left ul li.active li.active li .level3 a {padding: 4px 0px 4px 20px;}
#content #left ul#servicenav {margin: 18px 0 0 0;border: 1px solid; border-left: 1px solid;padding-bottom: 15px;}
#content #left ul#servicenav li {background: transparent;}
#content #left ul#servicenav li.heading {background: url("../images/backgrounds/bg_servicenav.png") repeat-x;height: 33px; line-height: 33px;padding: 0 0 0 15px;text-transform: uppercase;color: #636363;font-weight: 700;border: 0 none;margin: 0 0 12px 0;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
#content #left ul#servicenav li a {padding: 4px 0 4px 10px;} 

/*	SIDEBAR RIGHT
	------------------------ */
#content #right {overflow: hidden;width: 150px;position: static;float:right;margin-left: 0px !important;}
div.blogFilter ul li, div.blogInteract ul li {padding: 6px 0 6px 10px;margin: 0 0 0 0;border-bottom:1px solid;background:#fff;}
div.blogFilter ul li.last, div.blogInteract ul li.last {border-bottom: 0 none;}
div.supplier ul li {margin: 0 0 0 0;padding: 6px 0 6px 10px;border-bottom:1px solid;}
div.supplier ul li.last {border-bottom: 0 none;}
div.supplier ul li.image {height: auto;text-align:center;}
div.supplier ul li.image a {margin:0;}
div.supplier_filter {margin:0px 0px 20px 0px; padding:0px; width:150px;border-bottom: 1px solid;}
div.supplier_filter div {display:block;cursor:pointer;position:relative;border: 1px solid; border-right: 0 none;border-bottom: 0 none;background: url(../images/backgrounds/bg_filter_inactive.jpg) repeat-x;height: 20px;padding:6px 0 0px 16px;width:133px;margin:0;}
div.supplier_filter div.slideContainer {background-image: none;padding: 0;height: auto;border: 0;}
div.supplier_filter h5 {border-left: 1px solid;margin-bottom:0; padding: 5px 0 5px 5px;}
.blog_navi div.supplier_filter div {width: 122px;}
div.supplier_filter div.active {background: url(../images/backgrounds/bg_filter_active.jpg) repeat-x;font-weight: 700;}
div.supplier_filter div span.expandcollapse {position: absolute; right: 10px; top:5px; border-bottom: 0 none;margin:0;height: 13px; width: 13px; text-indent: -9999px; background: url(../images/icons/ico_filter.gif) 0 -13px no-repeat;}
div.supplier_filter div.active span.expandcollapse {background: url(../images/icons/ico_filter.gif) 0 0 no-repeat;}
div.supplier_filter ul li {border-left: 1px solid; display: inline-block;}
div.supplier_filter ul li a, div.supplier_filter ul li.active {padding: 6px 0 6px 22px;background: url(../images/icons/ico_search_inactive.png) 5px 7px no-repeat;display: block;}
div.supplier_filter ul li:hover a, div.supplier_filter ul li.active {background: url(../images/icons/ico_search_active.png) 5px center no-repeat;}
div.supplier_filter ul li:hover a, div.supplier_filter ul li.active a {text-decoration: none;}
div.supplier_filter ul li.active {font-weight: 700;text-decoration:none;}
div.supplier_filter ul li.close span {background: #fff none;border: 0 none;font-weight: 700;padding:0;}
div.supplier_filter ul li.close:hover a {background: url(../images/icons/ico_search-delete.png) 5px center no-repeat;}
div.supplier_filter .space { display: none; }
#right div.supplier_filter.blog {width:140px;}
div.supplier, div.blogFilter, div.blogInteract {border:1px solid; border-right: 0 none; border-top: 0 none; right:0;margin: 0 0 20px 0;padding: 0 0 0 0;}
.filter_actions {position: absolute;right: 5px;top: 25px;}
.filter_actions span {cursor: pointer; position: relative;}
div.blogInteract ul li {height: 20px;padding:6px 5px 3px 0;border-top: 0 none;}
div.blogInteract ul li.last {border-bottom: 0 none;}

/* Register right */
#content div#right.register {width: 168px;margin-left:10px !important;float:left;}
div#right.register h2 {margin: 0;border: 1px solid;border-bottom: 0 none;font-weight: 700; font-size: 12px; line-height: 32px;height: 32px;padding: 0 0 0 9px;}
div#right.register ul {display: block;padding-top: 10px; border: 1px solid; border-top: 0 none transparent;background: url(../images/backgrounds/bg_breadcrumb.png) top left repeat-x;}
div#right.register li {display: block;margin: 0 0 0 10px;padding: 10px 0 10px 30px;background: url(../images/icons/ico_register-benefit.png) no-repeat center left;color: #52892c;}
div.blog_navi {margin-left:10px;}

/*	CONTENT CENTER
	------------------------ */
#content {margin-top:10px;overflow: hidden;position:static;z-index:1}
#center {margin-left: 10px;margin-right: 10px;}
.teaser {border: 8px solid;padding: 12px;}
.teaser p {text-align: center;font-size:12px;}
.blogentry .img {float: left;padding: 8px;}
.blogentry .post_metadata {font-size:10px;margin:4px 0 12px;padding:0 0 9px;}
.blogentry .post_metadata span {border-right:1px solid;padding:0 8px;}
.blogentry a {font-weight: 700;}
#center .teaser_small h1, #content .orders h1, #content .downloads h1, #content #ticket h1, #content .cat_text h1, #content .supplier_register h1 {font-size:18px;margin:5px 0 15px;}
 #content #center .cat_text h1 {font-weight: 700;}
#content #right_account {margin-left:20px;}
#content #right_account {margin: 0;}
#content .account {margin-left:20px; margin-right:0px;}
#content .custom {margin-right: 40px;}
#content .custom {width: 560px;}
#content .custom h1 {font-size: 18px; font-weight: 700;}
#content .custom ol {margin-left: 25px;}
#content .custom ul {margin-left: 20px;}
#content .custom ul li, #content .custom ol li {list-style: disc;float:none;}
#content .custom ol li {list-style: decimal}
#supplierfilter {padding: 10px; border: 2px solid;}
#supplierfilter .text {display:block;float:left;margin-top:6px;}
#content .cat_text, #content .register .supplier_register {padding: 0 0 8px;margin: 0 0 12px;background: url(../images/backgrounds/bg_cat_text.png) left bottom no-repeat;}
#content .cat_text .inner_container, #content .register .supplier_register .inner_container {border: 1px solid; padding: 20px 20px 0; margin: 0;margin: 0 0 0;}
#content #notes .cat_text, #content .account .cat_text, #content .register .supplier_register {margin-left: 10px;background: url(../images/backgrounds/bg_cat_text_note.png) left bottom no-repeat;}
#content .account .cat_text {margin: 0;}
#content .banner {margin-bottom: 10px;}
.required_fields { border: 1px solid #c7c7c7; padding: 10px; background: #F3F3F3; font-weight: 700 }
#letterForm .required_fields  { margin: 0 20px 20px; background: #fff; }

/*	GENERAL LISTING
	------------------------ */
.listing_actions {border:1px solid;height:56px;padding:0 15px;background: url(../images/backgrounds/bg_listing_actions.png) top left repeat-x;}
.listing_actions .top {height: 23px;padding: 0 0 5px 0;}
.listing_actions .bottom {height:23px;padding: 5px 0 0 0; border-top: 1px solid;}
.listing_actions select {width:135px;margin:0.5em 0;}
.listing_actions label {height: 22px;float:left; display: block; margin: 8px 5px 0 0;}
.listing_actions .paging label {float:left;margin: 3px 18px 0 0;}
.listing_actions .articleperpage select {width:50px}
.listing_actions.bottom, .listing_actions.normal {height: 28px;}
.listing_actions .bottom .paging {float:left;}
.listing_actions a.navi, .listing_actions div.more {
	display:block; float:left; margin-right:1px;height:14px;width:14px;font-size:10px;border:1px solid;padding:1px;vertical-align: middle; text-align: center;
}
.listing_actions a.prev {background: url("../images/arrows/bg_arrow-small_left.gif") no-repeat scroll center 6px transparent;text-indent: -9999px;}
.listing_actions a.more {background: url("../images/arrows/bg_arrow-small_right.gif") no-repeat scroll center 6px transparent;text-indent: -9999px;}
.listing_actions .sort-filter {width: 210px;text-align: left;float:left;}
.listing_actions .articleperpage {width:160px;margin: 0 auto 0 42px; text-align: center;float:left;}
.listing_actions .articleperpage.rightalign {text-align: right;float:left;}
.listing_actions .list-settings {width: 165px;text-align: right;float:right;}
.listing_actions .list-settings .table-view, .listing_actions .list-settings .list-view {
	background: url(../images/icons/ico_view.png) no-repeat; width: 27px; height: 20px; display: block;float:left; margin:3px 0 0 5px;
}
.listing_actions .list-settings .table-view:hover, .listing_actions .list-settings .list-view:hover {text-decoration: none;}
.listing_actions .list-settings .table-view:hover, .listing_actions .list-settings .table-view.active {background-position: 0 -20px;}
.listing_actions .list-settings .list-view:hover, .listing_actions .list-settings .list-view.active {background-position:-28px -20px;}
.listing_actions .list-settings .table-view {background-position: 0 0px;}
.listing_actions .list-settings .list-view {background-position: -28px 0px;}
.listing_actions .list-settings label {float: left;}
.listing_actions .list-settings select {width:95px;float:left;}
.listing_actions .bottom .display_sites {width: 135px; display: block; float:right;text-align:right;margin:3px 0 0 0;}
.contentlisting_box .listing_actions .paging {margin-top: 5px;}
div.listing {overflow: hidden; width:680px;}

.artbox {border: 1px solid;margin: 0px 11px 10px 0;float: left;position: relative;}
.artbox .inner {padding: 10px 10px 5px 10px; overflow: visible !important;}
.artbox .star {position: absolute; top:10px;}
.artbox .artbox_thumb {margin-top:10px;height: 105px;display: block; text-align: center;}
.artbox a.title {display: block;font-weight: 700;font-size:12px;margin: 0 0 8px 0;}
.artbox p.desc {font-size:11px;line-height:13px;}
.artbox p.price, .artbox p.pseudoprice {text-align: left;position: absolute;bottom: 65px;left: 10px;height: 30px;margin: 0;}

.artbox p.pseudoprice {bottom: 77px}
.artbox span.price {font-size: 14px;font-weight: 700;margin-bottom: 5px;}
.artbox span.pseudo {text-decoration: line-through;display:block;color: #777}
.artbox .unit {font-size: 10px; position: absolute;bottom: 115px;font-weight: 700;}
.artbox .actions {position: absolute;bottom: 2px;left: 5px;width: 137px;}

.artbox .actions a,
.listing_actions .offers {display: block; width: 125px; height: 20px; border: 1px solid; position: relative; padding: 0 5px; margin-bottom: 2px;line-height: 20px;}

.artbox .actions a,
.listing_actions .offers,
div#notes .table_row .action a,
.blogbox a.more_info,
.content_listing a.more_info,
.bt_allsupplier,
div#notes .table_row .action a.basket,
.blogbox a.more_info:hover,
.content_listing a.more_info:hover,
.bt_allsupplier:hover {background: url(../images/sprite_listing_buttons.png) right 0 no-repeat;}

.artbox .actions a.more,.listing_actions .offers:hover,div#notes .table_row .action a.basket, .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {background-position: right -21px;}

/* Base price */
.artbox .article_price_unit p, .artbox .article_price_unit_pseudo p { margin-bottom: 0; font-size: 10px; }

/* Offers */
.listing_actions .offers {margin: 3px 0 0 195px; display:block;width: 190px;}
.listing_actions .offers:hover {text-decoration: none;}

/* Related */
#related .container, #related .container .listing {overflow: hidden;width: 483px;}
#related .artbox {width: 157px;}
#related .artbox .inner {height: 290px;}

/* Promotion */
.artbox_shoppingworld {display: block; float:left;margin: 0px 11px 9px 0;}
.artbox_shoppingworld img {vertical-align: bottom}

/* Cross Selling */
/*.cross_box_content.listing {width:840px;}
.cross_box_content.listing .artbox {width:197px;} */

/*	4 COL LISTING
	------------------------ */
#listing .artbox {width: 147px;}
#listing .artbox .inner {height: 310px;width:127px; overflow:auto;}
#listing .artbox div.ico_esd {right: 1px; top:-3px;}
#listing .artbox p.desc { margin: 0 0 1em; }
#listing .article_price_unit .baseprice { display: block }

/*	3 COL LISTING
	------------------------ */
#listing-3col .artbox {width: 200px}
#listing-3col .artbox .inner {height: 325px;width: 180px;}
#listing-3col .artbox .actions {position: absolute;bottom: 27px;}
#listing-3col .artbox .artbox_thumb {height: 145px;margin-top:0}
#listing-3col .artbox a.compare_add_article, #listing-3col .artbox a.more, #listing-3col .artbox .buynow {width:179px;}
#listing-3col .artbox a.compare_add_article, #listing-3col .artbox a.more {width:82px;position: absolute;}
#listing-3col .artbox a.more {left: 97px;}
#listing-3col .artbox div.ico_esd {right: 8px;top:24px;}
#listing-3col .artbox p.price {bottom:40px;}
#listing-3col .artbox p.pseudoprice {bottom: 52px;}
#listing-3col .artbox p.desc { margin: 0 0 .8em }

/*	2 COL LISTING
	------------------------ */
#listing-2col .artbox {width: 307px;}
#listing-2col .artbox .inner {height: 255px;width: 287px;}
#listing-2col .artbox .artbox_thumb {height:140px;margin-top: 0;}
#listing-2col .artbox .actions {right: 6px; left: auto;width: 135px;}
#listing-2col .artbox .price {bottom: 5px;margin: 0;}
#listing-2col .artbox .title {margin: 5px 0;width:150px;}
#listing-2col .artbox .desc {width: 130px;} 
#listing-2col .artbox .unit {right: 10px; bottom: 80px;}
#listing-2col .artbox p.pseudoprice {bottom:8px;}
#listing-2col .artbox .article_price_unit, #listing-2col .artbox .article_price_unit_pseudo { position: absolute; bottom: 80px; right: 5px; width: 135px; }
#listing-2col .artbox .article_price_unit .baseprice, #listing-2col .artbox .article_price_unit_pseudo .baseprice { display: block }

/*	1 COL LISTING
	------------------------ */
#listing-1col .artbox {width:629px;margin:0;border-bottom: 0 none;}
#listing-blog .artbox .inner,#listing-1col .artbox .inner {height: 145px;width:609px;}
#listing-blog .artbox .artbox_thumb, #listing-1col .artbox .artbox_thumb {display: block;width:105px;}
#listing-blog .artbox a.title, #listing-1col .artbox a.title {position: absolute; top:15px;left:125px;width:330px;}
#listing-blog .artbox p.desc, #listing-1col .artbox p.desc {position: absolute; top:45px;left:125px;width:330px}
#listing-blog .artbox .actions, #listing-1col .artbox .actions {position: absolute;bottom: 15px;width:125px;left: 635px;}
#listing-blog .artbox a.compare, #listing-1col .artbox a.more, #listing-1col .artbox .buynow, #listing-1col .artbox a.compare, #listing-1col .artbox a.more, #listing-blog #listing-1col .artbox .buynow {width:125px;}
#listing-blog .artbox p.price, #listing-1col .artbox p.price {top: 15px;left:635px;text-align: left;display: block;width:100px}
#listing-blog .artbox div.ico_esd, #listing-1col .artbox div.ico_esd {right: 200px;}
#listing-blog .artbox .unit,#listing-1col .artbox .unit {bottom: 90px; right:45px;width: 100px;text-align:left;display:block}
#listing-blog .artbox p.pseudoprice, #listing-1col .artbox p.pseudoprice {bottom: 110px; right:45px;left:auto;width:100px;display:block;}
#listing-1col .artbox.last {border-bottom: 1px solid;}
#listing-blog .artbox div.ico_tipp, #listing-1col .artbox div.ico_tipp {right:5px;}
#listing-1col .artbox .actions, #listing-1col .artbox p.price, #listing-1col .artbox p.pseudoprice, #listing-1col .artbox .unit {left: 480px;}
#listing-1col .artbox .article_price_unit, #listing-1col .artbox .article_price_unit_pseudo { position: absolute; left: 125px; }

/*	BLOG CROSS SELLING
	------------------------ */
#listing-blog .artbox {width: 778px;border-top:0 none;margin: 0px 11px 0px 0;}
#listing-blog .artbox .inner {width:758px;}
#listing-blog .artbox p.desc {width:430px;}

/*	ARTICLE DETAIL
	------------------------ */
/* General */
#content #detail {width:800px;margin-left:10px;}
#buybox {width:250px;margin-right: 10px;}
#detail .article_details_price2 {font-size:20px;line-height:20px;}
#detail .article_details_price2 span {font-size:12px}
#detail .article_details_price2 em {font-size: 12px;line-height:16px;text-decoration: line-through;display: block;}
#detail .article_details_price2 strong {font-weight: 700;display:block;margin-bottom: 10px;}
#detail em {font-style: normal}
#content #detail #detailbox_middle, #content #detail #detail_menu, #content #detail #basketButton {position: static;}
#detail .border {border-bottom: 1px solid;}
#detail .wrapper {margin-left: 5px;width: 285px;}
.basketform .error {width: 220px;}
#detail #article_details .modal_open a {text-decoration: underline;}

/* Navigation */
.menu_top {position: static;margin-bottom: 42px;}
.article_overview, .article_back, .article_next {display: block; float:left;font-size:12px;}
.article_overview {margin-left: 290px;background: url(../images/icons/ico_listing-overview.png) left center no-repeat;padding: 0 0 0 20px;width:145px;}
.article_navi {width:240px;float:left;height:16px;margin: 0 0 0 73px;}
.article_back {float:left}
.article_next {float:right}
.article_back a {background: url(../images/icons/ico_listing-prev.png) left center no-repeat;padding: 0 0 0 20px;}
.article_next a {background: url(../images/icons/ico_listing-next.png) right center no-repeat; padding: 0 20px 0 0;} 

/* Images*/
#detailbox #img {width: 285px;}
#detailbox #img img {display: block;margin:0 auto;}
#detailbox #img #wrap {display: block; min-height: 255px;}
#zoom1 {display:block}
#zoom1 {display: block;margin: 0 auto;}

.cloud-zoom-big, #cloud-zoom-big {border: 5px solid;}
#thumbs a {padding: 2px;border: 1px solid;margin: 2px;width: 56px;height: 56px;display: block;}
#thumbs a:hover, #thumbs a.active {border: 1px solid;}
.thumb_box a {float: left; height: 45px; width:45px; display: block; padding:0px; margin: 0 9px 5px; border: 2px solid;}
.thumb_box a:hover {border: 2px solid;}

/* Article details middle */
#detailbox h1, .article_details_price{font-size: 14px; font-weight: 700; line-height: 20px;margin-bottom: 15px;}
#detail h1 {font-size: 16px;line-height:20px;font-weight: 700;margin-bottom: 20px;}
div#article_details p {margin: 0;}
div#article_details div.article_details_bottom {margin-top: 15px;}
.article_details_price {display: block;font-size: 18px;}
div#article_details .delivery_container {margin: 5px 0 0 0;}

/* Configurator */
#buybox select {width: 115px;float: left;}
#buybox select.variant, #buybox #configForm select {width: 240px;}
#buybox label {width: 125px;float: left;position: static;margin-top: 6px;}
#buybox #configForm p {margin: 0;}
#buybox #configForm select {margin: 0 0 15px 0;}
#buybox .config_table th {padding: 0 5px;}
#buybox .config_table tbody th {text-align: center;}
#buybox #basketButton {margin-top:15px;width: 241px;background-image: url("../images/backgrounds/bg_basketbutton.png");background-repeat: no-repeat;height: 40px;border:0 none;color:#fff;font-size:14px;cursor: pointer;}

/* Upprice configurator */
#buybox .config_select p {margin: 0 0 5px;}
#buybox .config_select select {float: none;width: 220px;margin: 0 0 15px;}

/* Accessories */
#buybox .accessory_container p {margin: 0;}
#buybox .accessory_container h2 {width: 228px;}
#buybox .accessory_container label {width: 200px;cursor:pointer;}
#buybox .accessory_container input.chkbox {float:right;margin-right: 5px;}
#buybox .accessory_container label:hover {text-decoration: underline;}
#buybox .accessory_container .accessory_group {margin:0 0 10px 0;border: 1px solid;border-top: 0 none; padding: 5px 0 10px 10px;position: relative;width: 228px;}

/* Accessory overlay */
#content #buybox .accessory_container .accessory_overlay {position: absolute;right: 260px;top:-30px;display: none;z-index:20}
#content #buybox .accessory_container .accessory_overlay .artbox {margin: 0;}
#content #buybox .accessory_container .accessory_overlay .inner {width: 230px;height: 220px;}
#content #buybox .accessory_container .accessory_overlay p.price, #content #buybox .accessory_container .accessory_overlay p.pseudoprice {bottom: 10px;left:10px;}
#content #buybox .accessory_container .accessory_overlay p.price {bottom: 0px;}
#content #buybox .accessory_container .accessory_overlay .unit {bottom: 40px; left:10px;}

/* Notification */
#sendArticleNotification {border: 1px solid; padding: 8px;width: 222px;}
#article_notification .notice {width: 220px;}
#article_notification label {display: block;}
#sendArticleNotification .text {width: 210px;}

/* Description */
#description h2, #comments h2, #related h2, #description ul, #description ol {margin: 0 0 1.5em;}
#description h2, #comments h2, #related h2 {font-size: 14px; font-weight: 700; margin: 0 0 15px 0;}
#description ol {margin-left: 25px;}
#description ul {margin-left: 20px;}
#description ul li, #description ol li {list-style: disc;float:none;}
#description ol li {list-style: decimal}

/* Tabs */
.ui-tabs { position: relative; padding: .2em;}
.ui-tabs .ui-tabs-nav {margin: 0; padding: 0;}
.ui-tabs .ui-tabs-nav a span {float:left;}
.ui-tabs .ui-tabs-nav a span.star {float:left;display:block; margin:1px 0 0 5px;}
.ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; margin: 0 .6em 0px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; border: 1px solid; background: url("../images/backgrounds/bg_tabs-inactive.png") repeat-x;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom:1px;position: relative;z-index:1;margin-bottom: -1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}
.ui-tabs .ui-tabs-panel { display: block;padding: 1em 1.4em; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important;}
.ui-tabs .ui-tabs-nav li.ui-state-active {background-image: none;}

/* Detailinfo */
#detail #detailinfo {background: #f5f4f0 url(../images/backgrounds/bg_detailinfo.png) left top repeat-x;padding-left: 19px;padding-bottom: 1000em;margin-bottom: -1000em;}
#detail #detailinfo #tabs {width: 765px;padding: 15px 0 0 0;overflow: hidden;margin: 0 0 18px 0;}
#detail #detailinfo .inner_tabs {background: #fff;border: 1px solid;min-height: 420px;width: 763px;overflow:hidden;}
#detail #detailinfo .ui-tabs-panel {width: 485px;text-align: left;padding-top: 25px;float:left;}
#detail #detailinfo .ui-tabs-panel h3 {font: bold 12px Arial, sans-serif;text-transform: none;margin: 15px 0 10px 0;}
#detail #detailinfo .ui-tabs-panel .lst_bullet li {list-style: disc;margin-bottom: 5px;}
#detail #detailinfo #description {padding-right: 25px;width:475px;line-height:16px;}

/* Similar */
#detail #detailinfo .similar {width: 235px;border-left: 1px solid;min-height: 365px;padding: 0 0 1000em 10px;margin:0 0 -1000em;float:left;}
#detail #detailinfo .similar h3 {text-transform: none;font-size:14px;font-weight: 700;margin: 25px 0 0 10px}
#detail #detailinfo .similar .artbox {width:235px;border: 0 none;margin-right: 0;}
#detail #detailinfo .similar .artbox .inner {width: auto;overflow:auto;float:none;}
#detail #detailinfo .similar .artbox .artbox_thumb {height: 57px; width: 57px;border: 1px solid #dbdbdb;margin:0px;float:left;}
#detail #detailinfo .similar .title_price {width:140px;float:left;margin-left:10px;}
#detail #detailinfo .similar .artbox .title {display:block;}
#detail #detailinfo .similar .artbox .price {position: static;}
#detail #detailinfo .similar .artbox .actions {display: none;}

/* Comments */
.inner_tabs #comments .overview_rating strong, .inner_tabs #comments .overview_rating .star, .inner_tabs #comments .overview_rating span {float:left;margin-right:5px;}
.inner_tabs #comments .overview_rating span {margin-right: 0;}
div.comment_block .date, div.comment_block .author {display: block;}
div.comment_block .author, div.comment_block .date {font-weight: 700;}
#detail #detailinfo #comments form {border: 1px solid;padding:10px;border-top:0 none;}
#detail #detailinfo #comments form p {margin: 0 0 0.8em;}
#detail #detailinfo #comments form h4 {font-weight: 700;}
#detail #detailinfo #comments fieldset input {width:240px;}
#detail #detailinfo #comments form textarea {width: 425px;}
#detail #detailinfo #comments .left_container {width: 140px;float:left;}
#detail #detailinfo #comments .right_container {float:left;width:345px}
#detail #detailinfo #comments .right_container h3 {margin-top:0;}
#detail #detailinfo #comments .comment_block {border-bottom: 1px solid;padding-top:10px;}
#detail #detailinfo #comments .last {border-bottom: 0 none;}

/* Captcha */
#detail #tabs .ui-tabs-panel label {width: 180px;display: block;float:left;margin-top:8px;}
#detail #tabs .ui-tabs-panel input.text {width: 250px;float:left;}
#detail #tabs .ui-tabs-panel textarea {width: 250px;height:150px;}
#detail #tabs .ui-tabs-panel .captcha img, .captcha .code {display: block; float: left;}
#detail #tabs .ui-tabs-panel .captcha .code label {width: 260px;padding-left: 20px;display:block; float: none;}
#detail #tabs .ui-tabs-panel .captcha .code input {width: 260px; margin-left: 20px;}
#detail #tabs .ui-tabs-panel .buttons {text-align: right;margin-right:20px;}
#detail #tabs .ui-tabs-panel .buttons input {width:145px;}

/* Configurator Upprice */
#buybox .upprice_config strong {display: block;}
#buybox .upprice_config p {margin: 0;}
#buybox .upprice_config select {float:none;margin-bottom:14px;width:240px;}

/* Additional links menu */
#detail #detail_menu li {font-size:10px;border: 1px solid;width: 240px; text-align: left;border-bottom: 0 none; }
#detail #detail_menu li a {display: block;margin-left:5px;background: url("../images/icons/ico_listing-next.png") 0 center no-repeat;padding: 5px 0px 5px 20px}
#detail #detail_menu li.lastrow {border-bottom: 1px solid;}


/*	SEARCH
	------------------------ */
div#searchcontainer {z-index: 7;text-align: left;height:38px;margin: 1px 0 0 1px;width: 998px;position:static;}
div#hidesearch {position:relative;z-index: 2000;}
div.inner_searchcontainer {height: 24px;width: 270px;margin:6px 0 0 350px;position: relative;}
div.inner_searchcontainer .ajax_loader {background: url("../images/icons/ico_ajax-loader.gif") no-repeat; position: absolute; top: 4px; left: 230px;z-index: 200;}
div.inner_searchcontainer #submit_search {padding:0;border: 0 none; height: 24px;float:left;background: url(../images/arrows/bg_arrow_search.gif) no-repeat;width: 14px;}
div.inner_searchcontainer p {font-size: 11px;line-height: 12px;float: left;padding:4px;text-transform: uppercase;text-align: right;}
input#searchfield {font-size: 10px;padding: 3px 0 0 30px;width: 220px;height: 19px;display:block;float:left;background: url(../images/backgrounds/bg_search-input.png);margin:0;background-color:#fff;border:1px solid;}
#header_links {position: absolute; top:5px; left: 460px; font-size: 11px;}.related{position:absolute; right:0px; top:0px; height:1.25em}
h3 .related{top:5px}
div.searchdescription .related{margin-top:3.75em; top:10px}
div.searchdescription{height:3.75em; overflow:hidden; z-index:-1; line-height:12px}

nner_container {margin-top:10px;padding: 0 25px 15px; height:300px; overflow-y: scroll;}

/*	TOPSELLER ACCORDION
	------------------------ */
.topseller {border: 1px solid;border-right: 1px solid;margin:0 0 20px;}
.topseller h3 {text-transform: none;font-weight: 700;font-size: 12px;height: 26px; line-height: 26px;padding: 0 0 0 12px;border-bottom: 1px solid;margin: 0;}
.accordion {list-style: none;position: relative;margin: 0;padding: 0;width:149px;}
.accordion li {width: 149px;height: 52px;display: block;overflow: hidden;padding: 0;background: url("../images/backgrounds/bg_topseller_closed.png") repeat-x;}
.accordion li.active {height: 149px;}
.accordion li ul.image, .accordion li ul.image li {height: 95px;padding:10px 0 0 0;background: url("../images/backgrounds/bg_topseller_closed.png") left top repeat-x;}
.accordion li ul.image li, .accordion li ul.image a {display: block;}
.accordion li ul.image li {background: 0 none;display: block; text-align: center;}
.accordion li ul.image a {width: 105px;margin: 0 auto 0 auto;text-align: center;visibility: hidden;display: block;}
.accordion li.active ul.image a {visibility: visible;}
.accordion li.active {background: url("../images/backgrounds/bg_topseller_open.png") 0 bottom repeat-x;}
.accordion li.active ul.image {display: block;}
.accordion li .detail {position: relative;top: -95px;width: 150px;height: 30px;}
.accordion li.active .detail {top: 12px;}
.accordion li .detail a {color: #A09F9F;font-weight: 700;font-size: 10px;display: block;position: absolute;left: 40px;width: 110px;}
.accordion li .detail .number {background: url("../images/sprite_topseller_numbers.png") 0 -21px no-repeat;height: 21px; width: 21px;display: block;position: absolute;left: 8px;text-align: center;line-height: 21px;font-weight: 700;color: #fff;}
.accordion li.active .detail .number {top: -90px;background: url("../images/sprite_topseller_numbers.png") 0 0 no-repeat;}

/*	FORM SYSTEM
	------------------------ */
.supportrequest .contact_box {padding: 20px;}
.supportrequest label {width:170px; text-align: left; margin-left: 100px;display: block; float:left;margin-top: 10px;}
.supportrequest input.button {width:200px;}
.supportrequest .captcha img {margin-left: 100px;float:left;}
.supportrequest .requiredfields {margin-left:280px;}
.supportrequest .code {float: left; width: 250px;}
.supportrequest .code label {width: 295px;margin-left:20px;;display: block;}
.supportrequest .code input {width:295px;margin-left: 20px;}
.supportrequest div.textarea label {display: block;width:500px;}
#center.supportrequest form div.textarea textarea {margin-left: 100px;width:475px;}
#center.supportrequest form p.buttons input {position: relative;left:445px;width:145px;text-align: center;}
#content .supportrequest {margin-left: 20px;margin-right: 10px; width: 688px;}
.supportrequest h2, .supportrequest h1 {width: 760px;}
.supportrequest h1 {width: 700px;}
.supportrequest p {font-size:12px;} 
.supportrequest form div {margin:0 0 1em;font-size:inherit;}
.supportrequest form textarea {height:100px;width:300px;}
.supportrequest .inner_container {border: 1px solid;padding: 20px;border-top: 0 none;width:730px;}
#letterForm .button-right {margin: 0 0 15px 250px}
.supportrequest .strasse {width: 240px;}
.supportrequest .nr {width: 45px;}
.supportrequest .plz {width: 100px;}
.supportrequest .ort {width: 185px;}
.supportrequest .checkbox input {width: auto;}
.supportrequest select {padding:5px; width: 315px;}
#letterForm .street, #letterForm .zipcode {margin-right: 3px;}

r .sliding_container .slide .article_box .price { font-size: 14px; }

/*	FOOTER
	------------------------ */
#footer .footer_menu {border: 1px solid;border-left: 0; border-right: 0;background: url("../images/backgrounds/bg_footer.png") repeat-x;height: 41px;text-align: center;padding: 10px 0;}
#footer .footer_menu p {margin: 0 0 .5em;}
#footer .footer_menu a {font-size: 11px;}
#footer .bottom {padding: 10px 0;background: url("../images/backgrounds/bg_footer-bottom.png") repeat-x;height: 25px;line-height: 25px;}
#footer .bottom p {margin: 0;}
#footer .bottom .border {border-right: 1px solid #E3E3E3}
.shopware_footer {width: 1000px; margin: 20px auto 30px auto; text-align: left;}
.shopware_footer a {background: url(../images/icons/ico_shopware.png) left center no-repeat; padding: 0 0 0 14px;}

/* Tables */
tbody, tbody tr, thead, thead tr {border: 0 none;}
table {
	display: block;
	border: 1px solid #c7c7c7;
	width: auto !important;
}
table thead tr th {
	background: #f5f5f5;
	padding-left: 10px;
}
table tbody tr td, table tbody tr th {
	border-top: 1px dashed #dfdfdf;
}
table td, table th {color: #999;}