/* The stylesheet is divided into 3 parts. :

 1 colors, backgrounds, borders, link and emphasis indication
 2 font and text properties, exclusive of link indication, alignment, text-indent
 3 box properties (exclusive of borders), positioning, alignments, list types, text-indent

	- zwart			: #33382c
	- grijs			: #484848
	- lichtgrijs: #f5f5f5
	- steunkleur: #ff6633 
 
*/

/* GENERAL */

body {
	background: #fff;
	color: #33382c;	/* text color */
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

a {
	color: #33382c; /* link color */
}

img {
	border: 0;
}

p {
	line-height: 1.5em;
}

h1 {
	font-size: 1em;
	font-weight: normal;
}

h1 a {
	background: transparent url(../images/opperbest-logo.gif) top left no-repeat; /* replace logo image */
	text-indent: -1000em;
	float: left;
	height: 80px;
	margin: 0;
	padding: 0;
	width: 45em;
}

h3 {
	margin: 0 0 1em 0;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #ff6633;
}

hr {
	display: none;
}

.clear {
	clear: left;
	height: 0;
	overflow: hidden;
}

.hide {
	display: none;
}

.knop, #bestel {
	float: left;
	padding: 7px 10px;
	margin: 0;
	width: auto;
	color: #000;
	border: 1px solid #666;
	font: normal normal 15px Verdana, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: transparent url(../images/bg-knop.jpg) top left repeat-x;
}

.knop:hover {
	text-decoration: underline;
}

/* CONTAINER */

#container {
	margin: 0 auto;
	width: 75em;
}

/* HEADER */

#header {
	height: 80px;
	border-bottom: 10px solid #484848; /* border color */
	margin-bottom: 20px;

}

#shoppingCart {
	height: 1.8em;
	float: right;
	width: 26em;
	margin: 5em 0 0 0;
	padding: 0;
	list-style-type: none;
	background-color: #fff;
}

#shoppingCart li {
	font-size: 1.1em;
	display: inline;
	margin-left: 0.5em;
}

#shoppingCart img {
	margin-right: 0.5em;
}

/* NAVIGATION */

#navigation {
	float: left;
	width: 13em;
	margin-right: 2em;
}

#navigation ul {
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
	line-height: 2em;
	font-size: 1.25em;
}
#navigation h3 {
	display: none;
}
#navigation ul#brands {
	background: transparent url(../images/navigation-brands.png) top left no-repeat;
	line-height: 1.5em;
	margin-bottom: 2em;
	margin-top: 1.15em;
	padding-top: 1em;
	font-size: 1.35em;
}

#navigation ul#type {
	background: transparent url(../images/navigation-type.png) top left no-repeat;
	line-height: 1.5em;
	margin-top: 1.5em;
	padding-top: 1em;
	font-size: 1.35em;
}

#navigation a {
	text-decoration: none;
}

#navigation a:hover {
	color: #ff6633;
}

#navigation .current a {
	color: #ff6633;
}

#crumbPath {
	margin: 0 0 10px 0;
	padding-left: 0;
	padding-bottom: 12px;
	list-style: none;
	text-transform: uppercase;
	border: 0;
	background: url(../images/content-bottom-line.png) bottom left no-repeat;
}

#crumbPath li {
	display: inline;
}

#crumbPath a {
	padding-right: 11px;
	color: #ff6633;
	background: url(../images/bullet-crumbpath.gif) center right no-repeat;
}

#crumbPath a.last {
	background: none;
}

.pagenav {
	font-size: 1.2em;
}

/* CONTENT */

#content {
	float: left;
	width: 60em;
}

/* MAIN */

#main {
	width: 60em;
	margin: 1.5em 0 1em 0;
	background: url(../images/content-bottom-line.png) bottom left no-repeat;
}

#Intro {
	padding-bottom: 5px;
	margin-bottom: 10px;
	background: url(../images/content-bottom-line.png) bottom left no-repeat;
}
#Intro p {
	font-size: 1em;
}

#mainProduct {
	padding: 0;
	margin: 0;
	float: left;
	width: 380px;
}

h2 {
	position: relative;
	top: 5px;
	margin: 0;
	padding: 0;
	width: 380px;
	height: 25px;
	font-size: 1.8em;	
}
h2 em {
	color: #484848;
	font-style: normal;
}

#mainProduct h2 {
	top: -5px;
}

#productLogo {
	float: right;
	margin-right: 0;
}

#mainProduct .imgContainer {
	float: left;
}

#productInfo {
	float: left;
	width: 200px;
	margin-left: 10px;
}

#productInfo .description, #productDescription .description {
	clear: both;
	padding-top: 10px;
}

#productInfo ul, #productDescription ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

#productInfo li, #productDescription li {
	padding-left: 11px;
	font-size: 1.1em;
	line-height: 1.75em;
	background: url(../images/bullet-productinfo.gif) center left no-repeat;
}

#ProductOptionSelect div {
	background: #f5f5f5;
	margin: 1em 0;
	padding: 0.5em;
	color: #000;
	clear: both;
}

#ProductOptionSelect form {
	margin: 0;
	padding: 0;
}

#productInfo .price {
	margin: 0;
	font-size: 2em;
	margin-bottom: 15px;	
}

#productInfo .price.discountBaseprice {
	text-decoration : line-through;
	font-size: 14px;
	color: #999;
	clear: both;
	display: block;
}

#productInfo .price strong {
	font-weight: normal;
}

#mainProduct .knop {
	margin: 1em 0 0 0;
	display: block;
}

#productDescription {
	float: left;
	width: 200px;
	margin-left: 10px;
}

#productDescription img {
	margin-bottom: 1em;
}

#productDescription h3 {
	color: black;
	font-size: 2em;
	font-weight: normal;
	clear: right;
	margin: 0;
}

#productDescription h3 a {
	text-decoration: none;
	color: black;
}
#productDescription h4 {
	margin: 0;
	font-size: 1.4em;
	font-weight: normal;
}

#productDescription form {
	background: #f5f5f5;
	font-size: 1em;
	margin-bottom: 1em;
	padding: 0.5em;
}

	#productDescription form p {
		margin: 0;
		margin-bottom: 0.5em;
		font-size: 1em;
	}
	
#color, #size {
	font-size: 0.9em;
}
	
#main .bottom {
	clear: left;
	border: 0;
}

#bestel {
	float: left;
}

p#price {
	font-size: 2em;
	float: right;
	margin-top: 0.5em;
}

p#price.discountBaseprice {
	text-decoration : line-through;
	font-size: 14px;
	color: #999;
}

#featured h4 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #ff6633;
}

/* mainSub */

#mainSub {
	width: 60em;
	margin-bottom: 3em;
}

#mainSub ul {
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
}

#mainSub ul.last li {
	border-bottom: none;
}

#mainSub li {
	float: left;
	margin-right: 1.5em;
	width: 18.9em;	
	background: transparent url(../images/content-bottom-line.png) bottom left no-repeat;
}

#mainSub li.last {
	margin-right: 0.1em;
}

#mainSub .productImage {
	width: 190px;
	padding-top: 0.5em;
	text-align: center;
}

#mainSub .productBody {
	height: 8.5em;
}

#mainSub .productBody h4 {
	margin-bottom: .25em;
	font-size: 1em;
	font-weight: normal;
}

#mainSub .productBody h4 a {
	color: #ff6633;
}

#mainSub .productBody p {
	width: 55%;
	margin: 0;
	font-size: 1.1em;
}

#mainSub .productBody p a {
	text-decoration: none;
}

#mainSub .productBody p.price {
	font-size: 1.2em;
	color: #ff6633;
}

#mainSub .productBody p.discount {
	font-size: 10px;
	color: #999;
	text-decoration: line-through;
}

#mainSub .productBody p strong {
	font-weight: normal;
}
	
/* LABELS DEFINED */
.news {
	background: transparent url(../images/label-st-n.png) bottom right no-repeat;
}
.about {
	background: transparent url(../images/label-st-a.png) bottom right no-repeat;
}
.shoe {
	background: transparent url(../images/label-st-f.png) bottom right no-repeat;
}

/* FOOTER */

#footer {
	height: 46px;
	margin-bottom: 2em;
	padding-top: 2em;
	border-top: 1px solid #f5f5f5;
	margin-top: 10px;
	background: transparent url(../images/bg-footer.jpg) top left no-repeat;
	clear: both;
}

#footer #m3logo {
	float: right;
	margin-right: 1em;
}

#footer ul {
	margin: 0 0 0 60px;
	padding-left: 0;
	list-style: none;
	background-color: yellow;
}

#footer li {
	float: left;
	padding: 0 1em;
	font-size: 1.1em;
	background: transparent url(../images/bullet-vr-footer.gif) center right no-repeat;
}
#footer li.current a {
	font-weight: bold;
	color: #ff6633;
}

#footer a {
	text-decoration: none;
}

#footer .last {
	background-image: none;
}

#footer_brands {
	background: transparent url(../images/bg_footer_brands.gif) top left repeat-x;
	padding: 5px;
	min-height: 106px;
	clear: both;
	overflow: hidden;
}

#footer_brands ul {
	list-style-type: none;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	float: left;
	width: 130px;
}

#footer_brands ul li {
	margin: 0 5px 5px 5px;
	padding-right: 10px;
}

#footer_brands ul li a {
	color: #999;
	text-decoration: none;
}

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

#footer_brands ul li.next {
	float: left;
}

/*
	SHOPPING CART
*/

table#inhoud-winkelwagen {
	border-collapse: collapse;
	width: 100%;
	margin-top: 2.5em;
}

table#inhoud-winkelwagen caption {
	display: none;
}

table#inhoud-winkelwagen col#kol-afb	{ width: 20%; }
table#inhoud-winkelwagen col#kol-art	{ width: 25%; }
table#inhoud-winkelwagen col#kol-prijs	{ width: 15%; }
table#inhoud-winkelwagen col#kol-aantal	{ width: 15%; }
table#inhoud-winkelwagen col#kol-totaal	{ width: 15%; }
table#inhoud-winkelwagen col#kol-verw	{ width: 10%; }

table#inhoud-winkelwagen thead th {
	font-size: 1.25em;
	text-align: left;
	padding-bottom: .25em;
}

table#inhoud-winkelwagen thead th#kop-afb {
	visibility: hidden;
}

table#inhoud-winkelwagen thead th#kop-verw {
	font-size: 1em;
}

table#inhoud-winkelwagen tfoot {
	vertical-align: text-bottom;
	line-height: 2em;
}

table#inhoud-winkelwagen tfoot th {
	text-align: right;
	font-size: 1.5em;
	padding-right: 1.5em;
}

table#inhoud-winkelwagen tfoot tr#rij-totaalprijs {
	color: #000;
}

table#inhoud-winkelwagen tfoot tr#rij-totaalprijs td {
	padding-bottom: 1em;
}

table#inhoud-winkelwagen tbody tr.oneven	{ background-color: #f5f5f5; }
table#inhoud-winkelwagen tbody tr.even		{ background-color: #fff; }

table#inhoud-winkelwagen tbody td {
	vertical-align: top;
	padding: 1em 0;
}

table#inhoud-winkelwagen img {
	border: 1px solid #000;
	margin: 0 .75em;
}

table#inhoud-winkelwagen ul {
	margin: 0; padding: 0;
	list-style: none;
}

table#inhoud-winkelwagen td input.aantal {
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	width: 2em;
	font-size: 1em;
	margin-left: .5em;
}

table#inhoud-winkelwagen td.max-aantal {
	padding-left: 1.25em;
}

table#inhoud-winkelwagen td input.verwijder {
	margin-left: 1.25em;
}

table#inhoud-winkelwagen #update-knop {
	background: url(../images/navigation-arrow.png) #fff center left no-repeat;
	border: 0;
	font: normal normal 1.1em Verdana, Arial, sans-serif;
	text-decoration: underline;
	margin: .5em 0 2em 0;
	padding: 0 0 0 15px;
	float: right;
	cursor: pointer;
}

#submit-knop {
	margin-top: 1em;
	margin-bottom: 1em;
	float: right;
}

#ga-verder {
	float: left;
	margin-top: 3em;
	margin-bottom: 1em;
}

/*
	ORDER FORM
*/

#naw-formulier {
	font-size: 1.1em;
	width: 100%;
}

#naw-formulier fieldset {
	border: none;
	margin: 0 0 2em 0;
	padding: 0;
}

#naw-formulier legend {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .75em;
}

#naw-formulier .rij {
	padding: .5em;
}

#naw-formulier label,
#naw-formulier #rij-geslacht p.label {
	color: #33382c;
	float: left;
	width: 11em;
	padding-top: .1em;
}

#naw-formulier #rij-geslacht label {
	float: none;
}

#naw-formulier input,
#naw-formulier select {
	font-family: Verdana, Arial, sans-serif;
}

#naw-formulier input {
	width: 16em;
	padding: .1em;
}
#naw-formulier input.knop {
	width: auto;
	padding: 5px 10px;
}

#naw-formulier input#tussenvoegsel,
#naw-formulier input#huisnummer {
	width: 5em;
}

#naw-formulier select {
	width: 16.5em;
}

#naw-formulier input.radio {
	width: auto;
}

#naw-formulier input:focus {
	background-color: #f5f5f5;
}

#naw-formulier .foutmelding input:focus {
	background-color: #fff;
}

#naw-formulier p {
	margin: 0; padding: 0;
}

#naw-formulier p.opm {
	padding-top: 1em;
}

#naw-formulier p.opm em {
	color: #ff6633;
	font-style: normal;
}

#naw-formulier .foutmelding {
	background-color: #f5f5f5;
	border: 1px solid #ff6633;
	margin: 1em 0;
	padding: 1em .5em;
}

#naw-formulier .foutmelding p.opm em {
	color: #33382c;
	font-weight: bold;
}

em.verplicht {
	color: #ff6633;
	font-weight: bold;
}

#foutmelding {
	background-color: #f5f5f5;
	border: 1px solid #ff6633;
	font-size: 1.1em;
	font-weight: bold;
	margin: 2.5em  0 1.5em 0;
	padding: 0 .5em;
}
#paymentMethod {
	padding: .5em;
	margin: 0;
	height: 70px;
}
.paymentBlock {
	width: 200px;
	float:left;
}

/* BUCKAROO */

#_pay {
	color: #
}

/*
	STAPPEN
*/

dl#stappen {
	font-size: .9em;
	float: right;
	padding: 0 1em .25em 1em;
	margin: 0;
	clear: both;
}

dl#stappen dt {
	color: #ff6633;
	background-color: #f5f5f5;
	text-align: center;
	float: left;
	width: 2em;
	height: 1.5em;
	margin-right: .5em;
	padding-top: .15em;
}

dl#stappen .huidig {
	font-weight: bold;
}

dl#stappen dt.huidig {
	color: #fff;
	background-color: #ff6633;
}

dl#stappen dd {
	background-color: #fff;
	float: left;
	margin: 0 1.5em 0 0;
	padding-top: .15em;
	padding-bottom: .1em;
}

dl#stappen dd.laatst {
	margin-right: 0;
}

dl#stappen dt.winkelwagen {
	display: none;
}

dl#stappen dd.winkelwagen {
	background: url(../images/bg-stappen-winkelwagen.gif) transparent bottom right no-repeat;
	font-weight: normal;
	padding-right: 1.5em;
}

p.required {
	clear: both;
	padding-top: 10px;
}

/* HEADER */

#header ul {
	padding: .5em .5em .6em .25em;
	border-left:   1px solid #484848;
	border-top:    1px solid #484848;
	border-right:  1px solid #484848;
	xborder-bottom: 1px solid #ffffff;
}

#header li {
	display: block;
	float: left;
}

#header li#cart img {
	vertical-align: text-bottom;
}

#header li#qty {
	width: 5em;
}

#header li#subprice {
	width: 4.75em;
	text-align: right;
}

#content {
	position: relative;
}

#shopping-cart-preview {
	position: absolute;
	top: -30px;
	left: 33em;
	width: 25.3em;
	height: auto;
	padding: 0 .5em 1em 1em;
	border-left:  1px solid #484848;
	border-right: 1px solid #484848;
	border-bottom:1px solid #484848;
	background-color: #fff;
}

#shopping-cart-preview dt#title {
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: .5em;
}

#shopping-cart-preview dt small {
	font-weight: normal;
}

#shopping-cart-preview dd {
	margin-left: 0;
	font-size: 6.5pt;
	line-height: 1.75em;
}

.newitemfail {
	background-color: red;
	font-size: 12px;
	color: white;
	padding: 5px;
}

.newitemfail p {
	margin: 0;
	padding: 0;
}

#shopping-cart-preview dd img {
	float: left;
	margin-right: 1em;
	border: 1px solid #f5f5f5;
}

#shopping-cart-preview p#close {
	display: block;
	width: 9px; height: 9px;
	float: right;
	margin: 0;
	padding: 0;
}

#shopping-cart-preview p#checkout {
	margin-top: 2.25em;
}

#shopping-cart-preview p#checkout a {
	font-size: 7pt;
	color: #ff6633;
}

#shopping-cart-preview p#checkout a:hover {
	color: #000;
	text-decoration: none;
}

#imageThumbs a {
	outline: none;
	cursor: pointer;
}
#imageThumbs {
	margin: 0 10px;
	padding: 10px 0;
}
#imageThumbs img {
	border: 1px solid #33382c;
}
#imageThumbs li.active img {
	border: 1px solid #ff6633;
}
#mainProduct #imageThumbs li {
	float: left;
	list-style-type: none;
	padding-bottom: 20px;
	margin: 0 10px 0 0;
}

/* NEWS */
#mainNews .block {
	width: 45%;
	float: left;
	background: transparent url(../images/content-bottom-line.png) bottom left no-repeat;
	margin-bottom: 20px;
}

#mainNews h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

#mainNews h3 {
	font-size: 1.2em;
	font-weight: bold;
}

#mainNews h3 em.date {
	display: block;
	font-weight: normal;
}

#newslist {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
#newslist li {
	font-size: 1.1em;
	line-height: 2em;
	font-weight: normal;
}
#newslist a {
	font-weight: normal;
	padding-left: 10px;
}