*{margin:0; padding:0;}
html{height: 100%;}
body{font:12px arial; color:#545454; line-height:1.2; height: 100%;}
img{border:none;}
a{outline:none; color:#0468b6;}
a:hover{text-decoration:none;}
:focus{outline:none; -moz-outline-style:none;}
ul li{list-style: none;}
.clear{clear:both;}
h1{font-size:24px; font-weight:normal;}
h2{font-size:19px; font-weight:normal;}
h3{font-size:14px; font-weight:normal;}
a span{cursor:pointer;}
strong, b {font-weight: bold;}
table {width: 100%; border-collapse: collapse;}
.hand {cursor: pointer;}

.header {height: 47px; background: #2c2c2c url("../img/header_bg.gif") repeat-x; padding-top: 8px;}
.body {background: #f5f6f8; min-height: 200px; padding-top: 15px; padding-bottom: 15px;}
.center_contents {width:990px; margin:0 auto; text-align:left;}

.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -107px; background: #f5f6f8; }

.header .logo {width: 170px; float: left; padding-top:4px;}
.header .logo img {width: 153px; height: 27px;}
.header .search {width: 530px; float: left;}
.header .search .search_input { border: 0 none; color: #a2a2a2; width: 480px; height: 24px; padding: 6px 15px 6px 20px;  -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; }
.header .search .search_button {cursor:pointer; width:14px; height:16px; margin-left: -32px;}
.header .hint {background: url("../img/point_left.gif") no-repeat left 5px; padding: 9px 0 10px 30px; color: #ffffff; float: left; font-size: 14px;}
.box {background: #ffffff; margin-bottom: 20px; border: 1px solid #e9e9e9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px #dfdbdb; -moz-box-shadow: 1px 1px 2px #dfdbdb; box-shadow: 2px 2px 6px #dfdbdb; }

.load {z-index: 100000; position: fixed; top: 0; width: 100%; background: #fe3232; height: 3px;}

.box .box_header {text-align: center; border-bottom: 1px solid #dedede; padding: 2px 0 4px 0; height: 24px;}
.box .deals_list {height: 360px; overflow-y: scroll; margin-top: 3px;}

.top_nav, .sticky_nav {background: #f9f9f9 url("../img/filter_bg.gif") repeat-x bottom; height: 55px; padding-top: 5px;}
.top_nav h3, .sticky_nav h3 {float: left; padding-right: 20px; padding-top: 10px;}
.top_nav .filter {width: 600px; float: left;}
.top_nav .account {width: 390px; text-align: right; float: left;}
.sticky_nav {background: #f9f9f9; border-bottom: 1px solid #d0d0d0; position: fixed; top: -60px; transition: 0.2s top ease-in; width: 100%; height: 48px;}
.sticky_nav.visible {top: 0; z-index: 1000;}
.sticky_nav .content_wrapper { padding: 0; margin: 0; display: table;}

.sticky_nav .content_wrapper .filter, .sticky_nav .content_wrapper .account {display: table-cell; width:1%; white-space:nowrap;}
.sticky_nav .content_wrapper .search {width: auto;}
.sticky_nav .content_wrapper .search input[type="text"] {border: 1px solid #828282; color: #545454; width: 80%; height: 24px; padding: 6px 15px 6px 20px;  -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px;}
.sticky_nav .content_wrapper .search input[type="image"] {cursor:pointer; width:14px; height:16px; margin-left: -30px;}


.white_top .top_nav {height: 48px;}
.white_top .top_nav {background: #f9f9f9 url("../img/filter_bg_white.gif") repeat-x bottom; }
.index_map {height: 400px; width: 990px; position: relative;}
.index_map .box_header {height: 24px; padding-top: 5px;}
.index_map .left {width: 234px; float: left; margin-right: 6px;}
.index_map .right {float: left;}
.index_map .deal {border: 1px solid #999999; padding: 2px; padding-right: 10px; margin: 6px 2px 6px 2px; width: 182px; cursor: pointer;}
.index_map .deal .num {position: absolute; width: 17px;}

#signin_block, #signup_block, #proceedCart, .trans {display: none;}
.location_alert {background: #e7e7e7; border-bottom: 1px solid #cfcfcf; padding: 10px 0 15px 0;  text-align: center; width: 100%; display: none; position: fixed; top: 0; z-index: 1000; }
.location_alert .text_input {font-size: 16px; padding: 4px;}
.trans {position: absolute; width: 200px; left: 10px;}

.advice {background-color: #ffffff;  border: 1px solid #dddddd; position: absolute; text-align: left; z-index: 500; margin-left: 6px; margin-top: 6px; display: none;}
.advice li {padding: 3px 5px 3px 5px; color: #999999; font-weight: normal; cursor: pointer;}
.advice li.active {background-color: #d0d0d0;}

.text_input {padding: 6px; border: 1px solid #cdcdcc; font-size: 18px; color: #747475; width: 220px}
.text_input.empty {color: #b1b1b1;}

.login button {width: 235px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.login input[type=checkbox] {margin-right: 3px;}
.login span {display: block; font-size: 14px;}

.map_offer {border-bottom: 1px solid #999999; padding: 10px 0 10px 10px;}
.map_offer .link {padding-bottom:5px;}
.map_offer .image {width: 85px; height: 55px; position:relative; float: left;}
.map_offer .image a {width: 100%; text-align: center; position: absolute; bottom: 5px;}
.map_offer .image img {}
.map_offer .info {width: 100px; height: 55px; float: left;}
.map_offer .info .price {font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 7px;}

.map_open_offer {padding: 5px; text-align:left;}
.map_open_offer .close, .map_open_cluster .close, .map_open_product .close, .map_open_special .close, .location_alert .close {position: absolute; top:0; right: 0; width: 20px; height: 20px; background: url("../img/close-button.png") no-repeat 3px 7px; cursor: pointer;}
.map_open_offer .image {width: 60px; height: 60px; vertical-align: bottom; padding: 0 10px 5px 5px;}
.map_open_offer .info {text-align: left;}
.map_open_offer .price {font:18px arial; font-weight: bold; padding-bottom: 4px;}
.map_open_offer .address, .map_open_product .address, .map_open_product .shop_name, .map_open_product .hours .map_open_cluster .address, .map_open_cluster .phone, .map_open_offer .link a, .map_open_cluster .link a, .cluster_deal a, .map_open_special .shop_name, .map_open_special .product_link a, .map_open_special .special_desc {font:12px arial; /*damn google*/}

.map_open_cluster {padding: 5px; text-align:left; margin-right: 15px;}
.map_open_cluster .cluster_offer {padding: 5px 0 5px 0;  border-bottom: 1px dashed #dad9d9; }
.map_open_cluster .cluster_deal {padding: 0px 0 10px 0;  border-bottom: 1px dashed #dad9d9; }
.map_open_cluster .cluster_deal img, .map_open_offer .cluster_deal img {padding-bottom: 5px;}
.map_open_cluster .image {height: 50px; width: 60px; position:relative; float: left;}
.map_open_cluster .info {float: left;}
.map_open_cluster .info .price, .map_open_product .price {font: bold  24px arial; float: left; padding-right: 8px; margin-top: 3px;}

.map_open_product {padding: 5px; text-align:left; }
.map_open_product .seller_name, .map_open_cluster .seller_name  {height: 30px; width: 180px; background-color: transparent; background-position: right bottom 3px; background-repeat: no-repeat;}
.map_open_cluster .seller_name {background-position: left 80px bottom 3px; width: 210px;}
.map_open_product .shop_name {font-size: 14px; padding-bottom: 4px;}
.map_open_product .seller_name {padding-top: 6px;}

.map_open_special {text-align: left; margin-right: 15px;}
.map_open_special .shop_name {text-align: center; font: bold 14px arial; padding-top: 6px;}
.map_open_special .map_special {padding-top: 10px; border-bottom: 1px dashed #dad9d9; padding-bottom: 10px;}
.map_open_special .map_special .product_image {width: 95px; float: left; text-align: center; }
.map_open_special .map_special .product_link {width: 300px; white-space: normal; padding-right: 10px;}
.map_open_special .map_special .special_desc {font: normal 16px arial; }
.map_open_special .view_more,  .cluster_specials .view_more {padding: 10px;}
.map_open_special .view_more a,  .cluster_specials .view_more a {font: normal 14px arial;}
.map_open_cluster .cluster_specials .shop_name {font: normal 14px arial; padding: 3px;}

.index_popular {padding: 0;}
.index_popular .box_header {padding: 8px;}
.index_popular h2 {width: 150px; float: left;}
.index_popular ul {float: right; padding: 5px 15px 0 0;}
.index_popular ul li {float: left; padding: 0 15px 0 15px; font-size: 14px; color: #878787; height: 40px; cursor: pointer;}
.index_popular ul li.active {background: url("../img/active_arrow.gif") no-repeat center 27px;}
.index_popular .popular {/*border-top: 1px solid #e9e9e9;*/ width: 990px; overflow: hidden;}
.index_popular .popular .container {width: 5000px;}
.index_popular .popular .item {width: 990px; float: left; height: 300px;}
.index_popular .popular .img {float: left; width: 450px; padding-left: 50px; }
.index_popular .popular .name {float: left; width: 400px; height: 300px; padding-top: 30px; }
.index_popular .popular .name a {font-size: 40px; color: #fe3232; text-decoration: none}
.index_popular .popular .name a:hover {text-decoration: underline}

.footer, .push {height: 100px;}
.footer {background: #e7e7e7 url("../img/footer_bg.gif") repeat-x; border-top: 1px solid #cfcfcf; padding-top: 5px;}
.footer .first_line {padding-top: 10px; border-bottom: 1px solid #d9d9d9; height: 55px;}
.footer .first_line .social {float: left;}
.footer .first_line .links {float: right; padding-top: 8px;}
.footer .first_line .links li {float: left; padding: 7px;}
.footer .first_line .links li a {color: #545454}
.footer .second_line {height: 25px; border-top: 1px solid #f9f9f9; padding-top: 8px; text-align: center;}

.marker {position: absolute; cursor: pointer;}
.marker .content_wraper {border: 1px solid #fe3434; background: #ffffff; border-radius: 5px; box-shadow: inset 2px 2px 6px #dfdbdb;}
.marker .content {padding: 3px; font-size: 14px; border: 1px solid #f88480; border-radius: 4px; text-align: center; font-family:arial; white-space: nowrap; }
.marker .content .cheapest {font: bold 16px arial; margin-top: -1px;}
.marker .arrow_down {background: url("../img/marker_base.png") no-repeat; width: 30px; height: 10px; margin-left: 10px;}
.marker .cluster_name {font:14px arial;}
.marker.cluster .content {padding: 5px;}
.marker.cluster .arrow_down {background: url("../img/cluster_base.png") no-repeat; width: 60px; height: 24px; margin-left: -8px;}

.deal {position: relative;}
.deal .marker {top: -5px;}

.dropdown_wrapper {white-space: nowrap; display: inline-block; float: left; position: relative; margin: 1px 5px 1px 1px; padding: 9px 25px 9px 15px; background: #f0f2ed url("../img/arrow_down.gif") no-repeat right 15px; cursor: pointer; border: 1px solid #dadadc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.dropdown_wrapper span {font-weight:bold;}
.dropdown_wrapper .dropdown {position: absolute; min-width: 130px; top: 100%; left: -1px; border: 1px solid #dadadc; background: white; list-style: none; visibility: hidden; pointer-events: none;}
.dropdown_wrapper .dropdown li {display: block; color: #333; padding: 10px 10px 10px 25px; white-space: nowrap; vertical-align: middle; background-color: #fff;}
.dropdown_wrapper .dropdown li a {text-decoration: none; color: #333;}
.dropdown_wrapper .dropdown li a:none {text-decoration: none;}
.dropdown_wrapper .dropdown li.active {background: url("../img/check.png") no-repeat left center;}
.dropdown_wrapper .dropdown li:hover, .dropdown_wrapper.categories .dropdown li.alldept:hover {background-color: #d0d0d0; }
.dropdown_wrapper.active .dropdown {visibility: visible; pointer-events: auto; z-index: 500;}
.dropdown_wrapper .dropdown .third_level {background: url("../img/arrow_right.gif") no-repeat right 10px top 4px; padding-right: 30px;}

.top_nav .dropdown_wrapper, .sticky_nav .dropdown_wrapper {background-color: transparent; border: none; padding-left: 0px; float: none; text-align: left;}
.dropdown_wrapper.cart span {background: url("../img/ico_cart.gif") no-repeat left top; padding-left: 26px; padding-top: 2px; color: #fe3232;}
.dropdown_wrapper.categories a {color: #545454; text-decoration: none;}
.dropdown_wrapper.categories a:hover {text-decoration: underline;}
.dropdown_wrapper.categories .dropdown li:hover {background-color: transparent; }

.dropdown_wrapper.cart .dropdown {height: 80px; width: 490px; margin-left: -355px;}
.dropdown_wrapper.cart .dropdown .loading, .cart_preview .empty_cart  {text-align: center; padding-top: 30px; font-size: 16px;}

.cart_preview {padding: 10px; cursor: auto;}
.cart_preview .shop_cart {width: 120px; float: left;}
.cart_preview .shop_image {height: 40px; background-color: transparent; background-position: center center; background-repeat: no-repeat;}
.cart_preview .totalprice {padding-top: 10px; color: #fe3232; font-size: 24px; font-weight: normal; padding-bottom: 2px; text-align: center;}
.cart_preview .shop_cart.retailer_aldi {width: 100px;}
.cart_preview .no_shop {text-align: center; padding-top: 10px;}
.cart_preview .shop_cart.missing .totalprice {color: #999999;}
.cart_preview .checkout {margin-top: 8px; padding-top: 10px; text-align: right; border-top: 1px dashed #dad9d9; }

.cart_preview .shop_cart.retailer_coles .missing {padding-left: 18px;}
.cart_preview .shop_cart.retailer_woolworths .missing {padding-left: 4px;}
.cart_preview .shop_cart.retailer_aldi .missing {padding-left: 20px;}
.cart_preview .shop_cart.retailer_harrisfarm .missing {padding-left: 10px;}

.carts table td {width: 25%; border-bottom: 1px dashed #d6d6d6;}
.carts .retailer {height: 25px; background-color: transparent; background-position: center center; background-repeat: no-repeat; vertical-align: bottom;}
.carts td {padding: 10px; vertical-align: top;}
.carts .right_border {border-right: 1px solid #d6d6d6;}
.carts .retailer.aldi.no_shop {background-position: left -10px center; padding-left: 90px;}
.carts .retailer.coles.no_shop {background-position: left center; padding-left: 120px;}
.carts .retailer.woolworths.no_shop {background-position: left 8px center; padding-left: 140px;}
.carts .retailer.harrisfarm.no_shop {background-position: left 10px center; padding-left: 135px;}

.carts .checkout{border-bottom: none; text-align:center;}
.carts .discounts {padding-bottom: 8px; font-size: 12px; height: 20px;}
.carts .discounts span {color: #fe3232; font-size: 18px; }
.carts .total {padding-bottom: 8px; font-size: 16px;}
.carts .total span {color: #fe3232; font-size: 24px; }
.carts .empty_cart {padding: 15px; font-size: 14px;}
#productReplace {height: 300px; overflow-y: scroll;}

.cart_edit .edit_button {display: block; float: left; width: 18px; height: 18px; border: 1px solid #979797; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; cursor: pointer; text-decoration: none; margin: 1px 5px 0 0 ; }
.cart_edit .center {float: left; width: 60px;}
.cart_edit .edit_button.delete {background: #fff url("../img/cart_buttons.gif") no-repeat 3px -23px;}
.cart_edit .edit_button.minus {background: #fff url("../img/cart_buttons.gif") no-repeat 3px 5px;}
.cart_edit .edit_button.plus {background: #fff url("../img/cart_buttons.gif") no-repeat 3px -7px;}
.cart_edit .add_to_cart {background-color: transparent; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; cursor: pointer; color: #545454; font-size: 16px; padding-left: 5px;}
.cart_edit .weight_wrapper {display: none;}
.cart_edit .weight_wrapper input[type="text"] {width: 85px; height: 22px; font-size: 14px; padding-top: 0; border: 1px solid #979797;}
.cart_edit .weight_wrapper input[type="text"].empty {color: #b1b1b1;}
.cart_edit .weight_wrapper button {display: inline; float: none; width: auto; height: 22px; padding-bottom: 4px; background: #ffffff; color: #545454;}
.cart_edit .weight_wrapper span {padding: 0 3px 0 0;}
.cart_edit .weight_in_cart {float: left; width: 100px;}
.product_offer .weight_in_cart {width: 160px;}

.product_cart .weight_wrapper .edit_button {margin-left: 10px;}
.product_cart .weight_wrapper .weight_in_cart {width:auto; font-size: 16px; padding-top:3px}

.carts .cart_edit {position: absolute; top: 50px; left: -10px; display: none; background-color: #f5f6f8; width: 140px; height: 25px; border: 1px solid #9b9b9b; border-left: none; font-size: 12px; padding:4px 0 0 9px; cursor: pointer}
.carts .cart_edit .center {padding-top: 2px;}
.carts .cart_edit .edit_button.delete {margin-left: 16px;}

.cart_product {height: 140px; position: relative;}
.cart_product .product_name a {text-decoration: none; color: #545454}
.cart_product .product_name a:hover {text-decoration: underline;}
.cart_product .product_unit {padding-bottom: 3px;}
.cart_product .product_image {width: 85px; height: 80px; float: left;}
.cart_product .replacement {position:absolute; bottom: 0px; color: #fe3232}
.cart_product .cart_price {float: left; width: 120px; font-size: 16px; font-weight: bold;}
.prev_price {text-decoration: line-through !important; font-size: 12px !important; color: #fe3232}
.cart_product .cart_price .unit_price {padding-left: 10px; font-size: 12px; font-weight: normal;}
.cart_product .cart_price .in_cart {font-weight: normal; font-size: 12px; padding-top: 4px;}
.cart_product .cart_price .free_item {font-weight: normal; font-size: 12px; color: #fe3232}
.cart_product .cart_price .by_weight_unit {font-weight: normal; font-size: 12px;}
.cart_product .replace {display: none; position: absolute; bottom: 6px; right: 5px}
.cart_product .special_button {position: absolute; top: 109px; left: 0px; display: none;}
.cart_product:hover .replace, .cart_product:hover .selectreplace, .cart_product:hover .special_button {display: block;}
.cart_product .selectreplace {padding-top: 50px; text-align: center; display: none;}
.cart_product .no_product {height: 50px; text-align: center;}

.proceedCart h3 {display: block; padding-bottom: 14px;}
.proceedCart .dropdown_wrapper {padding: 8px 25px 8px 13px; width: 90px;}
.proceedCart .dropdown_wrapper#download_format {width:130px; display: none;}
.proceedCart .dropdown_wrapper span {font-weight:normal;}
.proceedCart .dropdown_wrapper .dropdown {z-index: 501;}
.proceedCart button {margin-top: 4px;}
.proceedCart .email_cart {width: 180px; display: none;}
.proceedCart #group_cart_div {padding: 5px 0 5px 0; display: none;}
.proceedCart #group_cart_div label {padding-left: 4px;}
.proceedCart #proceed_button {display: none;}

.category_submenu {display: none; position: absolute; width: 360px; height: 379px; left: 205px; top: -1px; border: 1px solid #dadadc; display: none; background-color: #fff; background-position: right bottom; background-repeat: no-repeat;}
.category_submenu.bread-and-bakery {background-image: url("../img/category1.jpg")}
.category_submenu.fruit-and-vegetables {background-image: url("../img/category2.jpg")}
.category_submenu.dairy-and-eggs {background-image: url("../img/category3.jpg")}
.category_submenu.meat-and-fish {background-image: url("../img/category4.jpg")}
.category_submenu.frozen-food {background-image: url("../img/category5.jpg")}
.category_submenu.packaged-meals {background-image: url("../img/category6.jpg")}
.category_submenu.drinks {background-image: url("../img/category7.jpg")}
.category_submenu.snacks-and-sweets {background-image: url("../img/category8.jpg")}
.category_submenu.baking {background-image: url("../img/category9.jpg")}
.category_submenu.pantry {background-image: url("../img/category10.jpg")}
.category_submenu.international {background-image: url("../img/category11.jpg")}

.category_submenu h2 {display: block; border-bottom: 1px solid #dadadc; padding: 15px; font: 16px arial; color:#fe3232;}
.category_submenu ul {width: 350px;}
.category_submenu li {float:left; width:130px;}
.category_submenu li:hover {background-color: #fff !important;}
.category_submenu li u {text-decoration: none;}
.category_submenu li u:hover {text-decoration: underline;}

.map_offers h1, .online_offers h1, .offers_list h1 {font-size: 18px; font-weight: bold; margin-bottom: 10px;}

.online_offers .product_offer {width: 227px; height: 300px; margin: 0 18px 20px 0; padding: 0; float: left; position: relative;}
.online_offers .product_offer .head, .specials_products_list .product_offer .head {border: none; padding: 10px 10px 5px 10px; }
.online_offers .product_offer .additional {font-size: 10px;}
.online_offers .product_offer .edit {display: none;}
.online_offers .product_offer .bottom {position: absolute; bottom: 0; width: 100%;}
.online_offers .product_offer .image, .specials_products_list .product_offer .image {width: 205px; height: 128px; display:table-cell; vertical-align:middle; text-align:center}
.online_offers .product_offer .link a, .specials_products_list .product_offer .link a {font-size: 14px;}
.online_offers .product_offer .unit {font-size: 12px;}
.online_offers .product_offer .price .min_price {font-size: 16px; font-weight: bold;}
.online_offers .product_offer .price .prev_price {text-decoration: line-through; font-size: 12px; color: #fe3232}
.online_offers .product_offer .unit_price {font-size: 12px; float: right;}
.online_offers .product_offer .price .unit_price {padding: 2px 10px 0 0;}
.online_offers .product_offer .price .special_unit_price {padding-left: 5px;}
.online_offers .product_offer .special_button .unit_price {padding: 7px 10px 0 0;}
.online_offers .product_offer .special_button {margin: 5px 0 0 10px;}
.online_offers .product_offer .price {margin: 5px 0 5px 10px;}
.online_offers .product_offer .cart_edit, .specials_products_list .product_offer .cart_edit {border-top: 1px solid #d5d5d5; background: #e1dfe0; text-align: center; font-size: 16px; height: 26px; padding: 5px 10px 0 15px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
.online_offers .product_offer .cart_edit .center, .specials_products_list .product_offer .cart_edit .center {float: left; width: 125px; margin-right: 5px;}
.online_offers .product_offer .cart_edit .add_to_cart, .specials_products_list .product_offer .cart_edit .add_to_cart  {padding-top: 0; width: 100%}
.offers_loading {height: 30px; text-align: center; font-size: 18px; padding:50px; display: none;}

.specials_products_list .product_offer {width: 227px; height: 229px; margin: 0 18px 20px 0; padding: 0; float: left;}
.specials_products_list .product_offer .link, .carts .product_name {overflow: hidden; position: relative; height: 32px;}
.specials_products_list .product_offer .link:after, .carts .product_name:after {content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 30px; height: 1em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);}
.specials_products_done {padding: 10px 10px 0 0; text-align: right; margin-top: 10px; border-top: 1px solid #999999;}

.similar .product_offer {height:220px; width: 227px}

.rating {width: 65px; height: 13px; background: url("../img/rating.png") 0 0; float: left; margin-right: 10px; overflow: hidden}
.rating div {height: 13px; background: url("../img/rating.png") 0 -13px;}

.product_info {background: #ffffff url("../img/filter_bg.gif") repeat-x bottom; padding-top: 10px;}
.product_info .title h1 {float: left; padding-right: 20px; font-size: 28px; padding-bottom: 20px;}
.product_info .title .product_unit {font-size: 14px; padding-left: 10px;}
.product_info .title .rating {float: left; margin-top: 16px; margin-right: 5px;}
.product_info .title .rating_reviews {padding-top: 16px;}
.product_info .links {height: 30px;}
.product_info .links li {float: left; padding-right: 20px; }
.product_info .td_images {width: 400px;}
.product_info .td_offers {vertical-align: top; height: 100px;}
.product_info .images {padding-bottom: 20px; width: 400px;}
.product_info .images .main_image {width: 320px; padding-top: 5px;}
.product_info .images .main_image div {text-align: center;}
.product_info .images ul {margin-top: 5px; width: 90%}
.product_info .images ul li{float: left; height: 50px; width: 50px; margin: 0 2px 0 2px; padding: 4px; border: 1px solid #e6eaea; cursor: pointer; line-height: 50px; text-align: center; vertical-align: middle; }
.product_info .images ul li.active {border: 1px solid #018bff;}
.product_info .images ul li img{vertical-align: middle;}
.product_info .details .min_price a {color: #fe3232;}
.product_info .details .min_price a span {font-size: 12px;}
.product_info .details .description {width: 500px; font-size: 14px; padding-top: 10px;}
.product_info .details .description ul {margin: 10px 0 15px 15px; font-size: 14px; }
.product_info .details .description li {list-style: disc; padding: 5px 0 5px 0}
.product_info .details .description .more_details {padding-top: 10px;}
.product_info .details .models label {display: block; float: left; padding-right: 10px; font-weight: bold; padding-top: 12px;}
.product_info .cart_edit {vertical-align: top;}
.product_info .cart_edit .center {padding-top: 2px;}
.product_info .cart_edit .delete {margin-left: 16px;}
.product_info .cart_edit .add_to_cart {background-color: #3870ff; border: none; color: #ffffff; padding: 5px 10px 5px 10px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; cursor: pointer; text-decoration: none; font-size:14px;}
.product_info .product_cart {padding-top: 10px;height: 30px;}
.product_info .location .location_text {font-size: 15px;}
.product_info .location .text_input {padding: 4px; font-size: 14px; width: 170px;}
.product_info .advice, .location_alert .advice {margin-top: 0}


.coles {background-image: url("../img/shop/coles.jpg");}
.woolworths {background-image: url("../img/shop/woolworths.jpg");}
.aldi {background-image: url("../img/shop/aldi.jpg");}
.harrisfarm {background-image: url("../img/shop/harrisfarm.jpg");}

.product_offers {idth: 580px;}
.product_offers .price {font-size: 20px;}
.product_offers .price .unit_price {font-size: 14px; height: 22px;}
.product_offers .retailer {width: 135px; float: left; vertical-align: bottom; text-align: center;}
.product_offers .retailer .retailer_logo {background-color: transparent; background-position: center center; background-repeat: no-repeat; height: 44px;}
.product_offers .retailer .retailer_logo.harrisfarm {background-position: center top 5px;}
.product_offers .special {position: static; height: 30px;}
.product_offers .special .special_desc {font-size: 14px; white-space: nowrap; padding-top: 26px}
.product_offers .prev_price {padding-top: 30px;}
.product_offers .price_info {height: 18px; color: #fe3232}
.product_offers .replacement_name {height: 30px;}
.not_available {font-size: 14px;}

button, .button {background-color: #8a8a8a; border: none; color: #ffffff; padding: 5px 10px 5px 10px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; cursor: pointer; text-decoration: none; font-size:14px;}
button.orange, .button.orange,  {background-color: #fb4530;}
button.blue, .button.blue {background-color: #3870ff;}

.box_head {font-size: 18px; padding-bottom: 10px ;}
.box .head {border-bottom: 1px solid #d5d5d5; font-size: 18px; padding: 10px 20px 10px 20px;}
.box .contents {padding: 10px 20px 10px 20px; border: 1px solid #e9e9e9;}
.box .contents p {padding-top: 5px;}

.review {padding-top: 20px; border-bottom: 1px solid #bbbbbb;}
.review.first{padding-top: 0;}
.review.last{border-bottom: none}
.review .review_info {height: 26px;}
.review .review_info span {font-weight:  bold; color: #0588fc}
.review .author {float: left;}
.review .rating {margin-left: 20px;}
.review .pros div {color: #0588fc}
.reviews_bottom {height: 30px; padding: 10px 10px 10px 20px; background-color: #f6f6f6}
.reviews_bottom #read_more {float: right; padding-top: 8px}

.add_review p {margin: 10px 0 5px 0;}
.add_review label {display: block; width: 120px;}
.add_review input[type="text"] {width: 200px;}
.add_review textarea {width: 460px; height: 100px;}

.intro {height: 210px; position: relative;}
.intro img {position: absolute; right: 0; bottom: -8px;}
.intro .contents {border-bottom: none;}
.intro .contents p {padding-bottom: 10px; font-size: 18px;}
.intro .contents p i {color: #fe3232; font-style: normal;}
.intro .partners {background: #fff url("../img/intro_logos.jpg") no-repeat left bottom; height: 79px; width: 660px;}
.search_error {padding: 20px 0 0 10px; font-size: 18px;}

.special {position: absolute; height: 31px; }
.special.x_for_y .x_for {width: 74px; text-align: center; font-size: 15px;}
.special.coles {width: 82px; background: transparent url("../img/coles_special.png") no-repeat left top; top: 10px; left: -2px;}
.special.woolworths {width: 82px; background: transparent url("../img/woolworths_special.png") no-repeat left top; top: 10px; left: -2px;}
.special.aldi {width: 82px; background: transparent url("../img/aldi_special.png") no-repeat left top; top: 10px; left: -2px;}
.special.harrisfarm {width: 82px; background: transparent url("../img/harrisfarm_special.png") no-repeat left top; top: 10px; left: -2px;}
.carts .special {top: 15px; left: -12px;}

.contactus, .terms {margin-top: 20px;}
.terms p {font-size: 14px; margin-bottom: 15px;}
.terms br {margin-bottom: 15px;}

form label {display: block; float: left}
.contactus form label {width: 120px; font-size: 16px; padding-top: 6px;}
.contactus form input {width: 387px; }
.contactus form textarea {width: 384px; height: 200px; padding: 8px;}
.contactus .contact_intro {font-size: 16px; padding-bottom: 20px;}


/* Messi CSS */
.messi-modal {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: #000;opacity: 0;}
.messi {position: absolute;padding: 0;margin: 0;font-size: 16px;text-shadow: none;}
.messi-box {position: relative;width: 500px;height: auto;padding: 8px; /*erock 4 popup tips overflow: hidden;*/background-color: rgba(204, 204, 204, 0.2);border-radius: 6px;opacity: 1;box-shadow: 0 0 1em #444;}
.messi-wrapper {position: relative;background-color: #fff;border-radius: 5px;}
.messi-titlebox {padding: 10px;overflow: hidden;font: 1.3em bold helvetica, arial;color: #fff;text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.25);background-color: #3b3b3b;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #3b3b3b), color-stop(0.75, #575757));background-image: linear-gradient(bottom, #3b3b3b 25%, #575757 75%);background-image: -moz-linear-gradient(bottom, #3b3b3b 25%, #575757 75%);background-image: -o-linear-gradient(bottom, #3b3b3b 25%, #575757 75%);background-image: -webkit-linear-gradient(bottom, #3b3b3b 25%, #575757 75%);background-image: -ms-linear-gradient(bottom, #3b3b3b 25%, #575757 75%);-webkit-border-radius: 5px 5px 0 0px;        border-radius: 5px 5px 0 0px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 0;-moz-border-radius-bottomleft: 0;-moz-border-radius-topleft: 5px;}
.messi-titlebox.info {background-color: #4ea5cd;background-image: none;}
.messi-titlebox.error {background-color: #de4343;background-image: none;}
.messi-titlebox.warning {background-color: #eaaf51;background-image: none;}
.messi-titlebox.success {background-color: #61b832;background-image: none;}
.messi-closebtn {position: absolute;top: 8px;right: 8px;display: block;width: 25px;height: 25px;color: #333;cursor: pointer;background-color: #fff;border: 1px solid rgba(255, 255, 255, .1);border-radius: 40px;}
.messi-closebtn:before {position: relative;top: 2px;display: block;width: 25px;text-align: center;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);content: '\00D7';}
.messi-content {padding: 10px;/*erock 4 popup tips overflow: hidden*/;font: .9em normal helvetica, arial;}
.messi-content p {margin: 0 0 1.3em;line-height: 1.3em;}
.messi-content .messi-closebtn {top: 7px;font: 1.3em bold helvetica, arial;color: #fff;background-color: #333;opacity: 0;-webkit-transition: opacity .25s linear, visibility .1s linear .5s;   -moz-transition: opacity .25s linear, visibility .1s linear .5s;     -o-transition: opacity .25s linear, visibility .1s linear .5s;        transition: opacity .25s linear, visibility .1s linear .5s;}
.messi-content:hover .messi-closebtn {opacity: 1;}
.messi-footbox {width: 100%;height: 55px;overflow: hidden;}
.messi-actions {display: -webkit-box;display: -moz-box;display: box;padding-top: 8px;margin: 0 10px;border-top: 1px solid #eee;-webkit-box-orient: horizontal;   -moz-box-orient: horizontal;        box-orient: horizontal;}
.messi-actions .btnbox {text-align: center;-webkit-box-flex: 1;   -moz-box-flex: 1;        box-flex: 1;}
.messi-actions .btnbox .btn {min-width: 75px;}
.messi-titlebox.anim {background-color: #666;background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.05)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.05)), color-stop(0.75, rgba(255, 255, 255, 0.05)), color-stop(0.75, transparent), to(transparent));background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);-webkit-background-size: 40px 40px;   -moz-background-size: 40px 40px;        background-size: 40px 40px;-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);   -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);-webkit-animation: animate-bg 5s linear infinite;   -moz-animation: animate-bg 5s linear infinite;}
.messi-titlebox.anim.info {background-color: #4ea5cd;}
.messi-titlebox.anim.error {background-color: #de4343;}
.messi-titlebox.anim.warning {background-color: #eaaf51;}
.messi-titlebox.anim.success {background-color: #61b832;}
@-webkit-keyframes animate-bg {from {  background-position: 0 0;}to {  background-position: -80px 0;}}
@-moz-keyframes animate-bg {from {  background-position: 0 0;}to {  background-position: -80px 0;}}
.messi .btn {display: inline-block;*display: inline;padding: 4px 10px 4px;margin-bottom: 0;*margin-left: .3em;font-size: 13px;line-height: 26px;color: #333;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;background-color: #f5f5f5;*background-color: #e6e6e6;background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(top, #ffffff, #e6e6e6);background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-repeat: repeat-x;border: 1px solid #cccccc;*border: 0;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color: #b3b3b3;-webkit-border-radius: 4px;   -moz-border-radius: 4px;        border-radius: 4px;filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);*zoom: 1;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.messi .btn:hover, .messi .btn:active, .messi .btn.active,.messi .btn.disabled, .messi .btn[disabled] {background-color: #e6e6e6;*background-color: #d9d9d9;}
.messi .btn:active, .messi .btn.active {background-color: #cccccc \9;}
.messi .btn:first-child {*margin-left: 0;}
.messi .btn:hover {color: #333333;text-decoration: none;background-color: #e6e6e6;*background-color: #d9d9d9;background-position: 0 -15px;-webkit-transition: background-position 0.1s linear;   -moz-transition: background-position 0.1s linear;    -ms-transition: background-position 0.1s linear;     -o-transition: background-position 0.1s linear;        transition: background-position 0.1s linear;}
.messi .btn:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.messi .btn.active, .messi .btn:active {background-color: #e6e6e6;background-color: #d9d9d9 \9;background-image: none;outline: 0;-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);   -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}
.messi .btn-primary, .messi .btn-primary:hover, .messi .btn-warning, .messi .btn-warning:hover, .messi .btn-danger, .messi .btn-danger:hover, .messi .btn-success, .messi .btn-success:hover, .messi .btn-info, .messi .btn-info:hover, .messi .btn-inverse, .messi .btn-inverse:hover {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.messi .btn-primary.active, .messi .btn-warning.active, .messi .btn-danger.active, .messi .btn-success.active, .messi .btn-info.active, .messi .btn-inverse.active {color: rgba(255, 255, 255, 0.75);}
.messi .btn {border-color: #ccc;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.messi .btn-primary {background-color: #0074cc;*background-color: #0055cc;background-image: -ms-linear-gradient(top, #0088cc, #0055cc);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);background-image: -o-linear-gradient(top, #0088cc, #0055cc);background-image: -moz-linear-gradient(top, #0088cc, #0055cc);background-image: linear-gradient(top, #0088cc, #0055cc);background-repeat: repeat-x;border-color: #0055cc #0055cc #003580;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.messi .btn-primary:hover, .messi .btn-primary:active, .messi .btn-primary.active, .messi .btn-primary.disabled, .messi .btn-primary[disabled] {background-color: #0055cc;*background-color: #004ab3;}
.messi .btn-primary:active, .messi .btn-primary.active {background-color: #004099 \9;}
.messi .btn-warning {background-color: #faa732;*background-color: #f89406;background-image: -ms-linear-gradient(top, #fbb450, #f89406);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image: -webkit-linear-gradient(top, #fbb450, #f89406);background-image: -o-linear-gradient(top, #fbb450, #f89406);background-image: -moz-linear-gradient(top, #fbb450, #f89406);background-image: linear-gradient(top, #fbb450, #f89406);background-repeat: repeat-x;border-color: #f89406 #f89406 #ad6704;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.messi .btn-warning:hover, .messi .btn-warning:active, .messi .btn-warning.active, .messi .btn-warning.disabled, .messi .btn-warning[disabled] {background-color: #f89406;*background-color: #df8505;}
.messi .btn-warning:active, .messi .btn-warning.active {background-color: #c67605 \9;}
.messi .btn-danger {background-color: #da4f49;*background-color: #bd362f;background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);background-image: linear-gradient(top, #ee5f5b, #bd362f);background-repeat: repeat-x;border-color: #bd362f #bd362f #802420;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.messi .btn-danger:hover, .messi .btn-danger:active, .messi .btn-danger.active, .messi .btn-danger.disabled, .messi .btn-danger[disabled] {background-color: #bd362f;*background-color: #a9302a;}
.messi .btn-danger:active, .messi .btn-danger.active {background-color: #942a25 \9;}
.messi .btn-success {background-color: #5bb75b;*background-color: #51a351;background-image: -ms-linear-gradient(top, #62c462, #51a351);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image: -webkit-linear-gradient(top, #62c462, #51a351);background-image: -o-linear-gradient(top, #62c462, #51a351);background-image: -moz-linear-gradient(top, #62c462, #51a351);background-image: linear-gradient(top, #62c462, #51a351);background-repeat: repeat-x;border-color: #51a351 #51a351 #387038;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.messi .btn-success:hover, .messi .btn-success:active, .messi .btn-success.active, .messi .btn-success.disabled, .messi .btn-success[disabled] {background-color: #51a351;*background-color: #499249;}
.messi .btn-success:active, .messi .btn-success.active {background-color: #408140 \9;}
.messi .btn-info {background-color: #49afcd;*background-color: #2f96b4;background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);background-image: linear-gradient(top, #5bc0de, #2f96b4);background-repeat: repeat-x;border-color: #2f96b4 #2f96b4 #1f6377;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.messi .btn-info:hover, .messi .btn-info:active, .messi .btn-info.active, .messi .btn-info.disabled, .messi .btn-info[disabled] {background-color: #2f96b4;*background-color: #2a85a0;}
.messi .btn-info:active, .messi .btn-info.active {background-color: #24748c \9;}
.messi .btn-inverse {background-color: #414141;*background-color: #222222;background-image: -ms-linear-gradient(top, #555555, #222222);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));background-image: -webkit-linear-gradient(top, #555555, #222222);background-image: -o-linear-gradient(top, #555555, #222222);background-image: -moz-linear-gradient(top, #555555, #222222);background-image: linear-gradient(top, #555555, #222222);background-repeat: repeat-x;border-color: #222222 #222222 #000000;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.messi .btn-inverse:hover, .messi .btn-inverse:active, .messi .btn-inverse.active, .messi .btn-inverse.disabled, .messi .btn-inverse[disabled] {background-color: #222222;*background-color: #151515;}
.messi .btn-inverse:active, .messi .btn-inverse.active {background-color: #080808 \9;}
button.messi .btn, input[type="submit"].messi .btn {*padding-top: 2px;*padding-bottom: 2px;}
.messi button {cursor: pointer;-webkit-appearance: button;}
button.messi .btn::-moz-focus-inner {padding: 0;border: 0;}