/*
Colourscheme:

Light Beige		#ddcfa1
Burgundy		#461a1a

*/

body{
/*text-align: center;*/
font-family: Myriad Pro, Verdana;
background-color: #ffffff;
background-image: url("SandWall.jpg"); 
/*margin: auto;*/
color: #ddcfa1;
}


h2{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
}

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

a:hover {
text-decoration: none;
color: #ddcfa1;
}


#container{
position: relative;
margin: auto;
margin-top:5px;
width: 800px;
background-color: #ffffff;

}

#header{
position: absolute;
width: 800px;
height: 200px;
margin: 0px;
background-color: #DEFFA7;
background-image: url("CoffeeAndChocolateLogo.jpg");
border: 2px #000000 solid;

}

#HeaderNavigation{
margin: 0px;
position: absolute;
top: 150px;
z-index: 20;
}
#HeaderNavigation ul{
list-style: none;
margin: 0px;
margin-left: 10px;
}
#HeaderNavigation ul li{
float: left;
}
#HeaderNavigation ul li a{
display: block;
width: 180px;
height: 50px;
margin: 0px;
float: left;
color: #000000;
}
#HeaderNavigation ul li a:hover{
display: block;
width: 180px;
color: #ffffff;
}

#middle{
text-align:center;
margin: 0px;
position: absolute;
top: 200px;
width: 800px;
background-color: #461a1a;
background-image:url(CoffeeAndChocolateContentBGround.jpg);
border: 2px #000000 solid;
}

#navigation{
display: block;
width: 230px;
height: 500px;
float: left;
}

#navigation ul{
list-style: none;
}

#navigaton ul li{

}
#navigation ul li a{

}
#navigation ul li a:hover{

}
#navigation ul li a img{
height:100px;
width: 133px;
}

#contentImage{
display: block;
width: 330px;
/*padding: 15px;*/
float: left; 
}

#productPic{
width: 300px;
height: 200px;
}

#contentText{
display: block;
clear:left;
}

#contentText p{
font-family: Georgia, serif;
color: #ede7bf;
font-size: 12px;
text-align: left;
}

#purchasePanel{
width: 200px;
margin-left: 15px;
margin-right: 15px;
display: block;
text-align:center;
float: left;
}

#quantity{
width: 50px;
margin-left: 15px;
margin-right: 15px;
background-color:#ede7bf;
font-size: 10px;
border: 1px solid #666666;
}

#noDisplay{
display: none;
}

a.AddToCart{
margin: auto;
padding: 0px;
display: block;
width: 100px;
height: 30px;
background-image:url(ChocolateAddToBasketBtn.jpg);
}

a.AddToCart:hover{
background-image:url(ChocolateAddToBasketBtnOver.jpg);
}

a.ViewCart{
margin: auto;
padding: 0px;
display: block;
width: 100px;
height: 30px;
background-image:url(ChocolateViewBasketBtn.jpg);
}

a.ViewCart:hover{
background-image:url(ChocolateViewBasketBtnOver.jpg);
}

hr
{
  border-color: #ddcfa1;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 20 0 20px;
  height: 0;
}

#specialOffers{
width: 800px;
clear:left;
}

#specialOffers img{
margin-left: 10px;
margin-right: 10px;
}

#footer{
width: 800px;
font-family: Helvetica, sans;
font-size: 10px;
color: #cccccc;
clear:left;
text-align:center;
}

#footer a{
color: #461a1a;
}

#footer a:hover{
color: #ddcfa1;
}

#footer p{
color: #8d866e;
}