/* tags */
body{
	padding-bottom:50px;
	font-family:Georgia,Times,serif;
	color:#333;
	margin:0;
}
ul, li{margin:0;padding:0;list-style-type:none;}
img{border:0;}
a:link,
a:hover,
a:visited,
a:active{
	color:#1e3c70;
	text-decoration:none;
	outline:none;
}
a:hover,
#account .nav li a:hover,
#legal-nav li a:hover{
	color:#45A2D1;
	text-decoration:underline;
}
button{outline:none;}
/* abstract nav */
.nav li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	float:left;
}
.nav li{
	margin-right:10px;
}
.nav li.last{
	margin-right:0 !important;
	border-right:0 !important;
	padding-right:0 !important;
	background:none !important;
}
.nav li a{
	display:block;
}

/* column nav */
.column-nav li{
	float:left;
	width:33%;
}
.column-nav li li{
	float:none;
	width:auto;
	margin-bottom:7px;
}

/* item listings */
.featured-list{
	margin:15px 0;
}
.jcarousel-list li .grid_4, 
.jcarousel-list li .grid_3{
	position:static; /* for IE6 peekaboo bug */
}
.featured-list li .grid_4 img{
	display:block;
}
.featured-list li{
	background:url('../img/common/dotted-line.png') bottom left repeat-x;
	padding-bottom:11px;
	overflow:hidden;
	margin-bottom:11px;
}
.featured-list li.last{
	background:none !important;
	margin-bottom:0 !important;
}
.featured-list,
.design,
.member{
	font-size:12px;
}
.design a img{
	padding-top:4px;
}
.featured-list p{
	margin:0;
}
.featured-list h3,
.design h3,
.featured-list h3 a,
.design h3 a{
	font:bold 12px Arial;
	color:black;
	padding:0;
	margin:0;
}
.featured-list .designer,
.design .designer{
	margin:0;
}
.featured-list .designer a,
.design .designer a{
	font-style:italic;
}
.featured-list .price,
.design .price{
	font-family:Arial,Helvetica,sans;
	color:#1e3c70;
	margin:8px 0;
	display:block;
}
.featured-list .special,
.design .special{
	font-style:italic;
}
.featured-list em.time,
.design em.time{
	display:block;
	color:#666;
}
.featured-list .twitter p{
	padding-left:34px;
	background:url('../img/common/get-social-twitter.png') top left no-repeat;
}
.featured-list .facebook p{
	padding-left:34px;
	background:url('../img/common/get-social-facebook.png') top left no-repeat;
}
.controls{
	margin-top:10px;
}
.controls .buttons{			
	text-align:right;
}
.controls a{
	width:29px;
	border:none;
	text-indent:-999em;
	background:blue;
	display:block;
	text-align:left;
	float:left;
}
.controls .prev{
	background:url('../img/btn/browse-prev.png') top left no-repeat;
	margin-right:3px;
}
.controls .next{
	background:url('../img/btn/browse-next.png') top right no-repeat;
}
.top-picks .controls{
	position:absolute;
	top:-29px;
	right:10px;
	margin:0;
}
.top-picks .controls a{
	width:21px;
	height:21px;
}
.top-picks .controls a:hover{
	background-position:0 -21px;
}
.top-picks .controls .prev{
	background: url('../img/btn/featured-prev.png') top left no-repeat;
}
.top-picks .controls .next{
	background:url('../img/btn/featured-next.png') top right no-repeat;
}
ul.fresh li.over{
	background-position:top left;
}
#member-picks ul.fresh li.over,
#collective-designers li.over{
	background-position:top right;
}
#featured-designs li.over{
	background:url('../img/bg/featured.png') top right no-repeat;
}
#featured-designs .jcarousel-skin-keds{
	margin-top:15px;
}
/* 
image replacement for headers
http://levinalex.net/files/20030809/alternatefir.html
 */
.imgreplace{
	position: relative;
	height:27px;
	overflow:hidden;
	margin:30px 0 0 0;
	padding:0;
	font-size:12px;
}

h1.imgreplace{
	margin:20px 0;
	float:left;
	width:100% !important;
}
h3.imgreplace{
	height:16px;
	margin-bottom:10px;
	font-size:12px;
}
.imgreplace span {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* page headers */
h1.browse-designs,
h1.browse-designs span{
	background:url('../img/headings/h2-browse-designs.png') top left no-repeat;
	width:177px;
}


/* boxes */
.box-inner{overflow:visible;padding-bottom:10px;}
.box-24-24{
	background:url('../img/box/box-24-24-bottom.png') bottom left no-repeat;
}
.box-24-24 .box-inner{
	background:url('../img/box/box-24-24-top.png') top left no-repeat;
}
.box-8-24{
	background:url('../img/box/box-8-24-bottom.png') bottom left no-repeat;
}
.box-8-24 .box-inner{
	background:url('../img/box/box-8-24-top.png') top left no-repeat;
}

/* abstract button and implementations */
.btn{
	width:145px;
	height:31px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
	float:left;
}
a.btn:hover{
	background-position:0 -31px;
}

/* top nav implementation */
#top{
	background:#1e3c70 url('../img/bg/top.png') bottom repeat-x;
	overflow:visible;
}
#top .nav{
}
	#top .nav li{
		margin:0;
	}
	#top .nav li a{
		background:url('../img/nav/top.png') top left no-repeat;
		text-indent:-999em;
		height:37px;
	}
	#top .nav #nav_keds a{
		width:84px;
	}
		#top .nav #nav_keds.current a,
		#top .nav #nav_keds.current a:hover,
		#top .nav #nav_keds a:active{
			background-position:0 -37px !important;
		}
		#top .nav #nav_keds a:hover{
			background-position:0 -74px;
		}
	#top .nav #nav_prokeds a{
		width:91px;
		background-position:-84px 0;
	}
		#top .nav #nav_prokeds.current a,
		#top .nav #nav_prokeds.current a:hover,
		#top .nav #nav_prokeds a:active{
			background-position:-84px -37px !important;
		}
		#top .nav #nav_prokeds a:hover{
			background-position:-84px -74px;
		}
	
	#top .nav #nav_collective a{
		width:122px;
		background-position:-175px 0;
	}
		#top .nav #nav_collective.current a,
		#top .nav #nav_collective.current a:hover,
		#top .nav #nav_collective a:active{
			background-position:-175px -37px !important;
		}
		#top .nav #nav_collective a:hover{
			background-position:-175px -74px;
		}
	

/* top message */
#top .update em{
	color:#FFF;
	font-size:14px;
	background:url('../img/icon/arrows-blue.png') left center no-repeat;
	padding-left:15px;;
}
#top .update{
	text-align:right;
	margin-top:5px;
}

/* masthead nav */
#masthead{
	padding-top:24px;
}
#masthead .nav{
	padding-top:18px;
	padding-left:14px;
}
	#masthead .nav li{
		margin-right:0;
	}
	#masthead .nav li a{
		background:url('../img/nav/main.png') top left no-repeat;
		text-indent:-999em;
		height:21px;
	}
	#masthead .nav .browse_designs a{
		width:108px;
		background-position:0 0;
	}
	#masthead .nav .browse_members a{
		background-position:-108px 0;
		width:159px;
	}
	#masthead .nav .design_ur_own a{
		background-position:-268px 0;
		width:146px;
	}

	#masthead .nav .browse_designs a:hover{
		background-position:0 -21px;
	}
	#masthead .nav .browse_members a:hover{
		background-position:-108px -21px;
	}
	#masthead .nav .design_ur_own a:hover{
		background-position:-268px -21px;
	}
	
	body.designs #masthead .browse_designs a{
		background-position:0 -42px;
	}
	body.members #masthead .browse_members a{
		background-position:-108px -42px;
	}
	body.design-your-own #masthead .design_ur_own a{
		background-position:-268 -42px;
	}
/* account nav */
#account{
	position:relative;
}
#account .nav{
	position:absolute;
	right:0;
	top:12px;
	font-family:Arial,Helvetica,sans;
	font-size:10px;
}
	#account .nav li{
		margin-right:7px;
		padding-right:8px;
		background:url('../img/common/dotted-line-vert.png') top right no-repeat;
	}
	#account .nav li a{
		text-transform:uppercase;
		text-decoration:none;
	}
#sign_in a{
	background:url('../img/icon/arrows-red.png') left center no-repeat;
	padding-left:13px;
}
/* forms */
form.basic{
	margin:0;
	width:auto;
}
form.basic div{
	padding:0;
}
form.basic input{
	padding:7px 5px 0px 5px;
	height:23px;
	border:none;
	background:none;
}
form.basic span{
	background:url('../img/common/input.png') top left no-repeat;
	float:left;
	display:block;
}
form.basic button{
	height:29px;
	background:url('../img/common/search-btn.png') top left no-repeat;
	text-indent:-999em;
	border:0;
	float:left;
}
/* search form */
#search{
	padding-top:14px;
}
#search input{
	width:156px;
	color:#999;
}
#search button{
	width:24px;
}
/* newsletter form */
#insider-signup{
	padding-top:26px;
}
#insider-signup form{
	margin-left:5px;
}
#insider-signup input{
	width:170px;
}
#insider-signup button{
	background:url('../img/common/submit-btn.png') top left no-repeat;
	width:75px;
}

/* what is the collective popdown menu */
#what_is_collective{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin-top:20px;
	padding-bottom:15px;
}
#what_is_collective h1{
	font-size:14px;
	margin:0;
	margin-top:-10px;
	padding-right:10px;
	padding-left:16px;
	color:#1e3c70;
	background:white url('../img/icon/arrow-down-blue.png') left 3px no-repeat;
	font-weight:normal;
	cursor:pointer;
	float:left;
	position:relative;
}
#what_is_collective em{
	display:block;
	clear:both;
	font-size:14px;
	text-align:center;
	margin:22px 0 8px;
}
#what_is_collective.closed em{xxdisplay:none;}
#what_is_collective.closed{border-bottom:0;}
#what_is_collective.closed h1{
	background-image:url('../img/icon/arrow-right-blue.png');
}

/* body of the page */
#body{
	background:url('../img/bg/body.png') top left repeat-x;
}

/* footer */
#foot .foot-inner{
	background:url('../img/common/dotted-line.png') top left repeat-x;
	overflow:hidden;
	
	margin-top:20px;
	
}
a#details {
	display:block;
	float:left;
	font-size:12px;
	font-style:italic;
	height:15px;
	padding:0 0 0 19px;
	text-decoration:underline;
	width:30px;
	font-weight:bold;
}

span#email-field {
	margin-left: 13px;
}

/* kickers (also use image replacement)*/
#kickers{
	margin-bottom:20px;
	margin-top:30px;
}

/* communicate */
#communicate h2,
#communicate h2 span{
	background:url('../img/headings/h2-become-insider.png') top left no-repeat;
	width:194px;
	height:16px;
}
#communicate h2{
	margin:13px 0 3px 0;
}
#communicate .description{
	padding:0 0 7px 15px;
	margin-top:15px;
}
#communicate .info{
	margin:0;
	color:#666;
	font-size:11px;
}
#communicate ul{
	margin-top:22px;
}
#communicate li{
	float:left;
	height:40px;
	display:block;
	text-indent:-999em;
}
#communicate li a{
	display:block;
	height:40px;
}
#communicate .facebook{
	width:152px;
	background:url('../img/common/social-sprite.png') top left no-repeat;
}
#communicate .twitter{
	width:115px;
	background:url('../img/common/social-sprite.png') -152px 0px no-repeat;
}
#communicate .share{
	width:83px;
	background:url('../img/common/social-sprite.png') -267px 0px no-repeat;
}

/* about */
#about h2,
#about h2 span{
	background:url('../img/headings/h2-about-collective.png') top left no-repeat;
	width:249px;
}
#about h2{
	margin-bottom:15px;
}
#about p{
	font-size:12px;
	color:#333;
	margin-bottom:1em;
}

/* links section */
#links a{
	font:12px Arial, Helvetica, sans;
	color:#333;
}
#links a:hover{
	color:#45A2D1;
}
#links{
	overflow:hidden;
	padding-bottom:20px;
}
h3.links,
h3.links span{
	background:url('../img/headings/h3-links.png') top left no-repeat;
	width:68px;
}
h3.help,
h3.help span{
	background:url('../img/headings/h3-help.png') top left no-repeat;
	width:32px;
}
h3.account,
h3.account span{
	background:url('../img/headings/h3-account.png') top left no-repeat;
	width:58px;
}
h3.legal,
h3.legal span{
	background:url('../img/headings/h3-legal.png') top left no-repeat;
	width:36px;
}
.call-us{
	clear:left;
	float:left;
	margin-top:20px;
	font:12px Arial, Helvetica, sans;
	font-weight:bold;
}
.call-us span{
	font:13px Georgia, serif;
	font-weight:normal;
}
/* legal nav */
#legal-nav{
	border-top:1px solid #CCC;
	padding-top:10px;
	margin-top:20px;
	margin-bottom:50px;
	font:10px Arial, Helvetica, sans;
} 
#legal-nav ul{
	position:absolute;
	right:0;
}
#legal-nav li{
	padding:0 5px 0 0;
	border-right:5px;
	border-right:1px solid #CCC;
	margin-right:5px;
}
#legal-nav li a,
#legal-nav{
	color:#666;
}

/* table */
h2.table-header{
	background:#e8ebf0;
	text-align:left;
	font-weight:normal;
	font-size:16px;
	border:none;
	padding:8px 0 8px 10px;
	width:938px;
	margin:10px 2px 0 0;
	clear:both;
}
table.fresh{
	border:none;
	width:auto;
	background:url('../img/common/dotted-line-vert.png') top left repeat-y;
}
table.fresh tbody td{
	border:none;
	text-align:center;
	position:relative;
}
table.fresh td,
ul.fresh li{
	background:url('../img/bg/product-cell.png') bottom right no-repeat;
	width:237px;
	padding:0;
	float:left;
	height:240px;
	text-align:center;
	position:relative;
}
.list-wrap{
	background:transparent url(../img/common/dotted-line-vert.png) repeat-y scroll left top
}
/* misc */
.subtle{
	font:normal 11px Arial, Helvetica, sans;
}
.filters{
	background:url('../img/common/dotted-line.png') bottom left repeat-x;
	padding-bottom:10px;
	margin-bottom:5px;
}
.filters,
.sort-options{
	font:normal 12px Arial, Helvetica, sans;
}
.sort-options{
	margin-bottom:20px;
	margin-top:10px;
}
.sort-options form{
	display:inline;
	width:auto;
	padding-right:10px;
	margin-right:10px;
}
.centered{text-align:center;}
.separated{
	background:url('../img/common/dotted-line-vert.png') top right repeat-y;
}

/* paginator */
.paginator{
	font:12px Arial, sans;
	text-transform:uppercase;
	text-align:right;
	margin-top:10px;
	z-index:3;
}
.paginator span{
	background:url('../img/common/dotted-line-vert.png') top right no-repeat;
}
.paginator span a,
.paginator .current{
	padding:0 10px 0 5px;
}
.paginator .current{font-weight:bold;}
.paginator .prev{
	background:url('../img/common/dotted-line-vert.png') top right no-repeat;
	padding:0 12px 0 8px;
}
.paginator .next{
	padding-left:8px;
}