/* based on CSS Document for the "Classical Jazz" CoffeeCup Software E-Commerce Template
   Copyright 2008 CoffeeCup Software - coffeecup.com */
/* modified to cater for differents devonpetals.co.uk shop and website*/
/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
  Element Styles 
#######################*/

body { 
	background:#DDDDDD ;
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;color: #000099   }
	
	a:hover {text-decoration:none}
	strong {font-weight:bold}
	em {font-style:italic}

h1 {
	margin-bottom:15px;
	font-size:2em;
	font-weight:normal;
	color:#999999;
	
}
h2 {
	margin-bottom:15px;
	font-size:1.2em;
	font-weight:normal;
	color:#0033CC;
}
   #shop, #navigation .shophome_link a{text-indent:2em;}
	
hr{
	background-color:#000099;
	color:#000099;
	size:5px;
}

h3 {
	clear:both;
	margin-bottom:15px;
	font-size:1.2em;
	font-weight:normal;
	
	
	color:#a11d1d
}

/*#######################
  Classes 
#######################*/

.left {float:left}
.hide {text-indent:-999em}

/*#######################
  Layout Styles 
#######################*/
 
	#wrapper {width:960px; margin:0 auto; background-color:#fff;border: 1px solid #000000;}

	#header {width:960px; height:100px; float:left;background-image: url(devonback.png); }
	/* centres devon petels image */
	#header img { display: block;
    				margin-left: auto;
    				margin-right: auto }
					
	p {margin:10px 0;}
	.ordinary li{list-style:inside;
				list-style-type:disc;
				margin-left:2em;
				}	
	#content a {color:#0000FF}				
		

	#content_wrapper {width:960px; 
						float:left;  
	 					background-color:#FFE6EC; }
	
	#sidebar {float:left; display:inline; padding: 15px 0; width:250px; background-color:#FFE6EC;}
	
	/* new lines adding style to sidebar links */
	
	#navigation {margin-top:20px;}
	#navigation {margin-left:12px;}
	#group_list {padding-left:25px;}	/* caters for IE6 margin problem */		
	#sidebar #navigation li  {width: 8em;
										margin:.2em .0 .2em 0;
										font-weight:bold;
										padding:.2em .8em .2em .6em;
										font-size:1em;
											
										}								
	#sidebar #navigation a {text-decoration:none;
								background-color:#4682b4;
								color: #00ffff;
								display: block;
								border-style:outset;
								border-width:3px;
								padding:.2em;}
	#sidebar #navigation li a:hover {background-color:#6a5acd;border-style:inset;}
	
	#sidebar #group_list li {
							width: 10em;
							margin:.2em .0 .2em .2em;
							font-weight:bold;
							padding:.2em .8em .2em .6em;
							font-size:1em;
							
							}
 #sidebar #group_list a{text-decoration:none;
						color: #0000FF;
						background-color:#FFFFFF;
						display: block;
						padding:.2em;
						border-style:outset;
						border-width:3px;}
#sidebar #group_list a:hover{
	background-color:#CCFFFF;
	border-style:inset;}												
													
													
	/* header and link hidden */
	#group_headline a, #header h1{display:none}

	#content { background-color:#FFFFFF;
				float: right; display:inline; width:680px; padding:20px 15px}
	
	
	.imgright {float:right;}
	.imgleft {float:left;
	margin-right:10px;}
	
	.headerh1  h1 {text-align:center;}
	
	#legend {
	
	padding: 1px 10px;
	background-color:#0000CC;
	color: #FFFFFF;
	margin-bottom: 10px;} 
	.pcentre{text-align:center;}
		

	
	/* following classes added petals, lavender, postage */				
.petals { font-size: .8em;
color:#333333;
margin-bottom:10px;
}

.lavender { font-size: .8em;
color:#87239C;
margin-bottom:10px;

}

.postage1 { font-size: .8em;
color: #999999  ;
margin-bottom:10px;

}
.postage { font-size: 1em;
color: #999999;
margin-bottom:10px;

}
/* styles list on shop page */
#menu li{
	line-height:1.5em;
	font-size:1em;
	color: #333333;
	
	list-style:circle;
	list-style-position:inside;
	padding-left: 30px;
}
#footer {
	clear:both;
	padding:15px;
	width:930px;
	font-size:0.95em;
	color:#333333;
	background-color:#DDDDDD;
	text-align:center;
}
	#footer a {color:#0000FF; text-decoration:none}
		#footer a:hover {text-decoration:underline}