@import "reset.css";
@import "shop.css";
@import "navigation.css";
@import "forms.css";

body { background:url(/assets/images/lunya/bg.jpg) repeat-x #7f151c;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:100%;}

#wrapper { background:url(/assets/images/lunya/middle-bg.jpg) repeat-x #fffffe;
margin:0 auto;
padding:0;
width:990px;
font-size:0.75em;}

.content { margin:15px 0 0 0;
width:100%;
.margin:15px 0 20px 10px;
_margin:0px 0 15px 0px;}

p.content, h3.content { margin:0 0 15px;
padding:0;}

p { margin:10px 0 10px 0; }

p.p1 { font-weight:bold;}

h1 { color:#81161c;
font-size:2.0em;
font-weight:bold;
margin:10px 0 10px;}

h2 { color:#795f0e;
margin:0 0 10px;}

h3 { color:#795f0e;
font-size:1.25em;
margin:0 0 10px;}

a { color:#000;
text-decoration:none;}

a:hover { color:#81161c;
text-decoration:underline;}

/*-----------------------------------------------header----------------------------------------*/

.header { border-top:4px solid #565656;
height:30px;}

.header .line { height:1px;
background:#565656;
margin:1px 0 0 0;
_background:none;}

.header ul { background:#565656;
float:right;
margin:-2px 10px 5px 0;
padding:5px 10px 10px 10px;
_margin:-15px 10px 5px 0;}

.header ul li { color:#dddddd;
float:left;
padding:0 5px;
border-right:1px solid #dddddd;
font-weight:bold;}

.header ul li.login { border-right:none;}

.header ul li a { color:#dddddd;}
.header ul li a:hover { color:#fff;
text-decoration:none;}

/* logo */

img.logo { position:relative;
margin:-60px 0 0 40px;
z-index:2;
_margin:-80px 0 0 40px;}


/* main image */

.main-image { margin:-115px 10px 0 10px;
border-bottom:1px solid #f6c325;
padding-bottom:5px;
position:relative;
z-index:0;}

/*.main-image.home { width:970px;
height:296px;
overflow:hidden;
_margin-bottom:10px;}*/

.main-image.internal { width:970px;
height:200px;
overflow:hidden;}



/* slider */

.nivoSlider { position:relative;
z-index:0;}

.nivoSlider img { position:absolute;
top:0px;
left:0px;
z-index:0;
height:296px;
overflow:hidden;}

/* The slices in the Slider */
.nivo-slice { display:block;
position:absolute;
z-index:50;
height:100%;}



.main-image.home .overlay { float:right;
margin:0;
padding:0;
top:181px;
width:527px;
height:115px;
overflow:hidden;
position:relative;
z-index:100;
background:url(/assets/images/lunya/home-img-overlay.png) no-repeat;}


.main-image .overlay p { color:#951b23;
margin:5px 0 0 30px;
padding:0;}

.main-image .overlay p.p1 { margin:45px 0 0 30px;}

.main-image .overlay .buttons { width:126px;
float:right;
margin:45px 10px 0 10px;}

.main-image .overlay .buttons img { margin:0 0 5px 0;}

.main-image.shop { overflow:hidden;
width:970px;
height:133px;}

.main-image.shop .overlay { background:url(/assets/images/lunya/search-overlay.png) no-repeat;
width:480px;
height:68px;
float:right;
margin:65px 0 0 0;}

#wrapper .main-image.shop .overlay form { margin:35px 0 0 12px;
padding:0;}

#wrapper .main-image.shop .overlay form input { background:#fae5a6;
width:350px;
color:#951b23;
font-style:italic;
padding:5px;
font-size:100%;
border:1px solid #deae18;
float:left;
margin:0 5px 0 0;}

#wrapper .main-image.shop .overlay form input.search-button { background:url(/assets/images/lunya/search-btn.jpg) no-repeat;
width:93px;
border:none;}

/*----------------------------------------------footer-------------------------------------------*/

#footer { background:url(/assets/images/lunya/footer-bg.jpg) repeat-x #555656;
font-size:0.94em;
padding:22px 15px;
margin:20px 0 0 0;
.margin:0px 0 0 0;
.padding:15px 15px;
_padding:22px 15px;}

#footer p { margin:0;
padding:0;
width:500px;
color:#bbbbbb;}

#footer ul { 
float:right;}

#footer ul li { float:left;
padding:0 5px;
border-right:1px solid #bbbbbb;}

#footer a { color:#bbbbbb;}

#footer a:hover {
text-decoration:underline;}

/*----------------------------------------------paging------------------------------------------*/

ul.paging {
border-top:1px solid #e2e2e2;
display:inline;
margin-right:11px;
width:690px;
list-style:none !important;
}

ul.paging li {
float:left;
}

ul.paging li a {
background:#ece6d4;
color:#795f0e;
display:block;
margin-left:1px;
margin-top:10px;
padding:3px 5px;
text-decoration:none;
}

ul.paging li a:hover {
background:#f6c324;
color:#bf311a;
}

ul.paging li a.active {
background:#921a23;
color:#fff;
}


/* new breadcrumb */

ul#breadcrumb { background:#efead9;
border-top:1px solid #e1dbc7;
border-bottom:1px solid #e1dbc7;
padding:2px 5px;
margin:0 0 20px 0;}

ul#breadcrumb li { display:inline;
border-right:1px solid #4b3b0a;
padding:0 5px;
margin:0;
font-size:90%;}

ul#breadcrumb li a { color:#4b3b0a;}


/* end breadcrumb */

/* basket nav */

.basketnav { float:left;
margin-bottom:10px;
width:100%;}

/*.basketnav a:first-child { border-left:1px solid #e1dbc7;}*/

.basketnav a {
background:url(../images/breadcrumb.gif) no-repeat top right;
color:#4b3b0a;
display:block;
float:left;
font-weight:bold;
height:31px;
line-height:31px;
margin:0 -16px 5px 0;
padding:0 67px;
text-decoration:none;}

/*-----------------------------------------------review-------------------------------------------
 no images to edit,
 just change ".stars .color" background color to change star colour*/
.stars {
height:17px;
position:relative;
width:100px;
}

.stars img {
position:absolute;
z-index:2;
}

.stars .color {
background:#f3a92e;
height:17px;
position:absolute;
z-index:1;
}

.rating {
font-weight:bold;
margin:0 4px 0 0;
}

.review {
border-bottom:1px solid #d2d1d1;
padding:10px;
}

.leftarea {
width:206px;
}

/*----------------------------------------------right hand column------------------------------------------*/
.content .right_col {
display:block;
float:right;
margin:0 2px 0 40px;
text-align:center;
width:186px;
}

.content .right_col .feature {
background-color:#f0f9ff;
margin:0 0 5px;
padding:10px;
width:166px;
}





/*----------------------------------------------styles in templates------------------------------------------*/
.deliverytop {
background:#bbe0f4;
color:#526066;
padding:2px;
}

.deliverymiddle {
background:#e1eef4;
border-left:1px solid #fff;
border-top:1px solid #fff;
color:#526066;
padding:2px;
}



.small {
color:#565656;
float:left;
font-size:90%;
margin-bottom:8px;
margin-top:8px;
}

.small1 {
color:#98918d;
float:left;
font-size:90%;
}

.buttonwrap {
color:#507990;
float:right;
width:500px;
}

a.button {
background:#a19e9b;
color:#fff;
float:right;
margin-left:3px;
margin-top:0;
padding:3px;
text-align:center;
text-decoration:none;
}

a.button:hover {
background:#ccc;
}



/* rightside */

.rightside { width:370px;
float:left;
margin:0 0 0 40px;}


/* promotions on the homepage */

.rightside .promotion { background:#f4ecd2;
padding:5px 5px 5px 15px;
margin:10px 0 0 0;}

.rightside .promotion.second { margin:25px 0 0 0;}

.rightside .promotion h2 { font-size:2.0em;
margin:-15px 0 0 0;
position:relative;}

.rightside .promotion p { margin:10px 0 10px 0;
line-height:14px;
font-size:90%;}

.rightside .promotion img { float:right;
border:1px solid #795f0e;
margin:0 5px 5px 10px;}

.rightside .promotion a { color:#4a3318;
font-weight:bold;
background:url(/assets/images/lunya/brown-arrows.jpg) no-repeat center right;
padding:0 20px 0 0;
float:right;}

/* internal rightside */

.internal-rightside { width:200px;
float:right;
margin:0 0 0 0px;
background:#f4ecd2;
padding:0 10px;}

.internal-rightside h2 { font-size:180%;
margin:5px 0;}

.internal-rightside ul.links {}

.internal-rightside ul.links li { background:url(/assets/images/lunya/nav-arrows.jpg) no-repeat left center;
border-bottom:1px solid #EDE4C7;
padding:7px 0 7px 25px;}



.rightlist .downloads a {
background-image:url(/images/pdf.gif);
background-repeat:no-repeat;
color:#0d81b3;
line-height:17px;
margin-bottom:4px;
padding-bottom:4px;
padding-left:20px;
text-decoration:none;
}



.pages {
color:#666;
float:left;
padding-top:5px;
width:100px;
}

.cpages-img {
margin-bottom:10px;
}

.linkstop {
background:#bbe0f4;
color:#526066;
padding:5px;
}

.linksmiddle {
background:#f5f5f5;
border-left:1px solid #fff;
border-top:1px solid #fff;
color:#526066;
padding:5px;
}

.linksmiddle a {
color:#005174;
}

.linksmiddle a:hover {
color:#888;
}

.btn1 {
background-color:#dfdfdf;
color:#666;
width:80px;
}



.linkswrap {
clear:both;
float:left;
margin-bottom:20px;
width:80%;
}

.comments {
background:#fef2dd;
padding:10px;
}

.comments a {
color:#fa6400;
float:left;
}

.comments a:hover {
color:#fb6602;
}

.comments .commentbutton {
background:#fb8a02;
border:1px solid #fb8a02;
color:#fff;
float:right;
font-size:100%;
padding-bottom:2px;
padding-top:2px;
width:100px;
}

.comments .commentbutton a:hover {
background:#fb6602;
}

.comments .line {
border-bottom:1px dotted #f42b6e;
height:1px;
width:100%;
}

.comments label {
float:left;
width:100px;
}

.comments input {
color:#666;
float:left;
font-size:100%;
margin-bottom:2px;
width:230px;
}

.comments textarea {
color:#666;
width:230px;
}

.errortop {
color:red;
float:right;
font-size:100%;
margin-bottom:3px;
margin-top:0;
text-align:left;
width:292px;
}

.date {
font-size:90%;
font-weight:bold;
}

/*------------------------sitemap---------------------*/
ul.sitemap a {
text-decoration:none;
}

ul.sitemap li ul li {
font-weight:normal;
padding:5px 5px 5px 20px;
}

ul.sitemap li {
font-weight:bold;
padding:2px;
text-indent:3px;
}

ul.sitemap li ul {
margin:10px 0 0;
}




.leftarea #login a:hover,
.leftarea #loggedin a:hover,
.breadcrumb .on {
color:#06749d;
}

.basketnav a:hover,
.basketnav a:hover,
.basketnav a.active {
background:url(../images/breadcrumb2.gif) no-repeat top right;
color:#b9252e;
}

.deliverytable,
.linkstable {
border-bottom:1px solid #fff;
border-right:1px solid #e1eef4;
}

.rightlist ul.downloads,
.rightlist ul.links {
color:#0d81b3;
font-size:90%;
list-style:none;
margin:0 0 20px;
padding:0;
}


/*-----------------------------Slideshow--------------------------------*/

#shopcontent #s3slider {
   width: 774px; /* important to be same as image width */
   height: 190px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#shopcontent #s3sliderContent {
   width: 774px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

#shopcontent #s3sliderContent img {
	width:774px;
}

.with_right_col #s3sliderContent img {
	width:538px !important;
}

.with_right_col #s3slider {
   width: 538px !important; /* important to be same as image width */
   height: 190px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

.with_right_col #s3sliderContent {
   width: 538px !important; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage div {
   position: absolute; /* important */
   font: 12px Arial, Helvetica, sans-serif;
   background:url(../images/half.png);
   color: #fff;
   display: none; /* important */
   width:120px;
   height:190px;
   right: 0;
   top: 0;
   /*left:0;
   bottom:0;*/

   /*
       use top/bottom/right/left to position the text div and width and height for it's shape
   */
}

.s3sliderImage div span {
	display:block;
	padding: 10px 13px;
}



/* adding in a left nav */

.left-menu { width:230px;
float:left;
background:#f4ecd2;
margin:0 20px 0 10px;
_margin:10px 5px 0 5px;}

.left-menu h2 { font-size:180%;
margin:0 10px;}

.left-menu ul { margin:0 15px;}

.left-menu ul li { background:url(/assets/images/lunya/nav-arrows.jpg) no-repeat center left;
padding:7px 0 7px 25px;
border-bottom:1px solid #ede4c7;}

.left-menu ul li a { color:#795f0e;}


/* images right */

.images-right { float:right;
width:315px;
margin:0 30px 0 0;}

.images-right img { border:1px solid #fff;
padding:8px;
margin:0px 10px 5px 10px;
background:#efeadb;}


/* news section */

.newsdiv { clear:both;
width:700px;
float:left;}

.newsdiv .news-article { background:#f9f5e8;
margin:5px 0;
padding:10px;
border-top:1px solid #eae3cd;
border-bottom:1px solid #eae3cd;}

.newsdiv img { float:right;
border:1px solid #c5b88e;
/*margin:0 10px;*/}

.newsdiv .news-article h2 { font-size:120%;
color:#565656;
margin:5px 0;
padding:0;}

.newsdiv .news-article h2 a { color:#565656;
text-decoration:none;}

.newsdiv p.posted { margin:0;
color:#978a63;
font-style:italic;
font-size:90%;
padding:0;}

.newsdiv .news-article p { margin:5px 0;
padding:0;}

.newsdiv p.more { background:url(/assets/images/lunya/yellow-arrows.jpg) no-repeat right center;
color:#C29201;
font-weight:bold;
width:60px;
margin:10px 0;
padding:0 20px 0 0;}

.newsdiv p.more a { color:#C29201;}
.newsdiv p.more a:hover { text-decoration:underline;}

.newsdiv p.back { background:url(/assets/images/lunya/yellow-arrows.jpg) no-repeat right center;
color:#C29201;
font-weight:bold;
width:80px;
margin:10px 0;
padding:0 20px 0 0;}

.newsdiv p.back a { color:#C29201;}
.newsdiv p.back a:hover { text-decoration:underline;}



/* recipes section */

.recipes { clear:both;
width:700px;
float:left;}

.recipes .recipe-detail { background:#f9f5e8;
margin:5px 0;
padding:10px;
border-top:1px solid #eae3cd;
border-bottom:1px solid #eae3cd;}

.recipes img { float:right;
border:1px solid #c5b88e;
margin:0 10px;}

.recipes .recipe-detail h2 { font-size:120%;
color:#565656;
margin:5px 0;
padding:0;}

.recipes .recipe-detail h2 a { color:#565656;
text-decoration:none;}

.recipes p.posted { margin:0;
color:#978a63;
font-style:italic;
font-size:90%;
padding:0;}

.recipes .recipe-detail p { margin:10px 0;
padding:0;}

.recipes p.more { background:url(/assets/images/lunya/yellow-arrows.jpg) no-repeat right center;
color:#C29201;
font-weight:bold;
width:60px;
margin:10px 0;
padding:0 20px 0 0;}

.recipes p.more a { color:#C29201;}
.recipes p.more a:hover { text-decoration:underline;}

.recipes p.back { background:url(/assets/images/lunya/yellow-arrows.jpg) no-repeat right center;
color:#C29201;
font-weight:bold;
width:80px;
margin:10px 0;
padding:0 20px 0 0;}

.recipes p.back a { color:#C29201;}
.recipes p.back a:hover { text-decoration:underline;}


/* image gallery */

.cat { width:125px;
float:left;
background:#f4ecd2;
margin:10px;
padding:10px;
border:1px solid #eae2c8;}

.cat h3 { margin:0;
padding:0;
color:#8b6800;
font-size:112%;
font-weight:bold;}

.cat p { margin:5px 0 0 0;
padding:0;}

.cat p a { background:url(/assets/images/lunya/yellow-arrows.jpg) no-repeat right center;
color:#C29201;
float:right;
font-weight:bold;
padding:0 20px 0 0;}

.cat img { border:1px solid #c5b88e;
padding:2px;
background:#ece6d2;
margin:5px 3px 3px 3px;}

/* recipes page */

ol { list-style:none;
margin:0 0 15px 0;
padding:10px;
width:280px;
_width:240px;
background:#f5f2e9;
border-top:1px solid #e3ddcd;
border-bottom:1px solid #e3ddcd;}

ol li { padding:2px 0;}


/* social links */

img.social { margin:15px 5px 0 2px;}

img.second { margin:15px 0 0 0;}

/* meet the team */

.person { border-top:1px solid #ddd6bf;
border-bottom:1px solid #ddd6bf;
padding:10px 5px;
background:#f8f4e6;}

.person img { float:left;
width:120px;
padding:5px;
background:#ece6d2;
border:1px solid #c5b88e;
margin:0 10px;}

.person .people { margin:5px;}

/* docs */

h2.documents { width:400px;
background:#f4ecd2;
color:#4b3419;
font-weight:bold;
padding:5px;
margin:0;
border-bottom:1px solid #E1DBC7;}

ul#docs { list-style:none;
margin:0;
padding:0;
width:400px;}

ul#docs li { margin:0;
padding:5px 0 5px 10px;
border-bottom:1px solid #E1DBC7;}

ul#docs li a { background:url(/assets/images/lunya/pdf.gif) no-repeat center left;
padding:0 0 0 20px;}