/*==============================
	GLOBALS
	Sets the default document font size, family
	and color
	===============================*/
	body
	{
		font-family:Arial;
		font-size:12px;
		color:#3f4a4e;		
		text-align: -moz-center; /* FF Only */
		width:985px; 
		margin:0 auto; /* Required for FF to Center */
	}

	img
	{
		border: 0px;
	}		
	
	a
	{
		text-decoration: none;
		color: #666666;
	}
	
	a:visited {
		color: #666666;
	}
	
	a:hover {
		color: #000000;
	}
	
	*{ margin: 0; padding: 0; }
	
	table#navmainbody {text-align:-moz-center; /* FF Only */; margin-left:auto; margin-right:auto; width:100%;}
	
	table#navmain1 {text-align:-moz-center; /* FF Only */; margin-left:auto; margin-right:auto; width:100%;}
	
	*html table#navmainbody {text-align:center; margin-left:auto; margin-right:auto; width:100%;}
			
	*html table#navmain1 {text-align:center; margin-left:auto; margin-right:auto; width:100%;}
	
	div#MainBody { width:985px;}
		
	#LeftSideNav
	/* remove default CSS LeftSideNav panel */
	{
	    Display:none;
	}


	/*==============================
	SITE WRAPPER
	===============================*/
	.site-wrapper
	{
		min-width:800px;
			 
		/* min-height lets your site grow vertically
		(like in tables). */
		min-height:600px;
		
		/* By setting these to auto you are centering the
		site */
		margin-left:auto;
		margin-right:auto;
		
		border:solid 1px black;
	}
	/*==============================
	HEADER WRAPPER
	===============================*/
	.header-wrapper
	{
		width:800px;
		height:54px;
		 
		background:url('images/templateimages/header_bg.gif');
		 
		/* css lets you designate how you want an image to
		repeat. Along the x-axis, y-axis or not at all. */
		background-repeat:repeat-x;
	}
	/*==============================
	BODY WRAPPER
	===============================*/
	.body-wrapper
	{
		margin-top:3px;
		 
		/* floats are crucial to the creation of any
		web interface. Every web developer must master
		this concept. Don't worry I'll be writing a
		tutorial about this a little later. <img src="http://www.bolducpress.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"> */
		float:left;
		
		width:800px;
		min-height:530px;`
	}

/* Top Nav Links */

	#TopNavigation
	{
		display:block;
		width:985px;
		margin-left:auto;
		margin-right:auto;	
	}

	.MethvenCorporate
	{
		font-size: x-small;
		padding-top: 5px;
		padding-right: 15px;
		font-weight: bold;
	}
	
	.NewZealand
	{
		font-size: small;
		padding-bottom: 5px;
		padding-right: 15px;
		padding-left: 15px;
		font-weight: bold;
	}
	
	.YourFavourites, .YourFavourites a
	{
		font-size: x-small;
		padding-bottom: 5px;		
		padding-left: 0px;
		font-weight: bold;
	}
	
	.Separator
	{		
		margin-top: 5px;
		display: inline;
	}
	
		.TopNavLogo
		{
			background:transparent url('../../images/templateimages/header_logo.jpg') top left no-repeat ;
		}

		*html #TopNavMenuLeft, #TopNavMenuLeft table
		{
			background:transparent url(../../images/templateimages/NavBarLeft.jpg) top left no-repeat;
			display: inline;
			float:left;
			height:41px;
			color:#837F7B;
			font-weight:bold;
			width:10px;
			padding-top:5px;
		}

		/* Top Navigation Buttons */
		#TopNavMenuLeft, #TopNavMenuLeft table
		{
			background:transparent url(../../images/templateimages/NavBarLeft.jpg) top left no-repeat;
			display: inline;
			float:left;
			height:41px;
			color:#837F7B;
			font-weight:bold;
			width:10px;
			padding-top:5px;
			/* padding-left:50px;
			padding-right:50px;
			width:100px; */
		}
				
		#TopNavMenu, #TopNavMenu table
		{
			/* background:transparent url(../../images/templateimages/NavBarBG.jpg) top left repeat-x;  */
			background:transparent url(../../images/templateimages/Paper-Background.jpg) top left no-repeat;
			width:985px;
			display:block;
			float:left;
			height:43px;
			color:#837F7B;
			font-weight:bold;
			padding-left:5px;
		}			
			
		#TopNavMenu .MenuItems a
		{
			padding-top:5px;			
			padding-left:10px;
		}
			
		#TopNavMenuRight, #TopNavMenuRight table
		{
			background:transparent url(../../images/templateimages/NavBarRight.jpg) top right no-repeat;
			height:41px;
			width:142px;
			float:right;
			padding-top:5px;
			display:block;
		}
		
		#TopNavMenu ul, li
		{
			display:inline;
			color:green;
			list-style-type:none;			
		}
		
		#TopNavMenu a
		{
			padding-left: 5px; 
			padding-right: 5px;
			color:black;
			font-size: 12px;			
			position: relative;
			left: 2px;
			top: 2px;		  
			font-weight: bold;
			width:102px;
		}
		
		#TopNavMenuShadow
		{
		  position: relative;
		  left: -2px;
		  top: -2px;
		  color: white;
		}		
		
		/* #TopNavigation a:hover
		{
			color:white;
			/* background:url(../../images/templateimages/TopNavTabBG-Transparent.png) top left no-repeat; */
		/*	width:102px;		
		} */
		
		#searchbarinput 
		{
		    /* width:150px;
		    margin-right:5px;
		    border:none;
		    background-color:gray; */
		    
	        border-style: hidden;
	        border-width: 0px;
	        margin-right: 3px;	        
	        margin-top: 8px;
	        margin-bottom:5px;
/*	        padding-top:20px;
	     	padding-left:8px;
	     	padding-right:20px; */
	     	font-size:12px;
	     	height:15px;
	     	width:128px;
	     	color:black;	     	
	     	margin-left: 38px;
 			
/*	     	color: #8AB08A;

	     	font-size:8pt;
	     	background-image: url(/images/searchBox.gif);
	     	margin-left:3px;
	     	-moz-border-radius:10px; */
	     	
		}

		#srchcontainer 
		{
		    width:196px;
		    height:41px;
			background:url(../../images/templateimages/searchbox.jpg) left no-repeat;		    
			cursor:pointer; 
		    /* background:transparent url(images/NavBarBG.jpg) top left repeat-x; */
		}
		
		#searchbarinputTop
		{
		    /* width:150px;
		    margin-right:5px;
		    border:none;
		    background-color:gray; */
		    
	        border-style: hidden;
	        border-width: 0px;
	        margin-right: 3px;	        
	        margin-top: 8px;
	        margin-bottom:5px;
/*	        padding-top:20px;
	     	padding-left:8px;
	     	padding-right:20px; */
	     	font-size:12px;
	     	height:15px;
	     	width:128px;
	     	color:black;	     	
	     	margin-left: 38px;
 			
/*	     	color: #8AB08A;

	     	font-size:8pt;
	     	background-image: url(/images/searchBox.gif);
	     	margin-left:3px;
	     	-moz-border-radius:10px; */
	     	
		}
		
		.searchicon
		{
			cursor:pointer;
			margin-right: 10px;
		}

		li.headlink ul { display: none; }
        li.headlink:hover ul { display: block; }
        
        li.sublink ul { display:none; }
		li.sublink:hover ul { display:block; }
		
		.AccountSelect
		{
			font-size:x-small;
			vertical-align:bottom;
			display:block;
			float:left;
		}
		
		#cartItemLink 
		{ 
			font-size:x-small;
		}
		
	/*==============================
	FOOTER
	===============================*/
	.footer
	{
		/* clears are the sisters to float, it's
		time to meet the whole family <img src="http://www.bolducpress.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"> */
		clear:left;
		height:16px;
		background:url(../../images/templateimages/footer.gif);
	}

	#CVLink	
	{
		/* Default CommerceVision link at the footer of each site */
		text-align:center;
		color:#3B4D5B;
		font-weight:bold;
		font-size:10px; 
	}
	
	#CVLink a, a:hover
	{
		color:#3286C2;
	}
	
	.Warranty
	{
	    text-align:center;    
	    color:#3B4D5B;
		font-weight:bold;
		font-size:10px; 
	}
	
	.Warranty a, .Warranty a:visited
	{
	    color:#3286C2;
	}
	
	.PriceDisclaimer
	{
	    text-align:center;    
	    color:#3B4D5B;
		font-weight:bold;
		font-size:12px; 
	}

/* **************************************** Top Nav Menu ************************************************ */
#MainMenu li.TopLevelItem
{
	display:block;
	float:left;
	list-style:none;
	width:102px;
	margin-left:1px;
	text-align:center;
	font-size:12px;
}

#MainMenu li.TopLevelItem a
{
	display:block;
	height:41px;
	color:#676767;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;	
}

#MainMenu li.TopLevelItem a:hover
{
	/* background:url(../../Images/TemplateImages/Menu-Item-Hover-Background.jpg) top left no-repeat; */
	/* background:url(../../Images/TemplateImages/TopNavTabBG-Transparent.png) top left no-repeat; */
	z-index:10 !important;
}

*html #MainMenu .TopLevelSubList
{
	/* Internet Explorer */
	position:absolute;
	margin:0px;
	padding:0px;
	/* background: #344755 url(../../images/templateimages/SubNavBG.jpg) repeat-x; /*--Background gradient--*/
	background: #344755 url(../../images/templateimages/bg-nav-menu.png) no-repeat; /*--Background gradient--*/	
	border:0px; /* Remove border */
	visibility:hidden;
	list-style:none;
	z-index:0 !important;
	width:977px;
	/* height:277px; */
	height:50px;
	top:127px;
	left:460px;
	text-align:left;
}

#MainMenu .TopLevelSubList
{
	/* This tag handles the generic properties when the sub menu is displayed */
	position:absolute;
	margin:0px;
	padding:0px;
	top:135px;
	text-align:left;
	background: #344755 url(../../images/templateimages/bg-nav-menu.png) no-repeat; /*--Background gradient--*/
	border:0px; /* Remove border *./
	/*display:none;*/
	visibility:hidden;
	list-style:none;
	z-index:0 !important;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	width:977px; /* Only read by Firefox */
}

/* *html #MainMenu .TopLevelSubList
{
	margin-left:-48px;
} */

#MainMenu .TopLevelSubList li
{
	/* border-bottom:1px dotted #CCCCCC; */
	/*width:170px;*/
	width:auto;
}

#MainMenu .TopLevelSubList a
{
	/* Drop Down Menu Items Default Behaviour */
	color:#FFFFFF !important;
	/*width:100%;*/
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	background:transparent !important;
	float:left;
	width:180px; /* Fixes issue with FF for Long Desc menu Items */
	height:50px; /* Fixes issue with FF for Long Desc menu Items */
}

#MainMenu .TopLevelSubList a:hover
{
	/* Drop Down Menu Items Hover */
	/* background:#0c1b28 !important; /* Background Colour of hightlight */
	color:#3286C2 !important;
	font-weight:bold;
	/* width:220px; /* Width of the highlight */
	/* height:41px; */
}

/* Applies in IE browser */
*html #MainMenu .TopLevelSubList a:hover
{

}

img.menu_bottom {
    position: relative;
    left: -1px;
    top: -52px;
}

#MenuPos
{
	position:relative;
	display: block;
	width:100%;
}
#TopNavLink
{
	display:block;
	height:23px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	padding-top:4px;
}

#SelectedMenuItem #TopNavLink
{
	text-decoration: none;
	background:url(../../Images/TemplateImages/Menu-Item-Hover-Background.jpg) top left no-repeat;
}
#TopNavLink:hover
{
	text-decoration: none;
	background:url(../../Images/TemplateImages/Menu-Item-Hover-Background.jpg) top left no-repeat;
}

/* **************************************** Top Nav Menu End ********************************************* */
/* **************************************** Product Display ********************************************** */
	#ProductDisplay
	{
		/* float:left; */
		display:block;
		/* padding-left:100px; */ /* Adjusted this to account for the "alternative role <td> tag */
		width:985px;
		margin-left:auto;
		margin-right:auto;	
	}
	
	#prodbrowsetable
	{
		width:100%;		
	}

	/* **************************************** Product Display End ******************************************* */

	/************************************ Category Menu inteface ***************************************************** */
	#CategoryMenu
	{
		width:150px;		
		min-height:500px;
	}
	
	#CategoryMenu li.TopLevelItem
	{
		display:block;
		float:left;
		list-style:none;
		margin-left:1px;
		padding-bottom:10px;
		width:200px;
	}
	
	#CategoryMenu li.TopLevelItem a
	{
		line-height: 19px; 
		text-decoration: none; 
		color:#000000;
		width:auto;		
		height:26px;
	}
			
	#CategoryMenu li.TopLevelItem a:hover
	{
		
	}
	
	#CategoryMenu .TopLevelSubList
	{
		/* When the menu expands, applies to the sub menu*/
		position:absolute;
		visibility:hidden;
		margin:0px;
		padding:0px;
		text-align:left;		
		list-style:none;
		z-index:2000 !important;
		width:250px;
		/* background-color:#3286c2; */
		background: #263743 url(../../images/templateimages/category-nav-menu.png) no-repeat; /*--Background gradient--*/
	}
	
	*html #CategoryMenu .TopLevelSubList
	{
		/* margin-left:-48px;			 */
	}
	
	#CategoryMenu .TopLevelSubList li
	{		
		padding-bottom:5px;
	}
	
	#CategoryMenu .TopLevelSubList a
	{
		color:#FFFFFF !important;
		/*width:100%;*/
		padding-left:10px;
		padding-right:10px;
		/* background:transparent !important; */		
	}
	
	#CategoryMenu .TopLevelSubList a:hover
	{
		color: #FFFFFF; 			
	}
	
	*html #CategoryMenu .TopLevelSubList a:hover
	{		
		color: #FFFFFF; 
	}
	
	#CategoryMenu .SecondLevelItem a:hover
	{
		color:#000000 !important;		
	}	
	
	.TopLevelItemLinkCM
	{
		color:black;
		
	}
	
	div#cvtliTrackDFEOrder, div#cvtliTrackDFEOrder a, div#cvtliTrackDFEOrder a:hover
	{
	    text-align:center;
	    color:#FFFFFF;	    
	    margin-top:10px;
	}
		
	.TrackOrder
	{	    
	    text-align:left; 
	    border:solid 1px black; 
	    background-color: #3286C2;	    
	    font-weight:bold;
	    padding:2px;	   	    
	}
	
	div.RepLoginID
    {
        font-size:12px;
        color:#3286C2;
    }