/* OXID tobistyle v6 */




/* meyerweb.com reset v1.0 | 20080212
--------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin          : 0;
padding         : 0;
border          : 0;
outline         : 0;
font-size       : 100%;
vertical-align  : baseline;
background      : transparent;
}

body
{
line-height     : 1;
background      : #333 url(bg/body.png) repeat fixed left top;
padding-top     : 16px;
padding-bottom  : 32px;

}

ol, ul
{
list-style      : none;
}

blockquote, q
{
quotes          : none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
content         : '';
content         : none;
}

/* remember to define focus styles! */
:focus
{
outline         : 0;
}

/* remember to highlight inserts somehow! */
ins
{
text-decoration : none;
}

del
{
text-decoration : line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
border-collapse : collapse;
border-spacing  : 0;
}




/* base
--------------------------------------------- */
h1
{
font-size       : 20px;
}

h2
{
font-size       : 16px;
}

h3
{
font-size       : 14px;
}

h1, h2, h3, h4
{
margin          : 1em 0;
}

h1, h2, h3, h4, h5, h6, strong
{
font-weight     : bold;
}

abbr, acronym
{
border-bottom   : 1px dotted #000;
cursor          : help;
}

em
{
font-style      : italic;
}

i
{
font-style      : normal;
color           : #f80;
}

blockquote, ul, ol, dl
{
margin          : 1em;
}

ol, ul, dl
{
margin-left     : 2em;
}

ol li
{
list-style      : decimal outside;
}

ul li
{
list-style      : disc outside;
}

dl dd
{
margin-left     : 1em;
}

th, td
{
/*border          : 1px solid #000;*/
padding         : .5em;
vertical-align  : top;
}

th
{
font-weight     : bold;
text-align      : center;
}

caption
{
margin-bottom   : .5em;
text-align      : center;
}

p, fieldset, table
{
margin-bottom   : 1em;
}

body, table, input, select, textarea, tt
{
font            : 12px Arial, Helvetica, sans-serif;
line-height     : 1.5em;
color           : #444;
}

.h1, .h2, .h3, #body .boxhead,
.head2,
#cattree ul.tree li a.root,
#product_details_head h1,
#longdesc_title,
#catTitle,
#body strong.useroptboxhead
{
display         : block;
padding         : 5px 5px 5px 1px;
margin          : 0 0 10px 0;
border-bottom   : 3px solid #bbb;
background      : #fff;
color           : #555;
font-weight     : bold;
clear           : both;
}

.h1 {font-size: 13px; padding: 5px 5px 10px 1px;}

.h2, .head2, #body .boxhead
{
font-size       : 18px;
}

.h3 {font-size: 12px;}

.head2 {margin-top: 30px;}

.h2_startseite {margin-top: 0; padding-top: 0;}


img
{
border          : none;
padding         : 0;
margin          : 0;

}



hr, hr.line
{
clear           : both;
height          : 1px;
margin          : 4px 0;
border          : 0;
text-align      : center;
color           : #e8e8e8;
background-color: #e8e8e8;
}

/* Typography */
a
{
text-decoration : none;
color           : #04c;
background-color: transparent;
}

a:hover
{
text-decoration : underline;
}

a.tdn
{
text-decoration : none;
}

.no_highlight_link, .no_highlight_link:hover
{
padding         : 0;
background      : transparent;
}

p a
{
padding         : 0;
}

p a:hover
{
text-decoration : underline;
}


/* Forms */
form {margin-top: 0px; margin-bottom: 0px;}
input, select, textarea
{
padding         : 5px 3px;
border          : 1px solid #bbb;
background      : #fff;
line-height     : 100%;
}

select
{
padding         : 2px;
}

input:hover, select:hover, textarea:hover
{
background      : #eee;
}

input.chk, input.chk:hover
{
padding         : 0;
border          : 0;
background      : transparent;
}


/* span.btn {background: transparent url(bg/buttons_01.gif) right -150px no-repeat; padding: 0; height: 20px; line-height: 20px; display: -moz-inline-stack; display: inline-block; margin: 0; outline: 0;} */
span.btn { height: 20px; padding: 0; line-height: 20px; display: -moz-inline-stack; display: inline-block; margin: 0; outline: 0;}

span.btn input, span.btn a {border: none; height: 20px; line-height: 10px; outline: 0; position: relative; display: block; padding: 2px 7px 4px 7px; margin: 0; color: #fff; font-weight: bold;font-size : 11px;
 cursor: pointer; background: #fff url(bg/buttons_02.png) no-repeat left -150px;}

span.btn input:hover {background-position: left -175px; color: #fff;}

span.btn a {padding: 2px 7px 4px 7px; position: relative;}


input.btn.hl {border-color: #f80; color: #f80;}
input.chbox {vertical-align: middle; margin-top: 0px;}
input.chk {margin: 1px 5px 1px 0px; padding: 0 !important;}

textarea.fullsize {width: 100%;}
input.openid {background: #fff url(bg/openid-icon-small.gif) no-repeat 0 50%; border:1px solid activeCaption; padding:2px 1px 2px 18px;}

/* Tables .....*/
table
{
border-collapse : collapse;
}


thead
{}

thead th
{
text-align      : left
}

tbody
{}

tr
{

}

.longdesc tr:hover
{
background      : #eee;
}

.longdesc th, .longdesc td
{
text-align      : left;
border          : 1px solid #ddd;
padding         : 3px 10px;
}







tr.sep td, tr.sep th {background: url(bg/linedot.gif) repeat-x bottom;}
table.min_width {width: auto}
tr.row_sep td hr {display: none;}
tr.row_sep td div {background: url(bg/linedot.gif) repeat-x; background-position: left center; margin: 0; height: 15px;}



/* Navigation  - menues */
ul.menue      {padding:0; margin:0; list-style:none;}
ul.menue li   {margin:0; white-space:nowrap;position: relative;}
ul.menue li a {line-height: 100%;}
ul.menue.horizontal  li {float:left;}
ul.menue.vertical    li {float:none;height: 100%;}

.dropdown { visibility: hidden; display:block; position:absolute; left:0;top:100%;padding:0;margin:0;z-index:1000;}
.open .dropdown { visibility: visible; }

/* Navigation - tree */
ul.tree {padding:0;margin:0;}
ul.tree ul {padding:0;margin:0 0 0 15px;}
ul.tree li {padding:0;margin:0;list-style: none;}
ul.tree li a{line-height: 100%;}




/* Layout
---------------------------------------- */
#outer_wrapper
{
width           : 1150px;
margin          : 0 auto;
position        : relative;
/*background-color: purple;*/
}


#page
{
float           : left;
position        : relative;
border          : 12px solid #fff;
width           : 960px;
background      : #fff url(bg/header.jpg) no-repeat center 90px;
/*background-color: black;*/
}

#header
{
height          : 300px;

/*background-color: magenta;*/

}


#body
{
float           : right;
width           : 720px;
margin          : 0 0 50px 0;
padding         : 0 0;
/*background-color: cyan;*/
}

#body.checkout
{
float           : none;
width           : 950px;
margin          : 0 auto 50px auto;
/*background-color: #eff;*/
}

#side
{
float           : left;
width           : 220px;
margin          : 0 0 50px 0;
padding         : 0;
background      : transparent;
/*background-color: orange;*/
}


#tobi_head
{
position        : absolute;
top             : 0;
left            : 0;
/*background-color: blue;*/

}

#kontakt_info_bar
{
height          : 85px;
/*background-color: red;*/
}

#top_cat_navigation
{
width           : 950px;
height          : 61px;
padding-top     : 7px;
padding-left    : 10px;
background      : #6f6f6f url(bg/menu.jpg) no-repeat left top;
}

#path
{
/*background-color: cyan;*/
}



#footer
{
float           : left;
width           : 940px;
padding         : 0 10px 0 10px;
border-top      : 1px dotted #aaa;
/*background-color: yellow;*/
}





#right_ads
{
float           : left;
width           : 150px;
margin          : 0 auto auto 12px;
}

#right_ads p
{
border          : 5px solid #fff;
margin          : 0;
padding         : 0 0 6px 0;
background      : #fff;
}

#right_ads a
{
background      : transparent;
}


/* / Main-Layout */




/* kontakt_info_bar
-------------------------------------- */
#kontakt_info_bar
{

}

#info_bar
{
border-bottom   : 1px dotted #aaa;
height          : 60px;
/*background        : #fee;*/
}

#info_service
{
float           : left;
margin          : 0 30px 0 0;
font-size       : 11px;
}

#info_versand
{
float           : left;
margin          : 0;
font-size       : 11px;
/*background        : red;*/
}

#info_zahlung
{
float           : right;
font-size       : 11px;

}


.info_bar_tooltip_trigger
{
}

.info_bar_tooltip
{
z-index         : 999;
display         : none;
background      : transparent url(bg/tooltip_arrow_top.png) repeat-x left top;
padding         : 13px 0 0 0;
}

.info_bar_tooltip .inner
{
padding         : 20px 20px 25px 20px;
border          : 2px solid #666;
border-top-width: 0px;
background      : #fff;
}



#kontakt_info_bar span, #kontakt_info_bar a
{
/*display           : inline-block;*/
/*line-height     : 2em;
*/}

#kontakt_info_bar a
{
/*background-color  : #ddf;*/
}

#kontakt_info_bar span
{
/*background-color  : #fdd;*/
}




#kontakt_bar
{
clear           : both;
float           : right;
text-align      : right;
/*background:#efe;*/

}

#kontakt_bar a
{
font-size       : 11px;
/*background-color  : #ddf;*/
}


.tm_label_1
{
margin          : 0;
padding         : 2px 5px;
color           : #555;
font-size       : 10px;
}

.tm_label_2
{
margin          : 0;
padding         : 2px 5px;
}

.tm_label_3
{
margin          : 0;
padding         : 2px 5px;
}


.pipe_separator
{
color           : #ccc;
}

.fon_fax_nummer
{
font-size       : 13px;
letter-spacing  : -1px;
}


#header_homebutton_1
{
display         : block;
width           : 600px;
height          : 100px;
text-decoration : none;
/*background-color: orange;*/
}

#header_homebutton_1 span, #header_homebutton_2 span
{
visibility      : hidden;
}

#header_homebutton_2
{
display         : block;
width           : 150px;
height          : 35px;
text-decoration : none;
/*background-color: orange;*/
}




/* top navigation
----------------------------------------------------------------------------- */

/* kategorie menue
-------------------------------------- */
#cattree
{
clear           : both;
padding         : 0 5px 0px 5px;
background      : #fff;
/*background        : #fff2b0;*/
}

#cattree .h3
{
background      : transparent;
margin          : 0 5px 5px 5px;
padding-top     : 8px;
}


ul.tree
{
padding         : 1px 0;
margin          : 0;
list-style      : none;
}

ul.tree li
{
list-style      : none;
}

ul.tree li a
{
display         : block;
/*width         : 200px;  IE SCHEISSE*/
color           : #333;
padding         : 5px 5px 5px 25px;
text-decoration : none;
border-bottom   : 1px dotted #bbb;
}

ul.tree li ul
{
margin          : 0;
padding         : 0;
}

ul.tree li ul li a
{ /* 2. Level */
/*width         : 200px;  IE SCHEISSE */
background-image: none;
padding         : 5px 0 5px 5px;
}

ul.tree li ul li ul li a
{/* 3. Level */
padding         : 5px 0 5px 25px;
/*width         : 180px;  IE SCHEISSE */
/*background        : #ffe770 url(bg/tree_icon_symbol1.png) no-repeat 12px 5px;*/
background      : transparent url(bg/tree_icon_symbol1.png) no-repeat 12px 5px;
}

ul.tree li a.has
{

}

ul.tree li a.exp
{
color           : #333;
padding-right   : 0;
}

ul.tree li a.act
{
background-color: #f8f8f8;
color           : #333;
border-left     : 5px solid #888;
letter-spacing  : -1px;
}

#cattree ul.tree li a.root
{
/* -> div.h3 */
background      : transparent;
/*width         : 200px;*/
margin-top      : 5px;
font-size       : 14px;
border-left     : 0px;
}


ul.tree li ul a
{
color           : #333;
}

ul.tree li.actl ul a:hover
{
background-color: #eee;
color           : #333;
}

ul.tree li a.exp.act {}

ul.tree li a:hover
{
background-color: #eee;
color           : #333;
}

ul.tree li a.act:hover {}



/* Hersteller-Labels */

i.mbu {font-style: normal; font-size: 10px; letter-spacing: -1px; color: #00f;} /* BUDERUS */
i.mvi {font-style: normal; font-size: 10px; letter-spacing: -1px; color: #f00;} /* VIESSMANN */
i.mwo {font-style: normal; font-size: 10px; letter-spacing: -1px; color: #777;} /* WOLF */
b.mwo2 {font-weight: normal; color: #f00;} /* O in WOLF */
i.mju {font-style: normal; font-size: 10px; letter-spacing: -1px; color: #e80;} /* JUNKERS */
i.mat {font-style: normal; font-size: 10px; letter-spacing: -1px; color: #00a;} /* ATMOS */

i.mfo {font-style: normal; font-size: 10px; letter-spacing: -1px; color: #080;} /* FORSTER */
i.mku {font-style: normal; font-size: 10px; letter-spacing: -1px; color: #a00;} /* K�NZEL */
i.mnm {font-style: normal; font-size: 10px; letter-spacing: -1px; color: #f00;} /* NMT */













/* footer
--------------------------------------------- */
#footer a
{
font-size       : 11px;
text-decoration: none;
}

#footer a:hover {text-decoration: underline;}

div.bar.copy, div.bar.shop, #footer_icons
{
color           : #555;
}

#delivery_link
{
float           : right;
margin          : 10px 0 20px 10px;
line-height     : 1.6em;
}

#footer_links
{
float           : left;
width           : 600px;
margin          : 10px 10px 20px 0;
line-height     : 1.6em;

}

#footer .footertext
{
text-align      : center;
line-height     : 1.6em;
font-size       : 10px;
padding         : 5px 0;
clear           : both;
color           : #000;
margin-bottom       : 20px;
}

div.bar.shop {text-align: center;}

#footer_icons a, #footer_icons a:hover
{
margin          : 5px;
padding         : 0;
background      : transparent;
}



/* top_basket
-------------------------------------- */

#top_basket_wrapper
{
position        : absolute;
right           : 8px;
top             : 100px;
padding         : 0px;
/*background:red;*/
}

#top_basket
{
display         : block;
width           : 225px;
height          : 65px;
padding         : 3px 0 0 60px;
background      : transparent url(bg/minibasket.png) no-repeat;
/*border            : 1px solid red;*/
}

#top_basket td, #top_basket th
{
font-weight     : normal;
font-size       : 11px;
line-height     : 1em;
text-align      : left;
padding         : 2px 10px 0 0;
color           : #fff;

/*border          : 1px solid red;*/

}


#top_basket_mini
{
display         : none;
width           : 400px;
z-index         : 999;
}

#top_basket_mini a
{
display         : block;
}

#top_basket_mini td
{
padding         : 5px;
vertical-align  : top;
}

#top_basket_mini img
{
width           : 30px;
height          : 30px;
}









/* Content
-------------------------------------- */


/* Blank pages, popups */
#body.plain {margin: 0; padding: 0; width: auto;}

#path
{
margin          : 0 0 10px 0;
padding         : 0;
height          : 20px;
/*border-bottom     : 1px dotted #aaa;*/
}

#path, #path a {color: #888; }
#path a:hover {color: #333; }

#path .home_link
{
float           : left;
margin          : 0 5px 0 0;
height          : 12px;
width           : 14px;
padding         : 2px;
background      : transparent url(bg/home.png) no-repeat center center;
}

#path .home_link:hover
{
background-color    : #eee;
}

#path .home_link span
{
display         : none;
}

#path div
{
float           : left;
margin-top      : 2px;
}

#path .path_separator
{
font-size       : 11px;
}


/* NEWS
------------------------------------------------ */

#news_bereich
{
float           : right;
width           : 450px;
height          : 155px;
margin          : 0 20px 20px 0;
padding-right   : 5px;
overflow        : auto;
/*background:red;*/
}


.start_news_header
{
margin          : 0px 0px 15px 0px;
border-bottom   : 1px dotted #aaa;

}

.news_product_combi
{
border          : 1px solid red;
width           : 700px;
}

#news_bereich h2
{
float           : left;
margin          : 0;
padding         : 0;
width           : 380px;
font-size       : 11px;
}

#news_bereich h2 a
{
display         : block;
}

.news_date
{
float           : right;
}


.news_link
{
text-align      : right;
margin-bottom   : 0;
}


#top_angebot {width: 743px; height: 181px; }
#top_angebot a {display: none; border: 0; padding: 0; background: transparent; }

#news_product
{
float           : left;
}


/* buttons
-------------------------------------- */
div.button, span.button, a.button, input.button
{
display         : block;
padding         : 1px 10px 5px;
line-height     : 12px;
border          : 0;
font-weight     : bold;
font-size       : 11px;
text-decoration : none;
color           : #fff;
cursor          : pointer;
background      : transparent url(bg/buttons_02.png) no-repeat scroll 0 -150px;
}

.button:hover
{
background      : transparent url(bg/buttons_02.png) no-repeat scroll 0 -175px;
}

.button.warenkorb_button
{
background      : transparent url(bg/buttons_02.png) no-repeat scroll 0 0;
width           : 150px;
padding-left    : 25px;
}

.button.warenkorb_button:hover
{
background      : transparent url(bg/buttons_02.png) no-repeat scroll 0 -25px;
}

.anfrage_button
{
width           : 80px;
text-align      : center;
}

.mehr_details_button
{
width           : 100px;
text-align      : center;
}




.actions li
{
line-height     : 1.7em;
}










#body .boxhead
{
/* -> div.h3 */
margin-top      : 10px;
}

#body .boxhead a {color: #eee; line-height: 20px;}
#body .boxhead a:hover {color: #555;}
#body .boxhead h2 {margin: 0; padding: 0; display: inline; color: #333;}
#body .boxhead em {font-size: 10px; font-weight: normal; font-style: normal; color: #333;}

#body .box {float: left; margin: 0 0 12px 0; padding: 8px 5px; background: #fff;}
#body .empty {padding: 0 6px !important; height: 0px; overflow: hidden;}
img {border: none; padding: 0; margin: 0;}
#body .box p {margin: 0 0 1em 0;}
#body .box ul.list {margin: 0; padding: 0; list-style: none;}
#body .box ul.list li {display: inline; background: url(bg/oxid.gif) no-repeat 0 -100px;  padding-left: 8px; margin-right: 10px;}
#body .box ul.list li a {text-decoration: none; color: #444;}
#body .box ul.list li a:hover {color: #666666;}
#body .box.info {width: 720px; padding: 10px 5px 10px 5px;}
#body .box.notice {width: 720px; padding: 10px 5px 10px 5px; border: 1px solid #ddd;}
#body .box .catfilter {margin: 5px 5px 10px 0;}
#body .box .catfilter label {margin-right: 7px;}
#body .box .catfilter select {margin: 3px;}

#body.plain .boxhead {margin: 5px 5px 0 5px; width: auto; float: none;}
#body.plain .box {width: auto; float: none;}

#body div.bar.prevnext
{
float           : left;
width           : 740px;
margin          : 10px 0;
}

#body div.bar.prevnext input {padding: 5px 35px; margin: 0; line-height: 1.1em; background: #555; color: #fff; border: 1px solid #fff; cursor: pointer; font-size: 11px; font-weight: bold;}
#body div.bar.prevnext input:hover {background: #eee; color: #333;}
#body div.bar.prevnext.bottom {margin-bottom: 15px;}

/* paypal bar top start */
#body div.bar.prevnext.paypaltop {float: left; width: 720px; height: 48px; margin: 10px 0; padding: 5px 10px; border: 1px solid #ddd; background-color:#f0f0f0;}
/* paypal bar top end */
/* paypal button style start */
#body div.bar.prevnext input.paypalbutton {background-color:#f0f0f0;border:0px;padding:0px;margin-top:5px;}
/* paypal button style end*/
/* paypal bar bottom start */
#body div.bar.prevnext.paypalbottom {margin-bottom:15px;}
/* paypal bar bottom end */

#body .form th {text-align: left; padding: 7px 0; font-weight: bold; font-size: 11px; background: url(bg/linedot.gif) repeat-x bottom;}
#body .form th.mid {/*border-top: 1px dotted #000; */padding-top: 3em;}
#body .form th small {font-weight: normal; font-size: 10px;}
#body .form td {padding: 3px 0;}
#body .form td a {line-height: 2em;}
#body small {font-weight: inherit; font-size: 69%;}

/* Other */
#body .dot_sep {background: url(bg/linedot.gif) repeat-x; border: 0px none; height: 1px; margin: 10px 0;}
#body .dot_sep.mid {}
#body .errorbox {float: left; width: 730px; margin: 5px 0; padding: 5px; border: 1px solid #ddd; color: #666666; font-size: 10px; font-weight: bold;}
#body .errorbox p {margin: 0;}
#body .errorbox.inbox {float: none; margin: 5px 0;}

/* Plain errors*/
#body.plain .errorbox {width: auto; font-size: 10px; font-weight: bold; color: #D81F01; margin: 20px; padding: 0; border: none; width: 500px;}
#body.plain .errorbox a {color: #D81F01;}
#body.plain .errorbox a:hover {color: #666;}
#body.plain .errorbox .errhead {background: #D81F01; color: #fff; padding: 5px 15px;}
#body.plain .errorbox .errbody {border: 1px solid #D81F01; padding: 15px;}

/* Locator */
#body .locator {float: left; width: 720px; margin: 0 0 10px 0;}

#body .locator.top {}
#body .locator.bottom {margin-top: 15px;}




#body .locator .lochead {height: 2.7em; padding: 3px 15px 0 15px; background: #eee url(bg/product_header.jpg) no-repeat left top; color: #333; border: 1px solid #ddd; border-bottom-width: 0px; }
#body .locator .lochead strong.h4 {float: left; margin: 0; padding: 0; line-height: 30px; color: #333; font-size: 11px; font-weight: bold; }
#body .locator .lochead a {padding: 3px 8px; line-height: 30px; border: 1px solid #fff; font-size: 11px;}
#body .locator .lochead .right a {background-color: #f8f8f8;}
#body .locator .lochead .right a:hover {background-color: #eee;}

#body .locator .locbody {font-size: 10px;  line-height: 20px;}
#body .locator .locbody {margin: 0 0 5px 0; height: 3.5em; padding: 3px 15px 0 15px; border: 1px solid #ddd; text-align: right; overflow: visible; }
#body .locator .locbody strong.h4 {margin: 5px 20px 0 0; padding: 0 10px 0 0; line-height: 20px; border-right: 1px dotted #aaa; font-size: 11px; font-weight: bold; color: #555;}
#body .locator .locbody a {padding: 3px 6px; line-height: 30px; border: 1px solid #ddd; background-color: #f8f8f8; font-size: 11px;}
#body .locator .locbody a:hover {background-color: #eee;}
#body .locator .arrow {font-size: 10px; font-weight: bold;}
#body .locator  a.active {font-weight: bold;}
#body .locator .sep {margin: 0 10px 0 5px; border-left: 1px dotted #aaa;}

#body .locator .sort_row a {background: #f8f8f8 url() no-repeat right 5px; padding-right: 28px;}

#body .locator .sort_row a.asc {background-image: url(bg/sort_asc.gif) }
#body .locator .sort_row a.asc:hover {background-color: #eee;}
#body .locator .sort_row a.desc {background-image: url(bg/sort_desc.gif);}
#body .locator .sort_row a.desc:hover {background-color: #eee;}
#body .locator .sort_row a.none {background-image: url(bg/sort_none.gif);}
#body .locator .sort_row a.none:hover {background-color: #eee;}
#body .locator .btn {margin-bottom: 6px;}

#body .locator.compare .locbody {}



/* list
-------------------------------------- */

/* category list ------------------------------------------- */
#tobisubcatlist
{
margin			: 0;
padding			: 0;
list-style		: none;
clear           : both;
}


#tobisubcatlist li
{
float			: left;
width			: 133px;
margin			: 0 0 10px 0;
list-style      : none;
}

#tobisubcatlist img
{

}

#tobisubcatlist li a
{
display			: block;
padding			: 5px 0 0 0;
border			: 2px solid #fff;
text-align		: center;
background-color: transparent;
color			: #333;
text-decoration		: none;
}

#tobisubcatlist li a:hover
{
border			: 2px solid #ccc;
text-align		: center;
color			: #333;
text-decoration		: none;
}

#tobisubcatlist li a span
{
display			: block;
height			: 30px;

padding			: 4px 0;
text-align		: center;
color			: #333;
font-size		: 11px;
text-decoration	: none;
}

#tobisubcatlist li a:hover span
{
/* 	background		: #ddd; */
}

.catProdShortDesc
{
float           : left;
width           : 230px;
margin          : 5px 5px 0 0;
}



#catLongDesc
{
clear           : both;
margin-top      : 10px;
padding-top     : 5px;
}








/* product
-------------------------------------- */

.product
{
padding         : 2px 2px 1px 2px;
border          : 1px solid #ddd;
background      : #fff;

}

.product_link
{
display         : block;
font-size       : 12px;
color           : #333;
}

.product_link strong
{
font-weight     : normal;
}

.product_link:hover
{
}

.product_variant
{
}

.product_mehr_details
{
color           : #888;
font-size       : 10px;
}


.sternchen, .nur, .ab
{
font-size       : 15px;
font-weight     : normal;
}

.currency
{
font-size       : 15px;
font-weight     : bold;
}

/* product h_3_minimal */
.h_3_minimal
{
float           : left;
width           : 222px;
margin          : 0 10px 10px 0;
background      : #fff url(bg/product_header.jpg) no-repeat left top;
}

.h_3_minimal .product_link
{
padding         : 0 5px;
}

.h_3_minimal .product_title
{
margin-bottom   : 10px;
height          : 3.5em;
}

.h_3_minimal .product_variant
{
}

.h_3_minimal .product_title strong
{
line-height     : 15px;
}

.h_3_minimal .product_link_2
{
display         : block;
cursor          : pointer;
text-decoration : none;
}

.h_3_minimal .product_link_2:hover
{
background-color: transparent;
}

.h_3_minimal .product_image
{
float           : left;
width           : 100px;
height          : 100px;
}

.h_3_minimal .product_price
{
float           : left;
padding         : 15px 0 10px 10px;
font-size       : 17px;
font-weight     : bold;
color           : #333;
}

.h_3_minimal .product_mehr_details
{
float           : right;
/*background        : #f00;*/
padding         : 23px 10px 0 20px;  /* massives padding - IE7 */
color           : #888;
font-size       : 10px;
}


/* product h_4_normal */
.h_4_normal
{
float           : left;
width           : 170px;
margin          : 0 10px 10px 0;
}

.h_4_normal .product_link
{
text-align      : center;
}

.h_4_normal .product_title
{
margin-bottom   : 5px;
height          : 4.5em;
}

.h_4_normal .product_title strong
{
line-height     : 15px;
}

.h_4_normal .product_image img
{
width           : 100px;
}

.h_4_normal .warenkorb_button
{
margin          : 5px auto;
}

.h_4_normal .product_price
{
padding         : 15px 0 10px 10px;
font-size       : 17px;
font-weight     : bold;
text-align      : center;
color           : #333;
}

/* product h_4_minimal */
.h_4_minimal
{
float           : left;
width           : 165px;
margin          : 0 6px 10px 0;
text-align      : center;
}

.h_4_minimal .product_link
{
text-align      : center;
}

.h_4_minimal .product_title
{
margin-bottom   : 5px;
height          : 4.5em;
}

.h_4_minimal .product_title strong
{
line-height     : 15px;
}

.h_4_minimal .product_link_2
{
display         : block;
text-decoration : none;
}

.h_4_minimal .product_link_2:hover
{
background-color: transparent;
}


.h_4_minimal .product_image img
{
width           : 100px;
}

.h_4_minimal .warenkorb_button
{
margin          : 5px auto;
}

.h_4_minimal .product_price
{
padding         : 15px 0 10px 10px;
font-size       : 17px;
font-weight     : bold;
text-align      : center;
color           : #333;
}


/* product side_minimal */
.side_minimal
{
float           : left;
width           : 205px;
height          : 200px;
border          : 1px solid #fff;
text-align      : center;
}

.side_minimal .product_link
{
text-align      : center;
}

.side_minimal .product_title
{
margin-bottom   : 5px;
height          : 4em;
}

.side_minimal .product_title strong
{
}

.side_minimal .product_link_2
{
display         : block;
text-decoration : none;
}

.side_minimal .product_link_2:hover
{
background-color: transparent;
}

.side_minimal .product_image
{
width           : 100px;
height          : 100px;
}

.side_minimal .product_price
{
padding         : 10px 0 5px 0;
font-size       : 17px;
font-weight     : bold;
text-align      : center;
color           : #333;
}



/* product h_1_flach */
.h_1_flach
{
margin          : 0 0 3px 0;
}

.h_1_flach .product_image
{
float           : left;
height          : 42px;
}

.h_1_flach .wrapper
{
float           : right;
}

.h_1_flach .product_link
{
float           : left;
/*background      : none repeat scroll 0 0 #FFFFFF;*/
border          : 0;
display         : block;
width           : 670px;
margin          : 0;
font-size       : 11px;
letter-spacing  : -1px;
}

.h_1_flach .product_title
{
}

.h_1_flach .product_title strong
{
line-height     : 15px;
}


.h_1_flach .art_nr_flag
{
clear           : both;
float           : left;
width           : 400px;
margin-top      : 4px;
margin-left     : 2px;
/*background        : #f00;*/

}

.h_1_flach .art_nr_flag span,
.h_1_flach .art_nr_flag a
{
float           : left;
}

.h_1_flach .lieferinfo
{
padding         : 0 0 0 15px;
background      : transparent;
}




.h_1_flach .buy_block
{
float           : right;
margin-right    : 10px;
}

.h_1_flach .product_price
{
float           : left;
margin          : 2px 10px 0 0;
font-size       : 13px;
font-weight     : bold;
color           : #333;
}

.h_1_flach .warenkorb_button
{
margin          : 0;
}


/* product h_1_normal */

.h_1_normal
{
margin-bottom   : 10px;
padding         : 5px;
background      : #fff url(bg/product_header.jpg) repeat-x left -15px;
}

.h_1_normal .product_link
{
float           : left;
}

.h_1_normal .product_title
{
margin-bottom   : 7px;
}

.h_1_normal .product_variant
{
}

.h_1_normal .product_title strong
{
line-height     : 15px;
font-weight     : bold;
font-size       : 13px;
letter-spacing  : 0;
color           : #222;
}

.h_1_normal .product_image
{
clear           : left;
margin-right    : 4px;
}

.h_1_normal .product_image:hover
{
background-color: transparent;
margin-right    : 4px;
}

.h_1_normal .product_image img
{
width           : 100px;
height          : 100px;
}

.h_1_normal .art_nr_flag
{
float           : left;
width           : 400px;
margin-top      : 4px;
margin-bottom   : 6px;
/*background        : #f00;*/

}

.h_1_normal .art_nr_flag span,
.h_1_normal .art_nr_flag a
{
float           : left;
}

.h_1_normal .lieferinfo
{
padding         : 0 0 0 15px;
background      : transparent;
}

.h_1_normal .product_actions
{

}

.h_1_normal .product_short_description
{
float           : left;
width           : 430px;
height          : 50px;
overflow        : hidden;
margin-bottom   : 6px;
/*background      : #f0f;*/
}

.h_1_normal .product_details_button
{
float           : right;
width           : 300px;
margin-bottom   : 0px;
overflow        : hidden;
/*background      : #0ff;*/
}

.h_1_normal .buy_block
{
float           : right;
width           : 170px;
margin-top      : 28px;
text-align      : right;
/*background        : #f0f;*/
}

.h_1_normal .product_price
{
padding         : 0;
margin-bottom   : 10px;
font-size       : 19px;
font-weight     : bold;
color           : #333;
}


.h_1_normal .sonderpreis_container
{
height          : 35px;
/*background:red;*/
}


.h_1_normal .sonderpreis_container .sonderpreis_button
{
float           : right;
margin          : 0;
}


.h_1_normal .amount
{
margin-bottom   : 10px;
}

.h_1_normal .warenkorb_button
{
float           : right;
}

.h_1_normal .product_mehr_details
{
/*background        : #f00;*/
padding-top     : 5px;
}

.h_1_normal .variants
{
float           : right;
padding-left    : 135px;
margin          : 0 5px 0 0;
text-align      : left;
background      : transparent url(bg/variante_waehlen.png) no-repeat scroll 0 15px;}
/*background-color      : #ff0;*/

.h_1_normal .choose_variants
{
/*background        : #f00;*/

}

.h_1_normal .choose_variants label
{
display         : block;
margin-bottom   : 3px;
}

.h_1_normal .choose_variants select
{
letter-spacing  : -1px;
}/* product h_1_normal */







/* details_variante */

.details_variante
{
margin-bottom   : 10px;
padding         : 0;
border          : 0px;
}

.details_variante .product_link
{
}

.details_variante .product_title
{
float           : left;
margin-bottom   : 6px;
}

.details_variante .product_variant
{
}

.details_variante .product_title strong
{
font-size       : 11px;
letter-spacing  : -1px;
}

.details_variante .product_image
{
clear           : left;
float           : left;
margin-right    : 4px;
}

.details_variante .product_image:hover
{
background-color: transparent;
margin-right    : 4px;
}

.details_variante .product_image img
{
height          : 42px;
}

.details_variante .art_nr_flag
{
float           : left;
width           : 310px;
margin-top      : 4px;
margin-bottom   : 10px;
/*background        : #f00;*/

}

.details_variante .art_nr_flag span,
.details_variante .art_nr_flag a
{
float           : left;
}

.details_variante .lieferinfo
{
padding         : 0 0 0 15px;
background      : transparent;
}

.details_variante .product_actions
{

}

.details_variante .product_short_description
{
float           : left;
margin-bottom   : 10px;
/*background        : #0ff;*/
}

.details_variante .buy_block
{
float           : right;
width           : 280px;
text-align      : right;
/*background        : #f0f;*/
}

.details_variante .product_price
{
padding         : 0;
margin-bottom   : 15px;
font-size       : 19px;
font-weight     : bold;
color           : #333;
}

.details_variante .link_versandkosten
{
margin-bottom   : 10px;
}

.details_variante .sonderpreis_container
{
height          : 27px;
float           : right;
/*background:red;*/
}


.details_variante .sonderpreis_container .sonderpreis_button
{
margin          : 0;
text-decoration : none;
}

.details_variante .product_versandkategorie
{
margin-bottom   : 15px;
}

.details_variante .warenkorb_button
{
float           : right;
width           : 161px;
margin-bottom   : 10px;
}

.details_variante .product_mehr_details
{
/*background        : #f00;*/
padding-top     : 5px;
}



/* / details_variante */



/* product_details_head */
#product_details_head
{
/*background      : #fef;*/
}

#product_details_head h1
{
    font-size: 16px;
    padding: 0 0 8px 1px;
    margin: 0 0 10px 0;
}




#product_details_head #product_images
{
float           : left;
margin          : 0 15px 15px 0;
width           : 200px;
/*background      : #f00;*/
}

/* details_image */
#product_img
{
float           : left;
width           : 200px;
height          : 200px;
}

.exturls
{
float           : left;
margin          : 5px 0 3px 0;
}

.morepics
{
clear           : both;
}

.morepics a
{
margin-right    : 3px;
}



#product_details_head_no_variant
{
float           : left;
width           : 490px;
margin-bottom   : 15px;
/*background      : #ccf;*/
}

#product_details_head_no_variant .art_nr_flag
{
float           : left;
width           : 400px;
margin-top      : 4px;
margin-bottom   : 10px;
/*background        : #f00;*/

}

#product_details_head_no_variant .art_nr_flag span,
#product_details_head_no_variant .art_nr_flag a
{
float           : left;
}

#product_details_head_no_variant .lieferinfo
{
padding         : 0 0 0 15px;
background      : transparent;
}


#product_details_head_no_variant .product_short_description
{
float           : left;
margin-bottom   : 10px;
}


#product_details_head_no_variant .buy_block
{
float           : right;
text-align      : right;
width           : 280px;
}


#product_details_head_no_variant .product_price
{
color           : #333;
font-size       : 19px;
font-weight     : bold;
margin-bottom   : 10px;
padding         : 0;
}

#product_details_head_no_variant .link_versandkosten
{
margin-bottom   : 10px;
}

#product_details_head_no_variant .product_versandkategorie {
margin-bottom   :15px;
}


#product_details_head_no_variant .warenkorb_button
{
float           : right;
margin-bottom   : 10px;
width           : 161px;
}


#product_details_head_no_variant .sonderpreis_container
{
height          : 27px;
}

#product_details_head_no_variant .sonderpreis_container .sonderpreis_button
{
float           : right;
margin          : 0;
text-decoration : none;
}





#product_details_head_variant
{
float           : left;
width           : 500px;
margin          : 0 auto 10px 0;
/*background      : #ffc;*/
}

#md_variant_box
{
float           : left;
width           : 310px;
/*background      : #efe;*/
}


#test_backToParent
{
float           : right;
width           : 140px;}

#md_variant_selector
{
float           : right;
width           : 160px;
background      : transparent url(bg/produkt-aktualisieren.png) no-repeat left top;
/*background      : #fcc;*/
}

#md_variant_selector_header
{
width           : 150px;
padding         : 5px 0 10px 0;
text-align      : center;
line-height     : 1.4em;
font-size       : 11px;
color           : #444;
}

#md_variant_selector select
{
width           : 150px;
}



#product_details_head_variant label
{
padding         : 10px 0 2px 0;

}



.details_description_button
{
display         : none;
clear           : both;
position        : absolute;
top             : 10px;
left            : 795px;
width           : 150px;
height          : 90px;
background      : #fff url(bg/produktbeschreibung-aktualisieren.gif) no-repeat center bottom;
z-index         : 99;
}

.d_block
{
display         : block;
}

.details_description_button a
{
display         : block;
font-size       : 11px;
line-height     : 1.4em;
color           : #444;
padding         : 10px 0 30px 0;
text-align      : center;
text-decoration : none;
/*background      : #eee;*/
}

.moredetails .head2
{
margin-top      : 0px;
}




#product_details_head .actions
{
clear           : both;
margin-bottom   : 10px;
padding         : 0 0 0 0;
width           : 320px;
/*background      : yellow;*/
}

#product_details_head .actions a
{
padding         : 3px 10px 3px 15px;
width           : 400px;
background      : transparent url(bg/oxid_ce_.gif) no-repeat left -7px ;
}

#product_details_head .actions a:hover
{
background-position : left -180px;
}









/* Preisanfrage
-------------------------------------- */

#box_angebote_sonderpreis
{
width           : 210px;
border          : 0px solid #ddd;
/*background        : #f4f4f4;*/
}


.sonderpreis_container_container
{
height          : 20px;
background:red;
}

.sonderpreis_button
{
display         : block;
width           : 121px;
height          : 15px;
margin          : 5px 0;
padding         : 1px 10px 4px 30px;
text-align      : center;
background      : transparent url(bg/buttons_03.png) no-repeat left top;
color           : #fff;
font-weight     : bold;
font-size       : 11px;
}


.sonderpreis_button:hover
{
background      : transparent url(bg/buttons_03.png) no-repeat left -25px;
}

#label_angebote
{
clear           : right;
float           : right;
margin          : 5px;
white-space     : nowrap;
color           : #f55;
padding-top     : 10px;
}

.preisalarm
{
}




.product.details .buy_block
{
float           : left;
width           : 200px;
padding         : 1px;
margin-left     : 10px;
text-align      : right;
/*background        : #f0f;*/
}

.product.details .product_price
{
padding         : 0;
margin-bottom   : 15px;
}

.product.details .price
{
margin-bottom   : 10px;
font-size       : 24px;
font-weight     : bold;
color           : #333;
}

.product.details .nur
{
font-size       : 12px;
font-weight     : normal;
}



.product.details .link_versandkosten a
{
font-weight     : bold;
}


.product.details .product_versandkategorie
{
margin-bottom   : 20px;
}

.product.details .product_versandkategorie a
{
font-weight     : bold;
}

.produktkategorie_tooltip_trigger
{
}

.produktkategorie_tooltip
{
z-index         : 999;
display         : none;
background      : transparent url(bg/tooltip_arrow_top.png) repeat-x left top;
padding         : 13px 0 0 0;
}

.produktkategorie_tooltip .inner
{
padding         : 20px 20px 25px 20px;
border          : 2px solid #555;
border-top-width: 0px;
background      : #fff;
}




.product.details .warenkorb_button
{
float           : right;
}

.product.details #einfach_varianten_auswahlfeld
{
float           : right;
text-align      : left;
margin-bottom   : 20px;
/*background        : #f00;
*/}

.product.details #einfach_varianten_auswahlfeld label
{
display         : block;
margin-bottom   : 3px;
}

.product.details .amount
{
clear           : both;
margin-bottom   : 10px;
}




.product.details .delivery_info
{
font-weight     : normal;
font-size       : 10px;
}



/* details
------------------------------------- */




.question
{
clear           : both;
margin          : 10px 0 1px;
padding-top     : 11px;
border-top      : 1px dotted #aaa;
}
.question a {}








/* cross_selling
-------------------------------------- */

#cross_selling
{
position        : relative;
float           : left;
overflow        : hidden;
width           : 738px;
height          : 255px;
/*background        : #0f0;*/
}


#cross_selling_items
{
/* this cannot be too large */
width           : 20000em;
position        : absolute;
}

#cross_selling_items div.cross_item
{
float           : left;
}

#cross_selling_items div.active
{
}

div.cross_item
{
width           : 170px;
/*height            : 250px;*/
margin          : 3px;
padding         : 3px 3px 10px 3px;
border          : 1px solid #ddd;
text-align      : center;
}


.cross_item .sub01
{
display         : block;
height          : 4.5em;
margin-bottom   : 5px;
padding-top     : 5px;
letter-spacing  : -1px;
font-size       : 11px;
font-weight     : bold;
}


.cross_item .sub02
{
display         : block;
margin          : 0 auto;
padding         : 0;
width           : 100px;
height          : 100px;
}

.cross_item .sub02 img
{
width           : 100px;
height          : 100px;
}

.cross_item .product_price
{
display         : block;
font-weight     : bold;
font-size       : 17px;
margin          : 10px auto;
}

.cross_item .sub04
{
margin          : 0 auto;
}




/* prev, next, prevPage and nextPage buttons */
a.scrollable_browse_left, a.scrollable_browse_right
{
float           : left;
/*border            : 1px solid #bbb;*/
font-size       : 8px;
font-weight     : bold;
cursor          : pointer;
}

a.scrollable_browse_left {margin-right: 5px; }


a.scrollable_browse_left:hover, a.scrollable_browse_right:hover
{
}


a.scrollable_browse_left.disabled, a.scrollable_browse_right.disabled
{
background      : #eee;
color           : #888;
cursor          : default;
}



/* last_seen
------------------------------------- */






/* tag, preisalarm
------------------------------------- */
#tag_box, #preisalarm_box
{
clear           : both;
padding-top     : 5px
}

.pricealarm th
{
padding-left    : 0;
text-align      : left;
}

.pricealarm td
{
padding         : 0;
vertical-align  : top;
}

.socialbookmarks
{
float           : right;
margin-bottom   : 20px;
/*background:red;*/
}
.socialbookmarks a.sbookmarks
{
display         : block;
float           : left;
margin-right    : 4px;
padding         : 0;
/*height            : 24px;*/
background      : #fff;
}








#lieferumfang_box
{
padding         : 5px 10px;
border          : 0px solid #8af;
background      : #ddeeff;
}

#lieferumfang_box h3
{
margin-top      : 0;
border-bottom   : 1px dotted #aaa;
}







/* / details */



/* News list */
#body dl.news {margin: 0;}
#body dl.news dt {margin-bottom: 12px;}
#body dl.news dt a {font-weight: bold; color: #000;}
#body dl.news dt a:hover {text-decoration: none;}
#body dl.news dd {margin: 0 0 15px 0;}


/* ORDER
-------------------------------------- */

/* Order steps */
#body .ordersteps {float: left; margin: 0 0 20px 0;}
#body .ordersteps dl {float: left; width: 180px; height: 7.5em; margin: 0 30px 0 0; padding: 10px;color: #aaa;}
#body .ordersteps dt {margin: 0 0 5px 0; padding: 0;}
#body .ordersteps dt, #body .ordersteps dt a { font-size: 16px; font-weight: bold;}
#body .ordersteps dt a {display: block;font-weight: bold;}
#body .ordersteps dl big {font-size: 32px; line-height: 19px;}
#body .ordersteps dt a:hover big {}
#body .ordersteps dd, #body .ordersteps dd a {margin: 0;}
#body .ordersteps dd a {display: block;}
#body .ordersteps .lastinrow {}
#body .ordersteps dl.active
{
background      : #eee;
border-left     : 10px solid #aaa;
}

#body .ordersteps dl.active dt, #body .ordersteps dl.active dt a {color: #666666;}
#body .ordersteps.nofinalstep dl {}
#body .ordersteps.nofinalstep .lastinrow {}

/* Order back/next step button */
#body div.bar.prevnext .arrowdown input {background: url(bg/buttons_02.png) no-repeat 0 -145px; background-color: #04c; padding-left: 38px; padding-right: 25px;}
#body div.bar.prevnext .arrowright input {background: #04c url(bg/buttons_02.png) no-repeat 0 -145px;}
#body div.bar.prevnext .arrowright input:hover {background-position: 0 -175px; color: #fff;}
#body div.bar.prevnext .minorderprice {font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; width: auto;}
#body div.bar.prevnext .termsconfirm {width: auto; margin: 0 10px;}
#body div.bar.prevnext .termsconfirm td {color: #444; padding: 3px 3px 3px 0;}
#body div.bar.prevnext .termsconfirm a {color: #000; text-decoration: underline;}
#body div.bar.prevnext .termsconfirm a:hover {color: #000;}
#body div.bar.prevnext .termsconfirm .chkbox {background: none; border: none; vertical-align: middle; margin: 0px; padding: 0;}
#body div.bar.prevnext.terms {height: auto; margin-bottom: 10px;}

/* Basket */
#body .basket {float: left; border: 1px solid #ddd; margin: 0 0 10px 0; empty-cells: show; }
#body .basket tbody td {padding-top: 10px;}
#body .basket th {background: #f0f0f0; color: #444; font-weight: bold; height: 25px; padding-left: 5px;}
#body .basket th.brd {padding: 0;}
#body .basket th .brd_line {}
#body .basket th.lastcol {padding-left: 0;}
#body .basket td.brd {}

#body .basket .bsk_sep td {height: 9px; padding-top: 0;}
#body .basket .bsk_sep .line {border-bottom: 1px solid #f0f0f0;}
#body .basket .bsk_sep .bigline {border-bottom: 4px solid #f0f0f0;}

#body .basket .picture {margin: 0; padding: 0;}
#body .basket .picture img {width: 50px;}
#body .basket .art_title a {font-size: 10px; font-weight: bold; color: #000;}
#body .basket .art_title a:hover {color: #000;}
#body .basket .art_num {font-size: 10px; color: #000;}

#body .basket .btn, #body .basket .amount {}
#body .basket .upd { }
#body .basket .price {text-align: right;}
#body .basket .orderprice {text-align: right;}
#body .basket .vat {text-align: right;}
#body .basket .vat_order {text-align: right;}
#body .basket .amount {}
#body .basket .totalprice {padding-right: 5px; text-align: right;}
#body .basket .notice td {padding-top: 5px; font-size: 10px; color: #666666;}
#body .basket .sumrow td {padding-top: 3px;}
#body .basket .sumrow.total td {padding: 7px 0 4px;}
#body .basket .sumdesc {padding-right: 15px !important; text-align: right;}
#body .basket .discount, #body .basket .coupon {color: #666666; font-size: 10px;}
#body .basket .bottrow {height: 14px;}
#body .basket a.remove {display: block; width: 97px; height: 17px; line-height: 17px; border: 1px solid #333333; color: #fff; background: #333333; text-align: center; font-weight: bold; font-size: 10px; text-decoration: none;}
#body .basket a.wrapremove {width: 70px;}

#body .basket .wrapmod {display: block; height: 18px; line-height: 1; width: 85px; background: transparent url(bg/buttons_01.gif) no-repeat right -100px; margin: 0; border: 0 none; padding: 0 1px 0 0; float: left}
#body .basket .wrapmod a {font-size: 10px; text-align: center; text-decoration: none; display: block; height: 14px; line-height: 1; width: 62px; background: transparent url(bg/buttons_01.gif) no-repeat 0 -100px; margin: 0; border: 0; color: #fff; padding: 4px 0 0 23px; font-weight: bold;}

#body .basket .frombasket   {width: 100px; height: 20px; margin: 0 20px 0 0; border: 0 none; float: left}
#body .basket .frombasket input {width: 100px; height: 20px; line-height: 10px; border: 0; padding-left: 23px; background: #fff url(bg/buttons_02.png) no-repeat 0 -50px; cursor: pointer; font-weight: bold; color: #eee;}
#body .basket .frombasket input:hover   {background: #fff url(bg/buttons_02.png) no-repeat 0 -75px; color: #fff;}
#body .basket .frombasket a {width: 77px; background: transparent; margin: 0; border: 0; color: #fff; padding: 2px 0 0 23px; font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; display: block;}




/* user.tpl
-------------------------------------- */

.user_option_box
{
float           : left;
border          : 0px solid red;
width           : 300px;
margin-right    : 15px;
/*background      : #ffd;*/

}

#blshowshipaddress, #blhideshipaddress
{
display : inline-block;
}



/* user options step */
#body strong.useroptboxhead
{
font-size       : 14px;
}

#body .useroptbox {margin-left: 5px; width: 95%; font-size: 12px;}
#body .useroptbox .link {font-size: 10px;}
#body .useroptbox .err {margin-bottom: 10px; font-size: 10px;}

/* payment step */
#body .paymentboxhead, #body .thankyouboxhead {margin-top: 5px;}

/* order step */
#body dl.orderinfocol {margin: 0 5px; width: 257px; float: left;}
#body dl.orderinfocol dt {padding: 0; margin: 0 0 5px 0; height: 23px; font-weight: bold; border-bottom: 1px solid #f0f0f0;}
#body dl.orderinfocol dd {padding: 0; margin: 0;}
#body .giftwrap {height: 18px; width: 20px; background: transparent url(bg/buttons_01.gif) 0 -100px no-repeat; margin: 0; border: 0 none; padding: 0; display: block;}

#body .etrustlogocol {float: left; width: 100px;}
#body .etrustdescocol {float: left; width: 443px;}


/* More categories */
#body .morecats {margin: 0 5px; width: 569px; float: left;}
#body .morecats dl {margin: 0 0 25px;}
#body .morecats dt {background: #666666; border-bottom: 1px solid #fff;}
#body .morecats dd {background: #f0f0f0; border-bottom: 1px solid #fff; margin: 0; padding: 0;}
#body .morecats dl a {color: #000; font-weight: bold; padding: 4px 10px; display: block;}
#body .morecats dl a:hover {color: #000;}
#body .morecats dd a {background: url(bg/oxid.gif) no-repeat 7px -148px; padding-left: 22px;}

/* Account header */
#body .account_header dl {border-bottom: 1px solid #f0f0f0; margin: 2px 0; padding-bottom: 5px; width: 97%;}
#body .account_header dl.lastInCol {border-bottom: 0; margin: 0; padding-bottom: 0px;}
#body .account_header dt a {font-weight: bold; font-size: 10px; text-decoration: none; color: #444; padding-left: 8px;}
#body .account_header dt a:hover {text-decoration: underline; color: #444;}
#body .account_header dt a.active {color: #666666;}
#body .account_header dd {margin: 2px 0; font-size: 10px; color: #999; padding-left: 8px;}

/* Account pages */
#body .account strong.h4 {font-size: 11px; font-weight: bold; margin: 0; padding: 0; display: block;}
#body .account small {font-size: 10px;}

/* Account remove from list button */

#body .product .fromlist {position: absolute; width: 100px; height: 20px; right: 200px; bottom: 10px;}
#body .product .fromlist input
{
width           : 100px;
height          : 20px;
line-height     : 20px;
padding         : 0 0 3px 25px;
border          : 0;
background      : transparent url(bg/buttons_01.gif) 0 -50px no-repeat;
color           : #fff;
font-weight     : bold;
cursor          : pointer;
}

#body .product .fromlist input:hover {background: transparent url(bg/buttons_01.gif) 0 -75px no-repeat; color: #333;}

/* Account order history */
#body .form.orderhistory td {font-size: 10px; padding: 2px 0;}
#body .form.orderhistory th {font-weight: bold; font-size: 10px; border: none; background: none; padding: 2px 0;}
#body .form.orderhistory tr.headrow td, #body .form.orderhistory tr.headrow th {font-size: 11px;}
#body .form.orderhistory a.tocart {height: 20px; width: 20px; background: transparent url(bg/buttons_01.gif) 0 0 no-repeat; margin: 0; border: none; padding: 0; display: block;}
#body .form.orderhistory a.tocart:hover {background: transparent url(bg/buttons_01.gif) 0 -25px no-repeat;}
#body .form.orderhistory a.artlink {margin-right: 7px; color: #000; font-size: 10px;}
#body .form.orderhistory a.artlink:hover {color: #000;}
#body .form.orderhistory .amount {padding-right: 7px;}

/* Suggest */
#body ul.suggest {margin: 0;}

/* Basket popup */
#mask {visibility: hidden; display: none;}
#mask iframe {visibility: hidden; border: none;}
#mask.on {visibility: visible; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 1500;}

div.popup {visibility: hidden; display: none;}
div.popup strong {display: block; margin: 9px 0; font-size: 11px;}
div.on.popup {visibility: visible; display: block; position: fixed; top: 50%; left: 50%; width: 250px; height: 150px; background: white; z-index: 2000; margin-top: -75px; margin-left: -125px; border: 5px solid #fff; padding: 10px;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width: 100%;}
div.on.popup input {color: #333333; background: #fff; border: 1px solid #333333; font-weight: bold; padding: 2px; width: 120px;}
div.on.popup input.disabled {color: #cbcbcb; background: #fff; border: 1px solid #cbcbcb; font-weight: bold; padding: 2px; width: 120px;}
div.on.popup input.bl {position: absolute; bottom: 10px; left: 10px;}
div.on.popup input.br {position: absolute; bottom: 10px; right: 10px;}



/* Recommendation lists */
#body dl.recommlistdesc {margin: 0 0 10px;}
#body dl.recommlistdesc dt {font-size: 10px; padding: 3px 0 7px; background: url(bg/linedot.gif) repeat-x bottom;}
#body dl.recommlistdesc dt a {font-size: 10px;}
#body dl.recommlistdesc dd {font-size: 10px; margin: 3px 0;}

#body .recommitems .article {width: 125px; margin-right: 9px; float: left; color: #787F87; font-size: 10px;}
#body .recommitems .article a {font-size: 10px;}
#body .recommitems .article .picture {width: 56px; height: 42px; text-align: center; border: 1px solid #CBCBCB; margin-bottom: 3px;}
#body .recommitems input.btn {border: 1px solid #333333; border-width: 1px 0;}

#body .recomm_author {font-weight: normal;}
#body .recomlistdesc {float: left; width: 415px;}

.verification_code {border: 1px solid #000; color: #000; padding: 2px; text-align: center; width: 80px;}

#body #demoAdminLink {border: 1px solid; position: absolute; left: 778px; top: 160px; height: 80px; width: 200px; z-index: 1000;}
#body #demoAdminLink .closeAdminLink {display: block; width: 15px; height: 12px; border: none; margin-left: 185px;}
#body #demoAdminLink .openAdminLink {display: block; width: 185px; height: 18px; border: none; margin-left: 7px; margin-top: 32px;}








/* style-custom */

#right_ads p
{
font-size       : 11px;
}







/* side
------------------------------------- */
#side .h3
{
margin-top      : 20px;
font-size       : 14px;
}


/* searchbox
-------------------------------------- */

#searchbox
{
margin-bottom   : 10px;
height          : 30px;
}

#searchbox .search input.txt
{
float           : left;
width           : 148px;
padding         : 5px 3px;
border          : 1px solid #bbb;
font-size       : 12px;
background      : #f8f8f8;
}

#searchbox .search input.txt:hover,
#searchbox .search input.txt:focus
{
background      : #eee;
}

#searchbox .search select
{
width           : 215px;
margin-top      : 5px;
}

#searchbox .search .button
{
display         : block;
float           : right;
width           : 55px;/* IE7 */
height          : 26px;
padding         : 4px 0 6px 0;
line-height     : 14px;
font-size       : 12px;
font-weight     : bold;
letter-spacing  : -1px;
background      : #aada00 url(bg/search_button.png) no-repeat left top;
}

#searchbox .search .button:hover
{
background      : #e4ff00 url(bg/search_button.png) no-repeat left -50px;
}







/* side form
-------------------------------------- */


#side form.search {}
#side form label
{
display         : block;
width           : 150px;

}

#side .form input.txt
{
display         : block;
width           : 180px;
margin          : 5px auto 8px 10px;
padding         : 3px;
font-size       : 12px;

}

#side .form input#RightLogin_KeepLogggedIn
{
display         : block;
margin          : 5px auto 8px 10px ;

}

#side .form span.btn
{
display         : block;
width           : 200px;
margin          : 10px auto 10px 0;
}

#side .form span.btn input
{
display         : block;
width           : 200px;
}

#side .form a.link
{
display         : block;
margin          : 0 0 3px 0;
}


/* newest_articles
-------------------------------------- */

#newest_articles
{
position        : relative;
overflow        : hidden;
width           : 220px;
height          : 500px;
/*background        : #0f0;*/
}


#newest_articles_items
{
/* this cannot be too large */
height          : 20000em;
position        : absolute;
}

#newest_articles_items div.cross_item
{
float           : left;
}

#newest_articles_items div.active
{
}


/* prev, next, prevPage and nextPage buttons */
a.scrollable_browse_up, a.scrollable_browse_down
{
float           : left;
/*border            : 1px solid #bbb;*/
font-size       : 8px;
font-weight     : bold;
cursor          : pointer;
}

a.scrollable_browse_up {margin-right: 5px; }


a.scrollable_browse_up:hover, a.scrollable_browse_right:hover
{
}


a.scrollable_browse_up.disabled, a.scrollable_browse_down.disabled
{
background      : #eee;
color           : #888;
cursor          : default;
}



/* Tags */
.tags
{
/*background        : orange;*/
margin-bottom   : 20px;
}

#tags_more_link
{
float           : right;
margin-bottom   : 10px;
}

.tags a
{
text-decoration : none !important;
}

.tagitem_400
{
}

#body .box .tags {text-align: center;}
#body .box .tags a {line-height: 100%; padding: 0 .2em; cursor: pointer; color: #000;}
#body .box .tags a.sel {color: green; font-weight: bold;}








/* contact form
-------------------------------------- */


#contact_subject_input,
#contact_message_input
{
width           : 450px;
}


#contact_captcha_container
{
padding-top     : 3px;
}









/* uitabs
-------------------------------------- */

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
-------------------------------------- */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
-------------------------------------- */
.ui-state-disabled { cursor: default !important; }


/* Icons
-------------------------------------- */

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
-------------------------------------- */

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Tabs
-------------------------------------- */
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; background: #fff url(bg/mehr_details.png) no-repeat right 5px }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; list-style: none; border-bottom-width: 0 !important; margin: 0 5px -1px 5px; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; color: #666; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0;}
.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; color: #a00;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/


/* Component containers
-------------------------------------- */
.ui-widget { border: 0 ;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { border: 0px solid #aaaaaa; background: #fff; }
.ui-widget-content a { }
.ui-widget-header { border: 0px solid #ccc; border-bottom-width: 1px;  background: #fff;  }
.ui-widget-header a { }


/* Interaction states
- */
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #f8f8f8; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; outline: none; font-size: 12px; font-weight: bold; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { }
.ui-state-hover a, .ui-state-hover a:hover { color: #222; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #ccc; background: #ffffff ;  outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #c00; font-size: 12px; font-weight: bold; outline: none; text-decoration: none; }


/* Misc visuals
-------------------------------------- */



/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(ui.bg/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(ui.bg/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }





/* Footer
-------------------------------------- */
#copyright
{
clear           : both;
font-size       : 11px;
color           : #888;
margin-bottom   : 0;
}




/* Superfish
----------------------------------------------------------------------------- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.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;
	white-space     : nowrap;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* 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:			30em; /* 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;
}

/*** SKIN ***/
.sf-menu {
float           : left;
margin-bottom   : 1em;
/*border-bottom   : 1px dotted #aaa;*/
}
.sf-menu a {
/*border-left     : 1px solid #fff;*/
/*border-top      :	1px solid #CFDEFF;*/
padding         : .5em 1em;
text-decoration :none;
font-size       : 12px;
/*font-weight     : bold;
*/}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color           : #fff;
}
.sf-menu li {
	background:		transparent;
	margin-bottom: 5px;
}
.sf-menu li li {
	background:		#777;
	margin-bottom: 0px;
}
.sf-menu li li li {
	background:		#777;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background      : #777;
outline         : 0;
color           : #fff;
}

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

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.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('bg/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:			.6em;
	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('bg/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;
}






/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#BDD2FF;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

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

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}




/* tobistyle
-------------------------------------- */
#uitabs .uitabs
{
width           : 680px;
margin          : 0;
padding         : 10px;
background      : #fff;
font-size       : 11px;
}

#uitabs .uitabs h3
{
display         : none;
}


/* tobistyle f�r yapool.de , yapool-heizung.de - v5 und eBay v5-Templates
---------------------------------------------------------------------- */

pre
{
font            : 11px Arial, sans-serif;
margin-bottom   : 30px;
}

pre.precol
{
float           : left;
margin-right    : 10px;
margin-bottom   : 30px;
font            : 11px  Arial, sans-serif;
}

#eb_lieferzeit
{
display         : none;
}

.ya_display_none
{
display         : none;
}

/*
---------------------------------------------------- */


.minorcontent p
{
font-size			: 10px;
text-align		: justify;
}

.sidecontent p
{
font-size			: 10px;
letter-spacing		: -1px;
}


/* box
------------------------------------------------------ */



.box01
{
padding		: 5px 10px;
background	: #fff;
border		: 1px solid #ddd;
line-height	: 1.8em;
}

.box02
{
padding		: 5px 10px;
background	: #fff;
border		: 1px dotted #c55;
line-height	: 1.8em;
}

.tip01
{
padding		: 10px 15px;
background	: #fee url(bg/msg_bg_error.png) repeat left top;
border		: 1px solid #faa;
line-height	: 1.8em;
}

.tip02
{
padding		: 10px 15px;
background	: #f3ffca url(bg/msg_bg.png) repeat left top;
border		: 1px solid #d0df99;
line-height	: 1.8em;
}

.tip03
{
padding		: 10px 15px;
background	: #cae1ff url(bg/msg_bg_blau.png) repeat left top;
border		: 1px solid #8ea6c4;
line-height	: 1.8em;
}

.tip04
{
padding		: 10px 15px;
background	: #fffccd;
border		: 1px solid #c9b984;
line-height	: 1.8em;
margin-bottom	: 15px;
}

.tip04 h3
{
margin-top	: 0px;
border-bottom	: 1px dotted #a7943a;
}

.tags01
{
margin-top	: 15px;
margin-bottom	: 15px;
padding		: 10px 15px;
background	: #f8f8f8;
border		: 1px solid #ccc;
line-height	: 1.8em;
}

.tags01 h3
{
margin-top	: 0px;
margin-bottom	: 10px;
padding-bottom	: 3px;
border-bottom	: 1px dotted #aaa;
line-height	: 1em;
font-size	: 11px;
color		: #666;
}

.tags01 p
{
margin-top	: 0px;
font-size	: 9px;
color		: #666;
}

.pdf_download_link
{
padding-left	: 28px;
background      : transparent url(bg/pdf_icon_klein.png) no-repeat left center;
text-decoration : underline;
white-space     : nowrap;
color           : #a00;
}

.precol .pdf_download_link
{
    font-size: 14px;
    font-weight: bold;
}

.pdf_download_link:hover
{
background-color	: #eee;
}

/* spezielle Formatierungs-Shortcuts
---------------------------------------------------- */
.left, .fll {float: left;}
.right, .flr {float: right;}
.clear_left, .clrl, .cll {clear: left;}
.clear_right, .clrr, .clr {clear: right;}
.clear_both, .clb, .clear {clear: both;}
.clearer { clear: both; height: 1px; }
.flfix, .floatfix1 {height:1px;}

.fllimg {float: left; margin: 5px 10px 10px 0px;}
.flrimg {float: right; margin: 5px 0px 10px 10px;}



.hl {color: #f50 !important;}
.desc em, .desc i {font-style: normal; color: #f50 !important;}
.note {color: #f50;}
.req {color: #f50;}
.err {color: #f50;}
.done {color: #00B910;}
.link {background: url(bg/oxid_ce_.gif) no-repeat 0 -385px; padding-left: 14px; font-size: 10px; text-decoration: none; line-height: 1.1em;}
.link2 {background: url(bg/oxid.gif) no-repeat 0 -348px; padding-left: 0; font-size: 10px; text-decoration: none; color: #757C83 !important; line-height: 1.1em;}
.link:hover, .link2:hover {}
.def_color_1 {color: #f50;}
.fs12 {font-size: 12px !important;}
.fs11 {font-size: 11px !important;}
.fs10 {font-size: 10px !important;}
.nobrd {border: none !important;}
.nobold {font-weight: normal !important;}

.ta_right {text-align: right !important;}
.l, .tl	{text-align: left;}
.r, .tr	{text-align: right;}
.c, .tc	{text-align: center;}
.j, .tj	{text-align: justify;}

.w10	{width: 10%;}
.w25	{width: 25%;}
.w33	{width: 33%;}
.w40	{width: 40%;}
.w50	{width: 50%;}
.w60	{width: 60%;}
.w66	{width: 66%;}
.w75	{width: 75%;}

.mt5	{margin-top: 5px;}
.mt10	{margin-top: 10px;}
.mt15	{margin-top: 15px;}
.mt20	{margin-top: 20px;}
.mt25	{margin-top: 25px;}
.mt30	{margin-top: 30px;}
.mt50	{margin-top: 50px;}
.mt75	{margin-top: 75px;}
.mt100	{margin-top: 1000px;}

.mr5	{margin-right: 5px;}
.mr10	{margin-right: 10px;}
.mr15	{margin-right: 15px;}
.mr20	{margin-right: 20px;}
.mr25	{margin-right: 25px;}
.mr30	{margin-right: 30px;}

.mb5	{margin-bottom: 5px;}
.mb10	{margin-bottom: 10px;}
.mb15	{margin-bottom: 15px;}
.mb20	{margin-bottom: 20px;}
.mb25	{margin-bottom: 25px;}
.mb30	{margin-bottom: 30px;}

.ml5	{margin-left: 5px;}
.ml10	{margin-left: 10px;}
.ml15	{margin-left: 15px;}
.ml20	{margin-left: 20px;}
.ml25	{margin-left: 25px;}
.ml30	{margin-left: 30px;}

.p3	{padding: 3px;}
.p5	{padding: 5px;}
.p8	{padding: 8px;}
.p10	{padding: 10px;}
.p15	{padding: 15px;}

.kleingedrucktes {font-size: 11px; color: #888;}

.fontred {color: red;}

a.black_link {color: #000 !important;}
a.black_link:hover {color: #f80 !important;}




.shop_message
{
float           : left;
margin          : 0 0 10px 0;
padding         : 10px 10px;
background      : #f3ffca;
border          : 1px solid #d0df99;
}

.shop_message_error
{
float           : left;
margin          : 0 0 10px 0;
padding         : 10px 10px;
background      : #fee;
border          : 1px solid #faa;
}


.highlight
{
padding         : 2px 3px;
background      : #f3ffca;
border          : 1px solid #d0df99;
}

.highlight_error
{
padding         : 2px 3px;
background      : #fee;
border          : 1px solid #faa;
}


.u {text-decoration: underline;}
.fontred {color: red;}


.ya_hide
{
visibility      : hidden;
}

.ya_display_none
{
display         : none;
}

/* PRINT STYLE
-------------------------------- */
@media print
{


    #outer_wrapper
    {
    width           : 745px;
    }


    a#header
    {
    margin          : 0px;
    padding         : 0;
    height          : 90px;
    }



    #header h1, #side, #right_ads, #kontakt_info_bar, #main_menu, #path, #top_angebot,
    .locator, #details_img_tooltip, #multivariant_container, .actions, #box_angebote_sonderpreis,
    .produktkategorie_tooltip, .amount, .button, .button.warenkorb_button, #eb_lieferzeit, .question, #preisalarm_box,
    #footer, #copyright, #mask, #d3_multivariant_message, .popup
    {
    display         : none;
    }



}/* /@media print */




/* tool
-------------------------------- */


.tobidebug
{
position        : fixed;
top             : 10px;
left            : 10px;
max-width       : 100px;
max-height      : 20px;
z-index         : 9999;
background      : black;
color           : lime;
border          : 2px solid #f00;
font-family     : codingfonttobi, monospace;
font-size       : 16px;
padding         : 20px;
white-space     : pre;
overflow        : scroll;

}

.tobidebug_max
{
max-height      : 500px;
max-width       : 90%;
}




/* THE END */