/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative; padding:0px 5px 0px 5px; margin-top:0px; margin-left:auto; margin-right:auto; width:980px; background:#FFFFFF; }

#header { width:100%; height:101px; margin:0px 0px 1px 0px; padding:0px; background:url(../images/header_bac.jpg) repeat-x left top; }

#logo {  width:690px; height:101px; margin:0px; padding:0px;  display:block; float:left;}
#contact { display:block; float:left; width:198px; padding:37px 0px 0px 0px; }
#contact p { color:#FFF; font-size:12px; font-weight:bold;}
#contact a { color:#d34f18; font-size:12px;}

.great-taste {float:right; padding:20px 30px 0px 0px;}

#social_media_icons { position:absolute; right:25px; top:20px;}

#main {  width:100%; margin:0px 0px 0px 0px;  }

#footer { width:990px; background:#919a9e; height:48px; background:url(../images/footer.jpg) repeat-x left top; margin:0px auto 0px auto; padding:0px; }

#footer_menu {float:right; padding:9px;}
#footer_menu a {color:#FFFFFF; border-left: 1px solid; padding: 0 8px 0 8px;}

.clear { clear:both; height:0%; }


.noindent .indent {display:none;}
/*------------------------------------ Home Page -----------------------------------------------------------*/

#home_content {position:relative; background:url(../images/home_back.jpg) #D3B4A2 no-repeat left top; min-height:220px; height:auto !important; height:220px; border-bottom:5px solid #fff; width:980px; margin:0px 0px 0px 0px; }
#content_home {width:471px; display:block; float:left; margin:10px 0px 10px 20px;}
*html #content_home {margin:21px 0px 21px 10px;}

#demeter_logo {position:absolute; top:175px; right:18px;}


#paypal_image { 
    float:right;
    position:relative;
    right:18px;
    top:10px;
    height:80px;
}


_html #ebay_image {height:74px; padding:0; margin:0;}

#boxes { width:100%; margin:0px 0px 17px 11px;}
*html #boxes { width:100%; margin:0px 0px -10px 0px;}
.box {width:288px; display:block; float:left; min-height:130px; height:auto !important; height:130px; background:url(../images/black_bac.jpg) repeat-x left top; border-top:5px solid #000; margin:0px 9px 0px 10px; padding:0px 7px 0px 6px;}

.box_title { font-size:12px; padding:5px 0px 6px 0px; display:block;}
*html .box_title { font-size:13px; padding:5px 0px 0px 0px; display:block; margin:0px 0px -5px 0px;}
.box_title a { font-weight:bold;}
*html .box_title a { font-weight:bold;}


.box_nav { display:block; float:left; width:135px; border-top:1px solid #fff;}
.box_nav a { display:block;  border-bottom:1px solid #fff; font-size:12px; color:#000; padding:3px 0px 3px 0px;}
.box_nav a:hover { font-size:12px; color:#000; text-decoration:none; }

.box_image { display:block; float:right; width:137px; text-align:right;}

#green.box {background:url(../images/green.jpg) repeat-x left top !important; border-color:#81b45d !important;}
#peach.box { background:url(../images/peach.jpg) repeat-x left top !important; border-color:#c36619 !important;}


#home_shop_content { display:block; width:100%; margin:7px 0px 0px 0px; padding:0px 0px 0px 0px; min-height:240px; height:auto !important; height:240px;}
#the_online_shop {width:460px; display:block; float:left; min-height:241px; height:auto !important; height:241px; background:url(../images/the_online_shop.jpg) repeat-x left top; padding:0px 10px 0px 12px; margin:0px 0px 0px 0px; }
#orange_title {background:#d6602e; width:451px; display:block;  color:#FFF; font-size:13px; padding:5px 0px 5px 9px;}
#rext_online p { font-size:11px; line-height:13px;}
#rext_online img { display:block; float:right;}

#content_shop { width:450px; min-height:241px; height:auto !important; height:241px; background:url(../images/the_online_shop.jpg) repeat-x left top; display:block; float:right; padding:0px 15px 0px 15px; }
#content_shop p { font-size:11px; line-height:normal; }
#content_shop img {margin:0px 0px 10px 10px; }
#caresol {  background:url(../images/cars_below.jpg) #FFF no-repeat center bottom; width:461px; height:183px;}
#caresol a { margin: 0px 15px 0 !important; position: relative; top: 8px; }

/*------------------------------------ textpage -----------------------------------------------------------*/

#share {width:63px; height:19px; padding:5px 0px 10px 0px; display:block;}
#pageheader { margin:269px 0px 40px 46px; display:block; float:left;}

/*------------------------------------ textpage -----------------------------------------------------------*/

#products_content { margin:10px 0px 10px 20p; height:auto !important; height:191px   border-bottom:5px solid #fff; width:960px; }
#products_content p { margin:0px 0px 5px 0px;}
*html #products_content p { margin:0px 0px -20px 0px; position:relative; z-index:10;}

/*------------------------------------ basket -----------------------------------------------------------*/

#basket {position:relative;  width:313px; display:block; float:right; background:url(../images/basket_bac.jpg) repeat-x left top; min-height:100px; height:auto !important; height:100px;}
#basket_product { width:640px; display:block; float:left; margin:0px 0px 0px 10px;}
#basket_product_left { display:block; float:left; width:635px; padding:0px;}
#basket_product_left p {color:#666666; line-height:16px;}
#basket_title {width:100%; background:#cccccc; padding:5px 0px 5px 0px; display:block;}
#basket_title h3{ color:#000; font-size:13px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 5px; }
#basket_product_right { margin-top:10px; display:block; float:right; }
.chars {padding:15px 0px 0px 0px !important; display:block !important; font-size:12px; color:#000;}

#basket_product_left table label { font-size:11px; display:block; float:left; width:59px; padding:0px 0px 0px 0px; margin:2px 0px 0px 0px; text-align:right;}
#basket_product_left table label.amount {width:50px !important;  padding:0px 0px 0px 0px; margin:4px 0px 0px 0px}
#basket_product_left table input {  display:block; float:left;}
#basket_product_left table td.large {width:165px;}
#basket_product_left table td {border-bottom:1px solid #cccccc; padding:5px 0px 5px 0px; font-size:11px;}
#basket_product_left table {margin:-10px 0px 20px 0px;}
input.inputtext {width:100px; padding:0px; margin:0px; width:70px !important;}

#your_basket { font-size:13px; color:#fff; padding:5px 0px 5px 9px; display:block; background:#D44F17;}

#basket table {margin:5px 0px 10px 2px;}
#basket table td {padding:3px 0px 3px 3px; font-size:12px;}
#basket tr.bord td {border-bottom:1px solid #ceb6af;}
#basket td.large_basket {width:232px; line-height:18px; }
#basket td.small_basket {width:70px; vertical-align:bottom;}

#amount table {margin:20px 0px 10px 2px; padding-bottom:0px; text-align:right; }
#amount table td.amount_left {width:230px;}
#amount table td.amount_right {width:30px; text-align:left; padding:0px 0px 0px 10px;}

#basket hr {margin:0px; padding:0px; background:none; border-top:1px solid #bda698; width:310px; margin:0px 0px 0px 2px;}

#total {display:block; float:right; padding:0px 25px 5px 0px; }
*html #total {display:block; float:right; padding:0px 25px 0px 0px; }

#basket_buy {position:absolute; bottom:-27px; right:0px; width:118px; height:27px; }

.left_basket { padding-left:5px; }
.left_basket a{ color:#000; }

/*------------main basket page-------------------- */


#right_basket {position:relative;  width:513px; display:block; float:right; background:url(../images/basket_bac.jpg) repeat-x left top; min-height:100px; height:auto !important; height:100px;}
#left_basket_content { width:440px; display:block; float:left; margin:0px 0px 0px 13px;}
#left_basket_content div#basket_title { width: 430px !important; }
#right_basket tr.bord td {border-bottom:1px solid #ceb6af;}

#right_basket table td {padding:3px 0px 3px 3px; font-size:12px;}
#right_basket td.left_basket {width:232px; line-height:18px; }
#right_basket td.middle_basket {width:70px; }
#right_basket td.right_basket {width:70px; line-height:18px; text-align:right;}
#right_basket td.remove_basket {width:20px; }

/*------------------------------------ products -----------------------------------------------------------*/

#online_shop { background:url(../images/online_shop_bac.jpg) #E5E5E5 repeat-x left top; min-height:100px; height:auto !important; height:100px;}
#cat_select {float:right; position:relative; top: -3px;}

.product {display:block; width:445px; height:145px; padding:8px; margin:2px 0px 10px 18px; float:left; }
*html .product {margin:2px 0px -10px 9px;  }
.colour1 {background:url(../images/purple_product.jpg) no-repeat left top; }
.colour2 {background:url(../images/green_product.jpg) no-repeat left top;}
.colour3 {background:url(../images/peach_product.jpg) no-repeat left top;}

.text { width:291px; display:block; float:left;}
.purchase {width:135px; display:block; float:right;}
.product_title { font-size:13px; color:#000; display:block; margin:0px 0px 16px 0px;}
.char { font-size:11px; color:#000;}
.product_text p {color:#666666; font-size:11px; line-height:13px; margin:10px 0px 22px 0px;}
.product_instruct { font-size:12px; color:#000;}

#shop_container { margin:0px 0px 0px 5px;}

.paging {display:block; font-size:11px; padding:5px 0px 10px 28px; font-weight:bold;}

/*------------------------------------ Standard sets -----------------------------------------------------------*/

#sidebar { width:158px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px; background:#ffffff; }

#content_main  { width:614px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:300px; float:left;}

#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%; display:block;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  background:#cf4d18; height:37px; }
*html #nav {  margin:-18px 0px -16px 0px; }
#nav a { text-transform:uppercase; background:url(../images/bord.jpg) no-repeat right 50%; margin:0px 0px 0px 0px; padding:13px 16px 9px 10px; color:#ffffff; display:block; float:left; font-weight:bold;  font-size:12px;}
#nav a.active{ font-weight:bold; text-decoration:underline; }
#nav a:hover { text-decoration:none;  color:#ffffff; }

#basket_link { margin:0px 0px 0px 0px; padding:13px 19px 9px 13px; color:#ffffff; display:block; float:right; font-weight:bold;  font-size:12px;}
#basket_link a { padding: 0px !important; background: none !important; }

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) #000 repeat-x center top;  font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:22px; color:#963910; font-weight:normal; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; }
h2 { font-size:16px; color:#000000; font-weight:normal; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; }
#online_shop h2 { color:#000000; font-size:13px; font-weight:normal; border-bottom:1px solid #eeeeee; margin:10px 0px 10px 0px; padding:0px 0px 10px 10px; }
h3 { color:#963910; font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#000; font-size:17px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#963910; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#000; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li { list-style:disc; font-size:12px; color:#000; }
ol {}
ol li {list-style:decimal; font-size:12px; color:#000; }


address {font-size:12px; color:#000; }

a { color:#d6602e; text-decoration:none; }
a:hover { color:#d6602e; text-decoration:underline; }

p { font-size:12px; color:#000; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; }


