ANLEITUNG: Einbau geteilte Navigation von gunnART

[TackleBase]

Die obere leite ist Superfish so wie ich das seh.

index.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<div class="top_wrapper">
<div class="top_wrapper_inner">
<div id="search">{$box_SEARCH}</div>
<ul id="nav">
<li class="off"><a href="{$index}"><span>{#link_index#}</span></a></li>
{if $account}
<li class="off"><a href="{$account}"><span>{#link_account#}</span></a></li>
{/if}
{if $smarty.session.customers_status.customers_status_id == '1'}
<li class="off"><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}"><span>{#new_customer#}</span></a></li>
{/if}
    <li class="off"><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>
   {if $smarty.session.customer_id}
    <li class="off"><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>{else}
   <li class="off"><a id="activator"><span>Login</span></a></li>
    {/if}
    </ul>
    </div>
</div>
<div id="head_float">
<div id="header">
{if strstr ($smarty.server.PHP_SELF, 'index')}
{if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
<h1 class="first_on">{$store_name}</h1>
{/if}
{/if}
<div class="header_inner">
<a id="logo" href="index.php" title="Home"></a>
<div class="cleared"></div>
<div class="box_card_box">{$box_CART}{$box_POPCART}</div>
<div class="highlight"><br /><span class="hight_small"></span></div>
</div>
<div id="divNav">
<div class="divNav_inner">
<ul id="menu" class="sf-menu">
{$box_CATEGORIES_SUPERFISH}
</ul>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div id="wrap">
<div id="contentwrap">
{if !strstr ($smarty.server.PHP_SELF, 'checkout')
&& !strstr ($smarty.server.PHP_SELF, 'login')
&& !strstr ($smarty.server.PHP_SELF, 'content')
&& !strstr ($smarty.server.PHP_SELF, 'account')
&& !strstr ($smarty.server.PHP_SELF, 'newsletter')
&& !strstr ($smarty.server.PHP_SELF, 'shopping_cart')
&& !strstr ($smarty.server.PHP_SELF, 'address_book')
&& !strstr ($smarty.server.PHP_SELF, 'password_double_opt')
&& !strstr ($smarty.server.PHP_SELF, 'product_info')
&& !strstr ($smarty.server.PHP_SELF, 'gv_send')}
{if $smarty.get.cPath!=null || !strstr($smarty.server.PHP_SELF, 'index')}

<div id="leftcol">

<div class="teaser_top_right_menu">
{$top_CATEGORIES}{$box_CATEGORIES}
</div>
<div class="cleared"></div>  
{$box_CURRENCIES}
{$box_LAST_VIEWED}
{$box_sub}
</div>
{/if}
{/if}
{if strstr ($smarty.server.PHP_SELF, 'product_info')}
<div id="right_col">
{*$box_LAST_VIEWED*}
</div>
{/if}

<div {if !strstr ($smarty.server.PHP_SELF, 'checkout') && !strstr ($smarty.server.PHP_SELF, 'login') && !strstr ($smarty.server.PHP_SELF, 'account') && !strstr ($smarty.server.PHP_SELF, 'content')&& !strstr ($smarty.server.PHP_SELF, 'newsletter') && !strstr ($smarty.server.PHP_SELF, 'shopping_cart') && !strstr ($smarty.server.PHP_SELF, 'address_book') && !strstr ($smarty.server.PHP_SELF, 'password_double_opt') && !strstr ($smarty.server.PHP_SELF, 'gv_send')} id="content"{else}id="contentfull"{/if}>
{if $smarty.get.cPath!=null || !strstr($smarty.server.PHP_SELF, 'index')}
<div id="breadcrumb">{$navtrail}</div>
{$main_content}
<div class="cleared"></div>
<p>&nbsp;</p>
{/if}
</div>
</div>
{if !strstr ($smarty.server.PHP_SELF, 'checkout')
&& !strstr ($smarty.server.PHP_SELF, 'content')
&& !strstr ($smarty.server.PHP_SELF, 'search')
&& !strstr ($smarty.server.PHP_SELF, 'account')
&& !strstr ($smarty.server.PHP_SELF, 'newsletter')
&& !strstr ($smarty.server.PHP_SELF, 'shopping_cart')
&& !strstr ($smarty.server.PHP_SELF, 'address_book')
&& !strstr ($smarty.server.PHP_SELF, 'password_double_opt')
&& !strstr ($smarty.server.PHP_SELF, 'gv_send')}
<div id="footer1">
{*$box_BESTSELLERS*}
</div>
{/if}
<div class="cleared"></div>
<div id="footer2">
<div class="footer_column2_1"><a href="/Unsere-Zahlungsoptionen:_:1.html"><img src="{$tpl_path}img/zahlungsarten.png" alt="Zahlungsarten" title="Zahlungsarten"/></a></div>
<div class="footer_column2_2">{$box_NEWSLETTER}</div>
<div class="footer_column2_3">
<a href="https://www.facebook.com/endtackle" target="_blank"><img src="{$tpl_path}/images/social_icons/white_facebook.png" width="32" height="32" alt="Facebook" /></a>
<a href="#" target="_blank"><img src="{$tpl_path}/images/social_icons/white_twitter_bird.png" width="32" height="32" alt="Faceus" /></a>
<a href="#" target="_blank"><img src="{$tpl_path}/images/social_icons/white_pinterest.png" width="32" height="32" alt="Faceus" /></a>
<a href="http://stores.ebay.de/Tackle-Base?_rdc=1" target="_blank"><img src="{$tpl_path}/images/social_icons/white_ebay.png" width="32" height="32" alt="Faceus" /></a>
<a href="#" target="_blank"><img src="{$tpl_path}/images/social_icons/white_amazon.png" width="32" height="32" alt="Faceus" /></a>

</div>
</div>
</div>
<div class="cleared"></div>
<div class="footer">
<div class="footer_inner">
<div class="footer_box">
{$box_CONTENT}
</div>
<div class="footer_box">
{$box_INFORMATION}
</div>
<div class="footer_box">
<div class="boxbody_footer">
<ul class="contentlist">
<li><a href="{$index}"><span>{#link_index#}</span></a></li>
{if $account}
<li><a href="{$account}"><span>{#link_account#}</span></a></li>
{/if}
{if $smarty.session.customers_status.customers_status_id == '1'}
<li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}"><span>{#new_customer#}</span></a></li>
{/if}
<li><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>
{if $smarty.session.customer_id}
<li><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>{else}
<li><a id="activator"><span>Login</span></a></li>
{/if}
</ul>
</div>
</div>
<div class="footer_box">
<img src="{$tpl_path}/images/hotline.png" width="183" height="60" alt="Hotline" />
</div>
<div class="cleared"></div>
<div class="footerflow">
{$smarty.const.TITLE} &copy; {$smarty.now|date_format:"%Y"}
{if strstr ($smarty.server.PHP_SELF, 'index')}
{if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
Realisiert durch die <a href="http://webagentur-meerbusch.de" title="Webagentur-Meerbusch" rel="follow" target="_blank">Webagentur-Meerbusch</a>
{/if}
{/if}
</div>
</div>
</div>
<div class="bottom-shadow"></div>
<div class="adminbox">{$box_ADMIN}</div>
<div class="overlay" id="overlay" style="display:none;"></div>
<div class="box" id="box">
<div class="login">{if $smarty.session.customer_id}<h2>Sie m&ouml;chten sie Abmelden </h2>
<li><a href="{$logoff}"><span class="l"></span><span class="r"></span><span class="t">{#link_logoff#}</span></a></li>
{/if}
{$box_LOGIN}
<a class="boxclose" id="boxclose"></a>
</div>
</div>
<a id="splach" href="/Selbstabholung-vor-Ort:_:13.html" title="Selbstabholung vor Ort"></a>

eigentlich will ich es so haben das oben es so ist wie jetzt und dann bei den Produkten links die unter Kategorien angezeigt werden.

[TackleBase]

so wie zb. hier http://weider-24.de/index.php

[TackleBase]

Kann mir keiner weiterhelfen?

bin am Verzweifeln. Möchte den Shop fertig bekommen.

[xeron]

Bau mal die ein. Aber BACKUP vorher machen.

Grüße
André

Code: PHP  [Auswählen]

    {config_load file="$language/lang_$language.conf" section="index"}
    <div class="top_wrapper">
    <div class="top_wrapper_inner">
    <div id="search">{$box_SEARCH}</div>
    <ul id="nav">
    <li class="off"><a href="{$index}"><span>{#link_index#}</span></a></li>
   {if $account}
    <li class="off"><a href="{$account}"><span>{#link_account#}</span></a></li>
   {/if}
    {if $smarty.session.customers_status.customers_status_id == '1'}
    <li class="off"><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}"><span>{#new_customer#}</span></a></li>
   {/if}
        <li class="off"><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>
      {if $smarty.session.customer_id}
        <li class="off"><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>{else}
      <li class="off"><a id="activator"><span>Login</span></a></li>
        {/if}
        </ul>
        </div>
    </div>
    <div id="head_float">
    <div id="header">
    {if strstr ($smarty.server.PHP_SELF, 'index')}
    {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
    <h1 class="first_on">{$store_name}</h1>
    {/if}
    {/if}
    <div class="header_inner">
    <a id="logo" href="index.php" title="Home"></a>
    <div class="cleared"></div>
    <div class="box_card_box">{$box_CART}{$box_POPCART}</div>
    <div class="highlight"><br /><span class="hight_small"></span></div>
    </div>
    <div id="divNav">
    <div class="divNav_inner">
    <ul id="menu" class="sf-menu">
    {$box_CATEGORIES_SUPERFISH}
    </ul>
    </div>
    </div>
    </div>
    </div>
    <div class="cleared"></div>
    <div id="wrap">
    <div id="contentwrap">
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')
    && !strstr ($smarty.server.PHP_SELF, 'login')
    && !strstr ($smarty.server.PHP_SELF, 'content')
    && !strstr ($smarty.server.PHP_SELF, 'account')
    && !strstr ($smarty.server.PHP_SELF, 'newsletter')
    && !strstr ($smarty.server.PHP_SELF, 'shopping_cart')
    && !strstr ($smarty.server.PHP_SELF, 'address_book')
    && !strstr ($smarty.server.PHP_SELF, 'password_double_opt')
    && !strstr ($smarty.server.PHP_SELF, 'product_info')
    && !strstr ($smarty.server.PHP_SELF, 'gv_send')}
    {if $smarty.get.cPath!=null || !strstr($smarty.server.PHP_SELF, 'index')}
     
    <div id="leftcol">
     
    <div class="teaser_top_right_menu">
    {$sub_CATEGORIES}
    </div>
    <div class="cleared"></div>  
    {$box_CURRENCIES}
    {$box_LAST_VIEWED}
    {$box_sub}
    </div>
    {/if}
    {/if}
    {if strstr ($smarty.server.PHP_SELF, 'product_info')}
    <div id="right_col">
    {*$box_LAST_VIEWED*}
    </div>
    {/if}
     
    <div {if !strstr ($smarty.server.PHP_SELF, 'checkout') && !strstr ($smarty.server.PHP_SELF, 'login') && !strstr ($smarty.server.PHP_SELF, 'account') && !strstr ($smarty.server.PHP_SELF, 'content')&& !strstr ($smarty.server.PHP_SELF, 'newsletter') && !strstr ($smarty.server.PHP_SELF, 'shopping_cart') && !strstr ($smarty.server.PHP_SELF, 'address_book') && !strstr ($smarty.server.PHP_SELF, 'password_double_opt') && !strstr ($smarty.server.PHP_SELF, 'gv_send')} id="content"{else}id="contentfull"{/if}>
    {if $smarty.get.cPath!=null || !strstr($smarty.server.PHP_SELF, 'index')}
    <div id="breadcrumb">{$navtrail}</div>
    {$main_content}
    <div class="cleared"></div>
    <p>&nbsp;</p>
    {/if}
    </div>
    </div>
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')
    && !strstr ($smarty.server.PHP_SELF, 'content')
    && !strstr ($smarty.server.PHP_SELF, 'search')
    && !strstr ($smarty.server.PHP_SELF, 'account')
    && !strstr ($smarty.server.PHP_SELF, 'newsletter')
    && !strstr ($smarty.server.PHP_SELF, 'shopping_cart')
    && !strstr ($smarty.server.PHP_SELF, 'address_book')
    && !strstr ($smarty.server.PHP_SELF, 'password_double_opt')
    && !strstr ($smarty.server.PHP_SELF, 'gv_send')}
    <div id="footer1">
    {*$box_BESTSELLERS*}
    </div>
    {/if}
    <div class="cleared"></div>
    <div id="footer2">
    <div class="footer_column2_1"><a href="/Unsere-Zahlungsoptionen:_:1.html"><img src="{$tpl_path}img/zahlungsarten.png" alt="Zahlungsarten" title="Zahlungsarten"/></a></div>
    <div class="footer_column2_2">{$box_NEWSLETTER}</div>
    <div class="footer_column2_3">
    <a href="https://www.facebook.com/endtackle" target="_blank"><img src="{$tpl_path}/images/social_icons/white_facebook.png" width="32" height="32" alt="Facebook" /></a>
    <a href="#" target="_blank"><img src="{$tpl_path}/images/social_icons/white_twitter_bird.png" width="32" height="32" alt="Faceus" /></a>
    <a href="#" target="_blank"><img src="{$tpl_path}/images/social_icons/white_pinterest.png" width="32" height="32" alt="Faceus" /></a>
    <a href="http://stores.ebay.de/Tackle-Base?_rdc=1" target="_blank"><img src="{$tpl_path}/images/social_icons/white_ebay.png" width="32" height="32" alt="Faceus" /></a>
    <a href="#" target="_blank"><img src="{$tpl_path}/images/social_icons/white_amazon.png" width="32" height="32" alt="Faceus" /></a>
     
    </div>
    </div>
    </div>
    <div class="cleared"></div>
    <div class="footer">
    <div class="footer_inner">
    <div class="footer_box">
    {$box_CONTENT}
    </div>
    <div class="footer_box">
    {$box_INFORMATION}
    </div>
    <div class="footer_box">
    <div class="boxbody_footer">
    <ul class="contentlist">
    <li><a href="{$index}"><span>{#link_index#}</span></a></li>
   {if $account}
    <li><a href="{$account}"><span>{#link_account#}</span></a></li>
   {/if}
    {if $smarty.session.customers_status.customers_status_id == '1'}
    <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}"><span>{#new_customer#}</span></a></li>
   {/if}
    <li><a href="{$checkout}"><span>{#link_checkout#}</span></a></li>
   {if $smarty.session.customer_id}
    <li><a href="{$logoff}"><span>{#link_logoff#}</span></a></li>{else}
   <li><a id="activator"><span>Login</span></a></li>
    {/if}
    </ul>
    </div>
    </div>
    <div class="footer_box">
    <img src="{$tpl_path}/images/hotline.png" width="183" height="60" alt="Hotline" />
    </div>
    <div class="cleared"></div>
    <div class="footerflow">
    {$smarty.const.TITLE} &copy; {$smarty.now|date_format:"%Y"}
    {if strstr ($smarty.server.PHP_SELF, 'index')}
    {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
    Realisiert durch die <a href="http://webagentur-meerbusch.de" title="Webagentur-Meerbusch" rel="follow" target="_blank">Webagentur-Meerbusch</a>
    {/if}
    {/if}
    </div>
    </div>
    </div>
    <div class="bottom-shadow"></div>
    <div class="adminbox">{$box_ADMIN}</div>
    <div class="overlay" id="overlay" style="display:none;"></div>
    <div class="box" id="box">
    <div class="login">{if $smarty.session.customer_id}<h2>Sie m&ouml;chten sie Abmelden </h2>
    <li><a href="{$logoff}"><span class="l"></span><span class="r"></span><span class="t">{#link_logoff#}</span></a></li>
   {/if}
    {$box_LOGIN}
    <a class="boxclose" id="boxclose"></a>
    </div>
    </div>
    <a id="splach" href="/Selbstabholung-vor-Ort:_:13.html" title="Selbstabholung vor Ort"></a>

[TackleBase]

geht leider auch nicht jetzt wird überhaupt keine Box mehr Angezeigt

hatte ich auch schon versucht war das erste was ich versucht habe mit {$sub_CATEGORIES}

[TackleBase]

Xeron kann dir auch gern mal die ftp Daten geben dann kannst mal schauen wen du willst

[xeron]

Kannst Du gerne machen aber probier mal das vorher. Bei mir im Testshop geht es so.

in Deiner boxes.php mal dieses machen.

Code: PHP  [Auswählen]

//include(DIR_WS_BOXES . 'categories.php');
  include(DIR_WS_BOXES . 'categories_superfish.php');
//include(DIR_WS_BOXES . 'top_categories.php');
  include(DIR_WS_BOXES . 'sub_categories.php');

[TackleBase]

Habe gerade herausgefunden das es bei dem teamplat in schwarz vom gleichen Anbieter so eingebaut ist und auch geht bin grad am Vergleichen was da anders eingebaut ist vill finde ich es so raus

[TackleBase]

Habe es hinbekommen muss jetzt nur noch design mäßig anpassen habe einfach die Dateien vom der schwarzen Version genommen und es geht. Und in der Index habe ich es so eingebaut

Code: PHP  [Auswählen]

div id="leftcol">

<div class="teaser_top_right_menu">
{$sub_CATEGORIES}{$box_CATEGORIES}
</div>

[xeron]

Super. Bißchen das Design noch anpassen und dann hast Du es so wie es sein soll.

Grüße
André

[TackleBase]

ja das ist aber das weitere Problem mit dem Design anpassen muss da erst schauen kenne mich da nicht so aus

Kann man das Design irgendwie übernemen von der top_CATEGORIES das es genau so aussied ?

[TackleBase]

Eigentlich wollte ich ja das gleiche design benutzen wie die box vorher war

[TackleBase]

meine stylesheet.css vielleicht kann mir jemand weiterhelfen.

Code: CSS  [Auswählen]

@import url(http://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic);

*{margin:0; padding:0}
a:link, a:active, a:visited, a:hover, a:active, a:focus{outline:none}
#copyandcreate{position:absolute; top:-15px}
body{font-family:Arial,Sans-serif; font-size:12px; margin:0px 0; padding:0; background:#fff; color:#555; line-height:18px; background:fixed; background-repeat:no-repeat; background-position:center top}
/* HEADINGS */
h1{color:#000; font-size:24px; margin:5px 0px 5px 0px; padding:0px; width:auto; border:#ccc solid; border-width:0px 0px 1px 0px; padding-bottom:8px; font-family:'Ropa Sans',cursive; line-height:45px; font-weight:100}

.head_title{color:#000; font-weight:bold; font-size:28px; margin:15px 0 0 20px; padding:0px; padding-bottom:0px; font-family:'Ropa Sans',cursive; font-weight:700; line-height:45px; width:400px; float:left}
.head_title_sub{color:#000; font-weight:bold; font-size:26px; margin:5px 0px 0px 35px; padding:0px; padding-bottom:8px; font-family:'Ropa Sans',cursive; font-weight:700; line-height:45px; float:left}

h2{color:#000; font-size:22px; margin:5px 0px 5px 0px; padding:0px; font-family:'Ropa Sans',cursive; font-weight:100; line-height:30px}
h3{color:#555; font-size:14px; font-family:'Ropa Sans',cursive}

a, a:link, a:link, a:link, a:hover{background:transparent; text-decoration:none; outline:none; cursor:pointer}
a:link{color:#202020; outline:none}
a:visited{color:#000000; outline:none}
a:hover, a:active{color:#900; outline:none}
a:hover{color:#555; text-decoration:underline; outline:none}
a img{border:none; outline:none}

input{font-family:Arial,Sans-serif; font-size:12px}
textarea{font-family:Arial,Sans-serif; font-size:12px; border:1px solid #666; padding:10px; background:url(img/input_bg.gif) no-repeat}
select{border:1px solid #666; padding:5px; background:url(img/input_bg.gif) no-repeat; width:150px; float:right}
input[type=text],
input[type=password]{border:1px solid #ccc; padding:5px; height:18px; background:url(img/input_bg.gif) no-repeat; width:235px}
input[type=small],
input[type=password]{border:1px solid #666; padding:5px; height:15px; background:url(img/input_bg.gif) no-repeat; float:left}
.opt_label{float:left; padding:8px 5px 0 0; width:150px}

p{margin:8px 0px}
div.hr{padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#4E4E4F}
div.hrlightgrey{padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#999}
div.hrproductpreview{padding-top:1px; height:0; overflow:hidden; margin:12px 0px; display:inline; height:0px; line-height:0px; display:block; background-image:url(img/hr_productpreview.gif)}
table td{padding:2px}
#wrap{margin:5px auto; width:990px; margin-bottom:10px}
#head_float{ width:100%; z-index:9999; top:0px;border-bottom: 1px solid #E5E5E5;}
#header{height:330px; background-color: #3d3d3d; background-image: url(image/bg_kat1.png);}
.header_inner{width:990px; margin:0 auto; height:202px}
.topmenu{width:980px; margin:0 auto}
.top_wrapper { height:27px; width:100%; background:#333;}
.top_wrapper_inner { width:990px; margin:0 auto;}
#logo_claim{}
#logo {background:url(images/logo_small.png) no-repeat; height:202px; width:7600px; float:left;  margin:5px 0 0 0; position:absolute}
#header #search a{color:#000; font-size:11px; outline:none}
#header td{padding-top:1px; padding-right:4px}

#breadcrumb{clear:both; color:#c64934; padding:1px 0px 10px 0px; list-style-type:none; outline:none; height:22px; font-size:11px}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active{line-height:23px; text-decoration:none; outline:none; font-weight:normal; cursor:pointer; color:#333; margin:0; padding:0}

#topmenuwrap{width:400px; float:right; height:0px; text-transform:uppercase}
#topmenu{float:right; padding:0; margin:0; list-style-type:none; height:20px; font-size:10px}
#topmenu li{height:20px; float:left; padding:0px 10px; margin:0}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active{line-height:20px; vertical-align:middle; text-decoration:none; outline:none; font-weight:bold; cursor:pointer; color:#202020; margin:0; padding:0}
#topmenu a:hover{color:#9f004c}

#languages{text-align:right; height:26px; font-size:13px; background:url(img/bg_topmenu.gif) repeat-x; padding:10px 10px 0px 0px; margin:0}

#contentwrap{clear:both; width:990px; padding:0}

#leftcol{float:left; width:200px; padding:0px 10px 0px 0px; margin:0}
#right_col{float:right; width:195px; padding:470px 0px 15px 3px; margin:0}

#content{float:left; width:777px; padding:0px; margin-bottom:0px}
#contentfull{width:980px; margin:0 auto; padding:0px 0px}
#contentfull .productPreview{margin:5px 10px 2px;  min-height:300px;  padding:8px; width:200px}
.blog_right { float:right; width:195px; margin:0px -213px 0 0}
.blog_right img { border-bottom: 1px solid #c5c5c5}

#top_CATEGORIES{ width:195px; margin: -13px 0 0 0px; background:#E9E9E9; }


h2.categoryheader{color:#3F3B35; font-size:20px; height:42px; line-height:28px; margin:0px 0 0 0px; padding:2px 8px 0 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
h2.categoryheader a{text-decoration:none; outline:none; color:#fff}

.boxbody_cats{background-color:#eee;  padding:8px; margin:0px 0 15px 0px; padding:10px 0px}


img.imgLeft{ float:left;   margin:2px 10px 2px 0px;   position:relative}

.boxclean{border-top:1px dashed #ccc; border-bottom:#ccc 1px dashed}
.boxheader_clean{color:#3F3B35;  font-size:20px;  height:30px;  line-height:28px;  margin:0px;  padding:0px}

h2.boxheader{color:#3F3B35;  font-size:20px;  height:42px;  line-height:28px;  margin:5px 0 0 0px;  padding:2px 8px 0 10px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; -webkit-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}

h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited{text-decoration:none; outline:none; color:#3F3B35}

.boxbody{background-color:#eee; border:solid #ccc; border-width:0px 1px 1px 1px; padding:8px; margin:-13px 0 15px 0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -webkit-border-radius:0px 0px 8px 8px; border-radius:0px 0px 8px 8px}

.boxbody_info{background-color:#eee; border:solid #ccc; border-width:1px 1px 1px 1px; padding:8px; margin:-13px 0 15px 0px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
.boxbody_info_inner { padding:11px; background:#FFF; border:#CCC 1px solid; text-align:right;}
.price_info { font-size:18px; float:right;}

.boxbody_footer{border-width:0px 1px 1px 1px; padding:8px; margin:-13px 0 0px -6px}
.boxbody h3, .boxbody h3 a{font-size:26px}
.boxbody h3.center, .boxbody h3.center a{font-size:11px; text-align:center; outline:none}
.boxbody p{color:#000; font-size:11px; margin:6px 0px}
.boxbody p.center{color:#000; font-size:11px; text-align:center; margin:6px 0px}
.boxbody td{color:#000; font-size:11px; margin:6px 0px}
.boxbody .productOldPrice{font-size:12px; color:#F00}
.boxbody div.hr{margin:5px 0px}
.boxbody div.hrlightgrey{margin:5px 0px}
.boxbody a{font-size:11px; outline:none}
.boxbody .productboximage{border:solid 1px #999; padding:5px; background:#fff}
.boxbody ul.contentlist{margin-left:5px; margin-right:0; padding:0}
.boxbody ul.contentlist li{margin-left:0px; padding:0; list-style-type:none}
.contentlist a{border-bottom:1px dotted #ccc; display:block; padding:0; outline:none}
/* CART BOX */
h2.boxcartheader{background:#202020 url(img/bg_boxheader_cart.gif); height:28px; font-size:12px; color:#fff; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle}
h2.boxcartheader a{text-decoration:none; color:#fff; outline:none}
.boxcartbody{background-color:#efefef;  color:#b5b5b5;  margin-bottom:15px;  padding:4px 8px;  position:relative;  width:235px; z-index:99999; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -webkit-border-radius:0px 0px 8px 8px; border-radius:0px 0px 8px 8px}
.boxcartbody a, .boxcartbodya:link{color:#b5b5b5}

.productPreview{float:left; margin:5px; height:300px; padding:1px; width:180px; border:1px solid #fff}
.productPreview:hover{float:left; margin:5px; height:300px; padding:1px; width:180px; border:1px solid #b5b5b5; background:url(images/kat_list_bg.png); background-position:bottom; background-repeat:repeat-x}
.productPreview_card{float:left; margin:3px; height:300px; padding:1px; width:180px; border:1px solid #fff}
.productPreview_card:hover{float:left; margin:3px; height:300px; padding:1px; width:180px; border:1px solid #b5b5b5; background:url(images/kat_list_bg.png); background-position:bottom; background-repeat:repeat-x}
.productPreview_also{ float:left; margin:5px 5px 0; min-height:290px; padding:3px; width:170px}
.productPreviewContent{vertical-align:top; text-align:center; margin:8px 0 0 0}

.productPreviewContent h2{padding:0; margin:0px 0px 0px 0px}
.productPreviewContent h2 a{font-size:14px; font-weight:100; outline:none; line-height:18px; display:block; height:40px;}
.productPreviewImage{vertical-align:top; padding:3px 15px 0px 0px}
.productPreviewImage img{border:solid 0px #999; width:180px;}
.productPreviewContent .price{font-size:12px; font-weight:bold; padding:0; margin:0}
.productPreviewContent .taxandshippinginfo{font-size:12px; font-weight:normal; color:#999; padding:0; margin:0}
.productPreviewContent .vpe{font-size:11px; font-weight:normal; color:#999; padding:0; margin:0}
.productPreviewContent .shippingtime{font-size:11px; font-weight:normal; color:#999; padding:0; margin:0}
.productPreviewContent .stockimage{margin:0; padding:0}
.productPreviewContent .stockimagetext{margin:0; padding:0; font-size:11px; font-weight:normal; color:#999}
.productPreviewContent .productOldPrice{font-size:12px; color:#f00}
.boxbest .productOldPrice{font-size:12px; font-weight:bold; color:#b5b5b5; padding:0 0 0 20px}
.productPreviewContent .taxandshippinginfo a{font-size:11px; font-weight:bold; color:#999; text-decoration:underline; outline:none}
.productPreview .productPreviewContent .productOldPrice{ color:#F00;}
.productPreviewContent small { display:none;}
.price_info .productOldPrice { color:#202020;}
.price_block { display:block; height:40px;}
special { color:#F00; font-weight:bold}
del{ color:#202020;}
#productinfowrap{display:table; width:100%}
#productinfoimages{float:left; background-color:#EDEDED; text-align:center; width:340px; padding:10px; margin:0px 10px 10px 0px; border:solid 1px #999}
#productinfoimages .productimage{border:solid 1px #999}
#productinfoimages .hrlightgrey{margin:6px 0px}
#productinfoprice{padding:5px}
#productinfoprice img{cursor:pointer}
#productinfoprice .hrlightgrey{margin:6px 0px}
#productinfoprice .productprice{color:#202020;  font-size:14px;  font-weight:bold;  height:20px;  margin:0px;  padding:9px 2px 0 0px;  width:320px}
* html #productinfoprice .productprice{background:url("img/pricebg.png") no-repeat scroll 0 0 transparent;  color:#202020;  font-size:14px;  font-weight:bold;  height:45px;  margin:0px;  padding:9px 2px 0 30px;  width:280px}
*+html #productinfoprice .productprice{background:url("img/pricebg.png") no-repeat scroll 0 0 transparent;  color:#202020;  font-size:14px;  font-weight:bold;  height:45px;  margin:0px;  padding:9px 2px 0 30px;  width:280px}

.prod_option{ border-top:1px dashed #b5b5b5; margin:8px 0; padding:5px 0}

/*br { line-height:1px; display:block; clear:both;}*/

#productinfoprice .productOldPrice{color:#F00; margin:0; padding:0px; ; font-size:15px; font-weight:bold; float: right;}
#productinfoprice .taxandshippinginfo{margin:0; padding:0; font-size:11px; font-weight:normal; color:#999}
#productinfoprice .taxandshippinginfo a{margin:0; padding:0; font-size:11px; font-weight:bold; color:#999; text-decoration:underline; outline:none}
#productinfoprice .shippingtime{margin:0; padding:0; font-size:11px; font-weight:normal; color:#999}
#productinfoprice .stockimage{margin:0; padding:0}
#productinfoprice .stockimagetext{margin:0; padding:0; font-size:11px; font-weight:normal; color:#999}
p.productinfoproductadded{font-size:11px}
.productoptions{background-color:#f8f8f8; padding:6px; border:solid #ccc; border-width:1px 0px 0px 0px}
.addtobasket{padding:6px; text-align:right}

body.popupproductinfo{padding:15px; background:#fff none}

body.popupprintorder{font-family:Arial,Sans-serif; font-size:13px; padding:15px; background:#fff none}
body.popupprintorder .products tr.header td{font-weight:bold; background-color:#EDEDED}
body.popupprintorder .products .total{text-align:right}
body.popupprintorder .products .quantity{vertical-align:top}
body.popupprintorder .productname{vertical-align:top}
body.popupprintorder .model{vertical-align:top}
body.popupprintorder .singleprice{vertical-align:top}
body.popupprintorder .totalprice{vertical-align:top}

div.highlightbox{padding:15px; background-color:#fff; border:solid #d9d9d9 1px; overflow:auto}
div.highlightbox ul{margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px}
div.highlightbox h1{color:#202020; padding:0px 0px 10px 0px; margin:0; border:none; font-size:28px}
div.highlightbox div.hr{height:1px; line-height:1px; margin:0; padding:0; display:block; border-bottom:solid 1px #eee}

table.paymentblock{background-color:#f8f8f8; border:#eee solid; border-width:0px 1px 1px 1px; margin-bottom:15px}
table.paymentblock tr td.header{background-color:#ccc; padding:2px; padding-left:5px; color:#fff; font-weight:bold}

table.shippingblock{background-color:#f8f8f8; border:#eee solid; border-width:0px 1px 1px 1px; margin-bottom:15px}
table.shippingblock tr td.header{background-color:#ccc; padding:2px 2px 2px 5px; color:#fff; font-weight:bold}
table.shippingblock tr td{vertical-align:top}
table.shippingblock tr td.description{width:100%; vertical-align:top; padding-left:6px}
table.shippingblock tr td.radiobutton{vertical-align:top; white-space:nowrap; padding:4px}
table.shippingblock tr td.radiobutton input{margin:0; padding:0}
table.shippingblock tr td.price{vertical-align:top; white-space:nowrap}

table.accounthistoryinfoorderdetails tr td{vertical-align:top}
table.accounthistoryinfoorderdetails tr.header td{font-weight:bold}

textarea.message_body{width:130px}

table.downloadbox{padding:5px; background-color:#f8f8f8; border:solid #d9d9d9 1px; margin-bottom:8px}
table.downloadbox tr td.icon{padding-right:15px}
table.downloadbox tr td.downloadlink{width:100%}

table.graduatedprice{font-size:11px; text-align:left; margin-top:5px}
table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left}

table.orderdetails{font-size:11px; background-color:#f8f8f8; border:#ccc solid; border-width:0px 1px 1px 1px}
table.orderdetails tr td{padding:4px}
table.orderdetails tr.headerrow td{background-color:#ccc; color:#555; font-weight:bold}
table.orderdetails tr.headerrow td.left{text-align:left}
table.orderdetails tr.headerrow td.center{text-align:center}
table.orderdetails tr.headerrow td.right{text-align:right}

table.orderdetails tr.contentrow1 td{background-color:#f8f8f8; vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity{text-align:center}
table.orderdetails tr.contentrow1 td.quantity input{font-size:11px; padding:2px; border:solid #ccc 1px; width:30px; float:left;}
table.orderdetails tr.contentrow1 td.productname{text-align:left}

table.orderdetails tr.contentrow2 td{background-color:#f8f8f8; vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity{text-align:center}
table.orderdetails tr.contentrow2 td.quantity input{font-size:11px; padding:2px; border:solid #ccc 1px; width:30px; float:left;}
table.orderdetails tr.contentrow2 td.productname{text-align:left}

table.orderdetails tr td.singleprice{text-align:right; white-space:nowrap}

table.orderdetails tr td.totalprice{text-align:right; white-space:nowrap}

table.orderdetails tr td.delete{text-align:center; white-space:nowrap}

table.orderdetails tr td.productname table.productattributes{margin-top:3px}
table.orderdetails tr td.productname table.productattributes tr td{padding:0px}
table.orderdetails tr td.productname table.productattributes tr td.attribute{padding-right:4px}
table.orderdetails tr td.productname table.productattributes tr td.value{width:100%}

table.orderdetails tr td.subtotal{background-color:#f8f8f8; text-align:right; border:#ccc solid; border-width:1px 0px 0px 0px}

div.productnavigator{background-color:#fff; padding:8px; border:#fff 1px solid; width:200px; float:right; margin:-50px 0 0 0; text-align:center}
.go_back a{float:left; font-weight:bold; color:#25305E}
.go_forward a{float:right; font-weight:bold; color:#25305E}

table.reviewlist{background-color:#f8f8f8; border:#ccc solid; border-width:0px 1px 1px 1px}
table.reviewlist tr td{padding:4px; white-space:nowrap}
table.reviewlist tr.header td{background-color:#ccc; color:#fff; font-weight:bold}
table.reviewlist tr.contentrow1 td{background-color:#f8f8f8}
table.reviewlist tr.contentrow2 td{background-color:#f8f8f8}
textarea#review{width:95%}
/* MEDIA LIST */
table.medialist{background-color:#f8f8f8; border:#ccc 1px solid}
table.medialist tr td{padding:6px; white-space:nowrap; vertical-align:top}
table.medialist tr.contentrow1 td{background-color:#f8f8f8}
table.medialist tr.contentrow2 td{background-color:#f8f8f8}
/* SITEMAP */
.sitemapwrap{}
.sitemapwrap .sitemapleft{float:left; width:175px; margin-bottom:15px; margin:5px}
.sitemapwrap .sitemapright{background-color:#f8f8f8; border:#ccc 1px solid; display:table; float:right; width:235px; margin-bottom:15px}
.sitemapheader{padding:3px; background-color:#ccc; color:#fff; font-weight:bold}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover{color:#fff; text-decoration:none; outline:none}
.sitemapcontent{padding:6px}
.sitemapcontent li{list-style-type:none}

p.checkoutcomment textarea{width:95%}

table.checkoutconfirmationorderdetails{padding:0; margin:0px 0px 10px 0px; border:none}
table.checkoutconfirmationorderdetails tr td.productname{width:100%; font-weight:bold}
table.checkoutconfirmationorderdetails tr td.shippingtime{padding:0px 0px 0px 30px; color:#666; font-size:11px; font-weight:normal; white-space:nowrap}
table.checkoutconfirmationorderdetails tr td.productattributes{padding:0px 0px 0px 30px; color:#666; font-size:11px; font-weight:normal}
table.checkoutconfirmationorderdetails tr td.productprice{white-space:nowrap; text-align:right}
table.checkoutconfirmationorderdetailstotal{padding:0; margin:10px 0px 0px 0px; border:none}
table.checkoutconfirmationorderdetailstotal tr td.name{width:100%; text-align:right}
table.checkoutconfirmationorderdetailstotal tr td.value{white-space:nowrap; text-align:right}

p.checkoutagb textarea{width:100%}

ul#checkoutnavigation{margin:0; padding:0; margin-top:15px}
ul#checkoutnavigation li{height:70px; list-style-type:none; float:left; width:215px; margin-right:5px; border:solid 1px; padding:10px}
ul#checkoutnavigation li.active{background-color:#f8f8f8}
ul#checkoutnavigation li.active .number{font-size:20px; font-weight:bold}
ul#checkoutnavigation li.active .title{font-size:14px; font-weight:bold}
ul#checkoutnavigation li.active .description{font-size:11px}
ul#checkoutnavigation li.inactive{color:#999; background-color:#EDEDED; border-color:#999}
ul#checkoutnavigation li.inactive .number{font-size:20px; font-weight:bold}
ul#checkoutnavigation li.inactive .title{font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive .description{font-size:11px}

.errormessage{border:solid #f00 2px; padding:15px; background-color:#FFD6D6; margin-bottom:10px}

.messageStackSuccess{padding:4px; background-color:#6F6}

.cleared{display:block;  clear:both;  float:none;  margin:0;  padding:0;  border:none;  font-size:0;  height:0;  overflow:hidden}
.tip_logo{border:1px solid #b5b5b5; padding:5px 9px 5px 9px; overflow:hidden; margin:5px 0 0 0}
.tip{border:1px solid #b5b5b5; padding:5px 9px 5px 9px; overflow:hidden}
/* FOOTER */
.footer{clear:both; color:#868585; font-size:11px; margin-bottom:0; min-height:175px; padding:0; text-align:left}
.footer ul li{height:25px; list-style:none outside none}
.footer li{height:15px}
.footer a{color:#868585; text-decoration:none; outline:none}
.footer_inner{width:990px; margin:0 auto}

.copyright{margin:0 auto; width:970px; text-align:center; color:#666; font-size:11px; padding:0px 0px 10px 0px}

.parseTime{margin:0 auto; width:970px; text-align:center; color:#666; font-size:11px; padding:0px 0px 10px 0px}

dt{float:left; width:40px}
dt img{border:1px solid #ccc; padding:2px; background:#fff; max-width:90px}
dd{float:right; width:125px}

.productPreviewImage{width:180px; height:180px; display:block; border:0px solid #b5b5b5; padding:0 0 0 0px; overflow:hidden; text-align:center; background:#fff}

td.productPreviewContent{width:400px; text-align:left}

#content ol, #content ul{margin:10px 0 10px 14px}

.popupproductinfo #productinfowrap ol, .popupproductinfo #productinfowrap ul{margin:10px 0 10px 186px}
.popupproductinfo #productinfowrap li{margin:0px 0 0px 186px; list-style:none}

/* SEARCHBOX */
.search_header{line-height:normal}

ol#address_block{margin-left:30px}

td.main_row{border-top:1px solid #ccc}

div.agbframe{width:100%; height:100%; overflow:auto; padding:10px; border:1px solid #666}

div.agbframe ol, div.agbframe ul{margin-left:30px}

#tabbed_product_info ul{margin:0px 0px 0px 0px}

#tabbed_product_info ul li{background-repeat:no-repeat;    overflow-x:visible;   overflow-y:hidden}

#tabbed_product_info #tab_description ul li{background-image:url('img/postbullets.png');  background-repeat:no-repeat;  padding-left:11px;   overflow-x:visible;  overflow-y:hidden}

#tabbed_product_info, #accordion_product_info{margin-top:10px}
#tabbed_product_info .morepics{background-color:transparent; border-width:0px 0px 0px 0px; width:506px}

#accordion_product_info .morepics{background-color:transparent; border-width:0px 0px 0px 0px; width:460px}

.adminbox{width:250px; position:fixed; bottom:0px; left:40px}

.content tab_description ol, .content ul{margin:1em 0 1em 2em;  padding:0}

.content tab_description li{font-size:13px;  color:#141315;  padding:0 0 0 11px}

.content tab_description li ol, .content tab_description li ul{margin:0.5em 0 0.5em 2em;  padding:0}

.content tab_description ol>li{background:none;  padding-left:0;    overflow:visible}

.content tab_description ul>li{background-image:url('images/postbullets.png');  background-repeat:no-repeat;  padding-left:11px;   overflow-x:visible;  overflow-y:hidden}

#productinfowrap{display:table;  width:775px}

.info_bolg_image{float:left;  height:400px;  width:400px; -webkit-box-shadow:0px 0px 5px 1px rgba(20,20,20,0.4); -moz-box-shadow:0px 0px 5px 1px rgba(20,20,20,0.4); box-shadow:0px 0px 5px 1px rgba(20,20,20,0.4)}
.morepics{display:block; float:none; height:auto; margin:0px 0 0 0; width:350x}
.morepics_tab{display:block;  float:left;  height:auto; width:680px; ; margin:0}
.morepics img{-moz-box-shadow:1px 1px 15px #000;  -webkit-box-shadow:1px 1px 5px #000;  box-shadow:1px 1px 5px #000; margin:5px; height:55px; width:55px; float:left; border:#333 1px solid}
.morepics_tab img{-moz-box-shadow:1px 1px 15px #000;  -webkit-box-shadow:1px 1px 15px #000;  box-shadow:1px 1px 15px #000; filter:alpha(opacity=65); opacity:.65; margin:5px; height:100px; width:100px; float:left; border:#333 1px solid}

.info_blog_disc{background:none repeat scroll 0 0 #FFF; min-height:320px; float:right;  margin:0px; width:345px; padding:10px}

.addtobasket{ padding:6px}
.add{ float:left;  margin:2px 5px 0 0}

.add_card{ float:left;  margin:2px 0 0 4px}

.pro_opt{ display:block;  height:50px;  margin:10px 0 15px;  padding:10px 0 0}

#productinfoprice{ padding:5px}

.lens{ margin:-70px 0 0}

.hold_this{ background:#fff;  display:block;  float:left;  height:2px;  width:20px}

.overlay{ position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:9999}

.loginbox{color:#FFF;  font-family:Arial,Helvetica,sans-serif;  font-size:12px;  font-weight:bold;  margin:80px auto;  width:900px}

.login_mail{float:left; width:300px; height:100px}
.login_pass{float:left; width:300px; height:100px}
.loginbox a{color:#FFF}

.footer_box{float:left;  margin:20px 5px 0;  width:237px}
.footer_box_big{float:left;  margin:20px 0px 0;  width:495px}
.social{margin:0px 1px 2px 3px}

.bgimg{position:fixed; left:0px; top:0px; width:100%; opacity:0.8; z-index:-999}
#search{float:right; display:block; float:right;  margin:0; width:265px}
.search_b{margin:0px; float:right; width:75px}
.highlight{color:#B6B6B6; display:block; float:left; font-size:1.5em; margin:1px 0 0 1px; width:990px; background-image:url(image/.png); height: 106px;}
.highlight1{color:#B6B6B6; display:block; float:left; font-size:1.5em; margin:30px 0 0 5px; width:190px}

.hight_small{font-size:12px}

.box{width:100%; position:fixed; top:-205px; height:165px;  left:0; right:0; background:transparent url('images/login_overLay.png') repeat; color:#7F7F7F; border-bottom:2px solid #fff; z-index:9999}
a.boxclose{float:right; width:26px; height:26px; background:transparent url('images/cancel.png') no-repeat bottom left;  margin-top:70px;  margin-right:20px;  cursor:pointer}
a.boxclose:hover{float:right; width:26px; height:26px; background:transparent url('images/cancel.png') no-repeat bottom left;  margin-top:70px;  margin-right:20px;  cursor:pointer}

*html a.boxclose{float:right; width:26px; height:26px; background:transparent url('images/cancel.png') no-repeat bottom left;  margin-top:-100px;  margin-right:20px;  cursor:pointer}
*+html a.boxclose, *+html a.boxclose:hover{float:right; width:26px; height:26px; background:transparent url('images/cancel.png') no-repeat bottom left;  margin-top:-110px;  margin-right:20px;  cursor:pointer}


.box_card_box {background: url("images/empty-shopping-bag.png") no-repeat scroll 0 0 transparent; float: right; height: 100px; margin: 85px 0 0; position: relative; text-align: center;  width: 220px;}

.cart {color: #868585; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-align: right; text-decoration: none;}

.box_card{width:250px; position:fixed; top:-175px; height:165px; background:transparent url('images/login_overLay.png') repeat; color:#7F7F7F; border-bottom:2px solid #00AEEF; z-index:101}

a.boxclose_card{float:right; width:26px; height:26px; background:transparent url('images/cancel.png') no-repeat bottom left;  margin-top:40px;  margin-right:-10px;  cursor:pointer}
a.boxclose_card:hover{background:transparent url('images/cancel.png') no-repeat bottom left}
.price_now{font-size:14px; color:#C00; font-weight:bold; text-decoration:none}
.del{margin:5px}
.copy{font-family:Verdana,Geneva,sans-serif; font-size:10px; color:#fff}
.copy a{text-decoration:none; color:#fff}
.copy a:hover{color:#00AEEF; text-decoration:none}

.loginbox{margin:80px auto; width:900px; font-family:Arial,Helvetica,sans-serif; color:#FFF; font-size:12px; font-weight:bold}
.login_mail{float:left; width:300px; height:100px}
.login_pass{float:left; width:300px; height:100px}
.loginbox a{color:#FFF}
.loginbox a:hover{color:#00AEEF}

.card_ico:link{background-image:url("images/shopping_card.png"); background-repeat:no-repeat; float:right; height:55px; margin:-40px -40px 0; width:49px}


.boxbody .fbConnectWidgetFooter .fbFooterBorder{border:none}

#contentfull ol, #contentfull  ul{  margin:0.5em 0 0.5em 0em; padding:0}
#contentfull ul{list-style-type:none}
#contentfull li{ background-repeat:no-repeat}

#contentfull  ul#checkoutnavigation{  margin:0; padding:0}

#contentfull  ul#checkoutnavigation li{background-image:none}
.bestbuy_logo{display:block; margin:0px 0; width:990px; border-top:1px dashed #ccc; overflow:hidden}
.bestbuy{display:block; height:310px; margin:0px 0; width:990px; border-top:1px dashed #ccc; overflow:hidden}
.boxbest{float:left; width:196px; text-align:center; margin:10px 0 0 0}
.bs{margin:0px}
.bs img{width:170px; height:170px}

.cart{font-family:Arial,Helvetica,sans-serif; color:#868585; text-decoration:none; font-weight:normal; font-size:12px}
div.highlightbox_t{background-color:#FFF;    border:1px solid #D9D9D9;    float:left;    margin:3px;    overflow:auto;    padding:15px;    width:46%; min-height:285px}
div.highlightbox_b{background-color:#FFF;    border:1px solid #D9D9D9;    float:left;    margin:3px;    overflow:auto;    padding:15px;    width:46%; min-height:140px}

div.highlightbox_ls,
div.highlightbox_ms,
div.highlightbox_rs{background-color:#FFF; border:1px solid #D9D9D9; float:left; margin:2px; overflow:auto; padding:15px; width:29%; min-height:231px}
.hold_bottom{position:relative; bottom:0px}
.high_inner{}

#footer1{background-color:#FFF; clear:both; font-size:11px; margin-bottom:10px; width:990px}
#footer2{background-color: #4d4d4d; border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; clear: both; font-size: 11px; height: 35px; margin-top: 0; padding-bottom: 0; padding-top: 8px; background-image: url(image/bg_kat1.png)}

.footer_card{background-color:#FFF; clear:both; font-size:11px; margin-bottom:10px; width:990px}

.go{margin:3px 2px 3px 4px; float:right}
* html .go{display:none}
*+html .go{display:none}
.goNews{float:left; margin:3px 0 0 0; font-size:14px; font-weight:bold; color:#ccc}
.footer_column2_1{border-right:1px dotted #CCC; float:left; height:22px; margin-right:10px; padding-bottom:0; width:300px}
.footer_column2_2{border-right:1px dotted #CCC; float:left; height:22px; margin-right:10px; padding-bottom:0; width:475px}
.footer_column2_3{float:right; height:22px; list-style:none outside none; margin-right:0; width:175px}
.footerflow{margin:0px 5px 0; font-size:10px}
#contentfull #footer2 .footer_column2_3 img{margin:0px}

.productboximage_ls{ display:block;     float:left;     height:185px;     margin:0 10px 0 0;     width:185px}

.collum_left{}

.collum_right{float:right; width:310px; margin:0 0 0 25px}

.slidNavi{background:transparent url('images/transpa.png');  height:251px; margin:81px 0 0 35px; position:absolute; width:220px; z-index:99; -webkit-box-shadow:0px 0px 5px 3px rgba(20,20,20,0.5); -moz-box-shadow:0px 0px 5px 3px rgba(20,20,20,0.5); box-shadow:0px 0px 5px 3px rgba(20,20,20,0.5)}

* html .slidNavi{display:none}
*+html .slidNavi{margin:45px 0px 0px -700px; float:right; border:1px solid #202020}

.slideshow{width:750px; height:350px;  margin:-4px -10px; float:left}

#contentfull ul#offer{margin:0; padding:0}

#contentfull ul#offer li{background-image:none; border-bottom:1px dashed #CCC; display:block; font-size:14px; font-weight:bold; height:25px; padding:10px 0 0 15px}
.start_screen{width:990px; border:1px solid #F00}
.start_right{float:right;  margin:0 -5px 0 0;  right:0;  width:230px}

#popCart{position:fixed; width:400px; height:370px; left:50%; top:50%; margin-left:-200px; margin-top:-185px; background:#fff; border:1px solid #000; color:#000; z-index:100000; display:none; padding:10px 3px 0px 0px; -webkit-box-shadow:0px 0px 5px 5px rgba(20,20,20,0.6); -moz-box-shadow:0px 0px 5px 5px rgba(20,20,20,0.6); box-shadow:0px 0px 5px 5px rgba(20,20,20,0.6); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px}
.popup_header{color:#202020; font-size:14px; font-weight:bold; height:45px; margin:0; padding:9px 0 0 0; text-align:center}
.popup_image{font-size:0.9em; text-align:center; color:#000; margin:10px auto; padding:5px}
.cart_contents{font-size:0.9em; text-align:center; color:#000; height:42px}
#pop_buttons_box{font-size:1.0em; text-align:center; width:400px; height:28px; vertical-align:bottom; margin:10px auto 0 auto}
.close_button{float:left; width:160px; border:1px solid #000; background-color:#000; color:#fff; margin:0 5px}
.cart_button{float:right; width:160px; border:1px solid #000;  background-color:#000; color:#fff; margin:0 2px}

#divNav{margin:2px 0 0 0; padding:0; height:30px; width:100%; border-top: 0px solid #CCC; border-bottom: 0px solid #CCC; float:right;
}
.divNav_inner { width:990px; margin:0 auto;}
#nav{ margin:0px; float:right;}
#nav li ul, #nav li ul{margin:0; padding:0}
#nav a{text-decoration:none}
#nav li{margin:0; float:left; display:block}
#nav li:hover{margin:0; float:left; display:block; background:#b52334}
#nav li ul{display:none}
#nav li.off ul, #nav li.on ul{position:absolute; top:25px; left:0; padding-top:10px; background:#d6d6d6; height:30px; width:990px; padding-left:10px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px}
#nav li.on ul{background:#f90}
#nav li.on:hover ul, #nav li.over ul{background:#b52334}
#nav li a{color:#fff; font-weight:bold; display:block; padding:3px 8px}
#nav li.on a{color:#fff; font-weight:bolder; background:#F90}
#nav li.on ul a, #nav li.off ul a{border:0; float:left; color:#f90; width:auto; margin-right:15px}
#nav li.on:hover ul a, #nav li.over ul li a{}
#nav li.on ul{display:none}
#nav li.off:hover ul, #nav li.over ul{display:block; z-index:6000}
#nav li.off a:hover, #nav li.on a:hover{color:#fff}
#nav li span{position:relative; padding:2px 4px 0px 4px; display:block; text-align:center}

#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a{display:block; position:relative; height:26px}
#liRenaissance a{background-position:0 0}
#liArtNouveau a{background-position:-102px 0}
#liModern a{background-position:-204px 0}
#liPostModern a{background-position:-306px 0}
#liDigital a{background-position:-408px 0}
#liModern.on a{background-position:-204px -37px}
#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a{background-position:0 -73px}
#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a{background-position:-102px -73px}
#liModern a:hover, #liModern:hover a, #liModern.over a{background-position:-204px -73px}
#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a{background-position:-306px -73px}
#liDigital a:hover, #liDigital:hover a, #liDigital.over a{background-position:-408px -73px}

#nav li.off ul a, #nav li.on ul a{display:block; color:#fff; font-family:arial,verdana,sans-serif; font-size:small}
#nav li.on ul a{background:#f90}

.teaser_top_right{float:left; width:280px; height:360px; border:1px solid #b4b4b4; margin:0px; overflow:hidden}
.teaser_left{float:left; width:989px; height:200px;  margin:0 0 5px 0px; overflow:hidden; border:1px solid #b4b4b4}
.teaser_midd{float:left; width:490px; height:200px;  margin:5px 0 5px 0px; overflow:hidden; border:1px solid #b4b4b4}
.teaser_right{float:left; width:490px; height:200px; margin:5px 0 5px 5px; overflow:hidden; border:1px solid #b4b4b4}

.teaser_top_right_menu{float:left; height:360px; border:1px solid #b4b4b4; margin:0; background:#eee; width: 200px; }

.slider_box{width:701px; height:360px; overflow:hidden; margin:0px auto 5px; float: right; border:1px solid #b4b4b4}

#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0; padding:0; list-style:none}
#slider2{margin-top:1em}
#slider li, #slider2 li{width:701px; height:360px; overflow:hidden}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{display:block; width:30px; height:77px; position:absolute; left:-30px; top:250px; z-index:1000}
#nextBtn, #slider1next{left:696px}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{display:block; position:relative; width:30px; height:77px; background:url('images/btn_prev.gif') no-repeat 0 0}
#nextBtn a, #slider1next a{background:url('images/btn_next.gif') no-repeat 0 0}

ol#controls{margin:-40px 0px 0px 10px; padding:0; height:28px}
ol#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px}
ol#controls li a{float:left; height:28px; line-height:28px; border:1px solid #ccc; color:#555; padding:0 10px; text-decoration:none}
ol#controls li.current a{background:#5b5b5b; color:#fff}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none}
.MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important}
.MagicZoomBigImageCont{border:0px solid #999}
.MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important}
.MagicZoomPup{border:1px solid #aaa; background:#fff; cursor:move}
.MagicZoomLoading{border:1px solid #ccc; background:#fff url(graphics/loader.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444}
.MagicZoomPlus{cursor:url(graphics/zoomin.cur),pointer; outline:0 !important}
.MagicZoomPlus img{border:0 !important; padding:0 !important; margin:0 !important}
.MagicZoomPlus span{display:none !important}
.MagicHotspots{display:none; visibility:hidden}
.MagicHotspots a{border:0px solid #ccc}
.MagicHotspots a:hover{border:1px solid red}
.MagicThumb, .MagicThumb:hover{cursor:url(graphics/zoomin.cur),pointer; outline:0 !important}
.MagicThumb-expanded-thumbnail{cursor:default}
.MagicThumb span{display:none !important}
.MagicThumb img{border:0; outline:0}
.MagicThumb-expanded{cursor:url(graphics/zoomout.cur),pointer; background:transparent; border:1px solid #ccc; outline:0; padding:0}
.MagicThumb-caption{color:#333; font:normal 10pt Verdana,Helvetica; background:#ccc; text-align:left; padding:8px; border:0 !important; outline:0 !important}
.MagicThumb-buttons{background:transparent url(graphics/buttons1.png) no-repeat 0 0; height:24px; display:block}
.MagicThumb-buttons a{width:24px; height:24px; margin:0px 1px !important; overflow:hidden}
.MagicThumb-loader{font:normal 12pt sans-serif; border:1px solid #000; background:#fff url(graphics/loader.gif) no-repeat 2px 50%; padding:2px 2px 2px 22px; margin:0; text-decoration:none; text-align:left}
.MagicThumb-swap{}
.MagicThumb-external-caption{display:none}
div#products_treadmill{width:990px; text-align:center; margin:0 0 0 -10px}
div#products_treadmill ul{width:990px; text-align:center}
div#products_treadmill ul li{width:126px; display:block; float:left; text-align:center; padding-bottom:0px; list-style:none}
div#products_treadmill img{display:block; margin:8px; width:116px; height:67px}
#socialshareprivacy{border-bottom:1px dashed #b5b5b5; border-top:1px dashed #b5b5b5; margin:8px 0; padding:5px 0}
.first_on {color: #F1F1F1; float: left; margin: 0 0 0 0px; position: absolute; top: -80px;}



.ac-container{
        margin: 10px auto 30px auto;
        text-align: left;
}
.ac-container label{
        font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
        padding: 5px 20px;
        position: relative;
        z-index: 20;
        display: block;
        height: 30px;
        cursor: pointer;
        color: #777;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        line-height: 33px;
        font-size: 19px;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
        background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
        box-shadow:
                0px 0px 0px 1px rgba(155,155,155,0.3),
                1px 0px 0px 0px rgba(255,255,255,0.9) inset,
                0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
        background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
        font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
        padding: 5px 20px;
        position: relative;
        z-index: 20;
        display: block;
        height: 30px;
        cursor: pointer;
        color: #777;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        line-height: 33px;
        font-size: 19px;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
        background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
        box-shadow:
                0px 0px 0px 1px rgba(155,155,155,0.3),
                1px 0px 0px 0px rgba(255,255,255,0.9) inset,
                0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 13px;
        top: 7px;
        background: transparent url(../images/arrow_down.png) no-repeat center center; 
}
.ac-container input:checked + label:hover:after{
        background-image: url(../images/arrow_up.png);
}
.ac-container input{
        display: none;
}
.ac-container article{
        background: rgba(255, 255, 255, 0.5);
        margin-top: -1px;
        overflow: hidden;
        height: 0px;
        position: relative;
        z-index: 10;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
        font-style: italic;
        color: #777;
        line-height: 23px;
        font-size: 14px;
        padding: 20px;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
        -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
        height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
        height: 180px;
}
.ac-container input:checked ~ article.ac-large{
        height: 230px;
}

.menu_pitch{text-decoration:none; outline:none; color:#000; background:#eee; font-weight:bold; padding:15px 0px 15px 10px; display:block; margin:5px;
font-size:13px; width:238px; float:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 2px 2px 5px 2px rgba(20, 20, 20, 0.3);
-moz-box-shadow: inset 2px 2px 5px 2px rgba(20, 20, 20, 0.3);
box-shadow: inset 2px 2px 5px 2px rgba(20, 20, 20, 0.3);
/* Verlauf #######################################################*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}



/*############################################### CATEGORY MENU ##############################################*/
/*########                                                                                           #########*/
/*########                                     From Dust still dawn                                  #########*/
/*########                                                                                           #########*/
/*############################################### CATEGORY MENU ##############################################*/
ul#categorymenu{ cursor:pointer;  font-family:Arial,Sans-serif;  font-size:9pt;  list-style:none;  position:relative}
ul#categorymenu ul{ display:none;  left:0;  margin:0;  padding:0;  position:absolute;  left:100%;  top:-0%;  width:160px}
ul#categorymenu li:hover ul{ display:block;  z-index:100}

/* Hauptkategorien */
ul#categorymenu li.level1{ background-position:250px 0; color:#202020; font-weight:bold; line-height:20px; margin:0px; position:relative; width:195; border-bottom:1px solid #CCC}
ul#categorymenu li:hover{background-image:url('images/vmenuitem.png'); background-position:250px -65px; color:#000}
ul#categorymenu li.level1 a:hover{ color:#fff; background:#C00;}
ul#categorymenu li.level1 a{ height:25px; padding: 5px 0px 5px 8px; display:block; text-decoration:none; color: #000000 }
ul#categorymenu li.level1 a.Current{ height:25px; padding: 5px 0px 5px 8px; display:block; color:#fff; background:#C00}
ul#categorymenu li.level1 a.Current:hover{color:#fff}
ul#categorymenu li.level1 a.CurrentParent{color: #C00}
ul#categorymenu li.level1 a.CurrentParent:hover{ color:#999}

/* Unterkategorien */
ul#categorymenu ul li.level2{ background-color:#EDEDED;  border-bottom:1px solid #CCC;  margin:0px; color:#000;  display:block;  width:200px;  font-weight:normal;  line-height:20px}
ul#categorymenu li ul li:hover{ background-color:#EDEDED;  color:#202020}
ul#tocategorymenupmenu li ul li:hover a{ color:#fff}
ul#categorymenu li ul li.level2 a{ height:25px; padding: 5px 0px 5px 8px; display:block; font-weight:bold; text-decoration:none; }
ul#tocategorymenupmenu li ul li:hover a{ color:#000}
ul#categorymenu li ul li.level2:hover a:hover{ color:#fff}
ul#categorymenu ul li.level2 ul { display:none;}
ul#categorymenu ul li.level2:hover ul{ display:block;}
/* Unterkategorien */
ul#categorymenu ul li.level3{ background-color:#EDEDED;  border-bottom:1px solid #CCC;  margin:0px; color:#000;  display:block;  width:200px;  font-weight:normal;  line-height:20px;  margin-left:40px}
ul#categorymenu li ul li:hover{ background-color:#EDEDED;  color:#202020}
ul#tocategorymenupmenu li ul li:hover a{ color:#000}
ul#categorymenu li ul li.level3:hover a:hover{ color:#202020}
em { float:right; margin: 0 10px 0 0}




.more_kats {  text-decoration:none; outline:none; color:#000; background:#eee; font-weight:bold; padding:15px 0px 15px 10px; display:block; margin:5px;
font-size:13px; width:238px; float:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 2px 2px 5px 2px rgba(20, 20, 20, 0.3);
-moz-box-shadow: inset 2px 2px 5px 2px rgba(20, 20, 20, 0.3);
box-shadow: inset 2px 2px 5px 2px rgba(20, 20, 20, 0.3);
/* Verlauf #######################################################*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
#splach{ background:url(images/vor_ort2.png); height: 258px; position: fixed; top: 110px; width: 198px; left:5px; z-index:9999; visibility:hidden}




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:8px}
.sf-menu ul{position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{left:0; top:100%; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{left:10em; /* match ul width */top:0}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:0}

/*** DEMO SKIN ***/
.sf-menu{float:left}
.sf-menu li a{padding:0.9em 1em; text-decoration:none; font-weight:bold; border-right:1px solid #fff;}

.sf-menu li ul li a{padding:.75em 1em; text-decoration:none; font-weight:normal; background:#f6f6f6; border-bottom:1px dotted #ccc;}
.sf-menu li a, .sf-menu li a:visited{/* visited pseudo selector so IE6 applies text colour*/color: #666}
.sf-menu li{/*background:url("img/bg_topmenu.gif") repeat-x scroll 0 0 #333; */}
.sf-menu li li{background:#3E3D41}

.sf-menu li a:hover, .sf-menu li ul li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{background: #3d3d3d; /* Old browsers */


.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li a:focus, .sf-menu li li a:hover, .sf-menu li a:active{outline:0; color:#202020; background:#f6f6f6;}

/*** arrows **/
.sf-menu a.sf-with-ul{min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{position:absolute; display:none; right:.75em; top:1.05em; /* IE6 only */width:10px; height:10px; text-indent:-999em; overflow:hidden}
li li .sf-sub-indicator{position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url("img/arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a >.sf-sub-indicator{ /* give all except IE6 the correct values */top:.8em; background-position:0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus >.sf-sub-indicator,
a:hover >.sf-sub-indicator,
a:active >.sf-sub-indicator,
li:hover >a >.sf-sub-indicator,
li.sfHover >a >.sf-sub-indicator{background-position:-10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{background-position: -10px 0}
.sf-menu ul a >.sf-sub-indicator{background-position: 0 0}
/* apply hovers to modern browsers */
.sf-menu ul a:focus >.sf-sub-indicator,
.sf-menu ul a:hover >.sf-sub-indicator,
.sf-menu ul a:active >.sf-sub-indicator,
.sf-menu ul li:hover >a >.sf-sub-indicator,
.sf-menu ul li.sfHover >a >.sf-sub-indicator{background-position:-10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul{background:url("img/shadow.png") no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px}
.sf-shadow ul.sf-shadow-off{background:transparent}

[Spegeli]

Gibts keine Anleitung wo man sich einfach die css änderungen rauskopieren kann? hab net wirklich lust die jetzt abzuschreiben -_-

[RicoBerlin]

Alles mit der Maus markieren und dann Strg+C und dann das löschen was Du nicht brauchst

Gute Nacht...