body,
#package-detail-text,
#basket,
#customer-form,
#customer-form input[type="text"],
#helpdesk-form input[type="text"]
{
	font-family: 'Open Sans', Arial, Helvetica;
}

#logo {
	overflow: hidden;
}
#main,
#customer-form
{
	background: #fff;
}
#main
{
	/*background-image: url(/public/images/mobile/theorieblokken/deco_arrow-grey.png);*/
	background-repeat: no-repeat;
	background-position: center bottom 78px;
	background-attachment: fixed;
}
.bottombar
{
	background: #f7f7f7;
	border-top: 1px solid #ccc;
}
.mobile_home_button, .mobile_login_button
{
	background-color: #f7f7f7;
}
header #slidemenu ul
{
	background-color: #eee;
}
header #slidemenu ul li
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#extralinks a,
.extralinks a
{
	display: inline-block;
	height: auto;
	margin: 5px 0;
	background-color: #666 !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
}
#extralinks a:hover,
.extralinks a:hover
{
	background-color: #333 !important;
}

.mobile_home_button.car
{
	background-image: url(../images/mobile/theorieblokken/banner_mobile-car.jpg);
}
.mobile_home_button.bike
{
	background-image: url(../images/mobile/theorieblokken/banner_mobile-motor.jpg);
}
.mobile_home_button.moped
{
	background-image: url(../images/mobile/theorieblokken/banner_mobile-scooter.jpg);
}
.mobile_home_button.shop
{
	background-image: url(../images/mobile/theorieblokken/banner_mobile-shop.jpg);
}

.mobile_home_button a
{
	height: 48px;
	width: 48px;
	background: #666 url(../images/mobile/theorieblokken/bttn_enter.png) no-repeat top center;
}
.mobile_login_button a,
.package a.view,
.package a.order,
a.bttn_visitshop,
a.bttn_order,
a.bttn_cancel,
a.bttn_continue,
.bttn_cancel,
.bttn_continue,
#customer-form .button.bttn_continue,
.bttn_123
{
	background: #666;
	color: #fff;
	text-indent: 0;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}
.mobile_login_button a,
.bttn_visitshop,
.bttn_order,
.bttn_cancel,
.bttn_continue,
.bttn_123
{
	height: 48px;
	font-size: 15px;
	line-height: 48px;
}

.mobile_home_button a:hover,
.mobile_login_button a:hover,
.package a.view:hover,
.package a.order:hover,
a.bttn_visitshop:hover,
.bttn_cancel:hover,
.bttn_continue:hover,
.bttn_123:hover
{
	background-color: #333;
}

#category.auto
{
	background-image: url(../images/mobile/theorieblokken/banner_mobile-sub-car.png);
}
#category.motor
{
	background-image: url(../images/mobile/theorieblokken/banner_mobile-sub-motor.png);
}
#category.bromfiets
{
	background-image: url(../images/mobile/theorieblokken/banner_mobile-sub-scooter.png);
}

header #slidemenubutton,
header #slidebackbutton,
header #backbutton,
.delete,
button.cash
{
	height: 48px;
	width: 48px;
}

header #slidemenubutton,
header #slidebackbutton
{
	background: #666 url(../images/mobile/theorieblokken/bttn_main.png) no-repeat top center;
}
header #backbutton {
	background: #666 url(../images/mobile/theorieblokken/bttn_back.png) no-repeat top center;
}
header #slidemenubutton:hover,
header #slidebackbutton:hover,
header #backbutton:hover,
.delete:hover,
button.cash:hover
{
	background-color: #333;
}

.package a
{
	width: 70px;
	height: 33px;
}
.package a.view,
.package a.order
{
	font-size: 14px;
	line-height: 31px;
}

#package-detail-text h1,
.package h3.auto,
#package-detail-text h1.auto,
.package h3.motor,
#package-detail-text h1.motor,
.package h3.bromfiets,
#package-detail-text h1.bromfiets,
#basket h1,
#customer-form h1,
h1,
h3
{
	color: #e40613;
}

#contents
{
	list-style-image: url(../images/mobile/theorieblokken/contents-list-button.jpg);
}




div#steps
{
	background-image: url(../images/mobile/theorieblokken/banner_mobile-sub-general.png);
}
div#steps span
{
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 600;
}
#step1
{
	background-image: url(../images/mobile/theorieblokken/bttn_step1.png);
}
#step2
{
	background-image: url(../images/mobile/theorieblokken/bttn_step2.png);
}
#step3
{
	background-image: url(../images/mobile/theorieblokken/bttn_step3.png);
}
#step4
{
	background-image: url(../images/mobile/theorieblokken/bttn_step4.png);
}
.delete
{
	background: #666 url(../images/mobile/theorieblokken/bttn_delete.png) no-repeat top center;
}
button.cash
{
	background: #666 url(../images/mobile/theorieblokken/bttn_cash.png) no-repeat top center;
}

#basket
{
	font-size: 13px;
}

#customer-form input[type="text"],
#helpdesk-form input[type="text"]
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid #ccc;
	color: #333;
}
::-webkit-input-placeholder
{
	color: #ccc;
}
:-ms-input-placeholder,
::-ms-input-placeholder
{
	color: #ccc;
}
:-moz-placeholder,
::-moz-placeholder
{
	color: #ccc;
	opacity: 1;
}

#customer-form {
	font-size: 13px;
}
#customer-form p
{
	padding-left: 0px;
}
#basket-table thead th, #basket-table thead td
{
	border-bottom: 0px;
}
#basket-table tbody td, #basket-table tfoot td
{
	border-color: #ccc;
}
#basket-table tfoot td
{
	border-bottom: 0px;
}