/* GENERAL */

.webshop_content { font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 12px; color: #3f3f35;
	height: 100%; background: url(../images/background.png) repeat-y; margin: 0px; padding: 0px; }

div.cleaner { clear: both; line-height: 0; height: 0;}
.webshop_content p { color: #3f3f35; line-height: 17px; margin: 0px 0px 15px 10px; width: auto; }
.webshop_content a { border: 0px; } 
.arrows { color: #3f3f35; font-weight: bold; text-decoration: none; }
.arrows:hover { color: #e38836; text-decoration: underline; font-weight: bold; }
#contentContainer { text-align: left;  }
#wvContainer { display: none; }
.afronden_container { border: 1px solid silver; width: 600px; text-align: left; }
h1 { font-size: 20px; color: #e38836; font-weight: bold; font-family:'Trebuchet MS'; margin: 3px 0; }
h2 { font-size: 13px; color: #e28835; }
.nofloat { float: none; }
.hrdot { color: #fff; background-color: #fff; border: 1px dotted #727254; border-style: none none dotted; margin: 15px auto; }

/* MENU */
.menu { font-size: 13px; font-weight: 300; color: #443d33; width: 150px; text-align: left; 
  /* border: 1px solid silver; */
  min-height: 500px; 
  float: left; margin-right: 15px;
  /* background: url(../images/background_left.png) repeat-x top left; */
  padding: 0 0 0 0; }
.menu .subtop { color: #fff; padding: 5px 0 5px 11px; margin: 0 10px 0 0; font-weight: bold; cursor: pointer; }
.menu .subtop:hover { background-color: #f8c698; color: #c96e1c; }
.menu .subtop a { width: 100%; display: block; text-decoration: none; color: #fff; outline: none; }
.menu .selected { background-color: #f8c698; color: #c96e1c; }
.subMenu { display: none; color: #fff; margin: 0 18px 0 0; padding: 5px 0 5px 15px; background-color: #eda563; }

/* 'Oude' opzet */
.subMenu div { padding: 3px 2px; cursor: pointer; }
.subMenu div:hover { color: #c96e1c; }

/* Nieuwe opzet */
.subMenu a:link, .subMenu a:visited { display: block; color: white; padding: 3px 2px; }
.subMenu a:hover { color: #c96e1c; }
.menuSel { background-color: #f8c698; }

.superMenuTitle { color: #fff; padding: 5px 0 5px 10px; margin: 20px 0 0 0; font-weight: bold; background-color: none; border-bottom: 1px solid #ffa14b; 
  width: 130px; cursor: pointer; }
.superMenuTitle:hover { border-bottom: 1px solid #fff; }
.shoppingbag { vertical-align: middle; height: 35px; margin: 10px 10px 5px 0; font-size: 13px; font-weight: bold; color: #fff; border-bottom: 1px solid #ffa14b; }
.shopLink { float: left; padding: 5px 4px 5px 10px; margin: 6px 0 0 0; color: #fff; border: 0px; cursor: pointer; }
.shopLink:hover { background-color: #f8c698; color: #C96E1C; }
.amount { float: right; width: 35px; height: 35px; background: url(../images/shoppingbag.png) no-repeat; }
#cartCount { color: #fff; float: right; margin: 12px 0 0 0; width: 20px; text-align: center; }



/* ITEMLIST */
.large_container { width: 720px; height: 100%; float: left; }
.item_container{ width: 200px; height: 250px; margin: 0px 20px 20px 20px; float:left; }
.navigation { margin: 10px 0px 0px 30px; }
.title { font-size: 20px; color: #e38836; }

.selector{ padding: 2px 2px 2px 4px ; margin: 0px 0px 0px 20px; font-size: 10px; font-style: italic; }
.selector select { width: 100px; border: 0px; color: #e38836; font-size: 10px; font-style: italic; }

.page { color: #3f3f35; text-decoration: none; }
.page a:link, .page a:visited { color: #e38836; border: 1px solid white; text-decoration: none; padding: 4px; }
.page a:hover { color: #e38836; border: 1px solid #e38836; text-decoration: none; }
.page_selected { border: 1px solid gray;  padding: 4px; }

.page_navigation { text-align: center; }

.page_count { color: gray; font-style: italic; font-size: 11px; margin: 20px 0px 0px 0px; }
.page_count a { color: gray; padding: 2px 3px; }

.page_count a:hover { color: #e38836; padding: 2px 3px; text-decoration: none; }
.previous { margin: 0px 50px 0px 0px; }
.next { margin: 0px 0px 0px 50px; }


/* DETAIL PAGE */
.detail_navigation { margin: 20px 20px 10px 20px; font-size: 11px; height: 20px; }
.detail_navigation a { color: #3f3f35; font-weight: bold; text-decoration: none; }
.detail_navigation a:hover { font-weight: bold; color: #e38836; text-decoration: none; }
.detail_breadcrumbs { float: left; }
.detail_arrows { float: right; }
.detail_description { width: 300px; margin: 0px 0px 0px 20px; height: 100%; float: left; text-align: left;  }
.detail_selector { font-family: Trebuchet MS, Arial, Verdana, sans-serif; border: 1px solid #e38836; margin: 8px 7px 0px 0px; width: 150px;
	height: 22px; font-size: 12px; float: left; }
.detail_input { font-family: Trebuchet MS, Arial, Verdana, sans-serif; border: 1px solid #e38836; margin: 8px 7px 0px 0px;
	padding: 2px 0px 3px 0px; font-size: 12px; float: left; }

.artikelnr { color: #ab9b8f; font-size: 11px; margin: 8px 0px 0px 0px; }
.sub_title { font-weight: bold; margin: 10px 0px 0px 0px; }
.price { font-size: 18px; font-weight: bold; margin: 0px 0px 10px 10px; }
.detail_images { width: 350px; float: left; padding: 0px; margin: 0px 0px 0px 20px;	}
.detail_large_image { width: 350px; padding: 0px; margin: 0px 0px 10px }
.detail_small_image { float: left; border: 1px solid gray; width: 80px; height: 80px; padding: 0px; margin: 0px 7px 0px 0px; }
.detail_small_image:hover { border: 1px solid white; filter: alpha(opacity=65); opacity: 0.65; cursor: pointer; }
#disabled { color: gray; border-bottom: 1px dotted gray; }

/* FORM PAGE */
.form_tabs { margin: 10px 0px 8px 0; height: 33px; }
.tab { width: 100px; float: left; margin: 0px 7px 0px 0px; background: #f5ddc7; padding: 5px; margin-top: 8px;
  font-size: 12px; color: #747461; text-align: center; vertical-align: middle; }
.tab span { font-size: 17px; font-weight:bold; margin-right: 3px;	}
.tab_active span { font-size: 19px; font-weight: bold; }
.tab_active { width: 100px; float: left; margin: 0px 7px 0px 0px; background: #e38836; padding: 10px 5px 5px 5px; 
	font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.order_form { font-size: 12px; border: 1px solid #b9b9a9; width: 600px; min-height: 300px; padding: 10px; }
.order_form td { color: #747461; } 
.order_form a { color: #545441; text-decoration: none; }
.order_form a:hover { color: #e38836; text-decoration: none; }
.refreshbag { background: transparent url(images/aantallen.gif) no-repeat center center; cursor: pointer;  }
.form_break { border-bottom: 1px dotted #727264; width: 100%; height: 1px; }
.form_header { font-weight: bold; font-size: 15px; color: #545441; margin: 10px 0px 10px 0px; }

/* Shopcart Tabel */
.divider { color: #f00; height: 5px; }
.tbl_shopcart { margin: 4px; }
.tbl_shopcart .head td { border-bottom: 1px dotted silver; }
.tbl_shopcart .head { font-weight: bold; }
.coupon { font: 12px 'Trebuchet MS', sans-serif; width: 200px; border: 1px solid #e38836; color: #000; background-color: #fff; padding: 2px; }
.aantal { width: 25px; border: 1px solid #e38836; text-align: center;}


/* Search */
.search { float: right; width: 170px; height: 31px; background: url('../images/search_back.png') no-repeat top left; margin: 0; padding: 5px 0 0 0; }
input.searchButton { width: 46px; height: 20px; background: transparent url(../images/zoek.png) no-repeat; outline: none; border: none;
  cursor : pointer; float: right; margin: 0 10px 0 5px; }
input.searchButton:hover { outline: none; background: transparent url(../images/zoek_over.png) no-repeat; }
.searchInput { float: left; width: 85px; height: 15px; border: 1px solid gray; font-family: Trebuchet MS, Arial, Verdana, sans-serif; margin: 0 0 0 20px; }

#but_verderwinkelen { width: 147px; height: 24px; background: url(/images/verderwinkelen.gif);}
#but_verderwinkelen:hover { background-position: 0 100%; }
#but_afronden { width: 173px; height: 24px; background: url(/images/bestellingafronden.gif);}
#but_afronden:hover { background-position: 0 100%; }
.butx a { display: block; height: 24px; }

.bestel_button { border: 1px solid black; width: 250px; }
.bestel_button:hover { background-color: silver; }

.butVerder { background: url('/images/verder.gif'); display: block; height: 24px; width: 79px; }
.butTerug  { background: url('/images/terug.gif'); display: block; height: 24px; width: 76px; }
.butLogin  { background: url('/images/login.gif'); display: block; height: 24px; width: 74px; }
.butNoAccount { background: url('/images/zonderaccount.gif'); display: block; height: 24px; width: 192px; }
.butCrAccount { background: url('/images/account.gif'); display: block; height: 24px; width: 161px; }
.butmaVerder  { background: url('/images/metditaccountverder.gif'); display: block; height: 24px; width: 194px; }
.butVerder:hover, .butTerug:hover, .butLogin:hover, .butNoAccount:hover, .butCrAccount:hover, .butmaVerder:hover { 
  background-position: 0 100%;  cursor: pointer; }

.cartPlus { background: url('/images/plus.gif'); display: inline; height: 12px; width: 12px; }
.mImg { border: 1px solid silver; pointer: cursor; }
.mImg:hover { border: 1px solid grey; }
#mcb3 { border: 1px solid ed9a40; width: 280px; background-color: #FFEFC9; border: 1px solid #ed9a40; color: #6c6c6c; float: left; padding: 5px; text-align: left; }

.maatLink{
	margin: 10px 0 40px;
}

.maatLink a{
	font-size: 9pt;
	text-decoration: underline;
}

.maatLink a:hover {
	color: #e28835;
	text-decoration: underline;
}