body {margin:0;padding:0;font:normal 100% verdana, sans-serif;background:#fff url(images/bodybg.gif) top left repeat-x;}
body#blank {margin: 0 auto;padding: 0px;background:#fff;color: #666;font:normal 11px arial, verdana, sans-serif;background-image:none;}
body.step2 {margin:0;padding:0;font:normal 100% verdana, sans-serif;background:#fff url(images/step2bg.gif) top left repeat-x;}
body.step3 {margin:0;padding:0;font:normal 100% verdana, sans-serif;background:#fff url(images/step3bg.gif) top left repeat-x;}
body p {font:normal 11px verdana, sans-serif;color:#717171;}
h1 {font-family:Lucida Sans Unicode, "Myriad","Myriad Pro","Lucida Grande",Verdana, helvetica; font-weight:normal;color:#723305;font-size:18px;margin:0 2px 0 0;padding:4px;}
h2 {font-size:20px; font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;letter-spacing:-1px;color: #fff;margin:0; text-align: left; padding:0;}
table {background-color:#fff;}


#delivery table{font:bold 11px verdana, sans-serif;color:#667A01;text-align:center;padding-bottom:15px;margin:0 0 0 10px;}
#delivery th{font:bold 10px verdana, sans-serif;color:#3e3e3e;background:#F1F1F1;border:1px solid #ccc;}
#delivery td{text-align:center;border:1px solid #ccc;width:50px;padding:3px;}
#delivery td.selected{text-align:center;border:1px solid #ccc;width:50px;padding:3px;background:#eee;}
#delivery td.option{font:bold 10px verdana, sans-serif;color:#fff;text-align:center;background:#717171;width:130px;}

#contact {font-size:10px;padding:0 0 0 3px;width:139px;margin:1px 3px 0 0;}

#order-summary {font-family:tahoma, "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#3e3e3e;font-size:10px;}
#delivery_address {font-family:tahoma, "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#3e3e3e;font-size:10px;}
#invoice_address {font-family:tahoma, "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#3e3e3e;font-size:10px;}
.small {margin:0 0 0 0;padding:0;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#717171;font-size:10px;line-height:0.8em;}
ul.ctips {list-style-position: inside;margin:0;padding:0;list-style-type: square;font-family:tahoma, "Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#717171;font-size:10px;}
ul.ctips li {/*background: url(images/exla.gif) no-repeat top left;padding: 0 0 4px 19px;*/}

ul.corder {list-style-position: outside;margin:0;padding:0;list-style: none;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#717171;font-size:10px;}
ul.corder li {list-style: none;padding:2px 0 2px 0;}

table.stc {border-spacing: 0;border-collapse:collapse;}
table.stc td {padding: 0;vertical-align:top;}

/*.trflex {height:auto;float:left;padding:0.3em;border:1px solid #ccc;clear:both;margin:1px;background:#f1f1f1 url(../images/prodstepbg.gif) bottom left repeat-x;}
	
	.leftcellflex {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;}
*/
.rightcellflex {font-family:tahoma, Verdana, helvetica; font-weight:normal;font-size:11px;color:#717171; padding:2px 0 0 0;}
.leftcellflex {text-align:left;font-family:tahoma, Verdana, helvetica; font-weight:normal;font-size:11px;color:#717171;padding:2px 0 0 0;}


a:link {text-decoration:underline;color:#723305;}
a:active{text-decoration:underline;color:#723305;}
a:visited{text-decoration:underline;color:#723305;}
a:hover{text-decoration:none;color:#723305;}

.btntitle {font-family:Verdana, helvetica; font-weight:bold;color:#fff;font-size:9px;margin:0;padding: 0 0 3px 0;text-transform:uppercase;}
.btntitle a, .btntitle a:link, .btntitle a:active, .btntitle a:visited, .btntitle a:hover {text-decoration:none;color:#fff;}
.dialogtitle {font-family:Lucida Sans Unicode, "Myriad","Myriad Pro","Lucida Grande",Verdana, helvetica; font-weight:normal;color:#c38f05;font-size:16px;margin:0;padding:0;}
.dialogtitlew {font-family:Lucida Sans Unicode, "Myriad","Myriad Pro","Lucida Grande",Verdana, helvetica; font-weight:normal;color:#fff;font-size:16px;margin:0;padding:0;}

/*white*/
.dialog {position:relative; margin:0px auto;min-width:8em;max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */color:#fff;z-index:1;margin-left:12px; /* default, width of left corner */margin-bottom:0.0em; /* spacing under dialog */padding:0 7px 0 0;}
.dialog .content,.dialog .t,.dialog .b,.dialog .b div {
background:transparent url(images/rboxbg_winew.png) no-repeat top right;/* _background-image:url(images/dialog2-blue.gif);*/}
.dialog .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}

.dialog .t {/* top+left vertical slice */position:absolute;left:0px;top:0px;width:12px; /* top slice width */margin-left:-12px;height:100%;_height:1600px; /* arbitrary long height, IE 6 */background-position:top left;}
.dialog .b {/* bottom */position:relative;width:100%;}
.dialog .b, .dialog .b div {height:26px; /* height of bottom cap/shade */font-size:1px;}
.dialog .b {background-position:bottom right;}
.dialog .b div {position:relative;width:12px; /* bottom corner width */margin-left:-12px;background-position:bottom left;}
.dialog .hd,.dialog .bd,.dialog .ft {position:relative;}
.dialog .wrapper {/* extra content protector - preventing vertical overflow (past background) */position:static;max-height:1000px;overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dialog h1,.dialog p {margin:0px; /* margins will blow out backgrounds, leaving whitespace. */padding:0.5em 0px 0.5em 0px;}
.dialog h1 {padding-bottom:0px;}


/*orange*/
.dialogo {position:relative; margin:0px auto;min-width:8em;max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */color:#fff;z-index:1;margin-left:12px; /* default, width of left corner */margin-bottom:0.0em; /* spacing under dialog */padding:0 7px 0 0;}
.dialogo .content,.dialogo .t,.dialogo .b,.dialogo .b div {
background:transparent url(images/rbox_orange2.png) no-repeat top right;/* _background-image:url(images/dialog2-blue.gif);*/}
.dialogo .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}
.dialogo .t {/* top+left vertical slice */position:absolute;left:0px;top:0px;width:12px; /* top slice width */margin-left:-12px;height:100%;_height:1600px; /* arbitrary long height, IE 6 */background-position:top left;}
.dialogo .b {/* bottom */position:relative;width:100%;}
.dialogo .b, .dialogo .b div {height:12px; /* height of bottom cap/shade */font-size:1px;}
.dialogo .b {background-position:bottom right;}
.dialogo .b div {position:relative;width:12px; /* bottom corner width */margin-left:-12px;background-position:bottom left;}
.dialogo .hd,.dialogo .bd,.dialogo .ft {position:relative;}
.dialogo .wrapper {/* extra content protector - preventing vertical overflow (past background) */position:static;max-height:1000px;overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dialogo h1,.dialogo p {margin:0px; /* margins will blow out backgrounds, leaving whitespace. */padding:0.5em 0px 0.5em 0px;}
.dialogo h1 {padding-bottom:0px;color:#fff;}
.dialogo h1 a, .dialogo h1 a:active, .dialogo h1 a:visited, .dialogo h1 a:hover, .dialogo h1 a:link {padding-bottom:0px;text-decoration:none;color:#fff;}

/*white*/
.dialogg {position:relative; margin:0px auto;min-width:8em;max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */z-index:1;margin-left:12px; /* default, width of left corner */margin-bottom:0.0em; /* spacing under dialog */padding:0 7px 0 0;}
.dialogg .content,.dialogg .t,.dialogg .b,.dialogg .b div {
background:transparent url(images/whitebox.png) no-repeat top right;/* _background-image:url(images/dialog2-blue.gif);*/}
.dialogg .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}
.dialogg .t {/* top+left vertical slice */position:absolute;left:0px;top:0px;width:12px; /* top slice width */margin-left:-12px;height:100%;_height:1600px; /* arbitrary long height, IE 6 */background-position:top left;}
.dialogg .b {/* bottom */position:relative;width:100%;}
.dialogg .b, .dialogg .b div {height:12px; /* height of bottom cap/shade */font-size:1px;}
.dialogg .b {background-position:bottom right;}
.dialogg .b div {position:relative;width:12px; /* bottom corner width */margin-left:-12px;background-position:bottom left;}
.dialogg .hd,.dialogg .bd,.dialogg .ft {position:relative;}
.dialogg .wrapper {/* extra content protector - preventing vertical overflow (past background) */position:static;max-height:1000px;overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dialogg h1,.dialogg p {margin:0px; /* margins will blow out backgrounds, leaving whitespace. */padding:0.5em 0px 0.5em 0px;}
.dialogg h1 {padding-bottom:0px;}

/*green*/
.dialogr {position:relative; margin:0px auto;min-width:8em;max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */color:#fff;z-index:1;margin-left:12px; /* default, width of left corner */margin-bottom:0.0em; /* spacing under dialog */padding:0 7px 0 0;}
.dialogr .content,.dialogr .t,.dialogr .b,.dialogr .b div {
background:transparent url(images/greenbox.png) no-repeat top right;/* _background-image:url(images/dialog2-blue.gif);*/}
.dialogr .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}
.dialogr .t {/* top+left vertical slice */position:absolute;left:0px;top:0px;width:12px; /* top slice width */margin-left:-12px;height:100%;_height:1600px; /* arbitrary long height, IE 6 */background-position:top left;}
.dialogr .b {/* bottom */position:relative;width:100%;}
.dialogr .b, .dialogr .b div {height:12px; /* height of bottom cap/shade */font-size:1px;}
.dialogr .b {background-position:bottom right;}
.dialogr .b div {position:relative;width:12px; /* bottom corner width */margin-left:-12px;background-position:bottom left;}
.dialogr .hd,.dialogr .bd,.dialogr .ft {position:relative;}
.dialogr .wrapper {/* extra content protector - preventing vertical overflow (past background) */position:static;max-height:1000px;overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dialogr h1,.dialogr p {margin:0px; /* margins will blow out backgrounds, leaving whitespace. */padding:0.5em 0px 0.5em 0px;color:fff;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:10px;}
.dialogr h1 {padding-bottom:0px;color:#fff;font-size:20px;}
.dialogr h1 a, .dialogr h1 a:active, .dialogr h1 a:visited, .dialogr h1 a:hover, .dialogr h1 a:link {padding-bottom:0px;text-decoration:none;color:#fff;}


/*new ------------------ /////////////////*/
.cwrapper {font:normal 11px verdana, sans-serif;color:#717171;width:580px;}
.maincontent {border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;width:770px}
.rightcell {width:170px;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:400px;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;}
div.tr {height:auto;width:570px;float:left;padding:0.3em;border:1px solid #f4e0ab;clear:both;margin:1px;float:left;background:#fff1cb;}

div.error {height:auto;width:570px;float:left;padding:0.3em;border:1px solid #ee8282;clear:both;margin:1px;float:left;background:#fea3a3;}
div.trblank {height:auto;width:570px;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;}
.ctitle {color:#770000;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:16px;letter-spacing:-1px;}

/* orange button */
a:link.btnorange, a:visited.btnorange, a:active.btnorange {float:left;background: transparent url('images/btn_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.btnorange span {background: transparent url('images/btn_l.gif') no-repeat;display: block;line-height: 17px;padding: 2px 0 4px 12px;	} 
	a.btnorange:hover {background-position: bottom right;color: #fbe9d6;outline: none; /* hide dotted outline in Firefox */}
	a.btnorange:hover span {background-position: bottom left;padding: 2px 0 4px 12px; /* push text down 1px */} 


table.content {border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;width:770px}

table td p {font:normal 11px verdana, sans-serif;color:#717171;padding:4px;}
table.form {font:normal 11px verdana, sans-serif;color:#717171;padding:4px;}
td.border {background:#f1f8db;padding:1px 2px 0px 4px;margin:0;}
td.bordertop {background:#f1f8db;padding:2px 2px 4px 4px;margin:0;}
table.summary {font:normal 70% verdana, sans-serif;color:#717171;padding:4px;background:#ccc;margin:0;}
table.steps {font:bold 12px tahoma,verdana, sans-serif;color:#b1824a;padding:0px;margin:0;border:1px solid #d8d8d8;}
.bar {width:100%;text-align:center; height:42px;font:bold 11px tahoma,verdana, sans-serif;color:#ab7832;padding:0 5px 0 5px;background:url("images/stepsbggray.gif") top left repeat-x;margin:0;border:1px solid #d8d8d8;}
.bargreen {width:100%;text-align:center; height:30px;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;letter-spacing:-1px;color:#fff;padding:0 5px 0 5px;background-color:#8DAE4C;margin:0;border:1px solid #d8d8d8;font-size:18px;}
.barwhite {width:100%;text-align:center; height:30px;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;letter-spacing:-1px;color:#8DAE4C;padding:0 5px 0 5px;background-color:#fff;margin:0;font-size:14px;}
table.deltimes {font:bold 80% verdana, sans-serif;color:#717171;padding:4px;margin:0;}
.deltimes td{font:bold 80% verdana, sans-serif;color:#717171;padding:4px;margin:0;text-align:center;border:1px solid #E1EE9D;}
.num {font:normal 22px tahoma,verdana, sans-serif;}
.heading2 {background: #E8E7E7 url(https://www.serenataflowers.com/images/h2_bggreen.gif) top left repeat-x; font: bold 14px/22px tahoma,arial,verdana,sans-serif; color: #fff; margin: 0px 0 1px 0; text-align: left; padding:  0px 0 4px 8px;}
.summary td {padding:3px;margin:1px;background:#fff;}
.footer {width:770px;font:normal 10px verdana;color:#717171;background-color:#F7F7F7;padding:8px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.tr_header {background:#ccc;font:bold 85% verdana, sans-serif;color:red;}
.cheader {width:770px;height:72px;background:url(images/logocheckout.gif) top left no-repeat;font-size:11px;}
.cheader2 {width:770px;height:72px;background:url(images/logocheckout_choco.jpg) top left no-repeat;font-size:11px;}
.errortext {font:bold 10px verdana, sans-serif;color:black;}
.error {border:solid; border-color:red; border-width:1px;}
input {font-size:11px;}
input.btn {font-size:11px;background:#E1EE9D;border-style:inset;border-color:#000;}
input.greenbtn {background-color:#7b9843;color:#fff;border-width:1px;border-style:solid;border-color:#a2c858 #6d873a #6d873a #a2c858;margin:2px 3px 3px 0;text-align:center;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:10px;text-transform:uppercase;}
input.greenbtnhov {border-width:1px;border-style:solid;border-color:#c2eb71 #98b85a #98b85a #c2eb71;cursor:pointer;background-color:#97b55d;}
select {font-size:11px;}
.lefty {float:left;}
.righty {float:right;}
.price {font:bold 11px verdana, sans-serif;color:#ab7832;}
.totalprice {font:bold 12px verdana, sans-serif;color:#000;}
.white {font:bold 11px verdana, sans-serif;color:#fff;}


div.rbox {background: url(images/rbox_top_left_rgw.gif) top left no-repeat;width:135px;font-family: verdana, sans-serif;}
div.rbox h2 {background: url(images/rbox_top_right_rgw.gif) top right no-repeat;font-size:70%;letter-spacing:0;color:#667A01;text-align:center;border-bottom:1px solid #89A207;padding:8px 0px 0 0px;margin:0px;}
div.rbox_body {background: url(images/rbox_rightborder_rgw.gif) top right repeat-y;margin:0;margin-top:-10px;padding:7px;font-size:70%;}
div.rbox_body table td {font-family: verdana, sans-serif;}
div.rbox_body p {font-size:70%;font-family: verdana, sans-serif;}
div.rbox_footer {background: url(images/rbox_bottom_left_rgw.gif) bottom left no-repeat;}
div.rbox_footer p {background: url(images/rbox_bottom_right_rgw.gif) bottom right no-repeat;display:block;padding:0 0 8px 7px;font-size:75%;margin:0px 0 0 0;}
div.rbox a {font-size:90%;}

#dhtmltooltip{position: absolute;width:150px;height:auto;border:1px solid #d1b466;padding:5px;background-color:#fff1cb;visibility:hidden;z-index: 100;font-size:11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}