* { margin: 0px; padding: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px;  }
html { background: url(../images/layout/bg_body_new.png) repeat-x top #fff; }
html, body { height: 100%;	min-height: 100%; }
table, img, th, td { border: 0px; }

input[type=text], input[type=password], textarea { border: 1px solid #e5e5e5; outline-color: #ffa500; }

.clear { clear: both; }

#container {
	min-height:100%;
	position:relative;
	background: url(../images/layout/bg_fpr_trans_big.png) no-repeat bottom right;
}

body {
}

#wrapper { 
	position: relative; 
	width: 1000px;
	margin: auto;
}

#header {
	position: relative;
	background: url(../images/layout/logo.png) no-repeat 15px 16px;
	/* background: url(../images/layout/fpriders-kerst-logo.png) no-repeat 0px -30px; */
	padding: 6px 0 8px;
}
#header h1 { padding: 0; }
#header h1 a { text-decoration: none; }
#header h1 a span { visibility:hidden; }
#header a#btn_logo { display: block; width: 420px; height: 100px; }

#header #topMenu {
	position: absolute;
	top: 6px;
	right: 0;
	padding: 10px 10px 0 0;
}

#header #topMenu ul {
	list-style: none;
}

#header #topMenu ul li {
	float: left;
	padding-right: 15px;
	
}

#header #topMenu ul li a {
	text-decoration: none;
	color: #a48686;
	letter-spacing: 1px;
}

#header #topMenu ul li#select a {
	text-decoration: underline;
	color: #564b4b;
}

#header #topMenu ul li a:hover {
	text-decoration: underline;
}

#header #searchbox {
	position: absolute;
	top: 70px;
	left: 400px;
	width: 360px;
	height: 30px;
}
/*
#header #searchbox input#q { 
	display: block;
	float: left;
	width: 248px; 
	height: 22px; 
	padding: 4px 8px 3px 8px;
	margin-right: 8px;
	background: url(../images/layout/bg_input_search.png) no-repeat; 
	letter-spacing: 1px;
}*/
#header #searchbox input#q { 
	display: inline-block; 
	width: 250px;
	height: 14px; 
	margin: 0 5px 5px 0; 
	border: 1px solid #f26722; 
	padding: 3px 5px;  
	letter-spacing: 1px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#header #searchbox button#search_q { 
	display: inline-block; 
	width: 85px; 
	height: 22px;
	margin-bottom: 5px; 
	border: 1px solid #f26722; 
	padding: 2px 3px;  
	letter-spacing: 1px;
	background: #f26722;
	color: #ffffff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#header #welcome { 
	position: absolute;
	top: 90px;
	right: 20px;
	font-style: italic;
	color: #a2a2a2;
}
/*
#header #searchbox button#search_q { 
	display: block;
	float: left;
	width: 84px; 
	height: 22px;
	background: url(../images/layout/bg_btn_search.png) no-repeat; 
	color: #ffffff;
	letter-spacing: 1px;
}
*/

#header #shoppingcart {
	position: absolute;
	top: 50px;
	right: 0;
	width: 180px;
	color: grey;
}

#header #shoppingcart a { font-weight: bold; color: #444448; text-decoration: none; }

#nav {
	height: 30px;
	background: url(../images/layout/bg_nav.png) repeat-x;
}
#nav ul, #nav li { list-style: none; }
#nav li { float: left; }
/*
#nav li { background: url(../images/layout/bg_nav_pipe.png) no-repeat right; }
#nav li a { display: inline-block; height: 23px; padding: 7px 15px 0px 15px; color: #ffffff; font-size: 12px; text-decoration: none; letter-spacing: 0.75px; }
#nav li a:hover { text-decoration: underline; background: url(../images/layout/bg_nav_select_brown.png) repeat-x right; }
#nav li#select a { background: url(../images/layout/bg_nav_select_brown.png) repeat-x right; }
*/
/* #nav li { background: url(../images/layout/bg_nav_pipe.png) no-repeat right; } */
#nav li a { display: inline-block; height: 23px; padding: 7px 15px 0px 15px; color: #ffffff; font-size: 12px; text-decoration: none; background: url(../images/layout/nav-bg-pipe.png) no-repeat right;}
#nav li:hover { text-decoration: underline; background: url(../images/layout/nav-sub-bg.png) repeat-x right; }
#nav li#select a { background: url(../images/layout/bg_nav_select_brown.png) repeat-x right; }

#nav li.active { background: url(../images/layout/nav-sub-bg.png) repeat-x; text-shadow: 1px 1px #555; }

/* #nav a span { display: none; } */

#body {
	padding-bottom: 153px;	/* Height of the footer */
}

#leftMenu {
	float: left;
	width: 158px;
	border: 1px solid #e8e8e8;
	background: #ffffff;
	margin-bottom: 20px;
}

#leftMenu ul { list-style: none; letter-spacing: 1px; }
#leftMenu ul li { border-top: 1px solid #ededed; }
#leftMenu ul li a { 
	display: block; 
	padding: 3px 5px 3px 10px; 
/*	min-height: 14px;*/
	text-decoration: none;
	background: url(../images/layout/bg_subnav_normal.png) repeat-x #f3f3f3;
	color: #404040;
}
#leftMenu ul li a:hover {
	background: url(../images/layout/bg_subnav_hover.png) repeat-x #e8e8e8;
	color: #171717;
}
#leftMenu ul li.select a {
	background: url(../images/layout/bg_subnav_select2.png) repeat-x #ff6c00;
	color: #ffffff;
}
#leftMenu ul li#head { border: none; }
#leftMenu ul li#head a { 
	padding: 3px 5px 3px 10px; 
	background: url(../images/layout/bg_subnav_head_brown.png) repeat-x; 
	color: #ffffff; 
}

#middleBox {
	margin: 0 8px 0 8px;
	float: left;
	width: 624px;
	padding-bottom: 10px;
	color: #1a1a1a;
	line-height: 16px;
	letter-spacing: 1px;
}

#content {
	margin: 0 8px 0 8px;
	float: left;
	min-height: 400px;
	width: 604px;
	padding: 0px 10px 10px 10px;
	line-height: 16px;
	letter-spacing: 1px;
	background: #fafafa;
}


#middleBox ul { list-style: none; padding-bottom: 10px; }
#middleBox ul li { background: url(../images/layout/vinkje.png) no-repeat 0 4px; padding: 3px 0 3px 20px; }
#middleBox ol li { padding: 3px 0 3px 0px; }


#body ol { padding-left: 20px; }
#body th { text-align: left; }
#body h2 { font-size: 14px; padding-bottom: 10px; }
#body h3 { font-size: 12px; padding-bottom: 5px; }
h2 span { display: none; }

#contentLeft {
	float: left;
	width: 455px;
}

/* rightBox */
#rightBox {
	width: 200px;
	min-height: 300px;
	float: left;
	padding-bottom: 20px;
}

#footer {
	position: absolute;
	bottom: 0;
	height: 152px;
	min-width: 1000px;
	width: 100%;
	background: url(../images/layout/bg_footer.png) repeat-x;
}

#footer .content {
	width: 980px;
	margin: 0 auto 0;
	padding: 10px;
}

/*#login { position: relative; padding: 8px; background: url(../images/layout/bg_login.png) repeat-x #fff; border: 1px solid #c2c2c2; } */ /*f5680e*/
#login { position: relative; padding: 8px; background: url(../images/layout/bg_logo_login.png) no-repeat #fff top right; border: 1px solid #c2c2c2; }
#login h1 { font-size: 14px; font-weight: normal; }
#login p { padding-bottom: 5px; }
#login input[type=text], #login input[type=password] { 
	display: inline-block; 
	width: 100px; 
	border: 1px solid #f26722; 
	padding: 3px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
#login input#username { letter-spacing: 1px; width: 170px; }
#login input#password { letter-spacing: 1px; margin-right: 5px; }
#login a { color: #413420; }
#login a:hover { text-decoration: underline; }
#login a#register { margin-right: 15px; }
#login a#logout { position: absolute; display: block; top: 0; right: 0; padding: 10px 5px 0 0; font-weight:bold; }
#login ul { list-style: none; }
#login ul li { padding: 2px 0; }

h1 { font-size: 16px; font-weight:normal; color: #473924; padding-bottom: 10px; }
p { padding-bottom: 10px; }

.errorMsg { color: #b20202; }

.pageImg { float: left; display: inline-block; margin: 0 15px 5px 0; }


/* */
div#echo { background: #ff0000; color: #ffffff; padding: 10px; }

/* products */


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#crumb { padding-bottom: 10px; color: #303030; }
#crumb a { color: #707070; text-decoration: none; }
#crumb a:hover { color: #303030; text-decoration: underline; }



.slideshow { width: 624px; height: 256px; padding-bottom: 10px; }


#orderlist { width: 100%; border-collapse: collapse; }
#orderlist th { text-align: left; }
#orderlist td, #orderlist th { padding: 4px 5px 4px 5px; }
#orderlist tr { padding: 2px 10px 2px 2px; }

#orderlist thead { background: #f66809; color: #fff; border-bottom: 1px solid #fff; }
#orderlist th.amount { width: 70px; }
#orderlist th.artikelnr { width: 80px; }
#orderlist th.price { width: 140px; }
#orderlist th.price_total { width: 80px; }
#orderlist th.del { width: 30px; }
#orderlist tbody tr { background: #ffdec8; border-bottom: 1px solid #fff; }
#orderlist tbody tr:hover { background: #fff; }
#orderlist input.amount { width: 30px; padding: 2px 3px; text-align: right; }
#orderlist td.price, #orderlist td.del { text-align: right; }
/*
#orderlist tbody tr:nth-child(even) {background: #c2c2c2}
#orderlist tbody tr:nth-child(odd) {background: #aaa}
*/

#orderlist tfoot input#submit_amount { border: 1px solid #CCCCFF; padding: 2px 4px; background: #f66809; color: #fff; }
#orderlist tfoot input#submit_amount:hover { border: 1px solid white; }
#orderlist tfoot td.total { font-weight: bold; }

#orderview { width: 600px; border-collapse: collapse; }
#orderview th { text-align: left; }
#orderview td, #orderview th { padding: 4px 5px 4px 5px; }
#orderview tr { padding: 2px 10px 2px 2px; }

#orderview thead { background: #c2c2c2; }
#orderview th.amount { width: 70px; }
#orderview th.artikelnr { width: 80px; }
#orderview th.price { width: 80px; }
#orderview tbody tr { border-bottom: 1px solid #c2c2c2; }
#orderview input.amount { width: 30px; padding: 2px 3px; text-align: right; }
#orderview td.price { text-align: right; }

/* fieldstyle */
/*
.fieldstyle { padding: 20px 0; line-height: 12px; }
.fieldstyle label { 
	display: inline-block; 
	width: 100px;
	padding-top: 6px;
	vertical-align: top;
	color: #000;
}
.fieldstyle label.content { width: auto; padding: 0 10px 0 0; }

.fieldstyle form p { padding: 0; margin-bottom: 5px; }

.fieldstyle input[type="text"], .fieldstyle input[type="password"], .fieldstyle textarea {
	vertical-align: top;
	display: inline-block; 
	width: 350px; 
	padding: 5px 7px;
	margin-right: 5px;
	background: #fcfcfc;
	border: 1px solid #c2c2c2;
	letter-spacing: 1px;
	outline: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
}

.small input[type="text"], .small input[type="password"] {
	width: 200px;
}

.fieldstyle input:hover, .fieldstyle textarea:hover,
.fieldstyle input:focus, .fieldstyle textarea:focus, .fieldstyle button.submit:hover {
 border-color:  #c9c9c9;
 -moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
 -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
}


.fieldstyle input[type="text"]:hover,
.fieldstyle input[type="password"]:hover,
.fieldstyle textarea:hover { background-color: #fcfcfc; border: 1px solid #636363; }
.fieldstyle input[type="text"]:focus,
.fieldstyle input[type="password"]:focus,
.fieldstyle textarea:focus { background-color: #fff; border: 1px solid #444448; }

.fieldstyle input[type="text"].error, .fieldstyle input[type="password"].error, .fieldstyle textarea.error { background-color: #ffc2c2; border: 1px solid #b20202; }
.fieldstyle input[type="text"].error:focus, .fieldstyle textarea.error:focus { border: 1px solid #444448; }

.fieldstyle button.submit { 
	padding: 5px 10px; 
	margin-left: 100px; 
	background: #c2c2c2; 
	border: 1px solid #c3c3c3; 
	color: #363636; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
	cursor: pointer;
}
.fieldstyle button.submit:hover { background: #3e3e3e; color: #ffffff; border: 1px solid #c2c2c2; }

.fieldstyle span.error { 
	padding-top: 0px; 
	display: inline-block; 
	background: url(../images/layout/cross.png) no-repeat bottom; 
	width: 16px; 
	height: 21px;
	cursor: help;
}

label.required { background: url(../images/layout/label_required.gif) no-repeat 2px 8px; }
.style2 label { padding-left: 15px; width: 120px; }
.style2 input[type=text], .style2 input[type=password] { width: 300px; }

.style3 label { padding-left: 15px; width: 130px; }
.style3 input[type=text],.style3 input[type=password] { width: 300px; }
.style3 button.submit { margin-left: 145px; }

*/

#payment th { text-align: left; padding-right: 10px; vertical-align: top; }
#payment td.top { padding-top: 3px; vertical-align: top; }
#payment td { padding: 0 0 10px 0; }
#payment input { margin-right: 10px; }
#payment label.name { font-weight: bold; }



/* FORM STYLE */

/* form style */
.formstyle { padding: 10px 0;; }
#content .formstyle p, .formstyle p { padding: 5px 0; /*border: 1px solid grey;*/ line-height: 25px; }
.formstyle p.error { background: #ffe6e6; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content .formstyle p.indent, p.indent { padding-left: 110px; }

.formstyle label { display: inline-block; width: 110px; color: #333; }
.formstyle p.top label { vertical-align: top; margin-top: 6px; }
.formstyle label.content { width: auto; margin-right: 15px; }
.formstyle label.required { background: url(../images/layout/label_required.gif) no-repeat 0 8px; }

.formstyle input[type=text], .formstyle input[type=password], .formstyle textarea, .formstyle select { 
	margin-right: 10px;
	width: 336px;
	max-width: 336px;
	padding: 5px 7px;
	border: 1px solid #c2c2c2;
	background: #fcfcfc;
	outline: none;
}
.formstyle textarea { height: 150px; }
.formstyle option { padding: 0 7px; }

.formstyle input[type=text], .formstyle input[type=password], .formstyle textarea, .formstyle select {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
}

.formstyle input[type=text]:hover, .formstyle input[type=password]:hover, .formstyle textarea:hover, .formstyle button:hover,
.formstyle input[type=text]:focus, .formstyle input[type=password]:focus, .formstyle textarea:focus {
	-moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
}

.formstyle input[type=text]:hover,.formstyle input[type=password]:hover, .formstyle textarea:hover { 
	background-color: #fcfcfc; border: 1px solid #636363; 
}
.formstyle input[type=text]:focus, .formstyle input[type=password]:focus, .formstyle textarea:focus { 
	background-color: #fff; border: 1px solid #444448; 
}

.formstyle input[type=text].error, .formstyle input[type=password].error, .formstyle input[type=file].error, .formstyle textarea.error, .formstyle select.error { 
	background-color: #ffc2c2; border: 1px solid #b20202; 
}
.formstyle input[type=text].error:hover, .formstyle input[type=password].error:hover, .formstyle input[type=file].error:hover, .formstyle textarea.error:hover, .formstyle select.error:hover { 
	background: #ffe6e6; 
}
.formstyle input[type=text].error:focus, .formstyle input[type=password].error:focus, .formstyle input[type=file].error:focus, .formstyle textarea.error:focus, .formstyle select.error:focus { 
	border: 1px solid #444448;  
	background: #ffe6e6; 
}

.formstyle button {
	padding: 5px 10px;
	background: #c2c2c2; 
	border: 1px solid #c3c3c3; 
	color: #363636; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
	cursor: pointer;
}
.formstyle button:hover { background: #3e3e3e; color: #ffffff; border: 1px solid #c2c2c2; }

.formstyle span.error { 
	display: inline-block;
	vertical-align: middle;
	background: url(../images/layout/cross.png) no-repeat 5px 0; 
	width: 25px; 
	height: 20px;
	cursor: help;
}
.formstyle p.top span.error { 
	vertical-align: top;
	margin-top: 6px;
}
#content .formstyle p.linenormal { line-height: normal; }



.style2 label { padding-left: 10px; }
.style2 label.content { padding-left: 5px; }
.style2 input[type=text], .style2 input[type=password], .style2 textarea { width: 250px; }
.style2 select { width: 266px; }
.style2 p.indent { padding-left: 120px; }

.style3 label { padding-left: 10px; width: 150px; }
.style3 label.content { padding-left: 5px; }
.style3 input[type=text], .style3 input[type=password], .style3 textarea { width: 250px; }
.style3 select { width: 266px; }
.style3 p.indent { padding-left: 160px; }

.formstyle textarea.type1 { height: 60px; }
.formstyle span { display: inline-block; margin-right: 10px; }
.formstyle select.type2 { width: auto; }
.formstyle .ui-datepicker-trigger { cursor: pointer; }

p.error strong { color: #b20202; }

.left { float: left; }

#newsletter { border: 1px solid #ccc; padding: 25px 10px 10px; margin-top: 10px; background: url(../images/layout/newsletter.png) no-repeat; }
#newsletter input { display: block; margin-bottom: 5px; }
#newsletter input[type=text] { padding: 2px 5px; width: 165px; border: 1px solid #c95b10; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


/* Social Media */
#social-media { border: 1px solid #c2c2c2; padding: 10px; position: relative; margin-top: 10px; background: #fff; }
#___plusone_0 { position: absolute; top: 12px; left: 140px; width: 60px; border: 1px solid red; }
#fb-iframe { margin-bottom: 5px; }
#twtr-widget-1 { margin: 5px 0; }


#nav-sub { 
	margin-top: 1px;
	height: 30px;
	background: url(../images/layout/nav-active-bg.png) repeat-x right;
	position: relative;
}

#nav-sub ul, #nav-sub li { list-style: none; }
#nav-sub li { float: left; }
#nav-sub li:hover { background: url(../images/layout/nav-sub-bg.png) repeat-x; }
#nav-sub li.active { background: url(../images/layout/nav-sub-bg.png) repeat-x; text-shadow: 1px 1px #555; }
#nav-sub li a { display: inline-block; height: 23px; padding: 7px 15px 0px 15px; color: #ffffff; font-size: 12px; text-decoration: none; background: url(../images/layout/nav-bg-pipe.png) no-repeat right; }