html, body{
 margin:0; 
 padding:0; 
 text-align:center; 
 height: 100%;
	background-color: #2E2E2E;
} 
body, p, br, ul, ol, div, span, input, textarea, submit {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
}
a:link, a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	color: white;
}
 
#pagewidth{ 
 width:975px; 
 height: 570px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 /*background: black url(images/main_bg.jpg) 0 90px no-repeat;*/
 background: black;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -500px;
 margin-top: -290px;
 border: 12px solid black;
}
#content {
	width: 760px;
	height: 375px;
	overflow: auto;
	margin: 18px 0 0 11px;
	padding: 0 20px;
	/*background: url(images/main_bg.jpg) 0 0 no-repeat;*/
}
 
#header{
 position:relative; 
 height:89px; 
 width:100%;
 background-image: url(images/header_bg.gif);
}
#logo {
	float: right;
	width: 300px;
} 
#logo h1 {
	width: 250px;
	height: 12px;
	padding: 0;
	margin: 36px 22px 0 0;
	float: right;
	background: url(images/logo.gif) right top no-repeat;
	display: block;
	text-indent: -9999px;
}
#logo h1 a {
	width: 250px;
	height: 12px;
	display: block;
	text-indent: -9999px;
}

#vertnav {
	padding: 0;
	margin: 7px 0 0 26px;
	float: left;
	list-style: none;
	display: inline;
	}
#vertnav li { 
	position: relative;
	display:block;
   height:56px;
	float: left;
	background: none;
}	

#vertnav ul { 
	padding:0;
	margin:0;
	list-style: none;
    width:76px;
	 height: 49px;
   z-index:99;
   overflow:visible;
   position:absolute; 
   background: url(images/WM.gif) center top no-repeat;
}

#vertnav ul li { 
height: 24px;
background: none;
}

#vertnav a {
    text-decoration:none; 
    display:block;
    width:76px; /*helps IE with hover */
    height:24px;
	 background: none;
}
#vertnav ul a {
	height: 24px;
	width: 76px;
	display: block;
	text-indent: -9999px;
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
    display:none; 
    position:absolute; 
    top:15px; 
    left:0;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{
    display:none; 
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #vertnav li{float:left;} 
/* end holly hack */



/*#top_nav {
	padding: 0;
	margin: 7px 0 0 26px;
	float: left;
	list-style: none;
	display: inline;
}
#top_nav li {
	height: 56px;
	float: left;
}*/
#vertnav li#shoes a {
	width: 54px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	
	outline: none 0;
}


#vertnav li#apparel a {
	width: 50px;
	height: 56px;
	display: block;
	text-indent: -9999px;

	margin: 0 17px 0 33px;
	outline: none 0;	
}
#vertnav li#acces a {
	width: 76px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	
	outline: none 0;	
}

/*#top_nav li#shoes a:hover, #top_nav li#apparel a:hover, #top_nav li#acces a:hover {
	background-position: 0 -66px;
	background: none;
}*/
 
#leftcol{
 width:155px;
 height: 300px; 
 float:left; 
 position:relative; 
 background: url(images/nav_bg.jpg) 4px 20px no-repeat;
  }
  
  #left_nav {
  	width: 140px;
	padding: 0;
	margin: 29px 0 0 4px;
	list-style: none;
	background: transparent;
  }
  #left_nav li {
  	width: 95px;
	margin: 0 0 0 20px;
  }
  #left_nav li a {
  	height: 30px;
	line-height: 30px;
	display: block;
	text-indent: -9999px;
  }
  #left_nav li#home a {
	background: url(images/home.gif) 0 10px no-repeat;
	outline: none 0;
}
#left_nav li#where a {
	background: url(images/where_to_buy.gif) 0 10px no-repeat;
	outline: none 0;
}
#left_nav li#quality a {
	background: url(images/quality.gif) 0 10px no-repeat;
	outline: none 0;
}
#left_nav li#retailers a {
	background: url(images/retailers.gif) 0 10px no-repeat;
	outline: none 0;
}
#left_nav li#careers a {
	background: url(images/careers.gif) 0 10px no-repeat;
	outline: none 0;
}
#left_nav li#contact a {
	background: url(images/contact.gif) 0 10px no-repeat;
	outline: none 0;
}
#left_nav li#expo a {
	background: url(images/expo.gif) 0 10px no-repeat;
	outline: none 0;
}
#left_nav li#home a:hover, #left_nav li#where a:hover, #left_nav li#quality a:hover, #left_nav li#retailers a:hover, #left_nav li#careers a:hover, #left_nav li#contact a:hover, #left_nav li#expo a:hover  {
	background-position: -150px 10px;
}

 
#maincol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:820px; 
 }
 /*#HP {
 	width: 264px;
	padding: 0 2px;
	margin: 15px 5px 0 0;
	float: left;
	font-size: 13px;
	line-height: 24px;
	font-weight: normal;
 }*/
 
 #HP {
 	width: 268px;
	padding: 0;
	margin: 25px 5px 0 0;
	float: left;
 }
 #uls {
 	float: right;
	padding: 0;
	margin: 25px 35px 0 0;
	width: 180px;
	height: 14px;
	background: url(../img/UL.jpg) 0 0 no-repeat;
	text-indent: -9999px;
 }
 
 #where_buy {
 	height: 260px;
	padding: 20px;
	background: url(images/world_map.gif) center center no-repeat;
	font-size: 13px;
 }
 #cats_outer {
 	float: left; 
	padding-bottom:20px; 
	width:518px;
 }
 .cats {
 	width: 514px;
	height: 165px;
	padding: 0;
	margin: 26px 0 0 2px;
	background: url(images/cats_bg.gif) 0 0 no-repeat;
	list-style: none;
	float: left;
 }
 .cats li {
 	margin: 10px 8px 0 0;
	float: left;
 }
 * html .cats li {
 	display: inline;
 }
  .cats li.sex {
 	margin-left: 8px;
	padding-top: 11px;
 }
 .cats li h2 {
	width: 152px;
	height: 152px;
	padding: 0;
	margin: 0;	
 }
  .cats li h2 a {
  	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	border: 1px solid #727272;
	outline: none;
  }
   .cats li h2 a:hover {
   	border: 1px solid white;
   } 
 
 /*   SLIDESHOW   */
 #slideshow {
		width:533px;	
		height: 373px;
		background: url(images/slideshow_bg.jpg);
		float: left;
		margin: 17px 0 26px 0;
	}
	
	#previewPane{
		text-align:center;
		width: 383px;
		margin: 11px;				
		float:left;	
	}
* html #previewPane {
	margin: 11px 5px;				
}	
	#waitMessage{
		display:none;
		position:absolute;
		left:415px;
		top:155px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
		white-space: nowrap;
	}	
	#galleryContainer {	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */
		background: transparent;
		margin: 2px 0;
		height: 250px;
		width: 120px;	
		
	}
	#galleryContainer #arrow_down, #galleryContainer #arrow_up{	
		height:10px;
		padding: 4px 0;
		text-align: center;		
		cursor: pointer;
	}
	
	#theImages {	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:280px;	/* Height of boxes for the images */
	}
	* html #theImages {
		margin-left: 5px;
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=70);	/* Transparency - IE */
		opacity:0.7; /* Transparency - Firefox */
		padding-bottom:4px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	
		height: 55px;
		padding: 5px 0;
		text-align: left;
	}
	#theImages .imageCaption{
		display:none;
	}


	dt {
	float: left;
	margin: 0;
	font-weight: bold;
	padding: 2px 0;
	}

	dd {
	margin-left: 60px;
	padding: 2px 0;
	height: 20px;
	line-height: 20px;
	}
	dd img {
		vertical-align: middle;
		padding-right: 6px;
	}
	.headings {
		font-size: 20px;
		font-weight: bold;
		padding: 0;
		margin: 15px 55px;
	}
	#contacts {
		float: right;
		width: 400px;
	}
	fieldset {
		width: 320px;
		padding: 10px;
		border: 1px solid #666666;
	}
	fieldset p {
	padding: 0;
	margin: 0;		
	clear: left;
	}
	label {
		width: 100px;
		display: block;
		margin: 5px 10px;
		float: left;
		height: 22px;
		line-height: 22px;
	}
	.form_fld {
		width: 170px;
		height: 18px;
		border: 2px solid black;
		background: #555555;
		padding: 0 2px;
		float: left;
	}
	textarea {
		width: 170px;
		height: 80px;
		border: 2px solid black;
		background: #555555;
		padding: 0 2px;
		float: left;
		overflow: auto;
	}
	.form_fld:focus, textarea:focus {
		border: 2px solid #888888;
	}
	#submit_btn {
		width: 60px;
		color: white;
		font-weight: bold;
		background-color: #555555;
		border: 2px solid #888888;
		margin: 5px 0 5px 235px;
	}
	
 
#footer{
 /*height:50px; */
 clear:both;
 } 
 #footer_cont {
 	height: 20px;
	line-height: 20px;
	font-size: 10px;
	padding: 0 18px;
	/*margin-bottom: 5px;*/
	margin-top: 15px;
	color: #CDCDCD;
	background: url(images/footerbg.gif);
 }
 #footer_cont a {
 	text-decoration: none;
	color: #CDCDCD;
 }
 #footer_cont img {
 	margin-top: 5px;
 }
 #footer_cont a {
 	text-decoration: none;
	color: #CDCDCD;
 }
  #footer_cont a:hover {
  	color: white;
  }
  #footer_cont span {
  	float: right;
	font-size: 11px;
	color: #939393;
  } 
 

 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}