@charset "iso-8859-1";

/* ~~~~~~~~~~ SPECIALS ~~~~~~~~~~ */
html, body {background-color: #cc0033; 
	color: #000000;}
#pageWrapper{background:#cc0033 url("../set-to-just-pics-when-ready-/body.jpg") repeat-y; 
	border-color: #FFFFFF; 
	font-size: 69%;	/* set your default font size here. */}
#banner{ background-color:#CC0033; background:#CC0033 url("../set-to-just-pics-when-ready-/banner.jpg"); 
	color: #000000; } 
#outerColumnsContainer{border-left-color:transparent;	/* left column background color */
	border-right-color: #transparent;	/* right column background color */
	background-color: transparent;		/* set the background color for the middle column here */}
#recipientStart{border-color: #dce4c7; 
	background: #ecf4d7;}
#rightColumn .inside{font-size: 90%;/* if you apply a font size to just #rightColumn, then its width, which is specified in EMs, will also be affected. you don't want that. so apply font size changes to the .inside element which exists inside underneath all three columns */}
#rightColumn .inside .vnav {font-size: 110%;}
#footer{color: #000000;	
	text-align: left; 
	z-index: 10;
	background: url(../pics/footerIconRed.gif) no-repeat; background-position:right;}
#footerAdmin{color: #000000;	
	text-align: left; 
	z-index: 10;
	background: url(../pics/footerIcon.jpg) no-repeat; background-position:right;}
#middleColumn{}
.box{border-color:#CC0033;
	background:#F2F2F2;
	margin-bottom: 20px;}
.order {border:1px solid #CC0033;
		width: 100%;}
.order th {background: #F4D2D2; padding: 2px 5px 2px 5px; margin: 0; text-align:left;}
.order td {padding: 0 5px 0 5px; margin: 0; text-align:left;}
.minBasket {border:1px solid #dce4c7;
		width: 100%;}
.minBasket th {background: #ccd4b7; padding: 2px 5px 2px 5px; margin: 0; text-align:left; border-top: 1px solid #dce4c7; border-bottom: 1px solid #dce4c7;}
.minBasket td {background: #EDEFE4; padding: 5px 5px 5px 5px; margin: 0; text-align:left; border-bottom: 1px solid #dce4c7;}
.minBasketHeader {background: #DADFCA; }
.boxHeader{border-color: #F4D2D2; 
	background: #F4D2D2; 
	color:#000000;
	padding-left: 5px;}
.errorMsg{color:#ff0000;}
.statementMsg{color:#cc0000;}
#details{background: #ecf4d7; border-color:#dce4c7;}
a, a:link, a:visited, a:active {color:#ffffff;}
/*a, a:link, a:visited, a:active {color:#BE2F5D;}*/
a:hover{color: #cccccc; text-decoration:underline;}
a.linkButton{border-color: #ffffff #000000 #000000 #ffffff; 
	background: #cae08f; }
a.linkButton:hover{color:#009900;}
.buttonA{ background: #cae08f; 
	margin-bottom: 0.5em; 
	border-width: 1px;} /* background:#86007f; */
.buttonB{color: #56004e; 
	border-bottom-color: #56004e;}
#banner a, .hnav ul li a {color: #FEE0E5; }
#banner a:hover, .hnav ul li a:hover {color: #000; 
	background: #fff;}
.hnav ul li a{border-left-color: #fff;}
#logo a, #logo a:hover {background: url("../pics/logo.jpg"); width: 395px; height:112px;}
#menuFlower{background: url("../pics/menu-default.gif") no-repeat; 
	height: 200px; 
	width: 100px;}
#bannerPromo{background: url("../pics/banner-cactus.gif") no-repeat; 
	height: 98px; 
	width: 340px;}
#deliverySlogan{background: url("../pics/fairy.gif") right top no-repeat; 
	color: #acb497;}
#basketLinks{background: url("../pics/bag.gif") no-repeat 64px top ;}
.vnav ul li a, #rightColumn .vnav ul li a{text-decoration: none;}
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover{ text-decoration: none; }
.boxHeaderB{border-color: #86007f; 
	background: #86007f; 
	color:#ffffff;}	
.boxHeaderC{background: #dfedc0;}

.table2{border:none; border: solid 1px #CC0033; }
.table2 th{background-color: #F4D2D2; padding: 2px 2px 2px 5px; margin: 0; text-align:left;}
.table2 td{background-color: #FBF7F7; padding: 0 5px 0 5px; margin: 0; text-align:left;}

.table3 th {background-color: #ecf4d7;}
.table3 td {background-color: #ecf4d7;}

.table4 {border-color:#CC0033}
.table4 th {background-color: #F4D2D2; padding: 2px 2px 2px 5px;}
.table4 td {border:none;}

.boxB{border-color:#dce4c7; background: #ecf4d7;}
.boxC{background: #dce4c7;}
.boxD{border:1px solid #dce4c7; 
	margin: 10px 0 10px 0; 
	padding: 5px 5px 10px 5px;}
	
a.activeTick{background-image:url(../pics/icon-tick.gif); width:12px; height: 12px;}
a.activeTick:hover{background-image:url(../pics/icon-cross.gif); width:12px; height: 12px;}

a.activeCross{background-image:url(../pics/icon-cross.gif); width:12px; height: 12px;}
a.activeCross:hover{background-image:url(../pics/icon-tick.gif); width:12px; height: 12px;}

a.recCross{background-image:url(../pics/icon-add.gif); width:12px; height: 12px;}
a.recCross:hover{background-image:url(../pics/icon-cross.gif); width:12px; height: 12px;}

a.recAdd{background-image:url(../pics/icon-cross.gif); width:12px; height: 12px;}
a.recAdd:hover{background-image:url(../pics/icon-add.gif); width:12px; height: 12px;}

#footerMsg{ border: 1px solid #CCD4B7; padding:5px; margin: 10px 30px; display:none;}