@charset "utf-8";
/**FONTS**/

/*************/

/*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, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } .clr { clear: both; height: 0px; } body { font:13px arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; *font-size:small; *font:x-small; line-height:1.22; } table { font-size:inherit; font:100%; } select, input, textarea { font:99% arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; } code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; } body, select, input, textarea { color:#444; } h1,h2,h3,h4,h5,h6 { font-weight: normal; text-rendering: optimizeLegibility; } html { -webkit-font-smoothing: antialiased; } a:active { outline: none; } a:focus { outline: none; border: none; } a, a:active, a:visited { color:#555555; text-decoration: underline; }  ol { list-style-type: decimal; } small { font-size:85%; } strong, th { font-weight: bold; } td, td img { vertical-align:top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } ::-moz-selection{ background: #999999; color:#fff; text-shadow: none; } ::selection { background:#999999; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #FF5E99; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } .ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; } .hidden { display:none; visibility:hidden; } .visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .invisible { visibility: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .clr {clear: both;}a img, a.cboxElement, .gallery a {text-decoration: none;}

/*For iOS*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{-webkit-text-size-adjust:none; }
/****************/

body{font-family: Arial, Helvetica, sans-serif;}
p {color: #787a6d;font-family: Arial, Helvetica, sans-serif;}

.text_field {background: #e6e6e6;border: 1px solid #d6d6d6;height: 25px;width: 164px;margin: 10px 0 0px 0;font-style: italic;}

.dotted_line{background: url('../image/dotted_line.png') repeat-x;height: 7px;width: 568px;margin-top: 10px;}
.alignleft{float: left;margin: 0 10px 10px 0;}
.alignright {float: right;margin-right: 25px;margin-top: 10px;}

/*HEADER*/
.header{height: 190px;width: 100%;background-color: lightblue;position: relative;background: url('../image/header_bg_2.jpg') center center;}
.header_images{height: 150px;width: 878px;margin: 0 auto;position: relative;}

.menu{height: 45px;background-color: #694c87;position: absolute;width: 100%;bottom: 25px;}
.menu_list{background-color: #694c87;width: 879px;height: 45px;margin: 0 auto;position: relative;}
.menu_list ul {padding-top: 15px;}
.menu_list a {float: left;margin-left: 16px;color: white;font-size: 15px;font-family: Georgia, serif;text-decoration: none;}

/*BODY*/
.body_content{/*height: 790px;*/width: 879px;margin: 0 auto;position: relative;top: -15px;}

/*blog*/
.blog_thumb{float: left;width: 200px; height: 200px;padding-right: 15px;}
.blog_excerpt{min-height: 200px;}
.blog_content_container{min-height: 470px;}
.blog_post{margin-top: 20px;}
.blog_post h3 {color: #728e65; font-size: 20px;margin-top: 10px;margin-bottom: 10px;}
.blog_post p {font-size: 14px; margin: 10px 0; font-family: "Trebuchet MS", Helvetica, sans-serif;color: #787a6d;}
.blog_full{float: right;}

/*cart*/
.cart{float: right; color: #694c87;}

.scroller_item{}
.featured_box_1{height: 279px; }
.featured_box_2{height: 279px; }
.featured_box_3{height: 279px; }
.featured_box_4{height: 279px; }

.featured_box_left{height: 279px; background: url('../image/top_cookery_classes.jpg') no-repeat;background-color: #9f547f;width: 415px;position: relative;}
.featured_box_left a {position: absolute;bottom: 30px;right: 40px;}

/*Drop down menus*/
.main_menu li .sub-menu {background: #694c87;left: 350px;margin: 0px;padding: 0px;position: absolute;top: 40px;width: 220px;display: none;}
.main_menu li .sub-menu li {display: block; padding: 10px 9px;}
.main_menu li .sub-menu li:first-child {border-top:0px;}
.main_menu li .sub-menu li a {color: #FFF; white-space: nowrap; display: block; float: none;}
.main_menu li .sub-menu li a:hover {color:#a47834 !important;}


/*PAGE CONTENT*/
.page_content {width: 590px;/*height: 475px;*/float: left;margin-top: 15px;position: relative;}
.page_content h1 {color: #728e65; font-size: 22px;margin-top: 10px;font-weight: bold;margin-bottom: 10px;}
.page_content h2 {color: #728e65; font-size: 19px;margin-top: 10px;font-weight: bold;margin-bottom: 10px;}
.page_content h3 {color: #728e65; font-size: 20px;margin-top: 10px;margin-bottom: 10px;}
.page_content p {font-size: 14px;font-family: "Trebuchet MS", Helvetica, sans-serif;}

.page_content li {font-size: 14px;font-family: "Trebuchet MS", Helvetica, sans-serif;margin-left: 20px;color: #787a6d;}

.sidebar{height: 511px;width: 286px;float: right;margin-top: 15px;position: relative;}

.sidebar_top{background: url('../image/sidebar_top.png') no-repeat;width: 276px;height: 226px;float: right;position: relative;}
.sidebar_top a {position: absolute;bottom: 25px;right: 25px;}

.sidebar_top_about {background: url('../image/sidebar_kids.jpg') no-repeat;width: 276px;height: 226px;float: right;position: relative;}
.sidebar_top_about a {position: absolute;bottom: 25px;right: 25px;}

.sidebar_top_kids {background: url('../image/make_chocolate.png') no-repeat;width: 276px;height: 226px;float: right;position: relative;}
.sidebar_top_kids a {position: absolute;bottom: 25px;right: 25px;}

.sidebar_top_hen {background: url('../image/sidebar-hen.png') no-repeat;width: 276px;height: 226px;float: right;position: relative;}
.sidebar_top_hen a {position: absolute;bottom: 25px;right: 25px;}

.sidebar_top_testimonials {background: url('../image/sidebar_hen.png') no-repeat;width: 276px;height: 226px;float: right;position: relative;}
.sidebar_top_testimonials a {position: absolute;bottom: 25px;right: 25px;}

.sidebar_top_contact {background: url('../image/become_chocolatier.png') no-repeat;width: 276px;height: 226px;float: right;position: relative;}
.sidebar_top_contact a {position: absolute;bottom: 25px;right: 25px;}

.sidebar_top_order {background: url('../image/sidebar_made_to_order.png') no-repeat;width: 276px;height: 305px;float: right;position: relative;}
.sidebar_top_order a {position: absolute;bottom: 25px;right: 25px;}

.sidebar span {color: #FFF;font-size: 40px;position: relative;top: 30px;left: 30px;font-family: "Trebuchet MS", Helvetica, sans-serif;}

.sidebar_bottom{float: right;margin-top: 20px;}
.sidebar_bottom img {float: right;margin-top: 10px;}
.sidebar_bottom p {width: 282px;float: right;margin: 13px 0 10px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,sans-serif;}

.course_details {}
.course_details_more_info {/*float: left;margin-top: 40px;*/position: absolute;left: 220px;bottom: 0px;}
.course_details img {float: left;margin-right: 20px;}
.course_details p {font-size: 14px;width: 550px;margin-top: 10px;}
.course_info span {color: #9f547f; font-weight: bold; font-size: 15px;}
.course_image {float: left;}
.course_info_book_now {margin-top: 15px;}

.testimonials {margin-left: 15px;width: 550px;}

.party_details_title {color: #694c87; font-size: 15px;margin-top: 10px;font-weight: bold;margin-bottom: 10px;font-family: "Trebuchet MS", Helvetica, sans-serif;}
.party_details_subtitle {color: #9f547f;font-style: italic;font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 16px;margin-bottom: 15px;}
.party_details img {}
.party_description {float: right;width: 385px;}
.parties_book_now{margin-top: 10px;}

.box_details_container {/*margin-top: 90px;*/position: absolute;top: 256px;}
.box_details_container_about {position: absolute;bottom: 30px;left: 6px;}
.box_details {width: 295px; float: left;}
.box_title {position: absolute;width: 280px;background: url('../image/trans-bg.png');}
.box_details h3 {color: #FFF;font-size: 22px;padding: 9px 0 9px 15px; margin-top: 0px !important; margin-bottom: 0px !important;font-family: "Trebuchet MS", Helvetica, sans-serif;font-weight: bold;}
.box_details p {width: 290px;font-size: 12px;margin: 10px 0 20px;}
.box_details a {float: right;margin-right: 20px;}

.about {width: 575px;margin-top: 15px;}

.testimonial span {font-weight: bold;color: #694c87;font-size: 14px;}

.voucher_form {width: 515px;margin-top: 10px;}
.voucher_form label{color: #728e65;font-weight: bold;font-size: 14px;}
.book_gift_voucher{margin-top: 10px;cursor: pointer;}

.gallery {width: 900px;}
.gallery_item {float: left;margin-right: 25px;margin-top: 20px;}

/*Basket*/
.add_to_basket{cursor: pointer;}

/*GALLERY FANCYBOX*/
.fancybox_element {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #000000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 20px 3px #000000;
    color: #000000;
    display: none;
    max-width: 80%;
    padding: 10px;
    position: fixed;
    z-index: 1000;
}

.fancybox_element .close {
    background: none repeat scroll 0 0 #282524;
    border: 2px solid #FFFFFF;
    border-radius: 100px 100px 100px 100px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 8px 4px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
}

.fancybox_element img {
    max-width: 100%;
}

.fancybox_element .next {
    color: #000000;
    display: block;
    float: right;
    font-family: 'EurostileLTStd-BoldEx2';
}

.fancybox_element .prev {
    color: #000000;
    display: block;
    float: left;
    font-family: 'EurostileLTStd-BoldEx2';
} 


/*Checkout Page*/
.product_quantity{float: left;width: 425px;margin-right: 10px;}
.product_price{float: left;width: 200px;}
.product_total{float: left;width: 100px;width: 145px;}
.order_total{float: right;}

.product_quantity span{margin-top: 5px;}
.product_price span{margin-top: 5px;}
.product_total span{margin-top: 5px;float: left;}
.order_total span{margin-top: 5px;}

.item_quantity{float: left;}
.add_to_basket{float: left;margin-left:40px;}
.item_info{margin-top: 5px;float: left;margin-left: 10px;}

.gift_voucher {height: 85px;position: absolute;top: 20px;right: 90px;}

.remove_item {float: right;text-decoration: underline;font-size: 12px;color: #694c87;}

.proceed_to_payment_info {margin-top: 10px;}

.continue_shopping {margin-top: 10px;}

/*your details page*/
.your_details_form {min-width: 800px;}
.your_details_form p{width: 160px;float: left;}
.your_details input {width: 300px;}
.form_titles {margin-bottom: 10px;}
.form_titles label{font-size: 15px;}

.submit_details{margin-top: 10px;}

/*FOOTER*/
.footer{height: 200px; width: 100%; background-color: #d5dad3;float: left;}
.footer_lists{width: 879px; margin: 0 auto;}

.footer_left{float: left;width: 879px;padding-top: 15px;}
.footer_left li{float: left; margin-left: 7px;}

.footer_right{float: right;}
.footer_right li{float: left; margin-left: 7px;}