/******************************************************
File:			cjjstyle.css
Site:			www.chocolatejuju.co.uk
Author:			Alex Adams
Description:	The style sheet for the site.
History:		AA 2006-03-21: Created
				AA 2006-09-15: Updated to achieve W3C Validation
				AA 2006-09-16: Updated for IE interpretation problems
				AA 2006-12-11: Added div.pop_pics
******************************************************/

body
{
background-color:#330033;
}

div.container
{
width:800px;

margin:10px;

background-color: #ffffff;
}


div.header
{
background-image: url('../images/banner_cool.jpg');
background-color:#ffffff;
height:140px;

}

div.menu
{
	position: relative;
	right: 10px;
	bottom: -125px;
	font-family: verdana;
	font-size: 8pt;
	color: #755fa0;
	text-align: right;
}

div.sec_nav
{
	position: relative;
	right: 10px;
	text-align: right;
	font-family: verdana;
	font-size: 8pt;
	color: #755fa0;
}

div.montage
{
	float: left;
	border-left: 1px;
	margin-top: 10px;
	margin-left: 10px;
	width: 120px;
/*	height: 400px;*/
	height: auto;
}

div.content
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	border-left: 1px;
	border-right: 1px dotted;
	padding: 1em;
	width: 480px;
/*	color: #330033;*/
/*	color: #755f50;*/
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 9pt;
	text-align: left;
}

div.side_nav
{
	float: right;
	width: 120px;
	margin-right: 0px;
	margin-top: 10px;
	padding:1em;
	font-size: 8pt;
	font-weight: bold;
	color: #330033;
}

div.news
{
	width:110px;
	margin: 2px; 
	text-align:left;
	font-family: "Trebuchet MS";
	font-size: 8pt;
	font-weight: normal;
/*	color: #330033;*/
	color: #333333;
}

div.footer
{
	width: 800px;
	padding-top: 20px;
	padding-bottom: 5px;
/*	color:#330033;*/
	color: #755f50;
	background-color:#ffffff;
	font-family: arial;
	font-size: 7pt;
	text-align: center;
	clear:left;
}


div.validation
{
width: 100px;
float: left;
background-color:#ffffff;
margin-left: 15px;
margin-top: 10px;
font-family: arial;
font-size: 7pt;
text-align: left;
color:#330033;
}

div.charity
{
width: 100px;
float: right;
margin-right: 25px;
font-family: arial;
font-size: 7pt;
text-align: left;
/*color:#330033;*/
color: #250025;
}

div.pop
{
width:480px;
background-color: #ffffff;
}

div.pop_content
{
background-color: #ffffff;
color: #330033;
margin: 5px;
font-family: "Trebuchet MS";
font-size: 9pt;
text-align: left;
}
div.pop_pics
{
	background-color: #ffffff;
	width: auto;
	height: auto;
}

div.pop_footer
{
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#330033;
	background-color:#ffffff;
	font-family: arial;
	font-size: 7pt;
	text-align: center;
	clear:left;
}

a.menu
{

text-decoration:none;
color: #330033;
padding: 0px 0px;
font-family: verdana;
font-size: 8pt;
font-weight: bold;
text-align: center;
}

a.secondary
{
/*color: #755fa0;*/
color: #330033;
padding: 0px 0px;
font-family: verdana;
font-size: 8pt;
text-align: center;
}

a.footer
{

text-decoration:none;
/*color:#330033;*/
color: #755fc0;
padding: 0px 0px;
font-family: verdana;
font-size: 7pt;
text-align: center;
}

a.sidebar
{
float: left;
text-decoration:none;
color:#330033;
padding: 0px 1px;
font-family: arial;
font-weight: bold;
font-size: 8pt;
}

a.norm
{
	text-decoration:none;
/*	color:#755fa0;*/
/*	color: #330033;*/
	color: #755fc0;
	padding: 0px 1px;
	font-family: "Trebuchet MS";
	font-size: 9pt;
}

a.news
{
text-decoration:none;
/*color:#755fa0;*/
color: #755fc0;
padding: 0px 1px;
font-family: "Trebuchet MS";
font-size: 8pt;

}

a:hover
{
color: #ff0000;

}

table
{
font-family: "Trebuchet MS";
font-size: 9pt;
color: #330033;
}

ul.price
{
list-style-type: disc;
}



h1
{
font-family: "Trebuchet MS";
font-size: 12pt;
color: #330033;
}

h2
{
font-family: "Trebuchet MS";
font-size: 10pt;
color: #330022;
}

h3
{
font-family: "Trebuchet MS";
font-size: 9pt;
color: #330055;
}

form.ft
{
	color: #330033;
	font-family: "Trebuchet MS";
	font-size: 9pt;
	text-align: left;
}

.yell
{
background-color: #f4f3b4;
}

.blue
{
background-color: #baddea;
}

form.back
{
background-color: #e0dde4;
}

#marqueecontainer{
position: relative;
width: 118px; /*marquee width */
height: 80px; /*marquee height */
background-color: #ffffff;
overflow: hidden;
}

div.text_block {
  background:  url('../images/div_bg_tl_corner.jpg') no-repeat;
  width: 460px;
  height: auto;
  /*overflow: none;*/
  padding-left: 10px;
  padding-top: 10px;
  margin-bottom: 30px;
  font: normal 8pt "Trebuchet MS", sans-serif;
  color: #330055;

}

div.text_block span.icon_heading {
  position: relative;
  background: transparent url('../images/juju_tick.gif') no-repeat;
  padding-left: 18px;
  padding-bottom: 0;
  font: bold 12pt "Trebuchet MS", sans-serif;  
}

div.text_block .sub_heading {
  position: relative;
  padding-left: 20px;
  padding-top: 0;
  font: bold 8pt "Trebuchet MS", sans-serif;
}




a.small_buttons {
  background: transparent url('../images/a.jpg') no-repeat scroll top right;
   margin-right: 5px;
  padding-right: 10px;
  height: 16px;
  font: normal 8pt "Trebuchet MS", sans-serif; 
  text-decoration: none;
  color: #330033;
  outline: none;
}

a.small_buttons span{
  background: transparent url('../images/span_over.jpg') no-repeat;
  padding-left: 10px;
}

a.small_buttons:hover, a.small_buttons:active{
  background-position: bottom right;
}

a.small_buttons:hover span, a.small_buttons:active span{
  background-position: bottom left;
  color: #ff0000;
}