body { background-color:#FF9102;font-family:Arial, Helvetica, Verdana;font-size:13px;}#lastname {height: 1px !important; visibility: hidden;}
#cardBody { background-color:#FFFFFF; font-family: Times New Roman}
img { border:0}
#homeBody { text-align:center; }
#mainHome { text-align:center; margin-left:auto;margin-right:auto;width:760px; overflow:hidden; position:relative; display:table;}
#main { width:800px;overflow:hidden }
#leftNav {width:200px;float:left;overflow:hidden; display:table-cell}
#navbarContact { font-family:Verdana,Arial, Helvetica, sans-serif; color:#02026E;font-size:12px; }
#homeHeader h1{ font-size:16px;color:#070372 }
#homeHeader h2{ font-size:14px }
#prettyPix { float:left;width:565px;padding-left:16px;font-family:Arial, Helvetica;font-size:13px;color:black; display:table-cell;overflow:hidden; }
.centered{ text-align:center}
#topFlowers { margin:0 17px 0 17px }
#content {float:left;width:565px;overflow:hidden; padding:0 5px 0 10px; margin-left:7px; display:table-cell}
.rightImage { float:right;margin-left:5px }
.leftImage { float:left;margin-right:5px }
a { color:darkblue}
a:hover { color:#AE9754; }
ul { margin-left: 100px}
.textOnBanner { color:#C54F19;font-family:Verdana;font-weight:bolder; }
#bannerLine1 { position:absolute;top:145px;left:430px;z-index:2;width:250px }
#bannerLine1 h1 { font-size:18px }
#bannerLine2 { position:absolute;top:127px;left:720px;z-index:2;width:260px;height:30px; overflow:hidden }
#bannerLine2 h2 { font-size:13px;width:150px }
#bannerLine3 { position:absolute;top:157px;left:720px;z-index:2;width:150px }
#bannerLine3 h3 { font-size:11px; }
.firstImage { float:left; margin: 3px 5px 5px 1px; border: solid 2px #1F5F7C; border-bottom-color: #E6E41A; border-left-color:#3AB0E7;  border-right-color: #ADAC13; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius:5px; border-radius:  5px 5px 5px 5px; padding: 2px}
.slogan { width:190px;text-align:center;position:absolute;left:0px;top:20px;z-index:2; font-family:Comic Sans,Apple Chancery,URW Chancery L; Monotype Corsiva;font-size:14px;color:#EEDC7E;font-weight:700;font-style:italic; text-shadow: #AE9754 0.05em 0.05em 0.05em; }
#slogan2 { top:150px }

#companyFill {font-size: 14px;}
#sloganFill, #leftFill, #rightFill, #urlFill{font-size:12px}

.button { width: 170px; height:30px; background-color: #071B58; display:table; text-align:center; margin: 2px 6px 1px 4px; border: 3px solid #3AB0E7; border-bottom-color: #ADAC13; border-left-color:#1F5F7C;  border-right-color: #E6E41A; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius:5px; border-radius:  5px 5px 5px 5px }
.pressedButton { width: 170px; height: 30px; background-color: #071B58; display:table; text-align:center; margin: 2px 4px 2px 5px; border: 3px solid #1F5F7C; border-bottom-color: #B0E41A; border-left-color:#3AB0E7;  border-right-color: #ADAC13; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius:5px; border-radius:  5px 5px 5px 5px }
.pressedButtonNS { width: 170px; height: 30px; background-color: #071B58; display:table; text-align:center; margin: 0px 4px 3px 5px; border: 3px solid #1F5F7C; border-bottom-color: #B0E41A; border-left-color:#3AB0E7;  border-right-color: #ADAC13; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius:5px; border-radius:  5px 5px 5px 5px }
a.buttonText { display:table-cell;  text-shadow: #AE9754 0.1em 0.1em 0.1em; line-height:30px; font-weight:700; color:#EEDC7E; font-family:Arial, Helvetica, Verdana; font-size:13px; text-decoration:none}
a.buttonText:hover{ color:#eeee88; text-shadow: #E6E41A 0.1em 0.1em 0.1em; }
a.buttonText:hover:before{ content: "."; text-decoration:underline; visibility:hidden; }
.firstButton { margin-top:8px}
.lastButton { margin-bottom:8px}

.callout { width:150px; vertical-align:top; border:solid 2px #3AB0E7; padding:5px; float:right; line-height:100%; margin: 0 5px 5px 5px;background: -webkit-gradient(linear, left top, left bottom, from(#CEEBF7), to(#fff), color-stop(0.3, #fff)); background: -moz-linear-gradient(top, #E2F3FA 1%, #fff);-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 5px; color:darkblue; font-size:12px; font-style:italic; }
.callout h4 { margin-top: 3px; margin-bottom: 5px; font-size:12px; text-shadow: #ff0  0.2em 0.2em 0.2em}

.field { border: 2px solid #3AB0E7; border-bottom-color: #ADAC13; border-left-color:#1F5F7C;  border-right-color: #E6E41A; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:  3px 3px 3px 3px }
.field:focus { border-top-color: #1F5F7C; border-bottom-color: #B0E41A; border-left-color:#3AB0E7;  border-right-color: #ADAC13; }

/* misc and clearfix*/
.clearB { clear:both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

hr { color:darkblue; background:darkblue; height:3px; clear:both }

.radius { -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius:5px; border-radius:  5px 5px 5px 5px }
.bottomRadius { -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-radius: 0 0 5px 5px }
.noExpand { height:18px }

.graydient { background-color:#fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #efefef), color-stop(25%, #fefefe), color-stop(50%, #fff), color-stop(75%, #fefefe), color-stop(1.00, #ededed)); background: -moz-linear-gradient(top, #efefef,#fefefe, #fff 50%, #fefefe, #ededed); }

label { font-weight: 700 }
label.aligned { text-align:right; padding-right: 6px; float:left; width:119px }	
label.normal { font-weight: 400 }

fieldset { clear:none; padding:5px; border:hidden }	
.formline { clear:none; display:table; padding:5px }

.styledField { background-color: #fff; border:1px solid #bbb; border-top:2px solid #cdcdcd; margin:0; padding:0 0 0 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px !important; border-radius: 5px; color:#aaa }

/* Some select fields are ad hoc widths */
.wideField { width:320px }
.mediumField { width:190px }	
select.mediumField { width:196px } /* select inputs need a bump in width to line up */	
.mediumWideField { width:239px }
.littleField { width:80px }
.requiredField { background-color:#FFFFE0 }	
.requiredStar { color:#d30102; font-weight:700; margin-right:3px; font-size:13px }
.requiredSkipped { background-color:#b93c36; color:#fff; border: solid 1px #000; border-top:2px solid #444; font-weight:700 }
.styledField:focus	{ background-color:#fff; border:1px solid #bbb; border-top:2px solid #cdcdcd; color:#000; font-weight:400 }

.splitbox { float:left; width:49.9%; overflow:hidden }
/* The following override splitbox percentages for various size floats	*/
.tinySplit	{ width:22% }
.smallSplit	{ width:30% }	
.mediumSmallSplit { width:39% }
.mediumBigSplit	{ width:53% }
.bigSplit { width:60% }

//Useful to take advantage of blockquote tag sometimes, e.g.
.selectedStoreInfo blockquote { margin:10px 0 10px 68px; font-weight:700; text-align:left; }

// Little floaters make good callouts	
.callout { background-color:#dedede; border:solid 1px #dedede; padding:5px; float:right; line-height:100%; margin-top: 6px; margin-right:0; font-size:11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.littleCall { width: 20% }
.mediumCall { width: 27%; margin-right:5px }
.largeCall { width: 30%; margin-right:5px }
.callout h3 { padding-bottom: 3px }
// Relative position is another way to make small adjustments
#shipMethodCallout { position:relative;top:-42px }

.helpful { font-size:11px; font-weight:700; font-style:italic; color:#aaa; padding-left:21px; padding-bottom:5px }
.redSpecial { margin-top:8px; color:#d30102; font-size:12px; font-weight:700; font-style:italic }
.inputInfo { margin-right:5px; width:21px; height:21px; position:absolute; margin-left:6px; visibility:hidden }

.subtotal { margin-top:5px; width:260px; padding-left: 5px; clear:left; overflow:hidden }
/* Subtotals and totals, including text */
.leftsub { width:160px }
.rightsub { width:100px; text-align:right; font-weight:700 }

// Useful for a checkout totals table		
.totalsTable { font-size:13px; font-weight:700; margin:10px 0 10px 0 }	
.totalsTable td { padding:3px }
td.totalsTotal { text-align:right; padding-left:100px }
// A line over the total signifying sum
.grandTotal { text-decoration:overline }	

//A little individual control over tags			
ul.benefits { margin-left:15px }
h3.nobreak { margin-bottom:0 }
h3 .sizeDown { font-size: 12px }

// Simple repetitive stuff to throw into a tag's styles list, to override individual style lines or defaults without showing any inline CSS
.floatRight { float:right }	
.floatLeft { float:left !important; }
.wideAsCanBe { width:100% }
.radioCenter { vertical-align: middle; margin: 0 0 2px 0; }
.clearBoth { clear:both }
.marginOverride { margin:0 }
.noPad { padding:0 }
.topMargin5 { margin-top:5px }
.centeredText {text-align:center}
	
#showMe { visibility:visible }
#hideMe { visibility:hidden }
#verticalScrollBox { overflow-y:auto; min-height:50px; max-height:180px; width:220px; margin:auto; overflow-x:hidden; position:relative;background:#fff;}