@import '2010hmsummer.css';

body {text-align: center; min-height: 1000px;}/*also see seasonal css*/
* html body {height: 1000px;}
#pg {margin: 0 auto; padding: 25px 0 0 0; width: 900px; text-align: left;}
#logo {display: none;}

/*header*/
#hdr {position: relative; width: 892px; height: 211px; margin: 0;}/*also see seasonal css*/
#hdr ul#tplnks {width: 100%; height: 16px; padding: 0; position: absolute; top: 0px; right: 10px; list-style: none;}
#hdr ul#tplnks li a#malnk {background: url(../images/unav-myaccnt.gif) no-repeat top left; width: 85px; height: 16px; position: absolute; top: 0; left: 433px;}
#hdr ul#tplnks li a#malnk:hover {background-position: bottom left;}
#hdr ul#tplnks li a#cslnk {background: url(../images/unav-custsrv.gif) no-repeat top left; width: 117px; height: 16px; position: absolute; top: 0; left: 538px;}
#hdr ul#tplnks li a#cslnk:hover {background-position: bottom left;}
#hdr ul#tplnks li a#vwlnk {background: url(../images/unav-vwwb.gif) no-repeat top left; width: 144px; height: 16px; position: absolute; top: 0; left: 668px;}
#hdr ul#tplnks li a#vwlnk:hover {background-position: bottom left;}
#hdr ul#tplnks li a#cnlnk {/*see seasonal css*/ width: 69px; height: 14px; position: absolute; top: 0; left: 655px;}
#hdr ul#tplnks li a#cnlnk:hover {background-position: bottom left;}
#hdr ul#tplnks li form {width: 164px; position: absolute; top: 0; left: 737px;}
#hdr ul#tplnks li form fieldset {/*see seasonal css*/ width: 164px; height: 17px; border: 0; clear: none; display: block; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0; padding: 0; text-decoration: none; vertical-align: baseline; width: auto;}
#hdr ul#tplnks li form input {width: 136px; top: 0; right: 4px; position: absolute; font-size: 10px; border: 1px solid #fff;}/*also see seasonal css*/
#hdr ul#tplnks li form button {background: transparent; width: 16px; height: 16px; border: 0; clear: none; display: block; float: none; margin: 0; padding: 0; top: 0px; left: 0px; position: absolute; cursor: pointer;}
#hdr ul#tplnks li form button:hover {background-position: bottom left;}

#hdr #hmlogo {position: absolute; top: 37px;}
#hdr a#hmlnk {width: 890px; height: 136px; display: block; position: absolute; top: 22px;}/*also see seasonal css*/
#hdr ul#mnlnks {width: 890px; height: 27px; padding: 0; position: absolute; top: 158px; list-style: none;}/*also see seasonal css*/
#hdr ul#mnlnks li a#fmlnk {position: absolute; top: 0; left: 0; width: 141px; height: 27px;}
#hdr ul#mnlnks li a#fmlnk:hover {background-position: bottom left;}
#hdr ul#mnlnks li a#rclnk {position: absolute; top: 0; left: 141px; width: 147px; height: 27px;}
#hdr ul#mnlnks li a#rclnk:hover {background-position: bottom left;}
#hdr ul#mnlnks li a#edlnk {position: absolute; top: 0; left: 288px; width: 109px; height: 27px;}
#hdr ul#mnlnks li a#edlnk:hover {background-position: bottom left;}
#hdr ul#mnlnks li a#nelnk {position: absolute; top: 0; left: 397px; width: 136px; height: 27px;}
#hdr ul#mnlnks li a#nelnk:hover {background-position: bottom left;}
#hdr ul#mnlnks li a#aulnk {position: absolute; top: 0; left: 533px; width: 99px; height: 27px;}
#hdr ul#mnlnks li a#aulnk:hover {background-position: bottom left;}
#hdr ul#mnlnks li a#iflnk {position: absolute; top: 0; left: 632px; width: 130px; height: 27px;}
#hdr ul#mnlnks li a#iflnk:hover {background-position: bottom left;}
#hdr ul#mnlnks li a#dslnk {position: absolute; top: 0; left: 643px; width: 144px; height: 27px;}
#hdr ul#mnlnks li a#dslnk:hover {background-position: bottom left;}
#hdr ul#mnlnks li a#lclnk {position: absolute; top: 0; left: 762px; width: 128px; height: 27px;}
#hdr ul#mnlnks li a#lclnk:hover {background-position: bottom left;}

/*main content area*/
#cntnt {width: 890px; height: 100%;}/*also see seasonal css*/
#cntnt:after {content: ""; display: block; height: 0; clear: both;}/*:after allows the background color of the div to extend to the bottom of both columns no matter which column is longer*/

/*sidebar*/
#sdbr {width: 224px; min-height: 550px; float: left; position: relative; padding: 0 0 15px 0;}/*also see seasonal css*/
#sdbr p#enewsletter a {background-repeat: no-repeat; width: 225px; height: 71px; display: block; text-indent: -9999px; outline: none;}/*also see seasonal css*/
#sdbr p#enewsletter a:hover {background-position: 0 -71px;}
#sdbr ul li {position: absolute;}
#sdbr ul#ctlg {width: 224px; height: 134px; list-style: none; position: relative;}
#sdbr ul#ctlg li a#sclnk {background: url(../images/spacer.gif) 100% 100%; display: block; position: absolute; top: 0; left: 0; width: 224px; height: 134px;}
#sdbr ul#ctlg li a#lglnk {background: url(../images/spacer.gif); display: block; position: absolute; top: 22px; left: 131px; width: 30px; height: 12px;}
#sdbr ul#ctlg li a#rglnk {background: url(../images/spacer.gif); display: block; position: absolute; top: 22px; left: 163px; width: 44px; height: 12px;}
#sdbr ul#ftr1 {width: 187px; height: 154px; list-style: none; position: relative; margin: 25px 0 0 19px;}
#sdbr ul#ftr1 li a#afmlnk {background: url(../images/spacer.gif); display: block; position: absolute; top: 0; left: 0; width: 187px; height: 154px;}
#sdbr ul#ftr2 {width: 187px; height: 95px; list-style: none; position: relative; margin: 25px 0 0 19px;}
#sdbr ul#ftr2 li a#vmslnk {background: url(../images/spacer.gif); display: block; position: absolute; top: 0; left: 0; width: 187px; height: 95px;}
#sdbr ul#ftr3 {width: 187px; height: 95px; list-style: none; position: relative; margin: 25px 0 0 19px;}
#sdbr ul#ftr3 li a#bblnk {background: url(../images/spacer.gif); display: block; position: absolute; top: 0; left: 0; width: 187px; height: 95px;}
#sdbr ul#ftr4 {width: 186px; height: 95px; list-style: none; position: relative; margin: 25px 0 0 19px;}
#sdbr ul#ftr4 li a#stlflnk {background: url(../images/spacer.gif); display: block; position: absolute; top: 0; left: 0; width: 186px; height: 95px;}
#sdbr #signUp a {background: url(../images/2008fall/news-letter.png) no-repeat; height: 30px; width: 226px; position: absolute; bottom: 30px; display: block;}
#sdbr ul#nwsltr {width: 224px; height: 30px; list-style: none; position: relative; margin: 38px 0 0 0;}
#sdbr ul#nwsltr li a#nwsltrlnk {background: url(../images/spacer.gif); display: block; position: absolute; top: 0; left: 0; width: 224px; height: 30px;}
#sdbr a#facebook {background: url(../images/button-sdbr-facebook.gif) no-repeat; width: 187px; height: 27px; margin: 25px 0 0 19px; display: block; text-indent: -9999em; outline: none;}

/*main content area top*/
#mn {width: 664px; height: 100%; margin: 0 0 0 225px; position: relative;}/*also see seasonal css*/
* html #mn {width: 663px; width: /**/664px; float: left; margin: 0;}/*Fixes for ie 5.5*/
#mn #flashcontent {background: url(../images/mn-home.jpg) no-repeat; width: 632px; height: 202px; top: 15px; left: 15px; padding: 0 0 15px 0; z-index: 9; position: relative;}
#mn #flashcontent #flash {width: 632px; height: 202px;}
#mn .flasherror {background: #fff; color: red; border: 1px dotted red; width: 200px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}
#mn #mnpan {margin: 15px 0 0 15px;}/*also see seasonal css*/
#mn #prdftr {height: 14em; margin: 25px 0 0 15px; padding: 0 0 15px 0; position: relative;}/*also see seasonal css*/
#mn #prdftr #prd1 {float: left; padding: 0 15px 0 0; width: 198px; width: /**/185px; height: 14em; position: relative;}/*fix for ie 5.5 also see seasonal css*/
#mn #prdftr #prd1 #prd1img {width: 60px; height: 120px; float: left; margin: 0 10px 0 0;}
#mn #prdftr #prd2 {float: left; margin: 0 0 0 24px; padding: 0 15px 0 0; width: 198px; width: /**/185px; height: 14em; position: relative;}/*fix for ie 5.5 also see seasonal css*/
#mn #prdftr #prd2 #prd2img {width: 60px; height: 120px; float: left; margin: 0 10px 0 0;}
#mn #prdftr #prd3 {float: left; margin: 0 0 0 24px; width: 198px; width: /**/185px; height: 14em; position: relative;}/*fix for ie 5.5*/
#mn #prdftr #prd3 #prd3img {width: 60px; height: 120px; float: left; margin: 0 10px 0 0;}
#mn #prdftr h3 {margin: 0 0 3px 0; font-weight: bold; text-transform: uppercase;}
#mn #prdftr h4 {margin: 0 0 0 0; font-weight: bold; text-transform: capitalize;}/*also see seasonal css*/
#mn #prdftr p {margin: 20px 0 20px 0; width: 10em; height: 4.75em; position: relative; right: 0; overflow: hidden;}
#mn #prdftr a.shpnwlnk {padding: 4px 0 0 0; display: block; width: 80px; height: 13px; font-weight: bold; text-decoration: none; position: relative; top: 0px; left: 70px;}/*also see seasonal css*/

/*main content area shopping (middle section)*/
#mn #shopNow {background: url(../images/bg-shopNow.gif) no-repeat; height: 110px; width: 664px; padding: 0 0 10px 0;}
#mn #shopNow #item1 {height: 110px; width: 205px; padding: 0 0 20px 0; position: absolute; left: 15px; top: 225px;}
#mn #shopNow #item2 {height: 110px; width: 205px; padding: 0 0 20px 0; position: absolute; left: 225px; top: 225px;}
#mn #shopNow #item3 {height: 110px; width: 205px; padding: 0 0 20px 0; position: absolute; left: 440px; top: 225px;}
#mn #shopNow #item1 h3.itemTitle a, #mn #shopNow #item2 h3.itemTitle a, #mn #shopNow #item3 h3.itemTitle a {width: 95px; font-weight: bold; position: absolute; top: 20px; left: 100px; text-transform: uppercase; text-decoration: none;}
#mn #shopNow #item1 img, #mn #shopNow #item2 img, #mn #shopNow #item3 img {margin: 20px 0 0 10px;}
#mn #shopNow #item1 p.shopNowButton a, #mn #shopNow #item2 p.shopNowButton a, #mn #shopNow #item3 p.shopNowButton a {height: 20px; width: 20px; padding: 3px 0 0 0; position: absolute; bottom: 25px; left: 170px;}

/*main content area news and events*/
#mn #evntsnws {width: 649px; height: auto; position: relative; margin: 15px 0 0 0; padding: 10px 0 0 15px;}/*also see seasonal css*/
* html #mn #evntsnws {width: 659px; width: /**/646px;}/*Fixes for ie 5.5 and 6*/
#mn #evntsnws:after {content: ""; display: block; height: 0; clear: both;}/*:after allows the background color of the div to extend to the bottom of both columns no matter which column is longer*/
#mn #evntsnws #nws {float: left; position: relative; padding: 20px 0 20px 0; width: 200px; height: 100%;}/*also see seasonal css*/
#mn #evntsnws #nws h3 {font-size: 12px; font-weight: bold;}/*also see seasonal css*/
#mn #evntsnws #nws h4 {font-weight: bold; margin: 10px 0 0 0;}
#mn #evntsnws #nws h4 a {text-decoration: none;}
#mn #evntsnws #evnts {float: left; width: 180px; height: 100%; margin: 0 0 0 -1px; padding: 20px 0 20px 24px;}/*also see seasonal css*/
#mn #evntsnws #evnts h3 {font-size: 12px; font-weight: bold;}/*also see seasonal css*/
#mn #evntsnws #evnts h4 {font-weight: bold; margin: 10px 0 0 0;}
#mn #evntsnws #evnts .lctnin {font-weight: bold; text-transform: uppercase; margin: 0 0 0 5px;}/*also see seasonal css*/

#mn #evntsnws #col3 {width: 225px; float: right;}
#mn #evntsnws #col3 ul {margin: 23px 0 0 0;}
#mn #evntsnws #col3 ul li {background-repeat: no-repeat; list-style: none; margin: 0 0 10px 20px; position: relative;}
#mn #evntsnws #col3 ul li a {width: 186px; display: block;}
#mn #evntsnws #col3 ul li#mediaGalleries {background-image: url(../images/media-galleries.png);}
#mn #evntsnws #col3 ul li#mediaGalleries a#mslnk {height: 49px;}
#mn #evntsnws #col3 ul li#stlFlorists {background-image: url(../images/stl-florists.png);}
#mn #evntsnws #col3 ul li#stlFlorists a#sslnk {height: 95px;}
#mn #evntsnws #col3 ul li#direct2Florist {background-image: url(../images/direct-2-florist.png);}
#mn #evntsnws #col3 ul li#direct2Florist a#dtlnk {height: 49px;}

/*footer*/
#ftr {width: 892px; margin: 0; padding: 0; clear: both;}/*also see seasonal css*/
#ftr ul#ftrlnks {padding: 60px 0 0 0; font-size: 10px; list-style: none;}
#ftr ul#ftrlnks li {display: inline;}/*also see seasonal css*/
#ftr ul#ftrlnks li a {margin: 0 12px 0 0; text-decoration: none;}/*also see seasonal css*/
#ftr ul#ftrinfo {margin: 10px 0 0 0; padding: 10px 0 0 0; font-size: 10px; list-style: none;}
#ftr ul#ftrinfo li {margin: 0 12px 0 0; display: inline;}/*also see seasonal css*/
#ftr ul#ftrinfo li#cpyrght {display: block; line-height: 3;}