/* -----------------------------------------------------------------------------
       Main Page layout - ah
       ----------------------------------------------------------------------------- */
	body {
		margin		: 0;
		padding		: 0;
		/* font-family: "Lucida Grande", Verdana, sans-serif;*/
		font-family	: "Arial", Verdana, sans-serif;
		font-size	: small;
		text-align	: center;
		color		: #5C412C;
		background	: #FFFFFF;
	}
	
	strong {
		font-weight   : bold;
	}
	 
	select, input {
	   border: 1px solid #C1BEAF;
    }
	
	input[type="image"] {
	   border: 0;
	}
	
	h1 {
		font-weight   : bold;
		font-size     : 1.35em;
		color         : #CA0F5E;
        font-family   : "Warnock Pro", "Garamond", "Arial", sans-serif;
	}	

	h2 {
		font-weight: bold;
		font-size  : 1.25em;
		color      : #CA0F5E;
        font-family: "Warnock Pro", "Garamond", "Arial", sans-serif;
	}
	
 
    p {
	 	font-size  : 11px;
     	line-height: 2em;
    }

	#wrapper {
  		background:#F8F8FF;
  		margin:0 auto; 
  		position:relative;
  		text-align:left;
  		width:870px;
  		z-index:10;
  		border-color: #C1BEAF;
  		border-left-width: 1px;	
  		border-right-width: 1px;	
  		border-bottom-width: 1px;	
  		border-left-style: solid;
  		border-right-style: solid;
  		border-bottom-style: solid;
	}

	#gutter
	{
		float: left;
		width: 1%;
		height: 1px;
	}
		
	#menuCol
	{
		float: left;
		width: 15%;
		margin-bottom: 1em;
		padding-right: 1.5%;
		padding-left : 1.5%;
	}
		
	#col2
	{
		float: left;
		width: 55%;

		margin-left: 3%;
		margin-bottom: 1em;
		background: url("../images/gif/centreColumnTopLeft.gif") top left no-repeat;
	}
		
	#col3 {
		float : left;
		width : 21%;
		margin: 0 0 0 -7px;
	}
		
		
	#footer
	{
		clear       : both;
		height      : 50px;
		padding     : 0.5em 0 0 1.5em;
		text-align  : left;
		font-size   : 1.25em;
		font-weight : bold;
	}
    
	#pageFooter 
	{
	    margin-left : auto;
        margin-right: auto;
		text-align	: left;
  		width		: 870px;
		font-size	: 1em;
        font-family : "Garamond", "Arial", sans-serif;
	}

    #pageFooter a {
		color 			: #98927A;
	    text-decoration	: none;
    }
	
	#pageFooter a:hover { 
		color			: #3F3F3F;
		text-decoration : none;
	}
/* ---------------------------------------------------------------------------------------------------
   Banner menu options
   --------------------------------------------------------------------------------------------------- */

	#banner {
      float      :left;
      width      :100%;
      line-height: 50px;
	}
	
	#banner img {
		padding: 15px 0 15px 30px;
	}
	
	#header {
      float      : left;
      width      : 100%;
      background : url("../images/jpg/horizontalMenuBar.jpg") repeat-x bottom;
      line-height: 25px;
      color      : #FFFFFF;
    }

	#header span {
	  float      : left;
	  font-size  : 12px;
	  padding    : 0 0 0 13px;
	}

	#header img {
	  float  : left;
	  padding: 7px 0 0 0;
	}


	
    #header a {
      color : #FFFFFF;
	  text-decoration: none;
    }
	
	#header a:hover { 
		color: #3F3F3F;
		text-decoration: none;
	}
	
	#header1 {    
	  float        : left;
	  width        : 100%;
	  height       : 178px;
      background   : url("../images/jpg/backgroundHeader.jpg");
      margin-bottom: 1em;

   }

	#header1 h2 {
	  font-size    : 30px;
	  font-weight  : normal;
	  color        : #FFFFFF;
      padding      : 67px 0px 0px 63px;
      margin       : 0px;
	}

	#header1 ul {
	  padding    : 7px 0px 15px 65px;
	  font-size  : 1.1em;
	  color      : #3F3F3F;
	  font-family  : "Arial", sans-serif;
	}
	
	#header .shoppingBasket {
	  margin: 0 0px 0 155px;
	}

	#header .imgShoppingBasket {
	  margin : 0 0px 0 10px;
	  padding: 0;
	}
/* ----------------------------------------------------------------------------------------
   Side Pannel menu Bar 
   ---------------------------------------------------------------------------------------- */

   #menuCol ul {
    	margin    :0;
    	padding   :0;
    	list-style:none;
   }
  
   #menuCol li {
    	float     :left;
    	margin    :0;
    	padding   :0;
    	background:url("../images/gif/centreRightMenu.gif") no-repeat right top;
    	width     : 150px;
    	height    : 25px;
   }

   #menuCol a {
      display    :block;
      background :url("../images/gif/centreLeftMenu.gif") no-repeat left top;
      padding    : 5px 0 0 15px;
      color      : #FFFFFF;
      font-size  : 12px;
	  text-decoration:none;
	  height     : 25px;
   }
   
   #menuCol span {
      display    : block;
      padding    : 5px 0 0 15px;
      color      : #FFFFFF;
      font-size  : 12px;
	  text-decoration:none;
	  height     : 25px;
   }

	
   #menuCol a img {
   	padding: 0 0 0 8px;
   }
   
   #menuCol #top {
    background:url("../images/gif/topRightMenu.gif") no-repeat right top;

   }

   #menuCol #top span {
    background:url("../images/gif/topLeftMenu.gif") no-repeat left top;
   }
   
   #menuCol #top span img {
   	padding: 0 0 0 10px;
   }
   
   #menuCol a:hover {
		color: #CA0F5E;
   }
      
   #menuCol #bottom {
    background:url("../images/gif/bottomRightMenu.gif") no-repeat right top;
   }

   #menuCol #bottom a {
    background:url("../images/gif/bottomLeftMenu.gif") no-repeat left top;;
   }
      
   
   #menuCol #topMenuOption {
     background:url("../images/gif/topRightMenuOption.gif") no-repeat right top;
   }
   
   #menuCol #topMenuOption a {
     background:url("../images/gif/topLeftMenuOption.gif") no-repeat left top;
   }
   
/* --------------------------------------------------------------------------------------------------
   Centre Panel
   -------------------------------------------------------------------------------------------------- */
   
   	div.col2Article1 p {
	 font-size  : 12px;
     line-height: 2em;
     padding    : 10px 23px 0 0;
   	}
 
    div.col2Article1 a:link {
		color		: #5C412C;
		font-weight : bold;
    }
    div.col2Article1 a:hover {
		color: #CA0F5E;
    }
      
   	#col2 h1 {
	   	background : url('../images/gif/dropShadow.gif') top right repeat-y;
	   	padding    : 10px 10px 20px 10px;
	}

	div.seperator {
		margin    : 1em 0 0 -1.1em;
		width     : 105.1%;
  		background: url('../images/gif/greyPixel.gif') top repeat-x;
	}	

    div.col2Article1 {
  		background: url('../images/gif/dropShadow.gif') top right repeat-y;
		padding   : 15px;
		margin-top: -2em;
	}	
	
	div.col2Footer {
  		background: url('../images/gif/centreColumnBottomLeft.gif') bottom left no-repeat;
	}

	div.col2Footer p {
  		background: url('../images/gif/centreColumnBottomRight.gif') bottom right no-repeat;
        display    : block;
  		padding    : 30px 15px 27px 15px;
		font-size  : 11px;
     	line-height: 1.85em;
     	margin     : -2em 0 0 0;
	}
			
    div.OrderProcessBox {
  	  background:  url("../images/gif/dashTopLeft.gif") top left no-repeat;        
  	  width:95%;                                                                   
  	  }                                                                            
  	                                                                               
	div.OrderProcessBoxHeader {                                                                   
  	  background:  url("../images/gif/dashTopRight.gif") top right no-repeat;      
  	  font-size:0.25em;                                                            
  	  padding:15px;                                                                
  	  padding-left:0;                                                              
  	  margin:0;  
	  position:relative;                                                           
  	  right   :-14px;                                                                    
    } 
	                                                                             
  	div.OrderProcessBoxBody {                                                      
  	  background: url("../images/gif/dashRightBorder.gif") top right repeat-y;     
  	  margin:0;                                                                    
  	  margin-top:-2em;                                                             
      padding   : 5px 15px 5px 15px;                                               
  	  height    : 152px;  
	  position:relative;                                                           
  	  right   :-14px;                                                           
    }
	                                                                              
  	div.OrderProcessBoxFooter {                                                    
  	  background:  url("../images/gif/dashBottomLeft.gif") bottom left no-repeat;  
  	  position:relative;                                                           
  	  top:11px; 
  	}        
	                                                                      
    div.OrderProcessBoxFooter p {                                                  
  	  background:  url("../images/gif/dashBottomRight.gif") bottom right no-repeat;
  	  padding:15px 15px 0 0;                                                       
  	  display:block;                                                               
  	  margin:-3em 0 0 0; 
	  position:relative;                                                           
  	  right:-14px;                                                            
  	}   
  	                                                                           
  	#leftCol {
        padding: 12px 0 0 0;
       	clear  : left;
	  	float  : left; 
	  	width  : 10%
  	}
   
  	#rightCol1 #rightCol2 #rightCol3 #rightCol4{
	  	padding: 16px 0 0 0;
	  	float  : left; 
	  	width  : 90%
    }
    
   	#leftCol span {
	   color      : #CA0F5E;
	   font-weight: bold;
	   font-size  : 1.75em;
	   padding    : 0 0 0 3px;
	}
	

   	#rightCol1 span, #rightCol2 span, #rightCol3 span, #rightCol4 span {
		color      : #98927A;
	    font-size  : 11px;
	    font-weight: normal;
        line-height: 1em;
        padding    : 0;
	}

    #rightCol1, #rightCol2, #rightCol3, #rightCol4 {
	  	padding: 16px 0 0 0;
	  	float  : left; 
	  	width  : 90%;
    }
   
/* ------------------------------------------------------------------------------- 
   Right hand panel set the offer boxes on right hand side of page
   ------------------------------------------------------------------------------- */

    #chocolateImage {
	    float  : right;
	    width  : 89px;
	    height : 86px;
	}

	#col3 p {
		color      : #98927A;
		font-weight: bold;
		font-size  : 0.75em;
		line-height: 1em;
		width      : 55px;
		padding    : 25px 0 5px 0;
	}

	#col3 h3 {
        width      : 78px;
		height     : 15px;
		font-size  : 17px;
		font-family: "Warnock Pro Bold", "Garamond", "Arial", sans-serif;
	}
   
	
	#OfferOne h3 {
		color: #399E69;
	}	

	#OfferTwo h3 {
		color: #CA0F5E;
	}	


	#OfferThree h3 {
		color: #82AEBB;;
	}	

	#OfferFour p {
		width  : 78px;
		padding: 40px 0 5px 0;
	}


	#OfferFour h3 {
		color: #3F3F3F; 
	}	

	#OfferFive {
		height: 84px;
	}

	#OfferFive h3 {
		color: #5C422D;
	}	

	#OfferSix h3 {
		color: #3F3F3F;
	}
	
	#col3 a { 
		color: #98927A;
		text-decoration: none;
	}
	
	#col3 a:hover { 
		color: #3F3F3F;
		text-decoration: none;
	}

	#col3 a:visited { 
		text-decoration: none;
	}
	

/* -----------------------------------------------------------------------------------------
   Footer
   ----------------------------------------------------------------------------------------- */

   #footer img {
	  padding: 0 10px 0 10px;
   }	   

   #footer a:link {
	   color: #5C412C;
   }	   

/* ----------------------------------------------------------------------------------------- 
   Common
   ----------------------------------------------------------------------------------------- */
.imageBox {
    position:relative;
	top: 0;
	left: 0;
	z-index: 1;
	color: #000000;
	background: #FFFFFF;
	height: 90px;
	width: 90px;
	padding: 3px;
	border: 1px solid #999999;
}