/**************************************************************************
*	@name		    Zozo UI Tabs
*	@descripton	    Create awesome tabbed content area
*	@version	    3.5
*   @requires       jQuery v1.7 or later
*	@copyright      Copyright (c) 2013 Zozo UI
*   @author         Zozo UI
*   @URL:           http://www.zozoui.com
**************************************************************************/


/*#region ==========================================================================
    Zozo Tabs Vertical Structure (Common)
========================================================================== */


.z-tabs.vertical
{ 
    margin: auto;
    color: #333; 
    font: normal 12px/18px sans-serif;
    padding: 5px 5px;
    clear: both;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}
.z-tabs.vertical > ul.z-tabs-nav, 
.z-tabs.vertical > ul.z-tabs-nav > li, 
.z-tabs.vertical > .z-container{border-color: #ddd; border-style: solid;}

.z-tabs.vertical > ul.z-tabs-nav
{
    float: left;
    /*width: 210px;*/
   /* display: block;*/
    position: relative;
    top: 0; 
    border-width: 1px 0 1px 1px;
    border-right-width: 0;
    /*margin: auto 0 !important;*/
    padding: 0;
}

.z-tabs.vertical.top-left > ul.z-tabs-nav{    margin-right: -1px;}
.z-tabs.vertical.top-right > ul.z-tabs-nav{    margin-left: -1px;}

    .z-tabs.vertical > ul.z-tabs-nav > li {
        background: #F9F9F9;
        border-width: 0 0 1px 0;
        list-style-type: none;
        margin: auto;        
        min-width: 100%;
        padding: 0px;
        overflow:hidden;            
    }

.z-tabs.vertical > ul.z-tabs-nav > li > a.z-link
{    
    text-decoration: none !important;
    border-bottom-width: 0;
    outline: 0;
    color: #333;     
    text-decoration: none;           
    font-size: 1.11em;                 
    position: relative;
    line-height: 50px;
    min-height: 48px;  
    margin:0 14px;   
    font-weight: bold;
    
}
    .z-tabs.vertical > ul.z-tabs-nav > li,
    .z-tabs.vertical > ul.z-tabs-nav > li > a.z-link{
        cursor: hand;
        cursor: pointer;
         display: block;
    }

    .z-tabs.vertical > ul.z-tabs-nav > li.z-active ,
    .z-tabs.vertical > ul.z-tabs-nav > li.z-active  > a.z-link{
        cursor:default;
    }

.z-tabs.vertical > ul.z-tabs-nav > li.z-active {
    border-right-width: 0;
    z-index: 10;
    background: white;
    position: relative;
    font-weight: bold;
}
.z-tabs.vertical > ul.z-tabs-nav > li.z-first.z-active{border-bottom-width: 1px;}
.z-tabs.vertical > ul.z-tabs-nav > li.z-last{border-bottom-width: 0;}

.z-tabs.vertical > .z-container
{
   /*margin-left: 210px;*/
    border-width: 1px;
    background: white;
    min-height: 158px;
    position: relative;
    /* z-index: 9;*/
    font-size: 1.2em; 
}
.z-tabs.vertical > .z-container > .z-content{display: none; padding: 1.4em 2em;background: none;}
.z-tabs.vertical > .z-container > h5 { font-weight: normal; }
.z-tabs.vertical > .z-container > h4 { /*text-shadow: 0px 1px 1px #F2F1F0;*/ border-bottom: 1px dotted #EEEDED; padding-top: 15px; padding-bottom: 5px; }


.ie7 body .z-tabs.vertical.top-left > ul.z-tabs-nav{    margin-right: 0;}
.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav{    margin-left: 0;}


.ie7 body .z-tabs.vertical.top-left > ul > li, 
.ie7 body .z-tabs.vertical.top-left > ul > li > .z-link,
.ie7 body .z-tabs.vertical.top-left > ul { z-index: 10 !important; }
.ie7 body .z-tabs.vertical.top-left > ul > li.z-active { border-right: 1px solid #fff !important; }
.ie7 body .z-tabs.vertical.top-left > .z-container { /*left: 0;*/ }


/*#endregion*/




/*#region ==========================================================================
     Zozo Tabs Vertical Rounded Cornors
========================================================================== */

.z-tabs.vertical.z-rounded > .z-container
{
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.z-tabs.vertical.z-rounded > ul.z-tabs-nav
{
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -khtml-border-radius: 6px 0 0 6px; 
    border-radius: 6px 0 0 6px;
}
.z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-first, 
.z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0  0 0;
}
.z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-last, 
.z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

/*#endregion*/




/*#region ==========================================================================
     Zozo Tabs Vertical Shadows
========================================================================== */

.z-tabs.vertical.z-shadows > ul.z-tabs-nav,
.z-tabs.vertical.z-shadows > .z-container
{ 
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);
    box-shadow:  0 1px 6px rgba(0, 0, 0, 0.125);
} 
.z-tabs.vertical.z-shadows > ul.z-tabs-nav > li
{ 
    -webkit-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15); 
}


/*.z-tabs.vertical.top-right.z-shadows > ul.z-tabs-nav > li:not(.z-active){box-shadow: inset 2px 2px 8px rgba(111, 111, 111, .05);}
.z-tabs.vertical.top-left.z-shadows > ul.z-tabs-nav > li:not(.z-active){box-shadow: inset -2px 2px 8px rgba(111, 111, 111, .05);}*/

/*#endregion*/




/*#region ==========================================================================
     Zozo Tabs Vertical Positioning
========================================================================== */

.z-tabs.vertical.top-right > ul.z-tabs-nav{float: right;border-width: 1px 1px 1px 0;}
/*.z-tabs.vertical.top-right > .z-container{margin-left: 0;margin-right: 210px;}*/
.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav
{
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-first, 
.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-last, 
.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.z-tabs.vertical.z-rounded.top-right > .z-container
{
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -khtml-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav > li.z-active { border-right-width: 0 !important; border-left: 1px solid #fff !important; left:-1px; }
.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav > li, 
.ie7 body .z-tabs.vertical.top-right > ul { z-index: 10 !important; }
.ie7 body .z-tabs.vertical.top-right > .z-container { }



/*#endregion*/




/*#region ==========================================================================
     Zozo Tabs Horizontal (Common)
========================================================================== */

.z-tabs.horizontal
{
    color: #333; 
    font: normal 12px/18px sans-serif;
    /*padding: 40px 0px;*/
    clear: both;

        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.z-tabs.horizontal > ul.z-tabs-nav, 
.z-tabs.horizontal > ul.z-tabs-nav > li, 
.z-tabs.horizontal > .z-container{border-color: #ddd;border-style: solid;}
.z-tabs.horizontal > ul.z-tabs-nav
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;    
}
.z-tabs.horizontal > ul.z-tabs-nav > li
{    
    position: relative;
    border-width: 1px 1px 0;
    float: left; 
    margin: 0 -1px 0 0; 
    padding: 0;       
    display: block; 
    vertical-align: top;    
    background: #F9F9F9;    
}
.z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link
{
    border-bottom-width: 0;
    /*padding: 12px 20px;*/
    padding:12px 0;
    outline: 0;    
    text-decoration: none;
    border-bottom-width: 0;
    outline: 0;
    color: #111;
    text-decoration: none;
    position: relative;
    line-height: 18px;  
    text-align: center;
    font-weight: bold;
}

.z-tabs.horizontal > ul.z-tabs-nav > li:hover{outline: 0 none;text-decoration: none;}
.z-tabs.horizontal > ul.z-tabs-nav > li.z-active
{    
    margin-bottom: -1px;
    padding-bottom: 1px;
    z-index: 1;
    font-weight: bold;       
}

.z-tabs.horizontal > ul.z-tabs-nav > li.z-active, 
.z-tabs.horizontal > ul.z-tabs-nav > li.z-active:hover {background: #fff; }
.z-tabs.horizontal > .z-container
{
    position: static;
    border-width: 1px; 
    clear: both; 
    width: 100%;
    min-height: 80px;
    background: #fff; 
    zoom: 1;
}

    .z-tabs.horizontal > ul.z-tabs-nav > li,
    .z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link{
        cursor: hand;
        cursor: pointer;
         display: block;
    }

    .z-tabs.horizontal > ul.z-tabs-nav > li.z-active ,
    .z-tabs.horizontal > ul.z-tabs-nav > li.z-active  > a.z-link{
        cursor:default;
    }

.z-tabs.horizontal >  .z-container > .z-content {/*padding: 1.4em 2em version 3.0;*/background: none;display: none;}


/*#endregion*/




/*#region ==========================================================================
      Zozo Tabs Horizontal Positioning 
========================================================================== */


/* top-left */
.z-tabs.horizontal.top-left { }
.z-tabs.horizontal.top-left > ul.z-tabs-nav{}
.z-tabs.horizontal.top-left > ul.z-tabs-nav > li{}

/* top-center */
.z-tabs.horizontal.top-center{width: 100%;overflow: hidden;padding-right:2px;/*version 3.0*/}
.z-tabs.horizontal.top-center > ul.z-tabs-nav
{
    clear: left;
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
}
.z-tabs.horizontal.top-center > ul.z-tabs-nav > li
{
    right: 50%;
    display: block;
    position: relative;
    float: left;
}
.z-tabs.horizontal.top-center > .z-container,
.z-tabs.horizontal.bottom-center > .z-container
{
    width:100%; /*version 3.0*/
    /*margin-right: 1px;version 3.0*/
}
.z-tabs.horizontal.top-right > .z-container
{
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
}

/* top-right */
.z-tabs.horizontal.top-right{   }
.z-tabs.horizontal.top-right > ul.z-tabs-nav
{ 
    float: right;
    position: relative;
    padding: 0;
    margin: 0 -1px 0 0;
}

.z-tabs.horizontal.top-right > .z-container
{
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
}
.ie7 body .z-tabs.horizontal.top-right > .z-container{ clear: none;}
.ie7 body .z-tabs.horizontal.top-right{margin-right:2px;}

/* bottom-left*/
.z-tabs.horizontal.bottom-left > ul.z-tabs-nav
{
    position: relative;
    padding: 0;
    margin: -3px 0px 0 3px;
    margin: 0;
}
.z-tabs.horizontal.bottom-left > ul.z-tabs-nav > li{border-width: 0px 1px 1px;}
.z-tabs.horizontal.bottom-left > ul.z-tabs-nav > li.z-active
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first, 
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-last, 
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.z-tabs.horizontal.z-rounded.bottom-left > .z-container
{
    -webkit-border-radius: 6px 6px 6px 0;
    -moz-border-radius: 6px 6px 6px 0;
    -khtml-border-radius: 6px 6px 6px 0;
    border-radius: 6px 6px 6px 0;
}
.z-tabs.horizontal.bottom-left > .z-container{padding: 0;margin: 0;}


/* bottom-center*/
.z-tabs.horizontal.bottom-center{width: 100%;overflow:hidden;padding-right:2px; /*version 3.0*/}
.z-tabs.horizontal.bottom-center > ul.z-tabs-nav
{ 
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
}
.z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li
{
    border-width: 0px 1px 1px;
    right: 50%;
    display: block;
    position: relative;
    float: left;
}
.z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li.z-active
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-first, 
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-last, 
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.z-tabs.horizontal.z-rounded.bottom-center > .z-container
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.z-tabs.horizontal.bottom-center > .z-container{padding: 0;/*margin: 0; version 3.0*/}

/* bottom-right*/
.z-tabs.horizontal.bottom-right > ul.z-tabs-nav
{
    float: right;
    position: relative;
    padding: 0;
    margin: 0;
    margin-right: -1px;
}
.z-tabs.horizontal.bottom-right > ul.z-tabs-nav > li{ border-width: 0px 1px 1px;}
.z-tabs.horizontal.bottom-right > ul.z-tabs-nav > li.z-active
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-first, 
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-last, 
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.z-tabs.horizontal.z-rounded.bottom-right .z-container
{
    -webkit-border-radius: 6px 6px 0 6px;
    -moz-border-radius: 6px 6px 0 6px;
    -khtml-border-radius: 6px 6px 0 6px;
    border-radius: 6px 6px 0 6px;
}
.z-tabs.horizontal.bottom-right > .z-container{padding: 0;margin: 0;}
.ie7 body .z-tabs.horizontal.bottom-right{margin-right:2px;}



/* top compact*/
.z-tabs.horizontal.top-compact > ul.z-tabs-nav
{
    padding: 0px;
    /*display: table; version 3.0*/
    width: 100%;
    margin-left: -1px;
    padding-left: 1px;       
} 
.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li{ /*width: 150px;*/margin: 0 -2px 0 0;display: inline-block;}
/*.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li > a.z-link{padding-left: 0;padding-right: 0;}*/
.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li.z-active{font-weight: normal; margin-bottom: -1px;padding-bottom: 1px;}
.z-tabs.horizontal.top-compact > .z-container
{
    margin: 0;
    padding: 0;
    /*version 3.0*/width: initial; 
    margin-right: -2px !important; /*version 3.0*/
}
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-first, 
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-last, 
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}
.z-tabs.horizontal.z-rounded.top-compact > .z-container
{
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
/* version 3.0*/
.ie7 body .z-tabs.horizontal.top-compact > ul.z-tabs-nav > li.z-first{padding-left: 1px;}
.ie7 body .z-tabs.horizontal.top-compact > ul.z-tabs-nav,
.ie7 body .z-tabs.horizontal.top-compact
{
    width: auto;       
} 

.ie7 .z-tabs.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li {margin-right:-3px}  
.ie7 .z-tabs.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li.z-last {margin-right:0}  

/* bottom compact*/
.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav
{
    padding: 0px;
   /* display: table; version 3.0*/
    width: 100%;
    margin-left: -1px;
    padding-left: 1px;       
}

     
.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li 
{ 
    /*width: 150px;*/
    margin: 0 -2px 0 0;
    display: inline-block;
    border-width: 0px 1px 1px; 
}


.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li > a.z-link
{ 
     padding-left: 0;
    padding-right: 0;
}

.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li.z-active
{
    margin-top: -1px;
    padding-top: 1px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.z-tabs.horizontal.bottom-compact > .z-container
{
    margin: 0;
    padding: 0;
    width: initial; 
    margin-right: -2px !important;/*version 3.0*/
}
     
.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-first, 
.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-last, 
.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0  0 5px 0;
    -moz-border-radius: 0  0 5px 0;
    -khtml-border-radius: 0  0 5px 0;
    border-radius: 0  0 5px 0;
}

.z-tabs.horizontal.z-rounded.bottom-compact > .z-container
{
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.ie7 body .z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li.z-first{padding-left: 1px;}
.ie7 body .z-tabs.horizontal.bottom > ul.z-tabs-nav
{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; 
}




/*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Horizontal Rounded Cornors
========================================================================== */
.z-tabs.horizontal.z-rounded > .z-container
{
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    -khtml-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-first, 
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0  0 0;
}
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-last, 
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.z-tabs.horizontal.top-left.z-rounded > .z-container
{
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    -khtml-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.z-tabs.horizontal.top-center.z-rounded > .z-container
{
    -webkit-border-radius: 6px 6px  6px 6px;
    -moz-border-radius: 6px 6px  6px 6px;
    -khtml-border-radius: 6px 6px  6px 6px;
    border-radius: 6px 6px  6px 6px;
}

.z-tabs.horizontal.top-right.z-rounded > .z-container
{
    -webkit-border-radius: 6px 0  6px 6px;
    -moz-border-radius: 6px 0  6px 6px;
    -khtml-border-radius: 6px 0  6px 6px;
    border-radius: 6px 0  6px 6px;
}



/*responsive*/
.z-tabs.horizontal.responsive.top-left.z-rounded > .z-container,
.z-tabs.horizontal.responsive.top-center.z-rounded > .z-container,
.z-tabs.horizontal.responsive.top-right.z-rounded > .z-container {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.z-tabs.horizontal.responsive.bottom-left.z-rounded > .z-container,
.z-tabs.horizontal.responsive.bottom-center.z-rounded > .z-container,
.z-tabs.horizontal.responsive.bottom-right.z-rounded > .z-container {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.z-tabs.horizontal.responsive.top-left.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.top-left.z-rounded > .z-tabs-mobile > li,
.z-tabs.horizontal.responsive.top-center.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.top-center.z-rounded > .z-tabs-mobile > li,
.z-tabs.horizontal.responsive.top-right.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.top-right.z-rounded > .z-tabs-mobile > li {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.z-tabs.horizontal.responsive.bottom-left.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.bottom-left.z-rounded > .z-tabs-mobile > li,
.z-tabs.horizontal.responsive.bottom-center.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.bottom-center.z-rounded > .z-tabs-mobile > li,
.z-tabs.horizontal.responsive.bottom-right.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.bottom-right.z-rounded > .z-tabs-mobile > li {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius:  0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius:  0 0 6px 6px;
}
/*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Horizontal Shadows
========================================================================== */
.z-tabs.horizontal.z-shadows > .z-container
{ 
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
}
.z-tabs.horizontal.z-shadows > ul.z-tabs-nav > li{box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);}
.z-tabs.horizontal.top-left.z-shadows >  ul.z-tabs-nav li.z-first,
.z-tabs.horizontal.top-compact.z-shadows > ul.z-tabs-nav > li.z-first{box-shadow: -3px 1px 1px -3px rgba(0, 0, 0, .2);}
.z-tabs.horizontal.top-right.z-shadows > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.top-compact.z-shadows > ul.z-tabs-nav > li.z-last{box-shadow: 3px 1px 1px -3px rgba(0, 0, 0, .2);}


/*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Underlined
========================================================================== */


/* underlined reset*/
.z-tabs.underlined,
.z-tabs.underlined > ul.z-tabs-nav,
.z-tabs.underlined > ul.z-tabs-nav > li,
.z-tabs.underlined > ul.z-tabs-nav > li.z-first,
.z-tabs.underlined > ul.z-tabs-nav > li.z-last,
.z-tabs.underlined > ul.z-tabs-nav > li.z-first.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li.z-last.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li:hover,
.z-tabs.underlined > ul.z-tabs-nav > li > a.z-link,
.z-tabs.underlined > ul.z-tabs-nav > li > a.z-link:hover,
.z-tabs.underlined > .z-container {
    border-width: 0;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background:none;
    filter:none;
}



.z-tabs.underlined.horizontal.top-left > ul.z-tabs-nav > li.z-first,
.z-tabs.underlined.horizontal.bottom-left > ul.z-tabs-nav > li.z-first{margin-left:0;}
.z-tabs.underlined.horizontal.top-right > ul.z-tabs-nav > li.z-last,
.z-tabs.underlined.horizontal.bottom-right > ul.z-tabs-nav > li.z-last{margin-right:0;}

.z-tabs.underlined.horizontal > ul.z-tabs-nav > li,
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li:hover{filter:none;background: transparent;padding:0;margin-left:16px;}


.z-tabs.underlined.horizontal > ul.z-tabs-nav > li{opacity: 0.80;}
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li:hover{opacity: 1;}

/*underlined horizontal top*/
.z-tabs.horizontal.underlined > ul.z-tabs-nav{border-width: 0;} 
/**/.z-tabs.horizontal.underlined > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined > ul.z-tabs-nav > li.z-active{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-bottom: 3px solid}
.z-tabs.horizontal.underlined > ul.z-tabs-nav > li > a.z-link{text-shadow: 0 1px 1px white;color: #333}
.z-tabs.horizontal.underlined > .z-container{border-width: 1px 0 0 0;}

.z-tabs.horizontal.underlined >.z-container > .z-content .z-content-inner {padding: 1.4em 1em;}


/*underlined horizontal bottom*/
.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li{background: transparent; border-width: 0;margin:0;margin-left:16px;padding:0;}

.z-tabs.horizontal.underlined.bottom-left > .z-container,
.z-tabs.horizontal.underlined.bottom-center > .z-container,
.z-tabs.horizontal.underlined.bottom-right > .z-container,
.z-tabs.horizontal.underlined.bottom-compact > .z-container{border-width: 0 0 1px 0;}


.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li:hover{background: transparent; border-width: 0;padding:0;color:#111;}

.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li.z-active{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-width:3px 0 0 0;background: #FCFCFC;}

.z-tabs.horizontal.underlined > .z-container > .z-content {padding: 1.4em 0;}

/* underlined vertical*/
.z-tabs.vertical.underlined > ul.z-tabs-nav > li,
.z-tabs.vertical.underlined > ul.z-tabs-nav > li:hover{filter:none;background: transparent;border-width: 0 1px 0 0;margin:0;padding:0;}
.z-tabs.vertical.underlined > ul.z-tabs-nav > li > a.z-link{text-shadow: 0 1px 1px white;color: #333}
.z-tabs.vertical.underlined > .z-container{border-width: 0;}

.z-tabs.vertical.underlined >.z-container > .z-content .z-content-inner {padding: 0 2em;}

.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li,
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li:hover{filter:none;background: transparent;border-width: 0 0 0 1px;margin:0;padding:0;}
.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li.z-active,
.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li:hover{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-right: 3px solid;background: #eee;}
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li.z-active,
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li:hover{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-left: 3px solid;background: #eee;}
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav{border-width:0;} 

.z-tabs.vertical.underlined > .z-container > .z-content {padding: 0 1.6em;}


.ie7 body .z-tabs.underlined.vertical.top-right > ul.z-tabs-nav > li.z-active { border-right-width: 0 !important; border-left: 3px solid #444 !important; left:-1px; }
.ie7 body .z-tabs.underlined.vertical.top-left > ul.z-tabs-nav > li.z-active { border-right: 3px solid #444 !important; }



.z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li > a.z-link {padding: 6px 6px;}
.z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li > a.z-link{padding: 8px 8px;}
.z-tabs.horizontal.underlined.medium > ul.z-tabs-nav > li > a.z-link{padding: 10px 10px;}
.z-tabs.horizontal.underlined.large > ul.z-tabs-nav > li > a.z-link{padding: 10px 12px;}
.z-tabs.horizontal.underlined.xlarge > ul.z-tabs-nav > li > a.z-link{padding: 12px 14px;}
.z-tabs.horizontal.underlined.xxlarge > ul.z-tabs-nav > li > a.z-link{padding: 14px 16px;}

.z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li:hover, 
.z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li:hover, 
.z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li.z-active {border-bottom-width: 2px;}



/*underlined themes*/
.z-tabs.underlined.red > .z-container,.z-tabs.underlined.red  > ul.z-tabs-nav > li,
.z-tabs.underlined.blue > .z-container,.z-tabs.underlined.blue  > ul.z-tabs-nav > li,
.z-tabs.underlined.deepblue> .z-container,.z-tabs.underlined.deepblue  > ul.z-tabs-nav > li,
.z-tabs.underlined.orange > .z-container,.z-tabs.underlined.orange  > ul.z-tabs-nav > li,
.z-tabs.underlined.green > .z-container,.z-tabs.underlined.green  > ul.z-tabs-nav > li,
.z-tabs.underlined.white > .z-container,.z-tabs.underlined.white  > ul.z-tabs-nav > li,
.z-tabs.underlined.silver > .z-container,.z-tabs.underlined.silver  > ul.z-tabs-nav > li,
.z-tabs.underlined.gray > .z-container,.z-tabs.underlined.gray  > ul.z-tabs-nav > li,
.z-tabs.underlined.black > .z-container,.z-tabs.underlined.black  > ul.z-tabs-nav > li   {border-color:#e6e6e6;}


.z-tabs.underlined.red  > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.red.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.red.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.red  > ul.z-tabs-nav > li:hover{border-color:#DD4B39;}


.z-tabs.underlined.blue > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.blue.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.blue.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.blue > ul.z-tabs-nav > li:hover{border-color:#00B0D8;}

.z-tabs.underlined.deepblue > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.deepblue.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.deepblue.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.deepblue > ul.z-tabs-nav > li:hover{border-color:#1E69DE;}

.z-tabs.underlined.orange > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.orange.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.orange.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.orange > ul.z-tabs-nav > li:hover{border-color:#FD9C00;}

.z-tabs.underlined.green > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.green.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.green.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.green > ul.z-tabs-nav > li:hover{border-color:#093;}


.z-tabs.underlined.white > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.white.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.white.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.white > ul.z-tabs-nav > li:hover{border-color:#D8D8D8;}

.z-tabs.underlined.crystal > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.crystal.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.crystal.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.crystal > ul.z-tabs-nav > li:hover{border-color:#999;}


.z-tabs.underlined.silver > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.silver.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.silver.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.silver > ul.z-tabs-nav > li:hover{border-color:#777;}

.z-tabs.underlined.gray > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.gray.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.gray.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.gray > ul.z-tabs-nav > li:hover{border-color:#333;}

.z-tabs.underlined.black > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.black.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.black.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.black > ul.z-tabs-nav > li:hover{border-color:black;}




/*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Themes
========================================================================== */
/* orange */    
.z-tabs.orange > ul.z-tabs-nav, 
.z-tabs.orange > ul.z-tabs-nav > li, 
.z-tabs.orange > .z-container{border-color: #D64817; border-style: solid;}
.z-tabs.orange > ul.z-tabs-nav > li
{ 
    background: #F2825B;
    background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2825B), color-stop(50%,#E55B2B), color-stop(100%,#F07146));
    background: -webkit-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: -o-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: -ms-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: linear-gradient(to bottom, #F2825B 0%,#E55B2B 50%,#F07146 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );  
}
.z-tabs.orange > ul.z-tabs-nav > li:hover 
{ 
    background: #F2825B;
    background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2825B), color-stop(50%,#E55B2B), color-stop(100%,#F07146));
    background: -webkit-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: -o-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: -ms-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: linear-gradient(to bottom, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );
}	
.z-tabs.orange > ul.z-tabs-nav > li.z-active{ background: #fff;text-shadow: 0 1px 1px white;color: Black;filter: none;}
.z-tabs.orange > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 1px #5E1902;}
.z-tabs.orange > ul.z-tabs-nav > li.z-active > a.z-link {color: black;text-shadow: 0 1px white;}

/* Crystal */    
.z-tabs.crystal > ul.z-tabs-nav, 
.z-tabs.crystal > ul.z-tabs-nav > li, 
.z-tabs.crystal > .z-container
{
    border-color: #ddd; 
    border-color: #b4b4b4; 
    border-style: solid;
}
.z-tabs.crystal > ul.z-tabs-nav > li
{ 
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );      
}
.z-tabs.crystal > ul.z-tabs-nav > li:hover 
{ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    background: whiteSmoke;
    background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ececec), color-stop(50%,#e0e0e0), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%); 
}	
.z-tabs.crystal > ul.z-tabs-nav > li.z-active
{ 
    background: #fff; 
    text-shadow: 0 1px 1px white;
    color: Black;
    filter: none;
}

/* GRAY  */    
.z-tabs.gray > ul.z-tabs-nav, 
.z-tabs.gray > ul.z-tabs-nav > li, 
.z-tabs.gray > .z-container{border-color: #B3B3B3; border-style: solid;}
.z-tabs.gray > ul.z-tabs-nav > li
{
    background: whiteSmoke;
    background: -moz-linear-gradient(top,  #dbdbdb 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #dbdbdb 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #dbdbdb 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #dbdbdb 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #dbdbdb 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f2f2f2',GradientType=0 );
}
.z-tabs.gray > ul.z-tabs-nav > li:hover 
{ 
    background: #e8e8e8;
    background: -moz-linear-gradient(top,  #e8e8e8 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f7f7f7 100%);
    background: -o-linear-gradient(top,  #e8e8e8 0%,#f7f7f7 100%);
    background: -ms-linear-gradient(top,  #e8e8e8 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom,  #e8e8e8 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f7f7f7',GradientType=0 );
}	
.z-tabs.gray > ul.z-tabs-nav > li.z-active
{ 
    background: #fff; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 1px white;
    filter:none;
}


/* Silver  */    
.z-tabs.silver > ul.z-tabs-nav, 
.z-tabs.silver > ul.z-tabs-nav > li, 
.z-tabs.silver > .z-container{border-color: #CECECE;border-style: solid;}
.z-tabs.silver > ul.z-tabs-nav > li
{   
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFCFC', endColorstr='#FBF9F9');
    background-color: #F2F0F0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
    background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.z-tabs.silver > ul.z-tabs-nav > li > a.z-link{ color:#444;text-shadow: 0 1px #eee;}
.z-tabs.silver > ul.z-tabs-nav > li:hover 
{ 
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#fbf9f9), color-stop(50%,#f7f5f6), color-stop(100%,#fcfcfc));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%);
    background: linear-gradient(to bottom,  #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fbf9f9',GradientType=0 );
}	
.z-tabs.silver > ul.z-tabs-nav > li.z-active{filter: none;background: #fff; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.z-tabs.silver > ul.z-tabs-nav > li.z-active > a.z-link{color:black;text-shadow: 0 1px #fff;}

/* GREEN */    
.z-tabs.green > ul.z-tabs-nav, 
.z-tabs.green > ul.z-tabs-nav > li, 
.z-tabs.green > .z-container{border-color: #336c2b; border-style: solid;}
.z-tabs.green > ul.z-tabs-nav > li
{
    color: white;
    background: #5fae53; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5fae53), to(#3b7c33)); 
    background: -webkit-linear-gradient(top, #5fae53, #3b7c33); 
    background: -moz-linear-gradient(top, #5fae53, #3b7c33); 
    background: -ms-linear-gradient(top, #5fae53, #3b7c33); 
    background: -o-linear-gradient(top, #5fae53, #3b7c33);
}
.z-tabs.green > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 1px 0 #387031;}
.z-tabs.green > ul.z-tabs-nav > li.z-active > a.z-link{text-shadow: 0 1px 1px white;color: Black}
.z-tabs.green > ul.z-tabs-nav > li:hover {background: #3b7c33;}	
.z-tabs.green > ul.z-tabs-nav > li.z-active
{ 
    background: #fff; 
    color: #2C3F0A;
    text-shadow: none;
    box-shadow: none;
    filter: none;
}

/* red */    
.z-tabs.red > ul.z-tabs-nav, 
.z-tabs.red > ul.z-tabs-nav > li, 
.z-tabs.red > .z-container{border-color: #951100; border-style: solid;}
.z-tabs.red > ul.z-tabs-nav > li
{ 
    color: #fff;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
    background: #d84a38;
    background: -moz-linear-gradient(top,  #FF6514 0%, #FF6514 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6514), color-stop(100%,#FF6514));
    background: -webkit-linear-gradient(top,  #FF6514 0%,#FF6514 100%);
    background: -o-linear-gradient(top,  #FF6514 0%,#FF6514 100%);
    background: -ms-linear-gradient(top,  #FF6514 0%,#FF6514 100%);
    background: linear-gradient(to bottom,  #FF6514 0%,#FF6514 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6514', endColorstr='#FF6514',GradientType=0 );
}	
.z-tabs.red > ul.z-tabs-nav > li:hover 
{ 
    background: #d34332;
    background: -moz-linear-gradient(top,  #FF6514 0%, #c53727 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6514), color-stop(100%,#c53727));
    background: -webkit-linear-gradient(top,  #FF6514 0%,#c53727 100%);
    background: -o-linear-gradient(top,  #FF6514 0%,#c53727 100%);
    background: -ms-linear-gradient(top,  #FF6514 0%,#c53727 100%);
    background: linear-gradient(to bottom,  #FF6514 0%,#c53727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6514', endColorstr='#c53727',GradientType=0 );
}	
.z-tabs.red > ul.z-tabs-nav > li.z-active
{ 
    background: white;
    color: #951100;
    text-shadow: none;
    filter: none;
}
.z-tabs.red > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}
.z-tabs.red > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}

/* blue */    
.z-tabs.blue > ul.z-tabs-nav, 
.z-tabs.blue > ul.z-tabs-nav > li, 
.z-tabs.blue > .z-container{border-color: #0487BD;border-style: solid;}
.z-tabs.blue > ul.z-tabs-nav > li
{    
    background: #1abde7;
    background: -moz-linear-gradient(top,  #1abde7 0%, #1c9dd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1abde7), color-stop(100%,#1c9dd1));
    background: -webkit-linear-gradient(top,  #1abde7 0%,#1c9dd1 100%);
    background: -o-linear-gradient(top,  #1abde7 0%,#1c9dd1 100%);
    background: -ms-linear-gradient(top,  #1abde7 0%,#1c9dd1 100%);
    background: linear-gradient(to bottom,  #1abde7 0%,#1c9dd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abde7', endColorstr='#1c9dd1',GradientType=0 );
}	
.z-tabs.blue > ul.z-tabs-nav > li a.z-link {color: white;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}
.z-tabs.blue > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}
.z-tabs.blue > ul.z-tabs-nav > li:hover {background: #21ADDF;}	
.z-tabs.blue > ul.z-tabs-nav > li.z-active
{ 
    background: #fff; 
    color: #000F4D;
    text-shadow: 0 1px rgba(78, 78, 78, 0.1); 
    filter: none;
}

/* deepblue */    
.z-tabs.deepblue > ul.z-tabs-nav, 
.z-tabs.deepblue > ul.z-tabs-nav > li, 
.z-tabs.deepblue > .z-container{border-color: #1E69DE;border-style: solid;}
.z-tabs.deepblue > ul.z-tabs-nav > li
{    
    background: #479fed; /* Old browsers */
    background: -moz-linear-gradient(top,  #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#479fed), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479fed', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}	
.z-tabs.deepblue > ul.z-tabs-nav > li a.z-link {color: white;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}
.z-tabs.deepblue > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}
.z-tabs.deepblue > ul.z-tabs-nav > li:hover {

    background: #238dea; /* Old browsers */
background: -moz-linear-gradient(top,  #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#238dea), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#065cdd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#238dea', endColorstr='#065cdd',GradientType=0 ); /* IE6-9 */

}	
.z-tabs.deepblue > ul.z-tabs-nav > li.z-active
{ 
    background: #fff; 
    color: #000F4D;
    text-shadow: 0 1px rgba(78, 78, 78, 0.1); 
    filter: none;
}

/* BlACK THEME */    
.z-tabs.black > ul.z-tabs-nav, 
.z-tabs.black > ul.z-tabs-nav > li, 
.z-tabs.black > .z-container{border-color: #343232; border-style: solid;}
.z-tabs.black > ul.z-tabs-nav > li
{
    color: white;
    background: #333333; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#555555)); 
    background: -webkit-linear-gradient(top, #333333, #555555); 
    background: -moz-linear-gradient(top, #333333, #555555); 
    background: -ms-linear-gradient(top, #333333, #555555); 
    background: -o-linear-gradient(top, #333333, #555555);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 );      
}
.z-tabs.black > ul.z-tabs-nav > li a.z-link{color: white;-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}
.z-tabs.black > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}
.z-tabs.black > ul.z-tabs-nav > li:hover {background: #353434;}	
.z-tabs.black > ul.z-tabs-nav > li.z-active
{ 
    background: #fff; 
    color: #3E3E3E;
    text-shadow: none;
    box-shadow: none;
    filter: none;
}


/* White THEME */    
.z-tabs.white > ul.z-tabs-nav, 
.z-tabs.white > ul.z-tabs-nav > li, 
.z-tabs.white > .z-container{border-color: #CECECE; border-style: solid;}
.z-tabs.white > ul.z-tabs-nav > li{background: #fff;}
.z-tabs.white > ul.z-tabs-nav > li a.z-link{color:#333;text-shadow: 0 1px #f5f5f5;}
.z-tabs.white > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: #333}
.z-tabs.white > ul.z-tabs-nav > li:hover {}	
.z-tabs.white > ul.z-tabs-nav > li.z-active{background: #fff; color: #333;text-shadow: none;box-shadow: none;filter: none;}



/*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Sizes
========================================================================== */


.z-tabs.vertical.mini > ul.z-tabs-nav > li > a.z-link,
.z-tabs.vertical.small > ul.z-tabs-nav > li > a.z-link,
.z-tabs.vertical.medium > ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.mini >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.small >  ul.z-tabs-nav > li > a.z-link  {font-weight: inherit;}

.z-tabs.vertical.mini > ul.z-tabs-nav > li.z-active > a.z-link,
.z-tabs.vertical.small > ul.z-tabs-nav > li.z-active > a.z-link,
.z-tabs.vertical.medium > ul.z-tabs-nav > li.z-active > a.z-link,
.z-tabs.horizontal.mini >  ul.z-tabs-nav > li.z-active > a.z-link,
.z-tabs.horizontal.small >  ul.z-tabs-nav > li.z-active > a.z-link  {font-weight: bold;}



.z-tabs.vertical.mini > ul.z-tabs-nav > li > a.z-link   {height: 30px;min-height: 30px;line-height: 32px;margin:0 10px;font-size: 11px;}
.z-tabs.vertical.small > ul.z-tabs-nav > li > a.z-link  {height: 35px;min-height: 35px;line-height: 38px;margin:0 12px;font-size: 11px;}
.z-tabs.vertical.medium > ul.z-tabs-nav > li > a.z-link {height: 41px;min-height: 41px;line-height: 44px;margin:0 14px;font-size: 12px;}
.z-tabs.vertical.large > ul.z-tabs-nav > li > a.z-link  {height: 47px;min-height: 47px;line-height: 50px;margin:0 18px;font-size: 13px;}
.z-tabs.vertical.xlarge > ul.z-tabs-nav > li > a.z-link {height: 52px;min-height: 52px;line-height: 56px;margin:0 20px;font-size: 13px;}
.z-tabs.vertical.xxlarge > ul.z-tabs-nav > li > a.z-link{height: 57px;min-height: 57px;line-height: 62px;margin:0 22px;font-size: 14px;}
    
.z-tabs.vertical.mini > ul.z-tabs-nav{min-width: 180px;width:25%;}
.z-tabs.vertical.small > ul.z-tabs-nav {min-width: 180px;width:25%;}
.z-tabs.vertical.medium > ul.z-tabs-nav {min-width: 200px;width:25%;}
.z-tabs.vertical.large > ul.z-tabs-nav {min-width: 220px;width:25%;}
.z-tabs.vertical.xlarge > ul.z-tabs-nav {min-width: 240px;width:25%;}
.z-tabs.vertical.xxlarge > ul.z-tabs-nav {min-width: 260px;width:25%;}


.z-tabs.horizontal.mini >  ul.z-tabs-nav > li > a.z-link    {font-size: 11px;padding: 7px 20px;}
.z-tabs.horizontal.small >  ul.z-tabs-nav > li > a.z-link   {font-size: 11px;padding: 10px 20px;}
.z-tabs.horizontal.medium >  ul.z-tabs-nav > li > a.z-link  {font-size: 12px;padding: 13px 24px;}
.z-tabs.horizontal.large >  ul.z-tabs-nav > li > a.z-link   {font-size: 13px;padding: 16px 28px;}
.z-tabs.horizontal.xlarge >  ul.z-tabs-nav > li > a.z-link  {font-size: 13px;padding: 19px 32px;}
.z-tabs.horizontal.xxlarge >  ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 22px 36px;}

/**/
.z-tabs.horizontal.top-compact.mini >  ul.z-tabs-nav > li > a.z-link    {font-size: 11px;padding: 7px 10px;}
.z-tabs.horizontal.top-compact.small >  ul.z-tabs-nav > li > a.z-link   {font-size: 11px;padding: 10px 11px;}
.z-tabs.horizontal.top-compact.medium >  ul.z-tabs-nav > li > a.z-link  {font-size: 12px;padding: 13px 12px;}
.z-tabs.horizontal.top-compact.large >  ul.z-tabs-nav > li > a.z-link   {font-size: 13px;padding: 16px 13px;}
.z-tabs.horizontal.top-compact.xlarge >  ul.z-tabs-nav > li > a.z-link  {font-size: 13px;padding: 19px 14px;}
.z-tabs.horizontal.top-compact.xxlarge >  ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 22px 15px;}

.z-tabs.horizontal.bottom-compact.mini >  ul.z-tabs-nav > li > a.z-link  {font-size: 11px;padding: 7px 0px;}
.z-tabs.horizontal.bottom-compact.small >  ul.z-tabs-nav > li > a.z-link   {font-size: 11px;padding: 10px 0px;}
.z-tabs.horizontal.bottom-compact.medium >  ul.z-tabs-nav > li > a.z-link  {font-size: 12px;padding: 13px 0px;}
.z-tabs.horizontal.bottom-compact.large >  ul.z-tabs-nav > li > a.z-link   {font-size: 13px;padding: 16px 0px;}
.z-tabs.horizontal.bottom-compact.xlarge >  ul.z-tabs-nav > li > a.z-link  {font-size: 13px;padding: 19px 0px;}
.z-tabs.horizontal.bottom-compact.xxlarge >  ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 22px 0px;}

.z-tabs.horizontal.mobile.mini > ul.z-tabs-nav > li > a.z-link   {height: 32px;line-height: 32px;margin:0 10px;font-size: 11px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.small > ul.z-tabs-nav > li > a.z-link  {height: 38px;line-height: 38px;margin:0 12px;font-size: 11px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.medium > ul.z-tabs-nav > li > a.z-link {height: 44px;line-height: 44px;margin:0 14px;font-size: 12px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.large > ul.z-tabs-nav > li > a.z-link  {height: 50px;line-height: 50px;margin:0 18px;font-size: 13px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.xlarge > ul.z-tabs-nav > li > a.z-link {height: 56px;line-height: 56px;margin:0 20px;font-size: 13px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.xxlarge > ul.z-tabs-nav > li > a.z-link{height: 62px;line-height: 62px;margin:0 22px;font-size: 14px;padding-top:0;padding-bottom:0;}

/*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Headlines
========================================================================== */

        .z-tabs.vertical.headline > ul.z-tabs-nav > li > a.z-link,
        .z-tabs.horizontal.headline > ul.z-tabs-nav > li > a.z-link {
            /*height: 40px;
        height:auto;*/
            line-height: 18px;
            display: block;
            margin: 0px;
            padding: 16px 20px 16px 20px;
            text-align: left;
        }

        .z-tabs.headline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-headline,
        .z-tabs.headline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span {
            display: block;
            font-size: .85em;
            font-weight: normal;
            /*padding-top: 3px;*/
        }


        /*icons*/
        .z-tabs.headline.medium > ul.z-tabs-nav > li > a.z-link.z-icon-o {
            
            background-repeat: no-repeat;
            background-position: 10px 12px;
            padding-left: 54px;
        }

.z-tabs.headline.mini > ul.z-tabs-nav > li > a.z-link  {padding: 13px 17px;height: 32px;}
.z-tabs.headline.small > ul.z-tabs-nav > li > a.z-link  {padding: 14px 18px;height: 34px;}
.z-tabs.headline.medium > ul.z-tabs-nav > li > a.z-link {padding: 15px 19px;height: 36px;}
.z-tabs.headline.large > ul.z-tabs-nav > li > a.z-link  {padding: 16px 20px;height: 38px;}
.z-tabs.headline.xlarge > ul.z-tabs-nav > li > a.z-link {padding: 17px 21px;height: 40px;}
.z-tabs.headline.xxlarge > ul.z-tabs-nav > li > a.z-link{padding: 18px 22px;height: 42px;}

      
    /*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Responsive
========================================================================== */
        /* animation slide tabs */
.z-tabs.horizontal.z-slide > .z-container,
.z-tabs.vertical.z-slide > .z-container,
.z-tabs > .z-container{overflow: hidden;position: relative;}
/**/
.z-tabs.horizontal.z-slide > .z-container > .z-content,
.z-tabs.vertical.z-slide > .z-container > .z-content,
.z-tabs > .z-container > .z-content,
.z-tabs > .z-container.z-animating  > .z-content {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
padding:0;
z-index:7;
}

.z-tabs.horizontal.z-slide > .z-container  > .z-content.z-active,
.z-tabs.vertical.z-slide > .z-container  > .z-content.z-active
{
    z-index:8;
}

.z-tabs.vertical > .z-container > .z-content > .z-content-inner,
.z-tabs.horizontal > .z-container > .z-content .z-content-inner{padding:25px 25px 25px;padding: 1.4em 2em;height: auto;}



/*responsive normal style */
  
  .z-tabs > ul.z-tabs-nav.z-tabs-mobile{display: none;}
       .z-tabs.horizontal   > ul.z-tabs-nav.z-tabs-mobile, 
       .z-tabs.horizontal   > ul.z-tabs-nav.z-tabs-mobile > li {width: 100%;float:none;}
            .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li {float: left;margin: 0 -2px 0 0;}
            .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li.z-last:nth-child(odd){width: 100%;}            
            .ie7 .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li {margin-right:-3px}              
        .z-tabs.horizontal.responsive > ul.z-tabs-nav {width: 100%;}
        .z-tabs.horizontal.responsive.top-right > ul.z-tabs-nav,
        .z-tabs.horizontal.responsive.bottom-right > ul.z-tabs-nav {  margin:0;}             
                .z-tabs.horizontal.responsive > ul.z-tabs-nav > li.z-active {margin-bottom: 0px;padding-bottom: 0px;z-index: initial;}
                .z-tabs.horizontal.responsive.bottom-left > ul.z-tabs-nav > li.z-active,
                .z-tabs.horizontal.responsive.bottom-center > ul.z-tabs-nav > li.z-active,
                .z-tabs.horizontal.responsive.bottom-right > ul.z-tabs-nav > li.z-active{margin-top: 0px;margin-bottom: 0px;padding:0; z-index: initial;}
            .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop {display: block; width: 100%;}



        /*responsive underlined style */
        .z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav {border-width:0;}
        .z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav > li.z-active,
        .z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav > li:hover {border-top-width:0;border-bottom-width:0;}
        .z-tabs.underlined.horizontal > ul.z-tabs-nav.z-tabs-mobile > li {margin-left: 0;}
        .z-tabs.underlined.horizontal > ul.z-tabs-nav.z-tabs-mobile > li a.z-link{padding-left: 0;}
            
        .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li, 
        .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li.z-active, 
        .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li:hover {margin-left: 0;}
        /**/
        .z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav.z-tabs-desktop > li,
        .z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav.z-tabs-desktop > li,
        .z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav.z-tabs-desktop > li,
        .z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav.z-tabs-desktop > li{margin-left: 0;}
            


        /*compact
.z-tabs.responsive.horizontal.top-compact > .z-container,
.z-tabs.responsive.horizontal.bottom-compact > .z-container {
    margin-right: -2px !important;
}

.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li > a.z-link {
padding-left: 10px;
padding-right: 10px;
}
*/






.z-tabs.responsive.top-left.z-rounded > ul.z-tabs-desktop > li.z-right, 
.z-tabs.responsive.top-left.z-rounded > ul.z-tabs-desktop > li.z-right > a.z-link {
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
-khtml-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}

.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first,
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first > a.z-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-left,
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-left > a.z-link {
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
-khtml-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}



.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-right,
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-right > a.z-link {
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
-khtml-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}

    /*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Mobile Menu
========================================================================== */


/*reset*/
.z-tabs.mobile > ul.z-tabs-nav,
.z-tabs.mobile > ul.z-tabs-nav > li,
.z-tabs.mobile > ul.z-tabs-nav > li.z-active,
.z-tabs.mobile > .z-container,
.z-tabs.mobile > .z-container > .z-content
{ 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow:none;
}




/*mobile horizontal style*/
.z-tabs.mobile.horizontal > ul.z-tabs-nav > li.z-active {
margin-bottom: 0;
padding-bottom: 0;
}

.z-tabs.mobile.horizontal > ul.z-tabs-nav > li {
border-width: 0px 0px 1px 0px;
}

.z-tabs.mobile.horizontal > ul.z-tabs-nav > li > a.z-link {
    text-align: left;
}
.z-tabs.mobile.horizontal > ul.z-tabs-nav.z-tabs-desktop > li.z-last {
border-bottom-width: 0;
}
.z-tabs.mobile.horizontal > ul.z-tabs-nav > li {
    margin: 0;
}


.z-tabs.mobile.z-shadows > ul.z-tabs-mobile {

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
}

/*mobile horizontal top-center style
.z-tabs.mobile.horizontal.bottom-center > ul.z-tabs-nav,
.z-tabs.mobile.horizontal.top-center > ul.z-tabs-nav,
.z-tabs.mobile.horizontal.bottom-center > ul.z-tabs-nav > li,
.z-tabs.mobile.horizontal.top-center > ul.z-tabs-nav > li {
left: 0;
right:0;
}
 */
/*mobile horizontal compact
.z-tabs.mobile.horizontal.top-compact > .z-container {
    margin-right: -0px !important;
}
*/
/*underlined tabs*/
.z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li, 
.z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li.z-active, 
.z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li:hover {
margin-left: 0;
}

.z-tabs.mobile.horizontal.underlined > .z-container {border-width: 0;}
.z-tabs.mobile.horizontal.underlined > ul.z-tabs-nav > li:hover, .z-tabs.mobile.horizontal.underlined > ul.z-tabs-nav > li.z-active {border-bottom-width: 1px;}

/* mobile vertical */
/* general*/
  .z-tabs.mobile > ul.z-tabs-nav.z-tabs-desktop > li {
         float: none;
         display:block;
         
     }

.z-tabs.mobile.vertical > ul.z-tabs-nav,
.z-tabs.mobile.horizontal > ul.z-tabs-nav {
    width: auto;
    border-width: 1px 1px 0 1px;
    float: none;
    border-bottom-width: 1px;
     display:block;
     padding:0;
     margin:0;
     min-width:0 !important;
}

.z-tabs.mobile.vertical ul.z-tabs-mobile,
.z-tabs.mobile.horizontal ul.z-tabs-mobile {
    border-bottom-width: 0px;
}

    .z-tabs.mobile.vertical ul.z-tabs-mobile > li,
    .z-tabs.mobile.horizontal ul.z-tabs-mobile > li{
        float: none;
        border-width: 0px;
    }

.z-tabs.mobile > .z-container {
    margin-top: 2px;
    width: auto;
}

.z-tabs.mobile.horizontal.bottom > .z-container {margin-bottom: 4px;}

.z-tabs.mobile.vertical.z-rounded > .z-container,
.z-tabs.mobile.horizontal.z-rounded > .z-container {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}



.z-tabs.mobile > ul.z-tabs-desktop{   
     height:auto;
      opacity:1;
     visibility:visible;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity  400ms  ease-in-out;
    transition: opacity  400ms ease-in-out;
}

.z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu {
    opacity:0;
    height:0;
    visibility: hidden;

}


/*arrow mobile icons*/
.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > span.z-title {
    margin-left:6px;
    opacity:1;
}


.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-title {
    margin-left:6px;
    opacity:1;
}

.z-tabs.mobile.horizontal > ul.z-tabs-nav > li > a.z-link,
.z-tabs.mobile.vertical > ul.z-tabs-nav > li > a.z-link {
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 18px !important;

}

.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-arrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity:1;
}


.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > span.z-arrow
{
    right: -10px;
    position: absolute;
    opacity: .25;
    background: url(../img/z-tabs-icons.png) no-repeat top left;
    background-position: -132px -4px;
    width: 25px;
    height: 40px;
    top: 50%;
    margin-top: -23px;
    /* CSS3 transition */
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
                     
.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > i.z-icon-menu {           
    background: url(../img/z-tabs-icons.png) no-repeat top left;
    background-position: -1470px -3px;
    width: 28px;
    height: 30px;
    margin-top: -24px;
    margin-left: -6px;
    display: inline-block;
}
.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-arrow {right: 0px;}
.z-tabs.z-icons-light.mobile > ul.z-tabs-mobile > li > a.z-link > i.z-icon-menu {background-position: -1470px -60px;}
.z-tabs.z-icons-light.mobile > ul.z-tabs-mobile > li > a.z-link > span.z-arrow   {background-position: -132px -61px;}


/*closed*/
.z-tabs.mobile.vertical > ul.z-tabs-mobile.z-state-closed,
.z-tabs.mobile.horizontal > ul.z-tabs-mobile.z-state-closed {
    border-width: 1px;
}

.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

    .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li,
    .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a.z-link,
    .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li,
    .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a.z-link {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }




/*open*/
.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile
 {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

    .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile > li,
     .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile > li  {
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -khtml-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-nav > li.z-last,
.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-nav > li.z-last,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-desktop,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-desktop  {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
    


/* mobile themes*/

.z-tabs.mobile.underlined > ul.z-tabs-nav > li > a.z-link {text-transform: uppercase;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.z-tabs.mobile.underlined > ul.z-tabs-desktop > li,
.z-tabs.mobile.underlined > ul.z-tabs-desktop > li > a {
    -moz-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
    -o-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
    -ms-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
    transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
}

/*
.z-tabs.horizontal.mobile {padding: 20px 0px !important;margin: 0 4px;position: relative;}
    .z-tabs.horizontal.mobile > ul.z-tabs-desktop {
        position: absolute;
        left: 0;
              
        width: 100%;
        z-index: 9999;
        background: white;
    }  
    */
        /* mobile underlined common         
.z-tabs.underlined.horizontal.mobile > ul.z-tabs-nav > li {opacity: 1;background: #FCFCFC;}
.z-tabs.underlined.horizontal.mobile > ul.z-tabs-nav,
.z-tabs.horizontal.underlined.mobile > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.mobile.hover > ul.z-tabs-nav > li:hover {border-width: 0;}
.z-tabs.horizontal.underlined.mobile > ul.z-tabs-desktop > li {border-width: 0px 0px 0px 1px;margin-top: 4px;}         
.z-tabs.horizontal.underlined.mobile > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
.z-tabs.horizontal.underlined.mobile > ul.z-tabs-nav.z-tabs-desktop > li:hover {border-width: 0px 0px 0px 1px;}      
      
.z-tabs.underlined.horizontal.mobile.m-blue > ul.z-tabs-nav > li {border-color: #47A3DA;}
.z-tabs.horizontal.underlined.mobile.m-blue > ul.z-tabs-nav.z-tabs-mobile > li,
.z-tabs.horizontal.underlined.mobile.m-blue > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
.z-tabs.horizontal.underlined.mobile.hover.m-blue > ul.z-tabs-nav.z-tabs-desktop > li:hover {background: #47A3DA;border-color: #47A3DA;}
.z-tabs.horizontal.underlined.mobile.m-blue > ul.z-tabs-nav.z-tabs-mobile > li > a,
.z-tabs.horizontal.underlined.mobile.m-blue > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a,        
.z-tabs.horizontal.underlined.mobile.hover.m-blue > ul.z-tabs-nav.z-tabs-desktop > li:hover > a{color: white;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}
        
.z-tabs.underlined.horizontal.mobile.m-red > ul.z-tabs-nav > li {border-color: #E97567;}
.z-tabs.horizontal.underlined.mobile.m-red > ul.z-tabs-nav.z-tabs-mobile > li,
.z-tabs.horizontal.underlined.mobile.m-red > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
.z-tabs.horizontal.underlined.mobile.hover.m-red > ul.z-tabs-nav.z-tabs-desktop > li:hover {background: #E97567;border-color: #E97567;}
.z-tabs.horizontal.underlined.mobile.m-red > ul.z-tabs-nav.z-tabs-mobile > li > a,
.z-tabs.horizontal.underlined.mobile.m-red > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a,
.z-tabs.horizontal.underlined.mobile.hover.m-red > ul.z-tabs-nav.z-tabs-desktop > li:hover > a{color: white;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}*/

/*style 2*/
.z-tabs.underlined.mobile > ul.z-tabs-nav > li, 
.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-active, 
.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-last,
.z-tabs.underlined.mobile > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-last:hover {
    border-color: #E6E6E6;
    background: #fff;
    border-width: 0 0 1px 0;
        opacity: 1;
        border-style: dotted;
}

.z-tabs.underlined.horizontal.mobile > ul.z-tabs-nav > li.z-last {border-width: 0 0 1px 0; }
.z-tabs.underlined.mobile > ul.z-tabs-nav.z-tabs-mobile,
.z-tabs.underlined.mobile > ul.z-tabs-nav.z-tabs-desktop{border-width:0;}
                                   
.z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
.z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li:hover {background: #FAFAFA;}
.z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover > ul.z-tabs-desktop > li:hover > a{color: #333;text-shadow: 1px 0px 1px rgba(175, 175, 175, 0.25);}        


.z-tabs.underlined.mobile.m-red > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-red > ul.z-tabs-desktop > li:hover > a{color: #DD4B39;}

.z-tabs.underlined.mobile.m-blue > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-blue > ul.z-tabs-desktop > li:hover > a{color: #00B0D8;}

.z-tabs.underlined.mobile.m-deepblue > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-deepblue > ul.z-tabs-desktop > li:hover > a{color: #1E69DE;}

.z-tabs.underlined.mobile.m-orange > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-orange > ul.z-tabs-desktop > li:hover > a{color: #FD9C00;}

.z-tabs.underlined.mobile.m-green > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-green > ul.z-tabs-desktop > li:hover > a{color: #093;}
/*
.z-tabs.underlined.mobile.m-white > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-white > ul.z-tabs-desktop > li:hover > a{color: #D8D8D8;}

.z-tabs.underlined.mobile.m-crystal > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-crystal > ul.z-tabs-desktop > li:hover > a{color: #999;}

.z-tabs.underlined.mobile.m-silver > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-silver > ul.z-tabs-desktop > li:hover > a{color: #777;}

.z-tabs.underlined.mobile.m-gray > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-gray > ul.z-tabs-desktop > li:hover > a{color: #333;}

.z-tabs.underlined.mobile.m-black > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-black > ul.z-tabs-desktop > li:hover > a{color: black;}
    */
/*#endregion*/




/*#region ==========================================================================
    Mobile Fixes
========================================================================== */
/* Prevent any object from being highlighted upon touch event*/
.z-tabs
.z-tabs *,
.z-tabs  ul,
.z-tabs  ul  li,
.z-tabs  ul  li a,
.z-tabs  .z-container  .z-content {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;outline: none;}

/*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Theird Party Support
========================================================================== */


/* Font Awesome */
.z-tabs > ul.z-tabs-nav > li > a.z-link i
{
    font-size: 16px;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
}


/*#endregion*/