/*
main purple: #332876
light purple: #8F89C2
dark grey: #636466
light grey: #BCBEC0
grey: #9D9FA1
*/
body { margin: 20px 0 20px 0; font-family: verdana; font-size: 11px; color: #636466; text-align: center; background: #808285 url(graphics/line_background.jpg) top left repeat-x; }
body a { color: #322876; text-decoration: none; font-weight: bold; }
.container { width: 770px; }
img { border: 0px; margin: 0px auto; }
hr { width: 100%; border: 1px dashed #A5AEC5; background-color: transparent; height: 1px; margin-top: 10px; margin-bottom: 0px; padding: 0px; }
td { font-family: verdana; font-size: 9px; color: #636466; }
h1, h1 a { color: #66669B; font-size: 10pt; font-family: Verdana; font-weight: bold; margin: 0px; text-decoration: none; }
h1 a:hover { color: #9D9FA1; }
h2 { color: #3F3D65; font-size: 16pt; font-family: Verdana; }
h3 { color: #332876; font-size: 10pt; font-family: Verdana; font-weight: bold; margin: 0px; }
h4 { color: #BCBEC0; font-size: 8pt; font-family: Verdana; font-weight: bold; margin: .67em 0; }
h5 { color: #808285; font-size: 11px; font-family: Verdana; font-weight: bold; margin: 0; }
h6 { color: #BCBEC0; font-size: 15pt; font-family: Verdana; font-weight: bold; margin: .67em 0; }
form { margin: 0px; }
.bigheader { color: #3F3D65; font-size: 26pt; font-family: Trebuchet MS; font-style: italic; }
.menuHeader { padding: 0px 10px 5px 0px; background-color: #D6DAE9; font-size: 10pt; }
.menuHeader a:link, .menuHeader a:visited { color: #6783B2; padding: 0px; font-family: verdana; }
.menuHeader a:active, .menuHeader a:hover { color: #6783B2; padding: 0px; }
#master { width: 770px; }
.menuDropInner { font-size: 8pt; width: 100%; color: #ffffff; padding: 5px; font-family: arial; text-align: left; }
.menuDropInner a { text-decoration: none; color: #ffffff; text-align: left; }
.menuDropInner a:hover { }
#menu_submenhold a { font-weight: normal; }
#menu1s, #menu2s, #menu3s, #menu4s, #menu5s, #menu6s, #menu7s, #menu8s, #menu9s { display: none; z-index: 3000; position: relative; float: left; clear: both; background-color: #322876; font-weight: normal; text-align: left; }
#menu1s a, #menu2s a, #menu3s a, #menu4s a, #menu5s a, #menu6s a, #menu7s a, #menu8s a, #menu9s a { font-weight: normal; }
#menu1s a:hover, #menu2s a:hover, #menu3s a:hover, #menu4s a:hover, #menu5s a:hover, #menu6s a:hover, #menu7s a:hover, #menu8s a:hover, #menu9s a:hover { color: #BBBDC0; }
#menu1s { left: 10px; }
#menu2s { left: 215px; width: 120px; }
#menu3s { left: 90px; width: 150px; background-color: #322876; z-index: 3; }
#menu4s { left: 310px; }
#menu5s { left: 395px; }
#menu6s { left: 470px; }
#menu7s { left: 570px; }
#menu9s { left: 580px; z-index: 3; width: 150px; }
.menu_submenhold { position: absolute; display: block; }
.checkout_notes, .checkout_notes td { font-weight: bold; vertical-align: top; font-size: 12px; }
.checkout_notes textarea { width: 200px; height: 50px; }
/*****************************************************************/
/* NEW TEMPLATE STYLES    DAVID                                  */
/*****************************************************************/
a.footlink:link, a.footlink:visited, a.footlink:active { color: #9D9FA1; text-decoration: none; font-size: 9px; }
a.footlink:hover { text-decoration: none; color: #332876; font-size: 9px; }
a.greylink:link, a.greylink:visited, a.greylink:active { color: #9D9FA1; font-weight: bold; text-decoration: underline; font-size: 9px; }
a.greylink:hover { text-decoration: none; color: #332876; font-size: 9px; }
a.linkgrey:link, a.linkgrey:visited, a.linkgrey:active { color: #9D9FA1; font-weight: bold; text-decoration: none; font-size: 9px; }
a.linkgrey:hover { text-decoration: none; color: #332876; font-size: 9px; }
a.lightpurplelink:link, a.lightpurplelink:visited, a.lightpurplelink:active { color: #8F89C2; font-weight: bold; text-decoration: none; font-size: 9px; }
a.lightpurplelink:hover { text-decoration: none; color: #332876; font-size: 9px; }
.inputTextArea, input[type="text"], input[type="password"], textarea, select { font-family: verdana; font-size: 7pt; vertical-align: middle; color: #636466; width: 150px; /*height: 20px;*/ border-style: outset; background-color: #EBECED; border-bottom: solid 1.5pt #DCDADA; border-right: solid 1.5pt #DCDADA; border-left: 0px; border-top: 0px; margin-left: 0px; padding: 4px 4px; visibility: inherit; text-align: left; line-height: normal; }
.inputTextArea, .txtbx, textarea, select { font-family: verdana; font-size: 7pt; vertical-align: middle; color: #636466; width: 150px; /*height: 20px;*/ border-style: outset; background-color: #EBECED; border-bottom: solid 1.5pt #DCDADA; border-right: solid 1.5pt #DCDADA; border-left: 0px; border-top: 0px; margin-left: 0px; padding: 4px 4px; visibility: inherit; text-align: left; line-height: normal; }
.inputTextArea_without_size { font-family: verdana; font-size: 7pt; vertical-align: middle; color: #636466; background-color: #EBECED; border: 0px; margin-left: 0px; padding-left: 5px; padding-top: 4px; visibility: inherit; }
select { width: auto; }
/*textarea { height: 6em; }*/
.select { font-family: verdana; font-size: 7pt; vertical-align: middle; color: #636466; margin-top: .67em; margin-bottom: .67em; background-color: #EBECED; border: 0px; margin-left: 0px; visibility: inherit; }
.light_purple { font-family: verdana; font-size: 7pt; color: #8F89C2; }
.purple { font-size: 8pt; color: #332876; }
.grey { font-size: 7pt; color: #636466; }
#menu { background-color: #322876; margin: 0px; vertical-align: top; padding-left: 10px; text-align: center; display: block; width: 760px; height: 23px; position: relative; z-index: 1; }
.menu1 { text-decoration: none; margin: 0px; padding: 0px; border: 0px; display: inline; float: left; }
#container { clear: both; padding: 0px; width: 770px; margin: 0px auto; display: block; text-align: center; }
#content { padding: 0px; width: 770px; margin: 0px 0px 0px 0px; display: block; text-align: center; background-color: White; float: left; }
#content-left { width: 156px; float: left; text-align: left; margin: 10px 0px 10px 10px; font-family: verdana; font-size: 10px; color: #636466; padding: 0px; }
#content-center { width: 418px; margin: 10px 10px 10px 10px; float: left; text-align: center; border-left: dashed 1pt #A5AEC5; border-right: dashed 1pt #A5AEC5; line-height: normal; display: block; }
#content-center-in { width: 398px; margin: 0px 10px 0px 10px; text-align: left; }
#content-right { width: 156px; float: left; margin: 10px 0px 0px 0px; text-align: left; }
#content-right img { }
#content-center-no-rightcol { width: 550px; margin: 10px 5px 5px 10px; float: left; text-align: left; border-left: dashed 1pt #A5AEC5; line-height: normal; overflow: hidden; }
#content-center-in-no-rightcol { width: 535px; margin: 0px 10px 0px 10px; float: left; text-align: left; }
#content-footer { width: 770px; background-color: White; border-top: solid 0px #808285; margin: 0px 0px 20px 0px; color: #332876; font-size: 9px; }
.template_clear { clear: both; }
#align_righ { text-align: right; width: 100%; }
/*****************************************************************/
li { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.prod_seperator { width: 100%; border: 1px solid #9D9FA1; background-color: transparent; height: 1px; }
input.viewcartquantity { width: 30px; text-align: center; }
.template_basketicon { margin: 0px 10px 0px 10px; }
.tenhighfiller { height: 10px; width: 100%; position: relative; z-index: 1; }
.viewcarttable { margin-left: 5px; }
.viewCartHeader { font-weight: bold; text-align: center; font-size: 12px; }
.viewCartItem { text-align: center; color: #322876; }
.viewCartItem a { text-decoration: none; color: #322876; font-weight: bold; }
.viewCartItem input { font-size: 10px; }
.viewCartTotal { text-align: right; /*padding-right: 27px;*/ font-weight: bold; }
#checkout_btn { float: right; }
#account_holder { margin: 0px 0px 0px 5px; }
#signup_holder { margin-left: 35px; }
#signup_holder_acc { }
#signup_holder input { margin-bottom: 5px; }
#signin_email_holder { margin-left: 70px; margin-bottom: 5px; }
#signin_password_holder { margin-left: 52px; }
#login_button { }
.pwretreive_input { width: 350px; }
#login_button { margin-left: 100px; margin-top: 5px; }
#signup_firstname_holder { margin-left: 43px; }
#signup_lastname_holder { margin-left: 44px; }
#signup_email_holder { margin-left: 68px; }
#signup_password_holder { margin-left: 50px; }
.enews_signupcheck { margin-top: 2px; }
.accounts_registerbutton { margin-left: 150px; }
#town_inputholder { margin-left: 0px; }
#postcode_holder { margin-left: 19px; }
#country_holder { margin-left: 13px; }
.account_menu { margin-right: 30px; }
.account_menu a { font-weight: bold; text-decoration: none; color: #00105A; }
.update_accdetails_holder input, .update_accdetails_holder select { margin-bottom: 5px; }
#update_register_button { margin-left: 150px; }
#update_acc_button { margin-left: 150px; margin-top: 10px; }
.acc_addressdetails input { margin-bottom: 5px; }
.contact_form_holder { text-align: left; }
.contact_form_col1 { float: left; width: 200px; border: 0px black solid; vertical-align: top; font-weight: bold; margin-bottom: 5px; text-align: right; }
.contact_form_col2 { float: left; width: 6px; border: 0px black solid; margin-bottom: 5px; }
.contact_form_col3 { float: left; width: 280px; border: 0px black solid; margin-bottom: 5px; text-align: left; }
.contact_text_box { font-family: Verdana; font-size: 10px; width: 250px; }
.contact_drop_down { font-family: Verdana; font-size: 10px; }
#products_pagenumbers { float: left; color: #322876; font-weight: bold; font-size: 11px; }
#products_pagenumbers a { color: #322876; text-decoration: none; }
.page_numbers_on { color: black; }
.products_pagebuttons { float: left; }
.prodlist_nextbutt { float: left; margin-left: 10px; margin-top: 5px; }
.prodlist_prevbutt { margin-right: 8px; margin-top: 5px; }
.viewCartgotocheckout img { margin-top: 20px; float: left; }
/*#delivery_discount_holder { display: none; }*/
#checkout_totalamount { font-size: 12px; }
.menu_item { height: 20px; padding: 6px 4px 0px 5px; color: white; text-align: left; display: block; }
.menu_item a { color: white; text-decoration: none; }
#menu_goshopping { display: none; position: absolute; top: 180px; left: 320px; width: 170px; background-color: #322876; }
#menu_subholder { }
#products_related_holder { }
.products_related_item { float: left; border: 0px black solid; width: 33%; text-align: center; height: 150px; vertical-align: bottom; }
.products_related_name { color: #66669B; font-size: 8pt; font-family: Verdana; font-weight: bold; }
.products_related_img { border: 0px black solid; }
/* new drop down menu 2008-08-26 Liwen */
#main_navi { width: 100%; background-color: #322876; text-align: left; }
#main_navi a { color: #fff; font-weight: normal; display: block; margin: 0; padding: 3px 0 5px 0; font-size: 8pt; background-color: #322876; height: 1%; }
#main_navi a:hover { color: #bbb; }
#main_navi ol, #main_navi ol li { list-style: none; margin: 0; padding: 0; }
#main_navi ol li a.subtitle { text-align: center; width: 100%; }
#main_navi ol { width: 110px; float: left; }
#main_navi li { position: relative; }
#main_navi ol ol { position: absolute; top: 100%; left: 0; z-index: 500; display: none; }
#main_navi ol ol a { padding: 3px 5px 5px; }
#main_navi ol li:hover ol { display: block; }
#main_navi ol ol.menu_goShopping { width: 180px; }
#main_navi ol ol.menu_farm { width: 120px; }
#main_navi ol ol.menu_info { width: 200px; }
#main_navi ol ol.menu_help { width: 170px; }
.viewCartTotal table { float: right; }
.viewCartTotal table td { font-size: 12px; }
.sumvalues { width: 50px; }
.viewCartItem { vertical-align: top; font-size: 11px; padding: 2px; }
th.viewCartHeader { padding: 2px 2px 10px; }
.right { text-align: right; }
.address address { font-size: 11px; }
.address strong { font-size: 12px; }
address { font-style: normal; }
.cc_logos { margin: 10px 0 0; }

.acc_addressdetails ul { list-style: none; padding: 0; margin: 0; }
.acc_addressdetails li { margin: 0; padding: 0; overflow: hidden; clear: both; height: 100%; }
.acc_addressdetails label { float: left; width: 109px; text-align: right; margin: 0 4px 0 0; display: block; }
.acc_addressdetails input, .acc_addressdetails select { float: left; margin: 0 0 5px; }
.acc_addressdetails .lblcopyAddress { width: auto; }
#formsubmit { }