@charset "UTF-8";
	/**
	 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
	 *
	 * (en) YAML core stylesheet
	 * (de) YAML Basis-Stylesheet
	 *
	 * Don't make any changes in this file!
	 * Your changes should be placed in any css-file in your own stylesheet folder.
	 *
	 * @copyright       Copyright 2005-2009, Dirk Jesse
	 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
	 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
	 * @link            http://www.yaml.de
	 * @package         yaml
	 * @version         3.1
	 * @revision        $Revision: 343 $
	 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
	 */

@media all
{

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurû¥cksetzen der Innen- und Auû?enabstûÊnde fû¥r alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurû¥cksetzen der AbstûÊnde verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von SchriftgrûÑû?en in ûÊlteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen fû¥r <fieldset> und <img> Elemente lûÑschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte fû¥r Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
  #main_inner li {
    margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content: ""; }

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

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung fû¥r #topnav Inhalte */
  #topnav { text-align: right; }  /* LTR */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px; /* LTR */
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main_inner, #footer_inner { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung fû¥r absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

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

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benûÑtigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: BenûÑtigt nur der Internet Explorer und û¥ber iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

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

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstû¥tzung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

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

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen fû¥r unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links fû¥r Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }
}


@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 16px auto; }

  /* Layout Properties | Layout-Eigenschaften */
.page_margins {
	width: 830px;
	position: relative;
	z-index:2;
	background: #fff;
}
  #main_inner { margin: 0px 0; background: #fff; }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */


  #col1 { float: right; width: 555px}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 555px 0 0}
  #col1_content { padding: 0 0px 0 0px; line-height: 1.5em;}
  #col3_content { padding: 0 16px 0 0px }

  #footer_inner  { padding: 10px 0px 0 0px }

.articlelistingwrapper  {
	padding: 1px 0px 0 0px;
}
.articlelistingwrapper h2 {
	line-height:21px;
	height: 21px;
	background: transparent url(0/images/custom/background/menu_bg.gif) repeat-x scroll;
	background-position: 0px -3px;
	padding-left: 10px;
}


  /*-------------------------------------------------------------------------*/
}

#MainContent h1.Product {
	color: #0a2b55;
	font-size: 16px;
	padding-left: 0px;
	font-weight: bold;
	margin-bottom: 2px;
	background: url();
}

.back_to_top{
	text-align:right;
}
.back_to_top a{
	background:transparent url(/out/1/html/0/images/arrow_up_active.gif) no-repeat;
	background-position: 0 3;
	padding: 0px 2px 0 14px;
}

.quickjump{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:10px 10px 3px;
	position:relative;
	margin-bottom:8px;
	position:relative;
}
.quickjump p{
	width: 211px;
	float: left;
	margin: 0px 10px 0px 0px;
	height:20px;
	line-height:20px;
}

.quickjump a, .leftbutton{
	background:transparent url(/out/1/html/0/images/custom/icon/arrow_next2.gif) no-repeat scroll 0 2px;
	padding:0 10px;
}




#col1 table {
	width: 460px;
}

.buynow {
  margin: 0 10px 0 0;
  padding: 0;
  width: 200px;
}

.buynow ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
}

.buynow li {
/*  border-top: 1px solid #cccccc;*/
/*  height: 20px;*/
  padding: 2px 0 3	px 0;
}



.ads{
	width: 158px;
	padding: 0px 5px;
	float: left;
	position: relative;
}


.detailtabs{
	background-color: #ccc;
	height:25px;
	line-height:25px;
	padding:0;
	margin-bottom: 10px;
}

.detailtabelement {
	background:transparent url(0/images/custom/background/detailtab.jpg) repeat-x scroll -20px 0px;
	margin-left: 1px;
	float:left;
	height:25px;
	position:relative;
	width:173px !important;
}
.detailtabelement a{
	font-size: 11pt;
	color:black;
}



.detailelementhover a, .detailelementactive a{
	background:transparent url(0/images/custom/background/detailtab_active.jpg) repeat-x scroll 0 0;
	height:25px;
	color:#0A2B55;
	margin:0 2px;
}
.detailelementactive a, .detailelementhover a, .detailelementhover a:active, .detailelementhover a:hover,  .detailelementactive a:active, .detailelementactive a:hover {
	background:transparent url(0/images/custom/background/detailtab_active.jpg) repeat-x scroll 0 0;
	color:#0A2B55;
	margin-left: 1px;
	width: 173px;
}

.detailtabelement a {
	/*background:transparent url(/out/1/html/0/images/custom/icon/arrow_down.gif) no-repeat scroll;
	background-position: 5px 5px;*/
	padding-left:22px;
	position:absolute;
	text-align:left;
	text-decoration:none;
	width:173px;
}

#ajax_detail_content {
	clear:both;
}

#ajax_detail_content table{
	margin: 0px;
	/*width: 99.95%*/
	width: 715px;
	/*width: 400px;*/
}

#ajax_detail_content td{
/*	border: none;*/
}



#Maincontent td {
	/*vertical-align: bottom;*/
}

.articletablelisting tr{
	vertical-align: bottom;
}
.articletablelisting td{
	padding: 3px 0 5px 5px;
/*	border-bottom: 1px dotted #ccc;*/
	vertical-align: bottom;
}

.articletablelisting th{
	border-bottom: 1px solid #ccc;
}
.biggerLink{
	margin-bottom: 5px;
}

.biggerLink a{
	font-size: 105%;
	font-weight: bold;

}


.adpics {
	margin-top: 10px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-ie7 {
    position: relative;
    height: 45px;
}
 .jcarousel-container {
 	position: absolute;
 }

.jcarousel-skin-ie7 .jcarousel-container {
    /*-moz-border-radius: 10px;*/
    /*background: #D4D0C8;
    border: 1px solid #808080;*/
    width: 200px;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 150px;
    padding: 5px 40px;
}


.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  150px;
    height: 50px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 50px;
    height: 50px;
    border: 0px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(0/images/custom/jc/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px -0px;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(0/images/custom/jc/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px -0px;;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(0/images/custom/jc/next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(0/images/custom/jc/prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/********* RATING **********/

.ratingresult {
	width: 210px;
	float: left;
}
.rrlink {
	width: 50px;
	float: left;
}

.rb {
	height: 15px;
	float: left;
	width: 100px;
	position: relative;
	margin: 0 10px;
}
.rbback {
	background:#FCE5BA none repeat scroll 0 0;
	position:absolute;
	width:100px;
}

.rbfront {
	background:#FFA600 none repeat scroll 0 0;
	position:absolute;
}

.chead {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

.ctext {
	margin-bottom: 25px;
	padding: 5px 10px;
}





















.minibasketitem {
	margin: 8px;
}
.minibasketitem td {
	vertical-align: top;
	padding: 4px 8px;
	border-top: 1px dotted #ccc;
}
.minibasketitem th {
	padding: 4px 8px;
}
.minibasketitem tbody tr:hover, .datatable tbody th:hover {
    background-color: #eeee00;
}


/* SimpleModal Styles */
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:auto; width:400px; background-color:#fff; border:3px solid #ccc;}
a.modalCloseImg {background:url(/out/1/html/0/images/custom/icon/close24.gif) no-repeat; width:25px; height:29px; display:inline; z-index
:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}


.smallinfo, .specialpriceinfo{
	font-size: 90%;
	margin: 3px 0px;
}

.smallinfo{
	color: #999;
}

.specialpriceinfo {
	color: red;
	font-weight: bold;
}