/*  CSS Document 
    /* definitions for products page (detail) */

    /* SubNavigaton Def. */
    .divSubNavElement {
        border-bottom:1px solid #ffcc00;
        _height:30px; /* for IE */
        min-height:30px;
    }
    .divSubNavPointer {        
        background:url(../images/navigation/arrow.gif) no-repeat 0 0;
        float:left;
        margin:13px 0 0 1px;
        height:8px;
        width:12px;
        display:inline;           
    }
    .divSubNavTitle {
        float:left;
        padding:8px 0 8px 0;
        width:166px;   
    }
    ul.submenu {
        list-style:none;
        list-style-position:outside;
        padding:0 0 0 20px;
    }
    ul.submenu li {
        padding:0;
    }    
    li .divSubNavDisc {
        /* background: url(../images/navigation/disc.gif) no-repeat 0 0; */
        background: url(../images/navigation/arrow_blue.gif) no-repeat 0 0;
        float: left;
        margin: 14px 0 0 0;
        width: 8px;
        height: 8px;
    }
    li .divSubNavDiscActive {
        /* background: url(../images/navigation/disc.gif) no-repeat 0 0; */
        background: url(../images/navigation/arrow_black.gif) no-repeat 0 0;
        float: left;
        margin: 14px 0 0 0;
        width: 8px;
        height: 8px;
    }
    li .divSubNavTitle,
    li .divSubNavTitleSub {
        /* background: url(../images/navigation/line_dotted.gif) repeat-x 0 100%; */
        background: none;
        float: left;
        /* padding: 3px 0 3px 5px; */
        padding: 8px 0 8px 5px;
        width: 146px;
    }
    li .divSubNavTitleSub {
        background: none;
        padding: 2px 0 2px 5px;
        width: 126px;
    }

    /* basic layout structure, content */
    #divLeftCol {
	    float: left;
	    width: 240px;
	    /* min-height: 300px; */
	}
	#divRightCol {
	    float: left;
	    width: 690px;
	    min-height: 300px;
	    padding: 10px;
        border: 5px solid #FFFFFF;
        /* background-image: url(/images/main/white_trans.png); */
        background-color: #879FB7;
	}
	.divMovieContactCol {
	    float: left;
	    width: 215px;
	    padding-top: 20px;    
	}
	.divNavigationBox {
	    margin-bottom: 20px;    
	}
    .divNavigation {
	    padding: 10px 0px 20px 0px;  
	    margin-right: 21px;
	    border: 5px solid #FFFFFF;
	    /* background-image: url(/images/main/white_trans.png); */
        background-color: #879FB7;
	}
	.divSubNavigationSubItem {
	    float: left;
	    width: 160px;
	    padding: 0px 0px 0px 5px;
	    /* border-bottom: 1px solid #CCCCCC; */
	}
	.imageLinkInnovations {
	    margin-bottom: 10px;    
	}
	/*
	.divSubNavigationSubLink {
        padding-left: 1px;
	}
    */
	.divStartContentTop {
	    display: none;
	    width: 960px;    
	}
	.divStartContentTopLeft {
	    float:left;
	    width: 510px;       
	}
	.divStartContentTopRight {
	    float:left;
	    width: 450px;
	    padding-top: 30px;        
	}
	.divStartContentBottom {
	    width: 740px;
	    margin: 30px auto 0px auto;    
	}
	.divStartContentBottomSub {
	    width: 720px;
	    margin-left: 20px;    
	}
	.divStartContentBottomBox {
	    float:left;
	    width: 220px; /* 220px - padding*/
	    margin: 0px 20px 20px 0px;     
	}
	.divStartContentBottomBoxImage {
	    width: 220px;
	    height: 120px;
	    background-color: #ecebeb;
	}
	.imgStartContentBottomBoxImage {
	    width: 210px;
	    height: 110px;
	    margin: 5px 0px 0px 5px;    
	}
    /* basic layout structure, content end */
    
    /* box with round corners, color in portal_[portal].css */
    .divBottomLeft { background: url(/images/main/corner_lo_le.gif) 0 100% no-repeat; width: 155px; }
    .divBottomRight { background: url(/images/main/corner_lo_ri.gif) 100% 100% no-repeat }
    .divTopLeft { background: url(/images/main/corner_up_le.gif) 0 0 no-repeat }
    .divTopRight { background: url(/images/main/corner_up_ri.gif) 100% 0 no-repeat; padding: 10px 10px 10px 0 }
    
    /* box with round corner and border (contact) */
    .divBrdTop {background: url(/images/main/pixel_c8.gif) 0 0 repeat-x; background-color: #eee; width: 155px; }
    .divBrdBottom {background: url(/images/main/pixel_c8.gif) 0 100% repeat-x}
    .divBrdLeft {background: url(/images/main/pixel_c8.gif) 0 0 repeat-y}
    .divBrdRight {background: url(/images/main/pixel_c8.gif) 100% 0 repeat-y}
    .divBrdBottomLe {background: url(/images/main/cornerline_lo_le.gif) 0 100% no-repeat}
    .divBrdBottomRi {background: url(/images/main/cornerline_lo_ri.gif) 100% 100% no-repeat}
    .divBrdTopLe {background: url(/images/main/cornerline_up_le.gif) 0 0 no-repeat}
    .divBrdTopRi {background: url(/images/main/cornerline_up_ri.gif) 100% 0 no-repeat; padding: 10px 5px 10px 10px; } 
    .divBrdTopLe p {
        font-size: 10px;
        color: #999;    
    }
    .imgPhotoLeft {
        margin: 0 5px 0 0;
        /* border color in portal_[portal].css */    
    }
    .divContainerLeft {
        float: left;
        width: 225px;      
    }
    .divContainerRight {
        float: right;
        width: 225px;      
    }
    .divProductList {
        margin-bottom: 25px;    
    }
    .divMoreInfo {
        margin:7px 0 0 0;
    }
    .imgBorderGray {
        border: 3px solid #E4E4E4;
    }
    .divImageLeft {
        border:0 none;
        float:left;
        margin:0 10px 0 0;
        padding:0;
    }
    .divContentListLeft {
        float:left;
        width:335px;
        margin:0 11px 30px 0;
    }
    .divContentListRight {
        float:left;
        width:335px;
        padding:0;
        margin:0 0 30px 0;
    }
    
    /* product navigation (info links) */ 
    #divProductNavigation { 
        float: right; 
        width: 150px;
        margin: 0 0 15px 5px;
    }    
    
    /* print, back */
    #divLinkContainer { 
        float: right; 
        width: 150px; 
        text-align: right; 
    }
	
	/* contact box structure */
	.divContactLeft {
	    width: 40px; 
	    float: left; 
	    text-align: right; 
	    padding-bottom: 5px;     
	}
	.divContactRight {
	    width: 90px; 
	    padding: 2px 0 5px 5px;  
	    float: left;
	}
	.divContactImage {
	    width: 70px;    
	}
	
	/*  gallery classes */ 
	.imageGalleryTable, .imageGalleryThumb {
	    width: 156px; 
	    height: 156px;
	}
	.imageGalleryThumb {
	    float: left; 
	    background-image: url(/images/main/bg_gallery.gif); 
		background-color: #e5e5e5; 
	}  
	.imageGalleryTd {
	    text-align: center; 
	    vertical-align: middle; 
	    padding: 0px;
	}
	.imageGalleryZoomContainer {
	    display: none; 
	    /* background-repeat: no-repeat; 
	    background-image: url(/images/main/galerie_header.gif); */
	}
	.imageGalleryZoomHeaderTable {
	    margin: 0px; 
	    /* width: 502px;  */
	    height: 18px;
	}
	
	/* misc definitions */
	.imageContainerLeft {
	    float: left;    
	    padding: 0px 10px 0px 0px;
	    margin-right: 5px;
	}
	.imageContainerRight {
	    float: right;    
	    padding: 0px 5px 0px 10px;
	}
	.imageDescriptionContainer {
	    padding: 2px 0px 5px 0px; 
	    margin-left: 5px;   
	}
	.leftHalfContainer {
	    width: 50%;
		padding-right: 5px;
		float: left;
		margin-bottom: 10px;
		background-color: Aqua;
	}
	.rightHalfContainer {
	    /* no width, uses rest */
		padding-left: 5px;
		/* float: left; */
		margin-bottom: 10px;
		background-color: Lime;
	}
	
	/***** Table in Description Field Def. - Start *****/
	#divDescriptionsContainer table {
        border: 0px solid #999999;
        font-size: 12px;                
    }
    #divDescriptionsContainer td {
        /* background-color: #FFFFFF; */
        padding-left: 5px;
        vertical-align: top;
    }
    /***** Table in Description Field Def. - End *****/