* { margin: 0; padding: 0; font-family: tahoma; font-size:11px; color: #333; }
body {	background-color: #ffffff;}
#shell { width: 800px; background-color:#ffffff; overflow: hidden; float:center;}

#header_shell { width: 800px; height: 106px; background-color:#ffffff; text-align: left; overflow: hidden; float:left;}
#header_logo {width: 185px;height: 106px;background-image :  url(../img/logo.gif); overflow: hidden; float:left;}
#header_image {width: 615px;height: 106px;background-image :  url(../img/bg_header.jpg); overflow: hidden; float:left;}


#featured_shell {width: 800px;height: 318px; overflow: hidden; float:left;}
#featured_welcome {width: 354px;height: 318px; overflow: hidden; float:left;background-image: url(../img/welcomebg.jpg);}
#featured_welcome_text {width: 354px;height: 318px; overflow: hidden; float:left;}
#featured_welcome_ad {width: 405px;height: 105px; overflow: hidden; float:left;}
.featured_spacer {width: 10px; overflow: hidden; float:left;}
#featured_divider {width: 1px;height: 318px; background-image: url(../img/bg_featured_divider.jpg); overflow: hidden; float:left;}
#featured_flower {width: 405px;height: 318px; overflow: hidden; float:left; background-color:#fffdf6;background-image: url(../img/bg_featured_flower.jpg);background-repeat: repeat-x;}
#featured_flower_header {width: 405px;height: 30px; overflow: hidden; float:left;}
#featured_flower_shell {width: 405px;height: 280px; overflow: hidden; float:left;}
#featured_flower_left {width: 150px;height: 180px; overflow: hidden; float:left;background-image: url(../img/bg_featured_flower_image.jpg);background-repeat: no-repeat;}
#featured_flower_right {width: 255px;height: 180px; overflow: hidden; float:left;}

#select_shell {width: 800px;overflow: hidden; float:left; background-color:#fffdf6;}
#select_header {width: 800px;height: 75px; overflow: hidden; float:left; background-image: url(../img/bg_select_header.jpg); background-repeat: repeat-x;}
#select_header_title {width: 200px;height: 75px; overflow: hidden; float:left;}
#select_header_flower {width: 330px;height: 75px; overflow: hidden; float:left;}
#select_header_form {width: 270px;height: 75px; overflow: hidden; float:left;}
.select_row {width: 800px;height: 150px; overflow: hidden; float:left;}
.select_padding {width: 9px;height: 150px; overflow: hidden; float:left;}
.select_option {width: 104px;height: 150px; overflow: hidden; float:left;}
.select_option_image {width: 104px;height: 104px; background-image: url(../img/bg_select_option_image.jpg); overflow: hidden; float:left;text-align:left;}
.select_option_name {width: 104px;height: 46px; overflow: hidden; float:left;}

#order_shell {width: 550px;overflow: hidden; float:left; background-color:#fffdf6;background-image: url(../img/bg_featured_flower.jpg);background-repeat: repeat-x;}
#order_header {width: 550px;height: 30px; overflow: hidden; float:left;}
#order_flower_shell {width: 550px; overflow: hidden; float:left;}
#order_flower_left {width: 250px; overflow: hidden; float:left;background-image: url(../img/bg_order_image.jpg);background-repeat: no-repeat;}
#order_flower_right {width: 300px; overflow: hidden; float:left;}

#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;}
#varieties_header_title {width: 590px;height: 45px; overflow: hidden; float:left;}
#varieties_header_form {width: 190px;height: 45px; overflow: hidden; float:left;}

.showvariety_row {width: 800px; overflow: hidden; float:left;}
.showvariety_padding {width: 9px;height: 135px; overflow: hidden; float:left;}
.showvariety_option {width: 380px;height:  overflow: hidden; float:left;}
.showvariety_option_image {width: 104px; background-image: url(../img/bg_select_option_image.jpg); overflow: hidden; float:left;text-align:left;}
.showvariety_option_name {width: 276px; overflow: hidden; float:left;}

#body_shell { width:780px; float:left;}
#description_shell {width: 220px;overflow: hidden; float:left; background-color:#fffdf6;background-image: url(../img/bg_featured_flower.jpg);background-repeat: repeat-x;}
#description_header {width: 220px;height: 30px; overflow: hidden; float:left;}
#description_content {width: 220px; overflow: hidden; float:left;}

#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;}

.content {width: 780px;overflow: hidden; float:left; background-color:#fffdf6;}
#shippingcost {width: 780px;overflow: hidden; float:left; background-color:#fffdf6;}
.totalcost {overflow: hidden; float:right; background-color:#fffdf6;}

#footer {width: 800px;height:185px; overflow: hidden; float:left; background-color:#fffdf6; background-image: url(../img/bg_footer.gif);background-repeat: repeat-x;}

.spacer { float:left; overflow: hidden;}
table.cfdebug {text-align: 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:10px;list-style-type:bullet;padding-bottom:3px;padding-right:10px; }

.green { color: #090; }

/*
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;	color: #333; }
html { font-size: 50% }
body { font-size: 125%;} /* 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;}
div#main { width: 800px; font-size: 1.3em; text-align: left; margin: 0 auto;}
div#content_container { font-size: .85em; margin-top: 5px; padding: 12px;  background-color:#fff; }


/* *******************************************************
	FEATURE USED ON INDEX PAGE and ARRANGEMENT IDEAS INCLUDE
******************************************************* */
div#featured_container {  padding: 12px;    background-color:#fff;}
div#featured { background: transparent url(/img/bg_featured_divider.jpg) 356px 0 repeat-y; overflow: hidden; }
div#featured_welcome { float: left; width: 336px; line-height: 1.4em; margin-left: 10px; background: transparent url(/img/welcomebg.jpg) no-repeat; }
div#featured_welcome h3 { float: left; background: transparent url(/img/welcometoblooms.gif) no-repeat; overflow: hidden; height: 75px; width: 324px; text-indent: -9999em; }
div#about h2 { float: left; margin-bottom: 10px; background:  transparent url(/img/aboutourflowers.jpg) no-repeat; overflow: hidden; height: 20px; width: 450px; text-indent: -9999em;background-color:#ffffff; }
div#featured_product { font-size: .85em; float: right; width: 399px; background: #fffdf6 url(/img/bg_featured_flower.jpg) repeat-x ; margin: 0 10px; }
div#featured_product h3 {  background: transparent url(/img/featured_featuredflower.jpg) no-repeat; margin: 8px 0 0 5px; text-indent: -9999em;}
div#featured_product_left { float: left; width: 150px; background-image: url(../img/bg_featured_flower_image.jpg);background-repeat: no-repeat;}
div#featured_product_right { float: left; width: 249px; }


/* *******************************************************************
	CATEGORIES USED ON INDEX, FLOWERVARIETIES & SHOWVARIETIES PAGE
******************************************************************* */
div#select_cat_head_left { float: left; width: 491px; background: transparent url(/img/bg_featured_flower.jpg) repeat-x; }
div#select_cat_head_left h2 { position: relative; top: 8px; left: 5px; height: 75px; background: transparent url(/img/select_flowervarieties.jpg) no-repeat; text-indent: -9999em; }
div#select_cat_head_divider { float: left; overflow: hidden; height: 75px; width: 17px; background: transparent url(/img/searchcut.jpg) no-repeat; }
div#select_cat_form { float: left; height: 75px; width: 268px; background: transparent url(/img/searchundercut.jpg) repeat-x;}
.select_row {  margin: 0 auto; width: 705px; height: 130px;}
.select_option { float:left; height: 130px; width: 104px; }
.select_padding { float:left; height: 130px; width: 46px; }
.select_option_image { float:left; height: 102px; width: 104px; background: transparent url(/img/bg_select_option_image.jpg) no-repeat; }
.select_option_name { float:left; text-align: center; overflow: hidden; height: 36px; width: 104px; }
.select_option_name a { color: #000; text-decoration: none; display: block; height: 20px; width: 104px; }
.select_option_name h3 {  font-size: 1.2em; }
div#toppicks {float: left;width: 800px;background-color:#ffffff;height:32px; overflow:hidden;background-image: url(/img/toppicksbg.jpg);}
div#toppicks h3 { padding-left:205px;padding-top:6px;color:#fff4c8; font-size: 1em;}
div#toppicks a {margin-right:25px;}


.showvariety_row {  margin: 0 auto; width: 760px; padding: 10px 0 10px 0; }
.showvariety_option_name { float: left; width: 250px; padding:0 10px 10px; }
.showvariety_option_name h3 {  font-size: 1.2em; }