/* HTML ELEMENTS ********************/
html, body {margin: 0 auto;padding: 0px;background:#000 url(images/bg.jpg) top center no-repeat;color: #6d3f0d;font:normal 11px arial, verdana, sans-serif;}
body p {line-height:1.4em;color:#6d3f0d;}
body {margin: 0 auto;padding: 0px;}
div {border: none;margin: 0px;padding: 0px;}
a:link, a:active {text-decoration:underline; color:#7d4701;}
a:visited {text-decoration:underline; color:#a9742e;}
a:hover {text-decoration:none; color:#7d4701;}
h1, h1 a {font:normal 22px "Century Gothic", Palatino Linotype, helvetica, tahoma, verdana, sans-serif;color:#f6dd8e;margin:0;letter-spacing:-1px;}
h2, h2 a {font:normal 16px "Century Gothic", Palatino Linotype, helvetica, tahoma, verdana, sans-serif;color:#f6dd8e;margin:0;letter-spacing:0;}
h3, h3 a {font:normal 18px "Century Gothic", Palatino Linotype, helvetica, tahoma, verdana, sans-serif;color:#613701;margin-top:0;}
h4, h4 a {font:bold 14px helvetica, tahoma, verdana, sans-serif;color:#84904f;margin-top:0;}
h5 {font:normal 10px tahoma, verdana, sans-serif;margin:0;padding:0 0 3px 0;}
h6 {font:bold 16px "Century Gothic", Palatino Linotype, helvetica, tahoma, verdana, sans-serif;color:#99b174;margin:4px 0 0 0;text-align:center;border-bottom:dotted 1px #99b174;}
input {font-size:10px;}
select {font-size:10px;}
/* PAGE ELEMENTS ********************/
#wrapper{margin-top: -18px;font-family: "\"}\"";font-family: inherit;margin-top: 1px;width:770px;margin:0 auto;}
#header{margin: 0px auto;padding: 0px;color: #000000;width:770px;height:200px;position:relative;}
html>body #header {height:200px;}
#logo {width:764px;height:77px;background:url(images/chocologo.jpg) top left no-repeat;margin:0 0 0 3px;padding:0;cursor:pointer;}
#logo span {display:none;}
#empty{}
#toplinks {position:absolute;top:5px;left:320px;z-index:5;width:300px;color:#6aa001;}
#topbtns {position:absolute;top:14px;left:420px;z-index:5;width:340px;height:60px;}
#toplogin {position:absolute;top:4px;left:300px;z-index:10;width:230px;height:60px;}
#htopright {position:absolute;top:15px;left:568px;z-index:5;width:200px;}
#tracking {position:absolute;top:50px;left:675px;z-index:5;width:150px;height:30px;margin:0;}
#topmenu {width:750px;padding:0;height:30px;float:left;padding:0 4px 0 10px;}
.topmenu_browse {margin:0;background:url(../images/browse08.gif) top left no-repeat;width:132px;height:30px;float:left;}
.topmenu_l {margin:0;background:url(../images/topmenu_l.gif) top left no-repeat;width:12px;height:30px;float:left;}
.topmenu_r {margin:0;background:url(../images/topmenu_r.gif) top left no-repeat;width:12px;height:30px;float:left;}
#countryselect{float:left;margin:0;padding:0;width:270px;height:25px;position:absolute;top:4px;left:500px;}
.mbasket {height:64px;}
.basketitems {float:left;margin:12px 0 0 0;display:block;background:#e4f5ce;padding:4px;width:120px;border:1px solid #d5eaba;}
.leftcolumn{float: left;left: 0px;width: 200px;margin: 0px;margin-top: -11px;padding: 0px;color: #666;}
.leftcolumn{margin-top: 0px;}
.rightcolumn{position: static;float: right;width: 200px;margin: 0px;padding: 0px;z-index: 3;color: #666;background-color: #fff;}
/*.centercolumn{margin: 0px;padding: 0px;color: #666;background-color: #fff;z-index: 4;border-left:1px solid #CCDBA7;}*/
.centercolumn{margin-right: 0px;margin-top: -1px;margin-bottom: 0px;margin-left: -25px;}
.centercolumn{margin-right: 201px;margin-left: 200px;margin-top: 0px;font-family: "\"}\"";font-family: inherit;margin-top: 0px;}
#empty{}
.fake.centercolumn{margin-right: 1px;margin-left: 1px;}
* html .centercolumn{margin-right: 201px;margin-left: 1px;}
#footer{clear: both;margin-top: -11px;padding: 0;color: #000000;margin:0 auto;width:770px;}
.footer{margin-top: 0px;}
.footcont {padding:0 4px 4px 4px;margin:-2px 6px 0 6px;float:left;height:220px;}
.footbox {background:url(../images/footbg.jpg) top right no-repeat; height:200px;width:160px;padding:5px 10px 0 0;float:left;margin:0 0 0 10px;color:#666;}
.footbox_l {padding:5px 20px 0 0;float:left;margin:30px 20px 0 10px;color:#666;}
.footbox_l h4, .footbox_l p {margin:0 0 4px 0;}
.footlinks {font:normal 11px arial, tahoma, verdana, sans-serif;color:#ccc;padding:5px 5px 10px 10px;}
.clear { clear : both; font-size: 1px; line-height: 0px; }
.headerpadding, .leftpadding, .rightpadding{margin: 0px;padding:0 8px 0 8px;}
.centerpadding {margin: 0px;padding:0 6px 0 14px;float:left;}
.sendflowers {float:left;background:url(../images/sendflowersbg08.jpg) top left no-repeat;width:400px;height:200px;margin:10px 10px 0 0;}
.sendflowers .content {width:200px;padding:15px;}
ul.module-list {list-style-type:none;list-style-image:none;margin:8px;padding:0;}
ul.module-list li {}
/* PAGE WRAPPER - rounded corner box */
.b_top {width:770px; background: url(images/cbox_top.png) no-repeat top left; height: 13px; margin-bottom:0;padding:0;text-align:center;}
.b_middle {width:770px;margin:0 -15px 0 0;padding:0 -15px 0 0px;background:url(images/cbox_middle.png) repeat-y;}
.b_bottom { clear: both; background: url(images/cbox_bottom.png) no-repeat; color: #FFF; height: 13px; text-align:center;}
.contpad {padding:0 4px 4px 4px;margin:-2px 6px 0 6px; /*min-height:100%*/} /* content padding for rounded corner box leaving 1px edge */
/* product page */
.contpad_prod {padding:0 4px 4px 4px;margin:-2px 6px 0 6px; float: left;}
.prodpage_left {float: left;left: 0px;width: 301px;margin: 0px;margin-top: 0;padding: 0px;color: #666;}
.prod_large {border:1px solid #c6dea7;}
.prodpage_right {position: static;float: right;width: 125px;margin:5px 0 0 0;padding: 0px;z-index: 3;color: #666;background-color: #fff;}
.prodpage_center {margin-right: 0px;margin-top: -1px;margin-bottom: 0px;margin-left: -25px;}
.prodpage_center {margin-right: 140px;margin-left: 301px;margin-top: 0px;font-family: "\"}\"";font-family: inherit;margin-top: 0px;}
* html .prodpage_center{margin-right: 140px;margin-left: 301px;}
/* product page content box */
.prodcont_box {width:521px;margin:10px 0 0 0;padding:0;float:left;}
.pc_top {width:521px; background: url(../images/prodpage_cont_top.gif) no-repeat bottom left; height: 37px; margin-bottom:0;padding:0;text-align:left;position:relative;}
.pc_top h2 {color:#fff;padding:0;margin:0;font-size:16px;font-weight:bold;letter-spacing:0;position:absolute;top:10px;left:10px;}
.pc_top span {color:#fff;position:absolute;top:12px;right:10px;font:normal 11px arial, tahoma, verdana, sans-serif;letter-spacing:0;padding:0;margin:0;}
.pc_middle {width:521px;margin:0 -15px 0 0;padding:0 -15px 0 0px;background:url(../images/prodpage_content_middle.gif) repeat-y;}
.step {width:295px;background:#fff url(../images/prodstepbg.gif) bottom left repeat-x;border:1px solid #d8d7d7;float:left;margin: 5px 0 0 0;padding:4px 0 0 8px;}
.pc_middle p {margin:0;padding:5px 5px 8px 5px;line-height:1.4em;}
.pc_middle h3 {margin:0;padding:5px;line-height:20px;}
select.date {font:normal 1em/1.4 courier new, Arial, Geneva, Helvetica, Sans-Serif;}
.pc_bottom { width:521px; background: url(../images/prodpage_content_bottom.gif) no-repeat; color: #FFF; height: 11px; text-align:center;}
.bcrumbs {margin:5px;}
/* RIGHT COLUMN - rounded corner box */
.r_top {width:200px; background: url(../images/r_top.gif) no-repeat bottom left; height: 11px; margin-bottom:0;padding:0;text-align:center;}
.r_middle {width:200px;margin:0 -15px 0 0;padding:0 -15px 0 0px;background:url(../images/r_mid.gif) repeat-y;}
.r_middle p, .r_middle h2 {margin:0;padding:0 5px 0 5px;line-height:1.4em;}
.r_bottom { clear: both; background: url(../images/r_bot.gif) no-repeat; color: #FFF; height: 11px; text-align:center;}
/* LARGE - rounded corner box */
.largebox {width:620px;margin:8px 0 0 0;padding:0;float:left;}
.l_top {width:620px; background: url(../images/largebox_top.gif) no-repeat bottom left; height: 8px; margin-bottom:0;padding:0;text-align:center;}
.l_middle {width:620px;margin:0 -15px 0 0;padding:0 -15px 0 0px;background:url(../images/largebox_middle.gif) repeat-y;}
.l_middle p {margin:0;padding:5px 5px 8px 5px;line-height:1.4em;}
.l_middle h2 {margin:0;padding:5px;line-height:20px;}
.l_bottom { width:620px; background: url(../images/largebox_bottom.gif) no-repeat; color: #FFF; height: 8px; text-align:center;}
/* GENERAL STYLES ********************/
/* button */
a:link.btn, a:visited.btn, a:active.btn {float:left;background: transparent url('../images/btngreen_r.gif') no-repeat scroll top right;color: #fff;display: block;font: bold 10px arial, sans-serif;height: 23px;margin-right: 6px;padding-right: 13px; /* sliding doors padding */text-decoration: none;margin-left:1px;}
a.btn span {background: transparent url('../images/btngreen_l.gif') no-repeat;display: block;line-height: 17px;padding: 2px 0 4px 12px; }
a.btn:hover {background-position: bottom right;color: #f1f1f1;outline: none; /* hide dotted outline in Firefox */}
a.btn:hover span {background-position: bottom left;padding: 2px 0 4px 12px; /* push text down 1px */}
/* LARGE button */
a:link.btn_large, a:visited.btn_large, a:active.btn_large {float:left;background: transparent url('../images/btn_large_r.gif') no-repeat scroll top right;color: #fff;display: block;font: normal 22px "Century Gothic", Palatino Linotype, lucida sans unicode, Helvetica, arial, sans-serif;letter-spacing:-1px;height: 75px;margin-right: 12px;padding-right: 12px; /* sliding doors padding */text-decoration: none;margin-left:1px;}
a.btn_large span {background: transparent url('../images/btn_large_l.gif') no-repeat;display: block;line-height: 70px;padding: 2px 0 3px 10px; }
a.btn_large:hover {background-position: bottom right;color: #fff;outline: none; /* hide dotted outline in Firefox */}
a.btn_large:hover span {background-position: bottom left;padding: 2px 0 3px 10px; /* push text down 1px */}
.info {font-size:10px;font-style:italic;color:#959494;}
.imgborder {border:1px solid #97b668;}
.chocos {position:absolute;top:17px;left:280px;z-index:5;}
.commentbox{background-color: #ececec;width: 450px;padding: 10px;color:#666;font-style:italic;}
.commentfooter{background: url(../images/bubblearrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/padding-left: 58px;padding-top: 1px;margin-bottom: 2em;color: #ccc;font-size:10px;}
.lfloat{float:left;}
.rfloat{float:right;}
.myacclayer {position:absolute; display:none; border: 1px solid #ccc;width: 150px; height: auto; padding: 4px 4px 4px 4px; z-index:300;color:#3e3e3e;background:#fff;margin:13px 0 0 0;font-size:11px;color:#3e3e3e;}
.myacclayer a {padding:2px 0 2px 0;}
.track {position:absolute; display:none; border: 1px solid #ccc;width: 200px; height: auto; padding: 4px 4px 4px 4px; z-index:300;color:#3e3e3e;background:#fff;margin:13px 0 0 0;}
#dhtmltooltip{position: absolute;width:150px;height:auto;padding:5px;background-color:#FAFEE9;visibility:hidden;z-index: 100;font-size:11px;border:1px solid #667A01;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
/* checkout fields */
.tr {height:auto;width:500px;float:left;padding:0.3em;border:1px solid #dde9b9;clear:both;margin:1px;background:#f1f8db url(images/fieldbg.gif) bottom left repeat-x;}
.rightcell {width:160px;text-align:right;float:left;padding:3px 0 0 0;font-family:tahoma, "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:11px;color:#4e4e4e;}
.leftcell {width:340px;text-align:left;float:left;clear:right;margin-right:-4px;font-family:tahoma, "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:11px;color:#4e4e4e;}
.del {height:auto;width:175px;float:left;padding:0.3em;border:1px solid #dde9b9;clear:both;margin:1px;background:#f1f8db url(images/fieldbg.gif) bottom left repeat-x;color:#496001;}
div.error {height:auto;width:500px;float:left;padding:0.3em;border:1px solid #ee8282;clear:both;margin:1px;float:left;background:#fea3a3;}
div.trblank {height:auto;width:500px;float:left;padding:0.3em;clear:both;margin:1px;}
.spacer {clear:both;margin:0;}
.infotext {font-family:tahoma, "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#8E8E8E;margin:auto;font-size:10px;}
.total {font:bold 14px helvetica, tahoma, verdana, sans-serif;color:#d28a06;margin-top:0;}
#loginForm {color:#666;}
/* static subnav */
.subnav3 {width:128px; margin:0 0 0 1px;background:#fff;text-align:left;}
.subnav3 h6 a {display: block;border-bottom:1px solid #f1f1f1;font:normal 11px tahoma, arial,verdana,sans-serif;}
.subnav3 h6 {margin-top: 0px;margin-bottom: 0px;font-weight: normal;font:normal 11px tahoma, arial,verdana,sans-serif;color: #fff;text-indent:6px;text-align:left;}
.subnav3 h6 a:link, .subnav3 h6 a:visited, .subnav3 h6 a:active {font:normal 11px tahoma, arial,verdana,sans-serif;padding:2px 0 2px 0;text-decoration: none;background: #fff;color: #666;}
.subnav3 h6 a:hover {font:normal 11px tahoma, arial,verdana,sans-serif;text-decoration: none;background: #f1f1f1;color: #000;}
.subnav3 h6 b {color:#e09209;}
/* product template */
.prodimg {float:left;width:150px; height:auto;margin:7px 2px 7px 1px; padding:0 0 5px 0;background:#f1f1f1 url(../images/prodbg_normal.jpg) bottom left;border:1px solid #d8d6d6;border-spacing: 0;border-collapse:collapse;}
.onmouse {float:left;width:150px; height:auto;margin:7px 2px 7px 1px; padding:0 0 5px 0;background:#ddf2c3 url(../images/prodbg_hover.jpg) bottom left;border:1px solid #a5b856;border-spacing: 0;border-collapse:collapse;}
.upsell {width:70px;height:150px;}
.prodimgbottom {height:44px; text-align:center;margin:0 auto;padding:4px 2px 0 2px;}
.prodbuttons {margin:0 auto;padding:4px 0 0 7px;height:30px;}
.prodtitle {font:normal 10px tahoma, verdana, sans-serif;}
.oldprice {font:bold 12px "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",tahoma, Verdana; color:#717171;text-decoration:line-through;}
.offerprice {font:bold 14px "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",tahoma, Verdana; color:red;}
.normalprice {font:normal 14px "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",tahoma, Verdana; color:#3e3e3e;}
.zoombtn {margin:3px 0 0 1px;float:left;}
.prodoverlay_wrapper {margin: 0;position: relative;width: 150px;height: 175px;}
.prodoverlay_wrapper a {text-decoration: none;}
.prodoverlay_wrapper em {height:17px;width:150px;color: #ccc;font: normal 10px tahoma, verdana, sans-serif;padding: 2px 0 0 0;display: block;position: absolute;top: 159px;left: 0px;text-align:center;}
/* overlays */
span.5off {width: 60px;height: 60px;display: block;position: absolute;top: 0px;right:0px;background: url(http://images.serenataflowers.com/5off.png) no-repeat;}
span.ribbon {width: 149px;height: 87px;display: block;position: absolute;top: -4px;right:-4px;background: url(http://images.serenataflowers.com/prodribbon.png) no-repeat;}
span.spotlight {width: 149px;height: 87px;display: block;position: absolute;top: -9px;left:-12px;background: url(../images/spotlightribbon.png) no-repeat;}
span.offer {width: 61px;height: 61px;display: block;position: absolute;top: 2px;left: 2px;background: url(../images/specialoffer.png) no-repeat;}
.upsell {float:left;width:65px; height:auto;margin:7px 2px 7px 1px; padding:0 0 5px 0;background:#f1f1f1 url(../images/prodbg_normal.jpg) bottom left;border:1px solid #d8d6d6;border-spacing: 0;border-collapse:collapse;}
.upsellonmouse {float:left;width:65px; height:auto;margin:7px 2px 7px 1px; padding:0 0 5px 0;background:#ddf2c3 url(../images/prodbg_hover.jpg) bottom left;border:1px solid #a5b856;border-spacing: 0;border-collapse:collapse;}
.upsellbottom {height:24px; text-align:center;margin:0 auto;padding:4px 2px 0 2px;}
/* top message bar */
.topmsgbar {height:29px;margin:0 auto;margin-left:14px;margin-top:1px;}
.topmsgbar h1 {background:url(http://images.serenataflowers.com/topmsgbar_bg.gif) top left repeat-x;height:29px;width:600px;float:left;font:bold 12px tahoma, verdana, sans-serif;color:#fff;margin-top:0;text-align:center;padding:6px 0 0 0;}
.topmsgbar h1 a {color:#fff;}
.topmsgbar_l {margin:0;background:url(http://images.serenataflowers.com/topmsgbar_l.gif) top left no-repeat;width:10px;height:29px;float:left;}
.topmsgbar_r {margin:0;background:url(http://images.serenataflowers.com/topmsgbar_r.gif) top left no-repeat;width:10px;height:29px;float:left;}
/* select box */
.refinement{margin:0 0 5px 9px;float:left;}
.refinementsHeader{font-size:14px; font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#5c5c5c;margin: 0 0 5px 0;}
.refinementHint{font:normal 10px arial, tahoma, verdana, sans-serif;color:#717171;}
.refinementText{font:normal 11px arial, tahoma, verdana, sans-serif;color:#3e3e3e;}
.refinementBox{width:110px;}
.selectBox{position:relative;/* font-family:Arial, Helvetica, sans-serif;font-size:11px; */color:#666666;cursor:pointer;z-index:7;width:110px;}
.selectBoxSel{position:relative;/* font-family:Arial, Helvetica, sans-serif;font-size:11px; */cursor:pointer;z-index:300;background-color:#D4DDE9;}
.selectBoxtitle{font:normal 10px arial, tahoma, verdana, sans-serif;color:#73884f;}
.selectBoxDisplay{height:17px;border:1px solid #a4b97f;}
.selectBoxDisplayLeft{height:17px;padding:0px 0px 0px 3px;background-repeat:no-repeat;background-position:left;}
.selectBoxDisplayArrow{height:17px;padding:0px 19px 0px 0px;background-image:url(http://images.serenataflowers.com/selectarrow.gif);background-repeat:no-repeat;background-position:right;}
.selectBoxDisplayMiddle{padding:0px 2px 0px 2px;height:17px;overflow:hidden;}
.selectBoxDisplayMiddle span{position:relative;top:2px;white-space:nowrap;}
.selectBoxListContainer{position:absolute;top:18px;left:0px;border:1px solid #a4b97f;background-color:#FFFFFF;z-index:300;visibility: hidden;}
.selectBoxListElement a:link, .selectBoxListElement a:visited, .selectBoxListElement a:active {display:block;padding:2px 5px 2px 5px; text-decoration:none;background-color:#FFFFFF;font:normal 10px arial, tahoma, verdana,sans-serif;color:#3e3e3e;}
.selectBoxList {z-index:300;}
.selectBoxListElement a:hover{z-index:300;display:block;padding:2px 5px 2px 5px;color:#375e0e;font:normal 10px arial, tahoma, verdana, sans-serif;text-decoration:none;background-color:#FFFFFF;background-color:#d6e4bd;}
.selectBoxBorderBottom{height:1px;overflow:hidden;}
.country-sel-title {font-size:11px;font-weight:bold;float:left;margin:4px 0 0 0px;color:#92af67;width:93px;}