/*CSS for Eden Florals by Ted Drake - last updated 09-4-2006

colors used:
lightest green: #dbecb7, middle green: #7ea62d, dark green: #5e7c22; green/black: #304012
almost white: #fcfdf7, midgreen-yellow: #e3edb5, slightly lighter, more grey: #ebf2ca; dark-grey: #404040
mid-grey: #aaa7a8; light grey: #e8e3e7; almost-white/blue: #f2f5f7; bright-blue: #5a98c1; greyblue-med: #c3d0da;
light-grey/blue: #e2e9ed; dark purple: #7B6576; mid-purple: #8a7184;

*/

* {margin:0; padding:0; border:0;}
body {text-align:center; font-size:100%; font-family: Arial, Helvetica, sans-serif; line-height:120%; color:#333/*5E7C22*/;}
#wrap { margin:0 auto; text-align:left; width:770px; font-size:82%; padding-top:5px; color:#5E7C22;}
h1, h2, h3, h4, h5 {text-transform:uppercase; font-weight:bold; zoom:1;  }
ul {list-style-type:none;}
li {background: url(/images/bg-bullet-greensquare.gif) no-repeat 0 6px; padding-left:12px; margin:10px 0;}
a, a:visited, a:active {color: #7B6576; text-decoration:none;}
a:hover {color:#8A7184; text-decoration:underline; }
td {vertical-align:top;}
#main p, #main h2, #main h3 {margin:10px 0;}
.clearleft {clear:left} .clearright {clear:right} .clearboth {clear:both;} .clearnone {clear:none;} .inline {float:left;}
a.closewindow {display:block; background:url(/xcart/skin1/images/close.gif) no-repeat 0 2px; padding-left:20px;}
.even {background-color:#fcfdf7;}
.errorMessage {position:absolute; z-index:10; padding:5px; background-color:#ffc; border:2px solid #f78e1d;}
#legalese .errorMessage {position:relative; width:240px;}
a.button, a.button2 {padding:0 0 0 5px; display:block; font-weight:bold;  background: url(/images/bg-button-main.gif) no-repeat 1px 0; height:22px;  color:#304012; float:left; width:auto;  }
a.button:hover, a.button2:hover {text-decoration:none; background-position: 0 -100px;}
a.button:active, a.button2:active {background-position: 0 -200px;}
a.button span, a.button2  span {height:22px;display:block; padding: 0px 10px 0 5px; background: url(/images/bg-button-right.gif) no-repeat 100% 0;}
a.button:hover span, a.button2:hover  span {background-position: 100% -100px;}
a.button:active span, a.button2:active  span {background-position: 100% -200px;}
a.sendemail {display:block; background:url(/xcart/skin1/images/sendemail.gif) no-repeat 0 0; padding:7px 0 5px 35px; font-size:110%;}
a.user {background:url(skin1/images/user.gif) no-repeat 0 0; padding-left:20px; font-weight:bold;}
a.info {background:url(skin1/images/log_type_Information.gif) no-repeat 0 0; padding-left:20px; font-weight:bold;}
ul.simplegallery {float:left;}
ul.simplegallery li {float:left; margin:3px; background:none; padding:0;}
ul.simplegallery li a img {border:2px solid #fff;}
ul.simplegallery li a:hover {background:none; }
ul.simplegallery li a:hover img { border:2px solid #7EA62D; }
.item5, .item10 {clear:left;}

dl.lineardl {float:left; width:400px;}
dl.lineardl dt, dl.lineardl dd {float:left; width:200px; border-top: 1px solid #e2e9ed; padding:3px 0;}
dl.lineardl dt {clear:left;}

/* header styles */
#header {}
h1 {margin-top:25px;font-size:250%; color:#7B6576; font-family:Georgia, "Times New Roman", Times, serif; float:left; background:url(/images/bg-h1.gif) no-repeat 100% 0; padding-top:35px; width:auto; font-weight:normal;border:1px solid #fff; padding-bottom:2px;}
h1 a:hover {background:none; text-decoration:none; }

h2 {color:#7B6576; font-family:Georgia, "Times New Roman", Times, serif;}
#storenav {float:right; width:200px; background: url(/images/floral-icon.gif) no-repeat 100% 0; padding:0 75px 10px 0; min-height:65px; *height:65px;}
#storenav li {background:none; text-align:right; margin:0 0 0 0; text-transform:lowercase; font-size:85%; line-height:120%;}
/*#storenav li a {display:block;}*/
#storenav li a.fullcart {display:inline;}
p#contactphone {clear:right;float:right; color:#7B6576;font-size:120%; width:230px;  position:relative;}
p#contactphone strong {font-weight:normal; font-size:120%;}
#navigation {clear:both; border-top:1px solid #5e7c22; padding-top:5px;  }
#topnav, #topnav li  {float:left; width:auto; }
#topnav li {position:relative; background:none; font-size:120%; margin:0 5px 5px 0; text-transform:lowercase;}
#topnav li a {color:#5e7c22; font-weight:bold;display:block; border:1px solid #fff; padding:3px 5px;}
#topnav li a:hover, #topnav li a:focus {color:#8a7184; text-decoration:none; border:1px solid #dbecb7;}
#topnav li a:active {background:#e2e9ed;}
#topnav li#Occasion  { }
/*subnav*/
#topnav li ul {position:absolute;top:16px; left:-1000em;}
#topnav li:hover ul, #topnav li.sfhover ul {display:block; left:10px;}
#topnav li ul, #topnav li ul li {width:150px; margin:0; padding:0;float:none;   border:1px solid #dbecb7;  }
#topnav li ul li a  {background:#fff; padding:2px 3px; font-size:85%; font-weight:normal; display:block;}
#topnav li ul li a:hover {background:#fcfdf7;}
#navigation p {float:right;}
#breadcrumbs {padding:5px 0; clear:both;}
/*branding area */
#branding {float:left;}
#branding div {float:left;margin:2px; display:inline;}
#branding #quote {margin: 2px 3px; width:324px; height:300px; background:  #ECF3CE url(/images/bg-home-quote.gif) no-repeat 0 0;}
#branding #quote p {color:#7B6576; font-size:150%; line-height:120%;   text-align:right; width:230px; margin: 165px 0px 0 50px; text-transform:lowercase; font-family:Georgia, "Times New Roman", Times, serif;}
#thumbs li {background:none; padding:0; margin:0;}
#thumbs ul {}
/* selections area */
#selections {float:left; clear:left; border:1px solid #7EA62D; padding:10px 0; width:770px;}
#rightselection, #leftselection {float:left; width:220px; display:inline;}
#selections dl {float:left;   margin:10px 10px 0 10px ; width:210px; display:inline; }
#selections dt {float:left; width:70px; margin:0;}
#selections dd {float:right; width:130px;}
#selections dd.headline {text-transform:uppercase; font-weight:bold;}
#centerselection {width:270px;float:left; border:1px solid #7EA62D; border-top:none; border-bottom:none; padding:0 10px; }
#selections #centerselection dl { width:270px; margin:10px 0;}
#selections  #centerselection dd {width:190px;}
#selections li {float:left; margin:0;width:110px; }
#selections ul {margin-left:15px;}
#rightselection {padding:0 0 0 10px;}
/*legalese section */
#legalese {float:left; padding:10px 0; width:770px; }
#legalese ul, #legalese form {float:left; margin:0; border:1px solid #7EA62D; padding:5px; display:inline;}
#legalese ul li {float:left; margin:0 5px; padding-left:20px;width:auto;}
#legalese ul li.first {background:none;}
#legalese form {float:right;}
#legalese input, #legalese label {display:inline; margin:0;}
#legalese input {font-size:90%; vertical-align:middle; padding:2px 3px;}
#legalese input.hidden {display:none;}
/*form styles*/
fieldset {margin:10px 0; width:350px;}
fieldset, legend {border:1px solid #7EA62D; background:#fcfdf7; padding:3px;}
input, textarea, checkbox, select {border:1px solid #7EA62D; }
input:focus {background-color:#DBECB7;}
input.submit {background-color:#7EA62D; color:#fff; font-size:90%; line-height:110%; padding:3px 5px; border:1px solid #ccc; margin:10px;}
label, input {display:block;}
input.hidden {display:none;}
label, legend {font-weight:bold;}
legend {color: #8a7184;}
label.radiolist { font-weight:normal; margin:5px 0;}
label.radiolist input {display:inline;}
#logoutbutton {display:inline; font-size:90%; text-transform:uppercase;  background:none;}
#bodyOccasion #Occasion a, #bodyflowers #flowers a, #bodygifts #gifts a, #bodyservices #services a,
#bodyevents #events a, #bodyclasses #classes a {font-weight:bold; }
#subdirectory2 { height:300px; background-color:#e2e9ed; width:470px;}
.Occasion #subdirectory2 {background-color:#DFB55F;}
.Gifts #subdirectory2 {background-color:#E2E9ED;}
.Flowers #subdirectory2{background-color:#dbecb7;}
.Classes #subdirectory2{background-color:#E7D468;}
.Special #subdirectory2 {background:#B38285;}
.Services #subdirectory2 {background:#A4A8AB;}
#subdirectory3 { height:300px; background-color:#AAA7A8; width:335px;}

/*sub categories, branding section */
#subcatoptions, #subcatoptions div {float:left; margin-top:5px;}
#subdirectory2 li, #subdirectory3 li {margin:0; padding:0; background:none; font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase;
margin-left:230px;}
#subdirectory2 a {color:#5A98C1; display:block;}
#subdirectory3 a {color:#fff; display:block;}
#subdirectory2 a:hover, #subdirectory3 a:hover {text-decoration:none; background:none; color:#404040; }
.Flowers #subdirectory2 a {color:#7ea62d; } 
.Flowers #subdirectory2 a:hover {color: #5e7c22;}
.Classes #subdirectory2 a {color:#7B6576; } 
.Classes #subdirectory2 a:hover {color: #5e7c22;}
.Occasion #subdirectory2 a {color:#422521; } 
.Occasion #subdirectory2 a:hover {color: #29512E;}
.Special #subdirectory2 a {color:#fff; } 
.Special #subdirectory2 a:hover {color: #e2e9ed;}
.Services #subdirectory2 a {color:#621A25; } 
.Services #subdirectory2 a:hover {color: #e2e9ed;}
#subdirectory3 li {margin-left:130px;}
.Occasion #subdirectory2 ul{background:url(/images/bg-occasions-title.gif) no-repeat 5px -5px; padding-top:30px;}
.Events #subdirectory3 ul {background:url(/images/bg-special-events-title.gif) no-repeat 5px 5px; padding-top:160px;}
.Flowers #subdirectory2 ul {background:url(/images/bg-Flowers-header.gif) no-repeat 15px 15px; padding-top:30px;}
.Classes #subdirectory2 ul {background:url(/images/bg-Classes-header.gif) no-repeat 5px 5px; padding-top:30px;}
.Gifts #subdirectory2 ul {background:url(/images/bg-Gifts-header.gif) no-repeat 5px 5px; padding:40px 0;}
.Special #subdirectory2 ul{background:url(/images/bg-special-events-header.gif) no-repeat 5px 5px; padding-top:30px; min-height:150px; *height:150px;}
.Services #subdirectory2 ul{background:url(/images/bg-services-header.gif) no-repeat 5px -25px; padding-top:30px;}
#products {float:left; /*border:1px solid #7ea62d;*/ margin:10px 0; }


/*results page */

#products .hd {padding:5px 10px;}
#productresults { float:left; width:770px;}
#productresults ul {height:230px; float:left;   text-align:center; width:190px;  }
#productresults li {background:none;}
#productresults ul a {display:block; font-weight:bold;}

#productresults ul a.thumblink:hover {background:none;}
#productresults ul a.thumblink img {border:2px solid #fff;}
#productresults ul a.thumblink:hover img {border:2px solid #7EA62D;}
form#sortresults {color:#404040; width:40%; float:left;  }
#pagesorting {width:350px; float:right; font-size:90%; text-align:right;  }
#pagesorting a {padding:0; margin:2px 5px; background:none;}
#pagesorting a img {padding-right:5px ; }
#resultsnav ul {text-align:center}
#resultsnav  ul {margin:0; width:300px;}
#resultsnav  li {background:none;  margin:0; float:left;}
#resultsnav a {color:#5e7c22; font-weight:normal;}
#resultsnav strong {color:#7B6576; font-weight:bold;}

/*product pages */
#featuredprods {  float:left;}
#productpage {float:left; width:770px; margin:10px 0; }
#productimages {width:275px; text-align:center; float:left; }
#productimages h3 {text-align:left; margin:10px 0 0 0;}
#productdetails {padding-left:25px; float:left; width:465px; }
#productdetails h3 {margin:20px 0;}
#productdetails form label, #productdetails form input,  #productdetails form select {float:left; width:150px; margin:10px;}
#productdetails fieldset.sub {clear:left; padding-left:75px;}
#productdetails form label {clear:left; text-align:right;}
#productdetails .submit, #productdetails .reset {padding:3px; font-weight:bold;}
#productdetails .reset {background:#fff; color:#7EA62D}
#productdetails form p {clear:left;  font-size:120%;}
a.emailpage {display:block; text-align:right; background:url(/images/bg-bullet-greensquare.gif) no-repeat 100% 7px; padding-right:10px; font-weight:bold;}
#sendtofriend {float:left; clear:left; width:450px;}
#sendtofriend form {margin-bottom:5px; padding:5px; border:1px solid #ccc; float:left; width:450px; }
#productdetails #sendtofriend form input {margin:0; width:135px;} 
#productdetails #sendtofriend form label {clear:none; width:135px; text-align:left; margin:0 10px 10px 0;} 

#footer {clear:both; color:#808080;}
#mainimage { height:250px; text-align:center; display:block;}
#footerlist li {list-style-type:none; float:left; display:inline; font-size:85%; margin:0 5px 0 0; background:none; padding:0;}
#detailimagecont {clear:left; float:left; width:285px;}
.detailimages {float:left; background-color:#fcfdf7; padding:0px; }

#wesuggest {float:left;}
#relatedthumbs {margin:5px; width:460px; }
#relatedthumbs img {width:80px;}
/*shopping cart page */
.cartitem {float:left; border-bottom:1px solid #e2e9ed; padding-bottom:10px; margin-bottom:10px; width:770px;}
.cartitem a.thumb, .cartitem  .itemdetails {float:left; width:600px;}
.cartitem a.thumb {width:150px; text-align:center;}
.cartitem h4 {margin-top:5px;}
.pricingmods {position:relative; list-style:none;}
input.prodquant {width:25px; display:inline; padding:2px;}
label.prodquant { text-indent:-1000em;position:absolute;}
#carttotals {float:right; width:300px; padding:10px 0;}
#cartpricetotals { width:260px; margin:5px 0;}
#cartpricetotals th, #cartpricetotals td {padding:3px 0;border-bottom:1px solid #ccc;}
#cartpricetotals th {width:30%;}
#totalprice  {background-color:#fcfdf7;}
#formbuttons {clear:both; float:right; margin:10px 0;}
#checkoutbutton {float:right; clear:right; }
#toggleship, #toggleship input {display:inline; margin:5px;}
#cart_details {width:730px; clear:both;}
#cart_details td, #cart_details th {padding:3px; border-bottom:1px solid #ccc;}
#cart_details td {vertical-align:middle;}
#cart_details  input {padding-left: 5px;}
.cart-thumb {height:50px; margin:3px 5px;vertical-align:middle; border:1px solid #ccc;}
input#modcartnum {margin-top:50px;}
#loginform {width: 300px; padding:5px;  border:1px solid #ccc; background:#fcfdf7;}
#loginform li {background:none; padding:0; margin:0;}
#loginform label, #loginform input {display:inline; border:none;}
#loginform input.hidden {display:none;}
#altactions {font-size:80%;}
#paymentoptions {clear:both; margin-top:20px; border-top:1px solid #ccc;}
#personaldetails  {clear:both;}
#customerdetails div, #customerdetails dl.lineardl {width:350px; float:left; }
#customerdetails div {margin-right:15px;}
#customerdetails dl.lineardl dt, #customerdetails dl.lineardl dd{width:175px; font-size:85%; padding: 0;}
#infobuttons {clear:left;}
#infobuttons a.button2 {margin:10px;}
#infobuttons fieldset {clear:left;}
#customernotes {clear:left; width:385px;}
#ccinfo select{margin:0 5px;}
#ccinfo label {margin-top:10px;}

/*help, contact, info pages */
#contactusform fieldset {float:left; margin:5px;}
#contactusform label {margin-top:5px; }
#popper, #popper .hd, #popper .bd, #popper .ft {float:left; text-align:left; padding:10px;}
#popper {padding:0;}
#popper .hd,  #popper .bd {border-bottom:1px solid #ccc; }

#popper .hd h2 {float:left;}
#popper .hd a.closewindow {float:right; }
#cvvhelp ul {float:right; margin:0 0 0 10px;}
#cvvhelp ul li {background:none; padding:0;}

.dialogmessage {padding:10px; background:#e2e9ed; float:left; width:700px; border:1px solid #ccc; }
.dialogmessage  h3#dialogueheader {float:left; margin:0;  }
.dialogmessage h3 img {vertical-align:middle;}
.dialogmessage .closewindow {float:right; margin:0; }
.dialogmessage .bd, .dialogmessage .hd {float:left; font-weight:bold;}


#reminderform fieldset {width:600px;}
#reminderdates { position:relative; float:left;}
#reminderdates fieldset {width:580px; margin-left:5px; float:left; background:#f2f5f7 }
#reminderdates fieldset div {float:right; margin:5px}
#reminderdates fieldset {}
#reminderform textarea {height:100px; width:250px; margin-bottom:5px;}
#reminderform label {margin:5px 0;}
#reminderform input[type='text'] {width:250px;}/*make the inputs longer, but don't mess with submit or checkboxes */
#reminderform input.inline {margin:8px 5px 0 0 ;}

/*category splash page */
#splashinfo {float:left; border:1px solid #ccc; width:770px;}
.description, #mainimage {float:left; }
.description {width:450px; margin-left:10px;  }
#mainimage { height:auto;}
 
/* Schroeder Changes */
.productthumbdiv{width:150px; border:1px solid #000; float:left;}