/*
 *   Fonts
 */

@font-face {
    font-family:"HaginCapsMedium";
    src: url("/fonts/Hagin_Caps_Medium.svg#HaginCapsMedium") format("svg"),
         url("/fonts/Hagin_Caps_Medium.eot?") format("eot"),
         url("/fonts/Hagin_Caps_Medium.woff") format("woff"),
         url("/fonts/Hagin_Caps_Medium.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('/fonts/gillsans-webfont.eot');
    src: url('/fonts/gillsans-webfont.svg#gillsans') format('svg'),
         url('/fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/gillsans-webfont.woff2') format('woff2'),
         url('/fonts/gillsans-webfont.woff') format('woff'),
         url('/fonts/gillsans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Bold';
	src: url('/fonts/GillSans-Bold.eot');
	src: url('/fonts/GillSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSans-Bold.woff') format('woff'),
		url('/fonts/GillSans-Bold.ttf') format('truetype'),
		url('/fonts/GillSans-Bold.svg#GillSans-Bold') format('svg');
	font-weight: 300;
	font-style: normal;
}


/*
 *   Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:700;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

button::-moz-focus-inner {border:0; padding:0;} /* Remove button padding in Firefox */

/*
 *   Styles
 */

* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

html {height:100%;}

body {height:100%; color:#000;}

body,
textarea {font-family:Gill Sans, 'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:18px;}

select,
input[type="text"],
input[type="password"],
textarea {padding:10px; border:0; border-radius:3px; outline:none; background:#f7f7f7; font-size:18px;}
textarea {width:100%; min-height:150px;}

label input[type="checkbox"],
label input[type="radio"] {margin:0 5px 0 0;}
a.button:link,
a.button:visited,
button {padding:12px 24px; border:0; outline:none; border-radius:3px; background:#41ae65; color:#fff; font-family:Gill Sans, 'Open Sans', Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; cursor:pointer;}

a.button:hover,
button:hover {background:#67be84; text-decoration:none;}

a.button-grey:link,
a.button-grey:visited,
button.grey {background:#bbb;}

a.button-grey:hover,
button.grey:hover {background:#ccc;}

a.button-delete:link,
a.button-delete:visited,
button.delete {background:#ca1f2d;}

a.button-delete:hover,
button.delete:hover {background:#d54c57;}

a.button-disabled:link,
a.button-disabled:visited,
button.disabled {background:#a9a9a9; cursor:default;}

a.button-disabled:hover,
button.disabled:hover {background:#a9a9a9;}

button i {margin:0 10px 0 -5px;}

a:link,
a:visited {color:#26a24f; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {margin:0 0 20px 0; color:#ca1f2d; font-size:75px; line-height:1.4em; font-weight:300;}
h2 {margin:0 0 1em 0; color:#999; font-size:24px; line-height:1em;}
h3 {margin:0 0 10px 0; color:#428711; font-size:24px; line-height:1em; font-weight:700;}

p {margin:0 0 1em 0; float:left; width:100%;}
p:last-child {margin-bottom:0;}
p.small {font-size:12px;}

ul {list-style:disc; float:left; margin:0 0 0 20px;}
ul li {padding:0 0 5px 0; width:100%;}

ol {list-style:decimal; float:left; margin:0 0 0 20px;}
ol li {padding:0 0 5px 0; width:100%;}

hr {margin:5px 0 10px 0; padding:0; background:transparent; color:transparent; height:0px; border:0; border-bottom:1px solid #d9d9d9;}

.pull-left {float:left;}
.pull-right {float:right;}

.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

.full-width {width:100%;}

.no-wrap {white-space:nowrap;}

.panel {float:left; width:100%;}
.panel .inner {width:950px; margin:0 auto;}

.no-padding {padding:0;}

header {position:relative; z-index:3; padding:50px 0 0 0;}

header .logo {float:left; clear:left; margin:30px 0 0 0;}

header .top {position:relative; z-index:105; float:left; width:100%; padding:0 0 0 247px;}
header .top .pipe {margin:0 10px; color:#ccc;}
header .login {float:right; margin-bottom:-43px; font-size:18px; font-weight:400;}
header .login a:link,
header .login a:visited {display:inline-block;}
header .login-wrap {position:relative; display:inline-block;}
header .login-box {position:absolute; z-index:105; right:0; top:200%; width:320px; padding:20px; border-radius:5px; background:#26a24f; color:#e4e4e4; font-size:14px;}
header .login-box i {float:right; margin:-36px -5px 0 0; font-size:25px; color:#26a24f;}
header .login-box input[type="text"],
header .login-box input[type="password"] {float:left; width:100%; margin:0 0 10px 0; font-size:14px;}
header .login-box label {float:right; margin:0 0 10px 0;}
header .login-box label input {vertical-align:-2px;}
header .login-box button {float:left; padding:14px 30px; font-size:14px;}
header .login-box p {float:right; width:auto; margin:0;}
header .login-box p a:link,
header .login-box p a:visited {color:#e4e4e4;}

header a.switcher:link,
header a.switcher:visited {font-size:21px; line-height:1.5em;}
header a.switcher:hover {text-decoration:none;}
header .australia {display:inline-block; margin:0 0 0 15px; vertical-align:-8px; width:32px; height:29px; background:url('/images/australia.png') 0px 0px no-repeat;}
header .australia-active,
header .australia:hover {background-position:-32px 0px;}
header a.switcher:hover .australia {background-position:-32px 0px;}
header .international {display:inline-block; margin:0 0 0 20px; vertical-align:-6px; width:29px; height:28px; background:url('/images/international.png') 0px 0px no-repeat;}
header .international-active,
header a.switcher:hover .international {background-position:-29px 0px;}

header .currency {float:right; margin:0 0 10px 0;}

nav {position:relative; z-index:104; float:right; display:inline-block; margin:45px 0 0 50px; font-size:22px; line-height:1em; font-weight:400;}
nav ul {list-style:none; display:inline-block; margin:0; width:100%;}
nav ul li {vertical-align:middle; display:inline-block; position:relative; z-index:500; width:auto; padding:0; text-align:left;}
nav ul li a:link,
nav ul li a:visited {color:#26a24f; text-decoration:none; display:block; padding:45px 20px 20px 20px;}
nav ul li a:hover {color:#1c873f;}
nav ul li a:link div {display:inline;}
nav ul li a:link i,
nav ul li a:visited i {float:right; color:rgba(255,255,255,.5);}
nav ul li a.hover:link,
nav ul li a.hover:visited {color:#fff;}
nav ul li:last-child a {padding-right:0; padding-left:0; margin-left:20px;}
nav ul li.on a:link,
nav ul li.on a:visited { background:url('/images/nav.png') center top no-repeat;}
nav ul li a:hover i {color:#fff;}
nav ul li i {vertical-align:bottom; font-size:14px; margin-right:8px;}

nav ul li a.bars {float:left;}
nav ul li a.bars i {float:left; color:#26a24f;}

nav ul ul {position:absolute; z-index:102; top:66px; left:50%; min-width:240px; margin-left:-120px; display:none; border-radius:3px; list-style:none;}
nav ul li.first ul {margin-left:0;}
nav ul li.selected ul {background:#fff; border-color:#e6e6e6;}
nav ul ul li {float:left; width:100%; margin:0;}
nav ul ul li.chevron {margin:0 0 0 116px; height:14px; font-size:20px;}
nav ul ul li.chevron i {color:#26a24f;}
nav ul li.on ul a:link,
nav ul li.on ul a:visited,
nav ul ul li a:link,
nav ul ul li a:visited {margin:0px; padding:12px 15px; background:#26a24f; font-size:19px; color:#fff;}
nav ul li.on ul a:hover,
nav ul ul li a:hover {background:#1c873f; color:#fff;}
nav ul ul li:nth-child(2) a:link,
nav ul ul li:nth-child(2) a:visited {padding-left:15px; border-top:0; border-radius:5px 5px 0px 0px;}
nav ul ul li:first-child a:link,
nav ul ul li:first-child a:visited {border-radius:5px 5px 0px 0px;}
nav ul ul li:last-child a:link,
nav ul ul li:last-child a:visited {border-radius:0px 0px 5px 5px;}
nav ul ul li:only-child a:link,
nav ul ul li:only-child a:visited {border-radius:5px;}
nav ul ul li i {vertical-align:0px; font-size:11px; text-align:center; margin-right:8px; color:#777;}

nav ul ul ul {left:100%; top:0;}

nav .normal {position:relative; z-index:109;}
nav .more {position:fixed; z-index:110; top:0; left:0; max-width:80%; height:100%; overflow-y:auto; overflow-x:hidden; margin:0 0 0 100%; box-shadow:0px 0px 5px 5px rgba(0,0,0,.1); background:#26a24f;}
/*
nav .more {transition:margin-left .5s; -webkit-transform:translateZ(0);}
*/
nav .more .close {position:absolute; z-index:104; right:0px; top:0px; width:auto; font-size:24px; font-weight:700; line-height:1em; text-decoration:none;}
nav ul.show-mobile {/*display:none;*/}
nav .more li {position:relative; z-index:103; width:100%; border-top:1px solid rgba(0,0,0,.1);}
nav .more li a:link,
nav .more li a:visited {width:100%; padding:20px; border:0; font-weight:700; color:#fff;}
nav .more li a:hover {background:#1c873f;}
nav .more li:last-child a {margin:0;}
nav .more ul {position:relative; top:0; left:0; margin-left:0; box-shadow:none; display:block; }
nav .more ul.first {}
nav .more ul.first li {border-top:0;}
nav .more ul.first li a:link,
nav .more ul.first li a:visited {padding-left:40px; font-weight:normal; color:#fff;}
nav .more ul.first li a:hover {background:#1c873f;}
nav .more ul.second {border-top:0;}
nav .more ul.second li a:link,
nav .more ul.second li a:visited {padding-left:60px; font-weight:normal; color:#fff;}
nav .more ul.second li a:hover {background:#1c873f;}
nav .more li.on a:link,
nav .more li.on a:visited {border:0;}

#response {float:left; width:100%; padding:20px 0; background:#ffc; border-bottom:1px solid #e4e4bb;}
#response img {}
#response cite {color:#666;}
#response p {margin:0; float:none; font-size:18px; font-weight:700;}

.body {float:left; min-height:100%; margin-bottom:-100px; padding-bottom:100px;}

.hero {position:relative; z-index:1; float:left; width:100%; height:500px; background:center no-repeat; background-size:cover; background-image:url('/images/hero.jpg');}

.hero-sub {height:236px; background-image:url('/images/hero-sub-new.jpg?v2');}

.status {position:relative; z-index:2; float:left; width:100%; margin:20px 0 0 0;}
.status .box {float:right; margin:-20px 0 10px 0; /* margin:-26px 0 -26px 0; */ border:1px solid rgba(159,159,159,.9); border-radius:3px; background:rgba(225,225,225,.95); color:#424242; font-size:14px; line-height:17px;}
.status .edge {height:50px; padding:15px; border:1px solid rgba(238,238,238,1); border-radius:3px;}
.status a:link,
.status a:visited {}
.status .checkout {float:right; margin:0 0 0 30px; font-size:17px; font-weight:700;}
.status a.empty:link,
.status a.empty:visited {margin:0 0 0 10px; color:#ca1f2d;}
.status .currency {display:inline-block; margin:0 0 0 15px; font-weight:bold;}
.status .currency select {margin:-5px 0 -5px 5px; padding:5px; font-size:14px; line-height:1em; vertical-align:middle;}

.main {position:relative; float:left; padding:40px 20px 50px 20px; width:100%;}
.main .inner {position:relative; z-index:2;}

.main h1 {line-height:1em;}

.left-bg {position:absolute; z-index:1; left:0px; top:0px; right:50%; bottom:0px; margin:0 300px 0 0; background:#e1e1e1;}

.main .left {float:right; width:220px;}
.main .left .quick-links {float:left; width:100%; padding:15px 0 0 0; border-top:1px dashed #e6e6e6; font-size:14px;}
.main .left .quick-links h3 {margin:0 0 15px 0; font-weight:700; font-size:18px;}
.main .left .quick-links a:link,
.main .left .quick-links a:visited {float:left; clear:left; margin:0 0 10px 0; text-decoration:none;}
.main .left .quick-links a:hover {text-decoration:underline;}

ul.subnav {margin:0 0 100px 0; min-height:400px; list-style:none;}
ul.subnav li {float:left; padding:0; width:100%;}
ul.subnav li a:link,
ul.subnav li a:visited {float:left; padding:8px 0; width:100%; text-decoration:none;}
ul.subnav li a:hover {text-decoration:underline;}
ul.subnav li.suboff a:link,
ul.subnav li.suboff a:visited,
ul.subnav li.subon a:link,
ul.subnav li.subon a:visited {padding:8px 8px 8px 24px; font-size:80%;}
ul.subnav li.on a:link,
ul.subnav li.on a:visited,
ul.subnav li.subon a {font-weight:700;}
ul.subnav li.subtitle a:link,
ul.subnav li.subtitle a:visited {font-weight:700;}
ul.subnav li.title {list-style:none; margin-bottom:1em;}
ul.subnav li.title a:link,
ul.subnav li.title a:visited {font-size:120%; font-weight:700; text-decoration:none; border:none;}
ul.subnav li.title a:hover {text-decoration:underline;}

.main .middle {float:right; width:650px; min-height:400px; margin:0 0 0 80px; line-height:1.4em; font-weight:300;}
.main .middle ul {margin:0 0 1em 30px;}
.main .middle ul li {padding-left:5px;}
.main .middle h3 {clear:left;}

footer {min-height:100px; padding:30px 0; background:#4a4a4a; color:#ababab; font-size:11px; line-height:1.2em;}
footer a:link,
footer a:visited {color:#ababab; text-decoration:none;}
footer a:hover {text-decoration:underline;}
footer .left {float:left;}
footer .right {float:right;}
footer .right img {margin:0 0 0 10px; vertical-align:-10px;}
footer p:last-child {margin-bottom:0;}

footer .linkedin  {display:inline-block; width:24px; height:24px; margin:0 0 0 20px; vertical-align:-7px; background:url('/images/social.png') 0px 0px no-repeat;}
footer .twitter   {display:inline-block; width:24px; height:24px; margin:0 0 0 20px; vertical-align:-7px; background:url('/images/social.png') 0px 0px no-repeat;}
.blog-entries .linkedin  {color: #0077B5 !important;display:inline-block; width:24px; height:24px; margin:0 0 0 20px; vertical-align:-7px;}
.blog-entries .twitter  {top: 1.5px;color: #0084b4 !important; display:inline-block; width:24px; height:24px; margin:0 0 0 20px; vertical-align:-7px;}

.guest {position:absolute; z-index:1001; top:0; right:0; background:#f7f7f7; padding:10px;}

.sitemap a:link,
.sitemap a:visited {float:left; clear:left; width:auto; min-width:150px; background:url('/images/page-tree.gif') 0px 8px repeat-y; line-height:1.4em;}
.sitemap a span {display:block; float:left; padding:0 5px; width:100%; height:100%; line-height:2em; background:#fff;}
.sitemap a.root {font-weight:700;}
.sitemap a:hover span {text-decoration:underline;}

.mailinglist {padding:35px 0; background:#26a24f;}
.mailinglist h3 {float:left; margin:0; color:#fff; line-height:42px;}
.mailinglist input {float:left; width:300px; margin:0 0 0 40px;}
.mailinglist button {float:left; margin:0 0 0 20px; padding:10px 25px; background:#c7c7c7; color:#073e19;}

.home-about {padding:100px 0; background:#efefef; font-size:35px; line-height:41px; color:#363636;}
.home-about a:link,
.home-about a:visited {color:#ac1c2d;}

.home-about-extra {font-size:18px; line-height:1.4em;}
.home-about-extra .inner {
  -webkit-column-count:2;
     -moz-column-count:2;
  -webkit-column-gap:60px;
     -moz-column-gap:60px;

}

.hero {color:#fff; font-size:40px; line-height:55px; text-align:center;}
.hero .hero-image {padding:180px 0 150px 0;}
.hero h2 {margin:0 0 60px 0; font-family:'Gill Sans Bold', sans-serif; font-size:159px; line-height:96px; color:#fff; text-shadow:0px 3px 15px rgba(0,0,0,.5);}
.hero h2 small {font-size:95px;}
.hero a:link,
.hero a:visited {padding:12px 40px; border:2px solid #fff; color:#fff; text-align:center; font-size:34px;}
.hero a:hover {background:#fff; color:#ca1f2d; text-decoration:none;}

.promos {padding:110px 0 90px 0;}
.promos .wrap {position:relative; float:left; width:100%;}
.promos .promo {position:absolute; float:left; width:100%;}
.promos .promo h2 {float:left; font-size:60px; line-height:1.4em; color:#ca1f2d;}
.promos .promo img {float:right;}
.promos .promo a {float:left; clear:left;}

.promos .dots {float:left; width:100%; text-align:center;}
.promos .dots .dot {display:inline-block; width:20px; height:20px; margin:0 10px; border-radius:50%; background:#c61e2b; cursor:pointer}
.promos .dots .dot-active {background:#fff; border:3px solid #c61e2b;}

.quicklinks {padding:70px 0;}
.quicklinks a:link,
.quicklinks a:visited {float:left; width:246px; height:236px; margin:0 0 0 100px; font-family:'HaginCapsMedium', serif; font-size:43px; line-height:1em; text-align:center; color:#fff; background:url('/images/promos.png') 0px 0px no-repeat;
-webkit-transition: margin-top .2s, -webkit-transform .2s;
        transition: margin-top .2s, transform .2s;
}
.quicklinks a:hover {margin-top:-20px; text-decoration:none;}
.quicklinks a:nth-child(1) {margin-left:0;}
.quicklinks a:nth-child(2) {background-position:-306px 0px;}
.quicklinks a:nth-child(3) {background-position:-612px 0px;}
.quicklinks span {display:table-cell; width:246px; height:236px; vertical-align:middle;}

.partner {padding:95px 0 70px 0; background:#ca1f2d; border-bottom:35px solid #ac1c2d; text-align:center;}
.partner h3 {margin:0 0 40px 0; font-size:56px; line-height:1.25em; font-weight:normal; color:#fff;}
.partner p {font-size:35px; line-height:41px; color:#fff;}
.partner a:link,
.partner a:visited {color:#fff; text-decoration:underline;}
.partner a:hover {text-decoration:none;}


.login input[type="text"],
.login input[type="password"] {width:300px;}


.postcodes {position:absolute; width:212px; text-align:left;}
.postcodes .chevron {float:left; width:212px; height:7px; text-align:center; font-size:14px; color:#525252;}
.postcodes .chevron i {vertical-align:5px;}
.postcodes .wrap {float:left; padding:10px; width:212px; border-radius:3px; background:#525252; font-size:11px;}
.postcodes .rows {overflow:auto; float:left; width:100%; max-height:300px;}
.postcodes a:link,
.postcodes a:visited {float:left; width:100%; padding:5px; background:#fff; border-bottom:1px solid #e5e5e5; text-decoration:none;}
table.cart .postcodes a:hover {background:#398bcc; border-color:#3978b2; color:#fff; text-decoration:none;}
.postcodes a:first-child {border-top:0;}
.postcodes a.current {background:#2382ef; color:#fff; font-weight:700; color:#fff;}
.postcodes a.current:hover {background:#2382ef;}
.postcodes p {float:left; clear:left; width:100%; padding:5px; margin:0; background:#fff;}

table.list {float:left; width:100%;}
table.list tr td {padding:8px;}
table.list a.button:link,
table.list a.button:visited,
table.list button {padding:8px 16px; font-size:11px; text-transform:uppercase;}
table.list .button {width:1px; white-space:nowrap; text-align:right;}

table.form {float:left;}
table.form tr th {padding:8px 32px 8px 0; color:#6e6e6e;}
table.form tr td {padding:8px 8px 8px 0;}

.req {margin:0 5px 0 0; color:#f00;}

table.cart {float:left; width:100%; margin:0 0 1em 0; border:1px solid #e6e6e6; font-size:14px;}
table.cart a:link,
table.cart a:visited {text-decoration:none;}
table.cart a:hover {text-decoration:underline;}
table.cart td {padding:10px 16px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:top;}
table.cart tr.total td {background:#f7f7f7;}
table.cart .small {font-size:80%; color:#7f7f7f;}
table.cart input[type="text"] {margin:0 5px 0 0; padding:5px 10px;}
table.cart select {margin:0 0 5px 0; padding:8px; font-size:11px; text-transform:uppercase;}
table.cart button {padding:8px 16px; font-size:11px; text-transform:uppercase;}

table.cart label {float:left; clear:left;}
table.cart label input[type="radio"] {margin:0 5px 0 0; vertical-align:0px;}

.step {margin:0 0 10px 0; color:#428711; font-size:24px; line-height:1em; font-weight:700;}

table.form-gray label.label {float:left; width:100%; margin:5px 0 0 0; padding:10px; background:#fff; border:1px solid #e6e6e6; border-radius:3px;}
table.form-gray label.label:first-child {margin-top:0;}
table.form-gray label.label input[type="radio"] {margin:0 10px 0 0; vertical-align:0px;}
table.form-gray label.label small {margin:0 0 0 30px; font-weight:normal; font-size:14px; color:#7f7f7f;}
table.form-gray label.selected {background:#41ae65; border:1px solid #349454; color:#fff;}
table.form-gray label.selected small {color:#a8e4bc;}

table.form-gray tr th {padding:8px 24px 8px 0;}
table.form-gray tr td {padding:8px 8px 8px 0;}

.arrow {float:left; width:100%; margin:-18px 0 15px 0; text-align:center; color:#f7f7f7;}
.arrow i {font-size:50px;}

.legend {float:right; width:65%; margin:0 0 0 0; font-size:12px;}
.legend .tag {float:right; height:25px; margin:0 0 20px 25px;}
.legend img {margin:0 5px 0 0; vertical-align:bottom;}

table.pricing {width:100%;}
table.pricing tr th {padding:8px; border:1px solid #e6e6e6; font-weight:700;}
table.pricing tr td {padding:8px; border:1px solid #e6e6e6; font-size:14px; color:#3c3c3c;}
table.pricing input[type="text"] {padding:5px; border:0; outline:none; background:#f7f7f7; text-align:center; font-size:11px;}
table.pricing .price {width:80px; text-align:center;}
table.pricing .name {white-space:nowrap; display:inline-block; margin:0 0 10px 0; font-weight:600; font-size:18px;}
table.pricing .tags {float:left; width:100%; margin:0 0 10px 0;}
table.pricing .tag {float:left; margin:0 10px 0 0;}
table.pricing .tag img {/*float:left;*/ vertical-align:middle;}
table.pricing .notes {color:#26a24f;}
table.pricing tr.special th,
table.pricing tr.special td {/* background:#dcf5e4; border-color:#c9ead4; */}
table.pricing td.special {background:#dcf5e4; border-color:#dcf5e4;}
table.pricing td.special strike {color:#7f7f7f;}
table.pricing p.outofstock {padding:8px; background:#ffdcdc; color:#ca1f2d; font-size:11px;}
table.pricing p.special {padding:8px; background:#26a24f; color:#fff; font-size:11px;}
table.pricing tr.special th.outofstock,
table.pricing tr.special td.outofstock,
table.pricing td.outofstock {background:#ffdcdc; border-color:#ffdcdc;}
table.pricing td.outofstock input[type="text"],
table.pricing td.special input[type="text"] {background:#fff;}
table.pricing .vacfrz {display:inline-block; width:100%; color:#26a24f; font-weight:700; font-size:12px;}
table.pricing .image {text-align:center;}
table.pricing .image img {margin:0 0 5px 0;}
table.pricing td.info {/* max-width:300px; */ padding:20px 8px; border-left:0;}
table.pricing td.input {padding:0;}

table.pricing a.brochure:link,
table.pricing a.brochure:visited {font-weight:700; color:#ca1f2d;}
table.pricing a.brochure i {margin:0 8px 0 0; color:#ca1f2d;}

table.pricing th.grid {color:#c3c3c3; font-size:11px; font-weight:normal; white-space:nowrap; width:75px;}
table.pricing tr th.grid-star {color:#ca1f2d; font-weight:bold; font-size:14px;}

table.pricing tr.catname th {padding:20px 8px; border:0;}

table.pricing tr.header th {background:#e1e1e1; color:#636363; font-size:11px; text-align:center; text-transform:uppercase;}


table.orders {border:1px solid #ccc;}
table.orders tr th {padding:12px; font-weight:700; color:#7f7f7f; font-size:14px; text-transform:uppercase;}
table.orders tr td {padding:12px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
table.orders tr td.tag {font-size:14px; text-transform:uppercase;}
table.orders tr td.small {font-size:14px; text-transform:uppercase;}
table.orders tr td .fa-check {margin:0 5px 0 0; color:#41ae65;}
table.orders tr:nth-child(2n-1) th,
table.orders tr:nth-child(2n-1) td {background:#fefefe;}

/*
.categories {float:left; width:85px; margin:0 35px 0 0;}
.categories a:link,
.categories a:visited {float:left; width:100%; margin:0 0 30px 0; text-align:center;}
.categories a:hover .name {background:rgba(0,0,0,.75);}
.categories a .image {position:relative; z-index:1; display:inline-block; width:85px; float:left; width:100%; background:url('/images/categories.png') 0px 0px no-repeat;}
.categories a .name {position:relative; z-index:2; display:inline-block; margin:-5px 0 0 0; padding:10px 20px; border-radius:2px; text-align:center; background:rgba(0,0,0,.5); color:#fff;}
.categories a .name i {float:left; width:100%; margin:-22px 0 0 0; text-align:center; color:rgba(0,0,0,.5);}
.categories a:hover .name i {color:rgba(0,0,0,.75);}
.categories a.active:link .name i,
.categories a.active:visited .name i {color:rgba(0,0,0,.75);}
.categories a.active:link .name,
.categories a.active:visited .name {background:rgba(0,0,0,.75);}

.categories .category-beef .image {height:51px; background-position:0px 0px;}
.categories .category-veal .image {height:42px; background-position:0px -121px;}
.categories .category-lamb .image {height:52px; background-position:0px -235px;}
.categories .category-pork .image {height:37px; background-position:0px -368px;}
.categories .category-seafood .image {height:33px; background-position:0px -478px;}
.categories .category-game-meats .image {height:53px; background-position:0px -584px;}
.categories .category-chicken-poultry .image {height:77px; background-position:0px -715px;}
.categories .category-smallgoods .image {height:77px; background-position:0px -847px;}
.categories .category-special-offers .image {height:72px; background-position:0px -981px;}
.categories .category-meat-kitchen-machinery .image {height:82px; background-position:0px -1115px;}
.categories .category-knives .image {height:80px; background-position:0px -1259px;}
.categories .category-general-dry-goods .image {height:83px; background-position:0px -1377px;}

.categories a:hover .image,
.categories a.active .image {background-position-x:-150px;}
*/

/*
.right .categories {width:100%; margin:0;}
.right .categories a:link,
.right .categories a:visited {float:none; display:inline-block; width:130px; margin:0 20px 20px 0;}
.right .categories .image {background-position-x:50%;}
*/

.categories {float:left; width:145px; margin:110px 60px 0 0; font-size:24px; line-height:1.4em;}
.categories a:link,
.categories a:visited {float:right; clear:right; margin:0 0 30px 0; color:#4a4a4a; text-align:right;}
.categories a.active:link,
.categories a.active:visited {font-weight:700; color:#ca1f2d;}
.categories a.active.haschildren:link,
.categories a.active.haschildren:visited {margin-bottom:5px;}
.categories a.subcat:link,
.categories a.subcat:visited {margin-bottom:5px; font-size:14px; line-height:1.4em;}
.categories a.subcat.last:link,
.categories a.subcat.last:visited {margin-bottom:10px;}
.categories hr {width:100%; margin:0 0 10px 0; border-color:#bdbdbd;}
.categories a i {display:none;}

.has-ratings .categories {margin-top:300px;}

.blog-entries {float:left; width:145px; margin:10px 60px 0 0;}
.blog-entries a:link,
.blog-entries a:visited {float:right; clear:right; margin:0 0 30px 0; color:#4a4a4a; text-align:right;}
.blog-entries a:hover {text-decoration:none;}
.blog-entries a:hover .name {text-decoration:underline;}
.blog-entries a.active:link,
.blog-entries a.active:visited {font-weight:700; color:#ca1f2d;}
.blog-entries a:link .date,
.blog-entries a:visited .date {display:block; margin:3px 0 0 0; font-size:12px; color:#999; text-transform:uppercase; font-weight:normal;}
.blog-entries a:hover .date {color:#999;}
.blog-entries .twitter:link, .blog-entries .twitter:visited, .blog-entries .linkedin:link, .blog-entries .linkedin:visited {
    display: inline-block !important;
    margin-left: 30px;
    font-size: 30px;
    float: none;
    margin: 0 auto;
}

.tab-panel {float:left; width:100%; padding:20px; border:2px solid #aaa; border-radius:3px;}
.no-padding {padding:0;}

.tabs {float:left; width:100%; padding:0 0 0 20px; border:0;}
.tabs a:link,
.tabs a:visited {float:left; margin:0 5px 0 0; padding:15px 20px; background:#efefef; color:#7f7f7f; font-size:11px; line-height:1em; font-weight:700; text-transform:uppercase;}
.tabs a:hover {text-decoration:none; background:#e2e2e2;}
.tabs .amount {vertical-align:1px; margin:0 0 0 10px; font-size:9px; line-height:11px; color:rgba(0,0,0,.25);}
.tabs a.tab-active:link,
.tabs a.tab-active:visited {background:#aaa; color:#fff;}
.tabs a.tab-active .amount {color:rgba(255,255,255,.5);}

.main .right {float:left; width:830px;}

.main-show-categories {min-height:750px;}
.main-show-categories .right,
.main-blog .middle {width:745px;}
.main-blog h1,
.main-recipes h1,
.main-show-categories h1 {font-size:64px;}

.fluid .categories {width:50%; padding-right:330px;}
.fluid .inner {width:100%;}
.fluid .right {margin-left:-330px;}

.main-blog .middle,
.main-recipes .middle {width:745px; min-height:700px; margin-left:0;}

p.breakout {padding:20px; background:#f5f5f5;}

.box-gray {float:left; width:100%; padding:20px; background:#f7f7f7;}
.box-gray input[type="text"],
.box-gray input[type="password"],
.box-gray textarea,
.box-gray select,
.box-gray label {background:#fff; border:1px solid #b7b7b7;}

.box-gray input[type="text"].error,
.box-gray input[type="password"].error,
.box-gray textarea.error,
.box-gray select.error,
.box-gray label.error {border:1px solid #ca1f2d;}

p.error {margin:5px 0 0 0; color:#ca1f2d; font-weight:700;}

.videos {float:left; width:100%;}
.videos div {float:left; width:50%;}

.ratings-wrap {position:absolute; z-index:1; left:15px; right:50%; top:15px; margin:0 315px 0 0;}
.ratings {float:right; margin:0 0 1em 0; padding:8px 16px; font-size:14px; border-radius:5px; background:#ca1f2d; color:#fff;}
.ratings table {margin:5px 0 0 0; max-width:500px;}
.ratings table tr th,
.ratings table tr td {padding:8px; border:1px solid rgba( 255,255,255, .2 );}
.ratings table tr th {white-space:nowrap; text-align:center;}
.ratings table tr td {text-align:left;}
.ratings .part {margin:0 10px; color:rgba(255,255,255,.75);}

#tooltip {position:absolute; z-index:1001;}
#tooltip .arrow {width:100%; height:4px; color:#202020;}
#tooltip .arrow-down {}
#tooltip .text {margin:-6px 0 0 0; padding:8px 10px; background:#202020; color:#fff; border-radius:2px; font-size:12px; font-family:Verdana, Helvetica, sans-serf;}


table.contact {margin:0 0 1em 0;}
table.contact tr th {padding:5px 30px 5px 0; vertical-align:top; color:#be1e25;}
table.contact tr td {padding:5px 15px; vertical-align:top;}

.main-contact .left, .main-feedback .left {width:570px;}
.main-contact .middle, .main-feedback .middle {width:300px; margin-left:80px; padding-top:125px;}
.main-contact .middle h1, .main-feedback .middle h1 {display:none;}

/*.main-feedback .middle { width: 300px; margin-left: 80px; padding-top: 50px;}*/

.shippingRates {position:fixed; z-index:1002; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.25);}
.shippingRates .inner {position:absolute; left:50%; top:50%; width:480px; height:300px; margin:-150px 0 0 -240px; padding:20px; background:#fff; border-radius:5px;}
.shippingRates .close {position:absolute; top:10px; right:10px; font-weight:bold;}

.shippingRates .shipping p {margin:1em 0 0 0;}
.shippingRates .shipping h3 {margin:1em 0 0 0; color:#41ae65; font-size:24px;}
.shippingRates .shipping table {width:100%; margin:1em 0 0 0;}
.shippingRates .shipping table tr th {width:50%; padding:8px; font-weight:700; color:#41ae65; border:1px solid #e6e6e6;}
.shippingRates .shipping table tr td {width:50%; padding:8px; border:1px solid #e6e6e6;}

.pagenumbers {float:left; width:100%; margin:1em 0; padding:0 10px; font-size:11px; line-height:11px; text-align:center;}
.pagenumbers .center {display:inline-block;}
.pagenumbers .info {float:left; line-height:23px;}
.pagenumbers .prevnext {float:left; margin:0 25px;}
.pagenumbers .prevnext a {float:left; padding:5px 8px; font-size:11px; line-height:1em;}
.pagenumbers .pages {float:left;}
.pagenumbers .pages div {float:left; margin-right:2px; border-radius:3px; text-align:center; font-weight:bold;}
.pagenumbers .pages a:link,
.pagenumbers .pages a:visited,
.pagenumbers .pages span {float:left; min-width:23px; padding:5px 3px; text-decoration:none;}
.pagenumbers .pages a:hover {background:#e6e6e6;}
.pagenumbers .pages .current span {background:#ca1f2d; border-radius:3px; color:#fff;}

.show-mobile {display:none;}
.hide-mobile {}

@media all and (max-width:1450px){
  .has-ratings .categories {margin-top:400px;}
}
@media all and ( max-width:1220px ), ( min-width:1220px ){
  .has-ratings .categories {margin-top:400px;}
  .ratings table,
  .ratings table tr,
  .ratings table tr th,
  .ratings table tr td {display:block; width:100%; border:0; padding-left:0; padding-right:0;}
  .ratings table tr th {padding-bottom:0; text-align:left; font-weight:bold; border-top:1px solid rgba( 255,255,255, .2 );}
}
@media all and (max-width:1220px){
  .has-ratings .categories {margin-top:500px;}
}
@media all and (max-width:1120px){
  .has-ratings .categories {margin-top:600px;}
}
@media all and (min-width:1020px){
  .right .ratings {display:none;}
}
@media all and (max-width:1020px){
  .has-ratings .categories {}
  .ratings-wrap .ratings {display:none;}
}

@media all and (max-width:1020px){

  .panel .inner {width:100%; margin:0;}

  header {text-align:center;}
  header .inner {padding:0 30px;}

  header .login {margin-bottom:0;}

  header .logo {float:none; margin:0;}
  header .top {margin:0 0 15px 0; padding:0; text-align:left;}

  nav {margin:30px 0 0 0; padding:0 30px; z-index:106; width:100%; text-align:center;}
  nav ul {width:100%;}
  nav ul ul {top:60px;}

  nav ul li a:link,
  nav ul li a:visited {padding-bottom:15px;}

  .main .right {width:100%;}
  .categories {display:none;}
  .left-bg {display:none;}

  .hero {height:300px !important; font-size:32px; line-height:40px;}
  .hero .hero-image {padding:30px;}
  .hero h2 {margin-bottom:30px; font-size:50px; line-height:40px;}
  .hero h2 small {font-size:32px; line-height:40px;}
  .hero a:link,
  .hero a:visited {font-size:18px; line-height:1em;}

  .status .box {margin:0; border-radius:0; border-width:1px 0; width:100%;}
  .status .edge {float:left; width:100%; height:auto;}

  #response .inner {padding:0 30px;}
  .mailinglist .inner {padding:0 30px;}
  .promos .inner {padding:0 30px;}
  .home-about .inner {padding:0 30px;}
  .quicklinks .inner {padding:0 30px;}
  .partner .inner {padding:0 30px;}

  .home-about {text-align:center;}

  .mailinglist {text-align:center;}
  .mailinglist h3 {width:100%; margin:0 0 15px 0;}
  .mailinglist input {float:none; margin-left:0;}
  .mailinglist button {float:none;}

  .quicklinks {padding:30px 0 0 0; text-align:center;}
  .quicklinks a:link,
  .quicklinks a:visited {float:none; display:inline-block; margin:0 30px 30px 30px;}

}

@media all and (max-width:990px){

  nav ul.more,
  nav ul ul {padding:0;}

  footer .inner {width:100%; margin:0; padding:0 20px;}

  .main .inner {float:left; width:100%; margin:0;}

  .main .left {float:right; width:100%; margin:60px 0 0 0; padding:0 10px;}
  .main .middle {float:right; width:100%; margin:0; padding:0 10px;}

  ul.subnav {margin:0 0 20px 0; min-height:1px;}

}

@media all and (max-width:960px){



}

@media all and (max-width:768px){

  .show-mobile {display:inline-block;}
  .hide-mobile {display:none;}

  header .logo {display:inline-block; width:100%; margin:30px 0 0 0; text-align:center;}

  .home-about {padding:50px 0;}
  .partner {padding:30px 0;}

  nav {float:none; padding:0; display:inline-block; text-align:center;}
  nav ul {display:inline-block;}

  nav ul li a:link,
  nav ul li a:visited {padding:20px 15px;}

  nav ul li:last-child a {margin-left:0;}

  nav ul li.on a:link,
  nav ul li.on a:visited {background:none;}

  nav ul.more li a:link,
  nav ul.more li a:visited {padding:15px 20px;}

  nav ul.show-mobile {display:inline-block;}
  nav ul.more {display:none;}
  nav ul.more-show {display:inline-block;}

  /*
  .hero {max-height:300px;}
  */

  footer {text-align:center;}
  footer .left {display:inline-block; float:none; width:100%; margin:0 0 30px 0;}
  footer .right {display:inline-block; float:none; width:100%;}

  .guest {position:relative; float:left; width:100%; text-align:center; right:auto; top:auto; border-bottom:1px solid #ccc;}

}

@media all and (max-width:640px){

  nav ul ul li.chevron {display:none;}
  nav ul.normal ul {border-radius:5px; border:1px solid #2e884b;}

  header {padding:0;}
  header .inner {padding:0;}

  header .top {padding:15px 30px; background:#e6e6e6; border-bottom:1px solid #d7d7d7; line-height:42px;}
  header .international {margin:0;}
  header .login {width:70%; text-align:right;}
  header .login form {display:inline-block;}
  header .currency {float:none; margin:0 15px 0 0; display:inline-block;}

  .status {margin:0; text-align:center;}
  .status .checkout {width:100%; margin:15px 0 0 0}

  table.form tr th {float:left; width:100%; margin:0 0 8px 0; padding:0; display:block;}
  table.form tr td {float:left; width:100%; margin:0 0 12px 0; padding:0; display:block;}

  table.orders tr td.dated {white-space:normal;}

  table.contact tr th {padding-right:10px;}

  .category-page .right {text-align:center;}
  .category-page .right h1 {float:none;}
  .category-page .right .ratings strong {display:inline-block; width:100%; margin:0 0 3px 0;}
  .category-page .right .legend {float:none; width:100%;}
  .category-page .right .legend .tag {display:inline-block; float:none; margin:10px;}
  .category-page .right button {float:none; margin:10px;}

  table.pricing,
  table.pricing tbody {display:block; width:100%:}
  table.pricing tbody tr {position:relative; display:block; float:left; width:100%; margin:20px 0 0 0; border:1px solid #e6e6e6;}
  table.pricing tbody tr.header {display:none;}
  table.pricing tbody tr.special {background:#dcf5e4;}
  table.pricing tbody tr.pricing-row {margin-top:0;}
  table.pricing tbody tr.pricing-row th:first-child {border-left:0;}
  table.pricing tbody tr th,
  table.pricing tbody tr td {display:inline-block; width:100%; min-height:29px; border:0;}
  table.pricing tbody tr td.image {position:absolute; z-index:1; left:0; top:0; width:auto;}
  table.pricing tbody tr td.input {float:right; width:80px; border-left:1px solid #e6e6e6;}
  table.pricing tbody tr th.grid {float:left; width:80px; border-left:1px solid #e6e6e6;}
  table.pricing tbody tr th.grid-header {float:right; border-top:1px solid #e6e6e6;}
  table.pricing tbody tr td.price {float:right; border-left:1px solid #e6e6e6;}
  table.pricing .blank {float:left; width:auto;}
  table.pricing .tags {width:100%; text-align:center;}
  table.pricing .tags .tag {float:none; display:inline-block;}
  table.pricing .info {position:relative; z-index:2; width:auto; text-align:center;}

  /*
  table.pricing,
  table.pricing tbody,
  table.pricing tbody tr,
  table.pricing tbody tr th,
  table.pricing tbody tr td {float:left; display:block;}

  table.pricing,
  table.pricing tbody tr th.grid,
  table.pricing tbody tr td.grid,
  table.pricing tbody tr th.price,
  table.pricing tbody tr td.price {float:none; display:table-cell;}
  */

}

@media all and (max-width:480px){

  header h1 {font-size:36px;}

  .hero {height:auto !important; padding-bottom:50%;}

  .mailinglist input {margin:0 0 1em 0;}

  .home-about-extra .inner {-webkit-column-count:1; -moz-column-count:1;}

}