/*_______________________________________

Clubb Jeans & Fashion website by Eldesign

Link: www.elweb.nl
Author: Erik Leutscher
_______________________________________*/

/* General settings */
* {
	margin:0; padding:0;
}
body {
	background:#3a3630 url('../images/background.gif') center top no-repeat;
	margin:30px 0 0 0; padding:0;
	font-family:'lucida sans', arial, verdana;
	font-size:14px;
	color:#333;
}
body#top {
	background:#3a3630;
}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

td {vertical-align:top; padding:5px}
img {border:none;}
input, textarea {outline:none;}

a:link, a:hover, a:active, a:visited {color:#de7b00; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Main posistioning and styling */
#savebox
{
	background:#f1f1f1;
	border-radius:20px;
	z-index:333;
	position:absolute;
	top:40%; left:40%;
	width:200px; height:100px;
	padding:20px;
	box-shadow: 0 0 50px #333;
}
	#savebox button {padding:5px; background:#e78c22; border:none; border-radius:5px; border:1px solid white; box-shadow:0 0 3px #888; cursor:pointer;}
#topbar {
	margin:0 auto;
	width:929px;
}
	#mbuttons {
		background:#ccc url('../images/music_header.gif') no-repeat;
		float:right;
		padding:5px 10px 5px 55px;
		margin:10px 8px 0 0;
	}
		#mbuttons img {
			margin:0 5px 0 0;
		}
#page {
	margin:0 auto;
	width:969px;
}
#header {
	height:60px;
}
	#header p {
		margin:0 20px 0 20px;
	}
	#header p.city {
		padding-top:20px;
	}
#pre_container {
	width:969px; height:536px;
	margin:0;
}
#container {
	background:url('../images/container.gif') no-repeat;
	width:969px; min-height:536px;
	margin:20px 0 0 0;
}
#container_alt {
	background:url('../images/container_alt.gif') no-repeat;
	width:969px; min-height:536px;
	margin:20px 0 0 0;
}
	#content_big_top {background:url('../images/content_big_top.gif') no-repeat; width:939px; height:30px; margin:0 0 0 12px;}
	#content_big_bottom {background:url('../images/content_big_bottom.gif') no-repeat; width:939px; height:32px; margin:0 0 0 12px;}	
	#content_big {
		background:url('../images/content_big.gif') repeat-y;
		width:941px; min-height:450px;
		margin:0 0 0 12px;
	}
		#content_big img {border:3px solid #3a3630; padding:1px; margin:5px;}
		#content_big #inside {margin:0 25px 0 25px;}
	#content {
		background:url('../images/content_iex6.gif') no-repeat;
		width:626px; height:495px;
		margin:17px 0 0 10px;
	}
	#content_wrapper {width:626px; margin:12px 0 0 12px;}
	.content_top {background: url('../images/content_top.png'); width:626px; height:19px;}
	.content_bottom {background: url('../images/content_bottom.png'); width:626px; height:19px;}	
	.content_repeat {
		background:url('../images/content.png') repeat-y;
		width:626px; min-height:495px; margin:-12px 0 0 0;
	}
	.content_twitter {
		background:url('../images/content.png') repeat-y;
		width:626px; margin:-12px 0 0 0;
	}
		.twittertitle {text-shadow: 1px 1px 10px #767676; font-size:16px; margin:5px 0 0 5px; font-weight:bold;}
		#twitter_update_list {list-style:none; font-size:12px}
			#twitter_update_list li {border-bottom: 1px solid #ccc; border-top: 1px solid #f1f1f1; padding:10px 0px}
				#twitter_update_list li span {color:#444;}
		#content #inside {
			margin:12px 0 0 15px;
			width:585px;
		}
		.content_repeat .inside, .content_twitter .inside {
			margin:10px 0 0 20px;
			width:585px;
		}
			#content #inside p {
				margin:0 0 15px 0;
			}
			#content #inside p.info {
				background:#f1f1f1;
				font-style:italic;
				font-size:12px;
				padding:10px 0 10px 5px;
				margin:-15px 0 0 0;
			}
	#pre_inside {
		margin:20px;
	}
	#nav {
		margin:13px 0 0 0;
	}
	#small_nav {list-style:none; float:right; margin:0 40px 5px 0; padding:0;}
		#small_nav li {float:left; color:#de7b00; margin:0 0 0 20px;}
#footer {
	font-size:10px;
	color:#A5A5A5;
	letter-spacing:0;
	margin:15px 0 20px 20px;
}
	
/* Headers colors and sizes */
h2, h3 {
	margin:0 0 5px 0;
}
h1 {
	background:url('../images/h_stripes.gif') bottom repeat-x;
	padding:0 0 10px 0; margin:0 0 15px 0;
	font-size:27px;
	clear:both;
}
	h1.route {
		background:#f1f1f1;
		padding:0 0 5px 5px; margin:0;
		font-weight:normal;
	}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
}
.orange {color:#de7b00;}
.small {font-size:12px;}
.continue {font-size:16px; text-shadow:#333 1px 1px; color:#fff;}

/* ROUTE Pagina */
.stad {
	width:280px;
}
#tijden {
	background:#f1f1f1;
	display:table;
}

/* Form styles */
#mlist {
	width:220px;
}
	#mlist input {
		background:url('../images/form_input.gif') no-repeat;
		padding:3px 2px 0 2px;
		border:none;
		width:204px; height:21px;
	}
	#mlist input:hover {
		background:url('../images/form_input_hover.gif') no-repeat;
	}
	#mlist input:focus {
		background:url('../images/form_input_focus.gif') no-repeat;
	}
	input#submit {
		background:url('../images/form_submit.gif');
		border:none;
		width:88px; height:25px;
	}
	input#submit:hover {
		background:url('../images/form_submit_hover.gif') no-repeat;		
	}
	input#submit:focus {
		background:url('../images/form_submit_hover.gif') no-repeat;
	}
	input.wrong {
		background:url('../images/form_input_focus.gif') no-repeat;		
	}
#msg {
	background:#ffe6c7;
	border:1px solid #de7b00;
	padding:10px;
	width:200px;
	display:none;
}

/* Winkels gallery settings */
#galleria {
	height:400px;
}
#main_image{margin:0 auto 10px auto;height:300px;width:580px; text-align:center;}
#main_image img{margin:0px auto 10px auto; height:300px;}

.pnav{padding-top:15px;clear:both;font-size:60px;letter-spacing:3px;text-transform:uppercase; height:100px; width:500px;}

#coverflow {
	background:#f1f1f1;
	width:585px;
	display:table;
}
 	.jq-ss-simple{
		margin-right:-100px;
		padding:0;
		float:left;
	}
	#cleft {
		margin-right:5px;
		margin-left:30px;		
		z-index:333;
		font-size:40px;
		font-weight:bolder;
		float:left;
	}
	#cright {
		margin-right:30px;
		z-index:333;
		font-size:40px;
		font-weight:bolder;
		float:right;
	}
	#view {
		width:505px; height:70px;
		overflow:hidden;
	}
		#view li {
			list-style:none;
			float:left;
			margin:0; padding:0;
		}
		#view img {
			border:1px solid #333;
			padding:1px;
		}
		#view img:hover {
			border:1px solid #de7b00;
		}
			#images{
				width:3818px !important;
				width:3822px;
				padding:0;
			}
#pcontent {
	width:585px; height:340px;
	overflow:hidden;
	position:relative;
	margin:-5px 0 5px 0;
}
	#pcontent ul {
		list-style:none;
		margin:0; padding:0;
	}
	.section {
		margin:50px 0 0 0;
		width:8900px;
		position:relative;
		clear:both;
	}
		.section .sub {
			position: relative;
			width: 585px; height:250px;
			float:left;
			margin:0;
			text-align:center;
		}
		
/* Collectie Page */
/*#collectie img {
	margin:0 30px 40px 30px;
}*/
.brand {
	width:185px;
	float:left;
	padding:10px 0 10px 10px;
}