/* General */
* { margin: 0; padding: 0; }
html { font-size: 100%; height: 100%; padding: 0; margin-bottom: 1px; }
body { font-family: Arial, Verdana, sans-serif; color: #4F4F4F; background-color: #ECECEC; font-size: 62.5%; margin: 0; padding: 0; text-align: center; }
img { border-width: 0; }
/* Main Blocks */
#wrap { padding: 0; width: 1010px; background: #ECECEC url("./../images/bg_sides.gif") repeat-y 0 0; text-align: left; margin: 0 auto; }
#page-header{ height: 110px; background: url("./../images/bg_header_full.jpg") repeat-y 0 0; }
#page-body { margin: 0; padding: 3px 31px 0 40px; min-height: 200px; clear: both; background: url("./../images/bg_body_full.jpg") no-repeat top left; }
#page-boxes { clear: both; float: left; width: 965px; height: 278px; background-color: #ECECEC; margin: 10px 0 0 27px; padding-top: 10px; text-align: center; }
#page-footer{ clear: both; height: 148px; background: #ECECEC url("./../images/bg_footer.jpg") repeat-y 0 0; }
/* Lists */
#content ol, #content ul { margin: 5px 0 5px 20px; font-size: 1.2em; }
/* Links
a:link, a:active, a:visited { color: #EA547A; text-decoration: none; padding: 0px; font-size: 1.0em; }
a:hover { color: #FFFFFF; background-color: #EA547A; }*/
.image a:link, .image a:active, .image a:visited { text-decoration: none; padding: 0px; }
.image a:hover { text-decoration: none; background-color: transparent; }
/* Links */
#panel-reviews a:link, #panel-reviews a:active, #panel-reviews a:visited { font-weight: bold; color: #4F4F4F; text-decoration: none; padding: 2px; }
#panel-reviews a:hover { color: #FFFFFF; background-color: #4F4F4F; }
#content p a:link, #content p a:active, #content p a:visited,
#content ol a:link, #content ol a:active, #content ol a:visited,
#content ul a:link, #content ul a:active, #content ul a:visited,
#content table a:link, #content table a:active, #content table a:visited
{ color: #EA547A; text-decoration: none; padding: 0px; font-size: 1.0em; }
#content p a:hover, #content ol a:hover, #content ul a:hover, #content table a:hover
{ color: #FFFFFF; background-color: #EA547A; }
p#areas a:link, p#areas a:active, p#areas a:visited { color: #A5A5A5; text-decoration: none; padding: 2px; font-size: 1.0em; }
p#areas a:hover { color: #FFFFFF; background-color: #A5A5A5; }
#content .image a:link, #content .image a:active, #content .image a:visited,
#content #prods .image a:link, #content #prods .image a:active, #content #prods .image a:visited,
#content table .image a:link, #content table .image a:active, #content table .image a:visited,
#content .image a:hover, #content table .image a:hover, #content #prods .image a:hover
{ color: #fff; background-color: #fff; }
/* Logo */
body div.logo { background-repeat: no-repeat; width: 400px; height: 66px; float: left; padding: 24px 0 0 0; }
body div.logo .hlogo { margin: 0; display: block; }
body div.logo .hlogo a { display: block; width: 370px; height: 66px; text-indent: -5000px; text-decoration: none; margin: 0; padding: 0; }
html>body div.logo .hlogo a { background: url("./../images/header_logo.jpg") top right no-repeat; }
div.logo .hlogo a { background: url("./../images/header_logo.jpg") top right no-repeat; }
/* Nav bar */
#nav { float: right; width: 355px; height: 31px; background: url("./../images/bg_nav.gif") 0 0 no-repeat; margin: 15px 30px 0 0; }
#nav ul { list-style: none; display: block; padding: 10px 0 0 14px; }
#nav li { float: left; }
/* Rollover state */
#nav li span { display: block; height: 13px; margin: 0; background-position: 0 -13px; }
/* Rolloff state */
#nav li span a, #nav li span a:link { display: block; width: 100%; height: 13px; background-position: 0 0; padding: 0; }
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
#nav li span a strong { display: none; }
#nav li span a:hover { background-image: none; }
/* Button padding */
li.nav-home { padding-left: 0px; }
li.nav-direct { padding-left: 25px; }
li.nav-blog { padding-left: 25px; }
li.nav-contact { padding-left: 25px; }
li.nav-florists { padding-left: 25px; }
/* Button images */
li.nav-home span, li.nav-home span a { background: url("./../images/nav_home.gif") 0 0 no-repeat; }
li.nav-direct span, li.nav-direct span a { background: url("./../images/nav_direct.gif") 0 0 no-repeat; }
li.nav-blog span, li.nav-blog span a { background: url("./../images/nav_blog.gif") 0 0 no-repeat; }
li.nav-contact span, li.nav-contact span a { background: url("./../images/nav_contact.gif") 0 0 no-repeat; }
li.nav-florists span, li.nav-florists span a{ background: url("./../images/nav_florists.gif") 0 0 no-repeat; }
/* Span widths */
li.nav-home span { width: 35px; }
li.nav-direct span { width: 81px; }
li.nav-blog span { width: 26px; }
li.nav-contact span { width: 45px; }
li.nav-florists span{ width: 41px; }
/* Currency Bar */
.curr-bar { float: right; text-align: right; width: 200px; margin: 13px 82px 0 0; }
/* Footer links */
#footer-links { float: left; width: 382px; height: 120px; background: url("./../images/bg_footer_links.gif") 0 0 no-repeat; margin: 10px 0 0 27px; }
#footer-links .links { width: 195px; margin: 15px 0 0 15px; }
#footer-links .links ul { list-style: none; display: block; padding: 0; font-size: 1.0em; }
#footer-links .links li { margin: 3px; }
#footer-links a:link, #footer-links a:active, #footer-links a:visited,
#footer-areas a:link, #footer-areas a:active, #footer-areas a:visited
{ color: #EA547A; text-decoration: none; font-size: 1.0em; }
#footer-links a:hover, #footer-areas a:hover
{ color: #FFFFFF; background-color: #EA547A; }
/* Secure link */
#secure { float: right; width: 138px; height: 27px; margin: 19px 25px 0 0; background: url("./../images/bg_footer_secure.gif") 0 0 no-repeat; }
#secure span { display: none; }
/* Search box */
#search-box, #search-box-gb, #search-box-us, #search-box-ca, #search-box-au
{ float: right; width: 435px; height: 98px; margin: 12px 31px 0 0; padding: 0; }
#search-box form, #search-box-gb form, #search-box-us form, #search-box-ca form, #search-box-au form
{ margin-top: 63px; }
#search-box div, #search-box-gb div, #search-box-us div, #search-box-ca div, #search-box-au div
{ float: left; padding: 0; margin: 65px 0 0 0; }
#search-box .textbox, #search-box-gb .textbox, #search-box-us .textbox, #search-box-ca .textbox, #search-box-au .textbox
{ border: 1px solid #B7CD2D; width: 192px; height: 20px; background-color: #FFFFFF; margin-left: 11px; }
#search-box .selectbox, #search-box-gb .selectbox, #search-box-us .selectbox, #search-box-ca .selectbox, #search-box-au .selectbox
{ border: 1px solid #B7CD2D; width: 146px; height: 20px; background-color: #FFFFFF; margin-left: 4px; }
#search-box .searchbtn, #search-box-gb .searchbtn, #search-box-us .searchbtn, #search-box-ca .searchbtn, #search-box-au .searchbtn
{ width: 68px; height: 24px; background: url("./../images/bg_search_btn.gif") no-repeat 0 0; border: none; margin-left: 4px; }
#search-box .searchbtn:hover, #search-box-gb .searchbtn:hover, #search-box-us .searchbtn:hover, #search-box-ca .searchbtn:hover,
#search-box-au .searchbtn:hover
{ background-position: 0 -24px; cursor: pointer; }
#search-box-us .zip-text { float: left; width: 140px; margin: -2px 0 0 5px; font-size: 1.1em; }
#search-box-us .zip-text a:link,#search-box-us .zip-text a:active, #search-box-us .zip-text a:visited
{ text-decoration: none; color: #EA547A; }
#search-box-us .zip-text a:hover{ color: #FFFFFF; background-color: #EA547A; }
#search-box { background: url("./../images/bg_search.gif") 0 0 no-repeat; }
#search-box-gb { background: url("./../images/bg_search_gb.jpg") 0 0 no-repeat; }
#search-box-us { background: url("./../images/bg_search_us.gif") 0 0 no-repeat; }
#search-box-ca { background: url("./../images/bg_search_ca.gif") 0 0 no-repeat; }
#search-box-au, #search-box-mt, #search-box-cn
{ background: url("./../images/bg_search_au.gif") 0 0 no-repeat; }
/* Events and Calendar */
#events { margin: 20px 0 20px 0; height: 255px; }
#event { float: left; }
#event img { display: block; }
#calendar { float: right; width: 273px; height: 221px; margin-top: 10px; background: url("./../images/bg_calendar.gif") 0 0 no-repeat; }
/* Box divs */
#page-boxes div { display: inline; }
#page-boxes div img { margin: 0 3px 0 3px; }
/* Right pane and panels */
#right-pane { float: right; width: 202px; margin-bottom: 5px; }
#panel-country { width: 202px; height: 151px; background: url("./../images/bg_gray.gif") 0 0 no-repeat; }
#panel-topsearches { width: 202px; height: 225px; background: url("./../images/bg_green.gif") 0 0 no-repeat; margin-top: 4px; }
#panel-signup { width: 202px; height: 104px; background: url("./../images/bg_pink.gif") 0 0 no-repeat; margin-top: 4px; }
#panel-reviews { width: 202px; height: 227px; background: url("./../images/bg_pale.gif") 0 0 no-repeat; margin-top: 4px; }
/* Content */
#left-pane { float: left; width: 732px; }
#content { margin-top: 60px; }
#content table { clear: both; }
/* Calendar dates */
#dates { float: left; width: 210px; height: 145px; background: url("./../images/bg_dates.gif") 0 0 no-repeat; margin: 10px 0 0 30px; }
ul#container { position: relative; width: 200px; margin: 6px 5px 0px 5px; text-align: center; z-index: 100; list-style-type: none; font-size: 1.0em;}
#select-month { clear: both; float: left; padding: 10px 0 0 0px; }
ul#container li { float: left; width: 28px; height: 16px; font-size: 1.2em; padding-top: 2px; }
ul#container li.h { color: #888888; font-size: 1.1em; font-weight: bold; }
ul#container li.event { background: url("./../images/bg_event_cell.gif") 0 0 no-repeat; cursor: pointer; }
ul#container li.event a,
ul#container li.event a:visited { position: relative; display: block; width: 28px; line-height: normal; text-align: center; padding: 0; margin: 0; text-decoration: none; color: #fff; }
ul#container li.event a span { display: none; }
ul#container li.event a:hover { color: #fff; background-color: transparent; cursor: pointer; text-indent: 0; }
ul#container li.event a:hover span { display: block; position: absolute; top: 10px; left: 0; background: url("./../images/bg_event_desc.png") 0 0 no-repeat; width: 141px; height: 49px; margin: 0px; color: #000; text-align: left; font-size: 0.85em; padding: 15px 0 0 10px; }
/* Flags */
#flags { float: left; width: 178px; height: 78px; margin: 6px 0 0 25px; }
#flags div { float: left; padding: 0; margin: 0; }
#flags a { padding: 0; }
#flags img { display: block; padding: 0; margin: 0; border: none; }
#content #register-flags { padding: 3px 5px 0 0; }
#content #register-flags img { margin-left: 5px; }
#content #register-flags a:link, #register-flags a:active, #register-flags a:visited,
#content #register-flags a:hover { color: #fff; background-color: #fff; }
/* Top searches */
#panel-topsearches .list { float: left; margin: 10px 0 0 20px; }
.list ol { list-style-type: decimal; list-style-position: outside; padding-left: 30px; }
.list li { font-size: 1.2em; padding: 1px; font-weight: bold; color: #A5AA8C; }
.list a:link, .list a:active, .list a:visited { font-weight: normal; color: #4F4F4F; text-decoration: none; padding: 2px; }
.list a:hover { color: #FFFFFF; background-color: #4F4F4F; }
/* Signup */
#signup-link { float: right; width: 107px; height: 27px; margin: 4px 11px 0 0; }
#signup-link span, #signup-link span a { display: block; width: 107px; height: 27px; background: url("./../images/bg_signup_btn.gif") 0 0 no-repeat; padding: 0;}
#signup-link span { background-position: 0 -27px; }
#signup-link span a strong { display: none; }
#signup-link span a:hover { background-image: none; }
/* Headings */
#content h1 { font-size: 1.8em; }
#content h2 { font-size: 1.6em; }
#price-you-see { width: 616px; height: 39px; margin: 5px 0 5px 0; background: url("./../images/top_heading_us.gif") 0 0 no-repeat; }
#price-you-see h1 { display: none; }
#flowers-to-au, #flowers-to-ca, #flowers-to-cy, #flowers-to-es, #flowers-to-hk,
#flowers-to-ie, #flowers-to-nz, #flowers-to-gb, #flowers-to-us, #flowers-to-za
{ width: 600px; height: 31px; margin: 5px 0 10px 0; background-position: 0 0; background-repeat: no-repeat; }
#flowers-to-au h1, #flowers-to-ca h1, #flowers-to-cy h1, #flowers-to-es h1, #flowers-to-hk h1,
#flowers-to-ie h1, #flowers-to-nz h1, #flowers-to-gb h1, #flowers-to-us h1, #flowers-to-za h1
{ /*display: none;*/ }
#why-use-d2f { clear: both; width: 376px; height: 33px; margin: 10px 0 10px 0; background: url("./../images/h1_why.gif") 0 0 no-repeat; }
#why-use-d2f h2 { display: none; }
/*#events-calendar { float: left; width: 237px; height: 18px; margin: 11px 0 0 11px; background: url("./../images/h2_calendar.gif") 0 0 no-repeat; }*/
#events-calendar { float: left; width: 237px; height: 18px; margin: 11px 0 0 11px; background: url("./../images/bg_month_names.png") 0 0 no-repeat; }
#events-calendar h2 { display: none; }
#buy-from-florists { float: left; width: 156px; height: 18px; margin: 11px 0 0 11px; background: url("./../images/h2_buy_from_florists.gif") 0 0 no-repeat; }
#buy-from-florists h2 { display: none; }
#top-searches { float: left; width: 102px; height: 18px; margin: 11px 0 0 10px; background: url("./../images/h2_top_searches.gif") 0 0 no-repeat; }
#top-searches h3 { display: none; }
#signup { float: left; width: 54px; height: 18px; margin: 11px 0 0 10px; background: url("./../images/h2_signup.gif") 0 0 no-repeat; }
#signup h3 { display: none; }
#reviews { float: left; width: 129px; height: 16px; margin: 11px 0 0 10px; background: url("./../images/h2_reviews.gif") 0 0 no-repeat; }
#reviews h3 { display: none; }
/* Heading images
#flowers-to-au { background-image: url("./../images/h1_flowers_to_au.gif"); }
#flowers-to-ca { background-image: url("./../images/h1_flowers_to_ca.gif"); }
#flowers-to-cy { background-image: url("./../images/h1_flowers_to_cy.gif"); }
#flowers-to-es { background-image: url("./../images/h1_flowers_to_es.gif"); }
#flowers-to-hk { background-image: url("./../images/h1_flowers_to_hk.gif"); }
#flowers-to-ie { background-image: url("./../images/h1_flowers_to_ie.gif"); }
#flowers-to-nz { background-image: url("./../images/h1_flowers_to_nz.gif"); }
#flowers-to-gb { background-image: url("./../images/h1_flowers_to_uk.gif"); }
#flowers-to-us { background-image: url("./../images/h1_flowers_to_us.gif"); }
#flowers-to-za { background-image: url("./../images/h1_flowers_to_za.gif"); }
/* Signup Images */
#content .hspacer { float: left; width: 10px; height: 10px; }
#content .features { float: left; width: 305px; height: 225px; background: url('./../images/bg_features.gif') no-repeat 0 0; vertical-align: top; font-size: 1.2em; }
#content .how-to-join { float: left; width: 620px; height: 225px; background: url('./../images/bg_how_to_join.gif') no-repeat 0 0; vertical-align: top; font-size: 1.2em; }
#content .join-now { float: left; width: 305px; height: 225px; background: url('./../images/bg_join_now.gif') no-repeat 0 0; vertical-align: top; font-size: 1.2em; }
#content .faqs { float: left; width: 620px; height: 225px; background: url('./../images/bg_faqs.gif') no-repeat 0 0; vertical-align: top; font-size: 1.2em; }
#content .videos{ float: left; width: 305px; height: 225px; background: url('./../images/bg_videos.gif') no-repeat 0 0; vertical-align: top; font-size: 1.2em; }
#content .features #features { float: left; margin: 10px 0 0 10px; padding: 0; width: 66px; height: 16px; background: url("./../images/h2_features.gif") 0 0 no-repeat; }
#content .features #how-it-works{ float: left; margin: 10px 0 0 10px; padding: 0; width: 100px; height: 16px; background: url("./../images/h2_how_it_works.gif") 0 0 no-repeat; }
#content .features #background { float: left; margin: 10px 0 0 10px; padding: 0; width: 91px; height: 19px; background: url("./../images/h2_background.gif") 0 0 no-repeat; }
#content .how-to-join #how-to-join { float: left; margin: 10px 0 0 10px; padding: 0; width: 91px; height: 19px; background: url("./../images/h2_how_to_join.gif") 0 0 no-repeat; }
#content .join-now #join-now { float: left; margin: 10px 0 0 10px; padding: 0; width: 91px; height: 19px; background: url("./../images/h2_join_now.gif") 0 0 no-repeat; }
#content .faqs #faqs { float: left; margin: 10px 0 0 10px; padding: 0; width: 214px; height: 19px; background: url("./../images/h2_faqs.gif") 0 0 no-repeat; }
#content .videos #videos{ float: left; margin: 10px 0 0 10px; padding: 0; width: 52px; height: 16px; background: url("./../images/h2_videos.gif") 0 0 no-repeat; }
#content .features h2, #content .how-to-join h2, #content .join-now h2,
#content .faqs h2, #content .videos h2
{ display: none; }
#content .faqs li { margin: 5px 0 0 0; }
#content .faqs a:link, #content .faqs a:active, #content .faqs a:visited { font-size: 0.85em; font-weight: normal; color: #4F4F4F; text-decoration: none; padding: 2px; }
#content .faqs a:hover { color: #FFFFFF; background-color: #4F4F4F; }
/* Paragraphs */
#content p { font-size: 1.2em; text-align: justify; margin: 10px 10px 10px 0; }
#content p.sub { color: #A5A5A5; }
#panel-signup p { margin: 6px 0 0 10px; float: left; width: 185px; font-size: 1.2em; }
#panel-reviews p.review { clear: both; font-size: 1.1em; padding: 8px 8px 0 8px; }
#panel-reviews p.from { clear: both; font-size: 1.1em; font-weight: bold; text-align: right; padding-right: 8px; }
#panel-reviews p.more { text-align: center; padding: 5px 8px 0 8px; font-size: 1.2em; }
#content .features p, #content .join-now p
{ margin: 35px 20px 0 20px; padding: 0 }
#content .features ul, #content .how-to-join ul,
#content .faqs ul, #content .videos ul
{ margin: 35px 20px 0 20px; padding: 0 }
#content .features ul li, #content .how-to-join ul li,
#content .videos ul li
{ margin: 10px 0 0 5px; }
#content .join-now #flags { width: 100%; }
/* Tables */
#page-body table table
{ font-size: 1.2em; }
/* Shop Box */
#shop-box { clear: left; width: 500px; margin: 0 auto; padding: 0; font-size: 1.2em; background: #EA547A; border: 2px #EA547A solid; color: #fff; }
#shop-box p { text-align: center; }
/* Cart */
#page-header #cart { clear: right; float: right; width: 133px; height: 22px; margin: 40px 27px 0 0; }
#page-header #cart span,
#page-header #cart span a { display: block; width: 111px; height: 20px; background: url("./../images/your_basket.gif") 0 0 no-repeat; padding: 0;}
#page-header #cart span { background-position: 0 -20px; }
#page-header #cart a strong { display: none; }
#page-header #cart a:hover { background-image: none; }
#page-body #pb-cart, #page-body #cart
{ float: right; width: 115px; height: 25px; margin: 2px 13px 0 0; }
#page-body #pb-cart p, #page-body #cart p
{ padding: 0; margin: 0; text-align: center; }
hr { border: 0 none #FFFFFF; border-top: 1px solid #CCCCCC; height: 1px; margin: 5px 0; display: block; clear: both; }
hr.dashed { border-top: 1px dashed #CCCCCC; margin: 10px 0; border-top-color: #CCCCCC; }
#btn-signup { text-align: center; width: 100%; }
#btn-signup span { margin: 20px auto; display: block; width: 158px; height: 55px; background: url('./../images/bg_big_signup.gif') no-repeat 0 0; }
#btn-signup span a, #btn-signup span a:link
{ display: block; width: 158px; height: 55px; background-position: 0 0; padding: 0; }
#btn-signup span a:hover { background-color: transparent; }
#btn-signup span a strong { display: none; }
/* Add to Cart */
#content .add-to-cart { height: 27px; margin: 0; }
#content .add-to-cart span, #content .add-to-cart span a
{ display: block; margin: 0 auto; width: 117px; height: 27px; background: url("./../images/add_to_cart.gif") 0 0 no-repeat; padding: 0;}
#content .add-to-cart span { background-position: 0 -27px; }
#content .add-to-cart span a strong { display: none; }
#content .add-to-cart span a:hover { background-image: none; background-color: transparent; }
/* Success and Error box */
.successbox, .errorbox
{ padding: 10px; margin: 5px; color: #1F5B13; text-align: center; width: 400px; }
.successbox { background-color: #B9DBB3; }
.errorbox { background-color: #FFE8C0; color: #990000; }
.successbox h3, .errorbox h3
{ font-weight: bold; font-size: 1.4em; margin-bottom: 0.5em; }
.successbox p, .errorbox p
{ font-size: 1.1em; margin-bottom: 0; }
.successbox a, .errorbox a
{ font-weight: bold; text-decoration: none;}