@import "css/reset.css";
@charset "utf-8";
/* CSS Document */


/*
body,header,wraper,footer*/
* {
margin: 0;
padding:0;
}
html, body {	
color: #fff;
font-family: 'verdana', 'helvetica', sans-serif;					
height: 100%;
background-image:url(../images/w.jpg);

}


#wraper{
width:1000px;
background-image: url(../images/bodybg.jpg);
background-repeat:repeat-y;
height: auto !important;
height: 100%;
width:1000px;
margin: 0 auto;
}

#header{
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
width:1000px;
height:255px;
margin-top:0px;
position:relative;

}
#logo{
background-image:url(../images/logo.png);
background-repeat:no-repeat;
width:275px;
height:132px;
margin-left:10px;
		
}

#main{
width:943px;
margin-left:27px;			
}


/*start footer */
.push{
height: 4em;
}


.footer {
clear: both;
background-image:url(../images/footer.jpg);
height:211px;
position:relative;

}

#footerlink1{
width: 1000px;

color:#FFFFFF;
padding: 0px 0px 0px 0px;
margin-left: auto ;
margin-right: auto ;
position:relative;

}

.CustomerServices {
width: 254px;
float: left;
margin-left: 50px;
text-align: left;
margin-top:20px;
line-height:30px;
font-size:18px;
color:#FF0;	
}

.CustomerServices ul {
list-style:none;
padding: 0px 0px 0px 0px;}

.CustomerServices li {
padding: 0px 0px 0px 20px;
background: url(../images/fish2.gif) 0px 15px no-repeat;
}

.CustomerServices ul a:hover {
text-decoration:underline;
color: #fff;
	}
	
.CustomerServices ul a {
color: #fff;
text-decoration:none;
font-weight:bold;
font-size:12px;
}
	
.About {
width: 254px;
float: left;
margin-left: 120px;
text-align: left;
margin-top:20px;
line-height:30px;
font-size:18px;
color:#FF0;
}
.About ul {
list-style:none;
padding: 0px 0px 0px 0px;}

.About li {
padding: 0px 0px 0px 20px;
background: url(../images/fish2.gif) 0px 15px no-repeat;


	}
.About  ul a:hover {
text-decoration:underline;
color: #fff;
	}
	
.About ul a {
color: #fff;
text-decoration:none;
font-weight:bold;
font-size:12px;
	
}
	
.account {
width: 120px;
float: right;
right:50px;
text-align: left;
line-height:30px;
font-size:18px;
color:#FF0;
position:absolute;
top:20px;
padding-left:30px;
}

.account  ul {
list-style:none;
padding: 0px 0px 0px 0px;
             }
.account  li {
padding: 0px 0px 0px 20px;
background: url(../images/fish2.gif) 0px 15px no-repeat;
             }
.account  ul a:hover {
text-decoration:underline;
color: #fff;
	                 }
	
.account  ul a {
color: #fff;
text-decoration:none;
font-weight:bold;
font-size:12px;	
	}

	
.card{
width: 301px;
float: left;
margin-top:160px;
height:39px;
background-image:url(../images/card.jpg);
margin-left: auto ;
margin-right: auto ;
position:relative;
right:630px;	
}	

/** Connect 

**/
 
/** Connect **/
 #connect {
width: 180px;
text-align: center;
position:absolute ;
bottom:40px;
height:2px;
float:left;
left:450px;






		
}
#connect a {
background: url(../images/icons3.png) no-repeat;
display: inline-block;
height: 39px;
width: 40px;
margin: 0 8px;
position:relative;
left:350px;
	
		
}
#connect a.facebook {
	background-position: 0  0;
}
#connect a.twitter {
	background-position: 0 -49px;
}
#connect a.googleplus {
	background-position: 0 -98px;
}


/*end of footer*/


#menu{

position: relative; top: 170px; right: 20px;
width:950px;

}
			
#menu ul{
list-style:none;

}
#menu li{
list-style:none;
display:block;
float:right;
height:34px;
line-height:53px;
}
#menu li a{
display:block;
float:left;
color:#ffffff;
font-size:22px;
font-weight:bold;
line-height:53px;
text-decoration:none;
padding:0 30px;
											
}
#menu li a:hover{
color:#F30;
background:url(images/b2.png) no-repeat left;

}
			
/* end of main layout*/



/* home page content and images*/
.girl{
background-image:url(../images/girl2.jpg);
height:566px;
width:1000px;
position:relative;
right:27px;
bottom:1px;

	
}

#yellowbox{
background-image:url(../images/order.jpg);
background-repeat:no-repeat;
height:302px;
width:1000px;
position:relative;
bottom:1px;
}


#house{
background-image:url(../images/house.png);
background-repeat:no-repeat;
width:443px;
height:511px;
position:absolute;
bottom:209px;
left:550px;		
}

/*---------------------end of home page content and images--------------------------*/

#txtboxtext{
color:#FF0;
position:absolute;
right:-35px;
bottom:90px;
width:330px;
font-family: "Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
font-weight:bold;
}
/* home page text content*/
#welcome{
color:#FF0;
font-size: 30px;
font-family: "Times New Roman", Times, serif;
float: left;
font-style: italic;
position: relative;
left: 30px;
top:20px;


		
}
#welcometxt{
color:#ccc;
font-size:19px;
font-family:"Times New Roman", Times, serif;
float:left;
position:absolute;
left:30px;
top:70px;

width:700px;
overflow:hidden;
font-style:italic;



}
h1{
color: #fff;
font-size: 30px;
font-family: "Times New Roman", Times, serif;
float: left;
font-style: italic;
position: relative;
left: 30px;
top:15px;
font-weight:200;
}
.deliverarea{
font-family:"Times New Roman", Times, serif;	
font-size:20px;
overflow:hidden;
color:#CCC;
position:absolute;
left: 0px;
bottom:470px;
width:970px;
padding-left:30px;
font-style:italic;

}

.shopphone{

position:absolute;
right:20px;
top:107px;
font-size:18px;
color:#fff;

	
}

.pointtxt{
position:absolute;
right:20px;
top:60px;
font-size:14px;

	
}

.pointtxt li a{
line-height:40px;
color:#000;
text-decoration:none; 
	
}

.pointtxt li a:hover{
color:#FFF;	
text-decoration:none;	
}
/*----------------------end of home page text content -------------------------------*/
#content{
width:1000px;
height:650px;
position:relative;		
}


input.find_postcode[type=text]
{
	height:50px;
	
border: 1px solid #696;
padding: 5px 0;
text-align: center; width: 180px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F2F6DA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F6DA), to(#D6F7CA));
background: -webkit-linear-gradient(#F2F6DA, #D6F7CA);
background: -moz-linear-gradient(#F2F6DA, #D6F7CA);
background: -ms-linear-gradient(#F2F6DA, #D6F7CA);
background: -o-linear-gradient(#F2F6DA, #D6F7CA);
background: linear-gradient(#F2F6DA, #D6F7CA);
-pie-background: linear-gradient(#F2F6DA, #D6F7CA);
behavior: url(PIE.htc);
position:absolute;
right:110px;
bottom:27px;
width:220px;
font-size:28px;




}
.btn_findpost {
background-image: url(../images/checkover.png);
background-repeat: no-repeat;
width: 102px;
height: 68px;
cursor: pointer;
border: none;
background-color: transparent;
right: 0px;
bottom: 25px;
position: absolute;

}



.btn_findpost:hover{
background-image: url(../images/check.png);
background-repeat:no-repeat;
width: 102px;
	height: 68px;
cursor: pointer;
border:none;
background-color:transparent;	
right: 0px;
bottom: 25px;
position: absolute;
}
#checkPostcode{
width:142px;
height:91px;
right:500px;
top:150px;	
position:absolute;

}

#ValidPostcode{
right: 220px;
top: 100px;
position: absolute;
width:200px;
font-size:12px;
			
}


/* open and close time signs*/

.opening{

font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-size:16px;
position:absolute;
top:10px;
right:20px;
line-height:10px;
width:400px;
height:100px;
text-align:right;


	
}
#ShopClose2{
background-image:url(../images/closetimehome.png);
background-repeat:no-repeat;
height:120px;
width:120px;
position:absolute;
top:0px;
right:350px;
	
}
#Shopopen{
background-image: url(../images/weopen.png);
background-repeat:no-repeat;
height:120px;
width:120px;
position:absolute;
top:0;
right:350px;


}


.banner {
	
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:21px;
	position:absolute;
	right:550px;
	width:400px;
	bottom:120px;
	color:#ccc;
	font-weight:bolder;
	
	
	
}
#homenav{
position:relative;	
width:400px;
height:250px;
float:right;
bottom:500px;
left:10px;

	
	
}


#homenav ul{
list-style:none;	
	
	
}

 #homenav li {
font-family:"Times New Roman", Times, serif;
font-style:italic;	
line-height:50px;
padding-left:100px;









 }
 #homenav li a{
font-family:"Times New Roman", Times, serif;
font-size:22px;
font-style:italic;	
display: list-item;
color:#FFF;
text-decoration:none;
list-style:circle;
}

/**/
#homenav  li a:hover{
font-family:"Times New Roman", Times, serif;
font-size:22px;
font-style:italic;	
color:#000;
}




.pp ul{
list-style:none;	
}

#food{
width:945px;
height:243px;
position: relative;
top:370px;
left:25px;

	
}
.rice a{
background-image:url(../images/rice.png);
background-repeat:no-repeat;
background-color:transparent;
width:265px;
height:428px;
position:absolute;
left:10px;
display: block;
opacity:1.0;
filter:alpha(opacity=100);
	bottom:0px;
}

.rice a:hover {

filter:alpha(opacity=80); /* For IE8 and earlier */ 
opacity:0.6;	
}

.sweet a{
background-image:url(../images/sweet.png);
background-repeat:no-repeat;
background-color:transparent;
width:259px;
height:422px;
position:absolute;
left:345px;
display: block;
opacity:1.0;
filter:alpha(opacity=100);
bottom:0px;

}

.sweet a:hover {

filter:alpha(opacity=80); /* For IE8 and earlier */ 
opacity:0.6;	
}

.spring a{
background-image:url(../images/springroll.png);
background-repeat:no-repeat;
background-color:transparent;
width:259px;
height:422px;
position:absolute;
right:10px;
bottom:0px;
display: block;
opacity:1.0;
filter:alpha(opacity=100);	
}

.spring a:hover {

filter:alpha(opacity=80); /* For IE8 and earlier */ 
opacity:0.6;	
}

/*-------------end of open and close time signs----------------*/