﻿/* Contact Menu (tabscontact) */
#tabs {margin:0 5px; padding:10px 0 0 0; float: right; display: block; position: relative; top: -35px;}

    #tabs ul {margin:0 0px; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left; }
    #tabs ul li a {display:block; position:relative; vertical-align:text-bottom; padding:7px 15px 0px; border:0; background:url("../design/tab/tab_active.gif") 0 0 repeat-x; color:#cccccc; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; background:url("../design/tab/tab_active_l.gif") 0 0 no-repeat; }
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../design/tab/tab_active_r.gif") 100% 0 no-repeat; }
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("../design/tab/tab_hover.gif") 0 0 repeat-x; color:#7F7F7F;}
    #tabs ul li a:hover span.tab-l {background:url("../design/tab/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("../design/tab/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background:url("../design/tab/tab_link.gif") 0 0 repeat-x; color:#7F7F7F;}
    #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; background:url("../design/tab/tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../design/tab/tab_link_r.gif") 100% 0 no-repeat;}
