/*
Thirtytwo.com Stylesheet / shop

URL: 		thirtytwo.com
Created by: 	Foxxyz/Ivo KH Janssen, Mike Rusczyk & Aren Anderson
For:		Sole Technology Inc
Site Design by:	Teh Webnerds
		
http://thirtytwo.com

*/

form {
	padding-top: 10px;
	}
	
	form li {
		list-style-type: none;
		}

h2 {
	margin-bottom: 4px;
	text-shadow: 1px 1px #D5D5D5;
	color: #292427;
	background-color: inherit;
	}
	
input.submit {
	cursor: pointer;
	background-color: #565656;
    border-style: none;
    box-shadow: 0 0 6px #6A6A6A inset;
	-moz-box-shadow: 0 0 6px #6A6A6A inset;
	-webkit-box-shadow: 0 0 6px #6A6A6A inset;
    color: #F2F2F2;
    float: left;
    font-size: 11px;
    padding: 2px 4px;
	}
	
	input.submit:hover {
		color: #FFFFFF;
		}
	
label {
	font-size: 13px;
	margin-bottom: 4px;
	}	
		
	#content p {
		line-height: 1.3;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-style: italic;
		}
		
		#content p a {
			background-color: inherit;
			color: #565656;
			}
			
			#content p a:hover {
				background-color: inherit;
				color: #FFFFFF;
				}	
		
	#content p.error {
		font-size: 16px;
		margin-bottom: 8px;
		}			
		
#location_query_container {
	margin: 10px 0 4px;
}		

#location_radius_container {
	margin-right: 4px;
	}
	
#location_radius_container, #location_radius_unit_container {
	display: inline;
}

select#location_radius_unit {
	width: 80px;
	}
	
select#location_radius {
	width: 50px;
	}	
		
 input#location_query { 
	width: 216px;
	font-size: 13px;
	padding: 4px;
	}	

	#location_radius_container label, #location_radius_unit_container label {
		display: none;
	}
	
#map {
	height: 400px;
	}

#secondary {
	width: 648px;
	margin: 60px 0 0;
	overflow: hidden;
	float: right;
	background-color: inherit;
	color: #323232;
	}
	
/* ---- subnav ---- */	
	
#subnavigation {
	margin-top: 60px;
	border-bottom: 5px solid #292427;
	padding-bottom: 10px;
	width: 272px;
	position: absolute;
	top: 0;
	left: 20px;
	}				

	#subnavigation li {
		border-style: none;
		margin: 0;
		float: left;
		font-family: "ko-htf48", Helvetica,Arial,sans-serif;
		list-style-type: none;
		padding-top: 2px;
		}

		#subnavigation li:first-child:before {
			content: "";
			}
			
		#subnavigation li:first-child {}	

			#subnavigation li:first-child a {
				margin-left: 0;
				}

		#subnavigation li a {
			text-transform: uppercase;
			font-weight: normal;
			margin-left: 2px;
			padding: 0;
			font-size: 19px;
			background-color: #565656;
		    color: #FFFFFF;
		    margin-right: 5px;
		    padding: 2px 5px 0;
			}

			#subnavigation li a:hover {
				color: #FFFFFF;
				background-color: #F47B20;
				}

		#subnavigation li.active a {
			color: #FFFFFF;
			background-color: #F47B20;
			text-decoration: none;
			}

	#subnavigation ul {
		width: 310px;
		font-weight: bold;
		overflow: hidden;
		line-height: normal;
		margin-bottom: 3px;
		}

/* ---- International Distributors ---- */

	.distributors h4 {
		font-family: "ko-htf48", Helvetica,Arial,sans-serif;
		font-size: 28px;
		font-weight: normal;
		padding-top: 6px;
		line-height: 0.9em;
		text-transform: uppercase;
		color: inherit;
		background: transparent url("/app/css/images/transparent-bg.png") repeat-x 0 0;
		}

	.distributors .row {
		clear: both;
		}

	.distributors #secondary li {
		overflow: hidden;
		font-size: 0.85em;
		float: left;
		list-style-type: none;
		width: 140px;
		margin: 0 15px 30px 0;
		}	

	.distributors #secondary .org {
		font-size: 12px;
		}
		
	.distributors #secondary .url {
		font-weight: bold;
		font-style: italic;
		font-size: 10px;
		}	
			
/* -------- */							

.explanation {
	font-size: 11px;
	display: block;
	margin-bottom: 10px;
	color: #323232;
	background-color: inherit;
	}			

/* -------- */			
		
.markerDetail {
	position: relative;
	padding: 10px 20px 20px 10px;
	width: 180px;
	height: 90px;
	color: #fff;
	background-color: #565656;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	}	
	
.markerDetailClose {
	display: block;
	top: 5px;
	right: 5px;
	position: absolute;
	width: 20px;
	height: 20px;
	color: inherit;
	background: transparent url(/app/css/images/marker-detail-close.png) no-repeat 0 0;
	}	
	
	.markerDetailClose:hover {
		background-position: 0 -20px;
	}	
	
	.markerDetailClose img {
		display: none;
	}
		
	.markerDetail h4 {
		margin: 4px 0;
		width: 155px;
		font-size: 16px;
		font-weight: normal;
	}	
		
.markerTooltip {
	color: #fff;
	background-color: #F47B20;
	padding: 4px 8px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
			
/* ---- Shop Main ---- */

#content {
	width: 272px;
	float: left;
	border-bottom: 5px solid #292427;
	padding: 20px 0;
	background-color: inherit;
	color: #323232;
	margin-top: 107px;
	}
	
		.main #content fieldset div {
			margin-bottom: 3px;
			}
			
	.main h3.results {
		margin: 20px 0 0;
		background-color: #FFFFFF;
		color: inherit;
		padding: 20px;
		}		
		
	.main h4 {
		font-family: "ko-htf48", Helvetica,Arial,sans-serif;
		font-size: 28px;
		font-weight: normal;
		padding-top: 6px;
		line-height: 0.9em;
		text-transform: uppercase;
		}	

		.main #secondary li {
			overflow: hidden;
			font-size: 0.85em;
			float: left;
			list-style-type: none;
			width: 140px;
			margin: 0 0 30px 20px;
			}	
			
		.main #secondary li.row {
			margin-left: 0;
			clear: both;
			}
			
			.main #secondary li span, .main #secondary li p {
				line-height: 1.3;
				}
				
				.main #secondary li span.directions {
					font-weight: bold;
					font-style: italic;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 10px;
					}		
				
			.main #secondary li p {
				margin-bottom: 0;
				}
				
	.main #wrapper  {
		min-height: 600px;
		}	

#shoplist {
	background-color: #FFFFFF;
	color: inherit;
	overflow: hidden;
	padding: 14px;
	}
				
.street-address {
	display: block;
	}				
				
.tel {
	display: block;
	}				

/* ---- Online Shops ---- */

/*

	.online .divider {
		position: absolute;
		top: 3px;
		left: 3px;
		width: 134px;
		height: 101px;
		text-align: left;
		text-indent: -9009px;
		color: inherit;
		background: transparent url(/app/css/images/online-shops.png) repeat 0 0;
		}
		
	*/	

	.online #secondary {
		width: 648px;
		background-color: #FFFFFF;
		color: #323232;
		}
		
		.online #secondary a {
			color: #686768;
			background-color: inherit;
			font-weight: bold;
			font-style: italic;
			font-family: Georgia, "Times New Roman", Times, serif;
			}
			
			.online #secondary a:hover {
				color: #F47B20;
				background-color: inherit;
				}
				
				.online #secondary .divider {
					display: none;
					}
			
			.online #secondary a img {
				width: 134px;
				height: 101px;
				margin-bottom: 3px;
				padding: 3px;
				border-style: none;
				color: inherit;
				background-color: #E7E7E7;
				}
				
				.online #secondary a:hover img {
					box-shadow: 1px 1px 4px #A3A1A1;
					-moz-box-shadow: 1px 1px 4px #A3A1A1;
					-webkit-box-shadow: 1px 1px 4px #A3A1A1;
					}
					
		.online #secondary h3 {
			margin: 20px 0 5px 14px;
			clear: left;
			background: transparent url(/app/css/images/transparent-bg.png) repeat-x 0 0;
			padding-top: 6px;
			}				

		.online #secondary li {
			font-size: 10px;
			position: relative;
			margin: 0 0 15px 20px;
			text-align: center;
			float: left;
			list-style-type: none;
			width: 140px;
			font-family: Verdana, Arial, sans-serif;
			}
			
			.online #secondary li.row {
				margin-left: 14px;
				}
				
			.online #secondary .shops {
				margin-bottom: 30px;
			}
			
				.online #secondary .shops:after {
					content: '';
					display: block;
					clear: both;
				}

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