/* CSS Document */

/* Tbese are for all pages in proper order */
body {
	background-color:#000;/*#76715B*/
	background-image:url(../i/bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin: 0px auto;
	color: #666666;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	}
	
	
	
body.gb {
	background-color:#000sw;/*#76715B*/
	background-image:url(../i/bg1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin: 0px auto;
	color: #666666;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	}	
	
	
#container {
	margin:50px auto;
	width: 850px;
	height: 626px;
	}
	
/* Sub navigation */
	
#sub {
	width: 434px;
	height: 27px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}
		
#main {
	margin: 0;
	padding: 0;
	float: left;
	width: 850px;
	text-align: left;
	}
	
#maincol1nav {
	margin: 0;
	padding: 20px 25px 10px 15px;
	height: 500px;
	float: left;
	width: 400px;
	text-align: left;
	voice-family: "\"}\"";   /* IE5 HACK - Need I explain? */
	voice-family: inherit; 
	width: 360px;
	height: 470px;
	}
	
#maincol2nav {
	margin: 0;
	padding: 0;
	height: 527px;
	float: left;
	width: 450px;
	text-align: left;

	}
	
#maincol1 {
	color: #333333;
	font: 12px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	line-height: 18px;
	margin: 0;
	padding: 20px 25px 10px 15px;
	height: 497px;
	float: left;
	width: 360px;
	text-align: left;
	voice-family: "\"}\"";   /* IE5 HACK - Need I explain? */
	voice-family: inherit; 
	width: 360px;
	height: 497px;
	}
	
	#maincol1 a {
	color: #333;
	}
	
	  #maincol1 a:hover {
	  color: #000000;
	  }
	
	#maincol, ul {
	text-indent: 0;
	list-style: square;
	margin: 1px;
	padding: 0 0 0 17px;
	font-size: 10px;
	line-height: 25px;
	}
	
.list {
	padding: 0;
	margin: 0;
	text-indent: 0;
	line-height: 18px;
	list-style: none;
	}
	
#maincol2 {
	margin: 0;
	padding: 0;
	height: 527px;
	float: left;
	width: 450px;
	text-align: left;
	}
	
/* Background Classes Below */

.bg1a {
	background-image: url(../i/bg1a.jpg);
	background-repeat: no-repeat;
	}

.bg1b {
	background-image: url(../i/bg1b.jpg);
	background-repeat: no-repeat;	
	}

.bg2a {
	background-image: url(../i/bg2a.jpg);
	background-repeat: no-repeat;
	}

.bg2b {
	background-image: url(../i/bg2b.jpg);
	background-repeat: no-repeat;	
	}

.bg3a {
	background-image: url(../i/bg3a.jpg);
	background-repeat: no-repeat;
	}

.bg3b {
	background-image: url(../i/bg3b.jpg);
	background-repeat: no-repeat;	
	}
	
.bg4a {
	background-image: url(../i/bg4a.jpg);
	background-repeat: no-repeat;
	}

.bg4b {
	background-image: url(../i/bg4b.jpg);
	background-repeat: no-repeat;	
	}

.bgexa {
	background-image: url(../i/bgexa.gif);
	background-repeat: no-repeat;
	}

.bgexb {
	background-image: url(../i/bgexb.gif);
	background-repeat: no-repeat;	
	}
	
#logo {
	margin: 0;
	padding: 0;
	width: 850px;
	float: left;
	height: 60px;
	clear: right;
	}
	
#nav {
    float: left;
	height: 27px;
	width: 850px;
	margin: 5px;
	voice-family: "\"}\"";   \
	voice-family: inherit; 
	width: 840px;
	height: 17px;  
	}
	
#footer {
	height: 12px;
	width: 850px;
	margin: 0px auto;
	text-align: center;
	float: left;
	}
	
	#footer a {
	color: #666;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 11px;
	}
			
a {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #DFD8B9;
	text-decoration: none;
	letter-spacing: 1px;
	}
	
  a:hover {
  color: #666;
  }
	
p {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
.pbig {
	letter-spacing: 1px;
	font-size: 16px;
	color: #005596;
	font-weight: 900;
	}

h1 {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #666;  
	margin: 0 0 10px 0;
  	padding: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

/* MAIN NAVIGATION */

#header	{
	width: 416px;
	height: 27px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}

#mainnav	{
	width: 850px;
	height: 27px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#mainnav ul	{
	width: 850px;
	height: 27px;
	background: url(../i/menu6.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 1px;
	}
	
	
	
	
#mainnavgb	{
	width: 850px;
	height: 28px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#mainnavgb ul	{
	width: 850px;
	height: 28px;
	background: url(../i/menu6gb.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#mainnavgb ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 1px;
	}	
	
	
	
	
	
	
#mainnav ul li, #mainnav a	{
	height: 27px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
#mn1gb {left: 0px; width: 200px;}/*69*/
#mn1 {left: 0px; width: 69px;}/*69*/
#mn2 {left: 69px; width: 66px;}/*66*/
#mn3 {left: 135px; width: 96px;}/*96*/
#mn4 {left: 231px; width: 73px;}/*73*/
#mn5 {left: 304px; width: 51px;}/*51*/
#mn6 {left: 355px; width: 160px;}/*141*/

#mn1gb a:hover {background: transparent url(../i/menu6gb.gif) 0 -28px no-repeat;}
#mn1 a:hover {background: transparent url(../i/menu6.gif) 0 -28px no-repeat;}
#mn2 a:hover {background: transparent url(../i/menu6.gif) -69px -28px no-repeat;}
#mn3 a:hover {background: transparent url(../i/menu6.gif) -135px -28px no-repeat;}
#mn4 a:hover {background: transparent url(../i/menu6.gif) -231px -28px no-repeat;}
#mn5 a:hover {background: transparent url(../i/menu6.gif) -304px -28px no-repeat;}
#mn6 a:hover {background: transparent url(../i/menu6.gif) -355px -28px no-repeat;}


/* FOOTWEAR SUB NAVIGATION */

#fwnav	{
	width: 850px;
	height: 27px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#fwnav ul	{
	width: 850px;
	height: 27px;
	background:url(../i/fwnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#fwnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
#fwnav ul li, #fwnav a	{
	height: 27px;
	display: block;
	}

#fwnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#fw1 {left: 0px; width: 46px;}
#fw2 {left: 46px; width: 55px;}
#fw3 {left: 101px; width: 62px;}
#fw4 {left: 163px; width: 51px;}
#fw5 {left: 214px; width: 90px;}

#fw1 a:hover {background: transparent url(../i/fwnav.gif) -0px -27px no-repeat;}
#fw2 a:hover {background: transparent url(../i/fwnav.gif) -46px -27px no-repeat;}
#fw3 a:hover {background: transparent url(../i/fwnav.gif) -101px -27px no-repeat;}
#fw4 a:hover {background: transparent url(../i/fwnav.gif) -163px -27px no-repeat;}
#fw5 a:hover {background: transparent url(../i/fwnav.gif) -214px -27px no-repeat;}


/* APPAREL SUB NAVIGATION */

#apnav	{
	width: 850px;
	height: 27px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#apnav ul	{
	width: 850px;
	height: 27px;
	background:url(../i/apnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#apnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
#apnav ul li, #apnav a	{
	height: 27px;
	display: block;
	}

#apnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
/*
#apapr{left: 0px; width: 92px;}
#apmar{left: 92px; width: 111px;}
#apfeb{left: 203px; width: 92px;}
#apjan{left: 295px; width: 116px;}
#apdec {left: 411px; width: 126px;}
#apjean {left: 537px; width: 53px;}


#apapr a:hover {background: transparent url(../i/apnav.gif) 0 -27px no-repeat;}
#apmar a:hover {background: transparent url(../i/apnav.gif) -92px -27px no-repeat;}
#apfeb a:hover {background: transparent url(../i/apnav.gif) -203px -27px no-repeat;}
#apjan a:hover {background: transparent url(../i/apnav.gif) -295px -27px no-repeat;}
#apdec a:hover {background: transparent url(../i/apnav.gif) -411px -27px no-repeat;}
#apjean a:hover {background: transparent url(../i/apnav.gif) -537px -27px no-repeat;}
*/
#apcash{left: 0px; width: 68px;}
#apjan {left: 68px; width: 94px;}
#apdec{left: 162px; width: 97px;}
#apnov{left: 259px; width: 93px;}
#apoct{left: 352px; width: 108px;}
#apsep{left: 460px; width: 89px;}
/*#apaug{left: 539px; width: 114px;}*/
/*#apjul{left: 354px; width: 101px;}*/
/*#apmay{left: 405px; width: 109px;}*/
/*#apapr{left: 407px; width: 131px;}*/
/*#apmar{left: 408px; width: 122px;}*/
/*#apfeb{left: 408px; width: 122px;}*/
#apjean {left: 549px; width: 49px;}

#apcash a:hover {background: transparent url(../i/apnav.gif) 0px -27px no-repeat;}
#apjan a:hover {background: transparent url(../i/apnav.gif) -68px -27px no-repeat;}
#apdec a:hover {background: transparent url(../i/apnav.gif) -162px -27px no-repeat;}
#apnov a:hover {background: transparent url(../i/apnav.gif) -259px -27px no-repeat;}
#apoct a:hover {background: transparent url(../i/apnav.gif) -352px -27px no-repeat;}
#apsep a:hover {background: transparent url(../i/apnav.gif) -460px -27px no-repeat;}
/*#apaug a:hover {background: transparent url(../i/apnav.gif) -462px -27px no-repeat;}*/
/*#apjul a:hover {background: transparent url(../i/apnav.gif) -354px -27px no-repeat;}
#apjun a:hover {background: transparent url(../i/apnav.gif) -465px -27px no-repeat;}*/
/*#apmay a:hover {background: transparent url(../i/apnav.gif) -405px -27px no-repeat;}*/
/*#apapr a:hover {background: transparent url(../i/apnav.gif) -407px -27px no-repeat;}*/
/*#apmar a:hover {background: transparent url(../i/apnav.gif) -408px -27px no-repeat;}*/
/*#apfeb a:hover {background: transparent url(../i/apnav.gif) -408px -27px no-repeat;}*/
#apjean a:hover {background: transparent url(../i/apnav.gif) -549px -27px no-repeat;}


#accnav {

	width: 850px;
	height: 27px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
}
#accnav ul {

	width: 850px;
	height: 27px;
	background:url(../i/accnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
#accnav ul li {

	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}
#accnav ul li, #accnav a {

	height: 27px;
	display: block;
}
#accnav ul li a {

	text-indent: -9999px; 
	text-decoration: none;
}
#acc1 {
left: 0px; width: 73px;
}
#acc2 {
left: 73px; width: 47px;
}
#acc1 a:hover {
	background-color: transparent;
	background-image: url(../i/accnav.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}
#acc2 a:hover {
	background-color: transparent;
	background-image: url(../i/accnav.gif);
	background-repeat: no-repeat;
	background-position: -73px -27px;
}
#campaign {
	float: left;
}
#hidden {
	display: none;
}
/*--------------GB Shoes cat-------------*/

#gb1 a {

	background-color: #FFF;
	background-image: url(../i/gbintro.jpg);
	background-repeat: no-repeat;
	width: 848px;
	height: 512px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gb1 a:hover {

	background-color: #FFF;
	background-image: url(../i/gbintro1.jpg);
	background-repeat: no-repeat;
	width: 848px;
	height: 512px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
/*--------2---------------------------------------*/
#gb2 a {

	background-color: #FFF;
	background-image: url(../i/gb2.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gb2 a:hover {

	background-color: #FFF;
	background-image: url(../i/gb2o.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
/*--------3---------------------------------------*/
#gb3 a {

	background-color: #FFF;
	background-image: url(../i/gb3.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gb3 a:hover {

	background-color: #FFF;
	background-image: url(../i/gb3o.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
/*--------4---------------------------------------*/
#gb4 a {

	background-color: #FFF;
	background-image: url(../i/gb4.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gb4 a:hover {

	background-color: #FFF;
	background-image: url(../i/gb4o.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
/*---------5--------------------------------------*/
#gb5 a {

	background-color: #FFF;
	background-image: url(../i/gb5.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gb5 a:hover {

	background-color: #FFF;
	background-image: url(../i/gb5o.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
/*-------6----------------------------------------*/
#gb6 a {

	background-color: #FFF;
	background-image: url(../i/gb6.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gb6 a:hover {

	background-color: #FFF;
	background-image: url(../i/gb6o.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
/*--------7---------------------------------------*/
#gb7 a {

	background-color: #FFF;
	background-image: url(../i/gb7.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gb7 a:hover {

	background-color: #FFF;
	background-image: url(../i/gb7o.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
/*--------8---------------------------------------*/
#gb8 a {

	background-color: #FFF;
	background-image: url(../i/gb8.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gb8 a:hover {

	background-color: #FFF;
	background-image: url(../i/gb8o.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 268px;
	display: block;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#audio {
	float: right;
}