html, button, input, select, textarea { color: #222; }
/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato/lato-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato/lato-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body { font-size: 14px; font-family: 'Lato', Arial, sans-serif; font-weight: 400; color: #231F20; line-height: 145%; margin: 0; text-align: center; }
body.popmaxwidth { max-width: 850px; margin-bottom: 5px; }

.fancybox-slide--iframe { padding: 24px 24px 0 !important; }

p, ul, ol, td, th, h1, h2, h3, h4, h5, h6, label, input, select, textarea { font-family: 'Lato', Arial, sans-serif; font-weight: 400; color: #231F20; }

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }

h1, .h1style { font-size: 1.50em; line-height: 110%; margin-top: 1.5em; margin-bottom: 0.10em; letter-spacing: 0.16em; }
h2, .h2style { font-size: 1.40em; line-height: 115%; margin-top: 1.5em; margin-bottom: 0.15em; letter-spacing: 0.14em; }
h3, .h3style { font-size: 1.30em; line-height: 120%; margin-top: 1.5em; margin-bottom: 0.20em; letter-spacing: 0.13em; }
h4, .h4style { font-size: 1.20em; line-height: 125%; margin-top: 1.5em; margin-bottom: 0.25em; letter-spacing: 0.10em; }
h5, .h5style { font-size: 1.10em; line-height: 130%; margin-top: 1.5em; margin-bottom: 0.30em; letter-spacing: 0.08em; }
h6, .h6style { font-size: 1.00em; line-height: 135%; margin-top: 1.5em; margin-bottom: 0.35em; letter-spacing: 0.06em; }

@media (min-width: 480px) {
	h1, .h1style { font-size: 2.10em; line-height: 110%; }
	h2, .h2style { font-size: 1.80em; line-height: 115%; }
	h3, .h3style { font-size: 1.50em; line-height: 120%; }
	h4, .h4style { font-size: 1.25em; line-height: 125%; }
	h5, .h5style { font-size: 1.10em; line-height: 130%; }
	h6, .h6style { font-size: 1.00em; line-height: 135%; }
}

.block_header { color: #0072B1; border-bottom: 1px solid #CCC; padding-bottom: 3px; margin-top: 30px; }
#welcome_text p { font-size: 1.05em; line-height: 145%; }

p, ul, ol, td, th { margin: 0.8em 0; }

strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, p strong, ul strong, ol strong, td strong, th strong, label strong, .bold { font-family: 'Lato', Arial, sans-serif; font-weight: 700; }

hr { border: 0; border-top: 1px solid #C4C4C4; height: 1px; clear: both; margin: 15px 0; }
hr.feint { border-top: 1px solid #E8E8E8; }
hr.bigblue { border-top: 2px solid #3087B7; height: 2px; }
hr.out_col { margin: 15px 10px; }
hr.yellow { border-color: #FF3; }
hr#topline { margin-top: 1.5em; margin-bottom: 0.6em; }

dl dt { margin-top: 5px; line-height: 100%; }
dl dd { margin-left: 0; margin-bottom: 5px; }

ul, ol { padding-left: 16px; }

.nm { margin: 0px !important; }
.ntm { margin-top: 0px !important; }
.stm { margin-top: 5px !important; }
.mtm { margin-top: 8px !important; }
.mmtm { margin-top: 11px !important; }
.btm { margin-top: 15px !important; }
.vbtm { margin-top: 20px !important; }
.vvbtm { margin-top: 30px !important; }
.nbm { margin-bottom: 0px !important; }
.sbm { margin-bottom: 5px !important; }
.mbm { margin-bottom: 8px !important; }
.bbm { margin-bottom: 15px !important; }
.vbbm { margin-bottom: 20px !important; }
.vvbbm { margin-bottom: 30px !important; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; float: none; }

a { color: #0072B1; text-decoration: underline; outline: 0; border: 0; }
a:hover { color: #231F20; text-decoration: underline; outline: 0; }
a:focus { outline: 0; }
a.plain { color: #231F20; text-decoration: none; }
a.plain:hover { color: #0072B1; text-decoration: underline; }
a.blank { color: #231F20; text-decoration: underline; }
a.blank:hover { color: #0072B1; text-decoration: underline; }
a.green { color: #3b9a72; text-decoration: none; }
a.green:hover { color: #3b9a72; text-decoration: underline; }
a.reverse { color: #FFF; text-decoration: none; }
a.reverse:hover { color: #F68220; text-decoration: none; }
a.awesome { text-decoration: none; font-size: 0.85em; text-transform: uppercase; }
a.awesome i { font-size: 1.1em; position: relative; top: -1px; }
a.awesome:hover { text-decoration: none; }
a.button_small { display: inline-block; line-height: 100% !important; text-align: center; color: #FFF; width: 30px; height: 30px; background-color: #C1C1C1; overflow: hidden; border: 0; border-radius: 3px; }
a.button_small i { display: inline-block; font-size: 20px; line-height: 100% !important; margin-top: 5px; }
a.button_small.light { background-color: #CCC; }
a.button_small:hover, a.button_small.sel { background-color: #3b9a72; }
a.button_huge, .button_huge a { text-decoration: none; margin: 0; display: block; padding: 1em 0; font-size: 1.7em; text-align: center; color: #FFF; background-color: #328ec0; border-radius: 3px; }
a.button_huge:hover, .button_huge a:hover { background-color: #3b9a72; color: #FFF; }
a.button_huge span, .button_huge a span { display: inline-block; margin-left: 0.2em; margin-top: 0.15em; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.7em; vertical-align: top; }

.small, .sm { font-size: 0.88em; line-height: 145%; }
.tiny { font-size: 0.7em; }
.bigger { font-size: 1.08em; line-height: 145%; }
.upper { text-transform: uppercase; }
.lower { text-transform: none; }
.highlight { color: #d4353b; font-weight: 700; }
.relative { position: relative; }

.reverse, .white { color: #FFF; }
.lgrey { color: #999; }
.grey { color: #666; }
.black { color: #231F20; }
.blue { color: #0072B1 !important; }
.blue_tint1 { color: #b2d4e7; }
.blue_tint2 { color: #99c6df; }
.blue_tint4 { color: #7fb8d8; }
.blue_tint5 { color: #66aad0; }
.blue_tint6 { color: #4c9cc8; }
.blue_tint8 { color: #328ec0; }
.blue_tint9 { color: #1980b8; }

.orange { color: #F68220; }
.green, a.green { color: #3b9a72; }
.sale, .red { color: #d4353b; }
.yellow { color: #FF3; }
h6.clearance, p.clearance { color: #333; padding: 7px; line-height: 100%; text-transform: uppercase; font-weight: 700; background-color: #FF3; }

.bggrey, .grey_content { background-color: #999; }
.bglgrey, .lgrey_content { background-color: #F8F8F8; }
.bgblue, .blue_content { background-color: #0072B1; }
.bgred, .red_content { background-color: #d4353b; }
.bggreen, .green_content { background-color: #3b9a72; }
.bgblack, .black_content { background-color: #231F20; }
.bgyellow, .yellow_content { background-color: #FF3; }

.warning { color: #FFF; background-color: #d4353b; border-radius: 3px; font-size: 1.1em; font-weight: 700; padding: 12px; }
.message { color: #FFF; background-color: #0072B1; border-radius: 3px; font-size: 1.1em; font-weight: 700; padding: 12px; }
.look { color: #231F20; background-color: #EEE; border-radius: 3px; font-size: 1.1em; padding: 12px; }
.look a { color: #0072B1; text-decoration: underline; }
.heylook { color: #FFF; background-color: #3b9a72; border-radius: 3px; font-size: 1.1em; font-weight: 700; padding: 12px; }
.heylook a { color: #FFF; text-decoration: underline; }
.heylook a.button4 { position: relative; top: -1px; padding: 3px 13px; margin-left: 5px; text-decoration: none; }
.heylook a.button4:hover { background-color: #F68220; }
.heylook_buttons { float: right; }
.alert { color: #FFF; background-color: #d4353b; padding: 5px; }
.alert a { color: #FFF !important; text-decoration: underline; }
.green_info { color: #FFF; background-color: #3b9a72; border-radius: 3px; padding: 10px 12px; }
.green_info a { color: #FFF; }
.green_info i { font-size: 1.4em; margin: -0.5em 0.2em 0 0; position: relative; top: 0.1em; }

.icon_big_dot { color: #FFF; padding: 0.5em; font-size: 3em; border-radius: 100%; display: inline-block; }
.icon_big_dot.green { background-color: #3b9a72; }

.site_message { margin: 1.2em auto 0 auto; padding: 12px 12px; text-align: center; }
.site_message .sign_box { text-align: left; }

.reviewbar { background-color: #F5F5F5; border-radius: 3px; font-size: 1.1em; font-weight: 700; padding: 6px; text-align: center; margin-top: 16px; margin-bottom: -2px; }
.reviewbar p { margin: 6px 0; }
.reviewbar a { color: inherit; text-decoration: none; }
.reviewbar a:hover { color: #0072B1; }
.reviewbar img { max-height: 1.3em; display: inline-block; margin: -0.2em 0.2em 0 0.2em; }
.reviewbar .stars { color: gold; }

.box { padding: 12px; border-radius: 3px; }
.box.border { border-color: #C4C4C4; border-width: 1px; border-style: solid; }
.box.redborder { border-color: #d4353b; border-width: 1px; border-style: solid; }
.box p { margin: 0.8em 0 !important; font-size: 1.1em; }
.box p:first-of-type { margin-top: 0 !important; }
.box p:last-of-type { margin-bottom: 0 !important; }
.box.reverse p { color: #FFF; }
.box.reverse p a { color: #FFF; opacity: 0.8; text-decoration: none; }
.box.reverse p a:hover { opacity: 1; }
.box .box_header { margin: -12px -12px 0 -12px; padding: 12px; border-bottom: 1px solid #C4C4C4; }
.box .box_header.bg { color: #FFF; border: 0; }

.sign_img { margin: 1.2em 0 0 0; max-width: 300px; }
.sign_box { margin: 0.5em 0 0 0 !important; }
@media (min-width: 768px) {
	.sign_img { width: 210px; float: left; }
	.sign_box { width: 500px; float: right; margin: 1.2em 0 0 0 !important; }
}
@media (min-width: 992px) {
	.sign_img { width: 220px; }
	.sign_box { width: 710px; min-height: 105px; }
}
@media (min-width: 1200px) {
	.sign_box { width: 910px; min-height: 105px; }
}

.bg_content { margin: 12px 0; border-radius: 3px; }
.bg_content p { line-height: 140%; }
.bg_content a { text-decoration: none; }
.bg_content a:hover { color: #F68220; }
.blue_content p, .blue_content ul { color: #FFF; }
.blue_content form input[type='submit'].button1:hover, .blue_content a.button1:hover { background-color: #4BA2D6; }
.blue_content label { color: #FFF; }
.blue_content label.highlight { color: #F68220; }
.black_content .stripe { background-color: #FF3; }
.yellow_content .stripe { background-color: #222; }
.black_content .stripe, .yellow_content .stripe { margin: 8px -12px 5px -12px; padding: 5px 12px; line-height: 115%; }
.bg_arrow1 { background-image: url(../img/signposts/arrow_big1.png); background-repeat: no-repeat; background-position: right -10px center; }
.bg_arrow2 { background-image: url(../img/signposts/arrow_big2.png); background-repeat: no-repeat; background-position: right -10px center; }
.bg_info { background-image: url(../img/signposts/infodot.png); background-repeat: no-repeat; background-position: right -30px bottom -5px; }

.signpost { display: block; margin: 13px 0; position: relative; text-decoration: none; border-radius: 3px; background-repeat: no-repeat; }
.signpost:hover { text-decoration: none; }
.signpost_content { padding: 3px 12px; min-height: 104px; }
.signpost_content p.compact_lines { line-height: 135%; }
.signpost_bottom { position: absolute; bottom: 0; }
.signpost_red { background-color: #d4353b; }
.signpost_green { background-color: #d4353b; }

.signpost_sale { background: #d4353b url(../img/main/vintage-sale-label4.jpg) repeat center center; background-size: auto 100%; text-align: center; }

.signpost_clearance { background: #FF6 url(../img/main/clearance_bg.jpg) repeat center center; background-size: 157px 104px; text-align: center; }
.signpost_clearance p { margin: 0.25em 0; }
.signpost_clearance p.sc_line1 { font-size: 2em; text-transform: uppercase; letter-spacing: 0.15em; }
.signpost_clearance p.sc_line1 span { color: #FF6; background-color: #333; padding: 7px 40px; display: inline-block; }
.signpost_clearance p.sc_line2 { font-size: 2em; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 700; }
.signpost_clearance p.sc_line3 { font-size: 0.72em; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 0.15em; }

.signpost_clearance_small { background: #FF6 url(../img/main/clearance_bg.jpg) repeat center center; background-size: 157px 104px; text-align: center; }
.signpost_clearance_small p { margin: 0.45em 0; }
.signpost_clearance_small p.sc_line1 { font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.15em; }
.signpost_clearance_small p.sc_line1 span { color: #FF6; background-color: #333; padding: 5px 20px; display: inline-block; }
.signpost_clearance_small p.sc_line2 { font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 700; }
.signpost_clearance_small p.sc_line3 { font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 0.15em; }

p.scroll_links { margin: 15px 0 0 0; }
p.scroll_links > span { display: inline-block; color: #FFF; text-transform: uppercase; line-height: 120%; margin: 1px 0; padding: 3px 15px 3px 8px; background: #0072B1 url(../img/main/white_neg_right_arrow.png) no-repeat right center; background-size: auto 100%; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
a.scroll_link { display: inline-block; text-decoration: none; color: #231F20; background-color: #EAEAEA; margin: 1px; padding: 3px 6px; border-radius: 3px; text-transform: uppercase; line-height: 120%; }
a.scroll_link:hover { color: #FFF; background-color: #3087B7; }
a.view_link.sale { color: #d4353b; }
a.view_link.sale:hover { color: #FFF; background-color: #d4353b; }

img { -ms-interpolation-mode: bicubic; max-width: 100%; }
img.icon16-1 { position: relative; top: -1px; }
img.icon16-2 { position: relative; top: -2px; }
img.icon13 { position: relative; top: -1px; }
img.icon11 { position: relative; top: -1px; }
img.icon11-2 { position: relative; top: -2px; }

.status_bar { height: 10px; background-color: #EAEAEA; position: relative; width: 100%; }
.status_bar .status { height: 10px; background-color: #999; position: absolute; left: 0; top: 0; }
.status_bar .status.complete { background-color: #3b9a72; }
.status_bar .status.cancelled { background-color: #e08185; }

table.tbl1 { margin: 15px 0; border-collapse: collapse; border-spacing: 0; width: 100%; }
table.tbl1.uptop { margin-top: 0; }
table.tbl1 th { font-weight: normal; text-align: left; padding: 5px 2px; }
table th.alright, table td.alright, .alright { text-align: right !important; }
table th.alcenter, table td.alcenter, .alcenter { text-align: center !important; }
table.tbl1 tr { border-top: 1px solid #888; border-bottom: 1px solid #888; }
table.tbl1 td { line-height: 140%; padding: 5px 2px; text-align: left; }
table tr.status_bar td { padding: 0 !important; }
table tr.spaced td { padding-top: 7px; padding-bottom: 7px; }
table tr.spaced_top { border-bottom: 0; }
table tr.spaced_bottom { border-top: 0; }
table tr.spaced_top td { padding-top: 7px; }
table tr.spaced_bottom td { padding-bottom: 7px; }
table.tbl1 tr.status_bar { border-top: 0px; border-bottom: 0px; }
table.tbl1 tr.order_details { border-top: 0px; }
table.selectable { margin: 0; line-height: 110%; border-collapse: separate; border-spacing: 0 10px; width: 100%; }
table.selectable td.liverowlink a { font-size: 1.2em; }
table.selectable tr.sel_label_row th { font-weight: normal; color: #0072B1; font-size: 0.85em; line-height: 100%; letter-spacing: 0.07em; }
table.selectable tr.sel_label_row th:first-child { padding-left: 10px; }
table.selectable tr.sel_row td { border-top: 2px solid #3b9a72; border-bottom: 2px solid #3b9a72; padding: 8px 0; background-color: #FFF; }
table.selectable tr.sel_row td:first-child { border-left: 2px solid #3b9a72; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding-left: 8px; }
table.selectable tr.sel_row td:last-child { border-right: 2px solid #3b9a72; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding-right: 8px; }
table.selectable tr.sel_row td.price { padding-left: 3px; padding-right: 3px; }
table.selectable tr.liverow:hover { background-color: transparent; }
table.selectable tr.liverow:hover td { background-color: #E0F1FB; }
tr:last-child td:first-child { border-bottom-left-radius: 10px; }
tr:last-child td:last-child { border-bottom-right-radius: 10px; } {  }
table tr.order_details td { padding-top: 0.6em; padding-bottom: 0.6em; }
table tr.order_details td.fullbutton { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; margin: 0; }
table tr.order_details td.fullbutton a { display: block; width: 37px; height: 2.6em; padding-top: 0.8em; background-color: #CCC; border-left: 2px solid #FFF; text-decoration: none; cursor: pointer; }
table tr.order_details td.fullbutton a i { color: #FFF; display: block; }
table tr.order_details td.fullbutton a:hover { background-color: #0072B1; }
table tr.order_items { display: none; }
table tr.order_items td { padding-bottom: 25px; }
table tr.order_items td p { margin: 0.3em 0; }
table tr.order_items td p span.quantity { display: block; float: right; margin-left: 20px; }
table tr.label_row th { padding: 5px 2px; background-color: #EAEAEA; font-weight: 400; color: #0072B1; font-size: 0.85em; line-height: 100%; letter-spacing: 0.07em; }
table tr.label_row a { text-decoration: none; }
table tr.title_seperator { border-top: none; }
table tr.title_seperator th { padding: 9px 0 3px 0; }
table tr.title_seperator:first-child th { padding-top: 0; }
table tr.title_seperator th h5 { font-size: 1.1em; letter-spacing: 0.06em; text-transform: uppercase; margin: 0.9em 0 0.3em 0; }
table tr.title_seperator th h6 { font-size: 1.1em; letter-spacing: 0.06em; text-transform: uppercase; margin: 0; }
table tr.title_seperator th p { float: right; margin: 0; }
table tr.order_titles th { padding: 5px 5px; background-color: #F8F8F8; font-size: 0.85em; text-transform: uppercase; }
table tr.main_row th { padding: 5px 5px; background-color: #F2C39A; text-transform: uppercase; font-size: 1.2em; }
table tr.main_row td { padding: 5px 5px; background-color: #F2C39A; text-transform: uppercase; font-size: 1.2em; }
table td.selector i { font-size: 1.2em; }
table tr.hash { background: #FFF url(../img/main/hash.png) repeat left top; }
table tr.liverow, table tr.liverow2 { cursor: pointer; }
table tr.liverow:hover, table tr.liverow2:hover { background-color: #E0F1FB; }
table td.from { color: #888; font-size: 0.80em; }
table td.sale { font-weight: 700; }
table td.clearance, table td.clearance_compact { text-align: center; }
table td.clearance strong, table td.clearance_compact strong { display: inline-block; line-height: 100%; color: #333; padding: 7px; text-transform: uppercase; background-color: #FF6; }
table td.clearance_compact strong { font-size: 0.85em; padding: 4px; }
table td span.unitnote { font-size: 0.88em; color: #888; }
table td.gaprow { height: 15px; }
table td.gaprow a img { vertical-align: middle; }
@media (min-width: 480px) {
	table.tbl1 th { padding: 5px 5px; }
	table.tbl1 td { padding: 3px 5px; }
	table tr.label_row th { padding: 5px 5px; }
}
@media (min-width: 650px) {
	table tr.title_seperator th h5 { font-size: 1.2em; letter-spacing: 0.08em; margin: 1.3em 0 0.5em 0; }
}
@media (min-width: 992px) {
	table.tbl1.uptop { margin-top: -40px; }
}

table.tbl2 { margin: 0; border-collapse: collapse; border-spacing: 0; }
table.tbl2 tr.title_row_1 td { padding-top: 1em; padding-bottom: 0.3em; border-bottom: 1px solid #000; font-size: 1.1em; }
table.tbl2 tr.title_row_2 td { padding-top: 0.5em; font-size: 1.05em; }
table.tbl2 tr.list_row td { font-size: 0.95em; }

table.order_table td { position: relative; }
table.order_table td div.corner_edit { position: absolute; top: 0.2em; right: 0; font-size: 1.3em; }
table.order_table td input { width: 55px; line-height: 100%; text-align: center; }
table.products_table { margin: 12px 0 30px 0; width: 100%; line-height: 110%; clear: both; }
table.no_format th { font-weight: 700; }
table.no_format tr { border: 0; }
table.no_format td, table.no_format th { padding: 0; }
table.dash { margin: 10px 0; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; }
table.dash td, table.dash th { padding: 4px; border-top: 1px solid #888; }

.resp_table { margin: 15px 0; width: 100%; border-top: 1px solid #888; }
.resp_tr { border-bottom: 1px solid #888; }
.resp_tr > div { line-height: 140%; }
.resp_cell { display: inline-block; padding: 3px 0; vertical-align: middle; text-align: center; }
.resp_cell_10 { width: 10%; }
.resp_cell_15 { width: 15%; }
.resp_cell_20 { width: 20%; }
.resp_cell_25 { width: 25%; }
.resp_cell_30 { width: 30%; }
.resp_tr .spaced { padding-top: 7px; padding-bottom: 7px; }
.resp_tr.resp_header { background-color: #EAEAEA; }
.resp_tr.resp_header > div { padding: 5px 0; font-weight: 400; color: #0072B1; font-size: 0.85em; line-height: 100%; letter-spacing: 0.07em; }
.resp_tr > div.resp_hidden_xs { display: none; }
.resp_tr > div.alleft { text-align: left; }
@media (max-width: 768px) {
	.resp_cell a.button_small { display: inline-block; font-size: 1.3em; text-align: center; color: #888; background-color: transparent; width: auto; height: auto; padding-top: 0; }
}
@media (min-width: 768px) {
	.resp_table { display: table; border-collapse: collapse; }
	.resp_tr { display: table-row; }
	.resp_cell { display: table-cell; vertical-align: middle; }
	.resp_cell_10, .resp_cell_15, .resp_cell_20, .resp_cell_25, .resp_cell_30 { width: auto; }
	.resp_tr.resp_header > div { padding: 5px 3px; }
	.resp_alcenter_sm { text-align: center; }
	.resp_hidden_xs { display: table-cell; }
}

label, .label { color: #666; font-size: 0.95em; font-weight: 400; padding-left: 0; }
label.highlight { color: #d4353b; font-weight: 700; }
input[type='text'], input[type='password'], textarea, select { max-width: 100%; }
input[type='text'], input[type='password'], input[type='file'], input[type='submit'], input[type='image'], textarea, select, button { font-size: 14px; vertical-align: top; }
input[type='text'], input[type='password'], textarea { border: 1px solid #CCC; padding: 4px; }
input[type='text'].input_sm, input[type='password'].input_sm { padding: 3px 4px; font-size: 0.94em; }
textarea, input, input:focus { outline: none !important;  box-shadow: none !important; }
select, input[type='file'] { display: inline-block; margin: 3px 0; }
select { max-width: 100%; padding: 4px; }
select.form-control { margin: 0; }
form { margin: 13px 0; }

.button1, a.button1, form input[type='submit'].button1, form button.button1 { text-decoration: none; display: inline-block; color: #FFF !important; background-color: #F68220; font-size: 1em; line-height: 100%; letter-spacing: 0.04em; text-transform: uppercase; padding: 13px 25px; cursor: pointer; border: 0; border-radius: 3px; }
.button1:hover, a.button1:hover, form input[type='submit'].button1:hover, form button.button1:hover { color: #FFF !important; background-color: #3b9a72; }
.button1extraicon { display: inline-block; font-size: 1.2em; margin-top: -0.2em; position: relative; top: 0.1em; margin-right: -0.2em; }
.button2, a.button2, form input[type='submit'].button2, form button.button2 { text-decoration: none; display: inline-block; color: #FFF !important; background-color: #999; font-size: 0.83em; line-height: 120%; letter-spacing: 0.02em; text-transform: uppercase; padding: 5px 12px 0 12px; cursor: pointer; height: 24px; border: 0; border-radius: 3px; }
.button2:hover, a.button2:hover, form input[type='submit'].button2:hover, form button.button2:hover { color: #FFF !important; background-color: #0072B1; }
.button3, a.button3, form input[type='submit'].button3, form button.button3 { text-decoration: none; display: inline-block; color: #FFF !important; background-color: #0072B1; font-size: 0.95em; line-height: 120%; letter-spacing: 0.02em; text-transform: uppercase; padding: 8px 16px; cursor: pointer; border: 0; border-radius: 3px; }
.button3:hover, a.button3:hover, form input[type='submit'].button3:hover, form button.button3:hover { color: #FFF !important; background-color: #3b9a72; }
.button4, a.button4, form input[type='submit'].button14, form button.button4 { text-decoration: none; display: inline-block; color: #FFF !important; background-color: #C1C1C1; font-size: 0.9em; line-height: 120%; letter-spacing: 0.02em; text-transform: uppercase; padding: 6px 12px; cursor: pointer; border: 0; border-radius: 3px; }
.button4:hover, a.button4:hover, form input[type='submit'].button4:hover, form button.button4:hover { color: #FFF !important; background-color: #3b9a72; }

.button1.blue, a.button1.blue, form input[type='submit'].button1.blue, form button.button1.blue, 
.button2.blue, a.button2.blue, form input[type='submit'].button2.blue, form button.button2.blue, 
.button3.blue, a.button3.blue, form input[type='submit'].button3.blue, form button.button3.blue, 
.button4.blue, a.button4.blue, form input[type='submit'].button4.blue, form button.button4.blue { color: #FFF; background-color: #0072B1; }
.button1.blue:hover, a.button1.blue:hover, form input[type='submit'].button1.blue:hover, form button.button1.blue:hover,
.button2.blue:hover, a.button2.blue:hover, form input[type='submit'].button2.blue:hover, form button.button2.blue:hover, 
.button3.blue:hover, a.button3.blue:hover, form input[type='submit'].button3.blue:hover, form button.button3.blue:hover, 
.button4.blue:hover, a.button4.blue:hover, form input[type='submit'].button4.blue:hover, form button.button4.blue:hover { color: #FFF; background-color: #3b9a72; }

.button1.green, a.button1.green, form input[type='submit'].button1.green, form button.button1.green, 
.button2.green, a.button2.green, form input[type='submit'].button2.green, form button.button2.green, 
.button3.green, a.button3.green, form input[type='submit'].button3.green, form button.button3.green, 
.button4.green, a.button4.green, form input[type='submit'].button4.green, form button.button4.green { color: #FFF; background-color: #3b9a72; }
.button1.green:hover, a.button1.green:hover, form input[type='submit'].button1.green:hover, form button.button1.green:hover,
.button2.green:hover, a.button2.green:hover, form input[type='submit'].button2.green:hover, form button.button2.green:hover, 
.button3.green:hover, a.button3.green:hover, form input[type='submit'].button3.green:hover, form button.button3.green:hover, 
.button4.green:hover, a.button4.green:hover, form input[type='submit'].button4.green:hover, form button.button4.green:hover { color: #FFF; background-color: #0072B1; text-decoration: none; }

.button1.grey, a.button1.grey, form input[type='submit'].button1.grey, form button.button1.grey,
.button2.grey, a.button2.grey, form input[type='submit'].button2.grey, form button.button2.grey,
.button3.grey, a.button3.grey, form input[type='submit'].button3.grey, form button.button3.grey,
.button4.grey, a.button4.grey, form input[type='submit'].button4.grey, form button.button4.grey { color: #FFF; background-color: #C1C1C1; }
.button1.grey:hover, a.button1.grey:hover, form input[type='submit'].button1.grey:hover, form button.button1.grey:hover,
.button2.grey:hover, a.button2.grey:hover, form input[type='submit'].button2.grey:hover, form button.button2.grey:hover, 
.button3.grey:hover, a.button3.grey:hover, form input[type='submit'].button3.grey:hover, form button.button3.grey:hover, 
.button4.grey:hover, a.button4.grey:hover, form input[type='submit'].button4.grey:hover, form button.button4.grey:hover { color: #FFF; background-color: #3b9a72; }

.button1.greyred, a.button1.greyred, form input[type='submit'].button1.greyred, form button.button1.greyred, 
.button2.greyred, a.button2.greyred, form input[type='submit'].button2.greyred, form button.button2.greyred, 
.button3.greyred, a.button3.greyred, form input[type='submit'].button3.greyred, form button.button3.greyred, 
.button4.greyred, a.button4.greyred, form input[type='submit'].button4.greyred, form button.button4.greyred { color: #FFF; background-color: #C1C1C1; }
.button1.greyred:hover, a.button1.greyred:hover, form input[type='submit'].button1.greyred:hover, form button.button1.greyred:hover, 
.button2.greyred:hover, a.button2.greyred:hover, form input[type='submit'].button2.greyred:hover, form button.button2.greyred:hover, 
.button3.greyred:hover, a.button3.greyred:hover, form input[type='submit'].button3.greyred:hover, form button.button3.greyred:hover, 
.button4.greyred:hover, a.button4.greyred:hover, form input[type='submit'].button4.greyred:hover, form button.button4.greyred:hover { color: #FFF; background-color: #d4353b; }

.button1.red, a.button1.red, form input[type='submit'].button1.red, form button.button1.red,
.button2.red, a.button2.red, form input[type='submit'].button2.red, form button.button2.red,
.button3.red, a.button3.red, form input[type='submit'].button3.red, form button.button3.red,
.button4.red, a.button4.red, form input[type='submit'].button4.red, form button.button4.red { color: #FFF; background-color: #d4353b; }
.button1.red:hover, a.button1.red:hover, form input[type='submit'].button1.red:hover, form button.button1.red:hover, 
.button2.red:hover, a.button2.red:hover, form input[type='submit'].button2.red:hover, form button.button2.red:hover, 
.button3.red:hover, a.button3.red:hover, form input[type='submit'].button3.red:hover, form button.button3.red:hover, 
.button4.red:hover, a.button4.red:hover, form input[type='submit'].button4.red:hover, form button.button4.red:hover { color: #FFF; background-color: #3b9a72; }

.button1.orange, a.button1.orange, form input[type='submit'].button1.orange, form button.button1.orange,
.button2.orange, a.button2.orange, form input[type='submit'].button2.orange, form button.button2.orange,
.button3.orange, a.button3.orange, form input[type='submit'].button3.orange, form button.button3.orange,
.button4.orange, a.button4.orange, form input[type='submit'].button4.orange, form button.button4.orange { color: #FFF; background-color: #F68220; }
.button1.orange:hover, a.button1.orange:hover, form input[type='submit'].button1.orange:hover, form button.button1.orange:hover, 
.button2.orange:hover, a.button2.orange:hover, form input[type='submit'].button2.orange:hover, form button.button2.orange:hover, 
.button3.orange:hover, a.button3.orange:hover, form input[type='submit'].button3.orange:hover, form button.button3.orange:hover, 
.button4.orange:hover, a.button4.orange:hover, form input[type='submit'].button4.orange:hover, form button.button4.orange:hover { color: #FFF; background-color: #3b9a72; }

.button_full { display: block; width: 100%; }
button:disabled, button[disabled] { background-color: #EAEAEA !important; color: #666666 !important; }

form input[type='submit'].button2, form button.button2 { display: inline-block; color: #FFF; background-color: #999; font-size: 0.85em; line-height: 100%; letter-spacing: 0.02em; text-transform: uppercase; padding: 0 12px; height: 24px; cursor: pointer; border: 0; border-radius: 3px; }
form input[type='submit'].button2:hover, form button.button2:hover { background-color: #0072B1; }
form input[type='submit'].button3, form button.button3 { display: inline-block; color: #FFF; background-color: #0072B1; font-size: 0.95em; line-height: 100%; letter-spacing: 0.02em; text-transform: uppercase; padding: 8px 16px; cursor: pointer; border: 0; border-radius: 3px; }
form input[type='submit'].button3:hover, form button.button3:hover { background-color: #3b9a72; }
form input[type='submit'].button4, form button.button4 { display: inline-block; color: #FFF; background-color: #999; font-size: 0.95em; line-height: 100%; letter-spacing: 0.02em; text-transform: uppercase; padding: 7px 12px; cursor: pointer; border: 0; border-radius: 3px; }
form input[type='submit'].button4:hover, form button.button4:hover { background-color: #3b9a72; }
form input[type='submit'].button5, form button.button5 { display: inline-block; color: #FFF; background-color: #0072B1; font-size: 1em; line-height: 100%; letter-spacing: 0.04em; text-transform: uppercase; padding: 13px 25px; cursor: pointer; border: 0; border-radius: 3px; }
form input[type='submit'].button5:hover, form button.button5:hover { background-color: #F68220; }
form button.inline { display: block; width: 100%; line-height: 100%; letter-spacing: 0.04em; text-transform: uppercase; padding: 0.7em; border: 0; border-radius: 3px; background-color: #F68220; color: #FFF; }
form button.inline:hover { color: #FFF; background-color: #3b9a72; }
form #website { display: none; }

@media (max-width: 450px) {
	.buttonmobfull { display: block !important; width: 100%; margin-bottom: 5px; }
}

input[type='text'], input[type='password'], textarea { width: 100%; }
@media (min-width: 480px) {
	input[type='text'], input[type='password'], textarea { width: 480px; }
}
input.fitwidth, textarea.fitwidth, select.fitwidth { width: 100%; }
input.addbox_1 { width: 100%; padding: 5px 4px; font-size: 1.28em; }
input.addbox_2 { width: 100%; padding: 4px; }
input.code { width: 180px; }
input.tinyfield { width: 50px; font-size: 12px; line-height: 18px; padding: 0; text-align: center; vertical-align: top; border-right: 0; border: 1px solid #CCC; }
input.norightborder { border-right: 0; }
button.tinygo { border: 0; background-color: #0072B1; color: #FFF; padding: 3.7px 3px; font-size: 12px; line-height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; vertical-align: top; }
button.tinygo:hover { background-color: #3b9a72; }

.button5_buddy { display: block; float: right; background-color: #EAEAEA; color: #0072B1; font-size: 1em; line-height: 110%; letter-spacing: 0.04em; text-transform: uppercase; padding: 13px 15px; border-radius: 3px; }
.button5_buddy .small { line-height: inherit; }

.switch { position: relative; width: 52px; height: 26px; margin: 0; vertical-align: bottom; }
.inline_switch.switch { display: inline-block; vertical-align: middle; }
.inline_switch label.labelright { margin-left: 8px; position: relative; top: 4px; }
.switch input { display: none; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider.error { background-color: #be1621; }
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #333; }
input:focus + .slider { box-shadow: 0 0 1px #333; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round { border-radius: 26px; }
.slider.round:before { border-radius: 50%; }

.postcode_lookup_field { display: block; width: 74% !important; float: left; }
.postcode_lookup_button { display: block; width: 25%; float: right; color: #FFF; background-color: #0072B1; border-color: #0072B1; }
.postcode_lookup_button:hover { color: #FFF; background-color: #3b9a72; border-color: #3b9a72; }
.check_box { border: 1px solid #CCC; border-radius: 3px; }
.check_box .checkbox { margin: 8px; }
.check_box.green { border-color: #3b9a72; background-color: #3b9a72; }
.check_box.green .checkbox label { color: #FFF; }

#interest_selector.width4 { width: 292px; }
#admintitlebar { margin: 1em 0; }
#admintitlebar h2, #admintitlebar h3 { margin: 0.1em 0 0 0; }
#admintitlebar_right > a.button4 { margin-top: 0.1em; }
#admintitlebar_right > div.select { margin-top: 0.05em; display: inline-block; cursor: pointer; position: relative; }
#admintitlebar_right > div.select div.options { display: none; position: absolute; top: 32px; right: -4px; z-index: 9999; background-color: #FFF; border-radius: 6px; padding: 0 2px; }
#admintitlebar_right > div.select div.options a { display: block; margin: 4px 2px; text-align: right; }
#admin_search { margin: -0.07em 10px 0 0; background-color: #CCC; padding: 4px; border-radius: 3px; width: 30%; min-width: 250px; position: relative; }
#admin_search input[type='text'] { border: 0; padding: 3px; font-size: 1.01em; width: 68%; }
#admin_search input[type='submit'] { background-color: #0072B1; padding: 0.6em 0; height: auto; width: 30%; }
#admin_search input[type='submit']:hover { background-color: #3b9a72; }
#admin_search_cancel { float: right; margin: 0 10px 0 -7px; }
@media (min-width: 480px) {
    #admintitlebar h2, #admintitlebar h3 { float: left; }
    #admintitlebar_right { float: right; }
    #admin_search { float: right; }
}

.col_padded { padding: 5px 15px; }
.col_padded input, .col_padded textarea { border-color: #FFF; }

input.width2figs { width: 22px; }
input.width3figs { width: 28px; }
input.width4figs { width: 34px; }
input.width5figs { width: 40px; }
input.width6figs { width: 46px; }
input.width7figs { width: 52px; }
input.width8figs { width: 58px; }
input.width9figs { width: 64px; }
input.width10figs { width: 70px; }

.alleft, .col_left { text-align: left; }
.alcenter, .col_center { text-align: center; }
.alright, .col_right { text-align: right; }

.row.smallgutter {
  margin-right: -7px !important;
  margin-left: -7px !important;
}
.row.smallgutter .col-xs-1, .row.smallgutter .col-sm-1, .row.smallgutter .col-md-1, .row.smallgutter .col-lg-1, .row.smallgutter .col-xs-2, .row.smallgutter .col-sm-2, .row.smallgutter .col-md-2, .row.smallgutter .col-lg-2, .row.smallgutter .col-xs-3, .row.smallgutter .col-sm-3, .row.smallgutter .col-md-3, .row.smallgutter .col-lg-3, .row.smallgutter .col-xs-4, .row.smallgutter .col-sm-4, .row.smallgutter .col-md-4, .row.smallgutter .col-lg-4, .row.smallgutter .col-xs-5, .row.smallgutter .col-sm-5, .row.smallgutter .col-md-5, .row.smallgutter .col-lg-5, .row.smallgutter .col-xs-6, .row.smallgutter .col-sm-6, .row.smallgutter .col-md-6, .row.smallgutter .col-lg-6, .row.smallgutter .col-xs-7, .row.smallgutter .col-sm-7, .row.smallgutter .col-md-7, .row.smallgutter .col-lg-7, .row.smallgutter .col-xs-8, .row.smallgutter .col-sm-8, .row.smallgutter .col-md-8, .row.smallgutter .col-lg-8, .row.smallgutter .col-xs-9, .row.smallgutter .col-sm-9, .row.smallgutter .col-md-9, .row.smallgutter .col-lg-9, .row.smallgutter .col-xs-10, .row.smallgutter .col-sm-10, .row.smallgutter .col-md-10, .row.smallgutter .col-lg-10, .row.smallgutter .col-xs-11, .row.smallgutter .col-sm-11, .row.smallgutter .col-md-11, .row.smallgutter .col-lg-11, .row.smallgutter .col-xs-12, .row.smallgutter .col-sm-12, .row.smallgutter .col-md-12, .row.smallgutter .col-lg-12 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.spacer_reg { height: 20px; }

#main { min-height: 400px; text-align: left; position: relative; }
@media (min-width: 480px) {
	#main { min-height: 550px; }
}

header { position: relative; text-align: left; }
header#h_popup { border-bottom: 1px solid #CCC; padding: 13px 0; }
header#h_popup > a { float: right; }
header#h_popup p#logo { margin: 0; width: 180px; float: left; }
#popup_close { display: none; }
@media (min-width: 800px) {
    header#h_popup, #popup_back_huge { display: none; }
	#popup_close { color: #FFF; background-color: #0072B1; display: block; text-decoration: none; position: absolute; z-index: 1; right: 0; top: 0; padding: 0.8em; line-height: 100%; cursor: pointer; }
	#popup_close:hover { color: #FFF; background-color: #3b9a72; text-decoration: none; }
}

#logo { margin: 12px 0 -7px 0; display: block; text-decoration: none; }
#logo img { display: block; width: 261px; }
#logo img:not(#homepage #logo img, #h_popup #logo img) { width: 130px; }
#logo span:not(#homepage #logo span) { display: none; }
#logo span { display: block; margin-top: 12px; padding: 3px 0 0 0; border-top: 1px solid #CCC; color: #231F20; font-size: 0.832em; letter-spacing: 0.062em; text-transform: uppercase; }
#header_right { margin-top: 1.5em; }
@media (min-width: 400px) {
    #logo img:not(#homepage #logo img, #h_popup #logo img) { width: 261px; }
    #logo span:not(#homepage #logo span) { display: block; }
}
@media (min-width: 992px) {
	#header_left { float: left; }
	#header_right { float: right; text-align: right; margin-top: 0.2em; }
}

header #header_basket { position: absolute; right: 0; top: 0; font-size: 1.4em; color: #FFFFFF; background-color: #0072B1; padding: 8px 10px 0 0; width: 45px; height: 45px; text-align: right; border-bottom-left-radius: 46px; }
header #header_basket:hover { background-color: #3b9a72; }

#basket_nav { float: right; font-size: 0.94em; margin: 10px 40px 0 0; }
#basket_nav a { color: #231F20; text-decoration: none; }

#account_nav { margin: 9px 0 0 0; padding: 0; list-style: none; list-style-type: none; text-align: left; }
#account_nav li { display: inline-block; font-size: 0.94em; }
#account_nav li.sep, #account_nav li span.sep, #basket_nav a span.sep { color: #999; position: relative; top: -1px; padding: 0 6px; }
#account_nav li a { text-decoration: none; }
#account_nav li#users i { font-size: 1.35em; margin-right: 4px; }
#account_nav li#phone { display: none; }
#account_nav li#phone i { font-size: 1.30em; margin-right: 6px; position: relative; top: 1px; }
#account_nav li i { display: none; }
#account_nav li#vatswitch { margin-left: 12px; }
#account_nav li#vatswitch form { display: inline-block; margin: 0; }
#account_nav li#vatswitch .switch { width: 33px; height: 18px; display: inline-block; vertical-align: top; margin-left: 0.1em; }
#account_nav li#vatswitch .slider:before { height: 12px; width: 12px; }
#account_nav li#vatswitch input:checked + .slider { background-color: #0072B1; }
#account_nav li#vatswitch input:checked + .slider:before { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); }
#account_nav li#vatswitch .slider.round { border-radius: 18px; }

@media (min-width: 400px) {
	#account_nav li i { display: inline; }
	#account_nav li#vatswitch { margin-left: 18px; }
}
@media (min-width: 992px) {
	#account_nav { float: right; margin: 9px 20px 27px 0; padding: 0; }
	#account_nav li#phone { display: inline-block; color: #0072B1; font-weight: 700; font-size: 1.22em; letter-spacing: 0; margin: -8px 18px 0 0; position: relative; top: 1px; }
}

#nav { text-align: left; margin-top: 17px; }
@media (min-width: 550px) {
    #nav { margin-top: 20px; }
}
@media (min-width: 992px) {
    #nav { margin-top: 0; }
}

.userinfo p { margin: 0.3em 0; }
.userinfo p.userlabel { color: #0072B1; }

.ab_address { display: block; margin: 1em 0; padding: 0 1em; border: 1px solid #CCC; border-radius: 15px; position: relative; overflow: hidden; text-decoration: none; }
.ab_address.default { padding-top: 0.8em; }
.ab_edit { position: absolute; top: 3px; right: 7px; color: #CCC; font-size: 13px; z-index: -1; }
.ab_default { color: #FFF; background-color: #0072B1; text-transform: uppercase; font-family: 'latobold', Arial, sans-serif; font-size: 0.7em; line-height: 100%; position: absolute; left: 0; top: 0; padding: 0.4em 1em 0.35em 1em; border-bottom-right-radius: 13px; }
a.ab_address:hover { text-decoration: none; border-color: #0072B1; }
a.ab_address:hover .ab_edit { color: #0072B1; }

#address_book { margin: 0 -10px; }
#address_book .ab_grid { padding: 0 10px; }
@media (min-width: 550px) {
	#address_book .ab_grid { width: 50%; float: left; }
	#address_book .ab_address { min-height: 11em; padding-top: 0.8em; padding-bottom: 2.5em; }
	#address_book .ab_nav { position: absolute; bottom: 0; }
}

#mobilenavbg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 7998; }
#mobileswitch { float: right;  }
#mobileswitch, #mobilequick a.button, #mobilequick a span.button { margin: 0; display: inline-block; line-height: 100% !important; text-align: center; color: #FFF; width: 40px; height: 40px; background-color: #0072B1; overflow: hidden; border: 0; border-radius: 3px; cursor: pointer; }
#mobileswitch i, #mobilequick a.button i, #mobilequick a span.button i { display: inline-block; font-size: 20px; line-height: 100% !important; margin-top: 10px; color: #FFF; }
#mobileswitch:hover, #mobilequick a.button:hover, #mobilequick a:hover span.button { background-color: #3b9a72; }
#mobilequick { margin: 0; font-weight: 700; font-size: 1.8em; color: #0072B1; }
#mobilequick a { text-decoration: none; cursor: pointer; display: inline-block; vertical-align: top; }
#mobilequick a:hover { color: #3b9a72; }
#mobilequick a #mobiletel { display: inline-block; margin-left: 5px; position: relative; top: -4px; }
#mobilequick a #mobiletel.hidden { display: none; }
@media (min-width: 768px) {
    #mobilequick a #mobiletel.hidden { display: inline-block; }
}
@media (min-width: 992px) {
	#mobilequick, #mobileswitch { display: none; }
}

#main_nav { display: none; position: fixed; top: 0; left: 0; z-index: 7999; padding: 0; width: 100%; list-style: none; list-style-type: none; text-align: left; }
#main_nav li { margin: 0 12px; }
#main_nav li a { padding: 15px 10px; font-size: 1em; line-height: 100%; font-weight: 700; text-transform: uppercase; display: block; text-decoration: none; border-left: 3px solid #FFF; border-right: 3px solid #FFF; border-bottom: 3px solid #FFF; background-color: #0072B1; color: #FFF; }
#main_nav li:first-child a { border-top: 3px solid #FFF; }
@media (min-width: 992px) {
	#main_nav { display: block; position: relative; float: right; margin: -23px 0 0 0; top: auto; left: auto; width: auto; z-index: auto; }
	#main_nav li { display: inline-block; margin-left: 3px; margin-right: 0; padding: 0; border: 0; }
	#main_nav li a { padding: 6px 8px; font-size: 0.82em; border: 0; border-radius: 3px; background-color: #EEE; color: #0072B1; }
	#main_nav li a:hover { color: #FFF; background-color: #0072B1; }
	#main_nav li a.sel { color: #FFF; background-color: #0072B1; }
	#main_nav li a:hover.sel { color: #FFF; background-color: #0072B1; }
	#main_nav li:first-child a { border: 0; }
	#main_nav li#postage { display: inline-block; background: #EAEAEA url(../img/main/delivery1.png) no-repeat left center; margin-left: 10px; padding-left: 45px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
}
@media (min-width: 1200px) {
	#main_nav li a { padding: 6px 15px; font-size: 0.88em; }
}

#mobile_nav { display: none; position: fixed; top: 0; left: 0; z-index: 7999; width: 100%; height: 100%; text-align: left; background-color: #0072B1; }
#mobile_nav ul { padding: 0; list-style: none; list-style-type: none; }
#mobile_nav ul li { margin: 0 12px; border-bottom: 1px solid #FFF; }
#mobile_nav ul li a { padding: 15px 0; font-size: 1em; line-height: 100%; font-weight: 700; text-transform: uppercase; display: block; text-decoration: none; color: #FFF; }
#mobile_nav_close { color: #FFF; text-align: right; font-size: 30px; margin-bottom: -20px; }
#mobile_nav_close span { display: inline-block; cursor: pointer; padding: 15px; }

#header_social { margin: 0 20px 0 0; padding: 0; list-style: none; list-style-type: none; float: right; }
#header_social li { display: inline-block; margin: 0 0 0 4px; }

.featured { margin: 2.5em 0 0 0; }
.featured_nav { margin-top: 15px; }
.featured_nav p { color: #888; text-transform: uppercase; font-size: 0.7em; letter-spacing: 0.07em; margin: 0; padding: 4px 10px 0 10px; height: 28px; }
.featured_nav ul { margin: 0; padding-left: 0; list-style: none; list-style-type: none; border-top: 1px solid #CCC; }
.featured_nav ul li { margin: 0; padding: 0; position: relative; background-color: #F5F5F5; border-bottom: 1px solid #CCC; }
.featured_nav ul li a { padding: 11px 10px 0 10px; height: 35px; display: block; color: #231F20; font-size: 0.92em; line-height: 100%; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; }
.featured_nav ul li.prominent a { padding: 14px 10px 0 10px; height: 40px; }
.featured_nav ul li a:hover { background-color: #231F20; color: #FFF; }
@media (min-width: 992px) {
    .featured_nav { margin-top: 18px; }
    .featured_nav ul li.prominent a { padding: 17px 10px 0 10px; height: 45px; }
}
@media (min-width: 1200px) {
    .featured_nav ul li a { padding-top: 13px; height: 38px; }
    .featured_nav p { padding-top: 5px; height: 30px; }
}

#nav_bar_button { display: block; position: relative; z-index: 1; font-size: 1.7em; margin-top: 8px; padding: 0.3em 0; text-align: center; color: #0072B1; background-color: #EAEAEA; border-radius: 3px; cursor: pointer; }
#nav_bar { display: none; margin: 15px 0 0 0; padding: 0; list-style: none; list-style-type: none; border-bottom: 1px solid #9B938B; }
#nav_bar a { display: block; text-decoration: none; background-color: #FFF; font-size: 0.78em; line-height: 110%; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; }
#nav_bar > li { margin: 0; padding: 0; }
#nav_bar > li a { display: block; padding: 10px 0; border-top: 1px solid #9B938B; }
#nav_bar > li a.sel { color: #231F20; }
#nav_bar > li > ul { display: none; list-style: none; list-style-type: none; margin: 0; padding: 0; }
#nav_bar > li > ul li { margin: 0; padding: 0; }
@media (min-width: 992px) {
	#nav_bar_button { display: none; }
	#nav_bar { display: block; margin: 15px 0 0 0; }
	#nav_bar > li { margin: 0 10px; display: inline-block; position: relative; }
	#nav_bar > li a { border-top: 0; }
	#nav_bar > li a.sel { background: transparent url(../img/main/navarrow.png) no-repeat center bottom; }
	#nav_bar > li > ul { padding: 5px 0px; position: absolute; top: 27px; left: -10px; background-color: #FFF; border: 1px solid #9B938B; border-top: none; z-index: 2; }
	#nav_bar > li > ul li a { padding: 3px 10px; }
}

#fullcatlists { margin-bottom: 30px; }
ul.fullcatlist { margin: 0; padding: 0; list-style: none; list-style-type: none; }
ul.fullcatlist li ul { display: block; margin: 0; padding: 0; list-style: none; list-style-type: none; }
ul.fullcatlist li { margin: 0; padding: 0; }
ul.fullcatlist li a { display: block; color: #231F20; text-decoration: none; line-height: 110%; }
ul.fullcatlist li a:hover { background-color: #E0F1FB; }
ul.fullcatlist > li { border-bottom: 1px solid #CCC; }
ul.fullcatlist > li > ul { padding-bottom: 7px; }
ul.fullcatlist > li > a { padding: 8px 4px; font-weight: 400; font-weight: 700; line-height: 110%; }
ul.fullcatlist > li > ul > li > a { padding: 3px 0 3px 8px; }

#rowcats, #rownav_amendhere { display: none; }
@media (min-width: 992px) {
	#rowcats { display: block; margin-top: 18px; position: relative; }
	#rowcats > div { width: 33.33333333%; float: left; padding-right: 15px; padding-left: 15px; position: relative; text-align: center; }
	#rowcats > div > a { padding: 16px 0; display: block; font-size: 1.1em; line-height: 100%; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; color: #231F20; border-radius: 3px; cursor: pointer; background-color: #F2F2F2; border-radius: 3px; }
	#rowcats > div > a.active:hover { background-color: #0072B1 !important; color: #FFF; }
	#rowcats > div > a.dead { color: #DDD; cursor: default; }
	#rowcats > div > div { display: none; position: absolute; left: 2%; top: 0; z-index: 19; width: 96%; border-top: 3px solid #0072B1; border-radius: 3px; -moz-box-shadow: 4px 4px 7px rgba(0,0,0,0.6); -webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.6); box-shadow: 4px 4px 7px rgba(0,0,0,0.6); }
	#rowcats > div > div > div.indicator { height: 14px; background: #FFF url(../img/main/rownavtop.png) no-repeat -314px center; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
	#rowcats > div > div ul { margin: -1px 0 0 0; padding: 0px 6px; list-style: none; list-style-type: none; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; background-color: #FFF; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
	#rowcats > div > div ul li { margin: 0; padding: 0; text-align: left; }
	#rowcats > div > div ul li:last-child { margin-bottom: 10px; }
	#rowcats > div > div ul li a { display: block; color: #231F20; font-size: 0.90em; padding: 4px 5px; text-decoration: none; line-height: 110%; cursor: pointer; }
	#rowcats > div > div ul li a:hover { background-color: #EAEAEA; }
	#rownav_amendhere { display: block; margin: 5px 0 0 0; height: 23px; padding-right: 17px; position: absolute; right: 20px; top: 0; background: transparent url(../img/main/rownavbackarrow.png) no-repeat right center; color: #999; font-size: 0.8em; text-transform: uppercase; }
	#rowcats #rowcats_col_1 > a { background: #F2F2F2 url(../img/main/blue_diamond.png) no-repeat -175px center; }
}

.breadcrumbs { margin-top: 0; }
.breadcrumbs i { font-size: 0.85em; position: relative; top: -0.05em; }
.breadcrumbs a:link, .breadcrumbs a:visited { text-decoration: none; }
.breadcrumbs a:hover, .breadcrumbs a:active { text-decoration: underline; }
.breadcrumbs .sep { display: inline-block; margin-left: 0.3em; margin-right: 0.3em; }
#stock_card .breadcrumbs { display: block; }
@media (min-width: 840px) {
    #stock_card .breadcrumbs { display: none; }
}

#cat_breadcrumbs { display: none; }
#cat_description h1 { margin-top: 10px; margin-bottom: 10px; font-size: 1.3em; text-align: center; }
#cat_description h1 span { display: block; color: #777; font-size: 0.8em; line-height: 120%; }
#cat_description p { display: none; }
#cat_image img { max-height: 100px; max-width: none; }
@media (min-width: 480px) {
	#cat_breadcrumbs { display: block; }
	#cat_description h1 { margin-top: 20px; margin-bottom: 20px; font-size: 1.8em; text-align: left; }
	#cat_description h1 span { font-size: 0.6em; letter-spacing: 0.08em; line-height: 145%; }
	#cat_description p { display: block; font-size: 1.2em; line-height: 145%; }
    #cat_image img { max-height: none; max-width: 100%; }
}

#cat_nav_left { display: none; }
#cat_nav_right { margin: -5px 0 -5px 0; float: right; }
#cat_nav_right strong { color: #777; font-size: 0.88em; display: inline-block; vertical-align: bottom; margin: 0 10px 0 20px; padding-bottom: 9px; }
#cat_select { padding: 23px 0 5px 27px; margin: -23px 0 0 10px; text-transform: uppercase; font-size: 1.03em; line-height: 145%; letter-spacing: 0.03em; background: transparent url(../img/main/cat_select2.png) no-repeat left bottom; }
@media (min-width: 480px) {
	#cat_select { padding: 23px 0 0 37px; margin: -23px 0 5px 53px; }
	#cat_nav_right { margin-right: 10px; }
}
@media (min-width: 992px) {
    #cat_nav_left { display: block; margin: 0; position: absolute; bottom: 1px; }
}

#cat_blocks_low { margin-top: 5px; margin-bottom: 10px; }
#cat_blocks_low h5 { float: left; width: 100%; margin: 5px 0; padding: 0 15px; line-height: 100%; }
#cat_blocks_low a { background-color: #F8F8F8; display: block; text-decoration: none; height: 62px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#cat_blocks_low a:hover { background-color: #0072B1; }
#cat_blocks_low a img { display: block; float: right; height: 50px; margin: 5px 5px 0 5px; }
#cat_blocks_low a span.title_single { display: block; color: #231F20; margin: 23px 0 0 10px; font-size: 0.89em; letter-spacing: 0.05em; }
#cat_blocks_low a span.title_split1 { display: block; color: #231F20; margin: 16px 0 0 10px; font-size: 0.89em; letter-spacing: 0.05em; }
#cat_blocks_low a span.title_split2 { display: block; color: #666; margin: 0 0 0 10px; font-size: 0.70em; letter-spacing: 0.05em; }
#cat_blocks_low a:hover span { color: #FFF; }
@media (min-width: 600px) {
	#cat_blocks_low h5 { width: 50%; }
}
@media (min-width: 992px) {
	#cat_blocks_low h5 { width: 33.33333333%; }
}

#cat_blocks { margin: 0 0 20px 0; }
#cat_blocks h5 { display: block; float: left; width: 226px; margin: 5px 10px; text-align: center; }
#cat_blocks a { display: block; text-decoration: none; }
#cat_blocks a img { display: block; width: 226px; }
#cat_blocks a span { display: block; color: #231F20; margin-top: 2px; font-size: 0.83em; letter-spacing: 0.06em; }

.cat_block_link { margin: 12px 0; }
.cat_block_link img { width: 100%; }

.cat_bottom_line { margin-top: 2.7em; }

#tree_ul { margin: 0; padding: 0; list-style: none; list-style-type: none; }
#tree_ul li { border-top: 1px solid #888; margin: 0; padding: 5px 0; }
#tree_ul li div.tree_toggle { cursor: pointer; }
#tree_ul li div.tree_nav { float: right; }
#tree_ul li ul { display: none; margin: 5px 0 0 0 !important; padding: 0 2px 0 20px; list-style: none; list-style-type: none; }
#tree_ul li.tree_bg1 { background-color: #F4FCFF; background-color: rgba(0,114,177,0.06); padding-left: 5px; padding-right: 5px; }
#tree_ul li.tree_bg2 { background-color: #F2C39A; background-color: rgba(246,130,32,0.2); padding-left: 5px; padding-right: 5px; }
#tree_ul li.tree_add { padding-top: 2px; padding-bottom: 2px; margin-bottom: 5px; }

ul.tab_nav { margin: 5px 0 0 0; padding: 0; list-style: none; list-style-type: none; border-bottom: 1px solid #C4C4C4; }
ul.tab_nav li { display: inline-block; font-size: 1.05em; margin-right: 5px; }
ul.tab_nav li a { display: block; text-decoration: none; padding: 5px 15px; color: #0072B1; background-color: #F2F2F2; border-top-left-radius: 3px; border-top-right-radius: 13px; }
ul.tab_nav li a:hover { background-color: #3b9a72; color: #FFF; }
ul.tab_nav li a.sel { background-color: #0072B1; color: #FFF; }
@media (min-width: 992px) {
    ul.tab_nav { margin: 6px 0 0 0; }
}

#page_title { margin: 0; padding: 1em 0 0.9em 0; }
#page_subtitle { color: #0072B1; margin-top: -1em; margin-bottom: 0.9em; }
#page_nav_left { margin: 0; position: absolute; bottom: 2.05em; }
#product_title { margin-top: 0; padding-top: 0.6em; }
#product_subtitle { display: none; }
@media (min-width: 768px) {
    #product_subtitle { display: block; color: #0072B1; margin-top: 8px; margin-bottom: 3px; }
    #product_subtitle a { text-decoration: none; color: #0072B1; }
    #product_subtitle a:hover { text-decoration: underline; }
}

#cat_title { color: #0072B1; margin-top: 14px; margin-bottom: 0; }
#cat_title a { text-decoration: none; color: #0072B1; }
#cat_title a:hover { text-decoration: underline; }
@media (min-width: 480px) {
	#cat_title { margin-top: 24px; margin-bottom: 10px; }
}
@media (min-width: 992px) {
	#product_title { padding-top: 0.85em; }
}

.title_seperator { clear: both; padding: 7px 9px 7px 0; }
.title_seperator h6 { font-size: 1.1em; letter-spacing: 0.06em; text-transform: uppercase; margin: 0; }
.title_seperator p { margin: 0; float: right; }

#product_tiles { clear: both; margin: 10px -2% 15px -2%; }
.product_tile_topspace { margin-top: 10px; }
.product_tile { width: 47%; height: 33vw; margin: 0 0 2% 2%; float: left; border-radius: 3px; background-color: #FFF; border: 1px solid #EAEAEA; cursor: pointer; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.product_tile.big { height: 230px; width: 100%; margin: 0 0 2% 0; }
.product_tile:hover { border-color: #0072B1; }
.product_tile div.tint { position: absolute; width: 100%; height: 100%; background: transparent url(../img/main/product_tile.png) no-repeat center center; }
.product_tile .topinfo { margin: 4px 8px; text-shadow: -2px 0 2px #FFF, 0 2px 2px #FFF, 2px 0 2px #FFF, 0 -2px 2px #FFF; }
.product_tile h5.topinfo { font-size: 3.4vw; }
.product_tile .topinfo.topinfosale { margin-right: 48px; }
.product_tile p.bottominfo { margin: 0 8px; position: absolute; bottom: 5px; text-shadow: -2px 0 2px #FFF, 0 2px 2px #FFF, 2px 0 2px #FFF, 0 -2px 2px #FFF; }
.product_tile p.bottominfo span.label { font-size: 2.3vw; font-weight: 700; color: #0072B1; }
.product_tile p.bottominfo span.price { font-size: 5.8vw; color: #231F20; }
.product_tile p.bottominfo span.for { font-size: 2.7vw; color: #231F20; font-weight: 700; }
.product_tile p.sale { position: absolute; top: 0; right: 0; width: 10vw; height: 10vw; background: transparent url(../img/main/product_sale.png) no-repeat right top; background-size: 10vw 10vw; overflow: hidden; text-indent: -9999px; margin: 0; }
.product_tile p.clearance { position: absolute; top: 0; right: 0; width: 10vw; height: 10vw; background: transparent url(../img/main/product_clearance.png) no-repeat right top; background-size: 10vw 10vw; overflow: hidden; text-indent: -9999px; margin: 0; }
.product_tile_anchor { float: left; }
.product_tile_sep_label { margin: 1em 2% 0.7em 2%; font-size: 1.0em; }

@media (min-width: 450px) {
	.product_tile.big { height: 250px; }
    .product_tile h5.topinfo { font-size: inherit; }
    .product_tile p.bottominfo span.label { font-size: 0.8em; }
    .product_tile p.bottominfo span.price { font-size: 1.8em; }
    .product_tile p.bottominfo span.for { font-size: 0.85em; }
    .product_tile p.sale { width: 55px; height: 55px; background-size: 55px 55px; }
    .product_tile p.clearance { width: 55px; height: 55px; }
}
@media (min-width: 650px) {
	.product_tile { width: 30.6666666%; height: 22vw; }
	.product_tile.big { width: 47%; height: 230px; margin: 0 0 2% 2%; }
    .product_tile_sep_label { font-size: 1.2em; }
}
@media (min-width: 768px) {
    .product_tile { height: 163px; }
}
@media (min-width: 992px) {
	#product_tiles { margin-top: 15px; }
    #product_tiles.uptop { margin-top: -35px; }
    .product_tile { height: 138px; }
    .product_tile_topspace { margin-top: 18px; }
}
@media (min-width: 1200px) {
    .product_tile { height: 170px; }
	.product_tile.big { width: 30.6666666%; height: 230px; }
}

#products_nav_left { display: none; }
#products_nav_right { margin: 0; }
#products_nav_right { text-align: right; }
#products_nav_right strong { color: #777; font-size: 0.88em; display: inline-block; vertical-align: bottom; margin: 0 10px 0 0; padding-bottom: 9px; }
#product_nav_left { margin: 0; position: absolute; top: 20px; }
@media (min-width: 992px) {
	#products_nav_left, #products_nav_right { display: block; margin: 6px 0 0 0; }
}

#product_features { margin: 13px 0 0 0; padding: 0; list-style: none; list-style-type: none; }
#product_features li { margin: 10px 0; border: 1px solid #CCC; border-radius: 10px; padding: 10px; }

#product_images { float: left; position: relative; margin: 0 -2% 0.5em -2%; }
#product_image { display: block; float: left; width: 76%; margin: 2% 0 0 2%; border: 5px solid #d9d9d9; position: relative; }
#product_image img { width: 100%; }
a.product_image_thumb { display: block; float: left; margin: 2% 0 0 2%; width: 19%; height: 52px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
@media (min-width: 450px) {
	#product_image { width: 72%; }
	a.product_image_thumb { width: 22%; height: 71px; }
}
@media (min-width: 650px) {
	#product_image { width: 76%; }
	a.product_image_thumb { width: 18%; height: 80px; }
}
@media (min-width: 992px) {
	#product_image { width: 96%; float: none; margin: 2%; }
	a.product_image_thumb { margin: 0 0 2% 2%; width: 22.5%; height: 71px; }
}

.nowselect, .bulkselect, .whatis { color: #FFF; border-radius: 3px; padding: 5px 10px; }
.nowselect i, .bulkselect i, .whatis i { margin: -5px 3px 5px 0; position: relative; top: 5px; }
.nowselect { background-color: #3b9a72; }
.bulkselect { background-color: #0072B1; }
.whatis { background-color: #3b9a72; }
.whatis a { display: inline-block; color: #FFF; text-decoration: none; }
.whatis a:hover { color: #FFF; text-decoration: none; }
.info_green { background-color: #3b9a72; color:#FFF; line-height: 120%; padding: 5px 8px; border-radius: 5px; display: block; text-decoration: none; }
.info_green:hover { color: #FFF; text-decoration: none; }
.info_green.with_icon { padding-left: 27px; position: relative; }
.info_green.with_icon .icon_left { position: absolute; left: 8px; top: 0.5em; }
.info_green a { display: inline-block; color: #FFF; text-decoration: none; }
.info_green a:hover { color: #FFF; text-decoration: none; }
.icon_left { margin-right: 4px; }
#home .nowselect { margin: 13px 0 29px 0; }
#product .nowselect, #product .bulkselect, #product .whatis { margin: 5px 6px 7px 0; display: inline-block; }
#product_extra_info h6.block_header { margin-top: 1em; }

.related_products { margin: 0 -8px; }
.related_products .product { margin: 8px 0; width: 100%; float: left; }
.related_products .product a { margin: 0 8px; display: block; color: #231F20; font-size: 0.9em; letter-spacing: 0.04em; line-height: 130%; text-transform: uppercase; text-decoration: none; border: 1px solid #CCC; padding: 10px 0 50px 0; position: relative; }
.related_products .product a:hover { border-color: #0072B1; }
.related_products .product a span { position: absolute; bottom: 0; width: 100%; left: 0; padding: 10px; }
.related_products .product a img { display: block; margin: 0 auto; height: 100px; width: auto; }
@media (min-width: 650px) {
	.related_products .product { width: 50%; }
}
@media (min-width: 992px) {
	.related_products .product { width: 33.3333%; }
}

.breadcrumbs_small { font-size: 0.9em; letter-spacing: 0.02em; color: #0072B1; line-height: 110%; margin-right: 35px; }

#stock_title { margin: 15px 0 5px 0; }
#stock_sale { color: #d4353b; font-weight: 700; letter-spacing: 0.06em; }
#stock_line { margin: 5px 0; }
#stock_thumbs { margin: 8px -1.5%; text-align: center; color: #CCC; }
#stock_thumbs a, #stock_thumbs strong { margin: 1.5%; width: 30.33333%; display: block; border: 1px solid #CCC; }
#stock_thumbs a { height: 70px; float: left; background-position: center center; background-size: cover; background-repeat: no-repeat; }
#stock_thumbs strong { display: none; }
@media (min-width: 480px) {
	#stock_thumbs { margin: 8px -1%; }
	#stock_thumbs a { margin: 1%; width: 23%; height: 120px; }
}
@media (min-width: 768px) {
	#stock_thumbs { margin: 8px -4%; }
	#stock_thumbs a { margin: 4%; width: 92%; height: 135px; }
	#stock_thumbs strong { display: block; width: 92%; margin: 4%; padding: 55px 0; }
}
#stock_image { margin: 2% 0; position: relative; }
#stock_image img { max-width: 100%; }
#thumbs { margin: 1.5% -1.5%; }
#thumbs a, #thumbs span { margin: 1.5%; width: 30.25%; height: 20vw; display: block; float: left; border: 1px solid #CCC; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: pointer; }
@media (min-width: 480px) {
	#thumbs { margin: 1% -1%; }
	#thumbs a, #thumbs span, #thumbs-fixed a { margin: 1%; width: 23%; height: 16vw; }
}
@media (min-width: 768px) {
	#thumbs { margin: 4% -2%; }
	#thumbs a, #thumbs span { margin: 2%; width: 46%; height: 66px; }
}

#thumbs-fixed { margin: 0 -1% 1% -1%; }
#thumbs-fixed a { margin: 1%; width: 100px; height: 80px; display: block; float: left; border: 1px solid #CCC; background-position: center center; background-size: cover; background-repeat: no-repeat; }

#stock_image_header { border-bottom: 1px solid #CCC; margin-bottom: 5px; padding: 13px 0; }
#stock_image_header a { margin: 0; float: right; }
#stock_image_header h4 { margin: 0 0 -2px 0; max-width: 85%; float: left; }

.column_image { border: 1px solid #CCC; padding: 6px 0 6px 6px; }
.column_image p { margin: 0 6px 6px 0; float: left; position: relative; }
.column_image p > a { position: absolute; top: 3px; right: 5px; }
.column_image input { display: block; clear: both; }
.column_image p span.nav { position: absolute; top: 3px; right: 5px; }

#block_images { margin: 0 -1%; }
.block_image { margin: 1%; border: 1px solid #CCC; float: left; width: 200px; height: 200px; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.block_image .block_image_nav { position: absolute; top: 2px; right: 1px; }
.block_image .block_image_nav a { cursor: pointer; display: inline-block; margin-right: 5px; }
.block_image select { margin-left: 3px; margin-top: 3px; font-size: 0.85em; display: inline-block; }
.block_image span { position: absolute; bottom: 0; right: 0; background-color: #333; color: #FFF; font-size: 0.8em; padding: 0 4px; max-width: 100%; overflow-x: hidden; }

.stock_info { margin: 0.2em 0; }
.value_container { display: block; border-bottom: 1px solid #7DBDE3; padding: 1px 0 5px 0; font-size: 1.12em; margin: 0; }
.value_container_small { display: block; border-bottom: 1px solid #7DBDE3; padding: 1px 0 5px 0; font-size: 1em; }
.big_price { color: #0072B1; margin-bottom: 0px; border-bottom: 1px solid #7DBDE3; padding-bottom: 3px; }
.big_price span { color: #231F20; font-size: 1.8em; line-height: 100%; }
.big_price_note { color: #0072B1; font-size: 0.65em; line-height: 100%; }

.stock_card_price_label { color: #0072B1; margin: 0; }
.stock_card_price { color: #231F20; font-size: 1.1em; line-height: 130%; display: block; padding: 0 0 3px 0; border-bottom: 1px solid #7DBDE3; margin: 0; }
.stock_card_price strong { display: block; font-size: 1.7em; line-height: 100%; }

.product_stock_title { color: #0072B1; border-bottom: 1px solid #EAEAEA; padding-bottom: 0.3em; margin-bottom: 0.3em; }
.product_stock_title a { text-decoration: none; }
.product_stock_title a.stockcardlink { color: #3b9a72; font-size: 0.65em; text-decoration: none; letter-spacing: 0.1em; white-space: nowrap; }
.product_stock_title a.stockcardlink:hover { color: #0072B1; }
.product_stock_title a.stockcardlink i { font-size: 1.15em; }
.product_stock_title a.stockcardlink span { color: #231F20; text-decoration: underline; }
.product_price_label { color: #0072B1; margin: 0; }
.product_price { color: #231F20; font-size: 1.1em; line-height: 130%; display: block; padding: 0 0 3px 0; border-bottom: 1px solid #7DBDE3; margin: 0; }
.product_price strong { font-size: 1.7em; line-height: 100%; }

.popup_scroller { max-height: 400px; overflow-y: scroll; }
.popup_message { display: none; position: fixed; z-index: 1; top: 20px; right: 20px; }
.popup_message .content { padding-left: 2em; padding-right: 2em; }

.add_right { float: right; margin: 0 5px 0 0; }
.add_1 { background-color: #EAEAEA; padding: 5px; margin: 0 0 0.3em 0; }
.add_1 span { display: block; padding: 9px 0 6px 5px; }
.add_2 { background-color: #EAEAEA; padding: 5px; margin: 0 0 0.3em 0; }
.add_2 span { display: block; padding: 4px 0 5px 5px; }
.add_1 strong, .add_2 strong { display: block; margin: 3px 0 4px 0; font-size: 0.95em; color: #F68220; }
.product_stock .add_2 { border-right: 30px solid #0072B1; position: relative; }
.product_stock .add_2.plain { border-right: 0; }
.product_stock .add_2 input { width: 100%; }
.product_stock .add_2 .add_to_basket { display: block; color: #FFF; background-color: transparent; border: 0; text-align: center; width: 30px; height: 100%; position: absolute; right: -30px; top: 0; padding: 0; }
.product_stock .add_2 .add_to_basket i { margin-top: 0.2em; font-size: 1.1em; }

.basket_product { margin: 0; font-size: 1.05em; }
.basket_product a { text-decoration: none; color: #231F20; }
.basket_product a:hover { text-decoration: underline; }
.basket_product a:first-child { color: #0072B1; }
.basket_product a span.basket_sale { color: #d4353b; font-weight: 700; }
.basket_code { margin: -1px 0 0 0; font-size: 0.9em; color: #999; }
.basket_unit { display: inline-block; margin: 0; }
.basket_unit span { color: #0072B1; }
button.basket_add { border: none; background-color: transparent; width: 26px; height: 26px; padding: 0; }
#basket_info { float: left; font-size: 0.88em; line-height: 145%; margin-top: 0; width: 450px; }
#basket_total { margin-top: 0; }
#basket_total strong { font-size: 1.5em; color: #0072B1; }
#basket_buttons a, #basket_buttons input { width: 100%; text-align: center; margin: 2px 0; }
#basket_close { display: none; }
@media (min-width: 841px) {
	#basket_close { display: inline-block; }
}
@media (min-width: 768px) {
    .basket_product a:first-child { display: block; }
}
@media (min-width: 450px) {
	#basket_buttons a, #basket_buttons input { margin: 0 0 0 4px; width: auto; }
}
@media (max-width: 450px) {
	#basket_buttons a, #basket_buttons input { font-size: 1em; padding: 12px !important; height: auto !important; }
}

#checkout { margin-top: 0; }
.checkout_fields { padding-bottom: 15px; }
.checkout_fields p { margin: 6px 0; }
.checkout_fields p.title { float: left; width: 30%; margin-right: 2%; }
.checkout_fields p.firstname { float: left; width: 30%; margin-right: 2%; }
.checkout_fields p.lastname { float: left; width: 36%; }
.checkout_figure { text-align: right; margin: 5px 0; }
.checkout_figure strong { font-size: 1.3em; color: #0072B1; }
.checkout_figure span { font-weight: 700; }
#checkout_update { text-align: right; margin: 12px 0; }
#checkout_total { color: #FFF; text-align: right; margin-top: 10px; padding: 20px 20px 15px 20px; background-color: #0072B1; border-radius: 3px; }
#checkout_total strong { font-size: 2.2em; }
#checkout_postage input { float: right; margin-left: 3px; display: block; margin-top: -4px; }
#checkout_tax { text-align: right; }
#checkout_tax input { display: inline-block; margin-top: -4px; width: 100px; }
.checkperc { color: #999; font-size: 0.9em; display: inline-block; margin-top: 0.45em; margin-left: 0.2em; }
@media (min-width: 992px) {
	#checkout_info { position: absolute; bottom: 35px; right: 0; }
}

.delivery_option { border: 3px solid #CCC; border-radius: 10px; padding: 13px 13px 9px 0; margin-top: 15px; cursor: pointer; background-repeat: no-repeat; background-size: auto 100%; background-position: left center; text-align: right; }
.delivery_option.selected { border-color: #0072B1; }
.delivery_option p { margin: 0; }
.delivery_option p.type { text-transform: uppercase; font-weight: bold; font-size: 0.8em; line-height: 130%; letter-spacing: 0.03em; color: #999; }
.delivery_option p.price { color: #0072B1; font-weight: bold; font-size: 1.2em; line-height: 140%; }

#checkout_progress { display: none; }
@media (min-width: 768px) {
	#checkout_progress { display: block; background-color: #3b9a72; border-radius: 3px; padding: 1px 0; }
	#checkout_progress ul { margin: 0 0 7px 0; color: #87c6ac; font-size: 1.1em; font-weight: 700; list-style: none; list-style-type: none; }
	#checkout_progress ul li a { color: #FFF; text-decoration: none; }
	#checkout_progress ul li a:hover { color: #FFF; text-decoration: underline; }
	#checkout_progress ul li { float: left; width: 22%; text-align: center; }
	#checkout_progress ul li.arrow { width: 4%; }
	#checkout_progress ul li.active { color: #FFF; }
	#checkout_progress #progress_truck { margin: 7px 10px 0 10px; }
	#checkout_progress #progress_truck div i { color: #FFF; line-height: 23px; font-size: 23px; }
	.checkout_review_address { font-size: 1.02em; line-height: 140%; }
}

@media (min-width: 450px) {
    .payment_buttons { width: 330px; }
}

#loading { display: none; position: fixed; width: 100%; height: 100%; background-color: #3b9a72; background-color: rgba(59,154,114,0.8); z-index: 9999; }
#loading div { position: absolute; width: 100%; top: 50%; }
#loading h3 { margin: -30px 5px 0 0; color: #FFF; }
#loading p { margin: 5px 0 0 3px; color: #FFF; text-transform: uppercase; }

.order_figure { text-align: right; margin: 0 0 4px 0; }
.order_figure strong { font-size: 1.3em; color: #0072B1; }
#order_info h2 { margin-top: 20px; margin-bottom: 10px; }
#order_info h6 { margin-top: 15px; margin-bottom: 10px; }
#order_info p { float: right; margin-top: 17px; margin-bottom: 0; }
@media (min-width: 992px) {
    #order_info h2 { margin-top: 35px; }
    #order_info h6 { float: right; }
    #order_info p { margin-top: 35px; }
}

.pagination { margin: 15px 0; }
.pagination a, .pagination_deadlink, .pagination_extra, .pagination_active { margin-right: 3px; padding: 3px 7px; font-size: 0.9em; text-transform: uppercase; }
.pagination a { text-decoration: none; }
.pagination a:link, .pagination a:visited { color: #FFF; background-color: #A7A7A7; }
.pagination a:hover, .pagination a:active { color: #FFF; background-color: #3b9a72; }
.pagination_active { color: #FFF; background-color: #0072B1; }
.pagination_deadlink, .pagination_extra { color: #FFF; background-color: #CCC; }

#map_google { width: 308px; height: 250px; margin: 10px 0; }

footer { font-size: 0.90em; background-color: #F8F8F8; text-align: left; margin-top: 15px; }
footer h6 { color: #0072B1; border-bottom: 1px solid #E4E4E4; padding-bottom: 2px; }
footer #footer_payments { margin-top: 12px; margin-bottom: 20px; }
footer #footer_payments img { display: inline-block; margin: 0 5px 5px 0; max-width: 33px; }
footer #payments_header { margin-top: 18px; }
footer #footer_bottom p { margin: 4px 0 10px 0; }
footer #footer_bottom h5 { color: #888; font-size: 1.08em; letter-spacing: 0.14em; margin-top: 2px; margin-bottom: 0; }
@media (min-width: 768px) {
    footer #footer_payments img { max-width: 51px; }
}
@media (min-width: 992px) {
	footer #footer_bottom h5 { float: right; margin-top: 1.4em; margin-bottom: 20px; }
	footer #footer_bottom p { margin-bottom: 20px; }
}

.accordion { margin: 0.8em 0; border-bottom: 1px solid #CCC; }
.accordion .title { font-size: 0.9em; line-height: 120%; margin: 0; padding: 8px 0 6px 0; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; }
.accordion .content, .accordion_content { display: none; }
.accordion .content p:first-of-type { margin-top: 0; }

#accordion_articles { margin: 1.5em 0 2em 0; }
.accordion_article { margin: 0.7em 0 0 0; }
.accordion_article h2.title { text-transform: inherit !important; letter-spacing: inherit !important; }
.accordion_article .title { font-size: 1.1em !important; line-height: 130% !important; color: #0072B1; margin: 0 !important; border-bottom: 1px solid #CCC; padding: 5px 40px 5px 0px !important; position: relative; cursor: pointer; }
.accordion_article .title i.icon { position: absolute; right: 5px; top: 6px; font-size: 15px; }
.accordion_article .title:hover { color: #231F20; }
.accordion_article .content { display: none; }
.accordion_article .content p:last-of-type { margin-bottom: 0; }

ul.hub_pages { margin: 1.5em 0 2em 0; padding: 0; list-style: none; list-style-type: none; }
ul.hub_pages li { margin: 0.7em 0 0 0; border-bottom: 1px solid #CCC; }
ul.hub_pages li a { text-decoration: none; display: block; font-size: 1em; line-height: 130%; text-transform: uppercase; letter-spacing: 0.1em; padding: 5px 40px 5px 0px; color: #0072B1; position: relative; }
ul.hub_pages li a i.icon { position: absolute; right: 5px; top: 6px; font-size: 15px; }
ul.hub_pages li a:hover { text-decoration: none; }

.hidden_content { display: none; }
.hidden_content_switch { background-color: #F5F5F5; padding: 0.8em; font-size: 1.1em; cursor: pointer; }
.hidden_content_switch i.chevron { display: block; float: right; margin-left: 0.3em; margin-top: 0.2em; margin-bottom: -0.2em; }
@media (min-width: 650px) {
    .hidden_content { display: block; }
    .hidden_content_switch { display: none; }
}

.nav_footer { padding: 0; list-style: none; list-style-type: none; }
.nav_footer li { margin: 0; padding: 0; line-height: 145%; }
.nav_footer li a { color: #231F20; text-decoration: none; }
.nav_footer li a:hover { color: #0072B1; text-decoration: underline; }

.social_blocks { margin: 15px 0 0 0; padding: 0; list-style: none; list-style-type: none; }
.social_blocks li { display: inline-block; margin-left: 5px; }
.social_blocks li:first-child { margin: 0; }
.social_blocks li a { display: block; font-size: 2em; text-align: center; color: #FFF; width: 36px; height: 36px; padding-top: 5px; background-color: #C1C1C1; overflow: hidden; border: 0; border-radius: 3px; }
.social_blocks li a.mail { font-size: 1.9em; }
.social_blocks li a.facebook { background-color: #3b5998; }
.social_blocks li a.twitter { background-color: #00aced; }
.social_blocks li a.googleplus, .social_blocks li a.google { background-color: #dd4b39; }
.social_blocks li a.instagram { background-color: #517fa4; }
.social_blocks li a:hover { background-color: #0072B1; }

#toTop { position: fixed; bottom: 15px; right: 15px; cursor: pointer; display: none; z-index: 999; margin: 0; }

.watermark_small { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background-image: url(../img/main/watermark_small.png); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.watermark_big { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background-image: url(../img/main/watermark_big.png); background-repeat: no-repeat; background-position: center center; background-size: cover; }

#instagram_feed { margin-bottom: 2em; }
#instagram_feed .post a.imglink { display: block; margin-top: 1.2em; }
#instagram_feed .post p span { color: #0072B1; }
#instagram_feed .post img { display: block; }

.review_link { display: block; text-decoration: none; margin: 1em 0; padding: 3px 12px; color: #FFF; border-radius: 3px; outline: 0; }
.review_link:hover, .review_link:active { background-color: #231F20; text-decoration: none; outline: 0; }
.review_link:focus { outline: 0; }
.review_link .icon { background-color: #FFF; width: 40px; height: 40px; border-radius: 3px; position: relative; overflow: hidden; margin: 0.6em 0; }
.review_link.inline .icon { float: left; }
.review_link:hover .icon i { color: #231F20; }
.review_link p { color: #FFF; margin: 0.4em 0 0 0; line-height: 130%; }
.review_link p.stars { font-size: 1.5em; margin: 0 0 0.35em 0; }
.review_link.inline p, .review_link.inline p.stars { margin-left: 53px; }

.review_link_facebook { background-color: #3983b7; }
.review_link_facebook .icon i { color: #3983b7; }
.review_link_facebook .icon i { position: absolute; bottom: -3px; right: 8px; font-size: 2.4em; line-height: 100%; }
.review_link_google { background-color: #dd4b39; }
.review_link_google .icon i { color: #dd4b39; }
.review_link_google .icon i { position: absolute; top: 3.5px; right: 5.5px; font-size: 2.4em; line-height: 100%; }

@media (max-width: 450px) {
    .hidden-xs { display: none !important; }
}
@media (max-width: 340px) {
    .hidden-xxs { display: none !important; }
}

.g-recaptcha { margin-top: 1em; display: inline-block; }

/* ==========================================================================
   Page CMS
   ========================================================================== */

#active_info { padding: 10px; background-color: #333; text-align: left; }
#active_info p { margin: 5px 0; }
#active_info p a { margin: 0 10px 0 0; }
#active_info ul { margin: 0; padding: 0; list-style: none; list-style-type: none; }
#active_info ul li { color: #FFF; display: inline; padding: 0 10px 0 0; font-size: 0.97em; }
#active_info ul li a { color: #FFF; text-decoration: none; }
@media (min-width: 992px) {
    #active_info p { float: right; margin: 0; }
    #active_info ul { margin: 2px 10px; }
}

#alertbar { width: 100%; position: fixed; z-index: 999; background-color: #C00; background-color: rgba(204,0,0,0.8); text-align: left; }
#alertbar p { color: #FFF; float: left; margin-left: 15px; }
#alertbar ul { padding: 0; list-style: none; list-style-type: none; float: right; margin-right: 5px; }
#alertbar li { display: inline; margin-right: 3px; }
#alertbar li a { color: #FFF; background-color: #1A1A1A; text-decoration: none; padding: 3px 5px; cursor: pointer; }
#alertbar li a:hover { color: #FFF; background-color: #0081C7; text-decoration: none; }

.page_admin { position: relative; }

.page_controls { margin: 15px 0; padding: 0; text-align: right; background-color: #FFF; border: 1px solid #B2B2B2; position: relative; }
.page_controls > a, .page_controls > a > img { display: block; float: right; }
.page_controls > a { margin: 0; padding: 0; display: inline-block; border-left: 1px solid #B2B2B2; cursor: pointer; }
.page_controls > a:hover { background-color: #0072B1; }

.page_controls ul { display: none; position: absolute; width: 100%; z-index: 997; top: 20px; left: -1px; clear: right; background-color: #FFF; text-align: left; margin: 0; padding: 0; list-style: none; list-style-type: none; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; }
.page_controls ul li { margin: 0; border-top: 1px solid #B2B2B2; }
.page_controls ul li a { display: block; text-decoration: none; color: #999; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; cursor: pointer; }
.page_controls ul li a span { position: relative; top: 1px; }
.page_controls ul li a img { display: inline-block; margin-right: 2px; }
.page_controls ul li a:hover { background-color: #0072B1; color: #FFF; }

.page_controls_right { background-color: #FFF; position: absolute; top: 0px; right: 0; z-index: 998; margin: 0; padding: 0; border-top: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; }
.page_controls_right a, .page_controls_right a img { display: block; float: right; }
.page_controls_right a { margin: 0; padding: 0; display: inline-block; border-left: 1px solid #B2B2B2; cursor: pointer; }
.page_controls_right a:hover { background-color: #0072B1; }

.pc_align1 { position: absolute; top: 0px; bottom: auto; }
.pc_align2 { position: absolute; top: -11px; bottom: auto; }
.pc_align3 { position: absolute; top: 10px; bottom: auto; }
.pc_align4 { position: absolute; top: auto; bottom: 10px; }

.page_article_holder { position: relative; }
.page_article { margin: 15px 0; }
.page_image { margin: 10px 0; display: block; }

.news_article { position: relative; margin: 15px 0; }
.news_article h1, .news_article h2, .news_article h3, .news_article h4, .news_article h5, .news_article h6 { margin-top: 0.7em; }
.news_images { margin: 10px -10px; }
.news_image { margin: 10px; position: relative; display: block; float: left; }
.news_image img { max-height: 720px; }
.news_image .fancybox { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.news_image_sub { width: 100px; height: 100px; background-repeat: no-repeat; background-size: cover; }
.news_info { font-size: 0.80em; color: #999; }
.news_read_more { float: left; margin: 15px 15px 15px 0; }
@media (min-width: 768px) {
	.news_image_sub { width: 150px; height: 150px; }
}

#news_latest .post { padding: 1em 0; border-top: 1px solid #C4C4C4; }
#news_latest .post:first-child { border: 0; }
#news_latest .post img { float: right; width: 100px; margin: 0 0 5px 10px; display: block; }
#news_latest .post .title { margin: 0 0 5px; }
#news_latest .post .body { margin: 5px 0; }
#news_latest .post .info { float: left; color: #999; margin: 0; }
#news_latest .post .more { float: right; margin: 0; }
#news_latest .post .more a { text-decoration: none; }
#news_latest .post .more a i { margin-left: 3px; }

.socialsmall { margin: 15px 0 0 0; }

/* ==========================================================================
   Cookie Consent
   ========================================================================== */

#cookieconsent { display: none; position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; background-color: #3b9a72; margin: 0; }
#cookieconsent .cmessage { color: #FFF; margin: 1em; display: inline-block; }
#cookieconsent .cmessage a { color: #F68220; text-decoration: none; }
#cookieconsent .cmessage a:hover { color: #F68220; text-decoration: underline; }
#cookieconsent #accept_cookies { display: block; padding: 1em 2em; margin: 0 10px 10px 10px; background-color: #F68220; color: #FFF; cursor: pointer; }
#cookieconsent #accept_cookies:hover { background-color: #0072B1; color: #FFF; }
@media (min-width: 768px) {
    #cookieconsent #accept_cookies { display: block; float: right; margin: 0; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
    @page { margin: 1.3cm 0.8cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}