/*
IE has trouble with the .5% calculation of the font size. 
To get around this, instead of just declaring font-size: 62.5% on the html/body elements 
(62.5% of 16px is 10px), you specify font-size: 50% on the html element (8px) and 
then 125% or 1.25em on the body element (8 x 1.25 = 10). This solves IE's poor rounding calculation.
*/


* { margin: 0; padding: 0; font-family: tahoma; size:12px; color: #333; }
html { font-size: 50% }
body { font-size: 125%; background: url(../img/main_wallpaper6.jpg); } /* this now sets default text size to 10px.  Now 1em = 10px */
img { border: 0; }
a { color: #909; text-decoration: none; }
a:hover {text-decoration:underline;}

.clr {clear: both;}

div#container { text-align: center;  background: url(../img/dropshadow.png); background-repeat: repeat-y; background-attachment: fixed; background-position: center top; }
div#main { overflow: hidden; width: 800px; font-size: 1.3em; text-align: left; margin: 0 auto; border-right-width: 7px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-left-color: #FFFFFF; background-color: #FFFFFF;}
div#content_container { font-size: .85em; margin-top: 5px; padding: 12px;  background-color:#fff; }
.content {width: 780px;overflow: hidden; float:left; background-color:#fffdf6;}
.spacer { float:left; overflow: hidden;}

/* ************************************************************
	HEADER STUFF
   ************************************************************ */
div#header_logo { float: left;  background-color:#fff; }
div#header_logo a { margin-top: 28px; margin-left: 21px; background: transparent url(/img/logo.jpg) no-repeat; overflow: hidden; height: 78px; width: 164px; display: block; text-indent: -9999em; }
div#header_image { float: right; overflow: hidden; height: 106px; width: 615px; background: transparent url(/img/bg_header.jpg) no-repeat; }
div#header_slogan { position: relative; top: 55px; left: 38px; }
div#header_slogan h1 { background: transparent url(/img/slogan.gif) no-repeat; overflow: hidden; height:14px; width:235px; text-indent: -9999em; }
div#header_logout { position: relative; top: -14px; left: 526px; }
div#header_logout a { background: transparent url(/img/logout.gif) no-repeat; height: 23px; width: 89px; display: block; text-indent: -9999em; }


/* ************************************************************
	HEADER NAVIGATION STUFF
   ************************************************************ */
div#nav-container { background: transparent url(/img/bg_navigation.jpg) repeat-x; overflow: hidden; height:32px; width: 800px; }
ul#nav 			{ float: left; margin: 0; padding: 0 !important;  }
ul#nav li 		{ float: left; display: inline; text-indent: -9999em; overflow: hidden; height: 30px; }
div#nav-bott a 	{ float: left; background: transparent url(/img/logo_bottom.jpg) no-repeat; overflow: hidden; height:30px; width: 68px; margin-left: 46px; margin-right: 3px; text-indent: -9999em; }
.nav-home a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left; background: transparent url(/img/navigation_home1.jpg)			no-repeat; overflow: hidden; height: 22px; width:  35px; padding-right: 11px; margin-top: 8px; display: block; }
.nav-prod a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_flowervarieties.jpg)	no-repeat; overflow: hidden; height: 22px; width:  55px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-acct a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_myaccount.jpg)		no-repeat; overflow: hidden; height: 22px; width:  72px; margin-top: 4px;padding-left: 9px;padding-right: 9px; display: block; }
.nav-care a 	{ margin-left:2px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/nav_flowercare.jpg)				no-repeat; overflow: hidden; height: 22px; width:  76px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-faqs a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_faq.jpg)				no-repeat; overflow: hidden; height: 22px; width:  25px; margin-top: 4px;padding-right: 9px; display: block; }
.nav-gallery a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/gallery.jpg)				no-repeat; overflow: hidden; height: 22px; width:  25px; margin-top: 4px;padding-right: 9px; display: block; }
.nav-cart a 	{ margin-left:1px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_cart.jpg)			no-repeat; overflow: hidden; height: 22px; width:  122px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-arrange a 	{ margin-left:2px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_arrangementideas.jpg)	no-repeat; overflow: hidden; height: 22px; width:  114px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-chkt a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_checkout.jpg)		no-repeat; overflow: hidden; height: 22px; width:  58px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-ship a		{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_shipping.jpg)		no-repeat; overflow: hidden; height: 22px; width: 124px; margin-top: 4px;padding-right: 9px; display: block; }
.nav-sep 		{ margin-left:1px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/bg_navigation_divider.jpg)		no-repeat; overflow: hidden; height: 30px; width:   1px; padding-right: 9px; }
.nav-sep2 		{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/purplediv.jpg)		no-repeat; overflow: hidden; height: 30px; width:   1px; padding-right: 9px; }

/* ********************
slight modification above. original below
div#nav-container { background: transparent url(/img/bg_navigation.jpg) repeat-x; overflow: hidden; height:32px; width: 800px; }
ul#nav 			{ float: left; margin: 0; padding: 0 !important;  }
ul#nav li 		{ float: left; display: inline; text-indent: -9999em; overflow: hidden; height: 30px; }
div#nav-bott a 	{ float: left; background: transparent url(/img/logo_bottom.jpg) no-repeat; overflow: hidden; height:30px; width: 68px; margin-left: 46px; margin-right: 3px; text-indent: -9999em; }
.nav-home a		{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left; background: transparent url(/img/navigation_home.jpg)			no-repeat; overflow: hidden; height: 22px; width:  35px; padding-right: 11px; margin-top: 8px; display: block; }
.nav-prod a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_flowervarieties.jpg)	no-repeat; overflow: hidden; height: 22px; width:  55px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-acct a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_myaccount.jpg)		no-repeat; overflow: hidden; height: 22px; width:  72px; margin-top: 4px;padding-left: 9px;padding-right: 9px; display: block; }
.nav-care a 	{ margin-left:1px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/nav_flowercare.jpg)				no-repeat; overflow: hidden; height: 22px; width:  70px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-faqs a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_faq.jpg)				no-repeat; overflow: hidden; height: 22px; width:  25px; margin-top: 4px;padding-right: 9px; display: block; }
.nav-cart a 	{ margin-left:1px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_cart.jpg)			no-repeat; overflow: hidden; height: 22px; width:  129px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-arrange a 	{ margin-left:1px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_arrangementideas.jpg)			no-repeat; overflow: hidden; height: 22px; width:  114px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-chkt a 	{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_checkout.jpg)		no-repeat; overflow: hidden; height: 22px; width:  58px; margin-top: 8px;padding-right: 9px; display: block; }
.nav-ship a		{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/navigation_shipping.jpg)		no-repeat; overflow: hidden; height: 22px; width: 124px; margin-top: 4px;padding-right: 9px; display: block; }
.nav-sep 		{ margin-left:1px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/bg_navigation_divider.jpg)		no-repeat; overflow: hidden; height: 30px; width:   1px; padding-right: 9px; }
.nav-sep2 		{ margin-left:0px;list-style-type:none;padding-bottom:0px;float: left;float: left; background: transparent url(/img/purplediv.jpg)		no-repeat; overflow: hidden; height: 30px; width:   1px; padding-right: 9px; }
***********************/

/* ************************************************************
	FOOTER NAVIGATION STUFF
   ************************************************************ */
div#footer { font-size: 11px; color: #999; text-align: center; background: #fffdf6 url(/img/bg_footer.gif) repeat-x; }
div#footer a { color: #999; text-decoration: none; font-size: 11px;}
div#footer a:hover { color: #999; text-decoration: underline;font-size: 11px; }
ul.foot { margin: 10px 0 10px 0; padding: 0 !important; }
ul.foot li { display: inline; }
ul#lowprice { margin: 10px 0 10px 0; padding: 0 !important; }
ul#lowprice li { display: inline; }

/* **************************************************************
	COLORS AND FONTS
*************************************************************** */
.green { color: #090;}
.grey { color: #999; }
.bg_yellow { background: #fffdf6; }
.mdprpl {font-size: 12px; font-family: tahoma; color: #990099; text-decoration:none;font-weight:800;}
.lgprpl {font-size: 13px; font-family: tahoma; color: #990099; text-decoration:none;font-weight:800;}
.xlgprpl {font-size: 15px; font-family: tahoma; color: #990099; text-decoration:none;font-weight:800;}
.lgblkb {font-size: 13px; font-family: tahoma; color: #333333; text-decoration:none;font-weight:800;}
.xlggrnb {font-size: 16px; font-family: tahoma; color: #009900; text-decoration:none;font-weight:800;}
.lggrnb {font-size: 13px; font-family: tahoma; color: #009900; text-decoration:none;font-weight:800;}

/* ************************************************************
	ARRANGEMENT IDEAS	
************************************************************ */ 
#varieties_shell {width: 780px;overflow: hidden; float:left; background-color:#fffdf6;background-image: url(../img/bg_featured_flower.jpg);background-repeat: repeat-x;}
#varieties_header {width: 780px;height: 45px; overflow: hidden; float:left;}

.featured_spacer {width: 10px; overflow: hidden; float:left;}

ol { margin-bottom:10px;padding-top:3px;padding-left:10px; padding-right:10px; }
ul { margin-bottom:10px;padding-top:3px;padding-left:20px; padding-right:10px; }
ol li { margin-left:20px; padding-bottom:3px;padding-right:10px;}
.arrangement ul li { margin-left:20px;list-style-type:bullet;padding-bottom:3px;padding-right:10px; }

.videos li { margin-left:20px;list-style-type:none;padding-bottom:3px;padding-right:10px; font-weight:800;}
.videosh2 { font-size:17px; font-weight:800; color:#990099;padding:10px 0 10px 0;}



div#related_articles { font-size: .85em; width: 339px; background: #fffdf6 url(/img/bg_featured_flower.jpg) repeat-x; margin: 2px; }
div#related_articles h3 {  background: transparent url(/img/relatedarticles.jpg) no-repeat; margin: 8px 0 0 5px; text-indent: -9999em;padding:5px;}

div#tips { font-size: .85em; width: 339px; background: #fffdf6 url(/img/bg_featured_flower.jpg) repeat-x; margin: 2px; }
div#tips h3 {  background: transparent url(/img/bloomstip.jpg) no-repeat; margin: 8px 0 0 5px; text-indent: -9999em; padding:5px;}

div#featured_arr { font-size: .85em; width: 339px; background: #fffdf6 url(/img/bg_featured_flower.jpg) repeat-x; margin: 2px; }
div#featured_arr h3 {  background: transparent url(/img/featured_featuredflower.jpg) no-repeat; margin: 8px 0 0 5px; text-indent: -9999em;padding:5px;}

/* ************************************************************
	SEARCH AND CART
************************************************************ */ 
#cart_buttons { width:780px; height:45px; overflow:hidden; float:left;}
.cart_shell { width:780px; float:left;}
.cart_checkbox { width:20px; height:50px; float:left;}
.cart_image { width:50px; height:50px; float:left;background-image: url(../img/bg_cartimage.jpg);}
.cart_item { width:710px; float:left;}
.cart_itemname { width:710px; float:left;}
.cart_itemdetails { width:510px; float:left;}
.cart_itemoptions { width:200px; float:left;}


/* ************************************************************
	LIST TABLES
************************************************************ */ 
table.list {margin: auto; font-family: tahoma, sans-serif; font-size:12px; width: 100%;}
table.list th { background-color:#fff3c3; font-weight: bold; text-align: left; padding: 3px; vertical-align:top;}
table.list td {padding:5px 5px;}


/* data entry tables */
table.input { margin: 0px 20px 0px 0px;font-size:11px;font-family: tahoma; }
table.input input, text, textarea {font-family: tahoma; font-size:11px;padding: 0px 6px;} 
table.input select {font-family: tahoma; font-size:11px;} 
table.input td {padding: 2px 5px;font-size: 11px; font-family: tahoma; }

tr.grey1 { background: #efe6ef;}
tr.grey0 { background: #fff;}


.red { color: #333333; background-color: #ffffff;  border: 1px solid #ff0000; padding-left:5px; padding-top:1px; height:18px;}
.smff0000 {font-size: 12px; font-family: tahoma; color: #ff0000; text-decoration:none;}


/* ************************************************************
	Availability
************************************************************ */ 
.availability td { padding-bottom:5px;padding-top:5px;background: url(../img/availability-bg.gif) repeat-x;}
.availability td a { color:#333333; }