/* 
Author: 			Stefan Vervoort
Author URI: 		http://www.divitomedia.com/
Version:			0.9

Project:			
Description:					

---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- RESETS
	-- BASICS
	-- NAVIGATION MENU
	-- STRUCTURE
	-- CUSTOM
		- Footer
		- Products
---------------------------------------------------------------------------------------

/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	:focus {
		outline: 0;
	}
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
/* ------------------------------------------------------------------------------------
BASICS						 */

	html{					font-size:100%;	min-height:101%;}
	body{					font-size:62.5%; color:#666;}
		
	a{						}
	a:hover	{				}
	a:active{				}
	a:visited{				}

	.left{					float:left; }
	.right{					float:right; }
	.clear{					clear:both; }
	
	img.left{				margin:0 1em 1em 0; }
	img.right{				margin:0 0 1em 1em; }
	
	.padding{				padding:10px; }
	#content p{				margin:1.1em 3em; }
	

/* ------------------------------------------------------------------------------------
NAVIGATION MENU				 */

	#navigation, #navigation ul {		padding:0;	margin:0; list-style:none; line-height:1; float:left; font-weight:bold; width: 780px; }
	#navigation a {						display:block; padding:6px 10px; text-decoration:none; background-color: #32BF42; }
	#navigation a:hover{				text-decoration:underline; padding:6px 10px; }
	#navigation li { 					float:left; width:auto;	}
	#navigation li{						padding:0; margin:0; }
	#navigation li ul li{				padding:1px 0px;}
	#navigation li ul li a{				padding:6px 10px; width:110px; }
	#navigation li ul { 				position:absolute; padding-top:1px; width:130px; left:-999em; }
	#navigation li ul ul {				margin: -1.5em 0 0 130px;	}
	
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;	}
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, 
	#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto;	}

	ul#nav { list-style: none; height: 40px; width: 780px; padding: 0 10px 0 80px; margin: 0; border-top: 0px solid #33862E; border-bottom: none; float: left; clear: both; }
  
ul#nav li { padding: 0.85em 40px 1.5px 0; color: #060; font-size: 1.4em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; float: left; }


ul#nav li a, ul#nav li a:visited { color: #060; text-decoration: none; padding: 0; }
	
ul#nav li a:hover { color: #060; text-decoration: underline; }


/* ------------------------------------------------------------------------------------
STRUCTURE					 */

	#container{				overflow:hidden; border:solid #000; border-width:0 2px; font-size:1.5em; width: 780px; }
	#header{				}
	#footer{				clear:both; }
	#content{				width:600px; }
	#right{					width:180px; }
	#left{					}


/* ------------------------------------------------------------------------------------
CUSTOM						 */

	/* ---------------Sections--------------- */

	#welcome{				text-align: center; padding: 0 3px 0 3px; }
	#flower_products{		}
	#history{				padding: 0 3px 0 3px; }
	#sidebar{				width:180px; }

	/* ---------------END Sections--------------- */


	/* ---------------Headlines--------------- */
h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }

h1 { font-size: 3.6em; letter-spacing: -0.03em; }

	#header h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
	
h2 { font-size: 1.5em; margin: 2px 3px; }

	h2 a { color: #000; text-decoration: none; }
	
		h2 a:visited { color: #555; text-decoration: none; }
	
		h2 a:hover { color: #090; text-decoration: none; }
	
	.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
	
	.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
	
h3 { font-size: 1.0em; text-transform: uppercase; padding: 0 3px; }

	#header h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }

	.entry h3 { margin: 2.5em 0 0.5em 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { font-size: 1.4em; }

h4 { font: 1.2em Arial, sans-serif; color: #888; }

	h4 a, h4 a:visited { color: #888; text-decoration: none; }
	
		h4 a:hover { color: #888; text-decoration: underline; }
	
	.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }

	/* ---------------END Headlines--------------- */

	/*---Sidebar Styles---*/

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 180px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

		li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }

		li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }
		
		li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
	/*---END Sidebar Styles---*/

	
	/* ---------------Footer--------------- */
#footer { width: 780px; padding: 1.2em 0 0 0; margin: 3px; border-top: 2px solid #ccc; float: left; }

#footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #888; text-align: right; }

	#footer a, #footer a:visited { color: #888; text-decoration: none; }
		
		#footer a:hover { color: #888; text-decoration: underline; }
	/* ---------------END Footer--------------- */


	/* ---------------Product CSS--------------- */

.spacer { clear: right; margin: 0 0 2.5em 0; }

.product { 
	float: left; 
	padding: 0 5px 0 6px; 
	height: 276px;
	width: 158px;
	margin-left: 5px;
	margin-bottom: 6px;
	text-align: center;
	top: 0;
}
   
.product a { color: #060; text-decoration:none; }

.product a:visited { color: #090; text-decoration: none; }
	
.product a:hover { color: #090; text-decoration: underline; }
 
.product_top {
	height: 16px;
	background-image:url(http://a80.g.akamai.net/f/80/71/6h/ftdfloristsonline.com/pics/styles/common/promo_top_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
}
.product_mid {
	background-image:url(http://a80.g.akamai.net/f/80/71/6h/ftdfloristsonline.com/pics/styles/common/promo_middle_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}
.product_img img {
	width: 110px;
	padding-bottom:4px;
}
.product_bottom {
	height:15px;
	background-image:url(http://a80.g.akamai.net/f/80/71/6h/ftdfloristsonline.com/pics/styles/common/promo_bottom_bg.gif);
	background-position:top;
	background-repeat:repeat-y;
}
.product_name h2 {
	font-weight: bold;
	font-size: 75%;
	margin-bottom: 4px;
	border: none;
	background: none;
}
.product_sale {
	color:#FF0000; 
	font-weight: bold; 
}
.product_code {
	font-size: 11px;
	color: #666666;
}
.product_order_image {
	width: 110px;
	height: 28px;
	margin-left: auto;
	margin-right: auto;
    }
.product_order_image a {
	display: block;
	width: 110px;
	height: 28px;
	}
	/* ---------------END Product CSS--------------- */