﻿.wrapper { 
	width:100%;
	overflow:hidden;
}
.color_red
{
 color: #FF0000;
    font-weight: 700;    
}
.grid_1, .grid_2, .grid_0
{
    float: left;
    border-style: none;
    display: inline-block;
}

.grid_0
{
    width: 100%;
}
.grid_1
{
     width:160px;
   height:93px;
    float:right
}
.width_clear
{
width:100% !important    
}
.w_296
{
 width: 296px;    
}
.w_276
{
 width: 276px;    
}
.w_940
{
 width: 940px;  
}
.w_435
{
 width: 435px;  
}
.w_455
{
 width: 455px;  
}
.w_592
{
 width: 592px;  
}
.w_626
{
 width: 626px;  
}
.w_313
{
 width: 313px;  
}
.h_min_50
{
   min-height: 50px;
}
.h_25
{
   min-height: 25px !important;
}
.h_200
{
   height: 200px;
}
.h_209
{
   height: 310px;
}
.h_214
{
   height: 198px;
}
.h_530
{
   height: 530px;
}
.h_768 {
min-height: 768px;
}
.h_280 {
height: 280px;
}

/* Element Position ----------------------------------------------------------------------------------------------------*/
.m_auto
{
    margin:auto;
}
.m_R_10
{
    margin-right: 10px;
}
.m_L_5
{
    margin-left: 5px;
}

.m_L_10
{
    margin-left: 10px;
}
.m_L_15
{
    margin-left: 15px;
}
.m_T_20
{
    margin-top: 20px;
}
.m_T_10
{
    margin-top: 10px;
}
.m_T_5
{
    margin-top: 5px;
}
.m_B_5
{
    margin-bottom: 5px;
}
.m_B_10
{
    margin-bottom: 10px;
}
.m_B_15
{
    margin-bottom: 15px;
}
.m_10
{
    margin: 10px;
}
.m_20
{
    margin: 20px;
}
.m_5
{
    margin: 5px;
}
.p_5
{
    padding: 5px;
    top: 1px;
    left: -1px;
}
.p_10
{
    padding: 10px;
}
.p_R_14
{
    padding-right: 14px;
}

.p_R_10
{
    padding-right: 10px;
}
.p_R_0
{
    padding-right: 0px;
}
.p_L_10
{
    padding-left: 10px;
}
.p_L_5
{
    padding-left: 5px;
}
.p_L_15
{
    padding-left: 15px;
}
.p_L_25
{
    padding-left: 25px;
}
.p_L_0
{
    padding-left: 0px;
}
.fleft
{
    float: left;
}
.fright
{
    float: right;
   
}
.align_right
{
    text-align: right;
}
.align_center
{
    text-align: center;
}
.align_left
{
    text-align: left;
}
/* Clear Floated Elements------------------------------------------------------------*/
.clear
{
    clear: both;
}
.clearR
{
    clear: right;
}
.clearL
{
    clear: left;
}

.clearPad
{
    padding: 0;
}
.l_height_30
{
    line-height:23px;
}
.grid_0 .viewport
{
    float: left;
    width: 800px;
    height: 320px;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
}

.grid_0 .next
{
    background-position: 0 0;
    margin: 30px 0 0 10px;
}
.grid_0 .disable
{
    visibility: hidden;
}
.grid_0 .overview
{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
.grid_0 .overview li
{
    float: left;
    margin: 0;
    padding: 0px;
    height: 80px;
    list-style-type: none;
}

#carousel1 .viewport, #carousel2 .viewport
{
    height: 340px !important;
}
#carousel1, #carousel2
{
    height: 340px !important;
}
#carousel3
{
    height: 175px !important;
}
#carousel3 .overview li
{
    height: 80px !important;
}
#carousel5
{
    height: 105px !important;
    margin-bottom: 22px;
}

#carousel6, #carousel7
{
    height: 135px !important;
    margin-top: 5px !important;
}
#none_image
{
    float: left;
    width: 800px;
    height: 135px !important;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
}

.grid_0 ul
{
    padding: 0px;
    margin: 0px;
}


.line_gray
{
    background-color:#ccc;
    height: 3px;
    width: 100% !important;
    margin-top:3px;
   margin-bottom:10px;
}
.scrooll
{
    overflow: auto;
    scrollbar-face-color: #262626;
    scrollbar-shadow-color: #262626;
    scrollbar-highlight-color: #262626;
    scrollbar-3dlight-color: #262626;
    scrollbar-darkshadow-color: transparent;
    scrollbar-track-color: #5C6262;
    scrollbar-arrow-color: #FFFFFF;
}
#teaser
{
    float: right;
    right: 0;
    margin-top:20px;
}
#teaser:hover a.next, #teaser:hover a.prev
{
    display: inline;
}
#teaser .viewport
{
    float: left;
    width: 960px;
    height: 254px;
    overflow: hidden;
    position: relative;
}

#teaser .next
{
    position: absolute;
    right: 25px;
    top: 75px;
    z-index: 9000;
    background: transparent url(../images/news_next.png) no-repeat top center;
    width: 40px;
    height: 60px;
    display: none;
    float: right;
    cursor: pointer;
}
#teaser .prev
{
    position: absolute;
    left: 25px;
    top: 100px;
    z-index: 9000;
    background: transparent url(../images/news_prev.png) no-repeat top center;
    width: 40px;
    height: 60px;
    display: none;
    float: left;
    cursor: pointer;
}
#teaser .disable
{
    visibility: hidden;
}
#teaser .overview
{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
#teaser .overview img
{
     width: 960px;
    height: 254px;
}
#teaser .overview li
{
     width: 960px;
    height: 254px;
    margin: 0;
    padding: 0px;
    list-style-type: none;
}
#teaser ul
{
    padding: 0px;
    margin: 0px;
}
select {
-webkit-appearance: menulist;
box-sizing: border-box;
-webkit-box-align: center;
border: 1px solid;
height:30px;
color: #444;
background-color: white;
cursor: default;
width:100%;
padding:5px;
}
.content_inline table
{
width:95%;    
border-style:none;
}
.content_inline table tr td
{
line-height:35px;
text-align:left;  
padding:0px;
margin:0px;  
font-weight:bolder;
vertical-align:middle;
}
input[type=text],textarea
{
 width:90%;       
}
input[type=button],input[type=submit],input[type=reset]
{
margin:4px 4px  4px 0;
padding:7px;   
border:1px solid #ccc; 
}
input[type=button],input[type=submit]
{
margin:4px 4px  4px 0;
border:1px solid #ccc; 
padding:7px;    
}

 .easy-accordion
        {
            display: block;
            position: relative;
            overflow: hidden;
            padding: 0;
            margin: 0;
            font-weight:bold;
        }
        .easy-accordion dt, .easy-accordion dd
        {
            margin: 0;
            padding: 0;
        }
        .easy-accordion dt, .easy-accordion dd
        {
            position: absolute;
        }
        .easy-accordion dt
        {
            margin-bottom: 0;
            margin-left: 0;
            z-index: 5; /* Safari */
            -webkit-transform: rotate(-90deg); /* Firefox */
            -moz-transform: rotate(-90deg);
            -moz-transform-origin: 20px 0px; /* Internet Explorer */
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            cursor: pointer;
        }
        .easy-accordion dd
        {
            z-index: 1;
            opacity: 0;
            overflow: hidden;
        }
        .easy-accordion dd.active
        {
            opacity: 1;
        }
        .easy-accordion dd.no-more-active
        {
            z-index: 2;
            opacity: 1;
        }
        .easy-accordion dd.active
        {
            z-index: 3;
        }
        .easy-accordion dd.plus
        {
            z-index: 4;
        }
        
        
        
        /* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
        
        #accordion-3
        {
            width: 960px;
            height: 253px;
        }
        
        #accordion-3 dl
        {
            width: 960px;
            height: 253px;
        }
        #accordion-3 dt
        {
            line-height: 33px;
            text-align: left;
            font-family: verdana;
            letter-spacing: 1px;
            background-color: Blue;
            color:White;
            float: right;
           padding-left:10px;
        }
        #accordion-3 dt.active
        {
            cursor: pointer;
            color:White;
            background-color: red;
        }
        #accordion-3 dt.hover
        {
            color:White;
        }
        #accordion-3 dt.active.hover
        {
            color:White;
        }
        #accordion-3 dd
        {
            margin-right: 0px;
        }
        
        #accordion-3 a
        {
           color:White;
        }
        #accordion-3 dd img
        {
            float: right;
            position: relative;
            width: 960px;
        }