﻿/* Messages */
.message {margin-bottom:10px; font-size:85%; border:solid 1px #aaa; color: #fff;}
.message ul {margin-left:50px; margin-right:10px; margin-top:0; margin-bottom:10px; padding:0px;}
.message p {margin-left:30px; padding:5px 10px 5px 5px;}
.info {background:url(images/flash_information.png) no-repeat; background-color:#444;}
.information {background:url(images/flash_information.png) no-repeat; background-color:#fff;}
.error {background:url(images/flash_error.png) no-repeat; background-color:#444;}
.validation {background:url(images/flash_warning.png) no-repeat; background-color:#444;}
.tip {background:url(images/flash_tip.gif) no-repeat; background-color:#444;}

/* Pagination */
.pagination {position: relative}
.pagination ul {position: absolute; right:0; top:0;}
.pagination li {display:inline;}
.pagination table a {color:#fff;}

/* Products */
.product {border: solid 1px #444;}
.product h2 {margin: 0; font-size: 100%;color: #fff;}
.product h2 a { color: #fff; }
.product a { text-decoration: underline; }
.product .title {margin-bottom: 5px; height:30px; background-color: #444; padding: 5px; width:auto; }
.product .title h1, .product .title h1 a {color: #fff;}
.product .content { overflow:hidden; width:100%; padding-bottom: 10px; min-height: 155px; padding: 5px;}
.product .content .image {padding: 5px; float:left; border: solid 1px #ccc; margin-right:5px; }

.product .content .price { margin-left: 160px; } 
.product .content .price h2 { color: #000;  }
.product .incvat {color:#090; font-weight:bold;}
.product .exvat {color:#AAA; font-weight:bold;}
.product .small {font-size:80%;}
.product .quantity {width:25px; margin: 5px 5px 5px 0;}
.product .description .header {text-indent: 5px; line-height: 25px; background-color: #444; color: #fff; }
.product .description .body { margin: 0; padding: 5px; }
.product .description li { list-style-type: disc; list-style-position: inside;}
.product .description p { margin-top: 10px; }

/* Collapsable Menu */
.makemenu a { color: #000; display: block; padding: 0; margin: 0;}
.makemenu li {line-height: 30px; font-size: 90%; list-style-position: outside;}
/* Unexpanded root elements (with and without children) */
.makemenu li a { background-image: url(images/buttons.png); background-position: -360px -410px; background-repeat: no-repeat; text-align: center; color:#fff; }
.makemenu li a:focus {background-position: -360px -410px;}
.makemenu li.expandable a { background-position: -360px -410px; color:#fff;}
/* Expanded root element */
.makemenu li.collapsable a {background-position: -360px -440px; text-align: center;}
.makemenu li.collapsable a.selected {background-position: -360px -440px; text-align: center;}
/* Expanded sub element */
.makemenu li.collapsable ul li a {background-position: -360px -470px;}
.makemenu li.collapsable ul li a.selected {background-position: -360px -470px; }
.makemenu li.collapsable ul li a:hover {background-position: -360px -500px; }
/* Expanded last sub element */
.makemenu li.collapsable ul li.last a {background-position: -360px -530px; }
.makemenu li.collapsable ul li.last a.selected {background-position: -360px -530px; }

/* Bread Crumb */
.bread_crumb { margin-bottom: 10px; }
.bread_crumb a { color: #abff47; }
.bread_crumb {min-width:500px; text-indent: 10px; color: #fff; height: 30px; line-height: 30px; background: url(images/buttons.png) repeat-x 0px -320px; }
.bread_crumb .left_corner {float:left; height: 30px; min-width: 30px; background: url(images/buttons.png) no-repeat 0px -350px; }
.bread_crumb .right_corner {float:right; height: 30px; width: 20px; background: url(images/buttons.png) repeat-x -780px -350px; }

#quantity_break_table { margin-top: 5px; }

#group_option .option_content { overflow: hidden; width: 100%; }
#group_option .option_content .option_image { float: left; padding: 3px; border: solid 1px #ccc; margin-right: 5px;}
#group_option .option_content .option_content { margin-left: 160px; }
