/* Colors
 * Standard blue: #017DC7
 * Light brown / Gold: #C7A575
 * /

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* HTML elements */

body {
	/*line-height: 1.1;*/
	color: black;
	background: #FFF url(/images/aob/logo_header.jpg) no-repeat left top;
	margin-top: 75px;
        text-align: center;
	font: 80%/120% Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: bold;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

a { color: #017DC7; }

p.message {
	padding: 5px 10px 5px 30px;
	margin: 10px 0px;
	border-top: 1px solid #C7A575;
	border-bottom: 1px solid #C7A575;
	background: #FFFDE8 url(/images/aob/information.png) no-repeat 5px 50%;
}

p.message.error {
	background: #FFFDE8 url(/images/aob/error.png) no-repeat 5px 50%;
}
/*
input {
	border: 1px solid #017DC7;
	padding: 5px 7px;
	
}*/

.rounded2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.rounded3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.rounded4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.rounded10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }


/* Main structure */

#globalwrapper {
    width: 970px;
    margin: 0px auto;
    text-align: left;
    position: relative;
}

#header {
    display: none;
    height: 90px;
    width: 100%;
    background-color: #FFF;
    margin-bottom: 30px;
    padding-top: 30px;
}

#header h1#logo {
	position: relative;
	background: url(/images/aob/logo_header.jpg) no-repeat 50% 50%;
	width: 418px;
	height: 55px;
	margin-top: 30px;
}

#header h1#logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
}

#header div#headerlinks {
	position: absolute;
	right: 0px;
	top: 0px;
}

#maincontent {
    width: 650px;
    background-color: #FFF;    
    margin-bottom: 20px;
    padding: 20px 300px 20px 20px;
    position: relative;
}

#primary {
min-height: 400px;
}

#maincontent #secondary{
    position: absolute;
    right: 20px;
    top: 20px;
}

#banners {
	width: 970px;
	height: 60px;
	margin-bottom: 80px;
}

#footerwrapper {
    margin-top: 200px;
    width: 100%;
    background: url(/images/aob/bg_footer.jpg) repeat-x left bottom;
}

#footer {
    width: 970px;
    margin: 0px auto;
    text-align: left;
    position: relative;
    height: 100px;
    padding-top: 10px;
    border-top: 1px solid #FFF;
}


/* General */

#header h1#logo {
	background: url(/images/aob/logo_header.gif) no-repeat 50% 50%;
	width: 418px;
	height: 56px;
	margin-top: 0px;
	text-indent: -5000px;
}

#header #sessioninfo {
	position: absolute;
	left: 700px;
	top: 31px;
	width: 190px;
	height:89px;
}

#header form#quicksearchform {
	width: 189px;
	height: 31px;
	margin-bottom: 10px;
}

#header form#quicksearchform input {
	width: 150px;
	height: 15px;
	padding: 7px 3px;
	vertical-align: top;
	border: 1px solid #017DC7;
}

#header form#quicksearchform button {
	height: 31px;
	width: 31px;
	overflow: hidden;
	background: #017DC7 url(/images/aob/icons.png) no-repeat -70px -0px;
	border: none;
	text-indent: -10000px;
	vertical-align: top;
}

#header #sessioninfo div#userinfo {
	position: absolute;
	top: 41px;
}

#header #sessioninfo div#userinfo p{
	/*font-size: 90% !important;*/
}

#header #sessioninfo p.loggedinuser {
	font-weight: bold;
	font-size: 90%
}

#header #sessioninfo p.loggedinuser a {
	color: #000;
	text-decoration: none;
}

.rollingbanner {
    width: 250px;
    height: 250px;
    border: 2px solid #EBDFA3;
    /*background: url(/images/aob/rollingbanner.jpg) no-repeat left top;*/
}



.bannerposition {
	width: 468px;
	height: 60px;
	background-color: #FFF;
	float: left;
}

.bannerposition:first-child {
	margin-right: 34px;
}


#servicelinks li {
	float: left;
	margin-right: 35px;
}

#servicelinks a {
	color: #FFF;
	font-size: 70%;
}


p.input_help {
	margin-top: 5px;
	font-size: 60%;
	color: #666;
}

#primary h1 {
	margin-bottom: 20px;
	color: #000;
}

/* Frontpage */

#primary.smartsearch {
	background: url(/images/aob/bg_smartsearch.jpg) repeat-x left bottom;
	min-height: 225px;
	height: auto;
	_height: 225px;
	padding: 20px;
	border: 1px solid #C7A575;
}

#primary.smartsearch h1 {
	margin: 20px 0px 35px 0px;
	font-size: 180%;
	color: #017DC7;
}

#primary.smartsearch form {
	position: relative;
	left: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	zoom: 1;
}


#primary.smartsearch input#smartsearch_input{
	height: 20px;
	width: 466px;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #C7A575;
	-moz-box-shadow: 0px 0px 20px #ffd76a;  
	-webkit-box-shadow: 0px 0px 20px #ffd76a;  
	box-shadow: 0px 0px 10px #ffd76a;
	vertical-align: top;
}


#primary.smartsearch button {
	height: 42px;
	width: 115px;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	background: #FFF url(/images/aob/button_smartsearch.jpg) no-repeat left top;
	border: none;
	text-indent: -29100000cm;
	vertical-align: top;
}

#primary.smartsearch button span{
	display: none;
}

#primary.smartsearch p.input_help {
	width: 488px;
	text-align: right;
	position: relative;
	font-size: 85%;
}

#primary.smartsearch p.input_help span#smartsearch_example {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	text-align: left;

}
#primary.smartsearch p.input_help span#smartsearch_example span#smartsearch_examplelist {
	width: 400px;
}

#primary.smartsearch p.input_help span#smartsearch_example span#smartsearch_examplelist span {
	display: none;
	position: relative;
	width: 400px;
}

#primary.smartsearch p.input_help span#smartsearch_example span#smartsearch_examplelist span#smartsearch_example_first {
	display: block;
}

/* Advanced Searchform */

#advancedsearch {
	display: none;
	width: 100%;
	position: relative;
}

.searchresults #advancedsearch {
	background: url(/images/aob/bg_smartsearch.jpg) repeat-x left bottom;
	min-height: 225px;
	height: auto;
	_height: 225px;
	padding: 20px;
	width: 608px;
	border: 1px solid #C7A575;
	margin-bottom: 10px;
}

#advancedsearch a#closeadvanced {
	display: block;
	height: 17px;
	width: 16px;
	background: transparent url(/images/aob/icons.png) no-repeat -52px 1px;
	text-indent: -5000px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
}

.restaurants #advancedsearch a#closeadvanced {
	right: 10px;
	top: 10px;
}

#advancedsearch a#closeadvanced:hover {
	background-position: -52px -15px;
}

#advancedsearch  label.label_important {
	font-size: 20px;
	font-weight: bold;
	color: #017DC7;
	margin-right: 10px;
}


#advancedsearch  label.label_unimportant {
	font-weight: bold;
	font-size: 80%;
	width: 608px;
	height: 20px;
	margin: 20px 0px 5px 0px;
	float: left;
	clear: both;
}


#advancedsearch input#postcode {
	height: 20px;
	width: 225px;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #C7A575;
	-moz-box-shadow: 0px 0px 20px #ffd76a;  
	-webkit-box-shadow: 0px 0px 20px #ffd76a;  
	box-shadow: 0px 0px 10px #ffd76a; 
}

#advancedsearch #subsegments {
	min-height: 200px;
}

#advancedsearch #choose_subsegment,
#advancedsearch input.subsegment_checkbox {
	display: none;
}

#advancedsearch a.subsegment_button {
	display: block;
	float: left;
	width: 140px;
	height: 20px;
	padding: 10px 0px;
	margin: 0px 10px 10px 0px;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	background: #FFF url(/images/aob/button_grey.png) no-repeat left top;
}

#advancedsearch a.subsegment_button:hover {
	background: #FFF url(/images/aob/button_grey.png) no-repeat 0 -40px;
}


#advancedsearch a.subsegment_button.active {
	background: #FFF url(/images/aob/button_grey.png) no-repeat 0 -80px;
}

#takeawaydelivery {
	margin-top: 20px;
	height: 50px;
	width: 608px;
}

#takeawaydelivery a {
	display: block;
	float: left;
	width: 190px;
	height: 20px;
	padding: 10px 0px;
	margin: 0px 10px 10px 0px;
	text-align: center;
	text-decoration: none;
	text-indent: -10000px;
	color: #FFF;
	font-weight: bold;
	background: #FFF url(/images/aob/buttons_blue.gif) no-repeat 0 0;
}


#takeawaydelivery a#adv_search_takeaway {
	background: #FFF url(/images/aob/buttons_blue.gif) no-repeat 0 0;
}

#takeawaydelivery a#adv_search_takeaway:hover {
	background-position: -190px 0px;
}

#takeawaydelivery a#adv_search_delivery {
	background: #FFF url(/images/aob/buttons_blue.gif) no-repeat 0 -40px;
}

#takeawaydelivery a#adv_search_delivery:hover {
	background-position: -190px -40px;
}

#takeawaydelivery a#adv_search_both {
	background: #FFF url(/images/aob/buttons_blue.gif) no-repeat 0 -80px;
}

#takeawaydelivery a#adv_search_both:hover {
	background-position: -190px -80px;
}


#takeawaydelivery select,
input#advanced_q {
	display: none;
}


/*Restaurants (searchresults) */

#primary.restaurants h1 {
	margin-bottom: 20px;
	color: #000;
}

#primary.restaurants a#map_link_allrestaurants {
	float: right;
	font-size:80%;
	font-weight: bold;
	display: block;
	background: #FFF url(/images/aob/globe.png) no-repeat right 50%;
	height:20px;
	padding-right: 25px;
	
}

div#searchterms {
	height: 40px;
	font-size: 80%;
}

div#searchterms a#edit_searchterms {
	background-color: #FFF;
	padding: 2px 6px;
	font-weight: bold;
	float: right;
}

div#searchterms  div#searchkeywords_label {
	float: left;
	background-color: #FFF;
	padding: 2px 6px;
}

div#searchterms div{
	float: left;
	background-color: #A7D7FF;
	padding: 2px 5px;
	margin-right: 10px;
}

.searchresults form#searchform {
	/*display: none;*/
}

ul#restaurants_list {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 10px;
}

ul#restaurants_list li {
	border: 1px solid #BFD0FF;
	background-color: #FFF;
	padding: 10px;
	padding-left: 140px;
	margin-bottom: 20px;
	position: relative;
	min-height: 130px;
	height: auto;
	_height: 130px;
	line-height: 160%;
	font-size: 90%;
}

div.restaurantdata {
	width: 350px;
	min-height: 100px;
	height: auto;
	_height: 100px;
	margin-bottom: 10px;
}

ul#restaurants_list li h2 {
	font-size: 120%;
	margin-bottom: 1px;
}

.restaurantdata h2 a {
	color: #000;
	text-decoration: none;
}

ul#restaurants_list li h3 {
	font-size: 100%;
	font-weight: bold;
	color: #017DC7;
	margin-bottom: 9px;
}


ul#restaurants_list li .restaurantlogo {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 100px;
	width: 100px;
}

ul#restaurants_list li .restaurantfoto {
	position: absolute;
	top: 120px;
	left: 10px;
	height: 100px;
	width: 100px;
	display: none;
}

ul#restaurants_list li a.restaurant_link {
	background-image: url(/images/aob/button_restaurantlink.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	
	display: block;
	height: 25px;
	width: 112px;

	position: absolute;
	top: 10px;
	right: 10px;	
}


ul#restaurants_list li a.restaurant_link:hover {
	background-image: url(/images/aob/button_restaurantlink.jpg);
	background-repeat: no-repeat;
	background-position: 50% -23px;
}

.restaurantmeta {
	position: absolute;
	top: 35px;
	right: 10px;
	width: 98px;
	height: 90px;
	padding: 5px;
	border: 1px solid #BFD0FF;
}

.restaurantmeta .restauranttype {
	height: 36px;
	width: 38px;
}

.restaurantmeta .restauranttype.afhaal {

}
.restaurantmeta .restauranttype.bezorg {
	position: absolute;
	right: 5px;
	top: 5px;
}

.restaurantmeta .restauranttype.afhaal.b,
.restaurantmeta .restauranttype.afhaal.t {
	background-image: url(/images/aob/restauranttype.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

.restaurantmeta .restauranttype.bezorg.b,
.restaurantmeta .restauranttype.bezorg.d {
	background-image: url(/images/aob/restauranttype.jpg);
	background-repeat: no-repeat;
	background-position: right 50%;
}

.restaurantmeta .restaurantmeta_distance{
	margin-top: 5px;
	text-align: center;
	font-size: 95%;
}


ul#restaurants_list li .restaurant_extrainfo {
	display: none;
	margin-top: 30px;
	height: 100px;
}


p.pagination {
	height: 20px;
	width: 100%;
	margin-top: 20px;
}

p.pagination span, 
p.pagination strong, 
p.pagination a {
	display: block;
	float: left;
	height: 16px;
	padding: 2px 8px;
	margin-right: 5px;
	border: 1px solid #017DC7;
}

p.pagination strong,
p.pagination a:hover {
	background-color: #DAEBF3;
}

p.pagination a {
	text-decoration: none;
}



/* Restaurant Page */


#primary.restaurants h1 {
	margin-bottom: 20px;
	color: #000;
}

div#restaurant {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 10px;
}

div#restaurantdetails {
	border: 1px solid #BFD0FF;
	background-color: #FFF;
	padding: 10px;
	padding-left: 140px;
	margin-bottom: 20px;
	position: relative;
	min-height: 100px;
	height: auto;
	_height: 100px;
	line-height: 160%;
}


div#restaurantdetails h2 {
	font-size: 120%;
	margin-bottom: 1px;
}

div#restaurantdetails h3 {
	font-size: 100%;
	font-weight: bold;
	color: #017DC7;
	margin-bottom: 9px;
}


div#restaurantdetails .restaurantlogo {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 100px;
	width: 100px;
}

div#restaurantdetails .restaurantfoto {
	position: absolute;
	top: 120px;
	left: 10px;
	height: 100px;
	width: 100px;
}

div#restaurantdetails .restaurantmeta {
	top: 10px;
}

a#map_link {
	background: #FFF url(/images/aob/button-routekaart.gif) no-repeat left top;
	display: block;
	width: 90px;
	height: 20px;
	margin-top: 10px;
	margin-left: 5px;
}

a#map_link span{
	display: none;
}



div#restaurantdetails a.moreinfo {
	display: block;
	position: absolute;
	right: 120px;
	top: 95px;
	
}

div#restaurantdetails .restaurant_extrainfo {
	margin-top: 10px;
	height: 120px;
}



/* MENU (Productlist)*/

div#menu {

}

h1#menuheader {
	background: #017DC7;
	color: #FFF;
	height: 16px;
	padding: 7px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0px;
}

p#openorder{
	background: #FFD76A url(/images/aob/information.png) no-repeat 5px 50%;
	color: #000;
	height: 16px;
	padding: 7px;
	padding-left: 30px;
	font-size: 120%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 90%;
}

div#menu h2.categorylabel {
	font-size: 110%;
	margin: 20px 0px 0px 10px;
}

div.menulabels {
	float: right;
	width: 195px;
	height: 20px;
	font-size: 80%;
	color: #C6DDEF;
	margin: 20px 0px 0px 10px;
}

div.menulabels span {
	display: block;
	float: left;
}

div.menulabels span.menulabel_orders {
	width: 60px;
}

div.menulabels span.menulabel_price {
	width: 80px;
}

div#menu ul.menucategory li {
	margin-top: 10px;
	min-height: 15px;
	height: auto;
	background-color: #FFF;
	border-bottom: 1px solid #BFD0FF;
	font-size: 89%;
	position: relative;
	zoom: 1;
	clear: both;
}
div#menu ul.menucategory li ul.productadditions {
	position: relative;
	zoom: 1;
	height: auto;
	min-height: 15px;
	clear: both;
}

div#menu ul.menucategory li li {
	min-height: 15px;
	z-index: 99;
}

div#menu ul.menucategory li div{
	border-top: 1px solid #BFD0FF;
	border-left: 1px solid #BFD0FF;
	border-right: 1px solid #BFD0FF;
	min-height: 20px;
	height: auto;
	padding-top: 5px;
}

div#menu ul.menucategory li div.product-orderform {
	display: none;
}

div#menu ul.menucategory li.ordered {
	background-color: #D7FECF;
}

div#menu ul.menucategory li.ordered div{
	border-top: 1px solid #BFD0FF;
	border-left: 1px solid #BFD0FF;
	border-right: 1px solid #BFD0FF;
}


div#menu ul.menucategory li span {
	display: block;
	float: left;
}

div#menu ul.menucategory li span.productname {
	width: 418px;
	margin-left: 10px;
}

div#menu ul.menucategory li span.productname .productdescription {
	font-size: 85%;
	color: #666;
}

div#menu ul.menucategory li span.productorders {
	width: 43px;
	margin-right: 17px;
	text-align: right;
}

div#menu ul.menucategory li span.productprice {
	width: 80px;
}

div#menu ul.menucategory li span.productadditions_link {
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 6px;
}

div#menu ul.menucategory li span.productadditions_link a {
	display: block;
	width: 14px;
	height: 14px;
	background: transparent url(/images/aob/icons.png) no-repeat -25px 1px;
	text-indent: -5000px;
}

div#menu ul.menucategory li span.productadditions_link a:hover {
	background-position: -25px -12px;
}

div#menu ul.menucategory li span.productadditions_link a.active {
	background-position: -38px 1px;
}

div#menu ul.menucategory li span.productadditions_link a.active:hover {
	background-position: -38px -12px;
}


div#menu ul.menucategory li span.product_add,
div#menu ul.menucategory li ul.productadditions li .product-addition-check a {
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 6px;
}

/*div#menu ul.menucategory li ul.productadditions span.product_add {
	width: 150px;
}*/

div#menu ul.menucategory li span.product_add a {
	display: block;
	width: 14px;
	height: 14px;
	background: transparent url(/images/aob/icons.png) no-repeat -12px 1px;
	text-indent: -5000px;
}

div#menu ul.menucategory li ul.productadditions li .product-addition-check a  {
	display: block;
	width: 14px;
	height: 14px;
	background: transparent url(/images/aob/icons.png) no-repeat -116px 1px;
	text-indent: -5000px;
}

/*div#menu ul.menucategory li ul.productadditions li .product-addition-check a:hover,*/
div#menu ul.menucategory li ul.productadditions li .product-addition-check a.active  {
	background-position: -116px -12px;
}

div#menu ul.menucategory li span.product_add a:hover,
div#menu ul.menucategory li.ordered span.product_add a {
	background-position: -12px -12px;
}


div#menu ul.menucategory li ul.productadditions li span.product_add {
	width: 215px;
	font-weight: bold;
}

div#menu ul.menucategory li ul.productadditions li span.product_add a {
	float: right;
}

div#menu ul.menucategory li.ordered ul.productadditions span.product_add a {
	background-position: -12px 1px;
}

div#menu ul.menucategory li ul.productadditions {
	border-left: 1px solid #BFD0FF;
	border-right: 1px solid #BFD0FF;
	border-top: 1px dashed #CCC;
	margin-bottom: 0px;
	display:none;
}

div#menu ul.menucategory li ul.productadditions li {
	border-bottom: none;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-top: 0px;
	position: relative;
}

div#menu ul.menucategory li ul.productadditions input.addition.select,
div#menu ul.menucategory li ul.productadditions input.addition.check {
	display: none;
}

div#menu ul.menucategory li ul.productadditions li strong,
div#menu ul.menucategory li ul.productadditions li a.option-select {
	display: block;
	float: left;
	margin-right: 10px;
	text-decoration: none;
	color: #000;
}

div#menu ul.menucategory li ul.productadditions li a.option-select {
	border: 1px solid #017DC7;
	padding: 2px;
}

div#menu ul.menucategory li ul.productadditions li a.option-select.selected {
	color: green;
	border: 1px solid green;
	background-color: #D7FECF;
}


/* Cart */

div#cart {
	display: none;
	position: absolute;
	right: 20px;
	top: 120px;
	width: 230px;
	min-height: 300px;
	height: auto;
	_height: 300px;
	background: #FFF url(/images/aob/bg_cart.png) repeat-x left top;
	border: 2px solid #EDB94C;
	padding: 10px;
	-moz-box-shadow: 0px 0px 20px #ffd76a;
	-webkit-box-shadow: 0px 0px 20px #ffd76a;
	box-shadow: 0px 0px 10px #ffd76a;
}

div#cart p.nothingordered {
	margin-top: 90px;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}

.restaurant #cart {
	display: none;
	position: relative;
	right: 0px;
	top: 0px;
	width: 230px;
	position: fixed;
	top: 170px;
	right: 0px;
}

div#cart_order .address,
div#cart .address {
	height: 80px;
}

div#cart h3 {
	font-size: 120%;
}

div#cart h3 a {
	color: #000;
	text-decoration: none;
}

div#cart_order h3#orderheader,
div#cart h3#orderheader {
	
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

div#cart_order .order,
div#cart .order {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	padding-top: 20px;
}

div#cart_order .order {
	border-top: none;
}

div#cart_order .order ul,
div#cart .order ul {
	padding-bottom: 10px;
	border-bottom: 1px solid #BBB;
}

div#cart_order .order ul {
	padding-top: 20px;
}


div#cart .order a#clearcart span {
	display: none;
}

div#cart .order a#clearcart {
	position: absolute;
	right: 10px;
	top: 90px;
	display: block;
	height: 17px;
	width: 16px;
	background: transparent url(/images/aob/icons.png) no-repeat -52px 1px;
}

div#cart .order a#clearcart:hover {
	background-position: -52px -16px;
}

div#cart_order .order li,
div#cart .order li {
	font-size: 90%;
	position: relative;
	margin-bottom: 10px;
}

div#cart_order .order li .cart-product-count,
div#cart .order li .cart-product-count {
	display: block;
	float: left;
	width: 20px;
}

div#cart_order .order .cart-product-name,
div#cart .order .cart-product-name {
	display: block;
	/*float: left;*/
	width: 150px;
	/*height: 15px;*/
	font-size: 100%;
	font-weight: bold;
}

div#cart_order .order a#clearproduct span,
div#cart .order a#clearproduct span {
	display: none;
}


div#cart_order .order a#clearproduct,
div#cart .order a#clearproduct {
	/*position: absolute;
	right: 0px;
	top: 0px;*/
	display: block;
	height: 14px;
	width: 13px;
	background: transparent url(/images/aob/icons.png) no-repeat 0px -12px;
}

div#cart_order .order a#clearproduct:hover,
div#cart .order a#clearproduct:hover {
	background-position: 0px 0px;
}


div#cart_order .order li .cart-options,
div#cart .order li .cart-options {
	display: block;
	margin-left: 20px;
}

div#cart_order .order #ordertotal,
div#cart .order #ordertotal {
	padding: 10px 0px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	font-weight: bold;
}

div#cart_order .order #ordertotal .description,
div#cart .order #ordertotal .description,
div#cart_order .deliveryamount .description,
div#cart .deliveryamount .description {
	display: block;
	float: left;
	width: 170px;
}

div#cart_order .order #ordertotal.tax,
div#cart_order .order #ordertotal.deliveryamount {
	font-weight: bold;
	color: #666;
	font-size: 90%;
}

div#cart .deliveryamount {
	margin: 5px 0px 0px 0px;
	color: #666;
	font-size: 80%;
}

div#cart div#cartorder {
	display: block;
	width: 230px;
	height: 40px;
	margin-top: 80px;
}

div#cart a#cartorder_takeaway {
	display: block;
	float: left;
	width: 110px;
	height: 40px;
	background: transparent url(/images/aob/buttons-bestellen-afhalen-110x40.gif) no-repeat -120px 0px;
	margin-right: 10px;
	text-indent: -5000px;
}

div#cart a#cartorder_delivery {
	display: block;
	float: left;
	width: 110px;
	height: 40px;
	background: transparent url(/images/aob/buttons-bestellen-afhalen-110x40.gif) no-repeat 0px 0px;
	text-indent: -5000px;
}

/* Cart Order */

div#cart_order {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 0px 0px 00px 10px;
	margin-bottom: 40px;
}


div#cart .order li {
	font-size: 90%;
	position: relative;
}

div#cart_order li .cart-product-name {
	display: block;
	float: left;
	width: 250px;
}



div.cart_order li .cart-options {
	display: block;
	margin-left: 20px;
}


.cart_order h2 {
	color:#000;
	font-size:140%;
	margin:10px 0 10px;
}

#cart_order .restaurantdetails {
	float: right;
	width: 260px;
	height: 110px;
	padding: 10px;
	background: #FFFFFF url(/images/aob/bg_cart.png) repeat-x left top;
	border-left: 1px solid #017DC7;
}


h2 span.orderform_loginlink {
	font-size: 80%;
	color: #017DC7;
}


ul#orderdata_summary {
	margin-left: 20px;
}

ul#orderdata_summary li {
	margin-bottom: 10px;
}

/* Login */

body#login {
background-color:#017DC7;
background-image: none;
}

body#login div#primary {
	margin: 20px;
	padding: 20px;
	text-align: left;
	background-color: #FFF;
	min-height: 0px;
	
}

/* Profile + Edit */

body#login div#primary.profile {
	min-height: 285px;
	height: 285px;
}

div#primary.createprofile h1,
div#primary.profile h1 {
	margin-bottom: 20px;
}

div#primary.profile dt {
	font-weight: bold;
}

div#primary.profile dd {
	margin-bottom: 10px;
}


div#profile,
div#createprofile,
div#editprofile,
div#orderhistory,
div#page {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 10px;
}


/* Form elements http://jeffhowden.com/code/css/forms/ */

form.standardform {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form.standardform fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form.standardform fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
  border: 1px solid #017DC7;
}

textarea {
  overflow: auto;
}

form.standardform div {
  clear: left;
  display: block;
  width: 354px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form.standardform fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form.standardform fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form.standardform fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form.standardform fieldset div.notes p.last {
  margin: 0em;
}

form.standardform div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form.standardform div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form.standardform div.required fieldset legend {
  font-weight: bold;
}

form.standardform div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form.standardform div.optional label, label.optional {
  font-weight: normal;
}

form.standardform div.required label, label.required {
  font-weight: bold;
}

form.standardform div label.labelCheckbox, form.standardform div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form.standardform div fieldset label.labelCheckbox, form.standardform div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form.standardform div img {
  border: 1px solid #000000;
}
/*
p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}
*/
form.standardform div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form.standardform div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form.standardform div select, form.standardform div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form.standardform div input.inputText, form.standardform div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form.standardform div input.inputFile {
  width: 211px;
}

form.standardform div select.selectOne, form.standardform div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form.standardform div input.inputCheckbox, form.standardform div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form.standardform div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form.standardform div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form.standardform div input.inputSubmit, form.standardform div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form.standardform div.submit div input.inputSubmit, form.standardform div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form.standardform div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}
