/* CSS Document */


.navlink {
   width:125px;
   color: #333;
   background: #ffffff;
   border:0px solid #000000;
   border-bottom: 1px dotted black;
}

.navlink a {
   text-decoration:none;
   color: #333;
   font-size:11px;
   line-height:16px;
   font-family: Tahoma, verdana, sans-serif;
   padding: 2px 5px;
   width:125px;
   display: block;
 
}

.navlink a:link {
   text-decoration:none;
   color: #333;
   background: url('btnBG.gif') repeat-y;
}

.navlink a:active {
   text-decoration:none;
   color: #999;
}


.navlink a:visited {
   text-decoration:none;
   color: #333;
   background: url('btnBG.gif') repeat-y;
}


.navlink a:hover {
   text-decoration:none;
   background: #999;
   color:  black;
}



.hotlink {
   width:125px;
   color: #333333;
   background: #FFFFFF;
   border:0px solid #000000;
   border-bottom: 1px dashed #cccccc;
}

.hotlink a {
   text-decoration:none;
   color: #333333;
   font-size:11px;
   line-height:16px;
   font-family: Tahoma, verdana, sans-serif;
   padding: 2px 5px;
   width:125px;
   display: block;
   border:0px solid #000000;
}

.hotlink a:link {
   text-decoration:none;
   color: #333333;
}

.hotlink a:active {
   text-decoration:none;
   color: #333333;
}

.hotlink a:visited {
   text-decoration:none;
   color: #333333;

}

.hotlink a:hover {
   text-decoration:none;
   background: #FF0000;
   color: #333333;
}



hr{ 
border: 1px dotted black;
}





/* start eshop styling */


a:link {  text-decoration: underline; color: #487095;}
a:active {text-decoration: underline; color: #487095;} 
a:visited {text-decoration: underline; color: #487095;} 
a:hover {  color: #333; text-decoration: underline;}
.dropdown {  font-size: 11px}

h1 { font-size: 14pt; font-family: Arial, Helvetica, sans-serif; color: #666666; font-weight: normal }
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #000000; text-decoration: none}
td {  font-size: 12px; font-family: Arial, Helvetica, sans-serif}

.small {  font-family: Arial, Helvetica, sans-serif; font-size: 11px}
.vsmall {  font-size: 9px; font-weight: bold}

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #ffffff;}

/* end eshop styling */


/**************** NEW 08 NAV CSS *************************************************************/

#topNavContainer{
	width: 830px;

}

#topNavTop{
	height: 71px;
	
}

#GZLogo{
	height: 71px;
	width: 140px;
	background: url('gearzonelogo.jpg') no-repeat;
	float: left;
}

#topNavBody{
	width: 350px;
	height: 61px;
	float: left;
	background: url('strapline.jpg') no-repeat;
	margin-top: 10px;
	margin-left: 20px;
}

#search{
	margin-top: 5px;

}

#topNavBottom{
	padding: 1px;
	
}

form {
margin: 0px;
padding: 0px;

}

/**** START ALL BRANDS ***/
/* Only make a maxium of 5 live at once **/
#brandone {
	float: left;
	width: 90px;
	height: 38px;
	display: false; /* Change to "false" to show on web, or "none" to hide */ 
	background: url('ourTopBrands.jpg') no-repeat;
	
}

#brandtwo {
	float: left;
	width: 103px;
	height: 38px;
	display: false; /* Change to "false" to show on web, or "none" to hide */ 
	background: url('berghausLogo.jpg') no-repeat;
	cursor: hand;
	
}

#brandthree {
	float: left;
	width: 90px;
	height: 38px;
	display: false; /* Change to "false" to show on web, or "none" to hide */ 
	background: url('hellyLogo.jpg') no-repeat;
	margin: 0px 0px 0px 5px;
	cursor: hand;
	
}

#brandfour {
	float: left;
	width: 90px;
	height: 31px;
	display: false; /* Change to "false" to show on web, or "none" to hide */ 
	background: url('regattaLogo.jpg') no-repeat;
	margin: 7px 0px 0px 5px;
	cursor: hand;
	
}

#brandfive {
	float: left;
	width: 120px;
	height: 30px;
	display: false; /* Change to "false" to show on web, or "none" to hide */ 
	background: url('karrimoreLogo.jpg') no-repeat;
	margin: 8px 0px 0px 5px;
	cursor: hand;
	
}

#brandsix {
	float: left;
	width: 143px;
	height: 30px;
	display: false; /* Change to "false" to show on web, or "none" to hide */ 
	background: url('craghoppersLogo.jpg') no-repeat;
	margin: 8px 0px 0px 5px;
	cursor: hand;
	
}

#viewallbrands {
	float: left;
	width: 135px;
	height: 38px;
	background: url('viewAllBrands.jpg') no-repeat;
	display: false;/* Change to "false" to show on web, or "none" to hide */ 
	margin-left: 20px;
	cursor: hand;
	
}