* {
    -webkit-text-size-adjust: none;
}

/* Site width wrapper */

.wrapper {
    position: relative;
    max-width: 100%;
    min-width: 320px;
    margin:0 auto;
    overflow: hidden;
}

#header, #content, #footer {
    position: relative;
    clear: both;
}

/*---------------------------------------- Typography ----------------------------------------*/

@font-face {
    font-family: 'carto';
    src: url('/font/CartoGothicStd-Book-webfont.eot');
    src: url('/font/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/CartoGothicStd-Book-webfont.woff') format('woff'),
         url('/font/CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('/font/CartoGothicStd-Book-webfont.svg#cartogothic_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'carto';
    src: url('/font/CartoGothicStd-Bold-webfont.eot');
    src: url('/font/CartoGothicStd-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/CartoGothicStd-Bold-webfont.woff') format('woff'),
         url('/font/CartoGothicStd-Bold-webfont.ttf') format('truetype'),
         url('/font/CartoGothicStd-Bold-webfont.svg#cartogothic_stdbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'carto';
    src: url('/font/CartoGothicStd-Italic-webfont.eot');
    src: url('/font/CartoGothicStd-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/CartoGothicStd-Italic-webfont.woff') format('woff'),
         url('/font/CartoGothicStd-Italic-webfont.ttf') format('truetype'),
         url('/font/CartoGothicStd-Italic-webfont.svg#cartogothic_stditalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'carto';
    src: url('/font/artoGothicStd-BoldItalic-webfont.eot');
    src: url('/font/CartoGothicStd-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/CartoGothicStd-BoldItalic-webfont.woff') format('woff'),
         url('/font/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'),
         url('/font/CartoGothicStd-BoldItalic-webfont.svg#cartogothic_stdbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

body {
    margin: 0 auto;
    max-width: 640px;
    font-family: arial, sans-serif;
    -webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	clear:both;
}

h1 {
    position: relative;
	margin: 2% 0 2% 0; /* 12px / 600 */
	padding-left: 27px;
    color: #008449;
	font-size: 24px;
	font-family: 'carto', arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	line-height: 1.192em;
	text-transform: uppercase;
}

h1.banner {
    padding: 0.3em 0.5em 0.3em 27px;
    color: #fff;
    background: #264190;
}

h2 {
    color: #008449;
	font-size: 21px;
	margin: 0 0 0.5em 0;
	font-family: 'carto', arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	margin: 0 0 0.5em 0;

	color: #008449;
	font-size: 17px;
	font-family: 'carto', arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
    color: #008449;
	font-size: 12px;
	margin: 0 0 0.5em 0;
	font-family: 'carto', arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

h5, h6 {
    color: #008449;
	font-size: 1em;
	font-family: 'carto', arial, sans-serif;
	margin: 0 0 0.5em 0;
}

html, button, input, select, textarea {
    color: #000;
}

.icons-arrow-down:before {
    content: '';
    position: relative;
    display: inline-block;
    top: 1px;
    left: 4px;
    margin: 0;
    padding: 0;
    width: 11px;
    height: 10px;

    background: url(/images/icons/arrow-down.png) 0 0 no-repeat;
    background-size: 100%;
}

.icons-arrow-down-dropshadow:before {
    background: url(/images/icons/arrow-down-dropshadow.png) 0 0 no-repeat;
    background-size: 100%;
}

.icons-menuItalic:before {
    content: '';
    position: absolute;
    display: block;
    float: left;
    top: 6px;
    left: 0;
    padding: 0;
    width: 22px;
    height: 16px;

    background: url(/images/icons/menu-italic.png) 0 0 no-repeat;
    background-size: 100%;
}

.icons-menuItalicHot:before {
    background: url(/images/icons/menu-italic-hot.png) 0 0 no-repeat;
    background-size: 100%;
}

.grid_12.last {
    margin-bottom: 0;
}

.centerPushVert {
    position: relative;
    display: inline-block;
    top: 50%;
}

.centerPullVert {
    position: relative;
    display: inline-block;
    top: -50%;
}

.taright {
    text-align: right;
}

/* --------------------------- Site Logo ----------------------------- */

#header .logo {
    position: absolute;
	display:inline;
	float:left;
	top: 0;
	left: 0;
	margin: 2px 2.81%;
	z-index: 9;
}

.logo {
	padding: 0;
	width: 70px;
}

/*------------------------------------- Header styles ---------------------------------------*/

#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;

    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.header {
    position: relative;
    height: 55px;
    z-index: 10;

    background: #07a23e; /* Old browsers */
    background: -moz-linear-gradient(top,  #07a23e 0%, #005400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07a23e), color-stop(100%,#005400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #07a23e 0%,#005400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #07a23e 0%,#005400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #07a23e 0%,#005400 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #07a23e 0%,#005400 100%); /* W3C */
}

#header .logoBackgroundWrap {
    position: relative;
    float: left;
    margin-left: -0.94%; /* 3px / 320 */
    width: 28.13%; /* 90px / 320px */
    height: 55px;
    z-index: 7;

    background: url(/images/background/logoBackground.png) 0 0 no-repeat;
    background-size: 107.7%;
}

#header .nav {
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    /*width: 72.81%;*/
    width: 72.51%;

    font-size: 9px;
    font-family:  'carto', arial, sans-serif;
    font-weight: bold;
}

#header .nav li {
    margin: -3px 0 0;
    padding: 0;
    width: 20%;

    text-align: center;
}

#header .nav li a i {
    font-size: 33px;
}

#header .nav li a i.icons {
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 39px;
}

#header .nav li a i.icons-lock {
    width: 20px;
}

#header .nav li a span {
    float: left;
    clear: both;
    width: 100%;

    text-transform: uppercase;
}

#header .nav li a span.search {
    font-size: 8px;
}

#header .nav li a {
    position: relative;
	display:block;

	color: #fff;
}

#header .nav li .bagNumber {
    position: relative;
    display: block;
    top: -30px;
    left: 0;
    margin: 0 auto;
    width: 25px;

    color: #008448;
    font-size: 15px;
    font-family: arial, sans-serif;
    font-style: normal;
    text-align: center;
}

#header .contactDetails {
    position: relative;
    float: left;
    margin: 0 0 0 0;
    padding: 4px 0 5px; /* 15px / 640 */
    width: 100%;
    min-height: 30px;

    background: #ededeb;

    color: #008448;
    font-size: 15px;
    font-family: 'carto', arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: right;
}

#header .contactDetails > div, #header .contactDetails ul {
    display: none;
}

#header .contactDetails span {
    padding: 4px 2.34375% 5px;
}

#header .contactDetails a {
    color: #008448;
    font-size: 13px;
}

#header .contactDetails a.email {
    margin-left: 2.03125%; /* 13px / 640 */
}

#header .menuHolder .menuDropDown {
    position: relative;
    float: left;
    margin: 0;
    padding: 14px 0;
    width: 100%;
    list-style: none;

    font-style: normal;
    text-align: left;
}

#header .menuHolder .menuDropDown li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;

    border-top: 1px solid #fff;

    background: #276549; /* Old browsers */
    background: -moz-linear-gradient(top,  #276549 0%, #155237 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#276549), color-stop(100%,#155237)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #276549 0%,#155237 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #276549 0%,#155237 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #276549 0%,#155237 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #276549 0%,#155237 100%); /* W3C */
}

#header .menuHolder .menuDropDown li:first-child {
    border: 0;
}

#header .menuHolder .menuDropDown li.satchels {
    background: #ee2d35; /* Old browsers */
    background: -moz-linear-gradient(top,  #ee2d35 0%, #db1b22 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee2d35), color-stop(100%,#db1b22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ee2d35 0%,#db1b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ee2d35 0%,#db1b22 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ee2d35 0%,#db1b22 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ee2d35 0%,#db1b22 100%); /* W3C */
}

#header .menuHolder .menuDropDown li.diagnostics {
    background: #344f97; /* Old browsers */
    background: -moz-linear-gradient(top,  #344f97 0%, #213c85 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#344f97), color-stop(100%,#213c85)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #344f97 0%,#213c85 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #344f97 0%,#213c85 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #344f97 0%,#213c85 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #344f97 0%,#213c85 100%); /* W3C */

}

#header .menuHolder .menuDropDown li.treatment {
    background: #999b9d; /* Old browsers */
    background: -moz-linear-gradient(top,  #999b9d 0%, #888a8d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999b9d), color-stop(100%,#888a8d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #999b9d 0%,#888a8d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #999b9d 0%,#888a8d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #999b9d 0%,#888a8d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #999b9d 0%,#888a8d 100%); /* W3C */
}

#header .menuHolder .menuDropDown li.transportation {
    background: #e6589d; /* Old browsers */
    background: -moz-linear-gradient(top,  #e6589d 0%, #d3458a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6589d), color-stop(100%,#d3458a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6589d 0%,#d3458a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6589d 0%,#d3458a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6589d 0%,#d3458a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e6589d 0%,#d3458a 100%); /* W3C */
}

#header .menuHolder .menuDropDown li.clothing {
    background: #f7922f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7922f 0%, #e57f1d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7922f), color-stop(100%,#e57f1d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7922f 0%,#e57f1d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7922f 0%,#e57f1d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7922f 0%,#e57f1d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7922f 0%,#e57f1d 100%); /* W3C */
}

#header .menuHolder .menuDropDown li.accessories {
    background: #67a2d6; /* Old browsers */
    background: -moz-linear-gradient(top,  #67a2d6 0%, #72a1cb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67a2d6), color-stop(100%,#72a1cb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #67a2d6 0%,#72a1cb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #67a2d6 0%,#72a1cb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #67a2d6 0%,#72a1cb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #67a2d6 0%,#72a1cb 100%); /* W3C */
}

#header .menuHolder .menuDropDown li.training {
    background: #ebe01c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ebe01c 0%, #d8ce0a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebe01c), color-stop(100%,#d8ce0a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ebe01c 0%,#d8ce0a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ebe01c 0%,#d8ce0a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ebe01c 0%,#d8ce0a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ebe01c 0%,#d8ce0a 100%); /* W3C */
}

#header .menuHolder .menuDropDown li a {
    display: block;
    padding: 2.5% 3.13% 1.88%; /* 16px 10px 12px / 640 */

    color: #fff;
    font-size: 14px;
    font-family: Futura, 'Carto', AppleGothic, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
}

#header .menuHolder .menuDropDown li a i.icons-arrow-down {
    float: right;
}

#header .menuHolder .menuDropDown li a i.icons {
    position: relative;
    display: block;
    float: left;
    top: -2px;
    margin-right: 4.06%; /* 26px / 640 */
    width: 19px;
}

#header .menuHolder .menuDropDown li .menuSubDropDown {
    margin: 0;
    padding: 0;
    list-style: none;

    background: #cddfd7;
}

#header .menuHolder .menuDropDown li .menuSubDropDown li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;

    border: 0;
    border-bottom: 1px solid #3f6d59;
    border-right: 1px solid #3f6d59;

    background: #cddfd7;
}

#header .menuHolder .menuDropDown li.satchels .menuSubDropDown {
    background: #f5abae;
}

#header .menuHolder .menuDropDown li.satchels .menuSubDropDown li {
    border-color: #8b1d21;

    background: #f5abae;
}

#header .menuHolder .menuDropDown li.diagnostics .menuSubDropDown {
    background: #8ba3e5;
}

#header .menuHolder .menuDropDown li.diagnostics .menuSubDropDown li {
    border-color: #20387a;

    background: #8ba3e5;

}

#header .menuHolder .menuDropDown li.treatment .menuSubDropDown {
    background: #d1d2cb;
}

#header .menuHolder .menuDropDown li.treatment .menuSubDropDown li {
    border-color: #5f6061;

    background: #d1d2cb;
}

#header .menuHolder .menuDropDown li.transportation .menuSubDropDown {
    background: #fccce3;
}

#header .menuHolder .menuDropDown li.transportation .menuSubDropDown li {
    border-color: #992e62;

    background: #fccce3;
}

#header .menuHolder .menuDropDown li.clothing .menuSubDropDown {
    background: #fdc187;
}

#header .menuHolder .menuDropDown li.clothing .menuSubDropDown li {
    border-color: #a25a14;

    background: #fdc187;
}

#header .menuHolder .menuDropDown li.accessories .menuSubDropDown {
    background: #bddefb;
}

#header .menuHolder .menuDropDown li.accessories .menuSubDropDown li {
    border-color: #356590;

    background: #bddefb;
}

#header .menuHolder .menuDropDown li.training .menuSubDropDown {
    background: #fbf58a;
}

#header .menuHolder .menuDropDown li.training .menuSubDropDown li {
    border-color: #918b0f;

    background: #fbf58a;
}

#header .menuHolder .menuDropDown li .menuSubDropDown li:last-child {
    border-bottom: 0;
}

#header .menuHolder .menuDropDown li .menuSubDropDown li:nth-child(even) {
    border-right: 0;
}

#header .menuHolder .menuDropDown li .menuSubDropDown li a {
    color: #000;
    font-size: 13px;
    font-family: arial, sans-serif;
    font-weight: normal;
    text-transform: capitalize;
    text-shadow: 0 0 0;
}

#header .searchFormWrap {
    padding: 2.81% 3.13% 1.88%; /* 18px 20px 12px / 640 */
}

#header .searchFormWrap .row {
    position: relative;
    float: right;
    margin: 0;
    width: 68.44%; /* 438px / 640 */
}

#header .searchFormWrap .row .text {
    padding: 9px 38px 9px 7px;
}

#header .searchFormWrap .row .button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    padding: 5px 0 4px;
    width: 28px;

    border-radius: 0;

    text-align: center;
}

#header .globeWrap .globeNavWrap {
    position: relative;
    float: left;
    margin: 0;
    padding: 3.59% 0;
    width: 100%;
    list-style: none;
}

#header .globeWrap ul {
    position: relative;
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 42.09%; /*61.09%;*/ /* 391px / 640 */
}

#header .globeWrap ul li {
    position: relative;
    float: left;
    margin-right: 8.44%; /* 33px / 391px */
    padding: 0;
    width: 38.81%; /*24.81%;*/ /* 97px / 391px */
}

#header .globeWrap ul li a {
    width: 100%;
}

.icons-searchIcon:before {
    content: '';
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;

    background: url(/images/icons/navSearch.png) 0 0 no-repeat;
    background-size: 100%;
}

/*-------------- Basket Dropdown styles --------------*/

#header .basketDropdownWrap {
    position: relative;
    display: block;
    clear: both;
    margin: 0;
    padding: 7.5% 3.13% 1.88%; /* 48px 20px 12px / 640 */

    text-align: left;
    font-style: normal;
}

#header .basketDropdownWrap .basketMini {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

#header .basketDropdownWrap .basketMini .basketMiniItem {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 0 4.06%; /* 26px / 640 */
    width: 100%;
}

#header .basketDropdownWrap .basketMini .basketMiniItemLast {
    border-bottom: 1px solid #9a9a98;
}

#header .basketDropdownWrap .basketMini .basketMiniItem .basketMiniItemImage {
    position: relative;
    float: left;
    margin: 0;
    padding: 1%;
    width: 23.33%; /* 70px / 300 */
    height: 23.33%;

    border: 1px solid #afafae;

    background: #fff;
}

#header .basketDropdownWrap .basketMini .basketMiniItem .basketMiniItemImage img {
    position: relative;
    display: block;
    margin: 0 auto;
}

#header .basketDropdownWrap .basketMini .basketMiniItem .basketMiniItemDesc {
    position: relative;
    display: block;
    float: left;
    margin: 0 auto;
    padding: 3% 1.67%; /* 18px 10px / 600 */
    width: 66.67%; /* 200px / 300 */

    color: #000;
    font-size: 12px;
    font-weight: normal;
}

.basketMiniItemRemove {
    float: left;
    padding-top: 4.33%; /* 26px / 600 */
}

.icons-remove:before {
    content: '';
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;

    background: url(/images/icons/remove.png) 0 0 no-repeat;
    background-size: 100%;
}

#header .contactDetails .basketMini .grid_12 {
    margin-bottom: 0.33%; /* 2px / 600 */
    padding-top: 5%; /* 30px / 600 */
}

#header .contactDetails .basketMini .totals {
    padding-top: 11px;

    font-size: 14px;
    text-transform: uppercase;
}

#header .contactDetails .basketMini a.buttonAlt {
    padding: 7px 0 6px;

    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

/*------------------------------------- Content styles ---------------------------------------*/

#content, #checkout-col {
    clear: both;
    padding-top: 85px;
    z-index: 1;
}

.content {
    padding: 0;
}

.featuredProductsWrap, .newProductsWrap, .hotProductsWrap, #checkout-member, #member-login {
    padding: 15px 3.13% 0; /* 20px / 640 */
}

.itemsList {
    margin: 0;
    padding: 0;
}

.itemsList li {
    margin-right: 6.66%;
    width: 46.67%; /* 280px / 600 */
}

.itemsList .imagePriceWrap {
    position: relative;
    float: left;
    margin: 0 0 7.14%; /* 20px / 280 */
    padding: 0;
    width: 100%;
    overflow: hidden;

    border: 1px solid #afafae;

    border-radius: 1.79%; /* 5px / 280 */
}

.imagePriceWrap .item-image-wrap {
    padding: 7.14% 7.14% 14.29%; /* 20px 40px / 280 */
    overflow: hidden;

    border-bottom: 1px solid #afafae;

    background: #fff;
}

.imagePriceWrap .item-image-wrap a {
    display: block;
    float: left;
}

.imagePriceWrap .item-image-wrap img {
    display: inline;
    max-height: 238px;

    vertical-align: middle;
}

.imagePriceWrap .price {
    padding-top: 15px; /* 15px / 280 */
    width: 100%;
    height: 64px;

    background: #006634;

    color: #fff200;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-align: center;
}

.itemsList h3 {
    font-size: 12px;
    font-weight: normal;
    font-family: arial, sans-serif;
    text-align: center;
    text-transform: none;
}

.price .strikethrough {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-decoration: line-through;
}

.imagePriceWrap .centerPushBuyNowButton {
   position: absolute;
   bottom: 52px;
}

.imagePriceWrap .buyNowButton {
   white-space: nowrap;
}

.hotProductsWrap h1 {
    color: #e66118;
}

.hotProductsWrap .imagePriceWrap .price {
    background: #e66118;
}

.viewMoreButtonWrap {
    position: relative;
    float: left;
    margin-bottom: 6.26%; /* 40px / 640 */
    padding: 0;
    width: 100%;
}

.itemPage .viewMoreButtonWrap {
    background: #f6f6f6;
}

.viewMoreButtonWrap .button, .viewMoreButtonWrap .buttonAlt {
    background: #177445; /* Old browsers */
    background: -moz-linear-gradient(top,  #177445 0%, #177445 34%, #025f31 52%, #005d2f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#177445), color-stop(34%,#177445), color-stop(52%,#025f31), color-stop(100%,#005d2f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #177445 0%,#177445 34%,#025f31 52%,#005d2f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #177445 0%,#177445 34%,#025f31 52%,#005d2f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #177445 0%,#177445 34%,#025f31 52%,#005d2f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #177445 0%,#177445 34%,#025f31 52%,#005d2f 100%); /* W3C */
}

.hotProductsWrap + .viewMoreButtonWrap {
    margin-bottom: 0;
}

.hotProductsWrap + .viewMoreButtonWrap .button, .hotProductsWrap + .viewMoreButtonWrap .buttonAlt {
    background: #e86d2a; /* Old browsers */
    background: -moz-linear-gradient(top,  #e86d2a 0%, #e86d2a 31%, #d45916 51%, #d45916 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e86d2a), color-stop(31%,#e86d2a), color-stop(51%,#d45916), color-stop(100%,#d45916)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e86d2a 0%,#e86d2a 31%,#d45916 51%,#d45916 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e86d2a 0%,#e86d2a 31%,#d45916 51%,#d45916 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e86d2a 0%,#e86d2a 31%,#d45916 51%,#d45916 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e86d2a 0%,#e86d2a 31%,#d45916 51%,#d45916 100%); /* W3C */
}

.subpage .outerPadding img {
    width: 100%;
    height: 100%;
}

.subpage .outerPadding table img {
    height: auto;
    max-width: 100%;
    width: 100% !important;
}

.subpage ul {
    padding: 0 0 0 3.13%; /* 20px / 640 */
    list-style-position: inside;
}

ul.roman {
    list-style: lower-roman;
}

.subpage .sitemap .sub {
    padding-left: 3.33%; /* 20px / 600 */
}

.subpage a {
    color: #008449;
    font-weight: bold;
}

.catalogue a img {
    margin-bottom: 3.13%;
    padding: 3.13%;
}

table.delivery {
    margin-bottom: 20px;
}

table.delivery tr {
    border-bottom: 1px solid #000;
}

table.delivery th, table.delivery td {
    padding: 10px;
}

table.delivery td {
    border-right: 1px solid #000;
}

table.delivery tr td:last-child {
    border-right: 0;
}

/*------------------------------------- Browse styles ---------------------------------------*/

.browsePage .featuredProductsWrap h1 {
    margin-bottom: 3.17%;
}

.paginumberorder {
    margin-bottom: 0;
}

.paginumberorder a {
    padding: 5px 9px;
    text-decoration: underline;
}

.paginumberorder a.active {
    border: 1px solid #256347;
    text-decoration: none;
}

.paginumberorder .pagenumbers {
    text-align: center;
    line-height: 30px;
}

.paginumberorder .largeSelectBox {
    margin-bottom: 2%;
}

form {
    position: relative;
    z-index: 9;
}

.bottomPagination {
    margin: 0;
    padding: 10px 3.13% 4px; /* 20px / 640 */

    border-bottom: 1px solid #b5b5b5;

    background: #ebebeb;
}

/*------------------------------------- Item Page styles ---------------------------------------*/

.itemPage .viewMoreButtonWrap {
    margin-bottom: 0;
}

.itemPage .item {
    padding-top: 15px;
}

.itemPage .item h1 {
    margin-left: 3.13%; /* 20px / 640 */
}

.itemPage .item .price {
    position: relative;
    float: left;
    margin: 0 0 16px;
    padding: 6px 5.31% 5px 3.13%; /* 17px 10px / 320 */

    border: 0;

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

    background: #006634;

    color: #fff200;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.itemPage .item .price .was {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
}

.itemPage .item .price small{
    color: #fff;
    font-size: 12px;
}

.itemPage .item .price .was span {
    text-decoration: line-through;
}

#largeImage {
    margin-bottom: 8px;
    padding: 0 3.13%; /* 20px / 640 */
}

#largeImage .sliderWrap .slide {
    max-width: 93.33% !important; /* 280px / 300 */
}

.no-js #largeImage .sliderWrap {
    width: 100%;
    height: 400px;
}

.no-js #largeImage .sliderWrap .slide {
    position: absolute;
    float: left;
    left: 50%;
}

.no-js #largeImage .sliderWrap .slide img {
    position: relative;
    display: block;
    float: right;
    right: 50%;
}

#largeImage .sliderWrap .slide img {
    display: block;
    margin: 0 auto;
}

#largeImage .sliderWrap .controls {
    display: block;
    top: 72px;
    margin: 0;
    padding: 0;
    width: 32px;

    background: none;
}

.no-js #largeImage .sliderWrap .controls {
    display: none;
}

#largeImage .sliderWrap .controls a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;

    background: none;
}

#largeImage .sliderWrap .controls a:active {
    border: 0;
    border-radius: 10px;

    background: rgba(0,0,0,0.3);
}

#largeImage .sliderWrap .next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.itemDescription form {
    position: relative;
    margin: 0;
    padding: 10px 3.125%;

    background: #f6f6f6;
}

.itemDescription .grid_6 {
    position: relative;
    margin-right: 3.125%; /* 20px / 640 */
    width: 48.33%; /* 145px / 300 */
}

.itemDescription .row {
    position: relative;
    margin: 0;
}

label.labelOverInput {
    position: absolute;
    top: 1px;
    left: 1px;
    margin: 0;
    padding: 10px 8px 8px;

    border-right: 1px solid #e7e7e7;

    background: #f6f6f6;

    font-size: 12px;
    text-transform: uppercase;
}

#checkout-col label.labelOverInput {
    width: auto;
    padding-bottom: 6px;

    line-height: 1;
}

.itemDescription form #quantity.text {
    padding: 10px 0;
    padding-left: 60px;

    border: 1px solid #e7e7e7;

    border-radius: 2px;
}

.itemDescription .productText {
    position: relative;
    clear: both;
    padding: 5px 3.125%; /* 20px / 640 */

    font-size: 12px;
}

.itemDescription .productText .productCode {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.item .loyaltyWrap {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;

    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;

    background: #f6f6f6;
}

.loyaltyWrap .grid_6 {
    margin: 0;
    padding: 0 3.125%; /* 20px / 640 */
}

.loyaltyWrap .grid_6:first-child {
    border-right: 1px solid #e6e6e6;
}

.loyaltyWrap .grid_6 a {
    display: block;
    padding: 9px 0;
}

.loyaltyWrap .grid_6 a div {
    padding: 6px 0 5px;
}

.loyaltyWrap .grid_6 .pointsValue {
    position: relative;
    float: left;
    margin: -3px 8px 0 0; /* 8px / 150px */
    padding: 8px 0 0;
    width: 35px;
    height: 35px;

    border: 0;
    border-radius: 50%;

    background: #008449;

    color: #fff;
    font-weight: bold;
    text-align: center;
}

.loyaltyWrap .grid_6 .icons-star {
    position: relative;
    float: left;
    margin: -3px 4px 0 0;
    padding: 0;
    width: 32px;
    height: 31px;

    background: url(/images/icons/star.png) 0 1px no-repeat;
    background-size: 100%; /* for retena displays */
}

.itemPage .featuredProductsWrap {
    background: #f6f6f6;
}

.radioRow label {
    position: relative;
    float: left;
    margin: 0;
    padding: 2%;
    width: 100%;

    border-top: 1px solid #ddd;
}

.radioRow label:first-of-type {
    border: 0;
}

.radioRow label span {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 90% ;
}

.radioRow label span:first-child {
    width: 10%;
}

.radioRow label input {
    position: relative;
    float: left;
    margin: 2px 5% 0 0;
    padding: 0;
}

.selectBoxReplacement, .selectBoxReplacementMonth, .selectBoxReplacementYear {
    position: relative;
    float: left;
    padding: 0;
    width: 100%;
    z-index: 7;

    border: 1px solid #e9e9e9;

    background:  #fff;
}

.selectBoxReplacement:after, .selectBoxReplacementMonth:after, .selectBoxReplacementYear:after {
    content: '';
    position: absolute;
    float: right;
    top: 0;
    right: -1px;
    margin: 0;
    padding: 0;
    width: 39px;
    height: 100%;

    background: url(/images/icons/selectbox-arrow.png) right center #fff no-repeat;
    background-size: 100%;
}

.selectBoxReplacementInner, .selectBoxReplacementInnerMonth, .selectBoxReplacementInnerYear {
    width: 100% !important;
    display: block;
    padding: 8px 25% 8px 10px;
}

.selectBoxReplacementInner span {
    display: block;
    margin: 0;
    padding: 0;
    width: 80px !important;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/*------------------------------------- Checkout styles ---------------------------------------*/

#checkout-col label {
    display: block;
    width: 100%;

    font-size: 12px;
}

#checkout-col h1 i {
    float: right;
}

#checkout-col input[type="text"], #checkout-col input[type="password"], #checkout-col input[type="number"], #checkout-col input[type="email"], #checkout-col input[type="tel"], #checkout-col textarea {
    float: left;
	display: inline;
	width: 100%;
	padding: 0.5em;
    border:1px solid #ddd;
}

#checkout-col textarea {
    height: 80px;
}

#checkout-member h3 {
    display: none;
}

#checkout-col .button {
    float: left;
    clear: both;
    margin: 4% 0 0;
    width: 100%;
}

#checkout-col a.backToShop {
    margin-bottom: 10px;
    font-size: 12px;
}

#checkout-col table {
    table-layout: fixed;
}

#checkout-col table td {
    padding: 10px 1.67%; /* 5px / 300 */

    border-bottom: 1px solid #ddd;
}

#checkout-col .basketViewTable, .basketViewTable .basketViewBody, .basketViewBody .basketViewItem {
    position: relative;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}

.basketViewBody .basketViewItem {
    margin-bottom: 2%;
    padding: 0 0 1%;
    border-bottom: 1px solid #ddd;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItemLast {
    margin-bottom: 0;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem > div {
    margin-bottom: 0;
    padding: 0;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem .basketViewImage {
    position: relative;
    float: left;
    padding: 1%;

    border: 1px solid #ddd;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem .basketViewImage img {
    display: block;
    margin: 0 auto;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem .basketViewDesc {
    position: relative;
    float: left;
    padding-top: 0;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem .basketViewQtyWrap {
    position: relative;
    display: table;
    float: left;
    margin-top: 9px;
    padding-right: 0;
    height: 30px;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem .basketViewQtyWrap .basketViewQty {
    display: table-cell;
    margin-bottom: 0;
    height: 30px;

    line-height: 30px;
    text-align: left;
    vertical-align: middle;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem .basketViewQtyWrap .basketViewQty input {
    margin: 0;
    padding-left: 55px;
    text-align: center;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem .basketViewQtyWrap .basketViewCost {
    display: table-cell;
    margin-bottom: 0;
    height: 30px;

    line-height: 30px;
    vertical-align: middle;
    text-align: right;
}

#checkout-col .basketViewTable .basketViewBody .basketViewItem .basketViewRemove {
    padding-right: 0;
    height: 57px;

    line-height: 57px;
    vertical-align: middle;
    text-align: center;
}

#checkout-col .basketViewRemove a {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    cursor: pointer;

    background: url(/images/icons/remove.png) center center no-repeat;
    background-size: 100%;
}

.basketViewItem.freeItem.deleted .basketViewImage,
.basketViewItem.freeItem.deleted .basketViewDesc,
.basketViewItem.freeItem.deleted .basketViewQtyWrap {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#checkout-col .basketViewItem.freeItem.deleted .basketViewRemove a {
    background: url(/images/plus.gif) center center no-repeat;
}

#checkout-col table td select {
    width: 100%;
}

#checkout-col #ajax_delivery_totals {
    clear: both;
    margin-bottom: 2%;
}

#checkout-col #ajax_delivery_totals table {
    font-weight: bold;
}

#checkout-col #ajax_delivery_totals table tr td:last-child {
    text-align: right;
}

#checkout-col #ajax_delivery_totals table tr td.delivery_text {
    text-align: justify;
}

#checkout-col h3 {
    padding: 5px 10px;
    background: #256347;

    color: #fff200
}

#checkout-now {
    clear: both;
}

#checkout-now form > div {
    position: relative;
    display: block;
    float: left;
    clear: both;
    margin-bottom: 4%;
    width: 100%;
}

#checkout-now form fieldset > div {
    position: relative;
    display: block;
    float: left;
    clear: both;
    margin-bottom: 4%;
    width: 100%;
}

.deliveryOverlay {
    position: fixed;
    display: block;
    top: 20%;
    left: 3.13%;
    right: 3.13%;
    padding: 10%;
    z-index: 20;

    opacity: 0.9;

    background: #333;

    color: #fff;
    text-align: center;
    font-weight: bold;
}

.deliveryOverlay:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 5px;

    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.voucherCode {
    width: 100%;
}

.voucherCode .error:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    float: right;
    top: -2px;

    font-size: 20px;
    line-height: 1;
}

.voucherCode2, .voucherCode3 {
    display: none;
}

.voucherCode2 input {
    margin-top: 2.83%; /* 4px / 141px */
}

#checkout-col .voucherCode .button {
    width: 100%;
    margin: 0;
}

.total td {
    color: #256347;
    font-size: 16px;
}

#adddelivertohere input {
    float: left;
    margin-right: 10px;
}

/*------------------------------------- Basket Overview styles ---------------------------------------*/

.basketOverview #checkout-now .formContent div {
    margin-bottom: 2%;
    padding-bottom: 2%;
    border-bottom: 1px solid #ddd;
}

.basketOverview #checkout-now .formContent div:last-child {
    margin-bottom: 2%;
    padding-bottom: 2%;
    border-bottom: none;
}

.basketOverview #checkout-now .formContent div.last {
    border-bottom: none;
}

.basketOverview #checkout-now .formContent div p {
    font-weight: bold;
}

.basketOverview #checkout-now .checkout .grid_6 {
    border-bottom: none;
}

/*------------------------------------- Memebers area styles ---------------------------------------*/

#member-login {
    padding-bottom: 4.69%; /* 30px / 640 */
}

.membersNav {
    position: relative;
    float: left;
    margin: 0;
    margin-bottom: 6.25%; /* 40px / 640 */
    padding: 0;
    width: 100%;
}

.membersNav a {
    display: block;
}

.headerWrap {
    position: relative;
    float: left;
    margin: 0 0 -1px;
    padding: 0;
    width: 100%;

    border-top: 1px solid #008449;
    border-bottom: 1px solid #008449;

    background: #ebebeb; /* Old browsers */
    background: -moz-linear-gradient(top,  #ebebeb 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ebebeb 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ebebeb 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ebebeb 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ebebeb 0%,#dddddd 100%); /* W3C */
}

.headerWrap:active {
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dddddd 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dddddd 0%,#ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dddddd 0%,#ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dddddd 0%,#ebebeb 100%); /* W3C */
}

.headerWrap h1 {
    margin: 0;
    padding: 3.28% 3.13% 3.59%; /* 21px 20px 23px / 640 */

    font-size: 18px;
}

.headerWrap h1.icons-menuItalic:before {
    top: 50%; /* 25px / 65 */
    left: 3.13%; /* 20px / 640 */
    margin-top: -6px;
    background: none;
}

.headerWrap h1 i {
    position: relative;
    float: right;
    top: 3px;
}

.formContent {
    position: relative;
    float: left;
    clear: both;
    padding: 3.28% 3.13% 3.59%; /* 21px 20px 23px / 640 */
    width: 100%;
}

.formContent > div {
    position: relative;
}

.membersAreaContentWrap {
    margin-bottom: 4.69%; /* 30px / 640 */
}

.postWrap {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    width: 100%;

    background: #f6f6f6;
}

.postWrap:first-child {
    margin-top: 1px;
}

.postWrapAlt {
    background: #e6e6e6;
}

.postWrap:before {
    position: absolute;
    display: block;
    top: 50%;
    right: 3.13%; /* 20px / 640 */
    margin: -0.5em 0;

    color: #008449;
    font-size: 19px;
}

.postEntry {
    color: #000;
}

.postEntry a {
    color: #008449;
    font-weight: bold;
}

.postEntry a[href^=tel] {
    color: #000;
    font-weight: normal;
    display: inline;
}

.outerPadding {
    padding: 3.28% 3.13% 3.59%; /* 21px 20px 23px / 640 */
}

.accordionContent {
    clear: both;
}

/*------------------------------------- Footer styles ---------------------------------------*/

#footer {
    margin-bottom: 20px;
}

.footer {
    margin-bottom: -13px;
    padding: 20px 3.13% 0; /* 20px / 640 */

    background: #ebebeb;
}

.footer h3 {
    margin-bottom: 10px;

    font-style: italic;
}

.footer ul {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 23px;
    padding-left: 2.04%; /* 3px / 147 */
    list-style: none;
}

.footer ul li {
    position: relative;
    float: left;
    padding-left: 6.80%; /* 10px / 147 */
    width: 100%;

    border-left: 1px solid #6fb495;
}

.footer ul li a {
    padding: 0 0 4px;
}

.footer ul li:first-child a {
    padding-top: 0;
    padding-bottom: 8px;

    line-height: 12px;
}

.footer ul li:last-child a {
    padding-top: 6px;
    padding-bottom: 0;

    line-height: 10px;
}

.footer form .text {
    border: 0;
}

.footer form .row {
    margin-right: 3.67%;
    margin-bottom: 14px;
    width: 100%;
}

.footer .socialIcons {
    position: relative;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}

.footer .socialIcons .centerPush {
    width: 60%; /* 180px / 300 */
}

.footer .socialIcons ul {
    float: left;
    padding: 11px 0 0;
    width: 100%; /* 180px / 300 */
}

.footer .socialIcons ul li {
    display: inline;
    float: left;
    margin: 0 0 0 10.55%; /* 19px / 180 */
    padding: 0;
    width: 16.67%; /* 30px / 180 */

    border-left: 0;

    vertical-align: middle;
}

.footer .socialIcons ul li:first-child {
    margin: 0;
}

.footer .socialIcons ul li:last-child {
    margin-left: 12.22%; /* 22px / 180 */
}

.footer .socialIcons ul li a {
    display: block;
    padding: 0;
    width: 100%;

    line-height: 40px;
}

.footerAccreditations {
    position: relative;
    padding-bottom: 6px;

    border-top: 1px solid #d8d8d8;

    background: #ebebeb;
    text-align: center;
}
/*
.footerAccreditations a {
    position: absolute;
    top: 21px;
    right: 3.13%;
    width: 23.75%;
    height: 57px;
}
*/

.footerAccreditations a.bhta {
    top: 38px;
    right: 28.75%;
    width: 11.88%;
    height: 40px;
}

.paymentMethods {
    margin-bottom: 12px;
    padding-bottom: 12px;

    background: #ebebeb;
    text-align: center;
}

#footer #copyright, #footer #credits, #footer .vcard, #footer .vatNo {
    width: 100%;

    color: #666666;
    font-size: 10px;
    font-family: Arial, sans-serif;
    text-align: center;
}

#footer #credits a {
    color: #666;
}

#footer .vcard {
    margin: 0 0 6px;
}

#footer .vcard .org {
    font-weight: bold;
}

#footer .vcard .country-name {
    display: none;
}

#footer .vatNo {
    margin: 0 0 6px;
}

/*---------------------------------------- Buttons ------------------------------------------*/

.button, a.button, .buttonAlt, a.buttonAlt {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.button, .buttonFullWidth, a.button {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;

    border: 0;

    border-radius: 5px;

    box-shadow:  0px 1px 1px rgba(0,0,0,0.45);

    background: #177445; /* Old browsers */
    background: -moz-linear-gradient(top,  #177445 0%, #177445 34%, #025f31 52%, #005d2f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#177445), color-stop(34%,#177445), color-stop(52%,#025f31), color-stop(100%,#005d2f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #177445 0%,#177445 34%,#025f31 52%,#005d2f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #177445 0%,#177445 34%,#025f31 52%,#005d2f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #177445 0%,#177445 34%,#025f31 52%,#005d2f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #177445 0%,#177445 34%,#025f31 52%,#005d2f 100%); /* W3C */


    color: #fff;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.button:active {
    background: #005d2f; /* Old browsers */
}

.buttonAlt, a.buttonAlt {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;

    border: 0;

    border-radius: 5px;

    box-shadow:  0px 1px 1px rgba(0,0,0,0.45);

    background: #e86d2a; /* Old browsers */
    background: -moz-linear-gradient(top,  #e86d2a 0%, #e86d2a 31%, #d45916 51%, #d45916 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e86d2a), color-stop(31%,#e86d2a), color-stop(51%,#d45916), color-stop(100%,#d45916)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e86d2a 0%,#e86d2a 31%,#d45916 51%,#d45916 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e86d2a 0%,#e86d2a 31%,#d45916 51%,#d45916 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e86d2a 0%,#e86d2a 31%,#d45916 51%,#d45916 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e86d2a 0%,#e86d2a 31%,#d45916 51%,#d45916 100%); /* W3C */


    color: #fff;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.buttonAlt:active {
    background: #e86d2a; /* Old browsers */
}

.buyNowButton, a.buyNowButton {
    display: block;
    padding: 4px 16px 2px;

    border: 1px solid #000;

    border-radius: 20px;

    background: #ebebeb;

    color: #000;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
}

.buyNowButton:active {
    background: #ccc;
}

.viewMoreButton, a.viewMoreButton {
    position: relative;
    margin: 0;
    padding: 3.28% 0 2.5%; /* 21px 15px / 640 */

    border-radius: 0;

    box-shadow: 0 0 0;

    font-size: 12px;
}

html .buttonMarginBottom {
    margin-bottom: 4%;
}

html .buttonMarginTop {
    margin-top: 4%;
}

/*---------------------------------------- Form styles --------------------------------------*/

.text, textarea, select {
	border:1px solid #ddd;
}

.row .text {
	width: 100%;
}

.mapWrap {
    margin-top: 1px;
}

#map {
	width: 100%;
	height: 206px;
}

/* Members */

.members .column {
	width: 49%;
	float: left;
	display:inline;
	margin-left: 2%;
}

/*---------------------------------------- Slider ------------------------------------------*/

.sliderWrap {
	position: relative;
	overflow: hidden;
}

.slider {
	width: 100%;
	max-height: 420px;
}

.pagerWrap {

    width: 100%;

	background: #eaeaea;
}

.pager {
	padding: 8px 0;
}

.pager .bx-pager-item {
	float: left;
	display: inline;
}

.pager a {
	display: block;
	margin: 1px;
	padding: 0;
	width: 12px;
	height: 12px;
	text-indent: -9999px;

	border: 2px solid #eaeaea;

	border-radius: 10px;

	background: #008348;
}

.pager a:active {
	border: 2px solid #008348;

	background: #fff200;
}

.pager a.active {
	border: 2px solid #008348;

	background: #fff200;
}

.controls {
	position: absolute;
	top: 49%;
}

.prev {
	left: 0;
}

.next {
	right: 0;
}

.controls a {
	display: block;
	padding: 0.5em;
	color: #fff;

	background: #333;
}

.controls a:hover {
	background: #999;
}

/*---------------------------------------- Ecommerce --------------------------------------- */

.itemQuantity {
	width:50px;
	height:25px;
	padding:5px 10px;
	text-align:center;
	border:0;
}

.termslink {
	text-decoration:underline;
}

/* Breadcrumbs */

.breadcrumbs {
	margin:0 0 15px;
	padding:0;
}

.breadcrumbs li {
	float:left;
	display:inline;
}

.breadcrumbs li a {
	display:block;
	padding:0px 10px;
}

/* Pagination */

.pagination {
	clear:both;
	float:left;
	display:inline;
}

.pagination li a, .paginationnumbers {
	font-size: 12px;
	border: 1px solid #000;
	margin-right: 5px;
	padding:5px 10px;
	cursor:pointer;
	display: block;
}

.pagination .dots {
	padding:5px 10px;
}

.paginumberorder form {
    margin-left: 0;
}

/* Browse Styles */

select {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    margin: 0;
    padding: 5%;
    width: 100% !important;
    z-index: 8;
}

.selectBox {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 9;
}

/* Jquery Select Box */

.customSelect {
    position: relative;
    float: left;
    padding: 0;
    width: 100%;
    z-index: 7;

    border: 1px solid #e9e9e9;

    background:  #fff;
}

.customSelect:after {
    content: '';
    position: absolute;
    float: right;
    top: 0;
    right: -1px;
    margin: 0;
    padding: 0;
    width: 27px;
    height: 100%;

    background: url(/images/icons/selectbox-arrow.png) right center #fff no-repeat;
    background-size: 100%;
}

.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.customSelectInner {
    width: 100% !important;
    display: block;
    padding: 2% 29% 1% 1%; /* 12px 6px / 600 */
    overflow: hidden;

    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}

.largeSelectBox .customSelect:after {
    width: 44px;
}

.largeSelectBox .customSelectInner {
    padding: 12px 35% 11px 12px;
}

.accordionWrapper {
    position: relative;
    float: left;
    margin: 0;
    margin-bottom: 6.25%; /* 40px / 640 */
    width: 100%;
}

#loading, #ship-loading, #member-loading {
	margin-top: 30px;
	right: 10px;
	position: absolute;
	margin-left: 329px;
	display: none;

}
#loading.show, #ship-loading.show, #member-loading.show {
	display:block;
}



@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 2dppx) {


    .itemDescription label {
        padding: 10px 8px 9px;
    }

    .icons-searchIcon:before {
        left: -2px;
    }

    .selectBoxReplacement:after {
        width: 40px;
    }

    .selectBoxReplacementInner {
        width: 100% !important;
        display: block;
        padding: 8px 25% 9px 10px;
    }


}

@media only screen and (max-width: 640px) and (orientation: landscape) {

    #header .logoBackgroundWrap {
        margin-left: -4px;
    }

}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 2dppx) {

    .customSelect:after {
        width: 22px;
    }

    .largeSelectBox .customSelect:after {
        width: 40px;
    }

    label.labelOverInput {
        padding-bottom: 12px;
    }

    .itemDescription label.labelOverInput {
        padding-bottom: 9px;
    }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2)and (max-width: 640px) and (orientation: landscape),
only screen and (   min--moz-device-pixel-ratio: 2)and (max-width: 640px) and (orientation: landscape),
only screen and (     -o-min-device-pixel-ratio: 2/1)and (max-width: 640px) and (orientation: landscape),
only screen and (        min-device-pixel-ratio: 2)and (max-width: 640px) and (orientation: landscape),
only screen and (                min-resolution: 2dppx)and (max-width: 640px) and (orientation: landscape) {


    .selectBoxReplacementInner span {
        width: 180px !important;
    }

}

.supplyToUsForm .radioRow label {
    border: 0;
}

/* ------------------------- */
/* -- T30761 -- */
/* ------------------------- */

.itemPage .item .recommend {
    position: relative;
    padding: 6px 5.31% 6px 3.13%;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    line-height: 1.4em;
    text-decoration: none;
}

.itemPage .item .recommend i {
    position: absolute;
    display: block;
    float: left;
    top: 10px; left: 10px;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    width: 32px;
    height: 32px;
    color: #e6dc18;
    border: 1px solid #e6dc18;
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-decoration: none;
}

.itemPage .item .recommend span {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 10px 10px 10px 50px;
    color: #fff;
    font-weight: 600;
}

.windowOverlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 99999;
}

.windowOverlay + .formWrap {
    position: fixed;
    top: 10px; left: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
    box-shadow: 0 5px 5px rgba(0,0,0,.4);
}

.windowOverlay + .formWrap > i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
}

.studentPromotion #mc_embed_signup {
    margin: 0 0 30px;
    float: left;
    width: 100%;
    background: transparent;
}

.studentPromotion #mc_embed_signup input {
    margin-bottom: 15px !important;
}

.selectWrap {
    position: relative;
    float: left;
    width: 100%;
}

.selectWrap select {
    -webkit-appearance: none;
    background: #fff;
}

.selectWrap:after {
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 0px;
    content: '\F0DD';
    z-index: 11;
    font-size: 16px;
}