/* RESETS AND DEFAULTS -----------------------------------------------------------------------------------------------------------------------------*/

html {font-size:1.25em;}
html * {margin:0; padding:0;}
body {font:50% arial,helvetica,geneva,sans-serif; text-align:center; position:relative; background:#fff;}
img {border:none;}
ul {list-style-type:none;}
em {font-style:italic;}
strong {font-weight:bold;}


/* ANCHORS -----------------------------------------------------------------------------------------------------------------------------------------*/

a, a:link, a:visited {text-decoration:none; color:#a4003b;}
a:hover, a:active {text-decoration:none; color:#ff33cc !important;}
a:focus {outline:none;}


/* GENERIC CLASSES ---------------------------------------------------------------------------------------------------------------------------------*/

.access {position:absolute; left:-9999px;}
.hide {display:none;}
.clearboth {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
div.spacer {margin:20px; padding:1px 0 0 0;}
div.spacersmall {margin:20px;}
.error {font-weight:bold; color:#ae5073;}
.lastlistitem {border:0 !important;}
noscript {margin-left:3px; color:#c00;}


/* MAIN CONTAINERS ---------------------------------------------------------------------------------------------------------------------------------*/

div#wrap {margin:0em auto; text-align:left; width:960px;}
div#main {clear:both; float:left;}
div#content {}


/* BODY CONTENT ------------------------------------------------------------------------------------------------------------------------------------*/


/** left column **/

div#leftcol {width:200px; height:295px; background:#b80259; float:left;}
	img#logo {width:154px; height:111px; margin-top:6px; margin-left:18px;}

	ul#lhmenu {float:right; margin:15px 0 25px 0;}
		ul#lhmenu li {background:url(../img/buttons/LHmenubutton.png) no-repeat; width:102px; height:20px; margin-bottom:3px; padding-top:2px; padding-left:20px; font-size:1.25em;}
		ul#lhmenu li a {text-decoration:none; color:#b80259;}

	div#mapcontainer {margin:0 0 0 15px; clear:both;}
	div#leftcol h3 {color:#0f397c; font-size:1.25em;}
	div#leftcol p {color:#000; font-size:1.0em; margin-bottom:5px;}
	div#leftcol div#mapspacer {width:95%; border-bottom:1px solid #bfbfbf; margin:8px 0 8px 0; clear:both;}

	div#leftcol div.leftcolbutton {background:url(../img/buttons/leftcolbutton.gif) no-repeat;width:90px;height:19px;float:right;margin-right:14px; margin-bottom:5px;}
		div#leftcol div.leftcolbutton a {position:relative;left:4px;top:3px;}


/** centre column **/

div#centrecolumn {margin-bottom:30px; background:url(../img/centralinsert.gif) no-repeat; width:562px; height:595px; float:left;}

	div#centrecolumncontainer {width:510px; margin-top:32px; margin-left:34px; /*border:1px solid*/}

	div#strapcontainer {margin:5px 5px 0 10px; height:19px;}
		h1#titlestrap {color:#0f397c; font-size:1.6em; float:left; margin-top:4px;}
		h1#titlestrap a {color:#0f397c;}
		h2#phone {color:#b80259; font-size:2em; float:right; margin-right:28px; position:relative; top:-2px;}

	ul#topmenu {margin:15px 0 40px -4px;}
		ul#topmenu li {display:block; background:url(../img/buttons/topmenubutton2.gif) no-repeat; width:70px; height:14px; margin-right:2px;  margin-bottom:3px; font-size:1.0em; float:left; text-align:center;} /* nasty, not display-inline */
		ul#topmenu li a {text-decoration:none; color:#0f397c;}

	h2#flowerimagetitle {margin:20px 0 10px 10px; color:#0f397c; font-size:1.5em; clear:both;}
	h2#centreboxtitle {margin:20px 0 10px 15px; color:#b80259; font-size:2em; letter-spacing:1px;}

	div#centralsectionscroll {height:424px; width:500px; overflow:auto;}

	div.flowercontainer {background:url(../img/flowerborder.png) no-repeat; width:161px; height:195px; float:left; margin-left:3px; margin-bottom:4px;}
	div.flowercontainer img.flowerproduct {width:100px; height:100px; margin:8px 0 0 25px;}
	div.flowercontainer div.flowerproductdescription {margin-left:6px; font-weight:bold; font-size:1em;}
	div.flowercontainer div.flowerproductprice {margin-left:10px; font-size:1em; color:#b80259;}
	div.flowercontainer div.flowerproductprice img {margin-left:5px; position:relative; top:3px;}

	ul#centralsectionmenu1 {clear:both; padding-top:3px; margin-left:11px;}
	ul#centralsectionmenu2 {text-align:center; margin-top:3px; margin-right:13px;}
		ul#centralsectionmenu1 li, ul#centralsectionmenu2 li {display:inline; font-size:0.9em; border-right:1px solid #999; padding:0 5px 0 1px;}
		ul#centralsectionmenu1 li a, ul#centralsectionmenu2 li a {text-decoration:none; color:#000;}

div#thumbstrip {clear:both; width:910px; height:122px; margin:0 auto 35px auto;}
div#thumbstrip div {width:100px; height:122px; margin-right:35px; float:left;}
div#thumbstrip div img {width:100px; height:100px; display:block;}
div#thumbstrip div a {display:block; margin-top:5px; text-align:center;}


/** right column **/

div#rightcol {width:198px; float:left;}

	div#topicons {margin:10px 0 0 10px;}
	div#topicons div#rss {float:right; margin-right:30px;}
	div#topicons span#livechatavail {position:relative; top:-6px; left:1px;}
	div#topicons p {margin-top:3px; width:82px;}
	div#topicons p span {float:right;}

	div#logincontainer {width:100%; height:110px; margin-top:25px; background:#b80259; color:#fff; font-size:1.2em;}
		div#logincontainer div#customerlogin {margin-top:5px; text-align:center; font-size:0.9em;}
		div#logincontainer form {margin-left:25px; padding-top:2px;}
		div#logincontainer form fieldset {border:0}
		div#logincontainer form label {font-size:0.9em;}
		div#logincontainer form input.loginfield {border:0; background:#fff; width:150px;}
		div#logincontainer a {color:#fff; text-decoration:none;}
		div#logincontainer form fieldset div#logintext {margin:3px 0 0 14px;}
		div#logincontainer p#welcome {padding:10px;}
		div#logincontainer p#logout {padding:10px; font-weight:bold;}
		div#logincontainer input#login {border:1px solid #fff; color:#fff; background:#cc1168; font-size:1em; padding:0 1px 1px 1px; margin-top:1px;}
		div#logincontainer input#login:hover {background:#ea2f86;}

	div#testimonials {width:185px; height:400px; margin:15px 6px 0 15px; padding-right:5px; overflow:auto;}
	h3#testimonialtitle {color:#b80259; font-size:1.4em;}
	div#testimonials p {color:#0f397c; margin-top:10px; font-size:1.15em}
	div#testimonials p small {display:block; margin-top:5px; font-size:0.8em;}
	div#testimonials div.testimonialspacer {width:100%; margin-top:10px; border-bottom:1px solid #b80259;}

	div#testimonials table#topflorists td {font-size:1.1em;}

	/* cart */
	p#cartnoscript {color:#c00; background:#ff0; padding:10px; z-index:10; position:absolute; width:178px;}
	div#cart div#carttitle {font-size:1.2em; font-weight:bold; margin-bottom:5px; color:#b80259;}
	div#cart div.product {margin:10px 0; padding:3px; width:150px;}
	div#cart div.producttitle {font-size:1.1em; font-weight:bold;}
	div#cart div.delivery {font-style:italic;}
	div#cart img {width:50px; height:50px; display:block;}
	div#cart div#carttotal {font-size:1.1em; font-weight:bold; margin-top:15px;}
	div#cart div#purchasecont {font-size:1.1em; font-weight:bold;}
	div#cart div.justAddedToCart {border:1px dotted #b80259;}


/** triple column **/

div#triplecolumncontainer {clear:both; width:100%; margin:0 auto;}

	div#triplecolumncontainer h2 {color:#0f397c; font-size:1.5em; margin-bottom:15px;}
	div#triplecolumncontainer h2 a {color:#0f397c;}
	div#triplecolumncontainer p {margin:8px 0 8px 0; font-size:1.2em;}
	div#tc_left p#intflowerbottompara {margin-top:20px; font-weight:bold; font-size:1.3em; color:#0f397c;}

	div#tc_left, div#tc_centre, div#tc_right {height:425px;}
	div#tc_left {float:left; width:26%; padding:0 30px 10px 30px; border-right:1px solid #879cbd; background:url(../img/flowerbg.jpg) no-repeat 0px 24px;}
	div#tc_centre {float:left; width:26%; padding:0 30px 10px 30px; border-right:1px solid #879cbd; background:url(../img/freshflowersstamp.gif) no-repeat 50% 330px;}
	div#tc_right {float:left; width:26%; padding:0 30px 10px 30px; position:relative;}
	div#tc_left strong {color:#b80259; font-weight:bold;}
	div#tc_right img#flowers4van {width:250px; height:120px; position:absolute; top:310px;}

	img.imgfloatleft {float:left; margin:0 10px 7px 0;}


/* FOOTER ------------------------------------------------------------------------------------------------------------------------------------------*/

noscript#foot {margin-left:16px;}

div#footer {}
div#footbar {clear:both; width:960px; height:115px; margin-bottom:5px; background:url(../img/basepanel.gif) no-repeat;}

div#footbar div#cardinfo {width:212px; margin:0 auto; padding-top:20px; text-align:center;}
div#footbar ul#topfootbarmenu {margin:0 auto; height:12px; padding-top:16px; width:562px;}
div#footbar ul#bottomfootbarmenu {margin:5px auto 0 auto; width:535px;}
div#footbar ul li {float:left; font-size:1.1em; border-right:1px solid #999; padding:0 5px;}
div#footbar ul li a, div#footbar ul li a:visited {color:#000;}
div#footbar li a:hover {text-decoration:underline; color:#ff33cc !important;}

div#footbar p#c {float:right; margin-top:22px; color:#666; margin-right:5px;}