@charset "utf-8";
/* CSS Document */

body,
html {
margin:0;
padding:0;
color:#000;
background:#fff;
}

body {
background-image:url(../../../shopimages/assets/bg_body.gif);
background-repeat:repeat-x;
}

#wrap {
width:960px;
margin:0 auto;
background:#fff;
}

#header {
background-image:url(../../../shopimages/assets/img_home1.jpg);
background-repeat:no-repeat;
height:251px;
position:relative;
}

#header h1 {
text-indent:-9999px;
}



#header p.num {
position:absolute;
bottom:15px;
left:20px;
font-size:32px;
color:#FF7E00;
color:#fff;
font-weight:bold;
z-index:999;
letter-spacing:2px;
}

#header img#con {
position:absolute;
z-index:999;
bottom:8px;
left:15px;
}



#header img#cafe_fair_trade_logo {
position:absolute;
left:25px;
top:15px;
z-index:999;
}

#header img#paypal {
position:absolute;
right:15px;
top:210px;
z-index:999;
}

#header img#wales {
position:absolute;
right:10px;
top:100px;
z-index:999;
}


#header img#fairtrade {
position:absolute;
right:15px;
top:10px;
z-index:999;
width:55px;
height:55px;
}

#header img#customer_service {
position:absolute;
left:15px;
top:15px;
z-index:999;
}

#header img#customer_service {
border:3px solid #fff;
}

#header #search {
position:absolute;
width:165px;
background-image:url(../../../shopimages/assets/search_bg.png);
background-repeat:no-repeat;
right:15px;
top:170px;
height:35px;
z-index:999;
}

#header #search #s {
padding: 0;
margin: 5px 0 5px 15px;
border: 0;
background: none;
width:120px;
float: left;
}

/* search go button */
#header #search #go {
float: right;
margin: 2px 5px 0 0;
}

#header #search input
h1 {
margin:0;
}

#nav {
padding:10px 0 0 10px;
background:#fff;
height:35px;
border-bottom:1px solid #ddd;
margin:0 0 10px 0;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
display:inline;
margin:0;
padding:0;
}

#main {
float:right;
width:680px;
padding:0 10px 10px 10px;
margin:0 20px 20px 0;
}

#main #bread {
margin:0 0 10px 0;
}

#main #bread{
font-size:10px;
color:#000;
}

#main #bread a {
font-size:10px;
color:#BE592D;
}

#main p.strap,
#main h2#strap {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
font-style:italic;
color:#654b2c;
line-height:40px;
margin:0 0 25px 0;
}

#main h2#sub_strap {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-style:italic;
color:#654b2c;
line-height:40px;
margin:0 0 25px 0;
}

#main .prod_cont {
height:231px;
background-image:url(../../../shopimages/assets/bg_prod_cont.gif);
background-repeat:repeat-x;
border:1px solid #ddd;
padding:8px 8px 0 0;
margin:0 0 15px 0;
position:relative;
}

#main .prod_cont .prod_images {
text-align:center;
width:235px;
float:left;
margin:0 15px 0 0;
}

#main .prod_cont .prod_desc h2#prod_title {
font-size:18px;
color:#392309;
color:#FF8B24;
margin:0 0 10px 0;
padding:0;
line-height:100%;
}






#main .prod_cont a.read_more,
#main .prod_mini a.read_more {
display:block;
width:98px;
height:24px;
background-image:url(../../../shopimages/assets/read_more.png);
background-repeat:no-repeat;
text-indent:-9999px;
background-position:0 0;
position:absolute;
bottom:15px;
}

#main .prod_cont a.read_more:hover,
#main .prod_mini a.read_more:hover {
display:block;
width:98px;
height:24px;
background-image:url(../../../shopimages/assets/read_more.png);
background-repeat:no-repeat;
text-indent:-9999px;
background-position:0 -24px;
}

#main .prod_mini a.read_more {
bottom:5px;
left:50px;
}

#main .prod_grid a.read_more {
font-size:11px;
}

#main .prod_grid a.read_more:hover {
font-size:11px;
text-decoration:none;
}

#main .prod_grid input.grid_add {
position:absolute;
bottom:5px;
left:0;
}

#main .prod_cont .col1 {
width:200px;
float:left;
}

#main .prod_cont .col2 {
width:200px;
float:right;
}

#main .prod_cont .col1 p.col_heading,
#main .prod_cont .col2 p.col_heading {
color:#392309;
border-bottom:1px solid #ccc;
margin:0 0 5px 0;
font-size:14px;
}

#main .prod_cont .col1 p.prod_info {
color:#666;
line-height:140%;
font-size:12px;
}

#main .prod_cont .col1 p.prod_price {
position:absolute;
bottom:15px;
font-size:14px;
color:#CC2900;
}

#main .prod_cont .col1 p.prod_price span {

}

#main h2#prod_name span {
color:#333;
}

#main h2#prod_name span {

}


#main .prod_grid p.price_grid {
font-size:14px;
color:#CC2900;
margin:3px 0 3px 0;
}

#main .prod_cont .col2 ul {
list-style-type:disc;
margin:0 0 0 20px;
}

#main .prod_cont .col2 ul li {
font-size:12px;
}


#main .prod_mini {
height:275px;
background-image:url(../../../shopimages/assets/bg_prod_cont.gif);
background-repeat:repeat-x;
border:1px solid #ddd;
width:200px;
float:left;
margin:0 20px 15px 0;
text-align:center;
background-color:#f7f3e8;
position:relative;
}

/****************************************** GRID VIEW ***/

.prod_grid {
position:relative;
width:135px;
height:335px;
float:left;
margin:0 10px 15px 0;
border-bottom:1px dashed #666;
overflow:hidden;
}

.prod_grid img {
margin:0 0 5px 0;
}

.prod_grid .thumb {
height:135px;
overflow:hidden;
}

.prod_grid img.product_thumbnail {
width:110px;
}

.prod_grid h3 {
color:#333;
font-size:12px;
font-weight:bold;
line-height:120%;
}

.prod_grid p.prod_short_desc {
font-size:11px;
color:#BA4941;
}

h2 {
margin:0 0 1em;
}

#left {
float:left;
width:205px;
padding:0px 0 0 10px;
background:#fff;
margin:0 0 20px 20px;
xbackground-image:url(../../../shopimages/assets/left_mug_logo.png);
background-repeat:no-repeat;
}

#left h2 {
color:#784533;
font-size:20px;
margin:0 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
line-height:120%;
}

#left a.send_us_message {
background-color:#999;
color:#fff;
padding:5px;
display:block;
}


#footer {
clear:both;
padding:5px 10px;
background:#fff;
height:100px;
}

#footer p {
margin:0;
}

* html #footer {
height:1px;
}


/************************** Top Navigation  */
#nav ul#cust_links {
float:right;
margin-right:8px;
}

#nav ul#main_links li {
float:left;
margin-right:8px;
}

#nav ul#main_links a:link, 
#nav ul#main_links a:visited {
background:url(../../../shopimages/assets/nav_sprite_top.png) right 52px;
color:#fff;
display:block;
height:26px;
line-height:24px;
text-decoration:none;
}

#nav ul#main_links a span {
background:url(../../../shopimages/assets/nav_sprite_top.png) left 52px;
display:block;
height:26px;
margin-right:14px;
padding-left:14px;
}

#nav ul#main_links a:hover {
background:url(../../../shopimages/assets/nav_sprite_top.png) right 26px;
display:block;
color:#fff;
}

#nav ul#main_links a:hover span {
background:url(../../../shopimages/assets/nav_sprite_top.png) left 26px;
display:block;
}
 
/* 	ACTIVE ELEMENTS					*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
color:#1c4e7e;
background:url(nav_sprite_top.png) right 0 no-repeat;
} 
.active a span, .active a:hover span{
background:url(../../../shopimages/assets/top_nav_sprite_alt.png) left 0 no-repeat;
}


#nav ul#cust_links li {
float:left;
margin-right:8px;
}

#nav ul#cust_links a:link, 
#nav ul#cust_links a:visited {
background:url(../../../shopimages/assets/nav_sprite_top.png) right 52px;
color:#fff;
display:block;
height:26px;
line-height:24px;
text-decoration:none;
}

#nav ul#cust_links a span {
background:url(../../../shopimages/assets/nav_sprite_top.png) left 52px;
display:block;
height:26px;
margin-right:14px;
padding-left:14px;
}

#nav ul#cust_links a:hover {
background:url(../../../shopimages/assets/nav_sprite_top.png) right 26px;
display:block;
color:#fff;
}

#nav ul#cust_links a:hover span {
background:url(../../../shopimages/assets/nav_sprite_top.png) left 26px;
display:block;
}
 

#left ul#prod_links {
margin:10px 0 15px 0;
}

#left ul#prod_links li ul {
margin:3px 0 0 0;
}


#left ul#prod_links li,
#left ul#prod_links li:hover {
margin:0 0 3px 0;
}


#left ul#prod_links li a:link,
#left ul#prod_links li a:visited {
color:#B7735B;
padding:5px;
background-color:#DFCBB5;
text-decoration:none;
display:block;
}

#left ul#prod_links li ul li a:link,
#left ul#prod_links li ul li a:visited {
color:#B7735B;
padding:5px;
background-color:#EFE4D9;
text-decoration:none;
display:block;
}

#left ul#prod_links li a:hover {
background-color:#775634;
color:#fff;
padding:5px;
text-decoration:none;
display:block;
}

.clr {
clear:both;
}


/************************************************** IN BASKET ***/

#nav #inbasket {
width:210px;
height:26px;
margin:0 0 0 275px;
float:left;
padding:5px 0 0 0;
background-image:url(../../../shopimages/assets/mini_basket_bg.gif);
background-repeat:no-repeat;
}

#nav #inbasket p.empty {
margin:0 0 0 8px;
color:#ff3300;
}

#nav #inbasket p.items {
width:60px;
float:left;
margin:0 0 0 10px;
color:#D5283A;
}

#nav #inbasket p.total_value {
width:60px;
float:right;
margin:0 10px 0 0;
color:#D5283A;
}


/***************************************************   Cart */

table#cart_table, 
table#cart_shipping_table {
width:100%;
}

table th,
table td {
vertical-align:top;
padding:5px;
font-size:12px;
font-weight:normal;
text-align:left;
}

table#cart_table td.prod_thumb {
padding-left:0 !important;
}

table#cart_table td img {
width:100px;
border:1px solid #ccc;
}

table#cart_table tr.cart_table_head th {
background-color:#dedede;
color:#666;
}

table#cart_table tr.totals th {
font-weight:bold;
background-color:#dedede !important;
color:#666;
}

table#cart_table tr.total_order th {
font-weight:bold;
background-color:#dedede !important;
color:#666;
font-size:14px;
}

table#cart_table tr.vatcontent th {
font-weight:normal;
background-color:#dedede !important;
color:#999;
font-size:14px;
}

table#cart_table tr td a {
color:#666;
text-decoration:none;
}

table#cart_table tr td a:hover {
color:#333;
text-decoration:none;
}

#cart_action_links {
margin:10px 0 10px 0;
text-align:right;
}

#cart_action_links a {
font-size:14px;
color:#666;
text-decoration:none;
}

#cart_action_links a:hover {
font-size:14px;
color:#333;
text-decoration:none;
}



/************************************* CHECKOUT LOGIN ***/
h1#check_log {
margin:15px 0 0;
}

h2#check_log {
font-style:italic;
}

h3#check_log {
color:#666666;
font-size:12px;
font-weight:normal;
margin:0 0 10px;
}

#checkout_login {
float:left;
width:300px;
}

#checkout_login .checkout_login_butt a {
background-color:#CAE8F7;
border:2px solid #519BC0;
float:left;
height:45px;
margin:0 0 8px !important;
padding:10px 0 0 5px;
text-decoration:none !important;
width:265px;
}

#user_tables #checkout_login .checkout_login_butt a.express_checkout, 
#user_tables #checkout_login .checkout_login_butt a.create_account {
color:#666666;
font-size:12px;
}

#checkout_login .checkout_login_butt a.express_checkout {
background-color:#FFFFFF;
}

#checkout_login .checkout_login_butt a.express_checkout:hover {
background-color:#EFEFEF !important;
border:2px solid #2F7396 !important;
}

#checkout_login .checkout_login_butt a.express_checkout span.link_title, #checkout_login .checkout_login_butt a.create_account span.link_title {
color:#FF3300;
}

#checkout_login .checkout_login_butt a.create_account {
background-color:#FDF7B3;
border:2px solid #DBD234 !important;
}

#checkout_login .checkout_login_butt a.create_account:hover {
border:2px solid #BBB221 !important;
}

#checkout_user_cont_login {
background-color:#CAE8F7;
border:2px solid #519BC0;
float:right;
margin:0 0 20px;
overflow:hidden;
padding:8px;
width:300px;
}

.forgot {
float:left !important;
margin:25px 0 0 !important;
}

#checkout_user_cont_login h4 {
background-color:#CAE8F7;
color:#2E7395 !important;
margin:0 !important;
padding:5px;
}

#checkout_user_cont_login p.row {
background-color:#CAE8F7;
margin:0;
padding:5px;
}

#checkout_user_cont_login p.row span.label {
float:left;
width:100px;
}

#checkout_user_cont_login input#login_button {
float:right;
margin:0 15px 0 0;
}

#checkout_user_cont_login p.row input {
border:0 solid #9ED4F1;
}

#checkout_user_cont_login a.user_action_link {
}

#checkout_user_cont_login a.user_action_link {
color:#519BC0;
font-size:12px;
text-decoration:underline;
}

#checkout_user_cont_login a.user_action_link:hover {
color:#519BC0;
font-size:12px;
text-decoration:none;
}

/******************************************************* User table */

p.instructions {
color:#A82100;
margin:0 0 10px 0;
}

/* user tables used as a floated container for any user forms & tables */
#user_tables {
padding:0 30px 0 0;
width:650px;
float:right;
}

#user_tables p.user_instructions {
margin:0 0 10px 0; 
color:#A82100;
}

#user_tables em {
color:#ff3300;
}

#user_tables h2 {
color:#666;
font-size:18px;
}

.user_table {
border:1px solid #EEEE9E;
background-color:#F6F7CA;
margin:15px 0;
}

.user_table a,
#user_tables a {
color:#0A639E;
}

.user_table a:hover,
#user_tables a:hover {
color:#333;
}

.payment_table {
background-color:#FDF7B3;
border:1px solid #ECE010;
background-color:#cae8f7;
border:1px solid #519BC0;
border:1px solid #EEEE9E;
background-color:#F6F7CA;
}

.user_table td, .user_table th {
padding:5px;
}

.user_table td.label, .user_table th.label, .user_table th {
color:#666666;
font-size:14px;
font-weight:normal;
text-align:left;
}

.user_table td input {
border:1px solid #DDDDDD;
color:#666666;
font-size:14px;
height:18px;
}

.user_table td.user_table_heading {
color:#30919D;
font-size:14px;
}

.user_table td input.form_submit {
}

.user_table td input img {
border:0 none;
}

#checkout_user_cont input.form_submit {
margin:10px 0;
}

.user_table td.subscribe input {
font-size:12px;
height:16px;
padding:0;
vertical-align:bottom;
}

.user_table td p.error, p.error, td .jssError, span.error-text {
background-color:#FFA3A8;
color:#333333;
font-size:16px;
line-height:24px;
padding:2px;
}


#addresses_checkout {
background-color:#EEEEEE;
height:35px;
margin:15px 0 10px;
padding:0 0 0 25px;
text-align:center;
width:585px;
}

#addresses_checkout a {
border:2px solid #519BC0;
color:#2E7395;
display:block;
float:left;
margin:0 10px 0 0;
padding:8px 0 8px 35px;
text-decoration:none;
width:40%;
}

#addresses_checkout a.add_alt_add {
background-color:#CAE8F7;
background-image:url(../../../shopimages/assets/cross.png);
background-position:4% 50%;
background-repeat:no-repeat;
}

#addresses_checkout a.use_this_add {
background-color:#ECE010;
background-image:url(../../../shopimages/assets/tick.png);
background-position:4% 50%;
background-repeat:no-repeat;
}

#checkout_user_cont {
background-color:#FFFFFF;
margin:5px 0 20px;
padding:5px;
}

#checkout_user_cont p.row {
background-color:#CAE8F7;
margin:0;
padding:10px;
}

#checkout_user_cont p.row span.label {
float:left;
width:160px;
}

#checkout_user_cont p.row input {
border:0 solid #9ED4F1;
}

#checkout_user_cont a.user_action_link {
color:#519BC0;
font-size:12px;
text-decoration:underline;
}

#checkout_user_cont a.user_action_link:hover {
color:#519BC0;
font-size:12px;
text-decoration:none;
}

#box_login_new,
#box_login_ex {
width:299px;
height:286px;
padding:50px 0px 10px 10px;
overflow:hidden;
}

#box_login_new {
background-image:url(../../../shopimages/assets/new_customer_acc.png);
background-repeat:no-repeat;
float:left;
margin:0 25px 20px 0;
}

#box_login_ex {
background-image:url(../../../shopimages/assets/existing_customer_acc.png);
background-repeat:no-repeat;
float:left;
}

#box_login_ex p.row {
height:25px;
}

#box_login_ex p.row span.label {
float:left;
width:100px;
}

#box_login_ex p.row input {
float:right;
margin:0 15px 0 0;
}

#box_login_ex input#login_button {
float:right;
margin:0 25px 0 0;
}

#box_login_ex p.instr_ex {
margin:0 0 5px 0;
padding:0;
}

#box_login_new p.instr_ex {
margin:0 0 5px 0;
padding:0;
}

#box_login_new ul li {
margin:0 0 8px 0;
}


#box_login_new ul li a.express_checkout {
color:#ff3300;
}

#box_login_new ul li a.express_checkout:hover {
color:#666;
}

#box_login_new ul li a.create_account {
color:#3164D9;
}

#box_login_new ul li a.create_account:hover {
color:#666;
}

#box_login_ex a.forget_link {
color:#3164D9;
}

#box_login_ex a.forget_link:hover {
color:#666;
}


#right_text_block h3 {
font-size:20px;
margin:0 0 15px 0;
color:#b6001a;
}

table#cart_table tr td a.cart_link {
color:#b6001a;
text-decoration:underline;
}
table#cart_table tr td a.cart_link:hover {
color:#b6001a;
text-decoration:none;
}
table#extra tr.extra_order_field,
table#extra tr.extra_order_field td,
table#extra tr.extra_order_field th {
background-color:#F2F4B4;
border:1px solid #EAEE88;
border-collapse:collapse;
}

table#extra tr.extra_order_field td,
table#extra tr.extra_order_field th {
color:#666;
}


/**************************************** STEP 4 CONFIRM ORDER */
.billing_address, .delivery_address, .payment_method {
border:1px solid #EEEE9E;
background-color:#F6F7CA;
color:#666666;
height:250px;
line-height:160%;
width:150px;
}

.billing_address {
xborder:1px solid #DDDDDD;
float:left;
margin:0 18px 0 0;
padding:8px;
}

p.billing_address_head {
xborder-bottom:1px solid #FFFFFF;
color:#333333;
font-size:16px;
margin:0 0 5px;
padding:0 0 5px;
}

.delivery_address {
xborder:1px solid #DDDDDD;
float:left;
margin:0 18px 0 0;
padding:8px;
}

.payment_method {
xborder:1px solid #DDDDDD;
float:left;
padding:8px;
}

.billing_address a, .delivery_address a, .payment_method a {
color:#1562E2;
text-decoration:underline;
}

.billing_address a:hover, .delivery_address a:hover, .payment_method a:hover {
color:#1562E2;
text-decoration:none;
}

#use_this_address {
color:#333333;
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}

#address_book {
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}


p.billing_link {
height:51px;
margin:10px 0 15px;
width:268px;
}

p.billing_link a {
}

p.billing_link a:hover {
}


/******************************************** PRODUCT **/

#prod_info {
xbackground-image:url(../../../shopimages/assets/prod_bg.jpg);
padding-top:15px;
xborder:1px solid #ccc;
padding:10px;
}

#prod_info #quan {
margin:10px 0 10px 0;
}

#added_prod p {
background-color:#FF4F24;
color:#fff;
padding:15px;
margin:0 0 15px 0;
border:1px solid #E62E00;
}

#added_prod p a {
color:#EEFF24;
}

#added_prod p a:hover {
color:#333;
}

#prod_image {
width:300px;
float:left;
margin:35px 10px 0 10px;
}

#prod_image img.main_image {
xborder:2px solid #ccc;
margin:0 0 20px 0;
}

#prod_image img.download_pdf {
margin:15px 0 20px 0;
}


#prod_info h2#prod_name {
font-size:18px;
color:#FF8B24;
padding:0;
margin:0;
line-height:140%;
}


#prod_info h2#prod_name span {
font-size:18px;
color:#000;
}

#prod_desc {
width:320px;
overflow:hidden;
float:right;
color:#666;
}

#prod_desc .product_price {
border-bottom:1px dashed #ccc;
margin:0 0 8px 0;
padding:0 0 5px 0;
color:#ff3300;
font-weight:bold;
}

#prod_desc .product_price span.was,
#main .prod_cont .col1 p.prod_price span.was {
text-decoration:line-through;
color:#666;
font-weight:normal;
}



#prod_desc ul {
margin:0 0 10px 30px;
list-style-type:disc;
}

#prod_desc ul li {
font-size:12px;
color:#333;
}

#prod_desc #prod_options p.options_title {
color:#333;
padding:5px 0 8px 0;
font-weight:bold;
}


#prod_desc #prod_options {
margin:10px 0 10px 0;
background-color:#fff;
padding:10px;
border:1px solid #ccc;
}

#add_cart {
margin:10px 0 10px 0;
}

p.assoc_heading {
font-size:18px;
color:#333;
border-bottom:1px dashed #ccc;
margin:20px 0 15px 0;
padding:0 0 5px 0;
}

/**************************************** SEARCH RESULTS **/
#product_sort {
background-color:#ccc;
border:1px solid #999;
padding:10px;
margin:0 0 15px 0;
}

h2#search_results,
h2#search_results span {
font-size:18px;
color:#666;
}

h2#search_results span {
color:#FF4F24;
}

#product_sort a {
color:#0F40EE;
}

#product_sort a:hover {
color:#666;
text-decoration:none;
}

/****************************************** CHECKOUT STEPS **/

h2#step1 {
background-image:url(../../../shopimages/assets/step1.png);
background-repeat:no-repeat;
padding:0 0 8px 0;
border-bottom:1px solid #ccc;
height:139px;
text-indent:-9999px;
}

h2#step2 {
background-image:url(../../../shopimages/assets/step2.png);
background-repeat:no-repeat;
padding:0 0 8px 0;
border-bottom:1px solid #ccc;
height:139px;
text-indent:-9999px;
}

h2#step3 {
background-image:url(../../../shopimages/assets/step3.png);
background-repeat:no-repeat;
padding:0 0 8px 0;
border-bottom:1px solid #ccc;
height:139px;
text-indent:-9999px;
}

h2#step4 {
background-image:url(../../../shopimages/assets/step4.png);
background-repeat:no-repeat;
padding:0 0 8px 0;
border-bottom:1px solid #ccc;
height:139px;
text-indent:-9999px;
}


/******************************************** ADDITIONAL STYLES ***/

#footer p.footer_strap {
text-align:center;
xbackground-color:#653F0F;
padding:15px;
color:#333;
}

#footer ul#footer_links {
background-color:#ccc;
}

#footer ul#footer_links {
padding:10px;
text-align:center;
}

#footer ul#footer_links li {
display:inline;
margin:0 10px 0 0;
}

#footer ul#footer_links li a {
color:#444;
text-decoration:none;
font-size:12px;
}

#footer ul#footer_links li a:hover {
color:#666;
text-decoration:underline;
font-size:12px;
}


#left img.left_im {
margin:0 0 15px 0;
}

#main ul.results {
margin:0 0 15px 0;
}

#main ul.results li {
display:inline;
}

#main ul.results li a {
padding:5px;
background-color:#B2CAD7;
color:#40667A;
border:1px solid #999;
}

#main ul.results li a:hover {
padding:5px;
background-color:#90B2C5;
border:1px solid #999;
color:#fff;
}

/*********************************** JQUERY SLIDESHOW ***/
#slideshow {
    position:relative;
    height:251px;
}
 
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow IMG.last-active {
    z-index:9;
}

/********************************* TABLE ZEBRA ***/

.zebra1 {
background-color:#D3C3AA;
}

.zebra2 {
background-color:#E5DBCC;
}

/********************************* SUNDRIES TABLE ***/

table#sundries {
border:1px solid #ccc;
}

table#sundries td {
font-size:11px;
color:#000;
padding:5px;
}

.sundries_header {
background-color:#666;
color:#fff;
}

table#sundries td.sun_image {

}
table#sundries td.sun_code {

}
table#sundries td.sun_name {

}
table#sundries td.sun_unitsize {
width:100px;
}
table#sundries td.sun_price {

}
table#sundries td.sun_weight {

}
table#sundries td.sun_cups {

}
table#sundries td.sun_cupsprice {

}


/**************************************** HOME PAGE MENUS ***/

#main .menu {
width:210px;
height:450px;
float:left;
margin:0 8px 0 0;
overflow:hidden;
}

#main .menu h2 {
color:#fbaa74;
font-size:18px;
margin:10px 0 6px 0;
padding:0 0 6px 0;
border-bottom:1px solid #ccc;
}

#main .one ul li {
padding:3px;
margin:0 4px 0px 0px;
border-bottom:1px solid #fbaa74;
}

#main .one ul li:hover {
background-color:#fbaa74;
}

#main .one ul li a {
text-decoration:none;
color:#666;
}

#main .one ul li:hover a {
color:#000;
}

#main .one ul li a:hover {
text-decoration:none;
}

#main .one img,
#main .two img,
#main .three img {
width:180px;
margin:0 0 0 0;
}

#main .two ul li:hover {
background-color:#fbaa74;
}

#main .two ul li a {
text-decoration:none;
color:#666;
}

#main .two ul li:hover a {
color:#000;
}

#main .two ul li a:hover {
text-decoration:none;
}

#main .two ul li {
padding:3px;
margin:0 4px 0px 0px;
border-bottom:1px solid #7c5e3b;
border-bottom:1px solid #fbaa74;
}

#main .three h2 {
margin:0 0 6px 0;
}

#main .three p {
line-height:140%;
color:#666;
padding:0 10px 10px 0;
}

#main .three p.tel {
font-size:16px;
color:#333;
font-weight:bold;
}


#main .one {

}

#main .two {

}

#main .three h2 {
margin-top:10px;
}

#main #on_page_nav {
margin:0 0 15px 0;
overflow:hidden;
}






/******************************* Left Navigation */
#left ul#left_nav li {
margin:0 0 5px 0;
border:1px solid #333;
}

#left ul#left_nav li:hover {
margin:0 0 5px 0;
}

#left ul#left_nav li a {
color:#fff;
padding:5px;
background-color:#BA4941;
text-decoration:none;
display:block;
}

#left ul#left_nav li {
background-color:#BA4941;
background-image:url(../../../shopimages/assets/arrow.gif);
background-repeat: no-repeat;
background-position: 97% .5em;
padding-right:30px;
}

/*************************** Left fly out */

#left ul#left_nav li {
position: relative;
}
	
#left ul#left_nav ul li {
border:1px solid #ccc;
background-image:none;
padding-right:0;
}

#left ul#left_nav ul li a {
color:#333;
color:#BA4941;
padding:5px;
background-color:#EADED1;
text-decoration:none;
display:block;
}

#left ul#left_nav ul li a:hover {
color:#fff;
padding:5px;
background-color:#BA4941;
text-decoration:none;
display:block;
}

#left ul#left_nav li ul {
position: absolute;
left: 204px; /* Set 1px less than menu width */
top: -1px;
display: none;
background-color:#fff; /* use bg color to help IE with focus */
width:205px;
z-index:9999;
}

#left ul#left_nav li ul li {
z-index:1000;
width:205px;
}

/* Fix IE. Hide from IE Mac */
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
		
#left ul#left_nav li ul li a {
padding: 5px; 
} 
		
#left ul#left_nav li:hover ul, 
#left ul#left_nav li.over ul { 
display: block; 
}


a.back {
font-size:12px;
color:#999;
vertical-align:middle;
display:block;
margin:20px 0 0 0;
padding:0 0 0 26px;
background-image:url(../../../shopimages/assets/back.png);
background-repeat:no-repeat;
width:200px;
height:20px;
text-decoration:none;
}

a.back:hover {
background-image:url(../../../shopimages/assets/back_over.png);
background-repeat:no-repeat;
text-decoration:none;
}


#header p.con {
position:absolute;
bottom:10px;
left:15px;
color:#FF7E00;
font-weight:normal;
z-index:999;
font-size:26px;
color:#dfcbb5 !important;
width:210px;
line-height:100%;
letter-spacing:2px;
}

#header p.con img {
margin:3px 5px 0 0;
}
