﻿
        /* begin css tabs */
        
        ul#tabnav
        {
            /* general settings */
            text-align: left; /* set to left, right or center */
            margin: 10px 0px 15px 0px;
            
            font: bold 11px verdana, arial, sans-serif; /* set font as desired */
            border-bottom: 1px solid #DF6A23; /* set border COLOR as desired */
            list-style-type: none;
            padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
        }
        
        ul#tabnav.galleryNav
        {
            font: 13px verdana, arial, sans-serif; /* set font as desired */
            border-bottom: 1px solid #555555; /* set border COLOR as desired */
        }
        
        ul#tabnav li
        {
            /* do not change */
            display: inline;
        }
        
        html#tab1 li.tab1, html#tab2 li.tab2, html#tab3 li.tab3, html#tab4 li.tab4, html#tab5 li.tab5, html#tab6 li.tab6, html#tab7 li.tab7,
        html#tab8 li.tab8, html#tab9 li.tab9, html#tab10 li.tab10, html#tab11 li.tab11, html#tab12 li.tab12, html#tab13 li.tab13, html#tab14 li.tab14
        {
            /* settings for selected tab */
            border-bottom: 1px solid #fff; /* set border color to page background color */
            background-color: #fff; /* set background color to match above border color */
        }
        
        html#tab1 li.tab1 a, html#tab2 li.tab2 a, html#tab3 li.tab3 a, html#tab4 li.tab4 a, html#tab5 li.tab5 a, html#tab6 li.tab6 a, html#tab7 li.tab7 a,
        html#tab8 li.tab8 a, html#tab9 li.tab9 a, html#tab10 li.tab10 a, html#tab11 li.tab11 a, html#tab12 li.tab12 a, html#tab13 li.tab13 a, html#tab14 li.tab14 a
        {
            /* settings for selected tab link */
            background-color: #fff; /* set selected tab background color as desired */
            color: #DF6A23; /* set selected tab link color as desired */
            position: relative;
            top: -3px;
            padding-top: 8px; /* must change with respect to padding (X) above and below */
            padding-bottom: 7px; /* must change with respect to padding (X) above and below */
                         
            -webkit-box-shadow: #777777 2px -2px 12px -5px;
            -moz-box-shadow: #777777 2px -2px 12px -5px;
            box-shadow: #777777 2px -2px 12px -5px;
        }
        
        html#tab1 ul#tabnav.galleryNav li.tab1 a, html#tab2 ul#tabnav.galleryNav li.tab2 a, html#tab3 ul#tabnav.galleryNav li.tab3 a,
        html#tab4 ul#tabnav.galleryNav li.tab4 a, html#tab5 ul#tabnav.galleryNav li.tab5 a, html#tab6 ul#tabnav.galleryNav li.tab6 a,
        html#tab7 ul#tabnav.galleryNav li.tab7 a,
        html#tab8 ul#tabnav.galleryNav li.tab8 a, html#tab9 ul#tabnav.galleryNav li.tab9 a, html#tab10 ul#tabnav.galleryNav li.tab10 a,
        html#tab11 ul#tabnav.galleryNav li.tab11 a, html#tab12 ul#tabnav.galleryNav li.tab12 a, html#tab13 ul#tabnav.galleryNav li.tab13 a,
        html#tab14 ul#tabnav.galleryNav li.tab14 a
        {
            /* settings for selected tab link */
            background-color: #fff; /* set selected tab background color as desired */
            color: #555555; /* set selected tab link color as desired */
            font-weight: bold;
        }
        
        ul#tabnav li a
        {
            /* settings for all tab links */
            padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
            border: 1px solid #DF6A23; /* set border COLOR as desired; usually matches border color specified in #tabnav */
            background-color: #e7a508; /* set unselected tab background color as desired */
            color: white; /* set unselected tab link color as desired */
            margin-right: 0px; /* set additional spacing between tabs as desired */
            text-decoration: none;
            border-bottom: none;
            padding-left: 8px;
            padding-right: 8px;
            
            -moz-border-radius: 3px 3px 0 0;
            -webkit-border-radius: 3px 3px 0 0;
            -khtml-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
        }
        
        ul#tabnav.galleryNav li a
        {
            border: 1px solid #555555; /* set border COLOR as desired; usually matches border color specified in #tabnav */
            background-color: #eeeeee; /* set unselected tab background color as desired */
            color: #777777; /* set unselected tab link color as desired */
            border-bottom: none;
        }
                        
        ul#tabnav li.nonTabItem a {
            padding: 0 0 0 5px;
            border: none;
            background-color: #fff;
            color: #DF6A23; /* set unselected tab link color as desired */
            margin-right: 0px;
            text-decoration: none;
            
            -moz-border-radius: 0 0 0 0;
            -webkit-border-radius: 0 0 0 0;
            -khtml-border-radius: 0 0 0 0;
            border-radius: 0 0 0 0;
        }
        
        ul#tabnav.galleryNav a:hover
        {
            /* settings for hover effect */
            background: white; /* set desired hover color */
            color: #555555;
        }
        
        ul#tabnav a:hover
        {
            /* settings for hover effect */
            background: white; /* set desired hover color */
            color: #DF6A23;
        }
        
        ul#tabnav li a span.newBadge
        {
            /* settings for selected tab link */
            background-color: white;
            color: #E7A508;
            top: -1px;
        }
        
        html#tab1 li.tab1 a span.newBadge, html#tab2 li.tab2 a span.newBadge, html#tab3 li.tab3 a span.newBadge, html#tab4 li.tab4 a span.newBadge,
        html#tab5 li.tab5 a span.newBadge, html#tab6 li.tab6 a span.newBadge, html#tab7 li.tab7 a span.newBadge,
        html#tab8 li.tab8 a span.newBadge, html#tab9 li.tab9 a span.newBadge, html#tab10 li.tab10 a span.newBadge,
        html#tab11 li.tab11 a span.newBadge, html#tab12 li.tab12 a span.newBadge, html#tab13 li.tab13 a span.newBadge, html#tab14 li.tab14 a span.newBadge
        {
            /* settings for selected tab link */
            background-color: #E7A508;
            color: white;
            top: 0;
        }

        /* end css tabs */