/*
lime - abd76e
pink - ea23b1
*/


html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; background-color: #ea23b1; text-align: center; font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 85%; line-height: 1.5em; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 0.5em 0; }
h2 { font-size: 1.3em; font-weight: bold; margin: 1em 0 1em 0; }
h4 { padding: 1em 0 1em 0; }
p { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active,a:visited { color: #000; }
a:hover { color: #333; }
label  { clear: both; width: 100%; display: block; font-size: 0.85em; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ol { margin: 0 0 1em 3em; }
ol li { padding: 0.25em 0 0.25em 0; }
ul { list-style-type: circle; margin: 0 0 1em 3em; }
ul li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 20px auto; width: 960px; text-align: left; background: #ea23b1 url("../_images/background.png") repeat-y; border: 2px solid #FFF; }

header { background-color: #FFF; margin: 27px auto 0 auto; width: 910px; }
#logo { margin: 10px 0 0 300px; width: 320px; }

nav { margin: 0 auto; width: 910px; clear: both; background: #abd76e url("../_images/menu-background.png") repeat-x; height: 42px; }
#nav, #nav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; letter-spacing: 1px; }
#nav a:link, #nav a:active, #nav a:visited { display: block; padding: 0.9em 1.5em; font-weight: bold; font-size: 0.85em; border-left: 1px solid #FFF; text-decoration: none; }
#nav a:hover, #nav #selectedmenu { color: #FFF; }
#nav li { float: left; position: relative; margin: 0; padding: 0; }
#nav ul { position: absolute; width: 220px; top: 42px; display: none; background-color: #ea23b1; }
#nav li ul a { width: 180px; float: left; border-bottom: 1px solid #FFF; }
#nav li:hover ul, #nav li.ie6hover ul { display:none; }
#nav li:hover ul, #nav li li:hover ul ,#nav li.ie6hover ul, #nav li li.ie6hover ul { display:block; }

section { margin: 0 auto; width: 906px; clear: both; background-color: #FFF; }
#home { width: 898px; padding: 0; background-color: #FFF; border-top: 7px solid #FFF; border-left: 10px solid #FFF; }
#home img { width: 290px; height: 193px; float: left; margin: 0; padding: 0; border-right: 7px solid #FFF; border-bottom: 7px solid #FFF; }
#admin { width: 870px; padding: 10px 20px; background-color: #FFF; }
#buy_online { width: 870px; padding: 10px 20px; background-color: #FFF; }
article { float: left; width: 550px; padding: 10px 20px 10px 10px; }
#article_photos { width: 300px; float: left; text-align: left; padding: 10px; }
#article_photos  img{ margin-bottom: 5px; border: 2px solid #abd76e; }
#article_photos h4 { margin: -1em 0 0 0; text-align: left; }
.lollies { width: 40%; float: left; }
.guestbook { padding: 1em 0 2em 0; border-top: 1px dashed #7A7A7A; }
.guestbook .name  { font-style: italic; font-weight: bold; width: 150px; float: left; }
.guestbook .date  { font-size: 0.85em; width: 200px; float: left; clear: right; }
.guestbook .comment  { padding: 0 0 1em 0; width: 500px; }
.product { width: 150px; height: 200px; float: left; padding: 5px; margin: 0 26px 26px 5px; }
.product_name { font-size: 0.85em; text-align: center; }
#cart { float: right; background: #abd76e; width: 200px; margin: 0 0 1em 1.5em;  padding: 1em 2em 1em 2em; border: 1px solid #000000;}
#cart p  { margin: 0; padding: 0; float: left; width: 80px; }
#cart_form { width: 600px; float: left; padding: 1em 2em; background-color: #EFEBE7; border: 1px solid #292421;  }
#checkout { clear: both; float: left; width: 600px; padding: 20px; }
#checkout_cart { background-color: #EFEBE7; width: 650px; padding: 0.5em 1em 0.5em 1em; margin-top: 1em; border: 1px solid #FFF; }
#checkout_pandh { clear: both; }
.checkout_row { clear: both; padding: 1em 0 1em 0; width: 100%;  }
.checkout_title_row div { font-weight: bold; font-size: 0.85em; padding: 0.5em 0.5em 0.5em 0em; }
.checkout_row div { padding: 0.5em 0.5em 0.5em 0em; }
.checkout_quantity { float: left; width: 70px; }
.checkout_name{ float: left; width: 150px; font-weight: bold; }
.checkout_price { float: left; width: 100px; }
.checkout_button { float: left; width: 100px; }
#checkout_total { clear: both; width: 100%; font-weight: bold; font-size: 1.1em; padding: 1em 0 1em 0; }
#payment_options { clear: both; padding: 1em 0 0 1em; }
#payment_options dt { padding: 1em 0 0 0; font-size: 1.2em; font-weight: bold; }
#payment_options dd { width: 650px; }

label.error { color: #B0171F; position: relative; top: -4em; left: 5em; }
#contact_us { width: 450px; float: left; padding: 10px 0 20px 20px; }
#contact_us_aside { width: 400px; float: left; padding: 15px 0 0 0; }
#contact_us_form { float: left; width: 350px; }
#form_intro { clear: both; padding: 1em 0 0 0; }
#confirmation_msg { padding: 0.5em; color: #abd76e; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 0.5em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 0.5em 0; }
#last_name { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { float: right; width: 400px; height: 300px; border: 1px solid #aaa; }
.vcard { padding: 2em 0 1em 0; clear: both; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.3em; font-weight: bold; }
.submit_btn { background-color: #ea23b1; color: #FFF; padding: 0.25em 1em 0.25em 1em; }
.clear { clear: both; }
#disclaimer { font-size: 0.85em; }

#admin_form { margin: 3em 0 0 2em; }
#admin_toolbar { float: right; margin: 1em 3em 0 0; }
#admin_toolbar a{ padding: 0 0.5em 0 0.5em; }
#progress_indicator { visibility: hidden; }
#edit_products_form { margin: 0 0 10px 0; }
.list_items { padding: 2em 1em 0.5em 2em; width: 100%; }
.list_items td { padding: 0.25em; vertical-align: top; }
.row_on { background-color: #EEE; }
.list_button { width: 10%; }
.list_guestbook_date{ width: 20%; }
.list_guestbook_name { width: 30%; }
.list_guestbook_status{ width: 20%; }
.list_product_photo { width: 20%; }
.list_product_name { width: 25%; }

footer { margin: 0 auto; width: 887px; height: 28px; padding: 0 0 0 15px; color: #FFF; clear: both; background: #abd76e url("../_images/background.png"); font-size: 0.85em; text-align: left; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited  { color: #FFF; }
footer a:hover  { color: #EEE; }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../_images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}