@charset "utf-8";
/* CSS Document */
/*
-----------------------------------------------------------------------------------------------------------
File Name: main_visual_banner-middle-en.css
Purpose: Cascading Style Sheets
Author/s: CP(N4)3
Date: 
Start Date	 Completion Date	Last upd by			Description
----------	 ---------------	---------------	--------------------------------------------------------------
2012/05/04   2012/05/04         CP(N4)3         Initial version
*/

#notification
{
    position:relative;
    /*margin:0 auto 0 auto;*/margin:15px auto 0 auto;
    
    /*width:980px;    height:260px;*/
    width:980px;    /*height:216px;*/
}

#mainVisualBanner
{   
    position: absolute;
    width: 1000px;    
	height: 346px;
    top: 0px;       
}

#visualBannerControl
{
    position: absolute;
	bottom: 0px;
	/*background-color:#383838;*/
	width: 100%;		  
	height: 30px;

    z-index: 3;
}

.viewPreviousVisualBannerIcon
{
    position: absolute;
    width: 30px;	
	height: 30px;
	/*top: 3px;	
	left: 12px;*/
	bottom: 70px;
	right: 5px;
    border: 0px;
    cursor: pointer;
	background-size: cover;
}

.visualBannerControlIcon
{
    position: absolute;
    width: 30px;	
	height: 30px;
	/*top: 3px;	
	left: 39px;*/
	bottom: 37px;
	right: 5px;
    border: 0px;
    cursor: pointer;
	background-size: cover;
}

.viewNextVisualBannerIcon
{
    position: absolute;
    width: 30px;	
	height: 30px;
	/*top: 3px;	
	left: 66px;*/
	bottom: 5px;
	right: 5px;
    border: 0px;
    cursor: pointer;
	background-size:cover;
}

#visualBannerEntrys
{
    overflow: hidden;
}

.visualBannerEntry
{   
    position: absolute;
    width: 1000px;    
	height: 346px;
    top: 0px;        
	left: 0px;
    overflow: hidden;
}

div.activeVisualBanner
{
    z-index: 2;
}

#mainVisualBanner div#visualBannerEntrys div.visualBannerEntry a:focus,
#mainVisualBanner div#visualBannerEntrys div.visualBannerEntry a:hover,
#mainVisualBanner div#visualBannerEntrys div.visualBannerEntry a:link,
#mainVisualBanner div#visualBannerEntrys div.visualBannerEntry a:visited
{
    text-decoration:none;
}

.visualBannerContent
{
    position: absolute;
    width: 1000px;    
	height: 346px;
    top: 0px;        
	left: 0px;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#mainVisualBanner div#visualBannerEntrys div.visualBannerEntry div.visualBannerContent > a > span
{
    display:block;
    width:100%;    height:100%;
    cursor:pointer;
}

/* Image Only Main Visual Banner */
.visualBannerImage1
{
    position: absolute;
    width: 1000px;    
	height: 346px;
    top: 0px;    
	right: 0px;
    overflow: hidden;
}

    div.visualBannerImage1 img
    {
        position:relative;
        top:0px;    left:0px;
        border:0px;
    }
    
/* Text with Image Main Visual Banner */
.visualBannerImage2
{
    position: absolute;
    width: 1000px;    
	height: 346px;
    top: 0px;    
	right: 0px;
    overflow: hidden;
}

    div.visualBannerImage2 img
    {
        position:absolute;
        top:0px;    right:0px;
        border:0px;
    }
	
.viewPreviousSubBannerIcon
{
    position: absolute;
    width: 30px;	
	height: 30px;
	top: 90px;
	right: 10px;
    border: 0px;
    cursor: pointer;
}

.subBannerControlIcon
{
    position: absolute;
    width: 30px;	
	height: 30px;
	top: 120px;
	right: 10px;
    border: 0px;
    cursor: pointer;
}

.viewNextSubBannerIcon
{
    position: absolute;
    width: 30px;	
	height: 30px;
	top: 150px;
	right: 10px;
    border: 0px;
    cursor: pointer;
}

div.activeSubBanner
{
    z-index: 2;
}