/* CSS Document */

/* ================= 
   Site-wide Styling 
   ================= */
   
body
{
font-size:13px;
color:#4F5A00;
}

#cont 
{ 
font-family:Helvetica, Arial, sans-serif; 
width: 764px; 
margin-left: auto; 
margin-right: auto; 
margin-top: 20px;
/*height:640px;*/
}

a
{
text-decoration:underline;
font-weight:bold;
color:#4F5A00;
}

a:hover, a:active
{
text-decoration:none;
font-weight:bold;
color:#fff;
background:#7FBA00;
}


ul
{
margin: 0px;
padding: 0px;
}

li
{
list-style-image:none;
list-style-type:none;
margin:0px;
padding:0px;
}

/* F&P logo */
#logo 
{
margin-bottom: 10px; 
}

/* Nav Bar */
#nav 
{
background: #777263;
list-style-type: none;
text-align:center;
width: 764px;
font-weight:bold;
font-size:12px;
float: left; /* Contain floated list items */
border-bottom:2px solid #FFF;
}


#nav li {
margin: 0;
padding: 0;
float: left; /* This corrects the */
width: 187px; /* value with language button = 123px, value with news = 149px; / IE whitespace bug */
border-right:4px solid #FFF;
}


#nav a 
{
display: block; /* to increase clickable area as a’s default to inline */
color: #FFF;
text-decoration: none;
padding: 0px 0px;
line-height: 2.5; 
border-bottom:1px solid #FFF;
}

#crnt_pg
{
display: block; /* to increase clickable area as a’s default to inline */
background: #7FBA00;
width:149px;
color: #1A1303;
text-decoration: none;
padding: 0px 0px;
line-height: 2.5; 
border-bottom:1px solid #FFF;
}

#nav a:hover 
{
background: #7FBA00;
}

/* footer message */
#footer 
{
  direction:ltr;
  clear: both; 
  color:#4F5A00;
  margin-top: 10px; 
  margin-bottom: 25px; 
  text-align:center;
  width: 100%; /* required by FF to center the footer */
}

.empty { 
padding: 0px; 
margin: 0px; 
clear: both; 
height: 0px; 
}

input
{
margin-bottom:4px;
}

/* ========= 
   HOME PAGE 
   ========= */
   
#sideBar
{
width:246px;
line-height:1.5em;
float:right;
padding-left: 0px;
margin-right: 4px;
}

#noticeDiv
{
border: 1px dashed red;
padding:15px;
color:red;
font-weight:bold;
font-size: 15px;
direction:rtl;
line-height:1.5em;
margin-bottom:7px;
}

#main 
{
width: 505px;
float:left;
}

#introDiv
{
width: 507px;
height: 359px;
background-image:url(../images/intro_bg.jpg);
margin-bottom: 5px;
}

/* Welcome message */
#welcome 
{ 
float:left; /* required by IE to display to the far left */
width: 382px; 
height: 102px; 
background-color: #FDF4AF; 
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
margin: 170px 3px 4px 0px; 
font-style:italic; 
font-size:13px; 
font-weight: bold; 
color: #777263;/*#B18A53; */
line-height: 2em;
padding: 15px 20px 14px 50px; 
text-align:left;
}

.divHead
{
background:#7FBA00;
color:#fff;
text-align:center;
line-height:1.7em;
margin-bottom: 7px;
font-size:15px;
}

.sectionHdr
{
font-size:14px;
margin-bottom:7px;
}

.more
{
margin-top:7px;
}

.prodImg
{
margin-top:4px;
float:left;
text-align:center;
height:100%;
border: 2px solid #7FBA00;
margin-right: 7px;
}
/*#prodDiv, #newsDiv, #promoDiv
{
width: 246px;
}*/

#bottomSections
{
width:507px;margin:0px; padding:0px;
}

#prodDiv, #newsDiv, #promoDiv
{
padding-bottom:7px;
}

#prodDiv
{
width: 250px; 
float:left;
}

#basketDiv
{
display:block;
width: 132px;
height:180px;
line-height:2em;
text-align:center;
border: 2px solid #7FBA00;
margin-bottom:7px; 
padding-right:110px;
padding-top:20px;
text-decoration:none;
font-size:1.4em;
background: #ffffff url("../images/gift-basket.jpg") no-repeat top right;
}

#basketDiv:hover, #basketDiv:active
{
color:#7FBA00;
}

#basketDiv span
{
font-size:.8em;
line-height:1.7em;
}

#newsDiv
{
width: 250px; 
float:right;
}

#errorMSG 
{
border: 1px solid red;
margin-top: 7px;
color: red;
font-weight: bold; 
padding: 10px;
clear: both;
}

#errorMSG ul 
{
list-style: none;
margin: 0px; padding: 0px;
}
	
#errorMSG ul li 
{
padding: 0px; margin: 0px;
padding-top: 7px;
}

#thanku
{
border: 2px dashed #4F5A00;
color:#4F5A00;
font-weight:bold;
line-height:1.5em;
padding:5px;
}

/* ============ 
   CATALOG PAGE 
   ============ */

/* Side Bar */
#cat-bar
{
background-color:#7FBA00;
color:#FFFFFF;
font-weight:bold;
width:129px;
height:500px;
padding: 30px 10px 10px 10px;
float:left;
}


#promo-bar
{
font-weight: normal;
}

#promo-bar h1
{
font-weight: bold;
font-size: 1.1em;
text-align:center;
margin: 10px 0 7px 0;
padding: 2px;
border: 2px solid white;
}

.promo-box
{
font-weight: normal;
border: 2px dashed #fff;
padding: 5px;
margin: 10px 0px 10px 0px;
}

.promo-box h1
{
font-weight: bold;
font-size:1.2em;
text-align:center;
padding: 0 0 5px 0;
margin: 0px;
}

.promo-box .expiry
{
font-weight: bold;
font-size:0.9em;
text-decoration:italic;
color:red;
padding: 5px 0 0 0;
}

/* Main Column */
#cat-main
{
width:607px;
/*padding:10px;*/
float:right;
margin-right:4px;
}

.cont-padding
{
	padding:10px;
}
/* Shopping Home */
#basketsDiv
{
	/*width: 100%;*/
	border: 2px solid #7FBA00;
	padding:10px;
	margin-bottom:5px;
	height:186px;
	background-image: url("../images/gift-basket.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
}

#vouchersDiv
{
	border: 2px solid #7FBA00;
	float: left;
	width:277px;
	padding:10px;
	margin-bottom:5px;
	height:301px;
	background-image: url("../images/FP-Vouchers.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
}

#vipDiv
{
	border: 2px solid #7FBA00;
	float: right;
	width:277px;
	padding:10px;
	margin-bottom:5px;
	height:301px;
	background-image: url("../images/VIP-Voucher.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
}

#basketsDiv p
{
	line-height: 1.5em;
	width:70%;
	text-align: left;
}

#vouchersDiv p, #vipDiv p
{
	line-height: 1.5em;
}

/* Collections */
.hdr
{
color:#4F5A00;
font-size:18px;
font-weight:bold;
padding-top:15px;
padding-bottom:20px;
}

#collections
{
text-align:center;
margin-left:auto;
margin-right:auto;
}

#collections td
{
padding:0px 5px 5px 5px;
}
/* Line */
.imgDiv
{
margin-top:4px;
float:left;
text-align:center;
height:100%;
border: 2px solid #7FBA00;
}


.descDiv
{
float:right;
line-height:1.5em;
width:430px;
}

hr
{
margin: 20px 0px;
}
/* Products */
#pgnav
{
width:100%;
display:block;
text-align:right;
}

#pgnav p
{
display:block;
float:right;
}

#prev, #next
{
text-align:center;
width:30px;
}

#products
{
text-align:center;
margin-left:auto;
margin-right:auto;
}

#products td
{
padding:0px 5px 5px 5px;
}
/* Item */
.info
{
padding-left:10px;
}
/* Promotions */

#basket-div
{
	padding:20px;	
}

#basket-div h1
{
	font-size:1.8em;
	padding-bottom:15px;
}

#basket-div h2
{
	font-size:1.2em;
}

ul.basket-list li
{
	list-style-type: disc !important;
	margin-left: 12px;
}
/* News Page */
#newsPg
{
padding: 10px 40px;
width:100%;
}

/* About page */
.about 
{
float:right; /* added to prevent the Copyright notice from overlapping the text */
}

.about p 
{
padding:10px 100px;
text-align:justify;
}

.about h1 
{
padding-left:60px;
}

/* Product */
#cartSummary
{
	text-align: right;
}

#cartSidebar
{
	color:#4F5A00;
}

#cartSidebar hr
{
	color:#4F5A00;
	width:80%;
	/**/ padding:0px; margin:10px;
}

#cartContents
{
	padding-left:10px;
}
#tableDiv
{
	width:100%;
	text-align:center;
}
#productTable
{
	margin-top:15px;
	text-align: center;
	border: 1px solid #7FBA00;
	padding: 4px;
	margin-left:auto; margin-right:auto;
}

#productTable th
{
	padding: 3px 5px;
	background-color: #EEE;
}

#productTable td
{
	padding: 3px 5px;
}

#buttonsRow
{
	text-align:right;
}

#buttonsRow input, #buttonsRow a
{
	font-size:12px;
	text-decoration: none;
	border: 2px solid #7FBA00;
	background-color: #EEE;
	color:#4F5A00;
	font-weight:bold;
  padding: 3px;
  margin:3px;
  vertical-align:middle;
  cursor: pointer;
  cursor: hand;
}

.announce
{
	margin: 10px 20px;
	padding:7px;
	border: 2px solid #7FBA00;
	background-color:#D0F20D;
	
}

label
{
	float:left;
	text-align:left;
	width:10em;
	margin-right:1em;
}

.checkoutList li
{
	margin-bottom:1em;
}


.contactList li
{
	margin-bottom:1em;
}

.contactList label
{
	float:left;
	text-align:left;
	width:12em;
	margin-right:1em;
}

.contactList span
{
	float:right;
	text-align:left;
	width:31.1em;
	margin-right:1em;
}

/* ========= */
/* Cart Page */
/* ========= */
#deliveryNotes
{
	border: 2px dashed #7FBA00;
	width:80%;
	padding: 5px 15px;
	line-height:1.5em;
	margin-left:auto; margin-right:auto;
	margin-top: 30px;
	margin-bottom:15px;
}

#deliveryNotes li
{
	list-style-type:disc;
	margin: 10px 20px;
}

#deliveryNotes h1
{
	font-size:1.6em;
	margin: 20px 10px 10px 0px;
}

/* ============= */
/* Checkout Page */
/* ============= */
#instructionsNote
{
	border: 2px dashed #7FBA00;
	width:30%;	
	padding: 5px 15px;
	line-height:1.5em;
	margin-left:auto; margin-right:auto;
	margin-top: 15px;
	margin-bottom:15px;
	float:right;
}

/* Contact Page */
#contact
{
width:608px;
float:right; /* added to prevent the Copyright notice from overlapping the text */
margin-right:30px;
}