body
{ 
background-color: #ffffff; 
color: #ccc;
padding: 0;
margin: 0;
width: 100%;
font-family: "Helvetica Neue", Helvetica, Verdana, "Arial Narrow", sans-serif; 
font-size: 95%;
}

a:link, a:visited {
color: #888;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
	border: 0;
}

.footer a:hover {
color: #000000;
text-decoration: none;
}

#overlay {
margin: 0;
padding: 0;
}

#container {
clear: both; 
padding: 2em 0 0 0em;
margin: auto;
width: 990px; 
}

#header {
position: relative;
height: 68px;
width: 100%;
border-bottom: 2px solid #555555;
padding: 0px;
margin: 0px;
}

a#logo {
position: absolute;
text-align: left;
height: auto;
margin: 0;
padding: 0;}

a:hover#logo {

}

ul#nav {
clear: both;
float: left;
padding: 0px;
margin: 1.5em 0 0 0; 
width: 190px;
}

ul#nav li {
list-style: none;
margin: 0px;
padding: 0px;
text-indent: -1000em;
}

ul#nav li a {
display: block;
padding:0;
margin:0;
background: url('images/nav.gif') no-repeat;
height: 25px;
}

#nav #tab01 a { background-position: 0 0  }
#nav #tab02 a { background-position: 0 -25px;  }
#nav #tab03 a { background-position: 0 -50px;  }
#nav #tab04 a { background-position: 0 -75px;  }
#nav #tab05 a { background-position: 0 -100px;  }
#nav #tab06 a { background-position: 0 -125px;  }
#nav #tab07 a { background-position: 0 -150px;  }
#nav #tab08 a { background-position: 0 -175px;  }

/*
ul#nav li a {
display: block;
color: #000000;
margin: 0px;
padding: 0.5em 0 0.5em 0;
text-align: left;
font-family: Arial Narrow, Arial, sans-serif;
font-size: 1em;
font-style: italic;
text-decoration: none;
}*/

ul#nav li a:hover { 
}

ul#subnav, ul#subnav2 {
	margin: 0.3em 0 1em 0;
	padding: 0;
}
ul#subnav li, ul#subnav2 li {
	list-style: none;
	margin: 0;
	padding: 0;	
	text-indent: -1000em;
}

ul#subnav li a {
	display: block;
	margin: 0px;
	padding: 0px;
	background: url('images/subnav.gif') no-repeat;
	height: 20px;
}

ul#subnav2 li a {
	display: block;
	margin: 0px;
	padding: 0px;
	background: url('images/subnav-soc.gif') no-repeat;
	height: 20px;
}

#subnav #stab01 a, #subnav2 #stab01 a { background-position: 0 0  }
#subnav #stab02 a, #subnav2 #stab02 a { background-position: 0 -20px;  }
#subnav #stab03 a, #subnav2 #stab03 a { background-position: 0 -40px;  }
#subnav #stab04 a, #subnav2 #stab04 a { background-position: 0 -60px;  }

/*Containers */
#content {
float: left;
width: 800px;
min-height: 590px;
margin: 0;
padding: 0;
overflow: auto;
line-height: 1.3em;
}

#contentbg {
	min-height: 570px;
	background: transparent url('images/bg-about.jpg') center 1.5em no-repeat; 
	}

#contentinner {
	margin: 0;
	padding: 0;
}

.splash {
	padding-top: 1.5em;
}

.text { background: transparent url('images/bg.gif') }
.text #contentinner {color: #ccc; font-weight: normal; padding: 2em 15em 2em 4em;}
#tagbox {
	width: 150px;
	position: absolute;
	top: 150px;
	right: 200px;
	margin: 0;
	padding: 0;
}

#tagbox h4 { border-bottom: 1px solid #ffffff;}


/*Product List */

ul#productlist { list-style: none;
	padding: 0 0 1em 0;
	margin: 0;
	overflow: auto;	}
ul#productlist li {	position: relative;
	display: inline;
	float: left;
	width: 150px;
	height: 250px;
	padding: 0;
	margin: 1em 4.8em 1.5em 0; }
ul#productlist li a {	font-size: 0.8em; color: #000; }
ul#productlist li img { width: 150px;}

#addtocart {position: absolute; top: 258px; left: 70px;}
strong.price {	font-size: 1.2em; }

/*Product Pages */

#productbox { margin: 1em 0 0 0; padding: 0;}

#contentleft { float: left;  width: 380px; padding: 0 0 0 0; margin: 0 1em 0 0; }
.photoframe { width: 380px; height: 455px; margin: 0; padding: 0; border: none; }

#contentright { float: left; width: 200px; font-size: 0.8em; color: #333; overflow: auto;}
a.thumblink { width: 80px; height: 80px; display: block; position: relative; float: left; padding: 0; margin: 0 1em 1.5em 0; overflow: hidden;}
a.thumblink .thumb {position: absolute; top: -5em; left: -5em;}
.end { margin-right: 0em;}

#buybox { padding: 0 0 2em 0; margin: 0;}
#buybox select, #buybox option { width: 100%; border: 1px solid #ccc; font-style: italic;  }
#buybox select { font-size: 0.8em; padding: 4px 4px 2px 4px;}
#buybox option {padding: 4px 4px 3px 8px; margin: 0; }

input.ec_ejc_thkbx { margin-top: 1em; }
a.ec_ejc_thkbx img { position: absolute; right: 0; top: 2em;}

/* HTML elements */

h2, h3, h4, h5 {
	font-family: "Helvetica Neue", Helvetica, Verdana, "Arial Narrow", sans-serif; 
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	}
	
	h2.title {
		height: 32px;
		margin: 0;
		padding: 0;	
		text-indent: -1000em;		
	}
	.text #contentinner h2 {margin: 0 0 1em 0;}
	.collection #contentinner h2 {margin: 0.8em 0 0 0; padding: 0; border-bottom: 2px solid #888888; width: 600px; }
	
	h3.title {
		height: 32px;
		margin: 0;
		padding: 0;	
		text-indent: -1000em;		
	}
	.news { background: url('images/title-news.png') top left no-repeat; }
	.contact { background: url('images/title-contact.png') top left no-repeat; }
	.friends { background: url('images/title-friends.png') top left no-repeat; }
	.press { background: url('images/title-press.png') top left no-repeat; }
	.retailers { background: url('images/title-retailers.png') top left no-repeat; }
	
	.spring { background: url('images/title-spring2009.png') top left no-repeat; }
	.classic { background: url('images/title-classic.png') top left no-repeat; }
	.accessories { background: url('images/title-accessories.png') top left no-repeat; }
	.womens { background: url('images/title-womens.png') top left no-repeat; }
	.mens { background: url('images/title-mens.png') top left no-repeat; }
	
#header h1
{  
margin: 0;
padding: 0;
} 

h2
{
font-size: 1.5em; 
margin: 0;
padding: 0;
}

h3 {
color: #ccc;
font-size: 1.2em;	
margin: 1em 0 0.2em 0;
padding: 0;
}

h4 {
	clear: both;
	color: #333;
	font-size: 1.1em;	
	margin: 0.8em 0 0.8em 0;
	padding: 0 0 1em 0;
	font-style: normal;
	font-weight: bold;
	border-bottom: 1px solid #888888;
}

h5 {
	color: #888;
	font-size: 1em;
	margin: 0.8em 0 0.2em 0;
	padding: 0;
}

#footer {
clear: both;
background-color: #ffffff;
border-top: 2px solid #555555;
text-align: center; 
padding: 0;
height: 5em;
background: transparent url('images/text-footer.gif') center 0.5em no-repeat;
}

.footer
{
font-size: 0.8em;
font-family: "Helvetica Neue", Helvetica, Verdana, "Arial Narrow", sans-serif; 
font-style: italic;
color: #333333;
word-spacing: 10px;
}

.footeremail { margin: auto; display: block; width: 300px; height: 30px; }


#list {
	padding: 0;
	margin: 0;	
}

#list li {
	list-style: none;
}

ul.retailers {
	width: 100%;
}

ul.retailers li {
	float: left;
	display: block;
	width: 240px;
	padding: 0 0 2em 0;
	margin: 0;
}

ul.friends {
	width: 400px;
}
ul.friends li {
	width: 150px;
	float: left;
}

img{
border: none
}

table
{
table-layout: fixed; 
border-collapse: collapse; 
}