/* CSS Document */

/*	Davenports Chocolates Style Sheet.
   
	------------------------------------------------------
	arttia.co.uk style sheet - v1.0
	Publication:  December 2009
	Last Update:  December 2009
	Author:  Belinda White ( belinda@arttia.co.uk )
	
	
	KEY COLOUR REFS.
	MAIN BROWN    #4D221A            
	DARK BROWN	  #36211B
	
	MAIN GREEN    #D1E338
	SUBTLE GREEN SWIRL  #C9D647
	DARKER GREEN SWIRL  #B5BA05
	
	BLACK
	YELLOW  #FFD500
	RED     #E32C0C
	BEIGE   #E0A27B
	PINK    #F799B5
	ORANGE  #FC931C
	GREEN (Gingers) #84B000
	WINE (port and lemon) #82004A
	   
	----------------------------------------------------*/
* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
html, body {
	height: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #E2EB8D;
	background-image: url(images_general/edge_backgound.png);
	background-repeat: repeat-y;
	background-position: top;
}	
#wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	background-color: #4D221A;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	visibility: visible;
	/*overflow: auto;*/
	overflow-x: hidden;
	z-index: auto;
  	}



/*Header Section
	----------------------------------------------------*/		
	 

#Logo{
	width: 250px;
	height: 141px;
	float: left;
  }		
	
/*	Login
	---------------------------------------------------- */
#Login {
	float: right;
	width: 360px;
	height: 50px;
	margin-top: 0px;
	}
#LoginLong {
	float: right;
	width: 710px;
	height: 50px;
	margin-top: 0px;
	background-color: #FFF;
	padding-left: 360px;
	}	
#LoginText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4D221A;
	height: 10px;
	width: 300px;
	float: left;
	padding-top: 20px;
	text-align: right;
	padding-right: 5px;
	}
#LoginName {
	height: 10px;
	width: 300px;
	float: left;
	text-align: left;
	padding-bottom: 2px;
	padding-left: 94px;
	}
a.LoginT:link {
	color: #4D221A;
	text-decoration: none;
	}
a.LoginT:active {
	color: #4D221A;
	text-decoration: none;
	}
a.LoginT:hover {
	color: #000;
	text-decoration: underline;
	}
a.LoginT:visited {
	color: #4D221A;
	text-decoration: none;
	}	
#Bag {
	width: 27px;
	height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4D221A;
	float: right;
	padding-top: 11px;
	padding-right: 20px;
	}
/*	Navigation
	---------------------------------------------------- */
#LeftHolder{
	width:250px;
	height: 100%;
	float: left;
	background-color: #4D221A;
    }

#Naviheader{
	width:250px;
	height: 100%;
	float: left;
	background-color: #4D221A;
	list-style: url(none) none;
    }	
div.subclosed {
	display:none;
}

div.subopen {
	display:block;
}

/*	Main
	---------------------------------------------------- */
#RightHolder{
	width:710px;
	height: 100%;
	float: right;
	background-color: #FFF;
    }
#MainHolder {
	color: #035B29;
	float: left;
	width: 960px;
	background: #FFFFFF center;
	text-align: center;
	height: 100%;
	padding-bottom: 12px;
	}	
a:link {
	color: #4D221A;
	text-decoration: none;
	}
a:active {
	color: #4D221A;
	text-decoration: none;
	}
a:hover {
	color: #FFF;
	text-decoration: none;
	}
a:visited {
	color: #4D221A;
	text-decoration: none;
	}	

/*	Home
	---------------------------------------------------- */
#HomeImage {
	float: left;
	height: 100%;
	width: 710px;
	background-image: url(images_general/home_main.jpg);
	background-repeat: no-repeat;
	background-color: #D1E338;
	}

#Latest {
	float: left;
	height: 150px;
	width: 710px;
	padding-top: 499px;
	}
	
/*	Product Detail
	---------------------------------------------------- */

#PDHolder {
	float: left;
	height: 100%;
	width: 710px;
	background-color: #D1E338;
	}
#PDImage {
	float: left;
	height: 500px;
	width: 710px;
	background-color: #D1E338;
	}
#PDSpecHolder {
	float: left;
	height: 150px;
	width: 710px;
	padding-top: 0px;
	}	
#PDSmlImages {
	float: left;
	height: 150px;
	width: 300px;
	background-color: #D1E338;
	}
#PDSmlRow1 {
	float: left;
	height: 75px;
	width: 300px;
	}
#PDSmlRow2 {
	float: left;
	height: 75px;
	width: 300px;
	}	
#PDSmlImage1 {
	float: left;
	height: 150px;
	width: 150px;
	}
#PDSmlImage2 {
	float: left;
	height: 150px;
	width: 150px;
	}
#PDSmlImage3 {
	float: left;
	height: 75px;
	width: 75px;
	}
#PDSmlImage4 {
	float: left;
	height: 75px;
	width: 75px;
	}	
#PDSmlImage5 {
	float: left;
	height: 75px;
	width: 75px;
	}	
#PDDetail {
	float: left;
	height: 150px;
	width: 410px;
	background-color: #D1E338;
	}
#PDDetailHeader {
	float: left;
	height: 20px;
	width: 380px;
	background-color: #4D221A;
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 5px;
	}
#PDDescription {
	float: left;
	height: 20px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #D1E338;
	font-size: 12px;
	padding-top: 2px;
	}
#AddCart {
	float: right;
	height: 0px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	padding-top: 2px;
	background-color: #4D221A;
	}	
a.AddCart:link{
	color: #fff;
	text-decoration: none;
	text-align: left;
	}
a.AddCart:active {
	color: #fff;
	text-decoration: none;
	text-align: left;

	}
a.AddCart:visited {
	text-decoration: none;
	color: #fff;
	text-align: left;
	}
a.AddCart:hover {
	color: #fff;
	text-decoration: underline;
	text-align: left;
	}		
#PDDetailIngredients {
	float: left;
	height: 10px;
	width: 385px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4D221A;
	text-align: right;
	font-weight: bold;
	padding-top: 1px;
	}
#PDDetailOptionsHolder {
	float: left;
	height: 100px;
	width: 385px;
	padding-left: 10px;
	}	
#PDDetailOption1 {
	float: left;
	height: 100px;
	width: 126px;
	}
#PDType {
	float: left;
	height: 100px;
	width: 20px;
	}
#PDWeight {
	float: left;
	height: 100px;
	width: 20px;
	}
#PDBox {
	float: left;
	height: 100px;
	width: 86px;
	}
#PDGraphic{
	float: left;
	height: 55px;
	width: 66px;
	}	
#PDPrice{
	float: left;
	height: 20px;
	width: 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4D221A;
	text-align: center;
	font-weight: bold;
	}	
#PDQuantity{
	float: left;
	height: 20px;
	width: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D221A;
	padding-left: 10px;
	padding-top: 5px;
	}
	
#PDQtyBox{
	float: left;
	height: 20px;
	width: 20px;
	color: #4D221A;
	border: 2px solid #4D221A;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	}		
/*	General
	----------------------------------------------------*/	
#TextMain {
	float: left;
	height: 100%;
	width: 690px;
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	background-color: #D1E338;
    }
#h1 {
	background-color: #4D221A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 500px;
	height: 20px;
	color: #D1E338;
	padding-left: 10px;
	padding-bottom: 3px;
    }
	
#h2 {
	background-color: #4D221A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 600px;
	height: 20px;
	color: #D1E338;
	padding-left: 10px;
	padding-bottom: 5px;
    }	

.TextMain {
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #333333;
    }
	
.TextSml {
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #4D221A;
    }	
	
.TextSml2 {
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #4D221A;
	padding-left: 10px;
}

	
#h2 {
	color: #4D221A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	padding-top: 10px;
	margin-top: 10px;
    }
	
.p1 {
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #000000;}

.p2 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #4D221A;
}
/*	Jane
	----------------------------------------------------	*/		
#JaneText {
	float: left;
	height: 100%;
	width: 685px;
	background-color: #D1E338;
	background-image: url(images_general/davenports_cacao_swirl_lt2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
	}
#JaneImage {
	float: left;
	height: 550px;
	width: 710px;
	background-image: url(images_general/jane_story_main.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	}	
#JaneImage2 {
	float: left;
	height: 550px;
	width: 710px;
	background-image: url(images_general/jane_main.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	}
	
#JaneImage3 {
	float: left;
	height: 550px;
	width: 710px;
	background-image: url(images_general/history_main.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	}	

.janebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #4D221A;	
}

.janeLargeText {
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	text-align: right;
	padding-left: 70px;
}
.janeLargeText2 {
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	text-align: right;
	padding-left: 200px;
}

#JaneLinkbox {
	float: right;
	height: 100px;
	width: 600px;
	margin-right: 10px;
	text-align: right;
	margin-bottom: 20px;
	}
	
#JaneLinkbox2{
	float: right;
	height: 100px;
	width: 500px;
	margin-right: 10px;
	text-align: right;
	margin-top: 20px;
	}
	
#HistoryImage{
	float: left;
	height: 100px;
	width: 100px;
	margin-top: 10px;
	border: 3px solid #4D221A;
    }
	
#HistoryHeadingPanel{
	float: left;
	background-color: #4D221A;
	width: 560px;
	height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
	text-align: right;
	margin-top: 10px;
	padding-right: 10px;
	padding-top: 5px;
    }	
#HistoryHeadingtext{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #D2E33B;
	width: 400px;
	font-size: 12px;
	margin-top: 8px;
	margin-left: 10px;
    }
	
#historybody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #4D221A;
	width: 680px;
	float: left;
	height: 100%;
}
/*	General
	----------------------------------------------------	*/		
#GeneralHolder {
	float: left;
	height: 100%;
	width: 710px;
	}
#GeneralImage {
	float: left;
	height: 550px;
	width: 710px;
	background-color: #FFF;
	background-image: url(images_general/image_awaiting.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	}
#PressImage {
	float: left;
	height: 450px;
	width: 710px;
	background-color: #FFF;
	background-image: url(images_general/press_main.jpg);
	background-repeat: no-repeat;
	}
	
.tablerighttext {
	text-align: right;
}	
.formborder{
	border: thin solid #4D221A;	
}	

/*	Bespoke
	----------------------------------------------------	*/		

#BespokeImage {
	float: left;
	height: 450px;
	width: 710px;
	background-color: #FFF;
	background-image: url(images_general/bespoke_main.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	}	
	
	
/*	Studio
	----------------------------------------------------	*/		

#StudioImage {
	float: left;
	height: 550px;
	width: 710px;
	background-color: #FFF;
	background-image: url(images_general/studio_b_main.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	}	
.imageright2{
	float: right;
	margin-bottom: 30px;
}


/*	Forms
	----------------------------------------------------	*/	
.input {
	background-color: #fff;
	color: #5A698B;
	padding: 1px;
	border: 1px solid #4D221A;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 8px;
	width: 240px;
}

.input2 {
	background-color: #fff;
	color: #5A698B;
	padding: 1px;
	border: 1px solid #4D221A;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 8px;
}
.input3 {
	background-color: #fff;
	color: #5A698B;
	padding: 1px;
	border: 1px solid #4D221A;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 8px;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}	

/*	Stockists
	----------------------------------------------------	*/	
#RightHolderStockists {
	width:710px;
	height: 100%;
	float: right;
	background-color: #D1E338;
}

#Stockists {
	width:660px;
	height: 100%;
	float: left;
	margin-left: 30px;

}


#StocksitsSearchBox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #4D221A;
	float: left;
	height: 35px;
	width: 630px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
	color: #D1E338;
	text-align: left;
	padding-left: 10px;
	
}	
#StocksitsText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4D221A;
	float: left;
	height: 20px;
	width: 620px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	
}

#StocksitsMap{
	float: left;
	height: 100%;
	width: 610px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4D221A;
	border-bottom-color: #4D221A;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	
}

#StocksitsEnd{
	float: left;
	height: 54px;
	width: 660px;
	margin-top: 10px;
	margin-bottom: 20px;
	
}

a.Find:link{
	color: #fff;
	text-decoration: none;
	text-align: left;
	}
a.Find:active {
	color: #fff;
	text-decoration: none;
	text-align: left;

	}
a.Find:visited {
	text-decoration: none;
	color: #fff;
	text-align: left;
	}
a.Find:hover {
	color: #D1E338;
	text-decoration: underline;
	text-align: left;
	}
	
.uptext{
	padding-bottom: 15px;
}
	
/*	Base Content
	----------------------------------------------------	*/	
#Base {
	height: 25px;
	width: 710px;
	float: left;
	background-color: #4D221A;
	padding-top: 0px;
	margin: 0px;
	}		
#BaseTopPad {
	height: 3px;
	width: 710px;
	float: left;
	background-color: #D1E338;
	}	
#BaseText1 {
	height: 15px;
	width: 375px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-left: 10px;
	padding-top: 5px;
	}	
#BaseText2 {
	height: 10px;
	width: 311px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E4E86D;
	padding-top: 5px;
	}	
a.base:link{
	text-decoration: none;
	color: #E4E86D;
	}
a.base:active {
	text-decoration: none;
	color: #E4E86D;
	}
a.base:visited {
	text-decoration: none;
	color: #E4E86D;
	}
a.base:hover {
	text-decoration: none;
	color: #FFF;
	}
	
/*	Base Pack shots
	----------------------------------------------------		
#BasePacks {
	height: 190px;
	width: 955px;
	float: left;
	background-color: #D1E338;
	padding-left: 5px;
	}
#Packs {
	height: 190px;
	width: 106px;
	float: left;
	}	
#Rule {
	height: 6px;
	width: 960px;
	float: left;
	background-color: #4D221A;
	}*/
	



/*	Footer Content
	----------------------------------------------------	*/	
#FooterMain {
	height: 100%;
	width: 640px;
	float: left;
	text-align: left;
	color: #4D221A;
	background-color: #D1E338;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 70px;
	font: normal 11px Arial, Helvetica, sans-serif;
	}
#FooterCol1 {
	height: 220px;
	width: 170px;
	float: left;
	}
#FooterCol2 {
	height: 100%;
	width: 170px;
	float: left;
	}	
#FooterCol3 {
	height: 100%;
	width: 140px;
	float: left;
	}
#FooterCol4 {
	height: 100%;
	width: 120px;
	float: left;
	}	

#FooterProducts {
	height: 100%;
	width: 170px;
	float: left;
	}
#FooterStudio {
	height: 110px;
	width: 170px;
	float: left;
	}	
#FooterJaneWilliams {
	height: 80px;
	width: 170px;
	float: left;
	padding-top: 0px;
	}
#FooterEvents{
	height: 110px;
	width: 140px;
	float: left;
	}
#FooterCorporate {
	height: 80px;
	width: 140px;
	float: left;
	padding-top: 0px;
	}		
#FooterLast{
	height: 65px;
	width: 120px;
	float: left;
	}
#FooterContact {
	height: 120px;
	width: 120px;
	float: left;
	padding-top: 0px;
	}
#FooterContactInner {
	height: 120px;
	width: 80px;
	float: left;
	padding-top: 0px;
	}
	
#FooterSocialIcons {
	height: 80px;
	width: 16px;
	float: left;
	padding-top: 0px;
	margin-left: 80px;
	margin-top: -80px;
	}	
#SocialIcon1{
	height: 16px;
	width: 16px;
	float: left;
	margin-bottom: 15px;
	}	
#SocialIcon2{
	height: 16px;
	width: 16px;
	float: left;
	margin-bottom: 15px;
	}
#SocialIcon3{
	height: 16px;
	width: 16px;
	float: left;
	}	
	
#FooterMain ul li a:hover {
	text-decoration:none;
	width: 140px;
	float: left;
	display: block;
	padding: 0px 0px 0px;
	margin: 0px;
	color: #FFF;
	}
#FooterMain ul {
	text-decoration: none;
	list-style: none;
	width: 140px;
	height: 15px;
	float: left;
    }
#Footermain li {
	float:left;
	width: 140px;
    }
a.ftbold:link{
	text-decoration:none;
	color: #4D221A;
	font-weight: bold;
	line-height: 24px;
	}
a.ftbold:active {
	text-decoration:none;
	color: #4D221A;
	font-weight: bold;
	line-height: 24px;
	}
a.ftbold:visited {
	text-decoration:none;
	color: #4D221A;
	font-weight: bold;
	line-height: 24px;
	}
a.ftbold:hover {
	text-decoration:none;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	}		
/* CREDITS
	---------------------------- */

#Credits {
	font-size: 8px;
	height: 30px;
	width: 600px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 50px;
	background-color: #D1E338;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	}

a.cr:link{
	color: #333;
	text-decoration: none;
	text-align: left;
	}
a.cr:active {
	color: #666;
	text-decoration: none;
	text-align: left;

	}
a.cr:visited {
	text-decoration: none;
	color: #333;
	text-align: left;
	}
a.cr:hover {
	color: #4D221A;
	text-decoration: underline;
	text-align: left;
	}
	
/* Additional link styling
   --------------------------- */		
a.Generalbold:link {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #4D221A;
	text-decoration: none;
	}
a.Generalbold:active {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #4D221A;
	text-decoration: none;
	}
a.Generalbold:hover {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	}
a.Generalbold:visited {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #4D221A;
	text-decoration: none;
	}	
	
/* Clear Floated Elements
   --------------------------- */		

* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}
/*	 Davenports Chocolates style sheet

     Author - www.arttia.co.uk
								
	----------------------------------------------------*/