.framework { background:url(images/logo.png) 25px 29px no-repeat; }
.framework a { display:block; height:100px; }

.wrapper { position:relative; margin:0px auto; padding:0px 20px 0px 20px; max-width:1200px; }
.wrapper.wrapper-tabs { margin-top:20px; margin-bottom:20px;  }
.wrapper.wrapper-tabs > div { background:#fbfbfb; padding:0px 20px 0px 20px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #bfbfbf; }

.wrap { background: none repeat scroll 0 0 #61a34b;
    margin: 0 5px;
    padding: 5px; }

/* Buttons */
a.button { display:block; float:left; }
a.button { background:url(images/buttons/input.button.right.png) top right no-repeat; padding-right:10px; }
a.button > span { float:left; position:relative; display:block; height:34px; line-height:26px; color:#000;  background:url(images/buttons/input.button.left.png) top left no-repeat; padding-left:20px; }
a.button > span > span {  float:left; color:#d85800; zoom: 1; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2); padding-right:20px;  }
a.button > span > span i { display:block; width:16px; height:16px; position:absolute; top:6px; left:-24px; background:url(images/loader/button.gif) center center no-repeat; }
a.button > span > span:before { color: #fff; content: attr(data-text); position:absolute; top:1px; left:21px; }
a.button:hover { background:url(images/buttons/input.button.right.over.png) top right no-repeat; padding-right:10px;  }
a.button:hover > span { position:relative; display:block; height:34px; line-height:26px; color:#ffdad3; cursor:pointer;   background:url(images/buttons/input.button.left.over.png) top left no-repeat; padding-left:20px;  }

h2 { display:block; margin:20px 0px 20px 0px; color:#2e2e2e; font-weight:normal; font-size:15px; text-shadow:0 0 1px rgba(255, 255, 255, 0.2);  }
h2 em { display:block; color:#959595; margin:5px 0px 0px 15px; }
/* h3 { display:block; margin:20px 0px 5px 0px; color:#909090; } */

pre { -moz-tab-size: 4; -o-tab-size:4; tab-size:4; }

.copy, 
.copy p { line-height:16px; }
.copy p { display:block; margin:5px 0px 5px 0px; }
.copy h1 { display:block; margin-bottom:20px; text-transform:uppercase; }

.pin { position:absolute; top:-100px; left:50%; background:#fb8800; margin:0px auto; padding:20px; color:#fff; text-shadow:#e87e00 -1px -1px; white-space:nowrap; }

.footer { padding:40px; background:#393939; color:#fff; text-shadow:#202020 -1px -1px; line-height:18px; font-size:11px; }


pre {
    word-wrap: break-word;
    padding: 6px 10px;
    line-height: 19px;
    margin-bottom: 20px;
 
}

code {
    margin: 0px 2px;
    padding: 0px 5px;
    font-size: 12px;
}

pre code {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

pre, code {
    font-family: Arial, sans-serif;
    color: #333;

}

pre, pre code {
    font-size: 13px;
}

pre .comment {
    color: #998;
}

pre .support {
    color: #0086B3;
}

pre .tag, pre .tag-name {
    color: navy;
}

pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre .id, pre .css-value, pre .entity.function, pre .storage.function {
    font-weight: bold;
}

pre .css-property, pre .css-value, pre .vendor-prefix, pre .support.namespace {
    color: #333;
}

pre .constant.numeric, pre .keyword.unit, pre .hex-color {
    font-weight: normal;
    color: #099;
}

pre .entity.class {
    color: #458;
}

pre .entity.id, pre .entity.function {
    color: #900;
}

pre .attribute, pre .variable {
    color: teal;
}

pre .string, pre .support.value  {
    font-weight: normal;
    color: #d14;
}

pre .regexp {
    color: #009926;
}






strong {  }


/* Reset lists */
ol, ul, li { list-style:none; }

blockquote, q { quotes:none; }

/* remember to define focus styles! */
:focus{ outline:0; }

ins { text-decoration:none }
del { text-decoration:line-through }

/* tables still need 'cellspacing="0"' in the markup */








img { border:none }



/* HTML 5 */
header, nav, section, article, aside, footer {
   display:block;
}

/* Crossbrowser float clear */
.fix { position:relative; display:inline-block; zoom:1; display:block; }
.fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0px; font-size:0px; }

.z-tabs.vertical
{ 
    margin: auto;
    padding: 5px 0px;
    clear: both;
    color: #333;
    font: 12px/1.7em "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.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;*/
    margin-top:0;
    margin-bottom:0;
    padding: 0;
}

.z-tabs.vertical.top-left > ul.z-tabs-nav{  margin-left:0;  margin-right: -1px;}
.z-tabs.vertical.top-right > ul.z-tabs-nav{ margin-right:0;   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;
    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
{
    /*padding: 40px 0px;*/
    clear: both;
    color: #333;
    font: 12px/1.7em "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.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;}


.z-tabs.underlined.orange > .z-container,.z-tabs.underlined.orange  > ul.z-tabs-nav > li { border-color:#e6e6e6;}


.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;}


/*#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.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.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;}
    

/* version 4.0*/ 
.z-tabs.vertical.mini > ul.z-tabs-nav > li > a.z-link   {height: 34px;line-height: 32px;margin:0 10px;font-size: 11px;}
.z-tabs.vertical.small > ul.z-tabs-nav > li > a.z-link  {height: 40px;line-height: 38px;margin:0 12px;font-size: 11px;}
.z-tabs.vertical.medium > ul.z-tabs-nav > li > a.z-link {height: 46px;line-height: 44px;margin:0 14px;font-size: 12px;}
.z-tabs.vertical.large > ul.z-tabs-nav > li > a.z-link  {height: 52px;line-height: 50px;margin:0 18px;font-size: 13px;}
.z-tabs.vertical.xlarge > ul.z-tabs-nav > li > a.z-link {height: 58px;line-height: 56px;margin:0 20px;font-size: 13px;}
.z-tabs.vertical.xxlarge > ul.z-tabs-nav > li > a.z-link{height: 62px;line-height: 66px;margin:0 22px 0 20px;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;/*padding:20px 40px 8px 20px*/}
.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;}

/*#endregion*/




/*#region ==========================================================================
    Zozo Tabs Multiline
========================================================================== */

        .z-tabs.vertical.z-multiline > ul.z-tabs-nav > li > a.z-link,
        .z-tabs.horizontal.z-multiline > ul.z-tabs-nav > li > a.z-link {
            line-height: 18px;
            display: block;
            margin: 0px;
            padding: 16px 20px 16px 20px;
            text-align: left;
            text-transform: uppercase;            
        }

        .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span,
        .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span {
            display: block;
            font-size: .9em;
            font-weight: normal;
            text-transform: none;
            text-align:left;     
            line-height: 1.85em;       
        }

        .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-icon,
        .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span.z-icon {     
            line-height: 1em;       
        }
        /*
        .z-tabs.z-multiline.large > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-headline2{margin-top:1px;}
        .z-tabs.z-multiline.xlarge > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-headline2{margin-top:2px;}
        .z-tabs.z-multiline.xxlarge > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-headline2{margin-top:3px;}
        */
        

.z-tabs.z-multiline.mini > ul.z-tabs-nav > li > a.z-link  {padding: 12px 28px 12px 12px;height: 32px;}
.z-tabs.z-multiline.small > ul.z-tabs-nav > li > a.z-link  {padding: 14px 32px 14px 14px;height: 32px;}
.z-tabs.z-multiline.medium > ul.z-tabs-nav > li > a.z-link {padding: 16px 36px 16px 16px;height: 32px;}
.z-tabs.z-multiline.large > ul.z-tabs-nav > li > a.z-link  {padding: 17px 40px 17px 17px;height: 32px;}
.z-tabs.z-multiline.xlarge > ul.z-tabs-nav > li > a.z-link {padding: 18px 44px 18px 18px;height: 32px;}
.z-tabs.z-multiline.xxlarge > ul.z-tabs-nav > li > a.z-link{padding: 18px 48px 18px 18px;height: 32px;}

      
.z-tabs.horizontal.z-multiline.top-compact.mini >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.mini >  ul.z-tabs-nav > li > a.z-link    {padding: 12px}
.z-tabs.horizontal.z-multiline.top-compact.small >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.small >  ul.z-tabs-nav > li > a.z-link   {padding: 14px}
.z-tabs.horizontal.z-multiline.top-compact.medium >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.medium >  ul.z-tabs-nav > li > a.z-link  {padding: 16px}
.z-tabs.horizontal.z-multiline.top-compact.large >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.large >  ul.z-tabs-nav > li > a.z-link   {padding: 17px}
.z-tabs.horizontal.z-multiline.top-compact.xlarge >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.xlarge >  ul.z-tabs-nav > li > a.z-link  {padding: 18px}
.z-tabs.horizontal.z-multiline.top-compact.xxlarge >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.xxlarge >  ul.z-tabs-nav > li > a.z-link {padding: 18px}





    /*#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;}
            




.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;
}

/*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;
}

/*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;}

/*#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;
}

.z-tabs > ul.z-tabs-nav > li > a.z-link > span.z-icon,
.z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-icon,
.z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span.z-icon
{
    width: 20px;    
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    text-transform: initial;
    text-align: left;
}
.carousel { position:relative; min-height: 20px; height:auto !important; height: 20px;  background:url(images/loader.gif) center center no-repeat; }
			.carousel .next,
			.carousel .prev { cursor: pointer;
    display: none;
    height: 56px;
    left: 50%;
    margin-top: 0;
    position: absolute;
    width: 56px;
    z-index: 5; }
			.carousel .prev { margin-left:-60px; background:url(../images/arrow.png) 0 0 no-repeat;  }
			.carousel .next {background: url("../images/arrow.png") no-repeat scroll -67px 0 rgba(0, 0, 0, 0);
    margin-right: -60px; }
			.carousel li { display:none; }
			.carousel li img { display:block; margin:0 auto; height:auto; }
			.paging { position:absolute; z-index:9998; }
			.paging > a { display:block; cursor:pointer; width:40px; height:40px; float:left; background:url(images/dots.png) 0px -40px no-repeat; }
			.paging > a:hover,
			.paging > a.current { background:url(images/dots.png) 0px 0px no-repeat;  }
			.badge { display:block; width:104px; height:104px; background:url(images/badge.png) 0 0 no-repeat; z-index:9000; position:absolute; top:-3px; left:-3px; }
			img {
-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;    
}
			/* Figure */