/* Kettyle Foods CSS ** Silverink 2009 */


/* SITE WIDE ELEMENTS */
* { margin: 0; padding: 0; }
body{font-family: Helvetica, "Helvetica Neue", "Helvetica CY", Arial, sans-serif; color: #47463f; font-size: 11px;}

h1,h2,h3,h4,h5,h6,p { margin-top: 10px;}

h1 {margin-bottom: 10px; margin-top: 10px; font-size: 28px; line-height: 120%;}

h2 {margin-bottom: 10px;margin-top: 10px; font-size: 20px;}

h3 {margin-bottom: 10px;font-size: 14px; margin-top: 0 !important}

p {line-height: 130%;}

ul {font-size: 12px !important;}

a:link {color: #47463f; text-decoration: none;}
a:visited {color: #47463f; text-decoration: none;}
a:hover {color: #a9a9a4; text-decoration: none;}
a:active {color: #47463f; text-decoration: none;}


#maincontainer {width: 940px; margin: auto; padding-top: 40px;}
#topbanner {background: url(topbanner.gif) no-repeat; height: 70px; position: relative; top: 0; left: 0; margin-bottom: 10px;}

/* TOP SEARCH*/

#SearchFormTop {position: absolute; right: 10px; bottom: 5px; z-index: 3; width: 124px; height: 23px; background: url("searchBg.gif") no-repeat;}
#SearchFormTop input {border: 0; padding: 1px; margin-left: 2px; margin-top: 2px; width: 95px;}
#SearchFormTop .searchbtn {margin-left: 8px; cursor: pointer;}

/* HOME BUTTON */
#homeBtn {position: absolute; left: 175px; top: 10px; cursor: pointer; }

/* TOP MENU */
#TopMenu {background: #96968e; height: 35px; position: absolute; right: 0; bottom: 0; width: 767px;}
#TopMenuSpan {position: relative; top: 0; left: 0; height: 20px; list-style-type: none; }
#TopMenuSpan li { float: left;   font-size: 12px; margin-left: 20px; height: 10px;padding: 10px; cursor: pointer; }
#TopMenuSpan li:hover {background-color: #63625a; height: 14px;}
#TopMenuSpan a:link, #TopMenuSpan a:visited, #TopMenuSpan a:active {color: #ffffff; text-transform:uppercase; font-weight: 800;}

#TopMenuSpan a:hover {}
#TopMenuSpan li.selected {background: #76766d;}


/* SUBMENU */

#submenu {width: 140px; height: 100%; float: left;}
#SubmenuHTML ul { list-style-type: none;font-size: 12px}
#SubmenuHTML li {font-size: 12px}


/* CONTENT */

#MainHTML {}

.mid {width: 509px; float: left; margin-left: 33px;}

.bot {clear: both;}
.colOne {width: 260px; margin-right: 30px; float: left;}
.colTwo {width: 260px; float: left;}

#easilogo { text-align: right;}

/* HOME */
.logos {margin-top: 10px; clear: both;}
#homeEditable {}
#dynContent {}
#rightContent {}


/* SHOP */
#shopItems, #shoppingBasket, #specialOffers, .fpLeftUl {border-bottom: 1px dashed #a9a9a4; margin-bottom: 5px;}
#specialOffers img {padding-bottom: 5px;}

#BasketTop {position: relative;  height: 21px; margin-bottom: 10px;}
#BasketTop img {position: absolute; top: -3px; right: 5px;}
#BasketBottom  {padding-top: 5px; padding-bottom: 5px;}
#shopItems li, .fpLeftUl li {list-style-type: none; font-size: 12px; margin-bottom: 5px; font-family: "Arial Narrow", arial !important; }
.fpLeftUl li {margin-left: 15px; }
#shopItems li.selected, .fpLeftUl li.selected {list-style-type: disc; margin-left: 20px; font-size: 12px !important; margin-bottom: 5px; font-family: "Arial Narrow", arial; }
.fpLeftUl li.selected {margin-left: 30px;}
#shopItems li.selected a, .fpLeftUl li.selected a {font-weight: 800 !important;}

.shopIntro {border-top: 1px solid black; border-bottom: 1px solid black; padding-top: 10px; padding-bottom: 10px;}
.shopIntro img {float: right; margin-left: 10px;}
.shopIntro ul {margin-left: 14px; margin-left: 10px; padding-left: 10px;}
.shopIntro li {line-height: 150%;}

.productCatImage {float: right;}

.categorybox {width: 150px; height: 155px; float: left; margin: 7px; position: relative; text-align: center;}
.moreinfo {position: absolute; bottom: 0; left: 0;}
.catTitle, .catPriceFrom { text-align: left !important; font-size: 12px; margin-left: 15px;}
.catPriceFrom {color: #b1b1aa;}



#productsTable {width: 100%; border: 1px solid #96968e;}
#productsTable th {padding: 10px; background-color: #ebeae7; border-bottom: 1px solid #96968e; border-right: 1px solid #96968e; }
#productsTable td {border-bottom: 1px dashed #a9a9a4; padding: 10px; font-size: 16px;}
#productsTable li {margin-left: 20px;}

span.price {display: block;}
span.price.offer {color: red;}
.storageSpan, .servesSpan, discountedSpan {color: #b1b1aa;}

.addToBasket {cursor: pointer;}

input.thisQuantity {padding: 5px; font-size: 14px;}
.pricingPolicy {margin-top: 10px;}

.delete img {cursor: pointer;}

.deliveryDetailText {margin: 10px;}

/* BASKET */

#totalPriceTable {float: right; border-left: 1px solid #96968e; border-top: 1px solid #96968e; width: 200px;}
#totalPriceTable td { border-right: 1px solid #96968e; border-bottom: 1px solid #96968e; padding: 5px;}


/* BILLING INFO */

.billingInfoFS legend {font-weight: bold; color: #47463f; padding: 5px; }
.billingInfoFS {text-align: left; float: left; width: 40%; margin-bottom: 10px;}
.billingInfoFS p {position: relative; padding-left: 10px;}
.billingInfoFS p label {display: block;}

.billingInfoFS p input {position: absolute; right: 10px; top: 0px;}


/* SHIPPING INFO */

.shippingInfoFS legend {font-weight: bold; color: #47463f; padding: 5px; }
.shippingInfoFS {text-align: left; float: left; width: 40%; margin-left: 10%;}
.shippingInfoFS p {position: relative; padding-left: 10px;}
.shippingInfoFS p input {position: absolute; right: 10px; top: 0px;}

label.error {color: red; clear: both; display: block; padding-top: 10px; text-align: right;}


/* NEWS */

#NewsMenuUl {border-top: 2px solid #a9a9a4;}
#NewsMenuUl li {list-style-type: none; padding: 10px; border-bottom: 2px solid #a9a9a4; clear: both; }
#NewsMenuUl li:hover {background-color: #ebeae7;}
#NewsMenuUl li img.newsThumb {float: right;}
#NewsMenuUl li h3 span {margin-left: 10px;}
/* SIDE BAR LIST */
.fpLeftUl {list-style-type: none; line-height: 130%; padding-bottom: 5px;}

/* CONTACT US */
.contactTable {}


/* CHEF + BUTCHER*/
blockquote {font-family: Georgia, serif; font-size: 24px; line-height: 120%; margin-bottom: 15px;}
.chefimage {margin-bottom: 15px;}
.chef_intro {clear: both;}
.restaurant {float: right; padding: 10px; margin-left: 10px; margin-bottom: 10px; width: 200px; background-color: #96968E; color: #fff; border: 1px solid #63625A; }
	.restaurant a {color: #fff;}
#chefArticles {margin-left: 10px;}
#chefArticles li {width: 350px; margin-left: 30px; padding-left: 10px; list-style-type: disc;}
.recipe {font-weight: bold;}
blockquote.butcherQuote {font-family: Georgia, serif; font-size: 17px !important; line-height: 120%; margin-bottom: 15px;}
.butcherName {font-family: Helvetica, "Helvetica Neue", "Helvetica CY", Arial, sans-serif; font-size: 10px !important; display: block;}

/* RIGHT COL */

#rightCol {float: left; width: 230px; list-style-type: none; margin-left: 15px; border-top: 2px solid #a9a9a4;}
#rightCol li {list-style-type: none; padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #a9a9a4; clear: both; }
#rightCol .story {cursor: pointer; margin: 0;}
#rightCol .story .thumb {width: 75px; margin-right: 10px; overflow: hidden; float: left}

#rightCol ul.row1, #rightCol ul.row2 {width: 45%; float: left;} 
#rightCol ul.row1 {margin-left: 2.5%;} 

#rightCol ul.row2 {margin-left: 2.5%;} 
#rightCol ul.row1 li, #rightCol ul.row2 li {border: none; margin-bottom: 4px !important; padding: 0 !important} 

#SubMenuUl {margin-left: 20px; font-weight: bold;}



.weightHead {margin: 5px; padding-bottom: 5px; border-bottom: 1px solid black;}
.weightHead .small {font-size: 8px;}
/* POPUP */

#fancy_ajax .content {position: relative; border-top: 1px solid #47463f; border-bottom: 1px solid #47463f; margin-top: 20px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;}
#fancy_ajax .logos img {margin-left: 15px; cursor: pointer;}
.content div {position: absolute; right: 0; bottom: 10px; width: 250px;}
.content li {margin-left: 20px; margin-bottom: 5px; line-height: 140%}
.content h3 {font-size: 18px; margin-bottom: 10px;}
#fancy_ajax .links {padding-left: 15px;}
	#fancy_ajax .links a {color: #cdcdcd !important;}
#fancy_ajax .footer {text-align: center; color: #cdcdcd;}

/* HIDDEN ELEMENTS - If you wnat to use these then remove from here and declare above */
#logo, #DateDiv, #printpage {display: none;}

.bgBlack {}

#popup {}
.popContain {}