/*------------------------------------------------------------------
Title: Network Me Shop Top Layout
Author: Henry Lockett 
Date: January 2009

Padding: Top Right Bottom Left
-------------------------------------------------------------------*/



img.logo {margin-left: 20px; margin-top: 28px;}

#top
{
float: middle;
height: 130px;
width: 940px;
margin: 0 auto;
background: url(../images/top-bg.jpg) 0 0 repeat-x;
}

#top h1
{
padding: 0;
margin: 0;
}

#menubox
{
text-align: center;
float: middle;
width: 940px;
height: 30px;
clear: both;
margin: 0 auto;
background: url(../../../../file/pic/menu.jpg) 0 0 repeat-x;
}



/*-----------------------------
 MENU TABS
------------------------------*/


#menutabs 
{
margin: 0 auto;
padding: 4px 4px 0px 4px;
}

#menutabs li 
{
padding: 10px 0 0 0;
display: inline;
list-style-type: none;
}

#menutabs a 
{
float: middle;
line-height: 14px;
font-weight: bold;
margin: 4px 8px 10px 8px;
text-decoration: none;
color: #ffffff;
font-variant: small-caps;
}

#menutabs a.active, #menutabs a:selected, #menutabs a:hover 
{
border-bottom: 4px solid #ffffff;
padding-bottom: 20px;
color: #ffffff;
}



/*-----------------------------
 SECTION LINKS MENU DROP DOWNS
------------------------------*/



.linksbardrop
{
text-align: left;
position: absolute;
top: 20px;
border: dotted 2px #cacaca;
background: #ffffff;
line-height:18px;
z-index:100;
width: 120px;
visibility: hidden;
}

.linksbardrop a 
{
width: auto;
display: block;
text-indent: 3px;
padding: 6px;
font-weight: bold;
text-decoration: none;
border-bottom: solid 2px #ffffff;
}

.linksbardrop a.active, .linksbardrop a:hover 
{
border-bottom: solid 4px #e5e5e5;
padding: 6px 6px 4px 6px;
text-indent: 3px;
}

* html .linksbardrop a{ /*IE only hack*/
width: 100%;
}