.clear { clear: both; height: 1%; line-height: 1%; display: block; }
.nowrap { white-space: nowrap; }
html,body { height: 100%; }

body { 
    background-color: #FFFDE3; 
    font-family: 'Lucida Grande', "Arial ", Sans-Serif;
    padding: 0px;
}

a { color: #3f358f; text-decoration: none; }
a:visited { color: #3f358f; }
a:active { color: #bdb5f6; }
h1 { color: #3f358f; font-size: 50px;  text-align: center; letter-spacing: -.1em; }
h2 { text-align: center; margin: 0; font-size: 42px; line-height: 1.1em;  color: #006C91; }
h2.description { font-size: 30px; text-align: center; }
h1, h2 { font-family: "AppleChancery", serif; font-weight: normal; }
h3 { font-weight: bold; text-align: center; font-size: 24px; line-height: 1.5em;color: #005575; }

.images-on h1 h2 h3 { visibility: hidden; }
.images-on .replaced { visibility: visible; }
h4 { margin: 5px 0 20px; }
p { padding: 10px; font-family: "Trebuchet MS"; line-height: 175%; }
#body { float: left; height: 100%; width: 100%; padding: 10px;  }
hr { width: 100%; clear: left; }
em { font-style: italic; }
strong { font-weight: bold; }
small { line-height: inherit; }
#header { text-align: center; width: 100%; background: transparent url(../images/texture2.png); border-bottom: 2px solid #006689; }
#header img { margin-top: 10px; margin-bottom: 10px;  }

#toplevel { min-height: 100%;  min-width: 780px; position: relative; background-color: #FFFDE3; z-index: 0; overflow: hidden; }
#toplevel.admin { overflow: visible; }
.admin #menu { margin-top: 0; margin-right: -185px; }
#wallpaper { min-width: 780px; background: #FFFDE3 url(../images/stripes2.png) repeat-x top center; }

* html #wallpaper { width: 800px; }

#container { padding-right: 190px; min-width: 620px; }
#container, #fullcontainer { position: relative; background: #fff url(../images/greencheck2.jpg) top left; z-index: 2;  border-left: 1px solid #bbb; border-right: 1px solid #bbb;  margin: 0 40px; }
#container .wallpaper, #fullcontainer .wallpaper { position: absolute; left: 0; bottom: 0; width: 200px; height: 100%; margin: 0; padding: 0; background: transparent url(../images/greenfleur2.jpg) repeat-y top left; z-index: 1; }
#container .deco { position: absolute; z-index: 2; height: 100%; width: 190px; right: 0; top: 0; background-color: #fff; opacity: 0.7; }

#fullcontainer .content { margin-right: 70px; }
.content {  position: relative; z-index: 3; padding: 20px; margin-left: 5%; text-align: left; border: 3px solid #C4BCFF; background-color: #fff; border-top: 0; border-bottom: 0; }
.left { float: left; }
.right { float: right; }

.half { width: 50%; padding: 0; margin: 0; }

.left .button { float: left; }
.right .button { float: right; }

.clearfix:after,
.content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.replaced { position: relative; z-index: 10; overflow: visible; }
.images-on .replaced div { position: absolute; width: 100%; }
.replacement { display: none; }
.images-on .replacement { display: block; left: 0; }
.pasteRight { position: absolute; right: 0; margin-right: 15px; }
.center { text-align: center; }
.telephone { color: #006689; font-weight: bold; margin: 5px; }
#footer { color: #006689; font-family: "Helvetica", sans-serif; border-top: 1px dotted #999; font-size: 10px; text-align: center;  min-width: 800px; width: 100%; clear: both; padding: 3px 0px; background-color: #ccc4ff; background: transparent url(../images/texture2.png); line-height: 200%; }
#footer span { margin: 0px 10px  }

#search li { position: relative; border: 0 !important; line-height: 1.5em; }
#search li input { height: 1.25em; line-height: 1.5em; position: relative; z-index: 500; }
#search li input:focus { z-index: 700; }
#search li label { position: absolute; color: #aaa; width: 100%; right: 5px; bottom: 0; z-index: 600; line-height: 1.5em; }
.invisible { visibility: hidden; }

.shadow-bottom { height: 5px; margin: 0px; background: transparent url(../images/shadow-bottom.png) repeat-x top; }
.shadow-bl { width: 5px; height: 5px; float: left; background: transparent url(../images/shadow-bl.png); }
.shadow-br { width: 5px; height: 5px; float: right; background: transparent url(../images/shadow-br.png); }
.shadow-r { width: 5px; margin-right: -5px; background: transparent url(../images/shadow-r.png) repeat-y right; }
.shadow-l { width: 5px; margin-left: -5px; background: transparent url(../images/shadow-l.png) repeat-y left; }

#mainshadow-bottom { margin: 0 40px 15px; padding-bottom: 2em; }

#mainshadow-right { height: 100%; }
#mainshadow-left { height: 100%; }

br { height: 0; }

#featured { text-align: center; }
#featured table { margin: 0 auto; width: 100%; } 
#featured table td { text-align: center; vertical-align: middle; margin: 0 auto; height: 170px; }
#featured p { line-height: 1.1em;  height: 2em; color: #444; }
#frontpage { background-color: #fff; margin-left: 90px; }
#frontpage h2 { color: #006C91; }
.catalog-head small { display: block; text-align: center; position: relative; z-index: 11; font-style: script; }
.catalog-head small strong { font-weight: bold; font-style: italic; }
.scrollwindow h2 span { visibility: hidden; }


.scroller { text-align: center; font-size: 9pt; position: relative; z-index: 10; }

.scroller .item { display: inline-block; width: 120px; margin: 2px 15px;  position: relative; z-index: 11; text-align: center; padding-bottom: 2.5em; }
.scroller .item a,
.scroller .item p { padding: 2px 5px; }
.scroller .item a { display: block; width: 100%; height: 100%; border: 1px solid transparent; position: relative;  }
.scroller .item p { position: absolute; bottom: 0; width: 100%; left: 0; }
.scroller .item img { padding: 4px; background-color: #fff; border: 1px dashed #eee; }
.scroller .item a:hover { border: 1px solid #00698B; background-color: #eef; }

.scroller .item p span { position: absolute; top: 88px; font-size: 12px; width: 120px; left: 0; padding-top: 3px; overflow: hidden; line-height: 100%; font-weight: bold; }


#scroll-left,
#scroll-right { z-index: 2; }
#scroll-left { position: absolute; left: 0px; height: 280px; width: 115px; background: transparent url(../images/featured/flower-left-inactive.png); }
#scroll-right { position: absolute; right: 0px; height: 280px; width: 120px; background: transparent url(../images/featured/flower-right-inactive.png); }
#fade-left, 
#fade-right { position: absolute; width: 67px; height: 280px; z-index: 2; }
#fade-left { left: 115px; background: transparent url(../images/featured/fade-left.png);  }
#fade-right { right: 280px; background: transparent url(../images/featured/fade-right.png); margin-right: -160px }

/*** Styles for side-menu ***/
#menu { width: 180px; padding: 10px 5px; margin-right: -213px; text-align: center; float: right; font-size: 80%; position: relative; z-index: 15; margin-top: -20px; }
#menu p { line-height: 1.25em; }
#menu hr { width: 75%; }
#menu h4 { font-weight: bold; border-bottom: 1px solid #bbb; margin: .25em; padding: .25em;  margin-top: 1em;}
#menu a { margin: 2px; display: block; }
#menu .list a.active { background-color: #EDD374; color: #000; border: 0; }
#menu .vendor-menu a { padding-right: 5px !important; }
#menu .list a.active:hover { background-color: #EDD374; text-decoration: none; border: 0; }

#menu h3 { text-align: right; margin-top: 15px; }
#menu a { margin: 0; }
#menu a:hover { text-decoration: underline; color: #006689; }

#menu .list { text-align: right; }
#menu .list li { line-height: 150%; position: relative; border-top: 1px dotted #ddd; margin: 0; }
#menu .list small { position: absolute; right: 5px; bottom: 0px; line-height: inherit; }
#menu .withcounts a { padding-right: 25px; border: 1px solid transparent; }
#menu .list a:hover { border-color: #ACC8E2; background-color: #E0E8EF; }

#contact { margin-top: 1.5em; }
#contact a { display: inline; }

#pages { border-bottom: 1px solid #999; padding-right: 70px; line-height: 170%; position: relative; z-index: 50; background-color: #fff; padding-left: 0; }
#pages li { display: inline; margin: 0px 0px; border-right: 1px solid #999; }
#pages li.first { border-left: 1px solid #999; margin-left: 5%; }
#pages li a { padding: 0px 20px; line-height: 150%; }
#pages li a:hover { background-color: #ccf; }
#pages li a:active { color: #fff; }
h4 { position: relative; z-index: 5000; }
h4 small { width: 100%; text-align: center; position: absolute; left: 0; bottom: -1em; padding: 0; font-size: .7em; color: #999; font-weight: normal; }
.disabled { background-color: #eef; color: #bbb; }
.small { font-size: .8em; }
.sbox { padding: 10px 20px; text-align: center; }
.sbox h3 { margin: 3px; }

.stretcher { margin-right: -180px; }

fieldset legend { margin:  0 10px; padding: 0 20px;  }
fieldset br { display: none; }
fieldset p span span { display: block; color: red; }
fieldset label { padding: 0 20px 0 10px; width: 20em; }

#message { position: relative; z-index: 30; }
#message span { border: 1px solid #ccd; padding: 1px 20px; }
#message .message { background-color: #9d9; color: #fff; font-weight: bold; }
#message .error { background-color: #d99; color: #fff; font-weight: bold; }

#viewchoice {  }
#viewchoice li { font-size: 1em; display: inline; padding: 0 5px; }
#viewchoice li.active { font-size: 1.2em; font-weight: bold; }
#viewchoice li.active a { color: #000; }
#viewchoice li a { display: inline; }

.productlist { text-align: center; width: 100%; margin: 5px auto; border-collapse: separate; }
.productlist td { height: 150px; width: 33%; vertical-align: middle; border-bottom: 1px dashed #999;  padding: 15px; }
.productlist .item {  padding: 5px;    width: 100%; }

.productlist a.link { width: 100%; z-index: 15; }
.productlist p { line-height: 1em; font-size: .9em; padding: 2px; margin: 5px; }
.productlist img { margin: 5px; padding: 5px; border: 1px solid #dde; }
.productlist .cartops { height: 24px; line-height: 24px; white-space: nowrap; }
.productlist .cartops span { margin: 0 5%; }

#detail h1 { text-align: left; }
#detail .productpicture { float:left; text-align: center; }
#detail .productpicture .thumbnails { clear: both; }
#detail .productpicture img { margin: 10px 25px 15px 5px; padding: 15px; border: 2px dashed #CCC4FF; background-color: #fff; }
#detail .productpicture .thumbnails img { padding: 5px; border-width: 1px; }

#loginform { text-align: center; }
#loginform table { margin: 30px auto 10px; border: 2px inset #99e; padding: 12px; }
#loginform table td { padding: 15px 5px; }
#pages #login { border: 0; }
#container #pages { padding-right: 190px; width: 100%; }
#login { display: block !important; float: right; position: relative; border-right: 3px solid #999 !important; }
#login form { background-color: #fff; padding: 3px; font-size: .8em; position: absolute; bottom: -150%; color: #000; right: 0; z-index: 200; border: 2px solid #BDB5F6; padding-left: 5px; }
#login form, #login label, #Login input, #login a { display: inline-block; line-height: inherit !important; white-space: nowrap; }
#login form input { margin-right: 15px; }
#pages #logged_in { display: block !important; float: right; font-size: .8em; border-right: 3px solid #C4BCFF }
.price { color: #006689; font-weight: bold; font-size: 1.1em; font-style: italic; text-align: right; position: relative; z-index: 5000; }
.price em { font-style: inherit; }
.price small { font-size: .6em; position: relative; top: -.5em; color: #3F358F; left: 2px; }
.price sup { text-decoration: underline; position: relative; font-size: .5em; padding-left: 2px; }

#infobox p { margin: 5px 10px; padding: 1px; }


ul.messages { font-size: 9pt; line-height: 1.8em; list-style: bullet;  font-weight: normal; color: #444; font-weight: bold; margin-bottom: 1.1em; }
ul.messages a { text-decoration: underline; }
ul.messages li { display: block; border: 1px solid #ccc; }
.message, .error { padding: 2px 5px; border: 1px solid; margin-bottom: .5em;  }
.message { background-color: #D2FFCF; border-color: #0CCF14 }
.error { background-color: #FFDFDF; border-color: #FF2F2F; }

.long-description { float: left; margin: 15px; min-width: 200px; }

#qtyform { margin: 15px 4px 15px;  padding: 15px;  color: #666; text-align: right; padding: 5px 8px; }
#qtyform a { white-space: nowrap; }
#qtyform div { margin: 0 10px 20px; }
#qtyform select { margin-right: 20px; }
#qtyform .buttons { text-align: center; }
#qtyform p { padding: 0; margin: 5px; line-height: 1em; font-size: .9em; }
.add-button-lbl span { background: transparent url(../images/shopping_icon_24.png) no-repeat right; padding-right: 28px; }
.buttons a { display: inline-block; white-space: nowrap; font-size: 10pt; margin: 2px 5px; background: #BEB5F6 url(../images/buttonbg.jpg) repeat-x top;  border: 1px solid #99e; cursor: pointer; padding: 4px 0px; }
.buttons label { cursor: pointer; padding: 4px 9px; }
.buttons a:hover { background: #DDD8FA url(../images/buttonbg-hover.jpg) repeat-x top; color: #444; border-color: #dde; }
.buttons input { display: none; border: 0; font-weight: bold; color: #fff; }
.buttons { line-height: 1em !important; }
.lbutton input { float: left; }
.button input { float: right; }
.cart {position: relative; padding-bottom: 20px; }


.pager { margin: 5px 0 10px; font-size: 10pt; text-align: center; }
.pager .active { font-size: 1.3em; text-decoration: underline; border: 1px dashed #bbb; background-color: #DDF3CC; }
.pager a { margin: 0 1.2em; padding: 3px 8px; }

#catalog .pager div { margin: 0 50px; line-height: 150%; }
#catalog .bottom-pager .pager { top: auto; bottom: 1em; }

#cart { text-align: right; padding: 0 10px; }
#cart a.cartlink { border: 1px solid transparent; background: transparent url(../images/shopping_icon_32.png) no-repeat 4px; text-align: right; line-height: 32px; font-weight bold; padding: 0px 15px 0px 40px; }
#cart a.cartlink:hover { border-color: #ACC8E2; background-color: #E0E8EF; }
#cart small { display: block; text-align: right; padding-right: 15px; margin-top: -16px; color: #44d; font-size: 80%; }
.checkout { display: block; background: transparent url(../images/go.png) no-repeat right; padding-right: 32px; line-height: 32px; }

#cart-contents .checkout { text-align: right; }
.go-to .view-all { background: transparent url(../images/); }

/** styles for orderform and related tables **/
#orderform-page p { font-size: .8em; line-height: 1.4em; }
#cart-contents table {  margin: 15px auto; border-collapse: collapse; border: 2px solid #eef; min-width: 650px; }
#cart-contents td, /** padding and borders for th and td **/
#cart-contents th { padding: 2px 5px; border-top: 1px solid #999; }
#cart-contents thead th { background-color: #BDB5F6; color: #fff; }
#cart-contents tbody th { background-color: #eef; }
#cart-contents caption { text-align: center; padding: 2px; font-size: 22pt; font-weight: bold; }

.squeeze { width: 650px; margin: 0 auto; }
#orderform-page table { width: 100%; }
#orderform-page td,
#orderform-page th { padding: 2px 5px; }
#orderform-page table td { padding: 2px 5px; }
#orderform-page thead th { background-color: #BDB5F6; color: #fff; }

#continue-shopping { width: 95%; height: 80px; font-size: 20pt; text-align: center; line-height: 80px; background-color: #CCC4FF; border: 1px solid #ABE0E2; margin: 30px auto; position: relative;}
#continue-shopping a { display: block; width: 100%; height: 100%; text-align: center; }
#continue-shopping a:hover { background-color: #FFFDE3; }
#continue-shopping small { position: absolute; z-index: 2000; right: 5px; bottom: 5px; font-size: 10pt; font-weight: bold; font-style: italic; color: #999; line-height: 1em; }
#orderform_comments { margin-bottom: 15px; }
#orderform h4 { font-size: 14pt; }
.form div { border: 1px solid #fff; position: relative; z-index: 2000; position: relative; padding: 2px 5px; }
.form .replaced div { border: 0; } 
.form div.multi { border: 0; }
.form .invalid { background-color: #FFDFDF; border: 1px solid #FF2F2F; }
.form .invalid label:after { display: inline; content: " **"; color: #FF2F2F; }
.form fieldset { border: 0; margin: 5px; font-size: .8em; }
.form fieldset legend { font-style: italic; text-align: center; width: 100%; display: block; border-bottom: 1px solid #B1CBE2}
.form h3 { text-align: left; }
.form div label { display: block; padding: 0; }
.form div input {   }


.form .multi { overflow: hidden; padding: 0; margin: 2px 0; }
.form .multi div { float: left; margin: 2px; }
.form .multi label { display: block; width: auto; }
.form .multi label input { width: auto; position: static; }
.form h3 { font-weight: bold; border-bottom: 1px solid #22f; font-size: 10pt; margin-bottom: 5px; }
.form-table td label { display: block; text-align: right; line-height: 1.5em; }
.form-table td.multi { text-align: right; line-height: 1.5em; }
.form-table td.multi label { display: inline; }
.form-table tbody.address label { width: 9em; }


/*** hacks ***/
/*** IE 6 + 7 ***/
*:first-child+html .scroller { overflow: hidden; } * html .scroller { overflow: hidden; width: 100%; }
*:first-child+html .scroller .item { display: block; float: left;  } * html .scroller .item { display: block; float: left; z-index: 200; }
*:first-child+html .productlist form { position: static; z-index: 80; width: auto; } * html .productlist form { position: static; z-index: 80; width: auto; } 

/*** IE7 only ***/
*:first-child+html #menu li { width: 100%; } /* trigger hasLayout */
*:first-child+html .productlist { position: static; width: auto; }
*:first-child+html .productlist td { width: auto; }
*:first-child+html .content { padding-right: 0;  } * html .content { padding-right: 0; }
*:first-child+html #menu { margin-left: 20px; margin-right: -193px; }
*:first-child+html .productlist .cartops { position: static; }
*:first-child+html .price,
*:first-child+html .price small,
*:first-child+html .price sup { display: inline; position: static; font-size: 1.1em; font-style: normal; }
*:first-child+html .buttons label { display: none; }
*:first-child+html .buttons input { display: inline; background-color: transparent; }
*:first-child+html .cart a { width: 100%; }

/*** IE6 only ***/
* html #menu { background-color: #fff; height: 100%; margin-right: -193px; }
* html #container, * html #fullcontainer { padding-right: 0; margin: 0; }
* html .wallpaper { display: none; }
* html .content { z-index: 15; }
* html #menu .list small { display: inline; position: static; }
* html #container #pages {  }
* html #wallpaper { background: #fff;  width: 80%; }
* html .deco { display: none; }	/* IE6 is too dumb to decorate properly */
* html .productlist { position: static; float: none; }
* html .productlist .item { left: 0; top: 0; }

* html .price,
* html .price small,
* html .price sup { display: inline; position: static; font-size: inherit; }

* html #menu .list li { border: 0; height: 1em; border-top: 1px dashed #666; position: relative; margin: 0; }
* html #menu .list a { border: 0; }
* html #menu .list a small { margin-right: -15px; }
* html .buttons input { display: inline; background-color: transparent; border: 0; color: #fff; font-weight: bold; }
* html .buttons label { display: none; }
* html .item { font-weight: bold; }

* html .productpicture { z-index: 800; position: relative; }
* html .cartlink { z-index: 800; line-height: 1em; border: 0; white-space: nowrap; }
* html a { font-weight: bold; }