/*
etnies General Stylesheet

URL: 		http://etnies.com
Created by: 	Foxxyz/Ivo KH Janssen
		Mike Rusczyk
For:		Sole Technology Inc
		Code Dealers
Site Design by:	Sole Technology Inc Web Dept
		
http://www.soletechnology.com
http://codedealers.com

*/

/******************\
| GENERAL STYLES   |
\******************/

* {
	margin: 0;
	padding: 0;
	}

a {
	text-decoration: none;
	color: #A29D98;
	background-color: inherit;
	}

	a:link, a:visited {
		text-decoration: none;
		color: #A29D98;
		background-color: inherit;
		}
	
	a:hover {
		color: #3FACD6;
		background-color: inherit;
		}

body {
	background: #fff url(site.png) repeat-x 0 0;
	color: #807F7F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .69em;
	}

h1 {
	
	}

	h1 a {
		display: block;
		position: absolute;
		color: inherit;
		background: transparent url(logo.png) no-repeat 0 0;
		text-indent: -9980px;
		width: 61px;
		height: 56px;
		top: 38px;
		left: 33px;
		}
		
		h1 a:hover {
			background-position: 0 -63px;
			}
		
		.eu h1 a {
			background-image: url(logo-eu.png);
			width: 90px;
			height: 54px;	
			left: 28px;		
			}
		
		h1 a:focus {
			background-position: 0 0;
			outline-style: none;
			}

h2, h3, h4, h5 {
	font-family: helvetica, arial, sans-serif;
	}
		
			
hr {
	display: none;
	}
	
img {
	border-style: none;
	display: block;
	}
	
label {
	display: block;
	}
	
legend {
	display: none;
	}
	
p {
	margin-bottom: 1em;
	}
	
table {
	border-collapse: collapse;
	}
		
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
/* --------- Global Forms -------- */

fieldset {
	border-style: none;
	}
	
input, textarea, select {
	background-color: #F4F5F5;
	border-color: #CDCACA #EDEDED #fff #CDCACA;
	border-style: solid;
	border-width: 1px;
	color: #4B4A4B;
	font-size: 14px;
	padding: 2px;
	}

	input:hover, textarea:hover {
		border-color: #B5B5B5 #EDEDED #fff #B5B5B5;
		}

	.submit input {
		border-style: none;
		color: #fff;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
		height: 25px;
		padding: 0;
		text-transform: uppercase;
		}	
	
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/* -------- Error states -------- */

p.error {
	padding: 30px 55px 30px 20px;
	margin: 10px 0 20px;
	font-size: 32px;
	color: #f8f5ef;
	background: #F0A91E url(error.png) no-repeat  bottom right;
	}
	
	p.error a, ul.error a {
		color: #935a09;
		background-color: inherit;
		}
		
		p.error a:hover, ul.error a:hover {
			color: #583605;
			background-color: inherit;
			}
		
		body .error p {
			background-color: #f6efe4;
			border: 1px dotted #E39F1A;
			color: #c88707;
			font-size: 12px;
			margin: 15px 0 10px;
			padding: 6px 8px;
			}
		
		body.redeem .error p {
			width: 230px;
			}
			
		body.redeem h3 {
			display: none;
			}	
		
ul.error {
	padding: 30px 20px;
	margin: 10px 0 20px;
	font-size: 20px;
	color: #f8f5ef;
	background-color: #F0A91E;
	clear: both;
	list-style-type: disc;
	list-style-position: outside;
	}
	
	ul.error li {
		padding: 5px 0;
		margin-left:15px;
		}
		
p.status {
	padding: 20px;
	margin: 10px 0 20px;
	font-size: 24px;
	background-color: #555;
	color: #fff;
	clear: both;
	}
	
	p.status a, ul.status a  {
		color: #3FACD6;
		background-color: inherit;
		}
		
		p.status a:hover, ul.status a:hover {
			color: #A29D98;
			background-color: inherit;
			}
	
	.status p {
		padding: 5px 8px;
		margin: 5px 20px;
		font-size: 12px;
		color: #fff;
		background-color: #555;
		}
	
	ul.status {
		padding: 10px 20px;
		margin: 10px 0 20px;
		font-size: 20px;
		background-color: #555;
		color: #fff;
		clear: both;
		list-style-type: disc;
		list-style-position: outside;
		}
		
		ul.status li {
			padding: 10px 0;
			margin-left: 15px;
			}


/******************\
| ID SPECIFICS     |
\******************/

#adminlogin {
	position: fixed;
	top: 110px;
	right: 0;
}

	#adminlogin a {
		display: block;
		border-left: ridge 2px;
		border-bottom: ridge 2px;
		border-top: ridge 2px;
		padding: 5px 10px;
		margin-bottom: 2px;
		z-index: 10;
		color: #000;
		background-color: inherit;
	}
	
		#adminlogin a:hover {
			border-color: #f00;
			color: #f00;
			background-color: inherit;
		}
		
#container {
	margin: 0 auto;
	width: 964px;
	min-height: 600px;
	color: inherit;
	background-color: #fff;
	}

#content {
	width: 824px;
	float: right;
	padding-left: 16px;
	margin: 0 0 70px 0;
	overflow: hidden;
	}

#etnies {
	position: absolute;
	bottom: 14px;
	right: 0;
	}
		
#gridoverlay {
	width: 964px;
	height: 1500px;
	color: inherit;
	background: transparent url(grid.png) repeat-y 0 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0 0;
	z-index: 100;
	}

/* --------- Footer --------- */
		
#footer { 
	text-transform: uppercase;
	position: relative;
	clear: both;
	overflow: hidden;
	color: #c8c8c8;
	background: transparent url(h-line.png) no-repeat 0 30px;
	font-family: helvetica, arial, sans-serif;
	padding: 30px 0 35px;
	}

	#footer a.home {
		position: absolute;
		right: 0;
		top: 45px;
		display: block;
		width: 41px;
		height: 14px;
		text-indent: -9009px;
		color: inherit;
		background: transparent url(footer-logo.png) no-repeat 0 0;
		}
		
		#footer a.home:focus {
			outline-style: none;	
			}

	#footer .copyright {
		text-transform: none;
		position: absolute;
		top: 14px;
		right: 0;
		font-size: 10px;
		line-height: 8px;
		}
		
		#footer .copyright ul {
			float: right;
			}

		#footer .copyright li {
			float: left;
			padding: 0 5px;
			border-left: 1px solid #D8D8D8;
			}
			
			#footer .copyright li a {
				color: #c8c8c8;
				background-color: inherit;
				}
				
				#footer .copyright li a:hover {
					color: #6d6b6b;
					background-color: inherit;
					}

		#footer .copyright span {
			float: left;
			padding: 0 5px;
			}
			
	#footer li {
		padding: 2px 0;
		}
				
		#footer li a {
			color: #bab7b4;
			background-color: inherit;
			}

			#footer li a:hover {
				color: #6d6b6b;
				background-color: inherit;
				}

	#footer .seals {
		display: none;
		}
		
	#footer .primary, #footer .secondary {
		float: right;
		}
		
	#footer .primary {
		width: 54px;
		margin: 11px 70px 0 0;
		}
		
	#footer .secondary {
		width: 420px;
		margin: 11px 0 0 0;
		}
		
		#footer .secondary li {
			float: left;
			width: 140px;
			}
			
	#footer .region {
		width: 200px;
		margin: 11px 0 0 0;
		padding: 2px 0 0 54px;
		background:transparent url(footer-icon.png) no-repeat 0 0;
		}
		
		#footer .region li a {
			padding-left: 12px;
			margin-left: 5px;
			}

			#footer .region li.active a, #footer .region li a:hover {
				color: #F0A91E;
				background:transparent url(region.png) no-repeat scroll 0 2px;
				}
				
		#footer .region strong {
			padding: 0 0 0 16px;
			font-weight: normal;
			color: #7A7A7A;
			background-color: inherit;
			}
				
#framework-status {
	float: right;
	color: #E9E9E9;
	background-color: transparent;
	}

	#framework-status a {
		font-size: 10px;
		color: #E9E9E9;
		background-color: inherit;
		}
	
/* --------- Header --------- */

#header {
	height: 107px;
	color: inherit;
	background: transparent url(/app/css/images/header.png) repeat-x 0 0;
	margin: 0;
	}
	
	#header a:focus {
		outline-style: none;
		}
	
	#header .accountbalance {
		right: 0;
		bottom: 56px;
		clear: both;
		position: absolute;
		margin: 0;
		font-size: 10px;
		}
		
		#header .accountbalance a {
			color: #58C714;
			background-color: inherit;
			}
			
			#header .accountbalance a:hover {
				color: #F0A91E;
				background-color: inherit;
				}
	
	#header .container {
		position: relative;
		margin: 0 auto;
		width: 964px;
		height: 106px;
		}
		
	#header input#q {
		width: 95px;
		height: 16px;
		font-size: 10px;
		padding: 2px 4px 0;
		float: left;
		color: #807F7F;
		background: transparent url(/app/css/images/header-search.png) no-repeat 0 0;
		border-style: none;
		}
		
		#header input#q:hover, #header input#q:focus {
			background-position: 0 -18px;
			}
		
		#header label {
			display: none;
			}
	
	#header #search {
		width: 124px;
		position: absolute;
		bottom: 10px;
		right: 0;
		padding-right: 70px;
		height: 20px;
		color: inherit;
		background: transparent url(/app/css/images/etnies-logo.png) no-repeat top right;
		}
				
	#header .shopping {
		font-size: 10px;
		color: #9F9B95;
		background: transparent url(/app/css/images/cart-tab-right.png) no-repeat -300px -300px;
		margin: 0;
		top: 0;
		right: 0;
		position: absolute;
		width: 404px;
		text-align: right;
		z-index: 200;
		}
		
		#header .shopping.engaged {
			background-position: right 4px;
			height: 30px;
			}
			
			#header .shopping.engaged .useritems {
				display: none;
				}
			
	#header .shoppingcart {
		display: block;
		color: inherit;
		background: transparent url(/app/css/images/cart-tab-left.png) no-repeat -300px -300px;
		padding: 8px 3px 0 12px;
		margin: 0 3px 0 0;
		height: 22px;
		text-align: right;
		float: right;
		color: inherit;
		}
		
		#header .engaged .shoppingcart {
			background-position: left 4px;
			}

		#header .shoppingcart a {
			text-align: left;
			display: block;	
			color: #3FACD6;
			background: transparent url(/app/css/images/cart.png) no-repeat 0 5px;
			height: 20px;
			padding: 0 0 0 17px;
			}

			#header .shoppingcart a:hover {
				color: #F0A91E;
				background-position: 0 -10px;
				}
				
				#header .engaged .shoppingcart a {
					background-position: 0 -25px;
					}
					
					#header .engaged .shoppingcart a:hover {
						background-position: 0 -40px;
						}

			#header .shoppingcart a:focus {
				outline-style: none;
				}

			#header .shoppingcart a strong {
				font-weight: normal;
				background: transparent url(/app/css/images/cart-icon.png) no-repeat right 1px;
				padding: 0 25px 4px 0;
				line-height: 20px;
				display: block;
				}

				#header .shoppingcart a strong br {
					display: none;
					}

			#header .useritems {
				font-size: 10px;
				display: block;
				clear: both;
				position: absolute;
				bottom: 42px;
				right: 0;
				}
				
				#header .useritems a.active {
					color: #F0A91E;
					background-color: inherit;
					}

		#header .useritems small {
			font-size: 9px;
			}	

			#header .useritems small a {
				color: #3CAED8;
				background-color: inherit;
				}

				#header .useritems small a:hover {
					color: #F1AA1E;
					background-color: inherit;
					}
				
/* --------- Main Nav --------- */

#nav {
	margin: 39px 0 0 131px;
	font-size: 16px;
	float: left;
	padding:  0 2px 0 0;
	color: inherit;
	background: transparent url(nav-line.png) no-repeat right 0;
	}
	
	#nav .dropdown, #nav #nav-shop  {
		position: absolute;
		top: 66px;
		left: 2px; 
		display: none;
		font-size: 10px;
		float: none;
		margin: 0;
		padding: 0 0 15px;
		z-index: 100;
		color: #88898B;
		background: transparent;
		}
		
	#nav .dropdown {
		color: inherit;
		background: transparent url(nav-menu-footer.png) no-repeat bottom left;
		padding: 0 0 4px;
		width: 138px;
		}
		
		#nav .dropdown ul {
			padding: 15px 0;
			background: transparent url(nav-menu-mid.png) repeat-x 0 0;
			}
		
		#nav .dropdown li {
			font-size: 16px;
			font-weight: bold;
			font-family: helvetica, arial, sans-serif;
			text-align: center;
			padding: 0;
			}
			
		 #nav .dropdown li a {
			display: block;
			padding:7px 0;
			}
			
			#nav .dropdown li.active a {
				color: #EEA91F;
				background-color: inherit;
				} 
	
	#nav > li {
		float: left;
		display:block;
		height: 56px;
		width: 140px;
		position: relative;
		color: inherit;
		background: transparent url(nav-line.png) no-repeat 0 0;
		}
		
		#nav > li:hover {
			height: 68px;
			}
		
			#nav > li > a {
				display: block;
				text-align: center;
				padding-top: 38px;
				width: 138px;
				height: 16px;
				margin-left: 2px;
				color: #575858;
				background-color: inherit;
				text-transform: uppercase;
				font-family: helvetica, arial, sans-serif;
				font-weight: bold;
				}
				
				#nav > li > a:hover, #nav > li.active > a, #nav > li:hover > a {
					color: #EEA91F;
					background: transparent url(nav.png) repeat 0 0;
					height: 28px;
					}

			
				#nav li:hover .dropdown, #nav li:hover #nav-shop {
					display: block;
					}

		#nav li li {
			padding: 0 0 3px;
			}
						
			#nav li li a {
				color: #88898B;
				background: transparent;
				}
	
				#nav li li a:hover {
					color: #EEA91F;
					background: transparent;
					}
					
/* -------------- */

	#nav #nav-shop {
		width: 419px;
		color: inherit;
		background: transparent url(/app/css/images/shop-menu-top.png) no-repeat 0 0;
		}	

		#nav #nav-shop h4 {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 4px;
			}
			
		#nav #nav-shop p {
			text-align: center;
			height: 24px;
			color: inherit;
			background: transparent url(/app/css/images/shop-menu-footer.png) no-repeat 0 0;
			margin: 0;
			padding: 15px 0 0;
			}
			
			.eu #nav #nav-shop p {
				height: 4px;
				background-position: bottom left;
				}
			
			#nav #nav-shop p a {
				line-height: 5px;
				height: 8px;
				padding: 0 10px;
				border-left: 1px solid #adadae;
				color: #7F7F7F;
				background-color: inherit;
				font-weight: bold;
				}
				
				#nav #nav-shop p a:hover {
					color: #3FACD6;
					background-color: inherit;
					}

			#nav #nav-shop p a:first-child {
				border-style: none;
				}

		#nav #nav-shop > ul {
			color: inherit;
			background: transparent url(/app/css/images/shop-menu-mid.png) repeat 0 0;
			margin: 7px 0 0;
			overflow: hidden;
			padding: 28px 0 20px 27px;
			}
			
				#nav #nav-shop > ul > li {
					font-size: 11px;
					width: 87px;
					float: left;
					padding: 0 6px 0 20px;
					min-height: 260px;
					color: inherit;
					background: transparent url(/app/css/images/menu-line.png) repeat-y top left;
					}
					
					#nav #nav-shop > ul li:first-child {
						color: inherit;
						background: transparent;
						}

/* -------------- */				

input#search_top {
	width: 16px;
	height: 15px;
	margin: 1px 0 0;
	float: right;
	color: inherit;
	background: transparent url(/app/css/images/search.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9909px;
	border-style: none;
	}

	input#search_top:hover {
		background-position: 0 -25px;
		}  
		
	input#search_top:focus {
		background-position: 0 -25px;
		outline-style: none;
		}

/* -------------- */

#serious-error {
	font-size: 24px !important;
	text-align: left !important;
	padding: 15px;
	color: #fff;
	background: #F0A91E;
	}

#shadow {
	display: block;
	position: absolute;
	top: 106px;
	left: 0;
	width: 100%;
	background: transparent url(/app/css/images/header.png) repeat-x scroll bottom left;
	color: inherit;
	text-indent: -9009px;
	line-height: 3px;
	height: 3px;
	z-index: 99;
	}

#skipnav {
	display: none;
	}
		
#subnavigation {
	width: 124px;
	float: left;
	}
	
	#subnavigation h4 {
		font-size: 11px;
		margin: 0 0 6px;
		color: #c8c8c8;
		background-color: inherit;
		}
	
	#subnavigation h5 {
		font-size: 14px;
		color: #807F7F;
		background-color: inherit;
		text-transform: uppercase;
		margin: 0 0 5px;
		}
	
	#subnavigation li {
		padding: 0 0 28px;
		display: block;		
		}
		
		#subnavigation li li {
			line-height:15px;
			padding: 0 0 5px 10px;
			margin: 0 0 0 1px;
			color: inherit;
			background: transparent url(/app/css/images/subnav.png) no-repeat 0 6px;
			}		

#wrapper {
	color: inherit;
	background: transparent url(/app/css/images/wrapper.png) repeat-y center top;
	}

/******************\
| CLASS SPECIFICS  |
\******************/

/* --------- */

p.breadcrumb { 
	margin: 1px 0 20px;
	color: #3FACD6;
	background: transparent url(/app/css/images/h-line.png) no-repeat center bottom;
	height: 33px;
	overflow: hidden;
	padding: 0 0 0 5px;
	}
	
	p.breadcrumb a {
		color: #3FACD6;
		background-color: inherit;
		margin: 0 5px 0 0;
		padding: 5px 3px 5px 5px;
		line-height: 18px;
		float: left;
		font-size: 10px;
		}
		
		p.breadcrumb a:focus {
			outline-style: none;
			}
		
		p.breadcrumb a:hover {
			color: #F1AA1E;
			background-color: inherit;
			}
			
		p.breadcrumb a kbd {
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			p.breadcrumb a kbd:before {
				content: "'";
				}
				
			p.breadcrumb a kbd:after {
				content: "'";
				}
		
		p.breadcrumb small a {
			display: block;
			text-indent: -9909px;
			width: 10px;
			height: 10px;
			color: inherit;
			background: transparent url(/app/css/images/breadcrumb-x.png) no-repeat 0 0;
			padding: 0;
			margin: 10px 5px 0 0;
			}
			
			p.breadcrumb small a:hover {
				background-position: 0 -10px;
				}
				
			p.breadcrumb small a:focus {
				outline-style: none;
				}

	p.breadcrumb .seperator {
		display: none;
		}
		
	p.breadcrumb span {
		color: inherit;
		background: transparent url(/app/css/images/breadcrumb.png) no-repeat right top;
		line-height: 30px;
		height: 30px;
		float: left;
		padding: 0 6px 0 0;
		margin: 0 2px 0 0;
		}
	
	p.breadcrumb strong {
		display: none;
		}

/* ======= Utility pages ======= */

	body.forgotpassword #container h3, body.unsubscribe #container h3 , body.subscribe #container h3 {
		display: none;
	}
	
/* ======= 404 ======= */
	
	body.error #content {
		margin: 70px auto 200px;
		width: 420px;
		padding: 0;
		float: none;
		color: #4B4A4B;
		background-color: inherit;
		}
		
			body.error #container form div {
				display: inline;
				}

			body.error #container input {
				color:#4B4A4B;
				font-size:15px;
				padding: 2px;
				width: 258px;
				float: left;
				margin: 2px 0 0;
				}

			body.error #container .submit input {
				background: transparent url(/app/css/images/submit-124.png) no-repeat scroll 0 1px;
				color: #fff;
				font-size: 12px;
				float: none;
				height: 25px;
				width: 124px;
				margin: 0 0 0 16px;
				}

				body.error #container .submit input:hover {
					background-position:0 -27px;
					}

		body.error #container label {
			font-family:helvetica,arial,sans-serif;
			font-size: 18px;
			margin: 0 0 8px;
			}

	body.error h2 {
		font-size: 72px;
		font-weight:normal;
		}
			
		body.error #content p {
			font-size: 12px;
			margin: 8px 0 50px;
			color: #807F7F;
			background-color: inherit;
			}

		
			body.error #content p a {
				color: #3FACD6;
				background-color: inherit;
				}
				
				body.error #content p a:hover {
					color: #F1AA1E;
					background-color: inherit;
					}
		
/* ======= login styles ======= */

	.home p.breadcrumb {
		margin-bottom: 40px;
		}

	.home #content {
		color: #A29D98;
		background-color: inherit;
		margin: 0 70px 150px 0;
		padding-left: 86px;
		width: 684px;
		}
		
	.home #content h2 {
		background-color: inherit;
		border-bottom: 1px solid #C7C7C7;
		color: #4B4A4B;
		font-size: 32px;
		font-weight: normal;
		}	
		
		body.home .error p {
			width: 228px;
			}
		
	body.home p.error, body.home ul.error {
		margin: 30px 70px 10px 210px;
		}
		
	body.home p.status, body.home ul.status {
		margin: 30px 70px 30px 210px;
		}	
		
	.home .group {
		background:transparent url(/app/css/images/account-group.png) no-repeat scroll 0 0;
		padding: 3px 0 0;
		}
		
		.home .group a {
			color: #3FACD6;
			background-color: inherit;
			}
			
			.home .group a:hover {
				color: #F0A91E;
				background-color: inherit;
				}

		.home .group h2 {
			background-color: inherit;
			border-bottom: 1px solid #C7C7C7;
			color: #4B4A4B;
			font-size: 32px;
			font-weight: normal;
			margin: 0 0 15px;
			}
			
		.home .group input#login_password, .home .group input#account_password, .home .group input#account_email {
			margin-bottom: 2px;
			}

		.home .group input {
			background-color: #fff;
			color: #6E6E6E;
			font-size: 24px;
			margin: 2px 0 15px;
			border-color:#BFBFBF #E2E2E2 #E2E2E2 #BFBFBF;
			width:240px;
			}
			
		.home .group select {
			font-size: 18px;
			background-color: #fff;
			color: #6E6E6E;
			margin: 2px 0 15px;
			border-color:#BFBFBF #E2E2E2 #E2E2E2 #BFBFBF;
			width:246px;
			}	

			.home .group input:hover {
				border-color: #9D9D9D #E2E2E2 #E2E2E2 #9D9D9D;
				}

			.home .group .submit input {
				background:transparent url(/app/css/images/submit-124.png) no-repeat scroll 0 1px;
				color: #fff;
				font-size: 12px;
				margin: 10px 0;
				width: 124px;
				}

				.home .group .submit input:hover {
					background-position: 0 -27px;
					} 

		.home .group small {
			color: #b8b8b7;
			background-color: inherit;
			display: block;
			margin: 0 2px 18px;
			width: 240px;
			}

		.home .group p {
			font-size: 12px;
			}		
		
		.home .group .uselessmarkup {
			background: transparent url(/app/css/images/account-group.png) no-repeat left bottom;
			padding: 20px 20px 30px;
			}

	.home.main h3 {
		display: none;
		}
		
		.home .options li {
			float: left;
			width: 290px;
			margin: 0 0 0 20px;
			}
			
			.home .options li:first-child {
				margin: 0 40px 0 20px;
				}	
				
			.home .options li a {
				text-align: center;
				display: block;
				background: transparent url(/app/css/images/submit-124.png) no-repeat scroll 0 1px;
				color: #fff;
				font-size: 12px;
				margin: 10px 0;
				width: 124px;
				height: 20px;
				padding: 5px 0 0;
				text-transform:uppercase;
				}
				
				.home .options li a:hover {
					background-position: 0 -27px;
					}
				
			.home .options li p {
				margin: 5px 0 8px;
				line-height: 1.6;
				font-size: 12px;
				}
	
	.login #content {
		margin-top: 40px;
		}
	
	.login .group {
		margin: 30px 0 40px;
		}
		
/* --------- Product Tiles Sitewide --------- */	

a.imagelink  {
	color: #807F7F;	
	background-color: inherit;
	display: block;
	padding: 0 18px;
	min-height: 80px;
	line-height: 15px;
	}
	
	a.imagelink:hover {
		color: #3FACD6;	
		background-color: inherit;
		}
	
	a.imagelink:focus {
		outline-style: none;
		}
	
	a.imagelink .divider {
		display: none;
		}

	a.imagelink img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-bottom: 0 !important;
		}	

	a.imagelink .price {
		font-size: 10px;
		color: #F1AA1E;
		background-color: inherit;
		display: block;
		padding: 2px 0 0;
		height: 17px;
		}
		
		a.imagelink .price del {
			padding-right: 2px;
			}
	
	a.imagelink .price.sale {
		color: #F1AA1E;
		background:transparent url(/app/css/images/sale-tag.png) no-repeat 123px top;
		}

ul.swatches {
	position: absolute;
	top: 173px;
	left: 0;
	display: block;
	padding: 0 33px;
	width: 127px;
	height: 38px;
	overflow: hidden;
	}
		
		ul.swatches a:focus {
			outline-style: none;
			}

		ul.swatches a img {
			display: inline;
			color: inherit;
			border: 1px solid #fff;
			background-color: #49494A;
			padding: 1px;
			margin: 0 1px;
			}			

	ul.swatches li {
		display: inline;
		}	

			ul.swatches li a:hover img, ul.swatches li.active a img {
				color: inherit;
				border-color: #000;
				background-color: #fff;
				}
				
		ul.swatches li .price {
			display: none;
			}		
				
	ul.swatches small.available {
		display: none;
		}

/* --------- Related Items Sitewide --------- */		

.related {
	float: right;
	width: 194px;
	}
	
	.related h4 {
		display: none;
		}

	.related li {
		text-align: center;
		border: 1px solid #E9EBEB;
		width: 172px;
		margin: 0 0 16px;
		padding: 10px 10px 20px;
		min-height: 100px;
		font-size: 13px;
		}
		
		.related li a:focus {
			outline-style: none;
			}
		
		.related li br {
			display: none;
			}
		
		.related li img {
			margin: 0 auto 15px;
			}
			
		.related ul.swatches li {
			text-align: left;
			border-style: none;
			width: auto;
			margin: 0;
			padding: 0;
			min-height: 12px;
			}

/* ====== SEARCH RESULTS ====== */

		.search a.imagelink img {
			padding: 20px 0 0;
			}

		.search #blogscontainer .excerpt {
			font-size: 12px;
			color: #A39E99;
			background-color: inherit;
			float: right;
			width: 350px;
			display: block;	
			color: #A39E99;
			background-color: inherit;
			line-height: 2;
			}
			
			.search #blogscontainer li h4 {
				font-weight: normal;
				line-height: normal;
				font-size: 20px;
				}
			
				.search #blogscontainer h4 a {					
					color: #4B4B4B;
					background-color: inherit;
					}
					
					.search #blogscontainer h4 a:hover {
						color: #F0A91E;
						background-color: inherit;
						}
					
			.search #blogscontainer li {
				padding: 30px 0;
				border-top: 1px solid #E9EBEB;
				overflow: hidden;
				}
				
			.search #blogscontainer li:first-child {
				border-style: none;
				}
				
			.search #blogscontainer li img {
			    float: left;
				border: 1px solid #E9EBEB;
			    }
			
					.search #blogscontainer li a:hover img {
						border-color: #F0A91E;
						}
			
		.search #blogscontainer .meta {
			line-height: normal;
			text-transform: uppercase;
			font-size: 9px;
			margin: 0 0 15px;
			color: #4B4B4B;
			background-color: inherit;
			}
				
			.search #blogscontainer .meta a {
				color: #3FACD6;
				background-color: inherit;
				}
				
				.search #blogscontainer .meta a:hover {
					color: #F0A91E;
					background-color: inherit;
					}
				
		.search #blogscontainer ul {
			padding: 0;
			}
				
	.search #content {
		width: 684px;
		padding-right: 140px;
		}
	
		.search #content fieldset {
			margin-bottom: 35px;
			}
	
	.search #content h2 {
		font-weight: normal;
		font-size: 32px;
		color: #4B4B4B;
		background-color: inherit;
		margin: 0 0 10px;
		}
	
		.search #content h2.results {
			font-size: 24px;
			padding: 58px 0 0;
			width: 544px;
			float: right;
			border-style: none;
			}
		
			.search h2.results kbd {
				text-decoration: none;
				font-family: helvetica, arial, sans-serif;
				font-weight: bold;
				}

	.search h3 {
		display: none;
		}
	
	.search .items {
		clear: both;
		overflow: hidden;
		}
		
		.search .items ul {
			border-top: 1px solid #C7C7C7;
			float: right;
			width: 544px;
			padding: 30px 0 40px;
			}
			
	.search #riderscontainer li {
		float:left;
		margin: 0 16px 16px 0;
		}		
			
		.search #riderscontainer li a {
			border: 1px solid #E9EBEB;
			display: block;
			height: 155px;
			overflow: hidden;
			padding: 10px 0 0;
			text-align: center;
			width: 192px;
			font-size: 14px;
			}
			
			.search #riderscontainer li img {
				margin: 0 auto;
				}
	
	.search .sectionoption {
		display: block;
		clear: both;
		float: right;
		width: 544px;
		padding: 10px 0 60px;
		text-transform: uppercase;
		font-size: 12px;
		display: block;
		border-top: 1px solid #E9EBEB;
		text-align: right;
		}

		.search .sectionoption a {
			color: #3FACD6;
			background-color: inherit;
			}

			.search .sectionoption a:hover {
				color: #F0A91E;
				background-color: inherit;
				}
	
	.search #searchagain-q {
		float: left;
		margin: 2px 16px 0 0;
		width: 188px;
		}

		.search .submit input {
			background:transparent url(/app/css/images/submit-go.png) no-repeat 0 1px;
			height:25px;
			width: 40px;
			}
		
			.search .submit input:hover {
				background-position:0 -27px;
				}

		.search ul.productlists li {
			height: 165px;
			margin: 0 16px 16px 0;
			}
	
		.search #quicknav {
			text-transform: uppercase;
			font-family: helvetica, arial, sans-serif;
			color: #4B4B4B;
			background-color: inherit;
			font-size: 12px;
			width: 124px;
			}

			.search #quicknav a {
				color: #3FACD6;
				background-color: inherit;
				font-size: 15px;
				font-weight: bold;
				}

				.search #quicknav a:hover {
					color: #F0A91E;
					background-color: inherit;
					}

			.search #quicknav li {
				padding: 2px 0;
				}

			.search #quicknav ul {
				padding: 10px 0;
				}
				
	.search .resultsummary {
		border-top: 1px solid #C7C7C7;
		float: left;
		width: 124px;
		padding: 30px 0 0;
		text-transform: uppercase;
		color: #4B4B4B;
		background-color: inherit;
		}
		
		.search .resultsummary a {
			display: block;
			color: #3FACD6;
			background-color: inherit;
			}
			
			.search .resultsummary a:hover {
				color: #F0A91E;
				background-color: inherit;
				}
				
		.search .resultsummary .divider {
			display: none;
			}
				
		.search .resultsummary h4 {
			font-size: 15px;
			color: #3FACD6;
			background-color: inherit;
			}
			
/* ============ */


ul.productlists {
	overflow: hidden;
	}
	
	ul.productlists > li, .related li.relatedproduct {
		display: block;
		text-align: center;
		float: left;
		width: 192px;
		height: 210px;
		font-size: 14px;
		overflow: hidden;
		padding: 5px 0 0;
		margin: 0 0 16px 16px;
		position: relative;
		border: 1px solid #E9EBEB;
		}
		
		.related li.relatedproduct {
			margin: 0 0 16px;
			float: none;
			}

	ul.productlists span.available, .related li.relatedproduct span.available {
		width: 19px;
		height: 210px;
		display: block;
		position: absolute;
		text-indent: -9009px;
		text-align: left;
		top: 6px;
		left: 4px;
		color: inherit;
		background:transparent url(/app/css/images/instock.png) no-repeat 0 0;
		z-index: 50;
		}


		.search ul.productlists span.available, .search .related li.relatedproduct span.available {
			background-image: url(/app/css/images/instock-search.png);
			}

/* ============ */

/* - - - - URL shortening service /shorten/ - - - - */

	.shorten #content h2 {
		margin-top: 1em;
		margin-bottom: 10px;
	}

	.shorten #content h3 {
		font-size: 1.5em;
		margin-bottom: 5px;
	}

	.shorten #content ul {
		margin-left: 30px;
		margin-bottom: 1em;
		list-style: disc;
		}

	.shorten #content kbd {
		font-size: 14px;
		color: inherit;
		background-color: #eee;
		padding: 0 4px;
		}

	.shorten #content form {
		margin-bottom: 1em;
		}

		.shorten #content form div {
			margin-bottom: 1em;
		}
		
	.shorten #content .submit {
		background: transparent url(/app/css/images/submit-124.png) no-repeat scroll 0 1px;
		border-style: none;
		color: #FFFFFF;
		cursor: pointer;
		float: none;
		font-size: 12px;
		font-weight: bold;
		height: 25px;
		margin-bottom: 30px;
		padding: 0;
		text-transform: uppercase;
		width: 126px;
	}

		.shorten #content .submit:hover {
			background-position:0 -27px;
		}