@charset "utf-8";

/* Generic styling and colors */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 12px;
	min-width: 980px;
}

a:link {
	text-decoration: underline;
	color: #0a95e0;
}

a:visited {
	text-decoration: underline;
	color: #6d70b4;
}

a:hover, a:active{
	text-decoration: underline;
	color: #0771a9;
}

a.stateless:visited, #top-menu a:visited {
	text-decoration: underline;
	color: #0a95e0;
}

a.stateless:hover, #top-menu a:hover, a.stateless:active, #top-menu a:active{
	text-decoration: underline;
	color: #0771a9;
}

p {
	font-size: 13px;
	padding: 10px;
	max-width: 750px;
}

body.js-enabled .noscript {
	display: none !important;
}

.clear {
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
}

div.loading {
	background: transparent url('../images/layout/ajax-loader.gif') no-repeat center center;
	width: 100%;
	height: 24px;
	display: block !important;
	padding: 0 !important;
}

/*
messages styles
styling from: http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx
icons from: http://itweek.deviantart.com/art/Knob-Buttons-Toolbar-icons-73463960
*/

#messages {
	margin: 0;
	padding: 0;
	font-size: 13px;
	display: inline;
	zoom: 1;
}

#messages li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0;
	border: 1px solid;
	padding: 1px 3px 2px 25px;
	background-repeat: no-repeat;
	background-position: 2px center;
	list-style-type: none;
	margin-right: 10px;
	float: left;
	margin-top: 5px;
}

#messages .info {
	color: #00407A;
    background-color: #BDE5F8;
    background-image: url('/static/images/layout/info.png');

}

#messages .success {
	color: #3A640E;
    background-color: #DFF2BF;
    background-image:url('/static/images/layout/success.png');

}

#messages .warning {
	color: #754600;
    background-color: #FEEFB3;
    background-image: url('/static/images/layout/warning.png');
}

#messages .error {
	border-color: #A70009;
	color: #000000;
    background-color: #FFBABA;
    background-image: url('/static/images/layout/error.png');

}

div#messages .validation {
    color: #B12A00;
    background-color: #FCD7C9;
    background-image: url('/static/images/layout/validation.png');
}

div#messages .fatal {
	color: red;
	font-weight: bold;
    background-color: #000000;
    background-image: url('/static/images/layout/error.png');

}

/* End of generic styling*/

/* site name and logo */

#sitename {
	border: none;
	float: left;
	margin: 0;
	font-weight: normal;
	font-size: 13px;
}

#sitename a {
	background: transparent url('/static/images/layout/logo.png') no-repeat left top;
	display: block;
	font-style: italic;
	margin: 0;
	margin-left: -3px;
	width: 187px;
	padding: 34px 0 0 60px;
	height: 17px;
	border: none;
}

body.fietspunt #sitename a {
	background: transparent url('/static/images/layout/logo-fietspunt.png') no-repeat left top;
}

body.veclo #sitename a {
	background: transparent url('/static/images/layout/logo-veclo.png') no-repeat left top;
}

#sitename a, #sitename a:link, #sitename a:visited{
	text-decoration: none;
	color: #333333;
}


/* end of sitename */

/* top menu / search header */

#top-head {
	display: inline;
}

/* end top menu / search header */

/* search bar */

#search{
	float: left;
	padding-left: 19px;
	margin-bottom: 7px;
	background: transparent url('../images/layout/search.gif') no-repeat left bottom;
	margin-top: 19px;
}

#search form li{
	float: left;
	clear: none;
	padding: 0;
}

#search input[type=text] {
	border-right: 0px;
	margin: 0;
	width: 30em;
	float: left;
}

#search input[type=submit] {
	margin: 0;
}

/* end of search bar*/

/* hoverblock */

.hoverblock {
	display: none;
	position: absolute;
	z-index: 100;
}

.hoverblock .body {
	background: transparent url('/static/images/layout/menu_left.png') repeat-y left top;
}

.hoverblock .inner {
	margin-left: 12px;
	padding-right: 12px;
	background: transparent url('/static/images/layout/menu_right.png') repeat-y right top;
}
.hoverblock .inner>div{
	background-color: white;
}

.hoverblock .footer {
	clear: left;
	height: 24px;
	margin: 0 24px;
	margin-bottom: -24px;
	background: transparent url('/static/images/layout/menu_bottom.png') repeat-x bottom;
}
.hoverblock .footer .left {
	height: 24px;
	width: 24px;
	margin-left: -24px;
	background: transparent url('/static/images/layout/menu_corner_left.png') no-repeat bottom left;
	float: left;
}

.hoverblock .footer .right {
	height: 24px;
	width: 24px;
	background: transparent url('/static/images/layout/menu_corner_right.png') no-repeat bottom right;
	position: absolute;
	right: 0;
}
/* end of hoverblock */

/* category menu */

#top-menu {
	float: right;
	margin-bottom: -100%;
}

#top-menu>ul>li {
	float: right;
	margin-left: 10px;
	padding-left: 10px;
}

#top-menu form.logout,
#top-menu form.logout input {
	display: inline;
	padding: 0;
	margin: 0;
	float: right;
}
#top-menu form.logout input {
	margin-left: 5px;
}

#menu {
	float: right;
	width: 100%;
	margin: 5px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#menu>ul {
	float: left;
	padding-left: 5px;
}

#menu li.main {
	float: left;
	font-size: 14px;
	margin-right: 14px;
	padding: 0;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#menu h2 {
	padding: 5px;
	cursor: pointer;
	margin: 0;
	border: none;
}
#menu h2 a, #menu h2 a:link{
	padding-right: 19px;
	background: transparent url('/static/images/layout/expand.gif') no-repeat right center;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#menu h2 a:visited {
	color: #333333;
}
#menu h2 a:hover, #menu h2 a:active {
	color: #333333;
}

#menu li.main.hovering {
	background-color: white;
	margin-bottom: -1px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid white;
	z-index: 200;
}

.submenu {
	margin-top: 1px;
	margin-left: -11px;
}

.submenu .body a {
	display: block;
	padding: 5px 30px 5px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}


.submenu .body li.subs>a {
    background: transparent url('/static/images/layout/expand_right.png') no-repeat right center;
}
.submenu .sub a:hover {
	background-color: #d0edfd !important;
}
.submenu .sub li.subs:hover {
	background-color: #e4f5fd !important;
}

.submenu .popular a:hover {
	background-color: #d0edfd !important;
}

.submenu .sub {
	padding-top: 5px;
}
.submenu .popular a {
	font-weight: bold;
	font-size: 13px;
	color: #0a95e0;
}

.submenu .body span.popular {
	clear: left;
	display: block;
	font-weight: normal;
	color: #333333;
	cursor: default;
	font-size: 16px;
	margin-top: 5px;
	padding: 10px 5px 5px 10px;
	border-top: 1px solid #e5e5e5;
}
.submenu .body span {
	font-size: 10px;
	color: #888888;
}

.submenu .subs ul {
	border: 1px solid #e5e5e5;
	background-color: white;
	margin-left: 35px;
}
.submenu .subs li {
	white-space: nowrap;
}
.submenu li.subs>a {
	cursor: default;
}

ul.pagemenu{
	margin: 0;
	float: left;
	clear: left;
	width: 180px;
	max-width: 180px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
ul.pagemenu li {
	color: #0a95e0;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0;
	padding-left: 15px;
}
ul.pagemenu li.header {
	padding: 0;
}
ul.pagemenu li.first h4{
	margin-top: 0
}

ul.pagemenu a {
}

ul.pagemenu a:link {
	text-decoration: none;
}

ul.pagemenu a:visited {
	color: #0a95e0;
	text-decoration: none;
}

ul.pagemenu a:hover, a:active{
	text-decoration: underline;
	color: #0771a9;
}

ul.pagemenu li.selected {
	background-color: #e4f5fd;
}

ul.pagemenu h4 {
	margin-top: 10px;
	margin-bottom: 3px;
}


/* end of menu */


/* settings blocks */

#profile-settings-block>a{
	white-space: nowrap;
	padding-left: 14px;
	background: transparent url('../images/layout/expand-down.gif') no-repeat left 1px;
}

.hoverblock.settings {
	white-space: nowrap;
	z-index: 200;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
}
.hoverblock.settings>div {
	padding: 10px;
	display: none;
}

/* end of settings blocks */

/* cart overview styling */

#cart {
	padding: 3px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: transparent url('/static/images/layout/cart.gif') no-repeat left center;
	float: right;
	margin-left: 20px;
}

#cart .cart-header {
	font-size: 14px;
	font-weight: bold;
	float: left;
	padding-left: 35px;
	position: absolute;
}

#cart .cart-header a:link, #cart .cart-header a:visited, #cart .cart-header a:hover{
	color: #333 !important;
	text-decoration: none !important;
}
#cart p {
	padding: 0;
	font-size: 12px;
}

#cart p.cart-empty {
	color: #888888;
	padding-left: 35px;
}
#cart p.cart-empty em {
	float: left;
	clear: left;
	margin-top: 18px;
}

#cart p#cart-summary {
	height: 35px;
	background: transparent url('../images/layout/view_cart.gif') no-repeat right bottom;
}

#cart p#cart-summary a {
	display: block;
	height: 100%;
	padding-left: 35px;
}

#cart-summary a>span{
	float: left;
	clear: left;
	margin-top: 20px;
	margin-right: 23px;
	padding-left: 14px;
	background: transparent url('../images/layout/expand-down.gif') no-repeat left bottom;
}

#cart p#cart-summary a:link,
#cart p#cart-summary a:visited,
#cart p#cart-summary a:link,
#cart .cart-header a:visited {
	text-decoration: none !important;
}
.cart-contents {
	z-index: 200;
	border: 1px solid #e5e5e5;
	margin-top: -1px;
	background-color: #ffffff;
}
.cart-contents>div {
	padding: 10px;
	display: none;
}
.cart-contents p {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
.cart-contents p.total{
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #e5e5e5;
	margin-top: 3px;
	padding-top: 3px !important;
}

.cart-contents p a.button {
	float: left;
}
.cart-contents p a.button.action {
	float: right;
}

.cart-contents td {
	white-space: nowrap;
	vertical-align: middle;
	padding: 3px;
}
.cart-contents .image img {
	width: 40px;
	height: 40px;
}
.cart-contents .quantity {
	font-size: 16px;
	font-weight: bold;
}

/* end cart */

#content {
	width: 100%;
	clear:left;
	margin-top: 5px;
	background-color: #ffffff;
}

#pagetitle {
	clear: left;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

h1 {
	font-weight: normal;
	font-size: 18px;
	color: #333;
}

h2, h3 {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}

h4, dl dt, legend {
	font-size: 14px;
	font-weight: bold;
	color: #5cb900;
	margin-bottom: 5px;
}

ul.breadcrumbs{
	list-style: none;
	float:left;
	padding: 0;
	margin: 0;
	font-size: 12px;
	margin-left: 10px;
}

.breadcrumbs li{
	display: inline;
}

.breadcrumbs li,
.breadcrumbs li>a{
	color: #aaaaaa;
}
.breadcrumbs li>a:hover {
	color: #666666;
}

table tr.row1 th,
table tr.row1 td {
	background-color: #e4f5fd;
}

table td,
table th {
	text-align: left;
	padding: 2px;
	padding-right: 5px;
}

a.edit,
a.next,
a.previous {
	font-size: 13px;
	font-weight: bold;
}
a.edit:visited,
a.next:visited,
a.previous:visited,
a.iframe-popup:visited {
	color: #0A95E0;
}

a.edit:hover,
a.next:hover,
a.previous:hover,
a.iframe-popup:hover {
	color: #0771a9;
}

a.next, a .next {
	padding-right: 8px;
	background: transparent url('../images/layout/next.png') no-repeat right center;
}

a.previous, a .previous {
	padding-left: 8px;
	background: transparent url('../images/layout/previous.png') no-repeat left center;
}

a.edit {
	padding-left: 13px;
	background: transparent url('../images/layout/edit.png') no-repeat left center;
}

a.iframe-popup {
	padding-right: 25px;
	background: transparent url('../images/layout/popup.png') no-repeat right center;
}

.printpage {
	display: none;
}

a.more{
	padding-left: 14px;
	background: transparent url('../images/layout/expand-down.gif') no-repeat left bottom;
}
a.less {
	padding-left: 14px;
	background: transparent url('../images/layout/collapse-up.gif') no-repeat left bottom;
}

span.vat {
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	color: #888888;
	display: block;
	clear: left;
	padding: 2px 0;
}

#footer {
	clear: left;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	margin-top: 10px;
	padding-top: 10px;
	text-align:center;
	color: #666666;
}
#footer li,
#footer ul {
	display: inline;
	padding: 0 10px;
}
#footer li {
	border-left: 1px solid #e5e5e5;
}
#footer img {
	vertical-align: text-bottom;
}
#footer li:first-child {
	border-left: none;
}

div#feedback {
	position: fixed;
	z-index: 100;
	bottom: 0px;
	right: 0px;
	font-size: 14px;
	color: #666666;
}
div#feedback_left {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: -17px;
	padding: 12px 0px 5px 12px;
	background: transparent url("../images/layout/feedback_leftbg.png") no-repeat left top;
	width: 5px;
}
div#feedback_main {
	padding: 12px 10px 5px 0px;
	background: transparent url("../images/layout/feedback_bg.png") repeat-x left top;
}
div#feedback a {
	padding: 5px;
	border: 1px solid #973100;
	border-bottom: none;
	background: #fe5817 url("../images/layout/action_bg.gif") repeat-x left bottom;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
div#feedback a:link,
div#feedback a:visited {
	color: #fff;
	text-decoration: none;
}
div#feedback a:hover,
div#feedback a:active {
	color: #fff;
	text-decoration: underline;
}
div#feedback_clear {
	height: 20px;
}