﻿/*style for navigation on Emmett Site*/

/* style the outer div to give it width */
html>body .menu {
position:relative;
width:100%;
z-index:102;
top:0; 
}
*html .menu
{
position:relative;
width:100%;
z-index:102;
}
.menu a{ text-decoration:none; color:#fff; cursor:pointer;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
text-decoration:none;

}
.menu ul ul{

}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}

.menu ul li a.topmenu01{
	display:block;
	width:127px;
	height:17px;
	margin-right:6px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	text-transform:uppercase;
	background-image:url(../Images/nav-dc.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.menu ul li a.topmenu02{
	display:block;
	width:127px;
	height:17px;
	margin-right:6px;
	text-align:center;	
	text-transform:uppercase;
	text-decoration:none;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-sc.jpg);
	background-position:center top;
	background-repeat:no-repeat;

}
.menu ul li a.topmenu03{
	display:block;
	width:127px;
	height:21px;
	margin-right:6px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-sf.jpg);
	background-position:center top;
	background-repeat:no-repeat;

}
.menu ul li a.topmenu04{
	display:block;
	width:127px;
	height:17px;
	margin-right:6px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-cs.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.menu ul li a.topmenu05{
	display:block;
	width:127px;
	height:17px;
	margin-right:1px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-acc.jpg);
	background-position:center top;
	background-repeat:no-repeat;

}

.menu ul li a.topmenu06{
	display:block;
	width:127px;
	height:17px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-mtm.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.menu ul li a.topmenu016{
	display:block;
	width:127px;
	height:17px;
	margin-right:4px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-sale.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.menu ul li a.topmenu01:hover, .menu ul li a.topmenu02:hover, .menu ul li a.topmenu03:hover, 
.menu ul li a.topmenu04:hover ,.menu ul li a.topmenu05:hover ,.menu ul li a.topmenu06:hover{ color:#595959; text-decoration:none;}

/*main navigation for the rest of the site*/
.menu ul li a.mainnav01{
	display:block;
	width:100px;
	height:17px;
	margin-right:19px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-dc.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.menu ul li a.mainnav02{
	display:block;
	width:96px;
	height:17px;
	margin-right:19px;
	text-align:center;	
	text-transform:uppercase;
	text-decoration:none;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-sc.jpg);
	background-position:left top;
	background-repeat:no-repeat;

}
.menu ul li a.mainnav03{
	display:block;
	width:55px;
	height:21px;
	margin-right:19px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-sf.jpg);
	background-position:left top;
	background-repeat:no-repeat;

}
.menu ul li a.mainnav04{
	display:block;
	width:102px;
	height:17px;
	margin-right:19px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-cs.jpg);
	background-position:left top;
	background-repeat:no-repeat;

}
.menu ul li a.mainnav05{
	display:block;
	width:83px;
	height:17px;
	margin-right:19px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-acc.jpg);
	background-position:left top;
	background-repeat:no-repeat;

}

.menu ul li a.mainnav06{
	display:block;
	width:117px;
	height:17px;
	margin-right:19px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-mtm.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.menu ul li a.mainnav016{
	display:block;
	width:35px;
	height:17px;
	margin-right:19px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-sale.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.menu ul li a.mainnav020{
	display:block;
	width:67px;
	height:17px;
	margin-right:19px;
	line-height:17px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial,Helvetica, Serif;
	font-size:100%;
	font-weight:900;
	color:#595959;
	background-image:url(../images/nav-search.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}


/* style the links for the top level */


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
color:#9e9e9e;
text-decoration:none;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
font-size:11px;
background-color:#fff;
text-decoration:none;
font-weight:bold;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
text-decoration:none;
color:#595959;
background-color:#fff;
}
.menu ul ul :hover > a.drop {

text-decoration:none;
color:#595959;
background-color:#fff;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
height:auto;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#fff;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
font-size:11px;
top:17px;
left:0; 
width:160px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:17px;
/*t\op:17px;*/
color:#fff;
font-size:11px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}


/* style the second level links */
/*.menu ul ul a:link, .menu ul ul a:visited, .menu ul ul a:hover, .menu ul ul a:active*/ 
.menu ul ul a
{
display:block;
color:#666666;
text-align:left; 
font-weight:bold;
font-size:10px;
text-transform:uppercase;
line-height:20px; 
padding:2px 5px;
margin-left:-5px;
width:160px;
background-color:#fff;
border:solid 1px #eee;
border-width:0px 1px;
}
.menu ul li.menuclass_top_1 ul a{ margin-left:8px !important;}
.menu ul li.menuclass_top_2 ul a{ margin-left:10px !important;}
.menu ul li.menuclass_top_3 ul a{ margin-left:32px !important;}
.menu ul li.menuclass_top_4 ul a{ margin-left:8px !important;}
.menu ul li.menuclass_top_16 ul a{ margin-left:35px !important;}
.menu ul li.menuclass_top_6 ul a{ margin-left:0px !important;}
.menu ul li.menuclass_top_5 ul a{ margin-left:18px !important;}
/* yet another hack for IE5.5 */
* html .menu ul ul a{
display:block;
color:#666666;
text-align:left; 
font-weight:normal;
text-transform:none;
line-height:17px;
/*width:160px;
w\idth:160px;*/
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#cccccc;
background-color:#fff;
/*background:#949e7c;*/
}

.menu :hover > a, .menu ul ul :hover > a {
color:#999999;
text-decoration:none;
background-color:#fff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* Home Page Category thumbnail*/
.homethumb li{ float:left; list-style-type:none; }
.homethumb li a{ width:127px;}


/***************************************************************************/
/* second navigation */

#sec_nav
{
	width:100%;
	text-align:center;
	height:15px;
	background-color:#f6f6f6;
	padding:6px 5px 4px 5px;
	}

/* remove all the bullets, borders and padding from the default list styling */
.secmenu ul 
{
width:880px;
margin:0 auto;
padding:0;
margin:0 auto;
list-style-type:none;
text-decoration:none;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.secmenu li {
float:left;
position:relative;
}
.secmenu ul li a.secmenu10
{
	/*SEARCH*/
	display:block;
	margin-right:38px;
	width:42px;
	height:13px;
	background-image:url(../Images/subnav-search.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu01
{
	/*ABOUT US*/
	display:block;
	margin-right:38px;
	width:58px;
	height:13px;
	background-image:url(../Images/subnav-aboutus.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu02
{
	/*SHOPS*/
	display:block;
	margin-right:38px;
	width:39px;
	height:13px;
	background-image:url(../Images/subnav-shops.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu03
{
	/*CONTACT US*/
	display:block;
	margin-right:38px;
	width:69px;
	height:13px;
	background-image:url(../Images/subnav-contactus.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu04
{
	/*FAQ'S*/
	display:block;
	margin-right:38px;
	width:33px;
	height:13px;
	background-image:url(../Images/subnav-faqs.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu05
{
	/*SIZE CHART*/
	display:block;
	margin-right:38px;
	width:64px;
	height:13px;
	background-image:url(../Images/subnav-sizechart.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu06
{
	/*GIFT VOUCHERS*/
	display:block;
	margin-right:38px;
	width:85px;
	height:13px;
	background-image:url(../Images/subnav-giftvouchers.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu07
{
	/*SUBSCRIBE*/
	display:block;
	margin-right:38px;
	width:61px;
	height:13px;
	background-image:url(../Images/subnav-subscribe.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu08
{
	/*SITE MAP*/
	display:block;
	margin-right:38px;
	width:54px;
	height:13px;
	background-image:url(../Images/subnav-sitemap.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.secmenu ul li a.secmenu09
{
	/*BLOG*/
	display:block;
	width:81px;
	height:13px;
	background-image:url(../Images/subnav-blog.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

/* Administration Main Navigation */

#admin_main_nav ul li a.admin_nav01:link, #admin_main_nav ul li a.admin_nav01:active, 
#admin_main_nav ul li a.admin_nav01:visited, #admin_main_nav ul li a.admin_nav01:hover
{
	
	display:block;
	height:46px;
	width:143px;
	background-image:url(../Images/admin-nav-till.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	}
	
#admin_main_nav ul li a.admin_nav01on:link, #admin_main_nav ul li a.admin_nav01on:active, 
#admin_main_nav ul li a.admin_nav01on:visited, #admin_main_nav ul li a.admin_nav01on:hover
{

	display:block;
	height:46px;
	width:143px;
	background-image:url(../images/admin-nav-till_f2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}

#admin_main_nav ul li a.admin_nav02:link, #admin_main_nav ul li a.admin_nav02:active,
#admin_main_nav ul li a.admin_nav02:visited, #admin_main_nav ul li a.admin_nav02:hover
{
	display:block;
	height:46px;
	width:143px;
	background-image:url(../Images/admin-nav-customer.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}
#admin_main_nav ul li a.admin_nav02on:link, #admin_main_nav ul li a.admin_nav02on:active, 
#admin_main_nav ul li a.admin_nav02on:visited, #admin_main_nav ul li a.admin_nav02on:hover
{

	display:block;
	height:46px;
	width:143px;
	background-image:url(../images/admin-nav-customer_f2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}

#admin_main_nav ul li a.admin_nav03:link, #admin_main_nav ul li a.admin_nav03:active, 
#admin_main_nav ul li a.admin_nav03:visited, #admin_main_nav ul li a.admin_nav03:hover
{

	display:block;
	height:46px;
	width:143px;
	background-image:url(../images/admin-nav-admin.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}

#admin_main_nav ul li a.admin_nav03on:link, #admin_main_nav ul li a.admin_nav03on:active, 
#admin_main_nav ul li a.admin_nav03on:visited, #admin_main_nav ul li a.admin_nav03on:hover
{

	display:block;
	height:46px;
	width:143px;
	background-image:url(../images/admin-nav-admin_f2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}
#admin_main_nav ul li a.admin_nav04:link, #admin_main_nav ul li a.admin_nav04:active, 
#admin_main_nav ul li a.admin_nav04:visited, #admin_main_nav ul li a.admin_nav04:hover
{

	display:block;
	height:46px;
	width:143px;
	background-image:url(../images/admin-nav-reports.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}
#admin_main_nav ul li a.admin_nav04on:link, #admin_main_nav ul li a.admin_nav04on:active, 
#admin_main_nav ul li a.admin_nav04on:visited, #admin_main_nav ul li a.admin_nav04on:hover
{

	display:block;
	height:46px;
	width:143px;
	background-image:url(../images/admin-nav-reports_f2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}

#admin_main_nav ul li a.admin_nav05:link, #admin_main_nav ul li a.admin_nav05:active, 
#admin_main_nav ul li a.admin_nav05:visited, #admin_main_nav ul li a.admin_nav05:hover
{

	display:block;
	height:46px;
	width:143px;
	background-image:url(../images/admin-nav-search.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}

#admin_main_nav ul li a.admin_nav05on:link, #admin_main_nav ul li a.admin_nav05on:active, 
#admin_main_nav ul li a.admin_nav05on:visited, #admin_main_nav ul li a.admin_nav05on:hover
{

	display:block;
	height:46px;
	width:143px;
	background-image:url(../images/admin-nav-search_f2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	
}

