/*Template Layout*/
body {
    font: 12px tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    color: #241a10;
    background:#000000 url("http://www.artimar-chocolaterie.be/images/page_bg.gif");
}

a, a:link, a:active, a:visited {
    color: #605646;
}
a:hover {
    text-decoration:none;
}
#page_bg {
    background:url("http://www.artimar-chocolaterie.be/images/ribbon.gif") no-repeat center 211px;
}
#container {
    width:850px;
    margin: 40px auto;
    padding:0px;
}
#header {
    /*height: 88px;*/
    padding: 0px;
    background-image:url("http://www.artimar-chocolaterie.be/images/header_bg.jpg");
    background-position:top;
    background-repeat:no-repeat;
}
#header_logo {
    height: 56px;
    width: 322px;
    float:left;
    margin:20px 0px 0px 15px;
}
#header_slogan {
    width:213px;
    height:40px;
    float:right;
    margin:25px 25px 0px 0px;
}
#mainContent {
    padding:0px;
    background:#f2ede7 url("http://www.artimar-chocolaterie.be/images/body_top_shadow.jpg");
    background-repeat:repeat-x;
    background-position:top;
    min-height:400px;
}
#left_side {
    width:142px;
    float:left;
    margin-left:6px;
}
#right_side {
    width:666px;
    float:right;
    margin-right:15px;
    margin-top:10px;
    padding-bottom:30px;
}
.inner_right {
    width:145px;
    padding:4px 0 0 0px;
}
#footer {
    padding: 10px;
    height:15px;
    margin:0px auto;
    clear:both;
    font-size:10px;
    color:#7e6f4e;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer a, #footer a:link, #footer a:visited {
    color: #7e6f4e;
    text-decoration:none;
}
#footer a:hover {
    color: #FFFFFF;
    text-decoration:underline;
}
#footer a:active {
    color: #f8e6e6;
    text-decoration:none;
}

/*-- navigation--*/
#menu_container {
    height:44px;
}
ul#navigation {
    float:right;
    position:relative;
    z-index:30;
    margin-top:2px;
    margin-right:117px; /* Change this value to move the menu left / right */
    margin-bottom:0;
    margin-left:0;
    padding:0;
}
ul#navigation li {
    float:left;
    list-style:none;
    display:inline;
    margin:0 0 0 0px;
    padding:0;
}
ul#navigation li a, ul#navigation li a:link, ul#navigation li a:visited {
    float:left;
    color:#241a10;
    padding:12px 16px;
    display:block;
    text-decoration:none;
    font:13px tahoma, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    border-right:1px solid #ba8f4d;
}
ul#navigation li.last a, ul#navigation li.last a:link, ul#navigation li.last a:visited {
    border-right:0;
}
ul#navigation li.current a, ul#navigation li.hover a, ul#navigation li:hover a, ul#navigation a.active, ul#navigation a:hover {
    color:#FFFFFF;
    background-color:#ba8f4d;
}

/*--second-level--*/
ul#navigation li.hover, ul#navigation li:hover {
    position:relative;
}
ul#navigation li.hover ul.second-level, ul#navigation li:hover ul.second-level {
    display:block;
}
ul#navigation ul.second-level {
    position:absolute;
    top:40px;
    left:-1px;
    margin:0;
    padding:0;
    width:160px;
    display:none;
    background-color:#ba8f4d;
}
ul#navigation ul.second-level li {
    width:160px;
    margin:0;
}
ul#navigation ul.second-level a, ul#navigation ul.second-level a:link, ul#navigation ul.second-level a:visited {
    display:block;
    float:none;
    width:140px;
    border-top: 1px solid #926d3d;
    border-right:0;
    padding:4px 10px;
    background:none;
    font:12px/20px tahoma, Arial, Helvetica, sans-serif;
    color:#241a10;
}
ul#navigation ul.second-level li.hover a, ul#navigation ul.second-level li:hover a, ul#navigation ul.second-level a:hover {
    color:#FFFFFF;
    background:#926d3d;
}
/*end menu*/

/*Tag Menu*/
.tag {
    background-image:url("http://www.artimar-chocolaterie.be/images/tag_bottom.png");
    background-repeat:no-repeat;
    background-position:0px bottom;
    width:148px;
    margin-bottom:20px;
}
.tag p {
    padding:0px 5px;
}
.tag ul {
    padding:0 0 13px 0;
    margin:0px;
}
.tag li {
    list-style:none;
    padding:0 0 0 15px;
    margin:0px 0px 0px 8px; /* used to center the menu on its bg image */
    line-height:22px;
    background:url("http://www.artimar-chocolaterie.be/images/tag_line.gif") no-repeat 0 bottom;
}
.tag a, .tag a:link, .tag a:visited {
    background-image:url("http://www.artimar-chocolaterie.be/images/tag_icon.gif");
    background-position:left;
    background-repeat:no-repeat;
    display:block;
    padding:0px 0 2px 15px;
    color:#644d38;
    text-decoration:none;
    font-family:Tahoma, Arial;
    font-size:12px;
}
.tag a:hover {
    text-decoration:underline;
    color:#605646;
}

/*Search Box on menu*/
#search_box {
    width:142px;
    height:30px;
    margin:0 0 16px 3px;
}
#search_box input {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#605646;
}
#search_box p {
    padding:0px 5px;
}
#search_box_inner {
    margin-left:0px;
    padding:0px;
    width:105px;
    height:21px;
    float:left;
}
#search_query {
    border:0px;
    padding:3px 0px 0px 6px;
    margin:0px 0px 0px 5px;
    background-image:url("http://www.artimar-chocolaterie.be/images/search.gif");
    background-repeat:no-repeat;
    background-position:left;
    width:105px;
    height:20px;
}
#search_box_go {
    float:left;
    padding-top:0px;
}

/*Shopping Cart On the Menu*/
#shopping_cart_summary {
    background:url("http://www.artimar-chocolaterie.be/images/we_accept.gif") no-repeat;
    width:142px;
    height:71px;
    color:#8f6637;
    padding:24px 0 0 0;
    font-family:Tahoma, Arial;
    font-size:12px;
    margin:0 0 0 4px;
}
#shopping_cart_summary div {
    text-align:center;
}
#shopping_cart_summary a, #shopping_cart_summary a:link, #shopping_cart_summary a:visited {
    color:#8f6637;
    text-decoration:none;
}
#shopping_cart_summary a:hover {
    color:#8f6637;
    text-decoration:underline;
}

/*General Content*/
h1 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    color:#241a10;
    font-weight:normal;
}
h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #936a39;
    text-decoration: underline;
    font-weight: bold;
}
h3 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:14px;
    color:#634f34;
}
h4 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    color:#634f34;
}
form {
    margin:0px;
    padding:0px;
}
.image_border {
    border: 1px solid #dfd0be;
    margin: 3px 10px;
    padding: 3px;
}
hr {
    border: 0;
    color: #dfd0be;
    background-color: #dfd0be;
    height: 1px;
    width: 100%;
    text-align: left;
    clear:both;
}
hr.clear {
    margin-top:10px;
    margin:0px;
    clear:both;
    visibility:hidden;
}

/* font sizes */
.size9 {
    font-size:9px;
}
.size10 {
    font-size:10px;
}
.size11 {
    font-size:11px;
}
.size12 {
    font-size:12px;
}
.size14 {
    font-size:14px;
}
.size20 {
    font-size:20px;
}
.size22 {
    font-size:22px;
}

/*HOME PAGE*/
.slide {
    width:666px;
    height:226px;
}
ul.ticklist {
    padding:0px 0px 0px 15px; /*indent whole list*/
}
ul.ticklist li {
    list-style:none;
    background-image:url("http://www.artimar-chocolaterie.be/images/icon_tick.gif");
    background-position:left 3px; /*the number here moves the tick down*/
    background-repeat:no-repeat;
    margin:0px 0px 5px 0px;
    padding:0px;
    padding-left:20px;
    line-height:normal;
}

/*About Page*/
.service_table td {
    padding:3px 8px;
    color:#624f34;
    font-size:12px;
    height:28px;
}
th { /*top row of the table*/
    background-color:#dfd0be;
    color:#FFFFFF;
    font-weight:bold;
    border-bottom:1px solid #ffffff;
    height:28px;
}
.row1 {
    background-color:#f7f3ed;
}
.row2 {
    background-color:#FFFFFF;
}

/*SHOP*/
.product_box {
    width:140px;
    min-height:160px;
    float:left;
    background-color:#FFFFFF;
    border:1px solid #e2dacf;
    padding:4px;
    margin:0px 9px 9px 7px;
    text-align:center;
}
.product_box p {
    font-family:Tahoma, Arial;
    font-size:13px;
    margin:0px;
    padding:0px 0px 5px 0px;
}
.product_box .productname {
    font-weight:bold;
    font-family:Tahoma, Arial;
    font-size:13px;
    margin:0px;
    padding:0px 0px 5px 0px;
}
.product_box .productprice {
    font-family:Tahoma, Arial;
    font-size:15px;
    margin:0px;
    padding:0px 0px 5px 0px;
}

/*Contact Page*/
.left_details {
    float:left;
    /*width:240px;*/
    width:100%;
}
.photo_contact {
    width:357px;
    height:225px;
    float:right;
}
.contact_title {
    color:#936a39;
    font-weight:bold;
    float:left;
    width:70px;
}
.contact_detail {
    float:left;
    width:170px;
    clear:right;
}
.forms {
    background-color:#FFFFFF !important; /*the important gets rid of the yellow google toolbar field style*/
    border:1px solid #dfd0be !important;
    margin:3px 0px;
    padding:4px;
}
.brown {
    color:#936a39;
}
#contact {
    border:0;
    width:480px;
}
#contact label {
    float:left;
    width:140px;
    margin-right:15px;
    clear:left;
    color:#936a39;
    font-weight:bold;
    text-align:right;
    /*height:32px;*/
    margin-top:5px;
}
#contact input, 
#contact textarea {
    /*margin-right:20px;*/
}
#contact #submit {
    clear:left;
    margin-left:95px;
}


/* ********************************************** */
/* CUSTOM CSS */
/* ********************************************** */

#contact input required, #contact input error {
    border: 1px solid red;
}

.slider-mini-banner {
    margin-top: -25px;
    margin-left: 5px;
    margin-bottom: 35px;
}

.post {
    clear: both;
    padding-top: 10px;
    width: auto;
    border-bottom: solid 1px #631714;
    margin-bottom: 10px;
}
.post .date {
    float: left;
    width: 70px;
    border-right: 1px solid #631714;
    margin: 10px 20px 0px 0px;
    font-weight: bold;
    color: #ba8f4d
}
.date .month {
    letter-spacing: 14px;
    padding-left: 6px;
    font-variant: small-caps;
}
.post .date .day {
    display: block;
    font-size: 50px;
    padding: 16px 0;
}
.date .year {
    letter-spacing: 8px;
    padding-left: 5px;
}
.post-content {
    float: right;
    width: 575px;
}
.post-content h3 {
    font-size: 22px;
    line-height: 36px;
    margin: 3px;
    padding: 0px 0px 10px 0px;
    color: #ba8f4d;
}
.blog_image {
    border: 1px solid #631714;
    margin: 5px 0px 5px 10px;
    padding: 3px;
    float: right;
}
.post-content .short {
    font-size: 13px;
    line-height: 18px;
}
.tags {
    font-size: 11px;
    border-top: dashed 1px #631714;
    border-bottom: dashed 1px #631714;
    margin: 5px 0px;
}
p .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.bannerimg {
    border: 1px solid #631714;
    padding: 2px;
}

.photo_contact {
    width:357px;
    height:225px;
    float:right;
    margin-top:-435px;
}

.attention {
    border: 1px solid red !important;
}

.clientmenu {
    background-image:url("http://www.artimar-chocolaterie.be/images/tag_bottom_clientmenu.png");
    background-repeat:no-repeat;
    background-position:0px bottom;
    width:148px;
    margin-bottom:20px;
    color:#8f6637;
    font-family:Tahoma, Arial;
    font-size:11px;
}
.clientmenu p {
    padding:0px 5px;
}
.clientmenu ul {
    padding:0 0 13px 0;
    margin:0px;
}
.clientmenu li {
    list-style:none;
    padding:0 0 0 15px;
    margin:0px 0px 0px 8px; /* used to center the menu on its bg image */
    line-height:22px;
    background:url("http://www.artimar-chocolaterie.be/images/tag_line.gif") no-repeat 0 bottom;
}
.clientmenu a, .clientmenu a:link, .clientmenu a:visited {
    background-image:url("http://www.artimar-chocolaterie.be/images/tag_icon.gif");
    background-position:left;
    background-repeat:no-repeat;
    display:block;
    padding:0px 0 2px 15px;
    color:#644d38;
    text-decoration:none;
    font-family:Tahoma, Arial;
    font-size:12px;
}
.clientmenu a:hover {
    text-decoration:underline;
    color:#605646;
}


.allergiemenu {
    background-image:url("http://www.artimar-chocolaterie.be/images/tag_bottom_allergiemenu.png");
    background-repeat:no-repeat;
    background-position:0px bottom;
    width:148px;
    margin-bottom:20px;
    color:#8f6637;
    font-family:Tahoma, Arial;
    font-size:11px;
}
.allergiemenu p {
    padding:0px 5px;
}
.allergiemenu ul {
    padding:0 0 13px 0;
    margin:0px;
}
.allergiemenu li {
    list-style:none;
    padding:0 0 0 10px;
    margin:0px 0px 0px 8px; /* used to center the menu on its bg image */
    line-height:40px;
    background:url("http://www.artimar-chocolaterie.be/images/tag_line.gif") no-repeat 0 bottom;
}
.allergiemenu a, .allergiemenu a:link, .allergiemenu a:visited {
    display:block;
    color:#644d38;
    text-decoration:none;
    font-family:Tahoma, Arial;
    font-size:12px;
    cursor: help;
}
.allergiemenu a:hover {
    text-decoration:underline;
    color:#605646;
}
div.allergiemenu ul li img {
    max-width: 40px;
    float: left;
    padding-right: 5px;
}

.product_box .product_image {
    max-width: 100%;
    max-height: 100px;
}
.product_box .product_image_p {
    height:93px;
    overflow:hidden;
}
.photo_product {
    float:right;
    padding-bottom:20px;
    padding-right:20px;
}

img.allergieicon {
    display: none;
    max-width: 30px;
}
img.allergieimage {
    max-width: 50px;
}
div.allergies {
    float: left;
    position: absolute;
    background: rgba(255,255,255,0.5);
    width: 100%;
    max-width: 140px;
}

.photo_product_details {
    border: 1px solid #631714;
    padding: 2px;
    width: 250px;
}

.product_details {
    float:left;
    width:350px;
}
.view-cart{
    width: 95%;
    float:left;
    background: rgba(186,143,93,0.5);
    padding: 10px;	
    border: 1px solid #DDD;
    border-radius: 5px;
}
.view-cart .p-price{
    float: right;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
}
.view-cart .product-info{
    width:60%;
}

.shopping-cart{
    width: 30%;
    float:left;
    background: #F0F0F0;
    padding: 10px;	
    border: 1px solid #DDD;
    border-radius: 5px;

}
.shopping-cart h2 {
    background: #E2E2E2;
    padding: 4px;
    font-size: 14px;
    margin: -10px -10px 5px;
    color: #707070;
}

.shopping-cart h3,.view-cart h3 {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    text-decoration: underline;
}
.shopping-cart ol{
    padding: 1px 0px 0px 15px;
}
.shopping-cart .cart-itm, .view-cart .cart-itm{
    border-bottom: 1px solid #DDD;
    font-size: 11px;
    font-family: arial;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.shopping-cart .remove-itm, .view-cart .remove-itm{
    font-size: 14px;
    float: right;
    background: #D5D5D5;
    padding: 4px;
    line-height: 8px;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.shopping-cart .remove-itm:hover, .view-cart .remove-itm:hover{
    background: #C4C4C4;
}
.shopping-cart .remove-itm a, .view-cart .remove-itm a{
    color: #888;
    text-shadow: 1px 1px 1px #ECECEC;
    text-decoration:none;
}

.check-out-txt{
    float:right;
}

.orderstable {
    width: 100% !important;
    border-collapse: collapse !important;
}
.orderstable thead {
    border-bottom: 1px solid #ddd;
}
.orderstable th {
    background: inherit;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    color: #634f34;
    border-bottom: none;
}
.orderstable tfoot {
    border-top: 1px solid #ddd;
}


#map_canvas {
    width:633px;
    height:225px;
}


.loadingmodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        50% 50% 
        no-repeat;
}
body.loading {
    overflow: hidden;   
}
body.loading .loadingmodal {
    display: block;
}

div.slider-big-banner {
    margin-right: 11px;
    float: left;
}
div.slider-big-banner:last-child {
    margin-right: 0px;
    float: left;
}


/* Product Fiche */
.productfiche_details .contact_title {
    color:#936a39;
    font-weight:bold;
    float:left;
    width:90%;
}

/* shopping */
#frmOrder span {
    color: #936a39;
    font-weight: bold;
}
#frmOrder input {
    width: 50%;
}

/* cpanel */

.tablebutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ba8f4d), color-stop(1, #ba8f4d));
    background: -moz-linear-gradient(top, #ba8f4d 5%, #ba8f4d 100%);
    background: -webkit-linear-gradient(top, #ba8f4d 5%, #ba8f4d 100%);
    background: -o-linear-gradient(top, #ba8f4d 5%, #ba8f4d 100%);
    background: -ms-linear-gradient(top, #ba8f4d 5%, #ba8f4d 100%);
    background: linear-gradient(to bottom, #ba8f4d 5%, #ba8f4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba8f4d', endColorstr='#ba8f4d',GradientType=0);
    background-color: #7d5d3b;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    border: 1px solid #54381e;
    display: inline-block;
    cursor: pointer;
    color: #54381e !important;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    margin-left: 10px;
}

.hidden {
    display: none;
}

.notification {
    width: 97%;
    background: rgba(186,143,93,0.5);
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 5px;
}

.notification.error {
    width: 75%;
    background: rgba(187, 59, 59, 0.5);
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 5px;
}

.notification.warning {
    width: 75%;
    background: rgba(255, 140, 0, 0.5);
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 5px;
}

.notification.success {
    width: 75%;
    background: rgba(0, 100, 0, 0.5);
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 5px;
}

div.data_block {
    border: 1px solid #54381e;
    padding: 10px;
}

.radio-wrap {
    height:30px;
    position:relative;
    float:left;
    display:inline-block;
    margin-bottom:20px;
    width:100%;
}
.radio-wrap.half {width:50%;}
.radio-wrap.third {width:33.3%;}

input.custom-radio {
    position:absolute; 
    clip: rect(0,0,0,0);
}

input.custom-radio ~  label{ 
    display:inline-block;
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:1px solid #54381e;
    background-image:-moz-linear-gradient(top,#fefefe, #e1e1e1);
    background-image:-webkit-linear-gradient(top, #fefefe, #e1e1e1);
    text-align:center;
    line-height:28px;
    cursor:pointer;
    color: #54381e;
    text-shadow:0 1px 0 #fff;
}

input.custom-radio ~ label[for=register] {
    border-left:none;
    border-top-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
}
input.custom-radio ~ label[for=login] {
    border-top-left-radius:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
}
#loginbutton {
    border-top-left-radius:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #54381e;
    background-image: -moz-linear-gradient(top,#fefefe, #e1e1e1);
    background-image: -webkit-linear-gradient(top, #fefefe, #e1e1e1);
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    color: #54381e;
    text-shadow: 0 1px 0 #fff;
}

input.custom-radio:checked ~ label { 
    background-image:-moz-linear-gradient(top,#ba8f4d, #ba8f4d);
    background-image:-webkit-linear-gradient(top,#ba8f4d, #ba8f4d);
    box-shadow:0 1px 2px  rgba(0,0,0,.2) inset;
    color: white;
    text-shadow:0 0 2px #fff; 
}

input.custom-radio:checked ~ label[for=register] {
    border-left-color:#fff;
}
input.custom-radio:checked ~ label[for=login] {
    border-right-color:#54381e;
}

#errormessage,
#errormessage2{
    color: red;
    font-weight: bold;
}