@charset "UTF-8";

/*CSS Reset*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	font-weight: normal; 
}


address, caption, cite, code, dfn, em, strong, var { 
	font-style: normal; 
	font-weight: normal; 
}

ol, ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

caption, th { 
	text-align: left; 
	font-weight: normal; 
	font-style: normal; 
}

acronym, abbr, fieldset, img { 
	border: 0;
}

:focus { 
	outline: 0; 
}

/******* First **********/
body {
	font-family: "Courier New", Courier, Monaco, monospace;
	background-color: #FFF6ED;
	font-size: 12px;
}
body.winter {
	font-family: "Courier New", Courier, Monaco, monospace;
	background-color: #42200A;
	font-size: 12px;
	color: #faf6ed;
}



/******* Headers **********/

h1 {
	width: 170px;
	height: 70px;
	background-image: url(../images/nav/bola-logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	float: left;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9000px;
}

.winter h1 {
	background-image: url(../images/nav/bola-logo-winter.png);
}

.intro h2 a {
	color: #6b939d;
}

/******* Navigation **********/

#nav-main {
	float: right;
	width: 510px;
}

#nav-blog, #nav-collection, #nav-winter {
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	height: 54px;
	position: relative;
}
#nav-blog {
	width: 86px;
	background-image: url(../images/nav/blog-icon.png);
	margin-right: 33px;
	color: #6b939d;
}
#nav-blog a {
	height: 51px;
	display: block;
	color: #6b939d;
	text-indent: -9000px;
	
}
#nav-collection {
	width: 170px;
	background-image: url(../images/nav/bloem-icon.png);
}
#nav-collection a {
	width: 100%;
	height: 100%;
	display: block;
	color: #6b939d;
}
#nav-collection a span {
	margin-left: 61px;
	margin-top: 10px;
	display: block;
	color: inherit;
}
#nav-winter {
	width: 190px;
	background-image: url(../images/nav/mori-icon.png);
}
#nav-winter a {
	width: 100%;
	height: 100%;
	display: block;
	color: #6b939d;
}
#nav-winter a span {
	margin-left: 110px;
	margin-top: 10px;
	display: block;
}


#nav-secondary li {
	float: left;
	margin-right: 6px;
	color: #6b939d;
}
#nav-secondary a {
	color: #6b939d;
}
#nav-secondary li:after {
	content: " |";
}
.last:after {
	color: #6b939d;
}

/******* Winter Navigation **********/

#winter-main {
	float: right;
	width: 510px;
}

#winter-blog, #winter-collection, #winter-winter {
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	height: 54px;
	position: relative;
}
#winter-blog {
	width: 86px;
	background-image: url(../images/nav/blog-icon-winter.png);
	margin-right: 33px;
	color: #faf6ed;
}
#winter-blog a {
	height: 51px;
	display: block;
	color: #faf6ed;
	text-indent: -9000px;
	
}
#winter-collection {
	width: 170px;
	background-image: url(../images/nav/bloem-icon-winter.png);
}
#winter-collection a {
	width: 100%;
	height: 100%;
	display: block;
	color: #faf6ed;
}
#winter-collection a span {
	margin-left: 61px;
	margin-top: 10px;
	display: block;
}
#winter-winter {
	width: 190px;
	background-image: url(../images/nav/mori-icon-winter.png);
}
#winter-winter a {
	width: 100%;
	height: 100%;
	display: block;
	color: #faf6ed;
}
#winter-winter a span {
	margin-left: 110px;
	margin-top: 10px;
	display: block;
}


#winter-secondary li {
	float: left;
	margin-right: 6px;
	color: #faf6ed;
}
#winter-secondary a {
	color: #faf6ed;
}
#winter-secondary li:after {
	content: " |";
}
.last:after {
	color: #faf6ed;
}


/******* Layout **********/
#wrap-page {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#header {
	width: 740px;
	height: 150px;
}
#wrap-content {
	clear: left;
}
.wintercollection {
}
.wintercollection .winterintro {
	margin-bottom: 30px;
	float: left;
	border-top: solid 1px #9e8979;
	padding-top: 5px;
}
.wintercollection h2 {
	margin-bottom: 20px;
	color: #faf6ed;
}
.wintercollection .winterintro .winterinfo {
	width: 230px;
	float: left;
	padding-right: 10px;
	color: #faf6ed;
}

.collection {
}
.collection .intro {
	margin-bottom: 30px;
	float: left;
	border-top: solid 1px #bfb8b1;
	padding-top: 5px;
}
.collection h2 {
	margin-bottom: 20px;
	color: #6b939d;
}
.collection .intro .info {
	width: 230px;
	float: left;
	padding-right: 10px;
	color: #6b939d;
}
.textwinter {
	width: 230px;
	float: left;
	padding-right: 10px;
	color: #faf6ed;
}
.infowinter {
	width: 230px;
	float: left;
	padding-right: 10px;
	color: #faf6ed;
}
.wintercollection .winterintro .winterdescription {
	float: left;
	width: 470px;
}
.winterintro p {
	margin-bottom:  12px;
}

.winterdescription a {
color: inherit;
}

.description a {
color: aqua;
}

.collection .intro .description {
	float: left;
	width: 470px;
}

.intro p {
	margin-bottom: 12px;
}
.intro a {
	color: #faf6ed;
}

.products {
	clear: left;
}

.product {
	float: left;
	margin-right: 70px;
	margin-bottom: 50px;
}
.product img {
}
.product a {
	display: block;
	margin-top: 5px;
	color: #6b939d;
}
.productwinter {
	float: left;
	margin-right: 70px;
	margin-bottom: 50px;
}
.productwinter a {
	display: block;
	margin-top: 5px;
	color: #faf6ed;
}

.wrap-product h2 {
	border-top: solid 1px #bfb8b1;
	padding-top: 5px;
	width: 710px;
	color: #6b939d;
	margin-bottom: 30px;

}

.wrap-product {
	clear: left;
}
.wrap-product .images {
	width: 470px;
	margin-right: 60px;
	float: left;
}
.images .hero {
	margin-bottom: 30px;
}
.images .hero img {
	margin-bottom: 5px;
}
.images .detail img {
	margin-bottom: 10px;
}
.images .detail p {
	margin-top: -5px;
	margin-bottom: 10px;
}

.wrap-product .info {
	width: 170px;
	float: left;
}
.wrap-product .info p {
	margin-bottom: 12px;
}

.wrap-product .details, .wrap-product .purchase {
	border-top: solid 1px #bfb8b1;
	padding-top: 10px;
}

.winter .wrap-product h2 {
	color: #faf6ed;
}

.winter .wrap-product .details a {
	color: #faf6ed;
}

.wrap-product .details a {
	color: #6b939d;
}

.wrap-product-winter .details, .a {
	color: #6b939d;
}

.stock {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 25px;
	height: 25px;
}

.paypal img {
	padding-right: 0px;
	padding-top: 5px;
	margin-right: -5px;
	border-right: 0px;
}

form {
	padding-right: 3px;
	float: left;
}

last {
	float: left;
}

a name {
	color: green
}

/******* Footer **********/
#footer {
	clear: left;
	margin-top: 125px;
	margin-bottom: 50px;

}
#footer p {
	clear: left;
	color: black;
}
#footer p a {
	color: black;
}


/******* Winter Footer **********/
#winterfooter {
	clear: left;
	margin-top: 125px;
	margin-bottom: 50px;

}
#winterfooter p {
	clear: left;
	color: #faf6ed;
}
#winterfooter p a {
	color: #faf6ed;
}
