* {
	font-family: Garamond, Trebuchet, Arial, Verdana, Tahoma;
	font-size: 13px;
	color: #0b2a10;
	
	/* Solve all padding & margin problems */
	padding: 0;
	margin: 0;
	
	/* I never liked the standard middle alignment */
	vertical-align: top;
	text-align left;
}

body#Mijnsfeerwinkel {
	background: url('./../images/main-background.jpg') repeat-y top left #edeecf;
}

a {
	text-decoration: none;
}

img {	
	/* Set all borders to 0 so unwanted borders do not somehow appear */
	border: 0;
}

ul {
	
	margin-left: 20px;
}

ol {
	
	margin-left: 28px;
}

input,
select,
select option,
textarea {
	color: #091f0b !important;
}

input {
	border: 1px solid #17592a;
}

input.imgButton {
	border: 0;
}

table {	
	/* Set all borders to 0 so unwanted borders do not somehow appear */
	border: 0;
	border-collapse: collapse;
}

h1,
P.head1,
p.head1 {
	color: #0b2a10;
	height: 29px;
	margin: 20px 0 10px; 0;
	padding: 6px 0 0 2px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 3px double #0b2a10;
}

h2,
P.head2,
p.head2 {
	margin: 10px 0 5px 0;
	font-size: 13px;
	font-weight: bold;
}

h3 {
}

.nostylehelp {
	display: none;
}

.errormessage {
	color: #091f0b;
}

#Mijnsfeerwinkel {
	text-align: center;
}

#Mijnsfeerwinkel * {
	text-align: left;
}

#contentWrapper {
	margin: 0 auto;
	width: 780px;
}

#contentWrapper .backgroundText {
	color: #091f0b;
}

#mainFrame {
	float: left;
	height: 400px;
	width: 547px;
	border-right: 2px solid #17592a;
}

div > #mainFrame {
	width: 549px;
}

/***
 * Header
 */
#mainHeader {
	width: 553px;
	margin-left: 207px;
}

#headerImageLogo {
	float: left;
	margin: 8px 0 0 0;
}

#headerImages {
	float: right;
}

#headerImages img {
	border: 2px solid #091f0b;
	margin: 8px 9px 8px 9px;
}

#mainHeader > #headerImageLogo {
	margin: -6px 0 0 36px;
}

#mainHeader > #headerImages img {
	margin-top: 10px;
}

/***
 * Highlights
 */
#contentWrapper {
	top: 0;
}

#highlightsWrapper {
	display: inline;
	position: absolute;
	margin-left: -452px;
	top: 169px;
}

#highlightsWrapper a {
	display: block;
}

#highlightsWrapper a img {
	width: 50px;
	border: 1px solid #091f0b;
	margin: 9px 0;
}

/***
 * Cart summary
 */
#cartSummary {
	display: inline;
	position: absolute;
	margin-left: -386px;
	top: 50px;
}

#cartSummary a {
	color: #f1f3d1;
	font-weight: bold;
}

/***
 * Menu
 */
#sidebarOffers {
	position: relative;
	left: 10px;
	margin-top: 12px;
}

#mainSidebar > #sidebarOffers {
	margin-top: 24px;
}

#sidebarOffers a {
	color: #091f0b;
	font-weight: bold;
	text-decoration: underline;
}

#mainSidebar {
	float: left;
	width: 205px;
	height: 431px;
	border-top: 2px solid #17592a;
	border-left: 2px solid #17592a;
	border-right: 2px solid #17592a;
	background-color: #bfce9f;
	margin-top: -31px;
}

#mainMenuContainer {
	margin-top: 38px;
	padding-left: 4px;
	background-color: #bfce9f;
}

#mainMenuContainer * {
	font-family: Garamond, Trebuchet, Arial, Verdana, Tahoma;
	font-size: 13px;
}

#mainSidebar .mainMenuContainerAndOffer {
	margin-top: 10px;
}
	
#mainMenuContainer .node,
#mainMenuContainer .node_selected {
	margin-left: 19px;
	font: icon;
	background-repeat: repeat-y;
}

#mainMenuContainer .node .node,
#mainMenuContainer .node .node_selected {
	margin-left: 12px;
}

#mainMenuContainer .toggle {
	width: 19px;
	height: 20px;
}

#mainMenuContainer .icon {
	width: 0;
	height: 16px;
}

#mainMenuContainer .label {
	position: relative;
	top: 4px;
	text-decoration: none;
	margin-left: 4px;
}

#mainMenuContainer .node .label,
#mainMenuContainer .node .label_selected {
	color: #0b2a10;
	font-weight: bold;
}

#mainMenuContainer .node .label_selected {
	text-decoration: underline;
	font-size: 14px;
	padding-right: 2px;
}

#mainMenuContainer .node .label:hover {
	text-decoration: underline;
}

#mainMenuContainer .node .node .label,
#mainMenuContainer .node .node .label_selected {
	font-weight: normal;
/*	new color for 1st level subitems. */
	color: #0b2a10;

}

#mainMenuContainer .node .node .node .label,
#mainMenuContainer .node .node .node .label_selected {
	color: #0b2a10;
}

#mainMenuContainer .label_selected {
	position: relative;
	top: 4px;
	text-decoration: none;
	margin-left: 4px;
	margin-top: 40px;
	color: #edeecf;
}

#mainMenuContainer .tree {
	margin-top: 0px;
	margin-left: -19px;
}

/***
 * Main content
 */
#contents {
	background-color: #f1f3d1;
	padding-left: 20px;
	padding-right: 20px;
}

p.cartMessage {
	float: left;
}

#cartInfo {
	float: right;
}

/***
 * Navbars
 */
.pageNavgation * {
	display: inline;
	font-size: 13px;
	text-decoration: none;
}

.pageNavgation h2 {
	margin-right: 8px;
}

.navLinks {
	text-align: center;
}

.navLinks span {
	margin: 3px;
}

.navLinks .navLink {
	color: #17592a;
}

.navLinks .currLink {
	font-size: 14px;
	font-weight: bold; 
	color: #17592a;
}

/***
 * Articles
 */
#articles {
	margin-left: 20px;
	width: 470px;
}

.article {
	margin: 30px 0;
	border: 3px solid #091f0b;
	background-color: #f1f3d1;
}

.article label {
	font-weight: bold;
}

#cart h2,
.tableHeader,
.articleHeader {
	background-color: #091f0b;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	padding-left: 4px;
	color: #fff;
	margin: 0;
	border: 0;
	border-top: 1px solid #17592a;
}

.tableHeader .headerAdditionalInfo {
	float: right;
	margin-right: 3px;
}

.articleBody {
	padding: 8px 12px;
}

.articleBody td {
	padding-bottom: 4px;
}

.orderFooter,
#cartFooter,
#guestbookFooter,
.articleFooter {
	height: 20px;
	background-color: #bfce9f;
	color: #091f0b;
	vertical-align: bottom;
	padding-top: 8px;
}

.orderFooter *,
#cartFooter *,
#guestbookFooter *,
.articleFooter * {
	float: left;
	color: #091f0b;
}

#guestbookFooter {
	padding-left: 6px;
}

#guestbookFooter * {
	margin-top: 0;
}

.articleFooter input.articleInputText {
	background-color: #fcf7e0;
	width: 24px;
	height: 13px;
	border: 0;
	border-bottom: 1px solid #17592a;
}

.orderFooter label,
#cartFooter label,
.articleFooter label {
	margin-left: 16px;
	margin-right: 6px;
}

.articleFooter .articleInputImage {
	float: right;
	margin-top: -4px;
	margin-right: 8px;
	border: 0;
}

.articleImage {
	padding-right: 8px;
}

.articleImageThumb {
}

.articleImageText p,
.articleImageText a {
	font-size: 9px;
}

.articleDescription,
.propertyDescription {
	border-left: 1px solid #091f0b;
	padding-left: 8px;
}

.article .articlePropertySelect {
	padding-top: 8px;
}

.article .articlePropertySelect select {
	width: 100%;
}

/* cart articles */
#cart,
#guestbook {
	border: 3px solid #091f0b;
}

.altColor1 {
	background-color: #f1f3d1 !important;
}

.altColor2 {
	background-color: #d8dcbc !important;
}

.cartArticle,
.cartNoArticle {
	height: 100%;
	padding: 8px 12px 8px 8px;
}

.cartArticle,
.dataSection {
	border-bottom: 1px solid #17592a;
	padding: 8px 12px 8px 8px;
}

.cartArticle .articleButtons .imgButton {
	display: block;
}

.cartArticle .propertyImage,
.cartArticle .articleButtons {
	float: left;
	width: 50px;
}

.cartArticle .propertyInfo,
.cartArticle .articleInfo {
	float: left;
}

.cartArticle .propertyNoImage {
	margin-left: 25px;
}

.orderArticle .orderArticleNr label,
.orderArticle .orderArticleTitle label,
.orderArticle .orderArticleProperty label,
.cartArticle .articleProperty label,
.cartArticle .articleInfo label {
	font-weight: bold;
}

.orderArticle .orderArticleInfo {
	position: relative;
	top: -16px;
}

.orderArticle > .orderArticleInfo {
	position: static;
	top: 0;
}

.articleAmount {
	float: right;
	text-align: right;
}

.articleAmount .articlePrice {
	margin-right: 8px;
}

.articleAmount .articleAmountInput {
	width: 50px;
	text-align: right;
	border: 0;
}

.articleAmount .articleSubtotal {
	vertical-align: bottom;
	margin-right: 8px;
}

.articleAmount .articleSubtotal strong {
	border-top: 1px solid #091f0b;
}

.articleAmount .articleSubtotal span {
	font-size: 9px;
	margin-right: 16px;
}

#cartFooter {
	padding-top: 4px;
	padding-bottom: 4px;
}

#cartTotalAmount {
	float: right;
	margin-top: 4px;
	padding-right: 8px;
}

#cartOrderButton {
	float: left;
}

#cartOrderButton input {
	margin-left: 6px;
	margin-right: 6px;
}


.cartArticle .articleProperty {
	clear: left;
}

/***
 * Checkout
 */
#orderData {
	margin: 12px 20px 12px 20px;
	border: 3px solid #091f0b;
	background-color: #bfce9f;
}

#orderData .orderInfo table {
	margin-left: 8px;
	margin-right: 8px;
}

#orderRegionalMethods input,
.orderFooter input.inputCheckbox {
	margin-top: -3px;
}

#orderRegionalMethods input,
.orderFooter input {
	border: 0;
}

#orderData .orderLabel {
	width: 140px;
}

.orderFooter {
	padding-top: 4px;
}

#order_buttons,
#MethodError {
	margin: 0 6px;
	margin-top: 2px;
	padding-bottom: 4px;
	width: 430px;
	clear: left;
}

#acceptTermsSection {
	margin-left: 6px;
	margin-bottom: -18px;
}

#customerInfo input,
#orderPassword input,
#orderCompanyInfo input,
#orderInvoiceInfo input,
#orderDeliveryInfo input,
#orderShippingData select,
#orderHowDidYouFindUs input,
#orderHowDidYouFindUs select {
	width: 220px;
}

#orderCompanyInfo input.inputCheckbox,
#orderDeliveryInfo input.inputCheckbox {
	border: 0;
	width: 28px;
	vertical-align: bottom;
	margin-top: -3px;
}

#customerInfoAddress .orderLabel {
	padding-left: 8px;
}

#customerInfoAddress .orderBillAddress,
#customerInfoAddress .orderDelAddress {
	width: 140px;
}

#shippingInfo div {
	padding-left: 8px;
}

.orderFooter p {
	float: right;
	margin-right: 6px;
}

#shippingCosts {
	text-align: right !important;
}

#sendMethod {
	margin-top: 8px;
}

#sendMethod .sendLabel {
	width: 140px;
}

/***
 * Customer info
 */
#customerSaveChanges {
	margin-left: -10px;
	font-weight: bold;
	background-color: #bfce9f;
}

#customerLogout {
	float: right;
}

/***
 * Login
 */
#loginBody .loginInfo {
	height: 21px;
}

#getPasswordBodyLong input,
#loginBody input {
	position: absolute;
	left: 120px;
	width: 200px;
}

#customerRegister {
	border-top: 1px solid #17592a;
	margin-top: 30px;
}

#customerGetPassword {
	float: right;
	margin-top: 30px;
}

/***
 * Mailinglist
 */
#getPasswordForm .getPasswordInfo, 
#mailinglistBody .mailinglistInfo {
	height: 21px;
}

#getPasswordForm .button,
#getPasswordForm .getPasswordInfo input, 
#mailinglistBody .button,
#mailinglistBody .mailinglistInfo input {
	position: absolute;
	left: 120px;
	width: 200px;
}

#mailinglistBody .mailinglistInfo #mailinglistOptionSubscribe,
#mailinglistBody .mailinglistInfo #mailinglistOptionUnsubscribe {
	margin-left: -4px;
	border: 0;
	width: 20px;
}

#getPasswordBodyLong .button,
#getPasswordBodyLong .getPasswordInfo input {
	position: absolute;
	left: 140px;
	width: 200px;
}

/***
 * Guestbook
 */
.guestbookInfo {
	float: left;
}

.guestbookInfo * {
	font-size: 9px;
}
	
.guestbookMessageBody {
	float: left;
	margin-left: 24px;
}

.guestbookEntry {
	height: 100%;
}

#guestbookEntries table {
	width: 100%;
}

.guestbookEntry h3 {
	padding: 2px 6px 2px 6px;
	font-size: 13px;
	border-top: 3px solid #091f0b;
	border-bottom: 1px solid #f1f3d1;
	background-color: #bfce9f;
}

.guestbookEntry .dataSection {
	height: 100%;
}

#writeGuestbook {
	display: block;
	margin-top: 12px;
	margin-bottom: 4px;
	text-align: center;
	text-decoration: underline;
}

#guestbookNewMessage {
	background: url('./../images/guestbook-back.gif') repeat-y left #edeecf;
}

#guestbookNewMessage .guestbookLabel,
#guestbookNewMessage .guestbookInput {
	position: absolute;
}

#guestbookNewMessage .guestbookLabel {
	left: 40px;
}

#guestbookLabelName {
	top: 140px;
}

#guestbookLabelEmail {
	top: 160px;
}
#guestbookLabelSubject {
	top: 190px;
}
#guestbookLabelBody {
	top: 210px;
}

#guestbookNewMessage .guestbookInput {
	left: 160px;
	width: 290px;
}

#guestbookInputName {
	top: 136px;
}

#guestbookInputEmail {
	top: 156px;
}
#guestbookNewMessage #guestbookInputSubject {
	top: 186px;
	width: 380px;
}
#guestbookNewMessage #guestbookInputBody {
	top: 206px;
	width: 380px;
	height: 170px;
}

#btn_cancel {
	position: absolute;
	top: 390px;
	left: 290px;
}

#btn_ok {
	position: absolute;
	top: 390px;
	left: 370px;
}

/***
 * Footer
 */
#mainFooter {
	clear:both;
	width: 760px;
	border-top: 2px solid #17592a;
	padding-top: 4px;
	margin-bottom: 20px;
}

#mainFooter,
#mainFooter * {
	color: #f1f3d1;
}

#mainFooterCopyright {
	font-weight: bold;
	display: block;
	text-align: left;
	left: 0;
}