/* 
CSS Styles for Julie Annes 
Written by Berk McGowan
*/

body
{
	margin: 0;
	padding: 0;
	background: #fff url("../images/side_background.gif") repeat-y; 
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
}

a
{
	color: #990000;
}

a:hover
{
	text-decoration: none;
}

a.nounderline
{
	text-decoration: none;
}

form
{
	margin: 0;
	padding: 0;
}

input[type=text],input[type=password],select,textarea
{
	border: 1px solid #BAA96D;
	padding: 0.25em;
}

input.invalid
{
	border: 2px solid red;
	color: red;
}

input.mandatory.missing,
textarea.mandatory.missing
{
	border: 2px solid red;
	color: red;
}

input#btnSubmit,
input#btnPrint,
input#btnDelete,
input#btnComplete,
input#btnUpdate
{
	padding: 0.1em 0.3em;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #fff;
}

strong.bigger
{
	font-size: 1.4em;
}

p.itemPrice
{
	font-weight: bold;
	font-size: 150%;
}

p.error
{
	padding-left: 18px;
	background: transparent url("../images/icons/alert.gif") no-repeat left center;
	font-weight: bold;
	color: #990000;
}

p.info
{
	padding-left: 18px;
	background: transparent url("../images/icons/info.gif") no-repeat left center;
	font-weight: bold;
	color: #990000;
}

p.alert
{
	padding: 1em;
	padding-left: 25px;
	background: #FF9D9D url("../images/icons/alert.gif") no-repeat 5px 50%;
	font-weight: bold;
	color: #ffffff;
	border: 2px solid #990000;
}

p.alert.tick
{
	background: #FF9D9D url("../images/icons/check.gif") no-repeat 5px 50% !important;
}

h3
{
	text-decoration: underline;
}

/* ---( Spacers )--- */
div.spacer
{
	padding: 0.5em;
	text-align: center;
}

div.med_spacer
{
	padding: 1em;
}

div.lg_spacer
{
	padding: 1.6em;
}


/* ---( Header )--- */
.header
{
	width: 100%;
	background-color: #8DA054;
}

.memberBar
{
	padding: 0.3em 0.5em;
	padding-bottom: 0.5em;
/*
	border-top: 1px solid black;
	border-bottom: 1px solid black;
*/
	background-color: #BAA96D;
	color: #ffffff;
}

.memberBar a
{
	color: #fff;
}

.memberBar span.cart
{
	float: right;
	padding-right: 0.5em;
}

/* ---( Content )--- */
div.content
{
	padding: 0;
	margin: 0;
}

table.contentLayout
{
	padding: 0;
	margin: 0;
	width: 100%;
}

table.contentLayout tr td
{
	vertical-align: top;
}

table.contentLayout tr td#side
{
	width: 195px;
	padding: 0;
	margin: 0;
	/*padding: 0.5em;*/
}

table.contentLayout tr td#main
{
	padding: 0.2em 1.2em;
}

#prodOverview img
{
	padding: 1em 2em 1em 1em;
}

#prodOverview div#prodImg
{
	width: auto;
	float: left;
}

#prodOverview div#prodDetails
{
	width: auto;
	float: left;
	padding-top: 2em;
}

#prodOverview span.prodName
{
	font-weight: bold;
}

#recip
{
	clear: both;
}

.orderSection
{
	padding-top: 1em;
}

/* ---( Side Navigation )--- */
div.sideMainOption
{
	border-bottom: 1px solid #8B8B8B;
	margin: 0;
	padding: 1em;
	padding-left: 2.5em;
	background: transparent url("../images/logo_spot.gif") no-repeat 0.3em 1.1em;
	color: #990000;
}

div.sideMainOption.EIF
{
	border-bottom: 1px solid #8B8B8B;
	margin: 0;
	padding: 1em;
	padding-left: 0.75em;
	background: none;
}

html>body div.sideMainOption
{
	border-left: 15px solid transparent;
}

html>body div.sideMainOption.EIF
{
	border-left: none;
}

div.sideMainOption:hover
{
	border-left: 15px solid #D3D89C;
	background-color: #E3E6C1;
}

div.sideMainOption.EIF:hover
{
	border-left: none;
}

div.sideSubOption
{
/*	display: none;  */
}

div.sideSubOption ul
{
	list-style: square url("../images/or_arrow.gif");
	padding: 0 0.5em;
	margin: 0;
	margin-left: 1em;
}

div#interflora
{
	margin-top: 2em;
	text-align: center;
	padding: 0.5em;
}

div.w3links
{
	padding: 0.5em;
	text-align: center;
}

div#author
{
	text-align: center;
	padding: 0.5em;
}

/* ---( Footer )--- */
#footer
{
	margin-top: 2em;
	border-top: 1px solid #999;
	text-align: center;
	font-size: 80%;
}

/* ---( Main )--- */
th.center,td.center
{
	text-align: center !important;
}

th.left,td.left
{
	text-align: left !important;
}

th.right,td.right
{
	text-align: right !important;
}

th.middle,td.middle
{
	vertical-align: middle !important;
}

div.crumbs
{

}

div.crumbs h2, h2
{
	font-size: 2em;
	padding-top: 0;
	margin-top: 0.2em;
	background: transparent url("../images/main_head_ul.gif") no-repeat left bottom;
}

div#catDesc
{
	margin: -1em 0 1em 0;
}

div.inputBox
{
	margin-bottom: 2em;
}

div.lgProdImg
{
	float: left;
	margin-right: 1em;
	height: 50em;
}

div#totalPrice
{
	font-weight: bold;
	font-size: 150%;
	padding: 1em;
	border: 1px solid black;
	background-color: #EFF0DB;
	width: 22em;
	vertical-align: middle !important;
}

span.helpBox
{
	float: right;
	border: 1px solid silver;
	background-color: #EFF0DB;
	padding: 0.5em;
	margin-right: 1em;
	width: 250px;
}

td.warning
{
	padding-top: 1em;
}

table.dataEntry tr th
{
	text-align: left;
	vertical-align: top;
	padding-right: 1em;
}

fieldset
{
	padding: 1em;
	padding-left: 2em;
	margin: 1em 0;
	border : 1px solid #BAA96D;
	background-color: #EFF0DB;
	width: 300px;
}

legend
{
	font-weight: bold;
	padding: 0 0.5em;
	margin-top: -0.2em;
}

fieldset input
{
	display: block;
	margin-bottom: 1em;
}

div#products
{
	padding: 1em;
}

table.mainProducts
{
	border-collapse: separate;
}

table.mainProducts tr td
{
	padding: 1em;
	border: 1px solid silver;
	text-align: center;
	width: 18%;
}

div#tableDetails
{
	text-align: right;
	font-weight: bold;
	padding: 0.2em;
}

div#tableDetails span
{
	font-weight: normal !important;
	color: #999999;
}

table#listproducts
{
	border-collapse: collapse;
	width: 99%;
}

table#listproducts thead tr th,
table#listproducts tbody tr td
{
	padding: 0.8em;
}

table#listproducts thead tr
{
	background-color: #8DA054;
	color: #FFF;
}

table#listproducts tbody tr.on
{
	background-color: #CED7B3;
}

table#listproducts tbody tr.seperate
{
	border-bottom: 1px solid #CED7B3;
}

div.siteStatus
{
	margin: 0.5em 0;
	padding: 1em;
}

div.siteStatus.live
{
	border: 2px solid #8DA054;
	background-color: #C2CDA0;
}

div.siteStatus.dev
{
	border: 2px solid #990000;
	background-color: #FF9D9D; 
}
/* ---[ Print Style Changes ]--- */
@media print
{
	.header,
	.memberBar,
	.crumbs,
	table.contentLayout tr td#side,
	p#buttons
	{
		display: none;
	}
}

.valentines
{
	border: 2px solid pink;
	background-color: #FF9999;
	padding: 1em;
	margin: 0.25em 0;
}