/* -------------------------------------------------------------------------------------------------------------
   ePages 5 - Storefront Style $Revision: 1.187.2.9 $
   ------------------------------------------------------------------------------------------------------------- */
  
  /* - - - Zusaetzliches - - - */
  .Readonly {
    color:#555555;
    background:#DDDDDD;
  }
  
  .Update {
  
      position:absolute;
      top:45%;
      left:25%;
      
      z-index: 2005;
      
      opacity: .85;
      filter:alpha(opacity=85);
      
      
      background: url("CASS_SEYDEL_LOGO.png") no-repeat 5px 5px;
      background-color: #FFF8CD;
      font-weight: bold;
      color: #000000;

      
      width: 600px;
      height: 140px;
      
      
      border: 6px solid #FFDD00;
      
      visibility:hidden;
      display: none;
      
      padding: 6px;
      padding-top: 60px;
      
      
      font-size: 28px !important;
      
      text-align: center;
      vertical-align: middle !important; 
      font-weight bold;
  }
  
  .TransparentLayer {
  
      position:absolute;
      top:0;
      left:0;
      opacity: .55;
      filter:alpha(opacity=55);
      
      background: #FFFFFF;
      
      width: 100%;
      height: 100%;
      display: none;
  }
  
  .CursorHand {
        cursor:hand;
  }
  
  div.ActionLeft {
        padding: 0 0 0 12px;
        background: url("../../../../SF/Icon/CASS/img_actionlink.gif") no-repeat top left;
        display: inline;
  }
  
  div.ActionLeft .ActionRight {
        padding: 0 16px 0 0;
        background: url("../../../../SF/Icon/CASS/img_actionlink.gif") no-repeat top right;
        display: inline;
  }

  
  
  .NavTreeHeight {
        width: 160px;
        display: table;
  }
  
  .Relative {
        position:relative;
  }
  
  .Italic {
        font-style:italic;
  }
  
  .BorderTop {
        border-top:1px solid #CDCCCC !important;
  }
  
  .BorderBottom {
        border-bottom:1px solid #CDCCCC !important;
  }
  
  .InlineDisplay {
        display: inline;
  }
  
  .LeftPadding {
      padding-left: 10px !important;
  }

  .RightPadding {
      padding-right: 10px !important;
  }

  .TopPadding {
     padding-top: 10px !important;
  }

  .BottomPadding {
      padding-bottom: 10px !important;
  }

  .LeftMargin {
      margin-left: 10px !important;
  }

  .RightMargin {
      margin-right: 10px !important;
  }

  .TopMargin {
     margin-top: 10px !important;
  }

  .BottomMargin {
      margin-bottom: 10px !important;
  }
      
  .TextBoxArea {
        width:375px;
        overflow:hidden;
        margin: 0 0 10px 10px;
  }
  
  .CategoryImageBoxArea {
        width:294px;
        overflow:hidden;
        margin: 0 0 10px 10px;
  }
  
  .LegendArea {
        width:91px;
        overflow:hidden;
        margin: 0 0 10px 0;
        font-size: 9px;
  }
  
  .LegendArea .text,
  .LegendArea .text:hover {
        color: #939598;
        font-size: 9px;
        font-weight:bold;
        vertical-align:middle;
        float:left;
  }
  
  .LegendArea .icon {
        margin-right: 5px;
        margin-bottom: 2px;
        vertical-align:middle;
        text-align:center;
        width:18px;
        height:23px;
        float:left;
        display:block;
  }
  
  .OrderBoxArea {
        width:243px;
        overflow:hidden;
        margin: 0 0 10px 10px;
  }
  
  .OrderBoxArea .headline {
        font-weight:bold;
        text-transform:uppercase;
        font-size:12px;
        padding: 3px 0 3px 0;
  }
  
  .Imagebox {
        margin-left: 10px;
        margin-bottom: 10px;
        float:left;
        display:inline;
        
        position: relative;
  }
  
  .height144 {
        height:144px;
        
  }
  
  .ImageboxClear {
        Position:absolute; 
        top:0px; 
        left:0px;
  }
  
  .Imagebox_1 {
        width:142px;
        height:142px;
        overflow:hidden;
  }
  
  .ImageboxBorder_1 {
        width:128px;
        height:128px;
        overflow:hidden;
  
        border:2px solid #CDCCCC;
        padding:5px;
  }
  
  .ImageboxBorderNone_1 {
        width:128px;
        height:128px;
        overflow:hidden;
  
        padding:7px;
  }
  
  .Imagebox_2 {
        width:294px;
        height:142px;
        overflow:hidden;
  }
  
  .ImageboxBorder_2 {
        width:280px;
        height:128px;
        overflow:hidden;
  
        border:2px solid #CDCCCC;
        padding:5px;
  }
  
  .ImageboxBorderNone_2 {
        width:280px;
        height:128px;
        overflow:hidden;
  
        padding:7px;
  }
  
  .Imagebox_3 {
        width:446px;
        height:142px;
        overflow:hidden;
  }
  
  .ImageboxBorder_3 {
        width:432px;
        height:128px;
        overflow:hidden;
  
        border:2px solid #CDCCCC;
        padding:5px;
  }
  
  .ImageboxBorderNone_3 {
        width:432px;
        height:128px;
        overflow:hidden;
  
        padding:7px;
  }
  
  .Imagebox_4 {
        width:598px;
        height:142px;
        overflow:hidden;
  }
  
  .ImageboxBorder_4 {
        width:583px;
        height:128px;
        overflow:hidden;
  
        border:2px solid #CDCCCC;
        padding:5px;
  }
  
  .ImageboxBorderNone_4 {
        width:583px;
        height:128px;
        overflow:hidden;

        padding:7px;
  }
  
  .ImageboxArea {
        width:677px;
        height: 600px;
        
        display: table;
        position: relative;
  }
  
  .ImageboxHiddenText {
        display:none;
        background:#ffffff;
  }
  
  .OrangeText {
        color:#FFDD00 !important;
        font-weight:bold;
  }
  
  .Highlight {
        color:#FFDD00 !important;
        font-weight:bold;
  }
  
  a.Action {
        font-weight:bold !important;
        padding: 0 0 0 12px;
        background: url("../../../../SF/Icon/CASS/img_actionlink.gif") no-repeat top left;
  }
  
  .ProductList_1 {
  }
  
  .ProductList_2 {
        background:#e6e7e8;
  }
  
  .ProductListTable {
        width:375px;
        font-size: 10px;
  }
  
  .ProductListTable td {
        vertical-align: top;
        padding-left:5px;
  }
  
  .ProductListTable .last {
        padding-right:5px;
  }
  
  .ProductListTable th {
        vertical-align: top;
        font-size:9px;
        font-weight:normal;
        text-align:left;
        padding-left:5px;
  }
  
  .ProductListTable .headline {
        color: #000000;
        font-weight: bold;
        font-size: 11px;
        text-transform: uppercase;
  }
  
  .ProductBarTop {
        /*width:363px;*/
        height:22px;
                
        color: #939598 !important;
        font-size:11px !important;
        font-weight: bold;
        
        position:relative;
				padding-top: 3px;
        /*left:617px;*/
        
        overflow:visible;
  }
  

  .ProductBarTop a,
  .ProductBarTop a:hover {
        color: #363636;
        font-size:11px;
        font-weight: bold;
        padding-left: 3px;
  }
  
  .ProductBarTop a, .ProductBarTop a:hover {
				text-decoration: underline;
  }
  
  .ProductBarTop img {
        vertical-align:middle;
  }
  
  .ProductBarTop .CredidCards {
        margin-top: 3px;
        margin-left: 3px;
  }

  
  .BubbleTextBox {
        visibility: hidden;
        display: none;
        position: absolute;
        width:242px;
        
        z-index:1000;
        
        background-color: #ffffff;
        border:2px solid #CDCCCC;
        padding:3px;
  }
  
  .InfoTextBox {
        visibility: hidden;
        display: none;
        position: absolute;
        width:142px;
        height:142px;

        z-index:1000;
        
        background-color: #ffffff;
        border:2px solid #CDCCCC;
        padding:3px;
  }
  
  .HomepageArea {
        margin: 0 0 10px 10px;
  }
  
  .NewsBox {
        border-bottom:1px solid #CDCCCC;
        margin-top: 5px;
        padding-left:24px;
  }
  
  .ImprintBox {
        border-bottom:1px solid #CDCCCC;
        padding-left:24px;
        width:136px;
  }
  
  .ImprintBoxTop {
        border-top:1px solid #CDCCCC;
        padding-left:24px;
        padding-top:4px;
        padding-bottom:4px;
        margin-top: 24px;
  }
  
  .WorkShopArea,
  .COntentArea {
        width: 598px;
        margin: 0 0 10px 10px;
  }
  
  .WorkShopImage {
        width: 294px;
        overflow:hidden;
        margin: 0 10px 10px 0;
  }
  
  .WorkShopText {
        width: 284px;
        overflow:hidden;
        margin: 0 0 10px 0;
  }
  
  .Action_ebene1 {
        padding-left: 0px;
        display:block;
  }
  
  .Action_ebene2 {
        padding-left: 0px;
        display:block;
  }
  
  .Action_ebene3 {
        padding-left: 14px;
        display:block;
  }
  
  .Action_ebene4 {
        padding-left: 28px;
        display:block;
  }
  
  .Action_ebene5 {
        padding-left: 42px;
        display:block;
  }
  
  .Action_active {
        font-weight:bold !important;
  }
 
  .ProductVariationTable {
        width: 100%;
  } 
 
  .ProductVariationTable td {
        background: #E6E7E8;
        padding:0 5px 0 5px;
        width:152px;
        height:22px;
        border-bottom: 3px solid white;
        border-top: 1px solid white;
        text-align:left;
  }
  
  .ProductVariationTable td select  {
        width:115px;
  }
  
  
  .ProductVariationTable td input {
        width:111px;
  }
  
  .ProductVariationTable th {
        background: url("../../../../SF/ImageSet/CASS/bgr_variation_name.gif") no-repeat left top;
        font-size: 9px;
        font-weight:bold;
        width:82px;
        height:24px;
        text-align:left;
        padding-left: 5px;
  }
  
  .ProductTextBoxArea {
        width:375px;
        /*height:400px;*/
        overflow:hidden;
        margin: 0 0 10px 10px;
  }
  
  .ProductAddToBasket {
        background:url("../../../../SF/ImageSet/CASS/bgr_addtobasket.gif") no-repeat left top;
        width:100%;
        height:33px;
        border-top:1px solid #CDCCCC;
        border-bottom:1px solid #CDCCCC;
  }
  
  .ProductHarpConfigurator {
        background:url("../../../../SF/ImageSet/CASS/bgr_harpconfigurator2.gif") no-repeat left top;
        width:100%;
        height:33px;
        border-top:1px solid #CDCCCC;
        border-bottom:1px solid #CDCCCC;
  }
  
  
  .ProductAddToBasket .Action, .ProductHarpConfigurator .Action {
        background: none;
        line-height: 34px !important;
        font-weight: bold;
        font-size: 10px;
        padding: 0 0 0 5px;
  }
  
  .ProductPriceArea {
        width:385px;
        margin: 12px 0 12px 0;
  }
  
  .ContactBackground {
        
        width: 100%;
        /*height: 652px;*/
        background: url("../../../../SF/ImageSet/CASS/bgr_contact_new.gif") no-repeat center top;
  }
  
  .ContactTableHead {
        background: none;
  }
  
  .ContactBackground table.Dialog,
  .ContactBackground table.Dialog td,
  .ContactBackground table.Dialog th,
  .ContactBackground .TableHead div,
  .ContactBackground .TableHead {
        background: none !important;
        border: none;
  } 
  
  input.Text {
      width: 165px;
      line-height: 120%;
  }
  select.Text {
      width: 170px;
      line-height: 120%;
  }
  
  .Dialog div.InputLabelling,
  .Dialog td.InputLabelling {
      width: 124px;
  }
  
 
  
  /* - - - Images - - - */
  
  #PreviewArea {
        width:294px;
        height:294px;
  }
  
  
  /* - - - Article - - - */
  .ArticleBox {
        width:375px;
        margin: 0 0 10px 10px;
  }
  
  .ArticleBoxLarge {
        width:294px;
        margin: 0 0 10px 10px;
  }
  
  /* - - - Layout - - - */
  .GeneralLayout {
        width: 980px;
        height: 100%;
  }

  /* - - - Content - - - */
  
  /* - - - Header - - - */
  
  .Header table.SizeContainer tr td {
        width:100%;
  }
  
  .Header .LocaleBox {
        width:181px;
        position:relative;
        top: 39px;
        text-transform:lowercase;
        vertical-align:middle;
  }
  
  .Header .LocaleBox img {
        vertical-align:middle;
        margin-left:5px;
  }
  
  .Header .LocaleBoxLink {
        color:#888888;
        font-size:9px;
  }
  
  .Header .LocaleBoxLink .Active {
        color:#ffffff;
        font-size:9px;
  }
  
  .Header .SearchInputField {
        background: url("../../../../SF/ImageSet/CASS/bgr_search_inputfield.gif") no-repeat left top;
        position:relative;
        top: 13px;
        !left:-9px;
				left:-3px;

        height:25px;
        padding: 0 0 0 10px;
  }
    
  /* - - - NavbarTop - - - */
    
  .NavBarTop .NavBar {
        height: 22px;
        white-space: nowrap,
        overflow: hidden;
  }
    
  .NavBarTop table.SizeContainer{
        width:100%;
  }

  .NavBarTop .NavigationElement {
        width: 89px;
        
        float:left;
        font-weight:bold !important;
        padding: 0px;
        margin: 0px;
        margin-right:2px;
        !margin-right:1px; /* IE */

        overflow:hidden;
        line-height: 22px;
        height: 22px;
  }
  html > body .NavBarTop .NavigationElement { /* alle Browser ausser IE 5.5 und 6 */
  	    margin-right:2px; 
  }
  
  .NavBarTop .NavigationElement a {
        line-height: 22px;
        padding-left:4px;
  }
  
  .NavBarTop .NavigationElement a:hover {
        text-decoration:none;
        color: #666666;
  }
  
  .NavBarTop .Active {
        width: 89px;
        
        float:left;
        font-weight:bold;
        padding: 0px;
        margin-right:2px;
        !margin-right:1px; /* IE */
       
        overflow:hidden;
  }
  html > body .NavBarTop .Active { /* alle Browser ausser IE 5.5 und 6 */
  	    margin-right:2px; 
  }
  
  
  .NavBarTop .last {
        background: url("../../../../SF/ImageSet/CASS/bgr_top_button_yellow.gif") no-repeat right top;
        font-weight:bold;
        padding: 0px;
        margin-right:0px;
        margin-left:0px;
        color:#000000;
        width: 89px;
        float:right;
  }
  
  
  .NavBarTop .last .NavigationElement {
        width: 89px;

  }
  
  .NavBarTop .first {
        width: 159px;
        background: url("../../../../SF/ImageSet/CASS/bgr_top_button_yellow_great.gif") no-repeat left top;
        float:left;
        font-weight:bold;
        padding: 0px;
        overflow:hidden;
  }
  
  .NavBarTop .first a, .NavBarTop .last a, .NavBarTop .first a:hover, .NavBarTop .last a:hover {
        color:#000000;
        padding-left:24px;
  }
  
  /* - - - SUCHE - - - */
  input.Search {
        width:163px !important;
        height:17px !important;
      
        font-size:12px !important;
        border:1px solid white !important;
        background: white !important;
  }
  
  input.SearchSubmit {
        width:75px;
      
        font-size:12px;
        color:#888888;
        border:none;
        background:none;
        text-align:left;
      
        margin-left:7px;
  }
  
  /* - - - NavBar Left - - - */
  .NavBarLeft .NavigationElement {
        border-top: 1px solid #CDCCCC;
        padding: 2px 4px 2px 24px;
  }
  
  .NavBarLeft .top {
        border-top: 1px solid #CDCCCC;
  }
  
  .NavBarLeft .LoginBox {
        padding: 0 0 0 14px !important;
        margin:0 !important;
  }
  
  
  .NavBarLeft input .Action,
  .NavBarLeft .LoginBox .Action {
        padding:0 !important;
        background:none !important;
        font-weight:normal !important;
  }
  
  .NavBarLeft .ContextBoxHead {
      padding: 0 0 5px 10px;
  }
  
  .NavBarLeft .ContextBox {
      display:table;
  }
  
  /* Login Box */
  input.Login {
      width:108px;
      line-height: 120%;
  }
  
  
  /* - - - BreadCrumb - - - */
  .ContentArea .BreadcrumbLastItem {
        position:relative;
        top:-17px;
        left:-166px;
      
        color:#939598;
        font-size:9px;
        font-weight:normal;

  }

  .ContentArea .BreadcrumbItem:hover,
  .ContentArea .BreadcrumbItem {
        position:relative;
        top:-17px;
        left:-166px;
     
        color:#939598;
        font-size:9px;
        font-weight:normal;
        
        margin: 0;
     
        background:url(../../../../SF/Icon/CASS/img_breadcrumb_arrow.gif) no-repeat right center !important;
        font-size: 10px !important;
  }
  
  .ContentArea a {
        text-decoration:underline;
  }
  
  .ContentArea a:hover {
        text-decoration:none;
  }
  
  /* - - - Orderprocess Statuis - - - */
  .OrderProcessStatus {
        position:relative;
        top:-22px;
  }
  
  ul.OrderProcessStatus li img {
      padding: 0 3px 0 0;
  }
  
  ul.OrderProcessStatus li {
      padding: 3px 0 2px 3px;
  }
  
  ul.OrderProcessStatus, 
  ul.OrderProcessStatus .Basket {
        height: 22px;
        background: none !important;
        overflow: visible;
  }
  
  .ActiveItem {
        background: none;
   }

  .PassedItem {
        background: none;
  }

  .NextItem {
        background: none;
  }
  
  /* - - - Listen - - - */
  
  div.ProductListHead {
        height: 24px;
        margin: 6px 0 0 0;
        padding: 0 0 0 0;
        border: 0;
        white-space: nowrap;
        text-align: left;
    
        background:  #ffffff;
    
  }
  
  .OrderByName {
        position: relative;
        left: 0px;
        top: 4px;
  }

  /* - - - Tabellen - - - */
  
  table.SpecialPricesTable,
  table.VariationsTable {
        border-spacing: 0px;
        border: 0px solid white;
  }

  table.SpecialPricesTable tr td,
  table.VariationsTable tr td {
        border: 0px solid white;
  }

  /* - - - Produktvergleich - - - */
  table.ComparisonTable{
        width: 100%;
        margin: 6px 0 0 0;
        border-spacing: 1px;
        border-collapse: collapse;
  }

  table.ComparisonTable tr td{
        border: 1px solid #cccccc;
        text-align: center;
  }

  table.ComparisonTable tr th{
        border: 1px solid #cccccc;
        background: #e6e7e8;
        color: #000000;
  }

  /* Mein Konto */
  
  .MyAccount .TableHead {
        width: 44px;
        padding-left:20px;
        background: #FFDD00 !important;
        border: #FFF155;
        overflow: visible;
  }
  .MyAccount .TableHead div {
        background: #FFDD00 !important;
        margin: 0;
        overflow: visible;
        padding-right:20px;
  }
  .MyAccount .Dialog {
        width: 446px;
        padding: 0;
  }
  .MyAccount .IllustratedLink {
        padding-left: 6px;
  }
  
  
  /* Fixes */
  #PreviewArea {
      position: relative;
      left: auto;
  }

  #PreviewArea img{
     position: relative;
  }
  
  
/* Updates vom 30.11.2009 (FW) */

.LineItemPayment tr,
.LineItemPayment td {
	background-color: #FEE554 !important;
}

.ItemEntryForm {
	padding: 10px;
}