/*
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: #4b4b4b; }
html { font-size: 50% }
body { font-size: 125%; background-color: #b4be66; } /* this now sets default text size to 10px.  Now 1em = 10px */
img { border: 0; }
a { color: #703e66; text-decoration: none; outline: none; }
a:hover {text-decoration:underline;}

.clr {clear: both;}

div#container { text-align: center;  background: url(../img/bg_shadow.gif); background-repeat: repeat-y; background-attachment: fixed; background-position: center top; }
div#main { overflow: hidden; width: 800px; text-align: left; margin: 0 auto; background-color: #FFFFFF;}
div#content_container { font-size: 12px; margin-top: 5px; padding: 12px;  background-color:#fff; }
.content {width: 780px;overflow: hidden; float:left; background-color:#fff;}
.spacer { float:left; overflow: hidden;}

/* ************************************************************
	HEADER STUFF
   ************************************************************ */
div#header_logo { float: left;  background-color:#fff; }
div#header_logo a { margin-top: 0px; margin-left: 0px; background: transparent url(/img/blooms-by-the-box.gif) no-repeat; overflow: hidden; height: 100px; width: 218px; display: block; text-indent: -9999em; }
div#header_image { float: right; overflow: hidden; height: 100px; width: 582px; background: transparent url(/img/bg_header.jpg) no-repeat; }
div#header_slogan { position: relative; top: 52px; left: 21px; text-align:left; }
div#header_slogan h1 { background: transparent url(/img/the-wholesale-flower-superstore.png) no-repeat; overflow: hidden; height:14px; width:245px; text-indent: -9999em; }
div#header_number { position: relative; top: 56px; left: 21px; text-align:left; }
div#header_number p { background: transparent url(/img/call-toll-free.png) no-repeat; overflow: hidden; height:12px; width:294px; text-indent: -9999em; }
/*div#header_logout { position: relative; top: -5px; 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-color: #703e66;; overflow: hidden; height:24px; 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/blooms-logo-footer.gif) no-repeat; overflow: hidden; height:22px; width: 80px; margin-left: 54px; margin-right: 15px; 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; }
div#footer a { color: #703E66; text-decoration: none; font-size: 11px;}
div#footer a:hover { color: #703E66; 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: #66720B;}
.grey { color: #999; }
.mdprpl {font-size: 12px; font-family: tahoma; color: #703e66; text-decoration:none;font-weight:800;}
.lgprpl {font-size: 13px; font-family: tahoma; color: #703e66; text-decoration:none;font-weight:800;}
.xlgprpl {font-size: 15px; font-family: tahoma; color: #703e66; 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: #66720B; text-decoration:none;font-weight:800;}
.lggrnb {font-size: 13px; font-family: tahoma; color: #66720B; text-decoration:none;font-weight:800;}

/* ************************************************************
	ARRANGEMENT IDEAS	
************************************************************ */ 
#varieties_shell {width: 780px;overflow: hidden; float:left; background-color:#fff; }
#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:#703E66;padding:10px 0 10px 0;}



div#related_articles { font-size: .85em; width: 339px; margin: 2px; }
div#related_articles h3 {  margin: 5px 0 5px 5px; color: #E97F02; font-size: 16px; font-weight: bold; }

div#tips { font-size: .85em; width: 339px; margin: 2px; }
div#tips h3 { margin: 8px 0 0 5px; color: #E97F02; font-size: 16px; font-weight: bold; }

div#featured_arr { font-size: .85em; width: 339px; margin: 2px; }
div#featured_arr h3 {  margin: 8px 0 5px 5px; color: #E97F02; font-size: 16px; font-weight: bold; }

/* ************************************************************
	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;}

tr.pink1 { background: #FFEFF5;}
tr.pink0 { 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; }

/* ************************************************************
	Homepage Redesign
************************************************************ */ 

/* ************************************************************
	Header
************************************************************ */ 

#header_options { float: left; width: 237px; }
.headlinks { padding-right: 15px; }
.headlinks a { color: #66720b; font-weight: bold; font-size: 11px; }
.headlinks a:hover { color: #66720b; }

.orangebar { background-color: #e97f02; width: 800px; height: 2px; }

.navbarlinks { padding-top: 4px; float: left; padding-right: 35px; }

.pinklinks { padding: 4px 40px 0 0; float: left; font-size: 12px; }
.pinklinks a { color: #fff; }

#fwatable { margin: 2px 0 0 50px; }
#fwatable td { padding: 0 10px 0 0; }
#fwatable a { color: #fff; }

/* ************************************************************
	Left Navigation
************************************************************ */ 
#ln { width: 148px; float: left; margin-left: 15px; }
.lnline { width: 148px; height: 1px; background-color: #a4a4a4; }
#lnhold { width: 148px; padding: 0 0 20px 0; background-image: url(../img/lnbg.jpg); background-repeat: repeat-y; }
.nh3text { font-size: 14px; color: #1a933f; text-align: center; padding: 10px 0 15px 0; }
.ngreentext { color: #1a933f; font-size: 12px; padding: 0 0 0 13px; font-weight: bold; }
.norangetext { color: #e97f02; font-size: 12px; text-align: center; font-weight: bold; }
.norangetext a { color: #e97f02; }
.ngreentext a { color: #1a933f; text-decoration: none; }
.ngreentext a:hover { text-decoration: underline; }

.ncattopic { font-size: 12px; color: #66720b; padding: 15px 0 5px 13px;}

#socialmediaicons { padding-top:15px; padding-left: 13px; }
#socialmediaicons p { float: left; padding-right: 2px; }

.viewtest { font-size: 12px; padding-bottom: 15px;}
.viewtest a { color: #E97F02; }

/* ************************************************************
	Middle Content
************************************************************ */ 
#homepagec { float: left; width: 496px; }

.bulletlist { float: left; padding-left: 20px; padding-top: 8px; font-size: 13px; }
.bulletlist strong { color: #8a9b0f; font-weight: regular; }

#onsalenow { height: 166px; float:left; margin-top: 10px; }

#onsaleimagebg { width:166px; height: 166px; margin-left: 18px; background-image: url(../img/on-sale-now-img-bg.gif); background-repeat: no-repeat; }

#onsalenowtop { width: 303px; height: 13px; background-image: url(../img/on-sale-now-top.gif); background-repeat: no-repeat; }
#onsalenowbox { width: 303px; height: 153px; background-image: url(../img/on-sale-now-bg1.gif); background-repeat: repeat-y; }

#onsalenowfooter { margin-left: 18px; width: 470px; height: 8px; background-image: url(../img/on-sale-now-footer.gif); background-repeat: no-repeat; clear: both; }

.sorange { color: #E97F02; }

.bestsellerbox { float:left; width:143px; background-image:url(../img/best-seller-bg.gif); background-repeat:no-repeat; margin-left: 19px; line-height: 15px; padding: 0px; }
.bestsellerbox h3 a { color: #4b4b4b; font-size: 12px; }

#diyweddingbox { width: 467px; height: 143px; background-image: url(../img/diy-wedding-flower-box.jpg); background-repeat: no-repeat; margin: 10px 0 0 19px; text-align: right; }
#diyweddingbox p { padding: 0 20px 0 190px; font-size: 12px; }
#diyweddingbox a { color: #e97f02; font-weight: bold; text-decoration: none; }
#diyweddingbox a:hover { text-decoration: underline; }

#bottomcbox a { color: #fff; text-decoration: none; }

#btbox1 { float: left; margin: 8px 0 0 18px; background-color: #cb4775; width: 144px; height: 94px; }
#btbox1 p { padding-left: 6px; color: #fff; font-size: 12px;}
#btbox2 { float: left; margin-top: 8px; margin-left: 15px; background-color: #84566f; width: 144px; height: 94px; }
#btbox2 p { padding-left: 6px; color: #fff; font-size: 12px; }
#btbox3 { float: left; margin-top: 8px; margin-left: 15px; background-color: #e67a0e; width: 144px; height: 94px; }
#btbox3 p { padding-left: 6px; color: #fff; font-size: 12px; }

/* ************************************************************
	Right Column
************************************************************ */ 
#homeright { float: left; }
#homeright p { text-align: center; line-height: 0px; }

.boxspacer { height:7px; width: 1px; }

#blogbox { width: 123px; height: 165px; background-image: url(../img/blog-box-bg.gif); background-repeat: repeat-x; background-color: #e77c09; margin: 0 0 0 3px; }
#blogbox p { font-size: 9px; text-align: left; color: #fff; }
#blogbox strong { font-size: 12px; text-align: left; color: #fff; }
#blogbox a { color: #fff; }

#feeddiv p { padding: 7px 15px 0 6px; line-height: 15px; font-size: 9px; }

#floweravail { width: 123px; height: 130px; background-image: url(../img/flower-availability-box-bg.gif); background-repeat: no-repeat; margin: 0 0 0 3px; }
#floweravail p { text-align: left; padding-left: 6px; padding-right: 8px; line-height: 15px; font-size: 13px; }
#floweravail a { color: #fff; text-decoration: none; }

#diyflowergallery { margin: 0 0 0 3px; width: 122px; height: 129px; background-image: url(../img/diy-flowers-box-bg.gif); background-repeat: no-repeat; }
#diyflowergallery p { text-align: left; padding-left: 7px; font-size: 13px; color: #fff; line-height: 15px; }
#diyflowergallery a { color: #fff; text-decoration: none; }

#videoworkshops { width: 122px; height: 129px; margin: 0 0 0 3px; background-image: url(../img/video-workshops-box-bg.gif); background-repeat: no-repeat; }
#videoworkshops p { text-align: left; font-size: 13px; color: #fff; line-height: 15px; padding-left: 6px; padding-bottom:1px; }
#videoworkshops a { color: #fff; text-decoration: none; }

.corporatetext { padding-top: 8px; padding-left: 15px; color: #E97F02; font-size: 16px; font-weight: bold; }
.uploadphototext { padding-top: 5px; padding-left: 8px; color: #E97F02; font-size: 16px; font-weight: bold; }
.orderinformation { padding-top: 5px; padding-left: 28px; color: #E97F02; font-size: 16px; font-weight: bold; }
.myaccounttext { padding-top: 5px; padding-left: 5px; color: #E97F02; font-size: 16px; font-weight: bold; }
.lowpricetext { padding-top: 5px; padding-left: 8px; padding-bottom: 10px; color: #E97F02; font-size: 16px; font-weight: bold; }
.checkouttext { padding-top: 10px; padding-left: 15px; color: #66720B; font-size: 16px; font-weight: 800; font-weight: bold; }

.featuredarrangementtext { color: #E97F02; font-size: 16px; padding-left: 12px; }

.clear { clear: both; }
.innernav { float: left; width: 148px; height: 600px; }
.bg_yellow { float: left; }