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

    /* basic layout structure, content */
    #divLeftCol {
	    float: left;
	    width: 200px;
	    /* min-height: 300px; */
	    padding-top: 5px;
	}
	#divRightCol {
	    float: left;
	    width: 525px;
	    min-height: 300px;
	    padding-top: 10px;
	   /*  border: 1px solid green; */
	}
	#divMovieContactCol {
	    float: left;
	    width: 215px;
	    min-height: 300px;
	    padding-top: 10px;    
	}
    .divNavigation {
	    padding-bottom: 20px;  
	}
	.divSubNavigationSubItem {
	    float: left;
	    width: 150px;
	    padding: 0px 0px 0px 5px;
	    /* border-bottom: 1px solid #CCCCCC; */
	}
	.divSubNavigationSubLink {
        padding-left: 10px;
	}
	.divStartContentTop {
	    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;
	}
	
	/*  gallery classes */ 
	.imageGalleryTable, .imageGalleryThumb {
	    width: 140px; 
	    height: 140px;
	}
	.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 10px 0px 0px;
	}
	.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;
	}
	hr.sitemap     
    {
        border: 1px solid #eee;
        border-bottom: none; /* 4 firefox */
        height: 1px;
        padding: 0; 
        margin: 0 0 15px 0;
    }
    ul.sitemap {
	    list-style-type: none;
	    margin-bottom: 5px;
	    margin-top: 0;
	    margin-left: 15px;
	}

	ul.sitemap ul {
	    list-style-type: none;
	}