/********** Tabs **********/
div.tabs
{
    clear: both;
    margin: 0;
}

div.css-panes
{
    background-color: #F5F5F5;
    border: solid 1px #A9A9A9;
    padding: 1.5em;
}

ul.css-tabs
{
    height: 30px;
    margin: 0 !important;
    padding: 0;
}

ul.css-tabs a
{
    background: url(/Assets/Images/detailsTabs.png) no-repeat;
    border: 0;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
    position: absolute;
    text-decoration: none;
    _float: left;
    _left: 0px;
}

ul.css-tabs a:active
{
    outline: none;
}

ul.css-tabs a:hover
{
    
    color: #FFF;
}

ul.css-tabs a:hover.current
{
    color: #800 !important;
}

ul.css-tabs li
{
    display: inline-block;
    float: left;
    height: 30px;
    margin: 0 !important;
    padding: 0;
    position: relative;
    text-align: center;
    top: 1px;
}

ul.css-tabs li.s
{
    width: 81px;
}

ul.css-tabs li.s a, ul.css-tabs li.s a:link
{
    background-position: -553px 0px;
    width: 81px;
}

ul.css-tabs li.s a:hover
{
    background-position: -553px -31px;
}

ul.css-tabs li.s a.current
{
    background-position: -553px -61px;
}

ul.css-tabs li.s a.current:hover
{
    background-position: -553px -61px;
    cursor: default;
}

ul.css-tabs li.m
{
    width: 133px;
}

ul.css-tabs li.m a, ul.css-tabs li.m a:link
{
    background-position: -420px 0px;
    width: 133px;
}

ul.css-tabs li.m a:hover
{
    background-position: -420px -31px;
}

ul.css-tabs li.m a.current
{
    background-position: -420px -61px;
}

ul.css-tabs li.m a.current:hover
{
    background-position: -420px -61px;
    cursor: default;
}

ul.css-tabs li.l
{
    width: 174px;
}

ul.css-tabs li.l a, ul.css-tabs li.l a:link
{
    background-position: -246px 0px;
    width: 174px;
}

ul.css-tabs li.l a:hover
{
    background-position: -246px -31px;
}

ul.css-tabs li.l a.current
{
    background-position: -246px -61px;
}

ul.css-tabs li.l a.current:hover
{
    background-position: -246px -61px;
    cursor: default;
}

ul.css-tabs li.xl
{
    width: 248px;
}

ul.css-tabs li.xl a
{
    background-position: 0 0;
    width: 248px;
}

ul.css-tabs li.xl a:hover
{
    background-position: 0 -31px;
}

ul.css-tabs li.xl a.current
{
    background-position: 0 -61px;
}


ul.css-tabs li.nl
{
    width: 174px;
}

ul.css-tabs li.nl a, ul.css-tabs li.nl a:link
{
        background-position: -246px -61px;
        width: 174px;
}

ul.css-tabs li.nl a:hover
{
        background-position: -246px -61px;
}

ul.css-tabs li.nl a.current
{
        background-position: -246px -61px;
}

ul.css-tabs li.nl a.current:hover
{
        background-position: -246px -61px;

}

/********** Listing Tabs with black tab **********/

ul.css-tabs-listing
{
    height: 30px;
    margin: 0 !important;
    padding: 0;
}

ul.css-tabs-listing a
{
    background: url(/Assets/Images/detailsTabs.png) no-repeat;
    border: 0;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
    position: absolute;
    text-decoration: none;
    _float: left;
    _left: 0px;
}

ul.css-tabs-listing a:active
{
	outline: none;
}

ul.css-tabs-listing li
{
    display: inline-block;
    float: left;
    height: 30px;
    margin: 0 !important;
    padding: 0;
    position: relative;
    text-align: center;
    top: 1px;
}

li.s-blackTab
{
    width: 81px;
}

li.s-blackTab a, li.s-blackTab a:link
{
    background-position: -553px 0px;
    width: 81px;
    color: #800 !important;
}

li.s-blackTab a:hover
{
    background-position: -553px -31px;
    color: #800 !important;
}

li.s-blackTab a.current
{
    background-position: -553px -94px;
    color: #FFF !important;
}

li.s-blackTab a.current:hover
{
    background-position: -553px -94px;
    cursor: default;
    color: #FFF !important;
}

li.m-blackTab
{
    width: 133px;
}

li.m-blackTab a, li.m-blackTab a:link
{
    background-position: -420px -94px;
    width: 133px;
    color: #FFF !important;
}

li.m-blackTab a:hover
{
    background-position: -420px -94px;
    color: #FFF !important;
}

li.m-blackTab a.current
{
    background-position: -420px -94px;
    color: #FFF !important;
}

li.m-blackTab a.current:hover
{
    background-position: -420px -94px;
    cursor: default;
    color: #FFF !important;
}

li.l-blackTab
{
    width: 174px;
}

li.l-blackTab a, li.l-blackTab a:link
{
    background-position: -246px 0px;
    width: 174px;
    color: #800 !important;
}

li.l-blackTab a:hover
{
    background-position: -246px -31px;
    color: #800 !important;
}

li.l-blackTab a.current
{
    background-position: -246px -94px;
    color: #FFF !important;
}

li.l-blackTab a.current:hover
{
    background-position: -246px -94px;
    cursor: default;
    color: #FFF !important;
}

li.xl-blackTab
{
    width: 248px;
}

li.xl-blackTab a
{
    background-position: 0 0;
    width: 248px;
    color: #800 !important;
}

li.xl-blackTab a:hover
{
    background-position: 0 -31px;
    color: #800 !important;
}

li.xl-blackTab a.current
{
    background-position: 0 -94px;
    color: #FFF !important;
}


li.nl-blackTab
{
    width: 174px;
}

li.nl-blackTab a, li.nl-blackTab a:link
{
        background-position: -246px -94px;
        width: 174px;
        color: #800 !important;
}

li.nl-blackTab a:hover
{
        background-position: -246px -94px;
        color: #800 !important;
}

li.nl-blackTab a.current
{
        background-position: -246px -94px;
        color: #FFF !important;
}

li.nl-blackTab a.current:hover
{
        background-position: -246px -94px;
        color: #FFF !important;
}

/********** Listing Tabs without blacktab **********/

ul.css-tabs-listing li.s
{
    width: 81px;
}

ul.css-tabs-listing li.s a, ul.css-tabs-listing li.s a:link
{
    background-position: -553px 0px;
    width: 81px;
    color: #800 !important;
}

ul.css-tabs-listing li.s a:hover
{
    background-position: -553px -31px;
    color: #FFF !important;
}

ul.css-tabs-listing li.s a.current
{
    background-position: -553px -61px;
    color: #800 !important;
}

ul.css-tabs-listing li.s a.current:hover
{
    background-position: -553px -61px;
    cursor: default;
    color: #800 !important;
}

ul.css-tabs-listing li.m
{
    width: 133px;
}

ul.css-tabs-listing li.m a, ul.css-tabs-listing li.m a:link
{
    background-position: -420px 0px;
    width: 133px;
    color: #800 !important;
}

ul.css-tabs-listing li.m a:hover
{
    background-position: -420px -31px;
    color: #FFF !important;
}

ul.css-tabs-listing li.m a.current
{
    background-position: -420px -61px;
    color: #800 !important;
}

ul.css-tabs-listing li.m a.current:hover
{
    background-position: -420px -61px;
    cursor: default;
    color: #800 !important;
}

ul.css-tabs-listing li.l
{
    width: 174px;
}

ul.css-tabs-listing li.l a, ul.css-tabs-listing li.l a:link
{
    background-position: -246px 0px;
    width: 174px;
    color: #800 !important;
}

ul.css-tabs-listing li.l a:hover
{
    background-position: -246px -31px;
    color: #FFF !important;
}

ul.css-tabs-listing li.l a.current
{
    background-position: -246px -61px;
    color: #800 !important;
}

ul.css-tabs-listing li.l a.current:hover
{
    background-position: -246px -61px;
    cursor: default;
    color: #800 !important;
}

ul.css-tabs-listing li.xl
{
    width: 248px;
}

ul.css-tabs-listing li.xl a
{
    background-position: 0 0;
    width: 248px;
    color: #800 !important;
}

ul.css-tabs-listing li.xl a:hover
{
    background-position: 0 -31px;
    color: #FFF !important;
}

ul.css-tabs-listing li.xl a.current
{
    background-position: 0 -61px;
    color: #800 !important;
}


ul.css-tabs-listing li.nl
{
    width: 174px;
}

ul.css-tabs-listing li.nl a, ul.css-tabs-listing li.nl a:link
{
        background-position: -246px -61px;
        width: 174px;
        color: #800 !important;
}

ul.css-tabs-listing li.nl a:hover
{
        background-position: -246px -61px;
        color: #FFF !important;
}

ul.css-tabs-listing li.nl a.current
{
        background-position: -246px -61px;
        color: #800 !important;
}

ul.css-tabs-listing li.nl a.current:hover
{
        background-position: -246px -61px;
        color: #800 !important;
}