/* General */
*, body {margin:0; padding:0;}
body {font-family:arial; background: #000000;}
a {outline:none;text-decoration:underline; color:black;}
a:hover {text-decoration:underline;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
p {line-height:20px; margin-bottom:20px;}

#products p {margin-bottom:6px;}

#template-wrapper {min-width:960px; background: #000000 url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/background.png) repeat-x;}
#template-container {width:960px; background:white; margin:0 auto; position:relative; }
#template-header {width:960px; height:355px; background: white url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/header_image.jpg) no-repeat bottom left; position:relative;}
#template-header img {position:relative; left:60px;}
#template-topbar {height: 38px; background: url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/top_bar.png) repeat-x;}
.template-main {padding:10px; min-height:600px;}
#template-footer{height:21px; background: url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/bottom_bar.png) repeat-x; text-align:center; padding-top:17px;}
#template-footer a {color: white; font-size:13px;}

/* Nav */
#template-nav {width:960px; height:27px; position:absolute; bottom:1px;left:0;}
#template-nav li {float:left; padding:6px 22px 6px 22px;}
#template-nav a {color:#1F1F1F; text-decoration:none; font-size:18px; background-image: url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/nav_update.png); display:block; height:18px;}

#nav-home {width:54px;  background-position: 0 -3px;}
#nav-home:hover {background-position: 0 -21px;}
#nav-products {width:84px;  background-position: -88px -3px;}
#nav-products:hover {background-position: -88px -21px;}
#nav-order {width:109px;  background-position: -209px -3px;}
#nav-order:hover {background-position: -209px -21px;}
#nav-packaging {width:91px;  background-position: -354px -3px;}
#nav-packaging:hover {background-position: -354px -21px;}
#nav-terms {width:112px;  background-position: -481px -3px;}
#nav-terms:hover {background-position: -481px -21px;}
#nav-contact {width:65px;  background-position: -630px -3px;}
#nav-contact:hover {background-position: -630px -21px;}
#nav-sales {background-position:-730px -3px; width:67px;}
#nav-sales:hover {background-position:-730px -21px;}
#template-nav a:hover {color:red;}
#template-shadow {background:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/box_shadow.png) repeat-y center; min-width:960px;}

.content-box { float:left; margin-bottom:10px;}
.content-box h2 {background:transparent url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/content_box_top.png) repeat-x; color:white; font-size:17px; font-weight:normal; height:35px; line-height:35px; padding-left:10px;}
.content-box h3 {font-size:15px;}
.content-box p {font-size:15px;}
.content-box .inner-box {border-left:2px solid #ABABAB; border-right: 2px solid #ABABAB; border-bottom: 2px solid #ABABAB; padding:5px; position:relative;}


.product-row {height:50px; padding:4px 20px;}
.product-row.even {background: #dddddd;}
.product-image {height:50px; float:left; width:50px;}
.product-image div {display:table-cell; height:50px; width:50px; vertical-align:middle; text-align:center;}
.product-number {height:50px; float:left; width:80px; line-height:50px; padding-left:20px;}
.product-name {float:left; width:400px; line-height:50px; padding-left:20px;}
.product-ui {float:right; position:relative; top:13px;}
.product-ui input {float:left; height:17px; margin:0 5px; padding:2px; width:28px;}
.product-ui-minus {display:block; float:left;  width:25px; height:24px; background-image:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/add_subtract_grid.png);background-position:0 0;}
.product-ui-minus:hover {background-position:0 -25px;}
.product-ui-plus {display:block; float:left;  width:25px; height:24px; background-image:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/add_subtract_grid.png); background-position:-75px 0;}
.product-ui-plus:hover {background-position:-75px -25px;}
.product-price {float:right; line-height:50px; width:100px; margin-left:40px;}

.category-bar {height: 37px; padding-left:10px; line-height:37px; background:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/product_page_list_normalstate.png) repeat-x; cursor:pointer;}
.category-bar:hover {background:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/product_page_list_mouseover.png) repeat-x;}
.category-bar.active {background:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/product_page_list_mouseover.png) repeat-x;}
.category-name {color:white; float:left;}
.category-image {float:right; width:30px; height:30px; margin-right:6px; margin-top:4px; background-image: url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/product_page_list_icons.png);}
.category {background:white;}

.categories li.first{height:37px; background:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/product_page_list_top_bar.png) repeat-x; display:block;}
.categories li.first h2 {font-weight:normal; color:white; line-height:35px; padding-left:8px; font-size:20px; float:left;}
.categories li.last{height:37px; background:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/product_page_list_bottom_bar.png) repeat-x; display:block;}
.categories li.last a {display:block; text-decoration:none; background:red; width:140px; height:20px; color:white; line-height:20px; border:1px solid red; text-align:center; float:right; margin-right:8px; margin-top:8px;}
.categories li.last a:hover {text-decoration:none; border: 1px solid white;}

#search-ui {float:right; padding:6px 10px;}
#search-ui label {color:white; float:left;margin-right:8px; line-height:22px;}
#search-ui input {float:left; margin-right:8px; padding:2px; width:180px;}
#search-ui a {display:block; background:red; width:50px; height:20px; color:white; line-height:20px; border:1px solid red; text-align:center; float:left; text-decoration:none;}
#search-ui a:hover {text-decoration:none; border: 1px solid white;}



.popup {position:absolute; border:1px solid black; background:white; width:640px; top:180px; left: 159px; z-index:10;}
.popup-image {margin-top:20px; float:left; width:200px; margin-left:10px; margin-right:20px; height:200px;}
.popup dl {width: 380px; float:left; margin-top:20px;}
.popup dt {width:120px; float:left; margin-bottom:8px;}
.popup dd {width:260px; float:left; margin-bottom:8px;}
.popup h2 {background:red; color:white; text-align:center; font-weight:normal; font-size:18px; line-height:30px;}
.popup .close {position:absolute; left:0; bottom:0; display:block; background:black; color:white; text-align:center; line-height:24px; width:100%;}
.popup ul {height:568px; overflow:auto; padding:4px 20px;}
.popup li {padding:4px;}


.coverall {position:absolute;top:0;left:0;background:black;z-index:5; width:100%; min-width:960px;}

.date-field {padding:2px;}

.form label {display:block; float:left; margin-right:15px; width:140px; margin-bottom:4px; clear:left;}
.form input {width:206px; padding:2px; margin-bottom:4px; float:left; margin-right:2px;}
.form .text {border:1px solid #808080;}
.form select {width:213px; padding:2px; margin-bottom:4px; float:left;border:1px solid #808080;}
.form .button {width:90px; float:left;}

#form-primary {width:390px; margin-right:30px; float:left;}
#form-secondary {width:390px; float:left;}

#form-contact {float:left; width:500px; margin-left:20px;}

#order #topbox {background: url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/uwbestelling_top_box.png) no-repeat top left; height: 86px; position:relative;}
#order #topbox h2 {color:white; font-size:17px; font-weight:normal; left:0; line-height:28px; padding-left:15px; position:absolute; top:0; z-index:2;}
#order #topbox h3 {background:transparent url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/uwbestelling_top_box_extension.png) repeat-x scroll 0 -15px; bottom:0; color:white; font-size:17px; font-weight:normal; height:45px; left:0; padding-left:15px; padding-top:26px; position:absolute; width:925px; z-index:1;}

.box-title {background:transparent url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/uwbestelling_standard_box_bottom.png) repeat-x scroll 0 0; color:white; font-size:17px; font-weight:normal; line-height:38px; padding-left:15px;} 
.box-body  {border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; padding:10px; margin-bottom:4px;}


#order #basket-list {border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; padding:10px; margin-bottom:4px;}
#order #form-dates {border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; padding:10px; margin-bottom:4px;}
#order #form-order {border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; padding:10px; margin-bottom:4px;}

#order h4 {margin-bottom:4px;}
.search-selected {background:yellow!important;}


.picture-frame {width:200px; height:200px;margin:auto; overflow:hidden;  position:relative;}
.picture-frame img {position:relative; cursor:pointer;}

.home-category {height:258px; overflow:hidden; margin-bottom:19px; position:relative;}
.home-category ul {position:relative;}
.home-category ul li {margin-bottom:4px; height:50px;}
.home-category .image {height:50px; width:50px; float:left; margin-right:5px;}
.home-category .title {height:50px; width:240px; float:left; font-size:15px;}

.veralign50 {display:table-cell; vertical-align:middle; height:50px;}
.veralign200 {display:table-cell; vertical-align:middle; height:200px;}

#conditions p {font-size:12px;}
#button-go {border:1px solid white; color:white; padding:2px; text-decoration:none;}
#button-down {display:block; background-image:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/arrows_grid.png); height:16px; width:36px;
	background-position:0 -19px; bottom:2px; position:absolute; left:160px;}
#button-down:hover {background-position:-34px -19px;}
#button-up {display:block; background-image:url(http://pmd.main.s3.amazonaws.com/clients/butlerverhuur/arrows_grid.png);height:16px; width:36px; position:absolute; bottom: 2px; left: 120px;}
#button-up:hover {background-position:-34px 0;}


ol.list {margin-bottom:20px; position:relative; top:-5px;}
ol.list li {list-style:decimal; margin-left:30px; margin-bottom:4px;}
ul.list {margin-bottom:20px; position:relative; top:-5px;}
ul.list li {list-style:square; margin-left:20px; margin-bottom:4px;}

.img {width:200px; height:200px; text-align:center; position:relative; cursor:pointer;}