body { 
font: 78%/140% "Trebuchet MS", Trebuchet, arial, sans-serif; 
color: #d1ca9c; 
margin:0px; padding:0px; 
background-color:#006666;
}

img {border:none; outline:none;
}

a { outline:none; }



.clear {clear:both;}

a:link { color: #d1ca9c;  padding: 0px; margin:0px; text-decoration:underline;}
a:visited { color: #d1ca9c;  padding: 0px; margin:0px; text-decoration:underline;}
a:hover { color: #d6bc1e;  padding: 0px; margin:0px;}
a:active { text-decoration: none; border:0;}

/*#top-panel{
	background:#e8f3c6;
	border-bottom:3px solid #000;
	padding:35px 20px;
	text-align:right;
	background-color:#99271e;
}
#sub-panel{
	text-align:center;
		border:0;
}
#sub-panel a {
	float:right;
	text-decoration:none;
	margin-right:44%;
	font-weight:bold;
	border:0;
	outline:none;

}
#sub-panel a span{

	background:url(img/sub-right.png) right bottom no-repeat;
	display:block;

}
strong{color:#000000;}
.face{border:solid 2px #a6c34e; margin-left:10px; float:right;}
*/

a:focus {
	outline: none;
}
#panel {
	background: #a51c1c url(../images/panel-top.gif) top left repeat-x;
	height: 184px; width:100%;
	display: none;
		border-bottom: solid 4px #d5ae19;
}
.slide {
	padding: 0;
	float:right;
	background: url(images/btn-slide.gif) no-repeat center top;
	margin: 0px 44% 0px 0px;
	z-index:6;
}


.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width:143px;

	text-decoration: none;

	border:none; outline:none;
}
.active {
	background-position: right 12px;
}

#container { width:100%; padding:0px 0px 43px 0px ; margin:0px;
background:url(../images/bg-repeat1.jpg) top center repeat;

}

#container-inner { width:938px;  padding:0px 0px 0px 0px ; margin:0px auto 0px auto; 
}

#panel-inner { width:918px; height:184px;  padding:0px 0px 0px 20px ; margin:0px auto 0px auto; 
}

#panel-inner-left { background:url(../images/image-holder.jpg) 30% center no-repeat; width:155px; height:155px;  padding:29px 0px 0px 15px ; margin:0px auto 0px auto; float:left; 
}

#panel-inner-center h1.grant { background:url(../images/grant-title.gif) top left no-repeat; width:380px; height:28px;  padding:0px 0px 0px 0px ; margin:0px 0px 7px 0px; float:left; text-indent:-9999px;
}

#panel-inner-right h2.join { background:url(../images/title-join.gif) top left no-repeat; width:340px; height:28px;  padding:0px 0px 0px 0px ; margin:0px 0px 0px 0px; float:left; text-indent:-9999px;
}

#panel-inner-right h2.shops { background:url(../images/title-shops.gif) top left no-repeat; width:380px; height:28px;  padding:0px 0px 0px 0px ; margin:0px 0px 0px 0px; float:left; text-indent:-9999px;
}

#panel-inner-center {  width:380px; height:166px; padding:18px 0px 0px 0px ; margin:0px auto 0px auto; float:left; 
}

#panel-inner-right {  width:340px; height:155px; padding:15px 0px 0px 15px ; margin:0px auto 0px auto; float:left; 
}

#header { width:938px; height:267px; padding:0px 0px 0px 0px ; margin:5px auto 0px auto;
background:url(../images/header-bg1.jpg) top center no-repeat; float:left;
}

#header-left { width:505px; height:247px; margin:0px; padding:20px 0px 0px 37px; float:left;}

#header-left h1 { width:505px; height:247px; margin:0px; padding:0px; background:url(../images/kitchensink-h1.jpg) top left no-repeat; text-indent:-99999px;}

#header-right { width:351px; height:247px; margin:0px; padding:20px 37px 0px 0px; float:left;}

#header-right h2{ width:351px; height:247px; margin:0px; padding:0px; background:url(../images/colourful-h2.jpg) top left no-repeat; text-indent:-99999px;}

#nav-wrap {width: 844px; height:61px; background:url(../images/nav-bg.jpg) top center no-repeat; padding:0px 0px 0px 0px; margin:0px 47px 0px 47px;}
#content { width:938px; padding:0px 0px 0px 0px ; margin:0px auto 0px auto;
background:url(../images/content-repeat.jpg) top center repeat-y;  float:left;
}

#footer { width:844px; height:267px; padding:0px 47px 0px 47px ; margin:0px auto 0px auto; background:url(../images/footer-bg.jpg) top center no-repeat;  float:left;
}

.footer-item { /*background-color:pink;*/ width: 261px; padding:15px 7px 15px 7px; margin:0px 0px 0px 0px; float:left; height:217px;  }

.footer-item h4.disclaimer { text-indent:-9999px; width: 266px; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; float:left; height:40px; background:url(../images/h4-disclaimer.gif) top center no-repeat;  }

.footer-item h4.info{ text-indent:-9999px; width: 266px; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; float:left; height:40px; background:url(../images/h4-info.gif) top center no-repeat;  }

.footer-item h4.recognition{ text-indent:-9999px; width: 266px; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; float:left; height:40px; background:url(../images/h4-recognition.gif) top center no-repeat;  }

.press a  {
width: 144px;
background: url(../images/nav-press.gif) top left no-repeat;
}

#press #nav-wrap #nav .press a {
background-position: 0 -61px;
}

#nav  {
float: left;
list-style: none;
margin: 0px; padding: 0px;
height: 61px; width: 845px;
display: inline; overflow: hidden;
}

#nav li {
margin: 0px;  padding: 0px;
display: inline; list-style-type: none;
text-indent:-9999px;
}

#nav a {
float: left;
padding: 0px; height: 61px;
overflow: hidden;
}

#nav a:hover {
background-position: 0 -122px;
}

#nav a:active, #nav a.selected {
background-position: 0 -61px;
}

.home a  {
width: 126px;
background: url(../images/nav-home.gif) top left no-repeat;
}

#home #nav-wrap #nav .home a {
background-position: 0 -61px;
}

.about a  {
width: 140px;
background: url(../images/nav-about.gif) top left no-repeat;
}

#about #nav-wrap #nav .about a {
background-position: 0 -61px;
}

.shop a  {
width: 157px;
background: url(../images/nav-shop.gif) top left no-repeat;
}

#shop #nav-wrap #nav .shop a {
background-position: 0 -61px;
}
.blog a  {
width: 119px;
background: url(../images/nav-blog.gif) top left no-repeat;
}

#blog #nav-wrap #nav .press a {
background-position: 0 -61px;
}

.contact a  {
width: 159px;
background: url(../images/nav-contact.gif) top left no-repeat;
}

#contact #nav-wrap #nav .contact a {
background-position: 0 -61px;
}

#main-content { width: 864px; padding:0px 37px 0px 37px;  }

#generic-main-content { width: 864px; padding:0px 37px 0px 37px;   }

#left { width: 357px; padding:0px 0px 0px 0px; float:left; }
#blogbox { width: 357px; height:251px; padding:0px 0px 0px 0px; background:url(../images/blog-box.jpg) top left no-repeat; float:left; }
#blogbox-top { width: 357px; height:177px; padding:0px 0px 0px 0px; float:left; }
#blogbox-top h2.say { background:url(../images/say.gif) top left no-repeat; width: 238px; height:132px; margin:60px 0px 0px 100px; padding:0px 0px 0px 0px; float:left; text-indent:-9999px; }

#blogbox-bottom { width: 357px; height:74px; padding:0px 0px 0px 0px; float:left; }
#tweetbox { width: 357px; height:197px; padding:0px 0px 0px 0px; background:url(../images/tweet-box.jpg) top left no-repeat; float:left; }
#tweetbox-left { width: 195px; height:63px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left; }
#tweetbox-left h3 { width: 153px; height:39px; background:url(../images/tweet-h3.jpg) top left no-repeat;  margin:12px 0px 0px 20px; text-indent:-9999px; padding:0px 0px 0px 0px; float:left; }
#tweetbox-right { width: 162px; height:63px; padding:0px 0px 0px 0px; float:left; }
#tweetbox-bottom { width: 357px; height:134px; padding:0px 0px 0px 0px; float:left; }




.follow  {
background: url(../images/follow-me.gif) no-repeat top center;
width: 119px; height: 29px; text-indent: -3000px;
padding:0px; margin:7px 0px 0px 32px;
background-position: 0px 0px;
float:left;
}

.follow a {
background:url(../images/follow-me.gif) no-repeat top center;
width: 119px; height: 29px;
background-position: 0px 0px;
padding:0px; margin:0px;
float:left;
}
.follow a:hover {
background:url(../images/follow-me.gif) no-repeat top center;
width: 119px; height: 29px;
padding:0px; margin:0px;
float:left;
background-position: -119px 0px;
}

.visit  {
background: url(../images/visit.gif) no-repeat top center;
width: 152px; height: 39px; text-indent: -3000px;
padding:0px; margin:18px 0px 0px 188px;
background-position: 0px 0px;
float:left;
}

.visit  a {
background:url(../images/visit.gif) no-repeat top center;
width: 152px; height: 39px;
background-position: 0px 0px;
padding:0px; margin:0px;
float:left;
}
.visit  a:hover {
background:url(../images/visit.gif) no-repeat top center;
width: 152px; height: 39px;
padding:0px; margin:0px;
float:left;
background-position: -152px 0px;
}


#twitter_update_list { padding:0px; margin:0px; }
#twitter_update_list li { font-size:130%; line-height:1.2em; padding:0px; margin:0px 20px 0px 30px; list-style-type:none; }


#twitter_update_list a:link { color:#af1e1f; background-color:#cdaf19; padding: 0px; margin:0px; text-decoration:none;}
#twitter_update_list a:visited { color:#af1e1f; background-color:#cdaf19; padding: 0px; margin:0px; text-decoration:none;}
#twitter_update_list a:hover { color:#cdaf19; background-color:#af1e1f; padding: 0px; margin:0px;}
#twitter_update_list a:active { text-decoration: none; border:0;}

#right { width: 488px; padding:15px 0px 0px 10px; background:url(../images/features-bg.jpg) top left no-repeat; float:left; height:429px; }

#featured {

	z-index:2;	
	width: 485px;height:416px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;

}

.wow  {
	background: url(../images/wow-sticker.png) no-repeat top center;
	width: 141px;
	height: 29px;
	text-indent: -3000px;
	padding:0px;
	margin:7px 0px 0px 32px;
	background-position: 0px 0px;
	float:left;
	z-index:4;
	position:relative;
	left: 60px;
	top:-180px;
}


.wow a {
background:url(../images/wow-sticker.png) no-repeat top center;
width: 141px; height: 141px;
background-position: 0px 0px;
padding:0px; margin:0px;
float:left;
}
.wow a:hover {
background:url(../images/wow-sticker.png) no-repeat top center;
width: 141px; height: 141px;
padding:0px; margin:0px;
float:left;
background-position: -141px 0px;
}


#infoblock {
display: inline; list-style-type: none;
padding: 0px; margin:0px;
}
 
#infoblock li {
margin: 0px 0px 0px 0px;  padding: 0px;
display: inline; list-style-type: none;
text-indent:-9999px;
}

#infoblock a 
{ float: left;
padding: 0px; height: 18px;
overflow: hidden;
text-indent:-9999px;
margin: 0px 0px 0px 20px;  padding: 0px;
}

.terms  {width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.terms a:link, .terms a:visited { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.terms a:hover  { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: -233px 0px;} 

.paying  {width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.paying a:link, .paying a:visited { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: 0px -18px;}
.paying a:hover  { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: -233px -18px;} 

.posting  {width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.posting a:link, .posting a:visited { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: 0px -36px;}
.posting a:hover  { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: -233px -36px;} 

.returning  {width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.returning a:link, .returning a:visited { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: 0px -54px;}
.returning a:hover  { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: -233px -54px;} 

.safety  {width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.safety  a:link, .safety  a:visited { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: 0px -72px;}
.safety  a:hover  { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: -233px -72px;} 


.privacy  {width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.privacy a:link, .privacy  a:visited { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: 0px -90px;}
.privacy a:hover  { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: -233px -90px;} 

.custom  {width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.custom a:link, .custom  a:visited { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: 0px -108px;}
.custom a:hover  { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: -233px -108px;} 

.stockists {width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat;}
.stockists  a:link, .stockists a:visited { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: 0px -126px;}
.stockists a:hover  { width: 233px; height: 18px; background:url(../images/useful-li.gif) top left no-repeat; background-position: -233px -126px;} 

ul.disclaimer-list { padding:0px; margin:0px; }
ul.disclaimer-list li { padding:0px; margin:0px 0px 0px 20px; list-style-type: none; line-height: 1.7em; }

ul.disclaimer-list a:link { color:#af1e1f; background-color:#cdaf19; padding: 0px; margin:0px; text-decoration:none;}
ul.disclaimer-list a:visited { color:#af1e1f; background-color:#cdaf19; padding: 0px; margin:0px; text-decoration:none;}
ul.disclaimer-list a:hover { color:#cdaf19; background-color:#af1e1f; padding: 0px; margin:0px;}
ul.disclaimer-list a:active { text-decoration: none; border:0;}

ul.slider-list { padding:0px; margin:0px; }
ul.slider-list li { padding:0px; margin:0px 0px 0px 6px; list-style-type: none; line-height: 1.3em; }

ul.slider-list a:link { color:#af1e1f; background-color:#cdaf19; padding: 0px; margin:0px; text-decoration:none;}
ul.slider-list a:visited { color:#af1e1f; background-color:#cdaf19; padding: 0px; margin:0px; text-decoration:none;}
ul.slider-list a:hover { color:#cdaf19; background-color:#af1e1f; padding: 0px; margin:0px;}
ul.slider-list a:active { text-decoration: none; border:0;}

ul.sites { padding:0px; margin:0px; }
ul.sites li { padding:0px; margin:2px; display:inline; list-style-type: none; float:left;}

#generic-left { width: 298px; padding:10px 0px 0px 0px; float:right; }
#generic-right { width: 538px; padding:0px 0px 0px 0px; margin:8px 16px 0px 0px; float:right; }
#text-panel-wrap {  width: 546px; padding:0px 0px 0px 0px; margin:0px; float:left; }
#text-panel-top { background:url(../images/text-panel-top.gif) top center no-repeat; width: 546px; height:12px; overflow:hidden; padding:0px 0px 0px 0px; float:left; }
#text-panel-bottom { background:url(../images/text-panel1.gif) bottom center repeat-y; width: 546px; padding:0px 0px 0px 0px; float:left; }
#text-panel-bottom p { margin:8px 25px 8px 25px; line-height:1.7em;}
#text-panel-bottom-wrap { background:url(../images/footer-wrap.gif) top center no-repeat; width: 530px; height:177px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.about { background:url(../images/title-about.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.press { background:url(../images/title-press.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.contact { background:url(../images/title-contact.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.conditions { background:url(../images/title-terms.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.pay { background:url(../images/title-paying.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.post { background:url(../images/title-post.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.returning { background:url(../images/title-returns.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.private { background:url(../images/title-privacy.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.safe { background:url(../images/title-safety.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.wholesale { background:url(../images/title-custom.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.stocks { background:url(../images/title-stockist.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}

#text-panel-bottom h3.friends { background:url(../images/title-friends.gif) top center no-repeat; width: 530px; height:111px; padding:0px 0px 0px 0px; margin:0px 6px 8px 10px; float:left; text-indent:-9999px;}


ul.conditions { padding:0px; margin:8px 0px 0px 0px; font-size: 135%; font-weight:bold; }
ul.conditions li { padding:0px; margin:0px 0px 0px 45px; list-style-type: none; line-height: 1.7em; }

ul.conditions a:link { color: #d1ca9c;  padding: 5px; margin:0px; text-decoration:none;}
ul.conditions a:visited { color: #d1ca9c;  padding: 5px; margin:0px; text-decoration:none;}
ul.conditions a:hover { color: #d6bc1e;  background-color:#af1e1f; padding: 5px; margin:0px;}
ul.conditions a:active { text-decoration: none; border:0;}


#press-wrap { width: 518px; padding:10px 10px 10px 10px; margin:0px 3px 0px 0px;  float:right; }

.press-item { background:url(../images/divide.gif) top center no-repeat;  width: 518px; padding:20px 0px 0px 0px; margin:0px 0px 0px 0px;  float:right; }

.press-item h2 { font-size:150%;  line-height:1.3em; padding:0px 0px 0px 25px; margin:0px 0px 0px 0px;}

.date { color:#d3ad29;}

.press-item-image { width: 150px; height:133px; padding: 8px 0px 0px 8px; margin: 6px 10px 6px 15px; float:left; background:url(../images/press-image-bg.gif) top left no-repeat }

ul.icons {padding:0px; margin:0px 0px 0px 8px;}
ul.icons li {padding:0px; margin:0px; display: inline; list-style-type:none;} 

ul.shoplist {padding:0px; margin:0px 0px 0px 8px;}
ul.shoplist li {padding:0px; margin:0px; display: inline; list-style-type:none; } 

#text-panel-bottom h3 { margin:0px 0px 0px 45px; }

#text-panel-bottom ul { list-style: none; margin:0px 0px 0px 45px;}

#slideshow {
    position: relative;
    height: 485px;
    margin: 0 auto;
}

#slideshow a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
}

#slideshow a.active {
    z-index: 10;
    opacity: 1.0;
}

#slideshow a.last-active {
    z-index: 9;
}