/*	
	Flower Express Layout and Presentation CSS
	Author(s): M. J. Magee (www.mjmagee.com)
	Date: 15.01.09
	Version: 1.b
	
	www.e-scape.co.uk

	Change Log:
	
	1.b - 16.03.09 - adding titles and account styles
	
*/



/* Standards */
	* { margin: 0px; padding: 0px; }
	html { height: 100%; }
	body { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
	hr, .hidden { display: none; }
	.clear { clear: both; height: 1px; }
	.left { float: left; }
	.right { float: right; }
	a:active, a:focus { outline: none; }
	a img { border: 0px; }
	
	

/* Main Body */
	#wrapper { width: 789px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -14.5em auto; text-align: center; }
	
	
/* Header */
	#header { width: 789px; padding-top: 22px; text-align: left; }
	#header h1 { width: 115px; float: left; margin-left: 27px; }
	#header h1 a { width: 115px; height: 109px; background: url(../img/logo.png) no-repeat 0 0; display: block; }
	#header h2 { width: 247px; float: left; margin-left: 77px; }
	#header h2 a { width: 274px; height: 64px; background: url(../img/logo.png) no-repeat -192px 0px; display: block; }
	#header span { display: none; }
	
	#header dl { width: 195px; float: right; padding-top: 20px; }
	#header dl a { color: #505050; text-decoration: none; }
	#header dl a:hover { color: #2e2d2d; text-decoration: underline; }
	#header dl dt { font-size: 1.2em; }
	#header dl dt a { min-height: 20px; background: url(../img/basket.png) no-repeat; padding-left: 47px; display: block; }
	#header dl dd { width: 50px; float: left; padding-left: 47px; font-size: 1.3em; display: block; }
	#header dl dd strong { font-size: 1.1em; }
	#header dl dd.price { text-align: right; }
	
	/* Tabs */
	#header ul { width: 635px; height: 29px; list-style: none; margin-left: 154px; }
	#header ul li { float: left; }
	#header ul li a { height: 29px; background: url(../img/tabs.png) no-repeat; display: block; }
	
	#header ul li#home-tab a { width: 62px; background-position: 0 0; }
	#header ul li#home-tab a:hover { background-position: 0 -29px; }
	#header ul li#home-tab a.selected, #header ul li#home-tab a.selected:hover { background-position: 0 -58px; }
	
	#header ul li#flowers-tab a { width: 167px; background-position: -62px 0; }
	#header ul li#flowers-tab a:hover { background-position: -62px -29px; }
	#header ul li#flowers-tab a.selected, #header ul li#flowers-tab a.selected:hover { background-position: -62px -58px; }
	
	#header ul li#offers-tab a { width: 112px; background-position: -229px 0; }
	#header ul li#offers-tab a:hover { background-position: -229px -29px; }
	#header ul li#offers-tab a.selected, #header ul li#offers-tab a.selected:hover { background-position: -229px -58px; }
	
	#header ul li#delivery-tab a { width: 76px; background-position: -341px 0; }
	#header ul li#delivery-tab a:hover { background-position: -341px -29px; }
	#header ul li#delivery-tab a.selected, #header ul li#delivery-tab a.selected:hover { background-position: -341px -58px; }
	
	#header ul li#sign-in-tab a { width: 77px; background-position: -417px 0; cursor: default; }
	#header ul li#sign-in-tab a:hover { background-position: -417px -29px; }
	#header ul li#sign-in-tab a.hidden, #header ul li#sign-in-tab a.hidden:hover { background-position: -417px -58px; }
	
	#header ul li#create-account-tab a { width: 141px; background-position: -494px 0; }
	#header ul li#create-account-tab a:hover, #header ul li#create-account-tab a.select, #header ul li#create-account-tab a.select:hover { background-position: -494px -29px; }
	#header ul li#create-account-tab a.hidden, #header ul li#create-account-tab a.hidden:hover { background-position: -494px -58px; cursor: default; }
	
	/* Login */
	#header #banner { width: 177px; height: 207px; background: url(../img/header.png) no-repeat; float: left; position: relative; top: -25px; left: -22px; margin-right: -22px; }
	#header fieldset { width: 634px; height: 186px; background: url(../img/header.png) no-repeat -177px -21px;  position: relative; top: -4px;  border: 0px; z-index: 5; }
	#header fieldset form { width: 196px; position: absolute; top: 11px; right: 11px; }
	#header fieldset form dl { width: 196px;  padding: 0px; }
	#header fieldset form dl dt { clear: both; width: 73px; float: left; margin-bottom: 6px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; }
	#header fieldset form dl dt a { min-height: 0.9em; background: none; margin-top: 6px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #411909; font-weight: normal; text-decoration: underline; }
	#header fieldset form dl dt a:hover { color: #000000; }
	#header fieldset form dl dd { width: 123px; float: right; margin-bottom: 6px; padding: 0px; text-align: right; font-size: 1.2em; }
	#header fieldset form dl dd input { width: 121px; border: 1px solid #abadb3; }
	#header fieldset form dl dd button { margin-top: 6px; padding: 0.1em; }
	
	
	/* Account Options */
	#header fieldset form p, #header fieldset form li { font-size: 1.1em; }
	#header fieldset form p strong { margin-bottom: 0.2em; font-size: 1.1em; }
	#header fieldset form p small { position: absolute; top: 0px; right: 0px; }
	#header fieldset form a { color: #000000; text-decoration: underline; }
	#header fieldset form a:hover { text-decoration: none; }
	#header fieldset form ol { list-style: none; margin-top: 0.2em; }
	
	
/* Main */
	#main { width: 557px; min-height: 200px; background: #FFFFFF; float: left; position: relative; top: -51px; padding-top: 30px; margin-bottom: -51px; text-align: left; color: #000000; }
	#main h3 { margin: 1.0em 0 0.5em 0; font-size: 1.4em; color: #000000; }
	#main p { margin-bottom: 1.5em; font-size: 1.2em; color: #000000; }
	#main p img.product { max-width: 500px; _width: 500px; overflow: hidden; }

	#main a { color: #072e87; text-decoration: underline; }
	#main a:hover { color: #1948b3; text-decoration: underline; }
	
	#main .div { clear: both; width: 100%; height: 20px; margin-bottom: 15px; border-bottom: 1px solid #c7c7c7; }
	
	#main ol, #main ul { margin-left: 2.0em; }
	#main li { margin-bottom: 0.5em; font-size: 1.2em; }
	
	
	/* Offers */
	#main dl.offers { width: 260px; }
	#main dl.offers dt { width: 253px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; float: left; margin-bottom: 0.7em; font-size: 1.6em; color: #000000; font-weight: bold; }
	#main dl.offers dt a { color: #000000; text-decoration: none; }
	#main dl.offers dt a:hover { color: #000000; text-decoration: underline; }
	#main dl.offers dd { width: 160px; float: left; font-size: 1.2em; color: #2c2c2c; }
	#main dl.offers dd strong { font-size: 1.2em; color: #da3d00; }
	#main dl.offers dd.img { clear: left; width: 82px; float: left; margin-right: 13px; }
	#main dl.offers dd.img img { width: 80px; border: 1px solid #808080; }
	#main dl.offers dd.img a:hover img { border: 1px solid #414040; }
	#main dl.offers dd.full { clear: both; width: 253px; height: auto; float: none; margin-top: 1.0em; text-align: right; }
	

	/* Titles */
	#main h2 { width: 229px; background: url(../img/titles.png) no-repeat; margin-bottom: 0.6em; }
	#main h2 span { display: none; } 
	#main h2#special-offers { height: 24px; background-position: 0 0; }
	#main h2#about-us { height: 19px; background-position: 0 -159px; }
	#main h2#delivery-details { height: 25px; background-position: 0 -116px; }
	#main h2#contact-us { height: 16px; background-position: 0 -141px; }
	#main h2#terms-and-conditions { height: 17px; background-position: 0 -177px; }
	#main h2#privacy-policy { height: 24px; background-position: 0 -196px; }
	#main h2#your-shopping-basket { height: 23px; background-position: 0 -222px; }
	#main h2#forgotten-your-password { height: 22px; background-position: 0 -247px; }
	#main h2#edit-your-details { height: 23px; background-position: 0 -272px; }
	#main h2#your-address-book { height: 17px; background-position: 0 -297px; }
	#main h2#log-in { height: 23px; background-position: 0 -314px; }
	#main h2#sign-up-for-the-newsletter { height: 23px; background-position: 0 -336px; }
	#main h2#choose-a-shipping-address { height: 23px; background-position: 0 -359px; }
	#main h2#create-a-new-account { height: 17px; background-position: 0 -382px; }
	#main h2#pick-a-delivery-date { height: 24px; background-position: 0 -399px; }
	#main h2#confirm-your-order { height: 23px; background-position: 0 -422px; }
	#main h2#checkout { height: 17px; background-position: 0 -445px; }
	
	
	
	/* Forms */
	#main form dl { width: 100%; }
	#main form dl dt { clear: left; width: 16.0em; float: left; margin-bottom: 1.0em; font-size: 1.2em; font-weight: bold; }
	#main form dl dd { width: 24.5em; float: left; margin-bottom: 1.0em; font-size: 1.2em; }
	#main form dl dd input, #main form dl dd select, #main form dl dd textarea { width: 20.0em; height: 1.2em; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; }
	#main form dl dd select { height: 2.2em; }
	#main form dl dd select.small { width: 5.0em; float: left; margin-right: 1.0em; }
	#main form dl dd textarea { height: 10.0em; }
	#main form dl dd button { clear: left; float: right; }
	#main form dl dd.button { float: right; }
	#main form dl dd.button input { clear: left; width: auto; height: auto; background: #f0f0f0; float: right; padding: 2px; color: #000000; border: 1px solid #abadb3; }
	#main form dl dd a#calStart, #main form dl dd a#calStart img  { width: 16px; float: left; margin-top: 0.25em; cursor: pointer; display: block; }
	#main p.buttons { float: right; }
	#main p.buttons a, #main p.buttons a:hover, #main p.buttons input { width: auto; background: #f0f0f0; float: right; margin-top: 1.0em; margin-left: 1.5em; padding: 5px; color: #000000; text-decoration: none; border: 1px solid #abadb3; display: block; }
	#main p.buttons input { margin-top: 0.9em; padding: 4px; }
	
	
	/* Basket */
	#main form table { width: 100%; }
	#main form table tr th { font-size: 1.4em; }
	#main form table tr td { font-size: 1.2em; }
	#main form table tr td a { color: #8f0d0d; text-decoration: none; }
	#main form table tr td a:hover { color: #8f0d0d; text-decoration: underline; }
	#main form table tr td.total { font-size: 1.4em; }
	



/* Sidebar */
	#sidebar { width: 207px; background: url(../img/sidebar-bg.png) repeat-x 1px 0; float: right; position: relative; top: -81px; margin-bottom: -81px; padding: 0 6px; text-align: left; z-index: 10; }
	#sidebar p { margin-top: 1.2em; font-size: 1.1em; }
	#sidebar p a { color: #000000; font-weight: bold; text-decoration: underline; }
	#sidebar p a:hover { text-decoration: none; }
	#sidebar p.banner { margin-top: 2.5em; }
	
	#sidebar ul { width: 207px; background: url(../img/nav-top.png) no-repeat #c5d4e6; list-style: none; padding-top: 12px; }
	#sidebar ul li { width: 205px; position: relative; font-size: 1.2em; border-right: 1px solid #aebac9; border-left: 1px solid #aebac9; z-index: 5; }
	#sidebar ul li a { width: 181px; background: none; padding: 10px 12px; color: #042247; text-decoration: none; border-bottom: 2px solid #859fbd; display: block; }
	#sidebar ul li a:hover { color: #020f1f; text-decoration: underline; }
	#sidebar ul li a.selected { font-weight: bold; }
	#sidebar ul li a.selected:hover { color: #042247; text-decoration: none; cursor: default; }

	#sidebar ul li ul { width: 205px; background: #e2ecf8; padding-top: 0px; border-bottom: 2px solid #859fbd; }
	#sidebar ul li ul li { font-size: 1.0em; border: 0px; }
	#sidebar ul li ul li a { color: #042247; border-bottom: 0px; }
	#sidebar ul li ul li a:hover { background: #b1c7e1; color: #042247; }
	#sidebar ul li ul li a.selected { font-style: italic; font-weight: normal; }
	
	#sidebar ul li ul li ul { width: 185px; background: red; padding-top: 0px; border-bottom: 0px; }
	#sidebar ul li ul li ul li { width: 185px; }
	#sidebar ul li ul li ul li a { width: 161px; background: #FFFFFF; padding-left: 32px; border-bottom: 0px; }
	#sidebar ul li ul li ul li a:hover { background: #FFFFFF; }
	
	
	
	#sidebar ul li.first-item a { padding-top: 0px; }
	#sidebar ul li.last-item a { padding-bottom: 0px; font-weight: bold; border-bottom: 0px; }
	#sidebar ul li.last-item ul { border-top: 10px solid #c5d4e6; }
	#sidebar ul li.last-item li a { padding: 10px 12px; font-weight: normal; }
	#sidebar .bottom { width: 208px; height: 88px; background: url(../img/nav-bottom.png) no-repeat; position: relative; top: -75px; margin-bottom: -51px; display: block; z-index: 2; }
	

	/* Titles */
	#sidebar h3, #sidebar h3 a { width: 229px; background: url(../img/titles.png) no-repeat; margin-bottom: 12px; }
	#sidebar h3 span { display: none; }
	#sidebar h3#browse-products { height: 26px; background: none; position: relative; top: -14px; margin-bottom: -5px; }
	#sidebar h3#browse-products a { height: 26px; background-position: 0 -24px; display: block; }
	#sidebar h3#testimonials { height: 19px; background-position: 0 -50px; }
	#sidebar h3#stay-informed { height: 25px; background-position: 0 -69px; margin: 24px 0 -1.1em 0; }
	
	
	
	
/* Footer */
	#footer-push { clear: both; height: 14.5em; }
	#footer { width: 100%; height: 14.5em; background: url(../img/footer.png) repeat-x #233401; }	
	#footer ul { width: 80%; list-style: none; position: relative; top: 95px; margin: 0 auto; text-align: center; font-size: 1.0em; }
	#footer ul li { background: url(../img/footer-div.png) no-repeat 100% 50%; padding: 0 15px 0 10px; display: inline; }
	#footer ul li a { color: #689114; }
	#footer ul li a:hover { color: #8fc918; }
	#footer ul li.last-item { background: none; }