/*
*
* Matt Emery 2009-06-17
* Tested on xhtml strict.
*
*/

/********** RESET *******************************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%; /* browser's default, usually 16px */
	font-family:inherit;
	vertical-align:baseline; }

body {line-height:1;}
img, a img {border:none;}
object { display:block; outline:none; }
html, body { height: 100%; }/* fill the height of the browser */


/********** EVERYTHING ELSE ******************************************************************************/

/* body
-------------------------------------------------------------- */
body {
	background:#f6f5f0;
	color:#4f4f4f;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
}


/* images
-------------------------------------------------------------- */

/* hr
-------------------------------------------------------------- */
hr {	background:#ddd; border:none; color:#ddd; clear:both; float:none; height:1px; margin:1.5em auto; width:100%; } /* 1.5em = 1.5x default font size */


/* Links
-------------------------------------------------------------- */
a:hover, a:active, a:focus { outline:none; }
a:hover, a:focus { text-decoration:underline; }
a { background:none; color:#776570; text-decoration:underline; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#555;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	color:#555;
	font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-weight:normal;
	font-style:normal;
	line-height:1;
	margin-bottom:0.5em; } /* 0.5em = 0.5x heading's font size */

h1 {font-size:2em;} /* 2em = 2x default font size */
h2 {font-size:1.8em;}
h3 {font-size:1.5em;}
h4 {font-size:1.2em;}
h5 {font-size:1em}
h6 {font-size:1em}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


/* Tables
-------------------------------------------------------------- */
table {border-collapse:separate; border-spacing:0; margin-bottom: 1.5em; width:100%; }
th, td {text-align:left; font-weight:normal; padding: 4px; line-height: 1.4; vertical-align:top; }
th { font-weight: bold; background: #efefef; }


/* Text/Phrase elements
-------------------------------------------------------------- */
p { padding:0 0 1.5em 0; } /* 1em = font size of the p element (not including line height) */
p.hidden { display:none; } /* used for hidden fields in forms to be xhtml strict valid */

blockquote { border-left:2px dotted #ccc; margin:1.5em auto; padding-left:1em; font-style:italic; }
sup, sub {line-height:0;}
em {font-style:italic;}
strong {font-weight:bold;}
pre,code {margin:1.4em 0;white-space:pre;}
pre,code,tt, dfn, code, samp, kbd, var, cite {font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;}


/* Lists
-------------------------------------------------------------- */
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
ul, ol { margin:0 1.4em 1.4em 1.4em; }
li { line-height:1.5; }
li ul, li ol {	margin:0 1.4em;}
dl { margin:0 0 1.4em 0; }
dl dt { font-weight:bold; line-height:1.5; }
dd { margin-left:1.4em; line-height:1.5; }

.ulTitle {margin-bottom:0; padding-bottom:0;}


/* Forms
-------------------------------------------------------------- */
fieldset { border:1px solid #ddd; padding:1.4em; margin:0 0 1.4em 0; }
legend {font-weight:bold; font-size:1.2em; line-height:1; margin:0; padding:0 0.4em;} /* broken in IE8, don't even think about using it :( */
label {font-weight:bold;}

input.text, input.password, textarea, select { background:#fff url(/images/stock/input_bg.png) no-repeat -1px -1px; border:1px solid #c2bcb6; font-family:Verdana; font-size:11px; margin:4px 0 16px 0; }
select { background-position:-1px -1px; padding:1px 0; height:20px; }
textarea { font-family: Helvetica, Arial, sans-serif; height:140px; line-height:1.2; overflow:auto; padding:4px 2px; width:292px; }
input.text, input.title, input.file { padding:3px 2px; width:292px; }
input.submit, input.button { font-size:100%; line-height:1.5; } 

/* pretty forms */
.formPretty label { display:block; float:left; padding-right:10px; text-align:right; width:200px; }
.formPretty p { clear:left; padding-bottom:0.5em; }


/* Colors/Weights/Styles
-------------------------------------------------------------- */
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.small { font-size:0.9em; }
.green { color:#669900; }


/* Alignment
-------------------------------------------------------------- */
.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; }
.vab { vertical-align:bottom; }
.vam { vertical-align:middle; }
.vat { vertical-align:top; }


/* Floats/Clears
-------------------------------------------------------------- */
.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }
.clearl { clear:left; }
.clearr { clear:right; }


/* Success, notice and error boxes
/* Success, notice and error boxes
-------------------------------------------------------------- */
.errors, .notices, .success {padding:10px; margin-bottom:15px; border:2px dotted #ddd; font-size:0.9em;}
.errors { background:#FBE3E4; color:#731a0e; border-color:#FBC2C4; }
.notices { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }

.errors ul, .notices ul, .success ul { margin-bottom:0; }

.errors h2, .notices h2, .success h2 { font:bold 12px Verdana; line-height:16px; margin:0 0 0.5em 0; padding:0; }
.errors h2 { color:#731a0e; padding-left:20px; background:transparent url(../images/stock/errors_heading.gif) no-repeat center left; }
.success h2 { color:#264409; padding-left:20px; background:transparent url(../images/stock/success_heading.gif) no-repeat center left; }
.notices h2 { color:#514721; padding-left:20px; background:transparent url(../images/stock/notices_heading.gif) no-repeat center left; }

.errors p, .notices p, .success p {padding:0; margin:0 0 0.5em 0;}

.errors a {color:#8a1f11; text-decoration:underline;}
.notices a {color:#514721; text-decoration:underline;}
.success a {color:#264409; text-decoration:underline;}


/* Container
-------------------------------------------------------------- */
#header {
	background:transparent url(/images/header_bg.png) repeat-y top center;
	height:74px; /* total 131px */
	margin:0 auto;
	padding:57px 100px 0 100px;
	width:760px; } /* total 960px  */ 

#logo img {
	height:60px;
	width:310px; }

#menu {
	background:transparent url(/images/body_bg.png) repeat-y top center;
	height:47px;
	margin:0 auto;
	padding:0 98px 0 100px;
	position:relative;
	width:760px;
} /* total 960px  */

#menu li {
	float:left;
	height:47px;
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}

#menu li img {
	position:relative;
	z-index:999;
}

#menu li a:hover img {
	filter: alpha(opacity=80);
	opacity:.80;
}

#menu li.menu-li-store img {
	position:absolute;
	right:100px;
	top:-50px;
}

#menu li.menu-li-flowerstore img {
	position:absolute;
	right:80px;
	top:-114px;
	z-index:888;
}


#body {
	background:#f6f5f0 url(/images/body_bg.png) repeat-y top center;
	margin:0 auto;
	padding:0 100px;
	width:760px; } /* total 960px  */

#footer {
	background:transparent url(/images/footer_bg.png) repeat-y top center;
	color:#9c9c9c;
	font-size:11px;
	height:146px; /* total 200px */
	margin:0 auto;
	padding:54px 100px 0 100px;
	width:760px; } /* total 960px  */

#footer p {
	line-height:1;
	margin:0;
	padding:0;
	text-align:center; }

#footer a {
	color:#9c9c9c;
	text-decoration:none; }


/* Body - special pages
-------------------------------------------------------------- */
#body_bg_tag #body_content {
	background-image:url(/images/body_bg_tag.jpg);
	background-repeat:no-repeat;
	background-position:0 50px;
}


/* Store Columns (menu and content)
-------------------------------------------------------------- */
#storeCols {
	background:transparent url(/images/store_column_left_bg.png) repeat-y top left;
	margin:0;
	padding:0; }

#storeColLeft,
#storeColRight {
	float:left; }

#storeColLeft {
	margin-right:14px;
	width:183px; }

#storeColRight {
	width:563px; }


/* Store Menu
-------------------------------------------------------------- */
#storeMenu {
	padding:15px 12px; }

#storeMenu h2 {
	margin:0 0 12px 0;
	padding:0; }

#storeMenu a {
	color:#4f4f4f;
	text-decoration:none; }

#storeMenu a:hover {
	color:#4f4f4f;
	text-decoration:underline; }

#storeMenu ul,
#storeMenu ul li {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0; }

#storeMenu ul {
	margin-bottom:30px; }

#storeMenu ul li {
	font-size:14px;
	line-height:16px;
	margin-bottom:4px;
	margin-left:10px; }


/* Store Category
-------------------------------------------------------------- */
#storeCategory {
	margin-left:12px; }

#storeCategory h2 {
	margin:0 0 10px 0;
	padding:0; }

#storeCategory .storeCategoryProduct1,
#storeCategory .storeCategoryProduct2 {
	color:#4c4c4c;
	float:left;
	margin:0 0 24px 0; }

#storeCategory .storeCategoryProduct1 div,
#storeCategory .storeCategoryProduct2 div {
	/* border:1px solid #faf4ea; */
	/* background:#faf8f5; */
	height:251px;
	text-align:center;
	width:262px; }

#storeCategory .storeCategoryProduct1 img,
#storeCategory .storeCategoryProduct2 img {
	background-repeat:no-repeat;
	background-position:bottom center;
	height:251px;
	width:262px; }

#storeCategory .storeCategoryProduct2 {
	margin-left:27px; }

#storeCategory .storeCategoryProduct1 p,
#storeCategory .storeCategoryProduct2 p {
	margin:0 auto;
	padding:8px 0 0 0;
	text-align:center; }

.sortByPrice {
	margin-left:1em;
	margin-top:-1em;
}


/* Product Page
-------------------------------------------------------------- */
#productDetailsBlock {
	margin-bottom:1em;
}

#productDetailsBlock .productImg {
	border:1px solid #faf5ea;
	max-width:560px;
	margin-bottom:15px;
}

#productDetailsBlock h3 {
	font-weight:normal;
	margin-top:4px;
}

.productDescription { }

#productFormBlock h4 { font-weight:bold; }
#productFormBlock select { border:1px solid #f9f3e9; background:#fcfbf7; min-width:200px; } 
#productFormBlock p { padding:0; } 
#productForm .productBuyButton { margin:-8px 0 0 0; text-align:right; }
#productForm .productBuyButton .submit { background:transparent url(/images/button_order.gif) no-repeat top center; height:40px; width:150px; }
#productForm .productBuyButton .submit:hover { background-position:bottom center; }


/* Cart Page
-------------------------------------------------------------- */
/* borders on all cells */
.tableCart, .tableCart td, .tableCart th { border-style: solid; border-width:1px; border-color:#faf4e9 #faf4e9 #faf4e9 #faf4e9; }
.tableCart { border-top-width:0; border-right-width:0; }
.tableCart td, .tableCart th { border-bottom-width:0; border-left-width:0; vertical-align:top; }
.tableCart td { font-size:11px; }
.tableCart th { background:#faf4e9; }
.tableCart table, .tableCart table td, .tableCart table th {border:none;} /* sub tables no borders */

.tableCart ul { margin-top:0; margin-bottom:0; }


/* Checkout Table
-------------------------------------------------------------- */
.checkout_table {
	border:1px solid #faf4e9;
	font-size:11px;
	margin:0 auto;
}

.checkout_table tr td {
	padding:5px 15px 10px 15px;
	vertical-align:top;
}

.checkout_table th {
	background:#faf4e9;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}



/* Checkout Form
-------------------------------------------------------------- */
.checkout_form p {
	margin:0;
	padding:0 0 0 5px;
}

.checkout_form label {
	display:block;
	font-weight:bold;
	margin:0;
	padding:0;
	width:auto;
}

.checkout_form input,
.checkout_form select,
.checkout_form textarea {
	margin:0;
	width:300px;
}

.checkout_form input.checkbox {
	width:auto;
}

.checkout_form .postcode {
	width:50px;
}

.checkout_form textarea {
	height:60px;
	width:710px;
}

.checkout_form .card_expiry select {
	width:70px;
}

.checkout_form .submit input {
	background:transparent url(/images/buttons/checkout.png) no-repeat top center;
	border:0;
	cursor:pointer;
	display:block;
	height:45px;
	margin:-5px auto 0 auto;
	padding:0;
	width:250px;
}

.checkout_form .submit input:hover {
	background-position:bottom center;
}

.checkout_form b {
	color:#ff0000;
	font-weight:bold;
}

.checkout_form .checkbox_float .checkbox,
.checkout_form .checkbox_float label {
	float:left;
}

.checkout_form .checkbox_float .checkbox {
	margin-right:5px;
}

.promo_code { font-size:11px; }
.promo_code input { font-size:11px; margin-bottom:3px; }
.promo_code input.text { width:100px; }
.promo_code input.submit {}


/* banners
-------------------------------------------------------------- */
#category-banner {
	margin:-10px auto 18px auto;
}

/* home page specific
-------------------------------------------------------------- */
#store-index-extras {
	padding-top:15px;
	margin-bottom:-30px;
}