/* Header */
#logo {float:left}
#company_name {padding:10px 0px 0px 15px; float:left}
#slogan {padding-top:5px}
#key_visual {margin-right:0px; margin-left:5px; float:right}

/* Product list */
#product_list ul {margin-left:0px; width:100%}
#product_list li {display:inline; float:left; width:180px; height:390px; margin:10px 8px 10px 0px}
#product_list li a {text-align:left; color:#696969}
#product_list .title {height:40px; text-align:center; font-size:120%; font-weight:bold}
#product_list .image {width:180px; height:180px}
#product_list .list_description {font-size:110%; height:120px; width:180px}
#product_list .price_details {text-align:center}
#product_list .price {color:#FC7C39; font-size:120%; text-align:center}
#product_list .findoutmore {text-align:center}
#product_list .button {margin:0px 0px 0px 22px}

#product_list.featured li {height:250px}

/* Product item */
#product_item {width:100%}
#product_item h1 {text-align:left; padding-bottom:10px}
#product_item #description {font-size:120%; margin-left:320px}
#product_item .price {color:#FC7C39}
#product_item #otherprices {font-size:70%; padding-top:10px; padding-bottom:30px}
#product_item #delivery {font-size:55%}
#product_item #pictures {float:left}
#product_item #pictures #image_size {font-weight:bold; margin-top:-45px; margin-bottom:20px}
#pictures #large_picture img {width:300px; height:300px; margin:0px; padding:0px 20px 20px 0px}
#pictures .small_pictures img {padding:0; margin:0px 15px 22.5px 15px; border:1px solid #000000}
#product_item #description ul {list-style-type:disc; margin-left:20px}
#product_item #buttons {float:right; padding-top:15px}
#product_item #buttons p {padding-left:5px}
#product_item #buttons img {height:28px; width:65px}
#enlarge_image_button img {padding-left:90px}
#productAttributes {padding-bottom:10px}
#productAttributes label {font-weight:normal; font-size:80%}
#productAttributes a.sizehelp {font-style:italic; color:#FC7C39}
#productAttributes span.size_desc {font-weight:normal}
#productAttributes .attributesComments {float:none; width:auto; text-align:left}
#productAttributes div {padding-top:15px}
#cartAdd.field {width:auto; float:none}
#cartAdd.field input {margin:15px 15px 15px 0px}

/* Compliments */
#compliments {clear:both}
#compliments ul {margin-left:0px; padding-bottom:20px}
#compliments li {display:inline; float:left; width:180px; height:240px; margin:10px 20px 10px 0px}
#compliments a {text-align:left; color:#696969}
#compliments .title {height:40px; text-align:center; font-size:120%; font-weight:bold}
#compliments .image {width:180px; height:180px}
#compliments img {width:180px; height:180px}
#compliments .price {color:#FC7C39; font-size:120%; text-align:center}
#compliments .button {float:left; margin:0px 0px 0px 10px}

#singlestrawberries {width:100%; padding-bottom:10px; float:left}
#singlestrawberries ul {margin-left:0px; }
#singlestrawberries li {display:inline; float:left; width:150px; margin:5px 10px 5px 0px}
#singlestrawberries ul li div {float:left; }
#singlestrawberries .title {height:40px; text-align:center; font-size:120%; font-weight:bold; float:left}

#competition_default .prize {float:left; margin:15px 0px 10px 15px; width:200px; height:200px}
#competition_default #competitionform {padding-top:10px; clear:both}
#competition_default form {clear:both}
#corporate_sales img {margin-left:15px; margin-top:0.3em; margin-bottom:10px; float:right; width:200px; height:200px}
#about_our_arrangements img {margin-left:15px; margin-top:0.3em; margin-bottom:10px; float:right; width:200px; height:200px}
span.faq_question {color:#FC7C39; font-size:100%}
span.faq_answer {color:#696969; font-size:100%}
span.faq_answer a {color:#FC7C39; font-size:100%}

#contactus .field #instructions {float:left}
#contactus .field #instructionText {color:red; padding-left:4px}

.news_item {width:100%; float:left}
.news_item .news_item_text {width:75%; float:left; padding-right:2%}
.news_item .news_item_image img {width:20%; float:left; padding:0px 0px 20px 0px}

/* Login */
#logindefault form {padding-bottom:40px}
#login_account,#create_account {width:410px; background-color:#FFE6C4; margin-top:10px; margin-bottom:20px}
#login_account h2,#create_account h2 {background-color:#FC7C39; text-align:center; color:#ffffff}
#create_account p {padding:10px}
#create_account .formbutton {padding-right:20px}

#mypreviousorders table {width:100%}
#mypreviousorders table th {background-color:#FC7C39; text-align:center; color:#ffffff; font-weight:bold}
#mypreviousorders table td {background-color:#FED3BC; text-align:center}

#accountHistInfo table, #checkoutConfirmDefault table {width:100%; padding-bottom:30px}
#accountHistInfo table th, #checkoutConfirmDefault table th {background-color:#FC7C39; text-align:center; color:#ffffff; font-weight:bold}
#accountHistInfo table td, #checkoutConfirmDefault table td {background-color:#FED3BC; text-align:center}
#accountHistInfo table .ordertotal, #checkoutConfirmDefault table .ordertotal {text-align:right}
#accountHistInfo table .accountProductDisplay, #checkoutConfirmDefault table .cartProdTitle {text-align:left; padding-left:5px}

#shoppingcart_main {padding-bottom:50px}
#shoppingcart_main {min-height:300px}
#shoppingcart_main #help {float:right; padding-right:10px}
#shoppingcart_main table td .cartImage img {height:150px; width:150px}
#shoppingcart_main table td .cartProdDetails {text-align:left; padding-left:10px}
#shoppingcart_main table .cartQuantity {}
#shoppingcart_main table .cartQuantity input {background-color:#ffffff; text-align:center; float:none; margin-top:25px}
#shoppingcart_main table td .cartProductDisplay {text-align:left}
#shoppingcart_main table td img {float:right; padding:0px}
#shoppingcart_main table .cartRemoveItemDisplay a img {float:none}
#shoppingcart_main table .cartQuantityUpdate input {float:none}
#shoppingcart_main #shippingcost {clear:both}

#estshippingcost {padding-top:20px}
#estshippingcost table {padding-top:10px}
#estshippingcost table .shippingmethod {text-align:left; padding-left:10px}
#estshippingcost address {float:left; padding-left:10px}

#anotherpostcodechecker {padding:20px 0px 10px 0px; clear:both}
#anotherpostcodechecker label {width:auto; text-align:left}
#anotherpostcodechecker input {margin-bottom:8px}

#deliverydate {padding-top:10px}
#deliverydate label {float:none; width:auto; text-align:left}
#deliverydate .calendar {float:left; width:200px; margin:0px 10px 30px 0px}
#deliverydate .invalid {background-color:#FED3BC}
#deliverydate .valid {background-color:#FC7C39}
#deliverydate .valid a {color:#FFFFFF}
#deliveryinfo {float:left; clear:right}
#deliveryinfo .delinfo {float:none}
#deliveryinfo #deliveryunavailable a {font-style:italic}

#checkoutPayment #ot {padding-top:10px}
#checkoutPayment #ot table {width:280px}
#checkoutPayment #ot table td {text-align:left; padding:0px 5px 0px 5px}
#checkoutPayment #ot table .lineTitle {text-align:right; font-weight:bold}
#checkoutPayment #termsandconditions label {float:left; width:auto; text-align:left}
#checkoutPayment fieldset {clear:both}
#checkoutPayment .ccinfo label {width:180px}
#checkoutPayment .ccinfo .monthyeardropdown select {float:none}

#checkoutConfirmDefault hr {clear:both; background-color:#FED3BC; color:#FED3BC; border:0px}
#checkoutConfirmDefault #checkoutBillto, #accountHistInfo #checkoutBillto {float:left; width:48%; padding-right:4%; padding-bottom:20px}
#checkoutConfirmDefault #checkoutBillto #cardinfo {padding-top:20px}
#checkoutConfirmDefault #checkoutShipto, #accountHistInfo #checkoutShipto {float:left; width:48%; padding-bottom:20px}
#checkoutConfirmDefault #ordercomments, #accountHistInfo #ordercomments {padding-bottom:50px; clear:both}
#checkoutConfirmDefault #cartContentsDisplay {padding-top:10px}

#checkoutPayAddressDefault #defaultSelected address {padding:0px 0px 10px 25px}
#checkoutPayAddressDefault .addressOptions address {padding:0px 0px 10px 25px}
#checkoutShipAddressDefault #defaultSelected address {padding:0px 0px 10px 25px}
#checkoutShipAddressDefault .addressOptions address {padding:0px 0px 10px 25px}

#info_container {width:380px}
#info_container .invalid {background-color:#FED3BC; padding:0px 3px 0px 3px}
#info_container .valid {background-color:#FC7C39; color:#FFFFFF; padding:0px 3px 0px 3px}

#fruitfiestacompetition {padding-bottom:5px}

span.email {color:#FC7C39}
span.email a {color:#FC7C39}
#content_container span.highlight {color:#FC7C39}
#content_container span.highlight a, span.highlight a:link, span.highlight a:visited, span.highlight a:hover {color:#FC7C39}
span.divider {background:url(../images/divider.gif) center bottom no-repeat; padding:0px 2px}

.requiredtext {color:red; font-size:150%; padding-left:4px; padding-bottom:10px; padding-top:10px; font-size:90%}
.forgotpassword {padding-left:6px}
#content_container .alert, .alert {color:red; font-size:120%; padding-left:4px}
.more {color:#FC7C39}
.success {padding-bottom:220px}
.smalltext {font-size:55%}
.edit {float:right; color:#FC7C39; font-style:italic}
#content_container .edit a, #content_container .edit a:visited {color:#FC7C39}
#content_container #commentNote {float:left; padding-left:10px; width:130px}

.forgotton_password {text-decoration:none; color:#000000}
.christmas_wish {color:#51B54A; font-weight:bold; padding-bottom:10px}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {padding:0.2em}
.messageStackWarning, .messageStackError {color:#ff0000}
.messageStackSuccess {background-color:#009C00; color:#FFFFFF}
#content_container .messageStackSuccess a, #content_container .messageStackSuccess #content_container a:visited, #content_container .messageStackSuccess a:hover {background-color:#009C00; color:#000000}
.messageStackCaution {background-color:#FFFF66;color:#000000}
.ProtxDirectFormGadgetError {background:#FF6633}
.ProtxDirectCardIcon {margin-right:4px; margin-bottom:4px}
.ProtxDirect3DSecureIcon {margin-left:1em; margin-bottom:2em; float:right}
div#msu-wrapper {visibility:hidden}