/* HTML5 Reset :: taken from http://html5reset.org/ */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent }
article, aside, figure, footer, header, hgroup, nav, section, details, summary { display:block }
img, object, embed { max-width:100% }
html { overflow-y:scroll }
h1, h2, h3, h4, h5, h6 { font-weight:normal }
ul { list-style:none }
blockquote, q {quotes:none;}
blockquote:before,  blockquote:after, q:before, q:after { content:''; content:none }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent }
del { text-decoration:line-through }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help }
table { border-collapse:collapse; border-spacing:0 } /* tables still need cellspacing="0" in the markup */
th { font-weight:bold; vertical-align:bottom }
td { font-weight:normal; vertical-align:top }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
input, select { vertical-align:middle }
pre { white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word }
input[type="radio"] { vertical-align:text-bottom }
input[type="checkbox"] { vertical-align:bottom }
.ie7 input[type="checkbox"] { vertical-align:baseline }
.ie6 input { vertical-align:text-bottom }
select, input, textarea { font:99% sans-serif }
table { font-size:inherit; font:100% }
small { font-size:85% }
strong { font-weight:bold }
sub, sup { font-size:75%; line-height:0; position:relative }
sup { top:-0.5em }
sub { bottom:-0.25em }
pre, code, kbd, samp { font-family: monospace, sans-serif }
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor:pointer }
button, input, select, textarea { margin:0 }
button { width:auto; overflow:visible }
.ie7 img { -ms-interpolation-mode:bicubic }
.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; overflow:hidden }
.clearfix:after { clear:both }
.clearfix { zoom:1 }

/* Defaults */
div, header, nav, section { position:relative }
.hidden { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden }
.clear { clear:both }
.float_left { float:left }
.float_right { float:right }
a { text-decoration:none; cursor:pointer }
strong { font-weight:400 }
.no_outline:focus { outline:0 }

/* CMS content */
.cms_content { line-height:25px; font-size:17px; color:#767572; font-weight:300 }
.cms_content p { margin:12px 0 18px }
.cms_content a { color:#767572; font-weight:400; text-decoration:underline }
.cms_content blockquote { font-style:italic }
.cms_content h1, .cms_content h2, .cms_content h3, .cms_content h4 { font-weight:400; margin:0 0 10px; font-size:22px }
.cms_content h5 { font-weight:bold }
.cms_content ul { padding-left:19px; margin:10px 0 16px }
.cms_content ul li { list-style:disc; margin-bottom:4px }
.cms_content ol { padding-left:19px; margin:10px 0 16px }
.cms_content ol li { list-style:decimal; margin-bottom:4px }
.cms_content table { width:100% }
.cms_content table th, .cms_content table td { padding:4px; text-align:left }
.cms_content table th { font-size:16px }

/* Header Breaks */
.head_break_large .head { width:32%; margin:0 1%; font-size:33px; font-weight:700; text-transform:uppercase; text-align:center; float:left }
.head_break_large .light { color:#FFF }
.head_break_large .break { float:left; width:33%; margin-top:2% }
.head_break_large .break img { display:block; width:100%; height:100%; max-width:316px; max-height:9px; margin:0 auto }
.head_break_small { width:450px; margin:36px auto 26px }
.head_break_small .head { width:136px; font-size:18px; font-weight:400; text-transform:uppercase; text-align:center; float:left }
.head_break_small .break { float:left; width:157px }
.head_break_small .break img { display:block; width:100%; height:100%; max-width:157px; max-height:5px; padding-top:11px }

/* Notice boxes */
.notice_box { margin: 0 0 10px; padding: 20px; border-left: 3px solid #eee }
.notice_box h4 { font-weight:700; font-size:18px; margin-bottom:5px }
.notice_box p { color:#333; margin:0 !important }
.notice_box_error { background-color: #fdf7f7; border-color: #d9534f }
.notice_box_error h4 { color:#d9534f }
.notice_box_success { background-color:#E9FFE4; border-color: #4FC113 }
.notice_box_success h4 { color:#4FC113 }

/* Standard Table */
.std_table { width:100% }
.std_table th, .std_table td { padding:4px; text-align:left }
.std_table th { font-size:16px }

/* Standard Table (for products checkout etc) */
.std_table { width:100% }
.std_table th, .std_table td { padding:4px; text-align:left }
.std_table th { font-size:16px }
.std_table input { width:40px; border:#FFF; padding:4px; font-size:13px }

/* Standard Input */
.std_input .input_wrap { margin-bottom:12px }
.std_input .tick_wrap { line-height:15px }
.std_input input[type="text"], .std_input input[type="password"] { width:220px; padding:5px 1.5%; border:1px solid #AAA; margin-top:4px }
.std_input textarea { width:97%; max-width:300px; padding:5px 1.5%; border:1px solid #AAA; margin-top:4px }
.std_input .text_error, .std_input input[type="text"].text_error, .std_input input[type="password"].text_error { background:#fdf7f7; border:1px solid #d9534f !important }

/* Standard form stuff */
.submit_button { display:block; background:#5B9B27; border:none; padding:10px 20px; text-transform:uppercase; color:#FFF; font-size:22px; margin-top:30px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:400 }
.submit_button_grey { background:#A3A29E }

/* Popup Styles */
.mfp-content .cms_content { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 800px; margin: 20px auto }

/* Body and Wrap */
html { height:100% }
body { height:100%; font-size:14px; color:#767572; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:400;  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; -ms-text-size-adjust: none; background:#000 }
#wrapper { overflow:hidden }
.wrap { width:100%; max-width:978px; margin:0 auto }

/* Translation */
#translation { position:absolute; width:100%; top:45px; z-index:1000 }
#translation ul { position:absolute; right:0 }
#translation li { float:left; padding-left:5px }
#translation img { display:block; width:25px; height:17px }

/* Header */
header { height:142px; z-index:2 }
header .header_top { height:27px; padding-top:6px; background:#272624 }
header .header_top li { display:inline-block }
header .header_top a { color:#FFF; font-weight:700; text-transform:uppercase }
header .header_top .left { float:left }
header .header_top .left li { padding-right:12px }
header .header_top .left li img { width:17px; height:14px }
header .header_top .right { float:right }
header .header_top .right li { padding-left:12px }
header .header_bottom { height:109px }
header .header_bottom h3 { width:200px; height:76px; padding-top:18px; margin:0 auto }
header .header_bottom h3 img { display:block; width:100%; height:100% }
header .header_bottom li { float:left }
header .header_bottom li a { color:#FFF; text-transform:uppercase; font-size:16px }
header .header_bottom nav { position:absolute; top:50px }
header .header_bottom .left { left:0 }
header .header_bottom .left li { padding-right:30px }
header .header_bottom .right { right:0 }
header .header_bottom .right li { padding-left:30px }

/* Banner */
#banner { background:#FFF url(../img/bg_banner.png) top repeat-x; z-index:1 }
#banner .banner { display:block; width:100% }
#banner .made_in_england { display:block; width:155px; height:70px; position:absolute; left:0; top:12px }

/* Main */
#main { min-height:300px; background:#FFF; padding:24px 0 }
#main .one_col { margin-top:15px }
#main .two_col { background:#A3A29E; margin-top:15px }
#main .two_col .col_1 { float:left; width:25% }
#main .two_col .col_1 .inner { padding:14px }
#main .two_col .col_1 a { color:#FFF; text-transform:uppercase }
#main .two_col .col_1 li { font-size:16px; padding-bottom:7px; position:relative }
#main .two_col .col_1 li li { font-size:14px; font-weight:300; padding:0 0 0 20px }
#main .two_col .col_1 li a.btn_plus_minus { display:block; height:20px; width:20px; position:absolute; top:0; right:0; background:url(../img/btn_plus_minus.png) no-repeat }
#main .two_col .col_1 li a.btn_minus { background-position:0 -20px }
#main .two_col .col_2 { float:right; width:75%; background:#FFF }
#main .two_col .col_2 .inner { padding:0 0 0 14px }

/* Enquiry Block */
#enquiry { background:#797979; padding:16px 0 26px }
#enquiry p { text-align:center; color:#FFF; font-size:23px; margin:20px }
#enquiry p span { font-size:25px; font-weight:700 }
#enquiry p a { color:#FFF }
#enquiry .btn_send_enquiry { display:block; background:#FFF; height:36px; width:245px; padding-top:6px; margin:0 auto; font-size:19px; color:#666666; text-transform:uppercase; text-align:center }

/* Trust Icons */
#trust_icons { background:#404040 }
#trust_icons .outer { float:left; width:50% }
#trust_icons .box { float:left; width:46%; margin:0 2%; padding:19px 0 16px; text-align:center; color:#FFF; font-size:15px; text-shadow: 1px 1px 1px #000; line-height:24px }
#trust_icons .icon { display:block; width:51px; height:51px; margin:0 auto }
#trust_icons h2 { font-size:17px; color:#ED4924; text-transform:uppercase; margin:11px 0 5px; font-weight:700 }

/* Company Logos */
#logos { background:#F45630; padding:17px 0 10px }
#logos .box { width:50%; float:left }
#logos img { display:block; width:100% }

/* Footer */
footer { padding:24px 0 18px; background:#424242; text-align:center; color:#FFF }
footer a { color:#FFF }
footer .box { line-height:22px }
footer .box_left { width:25%; float:left }
footer .box_middle { width:50%; float:left }
footer .box_right { width:25%; float:right }
footer h4 { margin:18px 0 12px; font-weight:700; color:#ED4924; text-transform:uppercase }
footer .box_middle img { display:block; width:100%; height:auto; max-width:260px; margin:0 auto }

/* Hotfoot */
#hotfoot { background:#222222 }
#hotfoot p { text-align:center; padding:8px 0 15px; color:#FFF }
#hotfoot a { color:#FFF; text-transform:uppercase }
#hotfoot a:hover{ text-decoration:underline }
#hotfoot .sagepay { display:block; margin:0 auto; padding-bottom:15px; width:190px; height:70px }

/* Page Home */
._home #banner { background:#000; margin-top:-44px }
._home #banner .slides { width:2000px; top:0; left:-511px; max-height:704px }
._home #banner .slide { position:relative; max-height:704px }
._home #banner .slide .slide_left { width:511px; height:704px; position:absolute; top:0; left:0 }
._home #banner .slide .slide_right { width:511px; height:704px; position:absolute; top:0; right:0 }
._home #banner .slide_1 .slide_left { background:url(../img/home/slide_1_left.jpg) }
._home #banner .slide_1 .slide_right { background:url(../img/home/slide_1_right.jpg) }
._home #banner .slide_2 .slide_left { background:url(../img/home/slide_2_left.jpg) }
._home #banner .slide_2 .slide_right { background:url(../img/home/slide_2_right.jpg) }
._home #banner .slide_3 .slide_left { background:url(../img/home/slide_3_left.jpg) }
._home #banner .slide_3 .slide_right { background:url(../img/home/slide_3_right.jpg) }
._home #banner .slide_4 .slide_left { background:url(../img/home/slide_6_left.jpg) }
._home #banner .slide_4 .slide_right { background:url(../img/home/slide_6_right.jpg) }
._home #banner .slide_5 .slide_left { background:url(../img/home/slide_5_left.jpg) }
._home #banner .slide_5 .slide_right { background:url(../img/home/slide_5_right.jpg) }
._home #banner .slide img { display:block; width:100%; max-width:978px; margin:0 auto }
._home #banner .slide .text_wrap { text-align:center; bottom:235px; position:absolute; width:100% }
._home #banner .slide .text { display:inline-block; line-height:50px; color:#FFF; text-transform:uppercase; font-size:44px; font-weight:700; background:url(../img/home/bg_opaque.png); text-shadow: 1px 1px 1px #000 }
._home #banner .slide .text_1 { padding:6px 24px 6px }
._home #banner .slide .text_2 { padding:6px 24px 8px }
._home #banner .made_in_england { top:66px; z-index:1000000000 }
._home #banner #trust_icons { position:absolute; height:198px; width:100%; bottom:0; background:url(../img/home/bg_opaque.png); z-index:1000000000 }

._home #latest_news { background:#606060; padding:11px 0 14px }
._home #latest_news, ._home #latest_news a { color:#FFF; text-shadow: 1px 1px 1px #000 }
._home #latest_news .box { float:left }
._home #latest_news .box_title { float:left; width:16%; font-size:33px; font-weight:700; text-transform:uppercase; text-align:center; padding-top:16px }
._home #latest_news .outer { width:42%; float:left }
._home #latest_news .box_item { float:left; width:50%; font-size:17px }
._home #latest_news .box_item h4 { padding:0 9px }
._home #latest_news .box_item a { display:block; font-weight:700; font-size:21px; line-height:27px; margin-top:2px }

._home #main .cms_content { margin:0 100px; text-align:center; font-size:23px; line-height:32px }
._home #main .more { text-align:center }
._home #main .more a { display:inline-block; padding:0 26px 0 0; background:url(../img/home/arrow_dark.png) right top no-repeat; background-size:14px 24px; font-size:18px; text-transform:uppercase; font-weight:700; color:#767572; line-height:24px }

._home #carousel { height:543px; background:#000 url(../img/home/bg_carousel.jpg) center top no-repeat }
._home #carousel .head_break_large { padding:33px 0 0 0 }
._home #carousel .cms_content { margin:0 100px; text-align:center; font-size:23px; line-height:32px; font-weight:400; color:#FFF }
._home #carousel .carousel_wrap { padding:0 29px }
._home #carousel .arrow-left { position:absolute; left:14px; top:85px; z-index:1000 }
._home #carousel .arrow-right { position:absolute; right:14px; top:85px; z-index:1000 }
._home #carousel .liquid-slider .inner { background:#FFF; padding:17px 17px 10px }
._home #carousel .liquid-slider .inner h3 { font-size:15px }
._home #carousel .liquid-slider .inner h3 a { color:#767572 }
._home #carousel .more { text-align:center; margin-top:18px }
._home #carousel .more a { display:inline-block; padding:0 26px 0 0; background:url(../img/home/arrow_light.png) right top no-repeat; background-size:14px 24px; font-size:18px; text-transform:uppercase; font-weight:700; color:#FFF; line-height:24px }

/* Page Products */
._products #main .products .pro_box { width:18.5%; float:left; margin-bottom:20px; margin-left:1.875% }
._products #main .products .pro_box:nth-child(5n -9) { clear:both; margin-left:0 }
._products #main .products .pro_box .inner { padding:13px; border:1px solid #9B9B9B; text-align:center }
._products #main .products .pro_box img { display:block }
._products #main .products .pro_box .image_link { display:block; position:relative }
._products #main .products .pro_box .glass { position:absolute; right:0; bottom:0; width:21px; height:21px }
._products #main .products .pro_box h2 { margin-top:5px }
._products #main .products .pro_box h2 a { font-weight:700; color:#767572 }
._products #main .products .pro_box .more { display:inline-block; padding-right:13px; font-size:13px; text-transform:uppercase; color:#767572; background:url(../img/arrow_more.png) right 4px no-repeat; background-size:7px 12px; margin-top:8px }
._products #main .products .pro_box .tab_buy { display:block; width:81px; height:77px; position:absolute; top:0; left:0 }

/* Page Sub Products */
._sub_products #main .products .pro_box { width:23.5%; float:left; margin-bottom:20px; margin-left:2% }
._sub_products #main .products .pro_box:nth-child(4n -7) { clear:both; margin-left:0 }
._sub_products #main .products .pro_box .inner { padding:13px; border:1px solid #9B9B9B; text-align:center }
._sub_products #main .products .pro_box img { display:block }
._sub_products #main .products .pro_box .image_link { display:block; position:relative }
._sub_products #main .products .pro_box .glass { position:absolute; right:0; bottom:0; width:21px; height:21px }
._sub_products #main .products .pro_box h2 { margin-top:5px }
._sub_products #main .products .pro_box h2 a { font-weight:700; color:#767572 }
._sub_products #main .products .pro_box .more { display:inline-block; padding-right:13px; font-size:13px; text-transform:uppercase; color:#767572; background:url(../img/arrow_more.png) right 4px no-repeat; background-size:7px 12px; margin-top:8px }
._sub_products #main .products .pro_box .tab_buy { display:block; width:81px; height:77px; position:absolute; top:0; left:0 }

/* Page Product */
._product #main .pro_info { float:right; width:48% }
._product #main .pro_info .pro_info_inner { padding-right:14px }
._product #main .pro_info h1 { text-transform:uppercase; font-size:22px; margin-bottom:16px }
._product #main .pro_info .availability { color:#5B9B27; text-transform:uppercase; font-size:18px; margin-bottom:18px }
._product #main .pro_tabs .tabs li { width:33%; height:54px; float:left; margin-right:6px  }
._product #main .pro_tabs .tabs li a { display:block; color:#FFF; height:38px; padding-top:10px; font-size:20px; font-weight:400; text-align:center; background:#A3A29E; text-transform:uppercase }
._product #main .pro_image { float:left; width:49%; margin-bottom:20px; max-width:355px }
._product #main .pro_image img { display:block; width:100% }
._product #main .pro_image .image_full { width:100%; border:1px solid #9B9B9B }
._product #main .pro_image .glass { display:block; width:26px; height:26px; position:absolute; right:-1px; bottom:1px; border-left:1px solid #9B9B9B; border-top:1px solid #9B9B9B }
._product #main .pro_image ul li { float:left; width:54px; margin:8px 8px 0 0; border:1px solid #9B9B9B }
._product #main .pro_image ul li:last-child { margin-right:0 }
._product #main .pro_tabs { clear:both }
._product #main .pro_tabs .tabs li a.green { background:#5B9B27 }
._product #main .pro_tabs .tabs li.show a { height:44px; background:#E9E9E9; font-weight:700; color:#767572 }
._product #main .pro_tabs .box { background:#E9E9E9; padding:10px 14px }
._product #main .pro_tabs .box_hide { display:none }
._product #main .pro_tabs .login { float:left; width:50%; margin-top:10px }
._product #main .pro_tabs .request_account { float:right; width:50%; margin-top:10px }

/* Page Background */
._background #main .directors { margin-top:26px }
._background #main .directors .box { max-width:700px; margin:0 auto }
._background #main .directors img { float:left }
._background #main .directors .director_list { margin:0 0 0 280px }

/* Contact Page */
._contact #main .contact_info { float:left; width:30% }
._contact #main .contact_map { float:right; height:0; width:45%; padding-bottom:45%; border:3px solid #767572 }
._contact #main .contact_map iframe { position:absolute; top:0; left:0; width:100%; height:100% }

/* Blog Styles */
._blog .post_list .post { margin-bottom:20px; padding-bottom:20px }
._blog .meta { margin:-8px 0 18px }
._blog .addthis_toolbox { line-height:0 !important }
._blog .archive_title { font-size:16px; margin-bottom:10px }

._blog .pagination ul { float:right }
._blog .pagination ul li { list-style:none; float:left; border:1px solid #767572; padding:3px 10px; font-size:18px; background:#A3A29E; margin-right:5px }
._blog .pagination ul li:after { background:none }
._blog .pagination ul li a { color:#FFF; font-weight:400; text-decoration:none }

/* Checkout Pages */
._ecommerce #main .one_col { background:#F3F3F3; margin-top:-10px }
._ecommerce #main .tabs_wrap { max-width:735px; margin:0 auto }
._ecommerce #main .tab { width:32.5%; float:left; background:#A3A29E; text-align:center; text-transform:uppercase; font-weight:700; font-size:28px; height:52px; padding-top:13px }
._ecommerce #main .tab_2 { margin:0 1.25% }
._ecommerce #main .tab_selected { background:#D4D4D4; height:58px }
._ecommerce #main .section { background:#D4D4D4; padding:14px }
._ecommerce #main .section h2 { font-size:22px; font-weight:700; margin-bottom:14px }
._ecommerce #main .btn_wrap { width:420px; float:right }
._ecommerce #main .btn_left { float:left }
._ecommerce #main .btn_right { float:right }
._ecommerce #main table.total { clear:both; font-size:14px; float:right; text-align:right; margin:28px 0 0 }
._ecommerce #main table.total td { padding:2px 0 }
._ecommerce #main table.total td.amount { width:130px }
._ecommerce #main table.total td strong { font-size:16px }
._ecommerce #main .details { background:#F3F3F3; padding:2%; margin-bottom:16px }
._ecommerce #main .details_billing { float:left; width:45% }
._ecommerce #main .details_delivery { float:right; width:45%; margin-bottom:0 }
._ecommerce #main .use_billing { line-height:normal; font-size:12px; position:absolute; top:10px; right:10px }
._ecommerce #main strong { font-weight:700 }
._ecommerce #main table.total_confirm { margin-right:38px }
._ecommerce #main .edit { display:block; position:absolute; right:20px; top:15px; text-transform:uppercase; text-decoration:underline; color:#646360 }
._ecommerce #main .msg { text-align:right; clear:both; padding:14px 0 0 }
._ecommerce #main .msg a { color:#767572; text-decoration:underline }
._ecommerce #main .sagenote { padding-top:40px }
._ecommerce #main .sagepay { display:block; margin-top:20px; width:190px; height:70px }
._ecommerce #main .terms { line-height:16px }

._user .left { width:50%; float:left }
._user .right { width:50%; float:right }

@media ( max-width : 978px ) {
/* Translation */
#translation ul { right:12px }

/* Header Breaks */
.head_break_no_home { padding:0 14px }
.head_break_large .head { font-size:26px }

/* Main */
#main .one_col { padding:0 14px }

/* Header */
header { height:140px }
header .header_top .left { padding-left:12px }
header .header_top .right { padding-right:12px }
header .header_bottom .left { left:12px }
header .header_bottom .right { right:12px }
header .header_bottom nav { top:74px }

/* main */
.full_width { padding:24px 14px !important }

/* Enquiry Block */
#enquiry { padding:16px 14px 26px }

/* Page Home */
._home #banner .slides { width:100%; top:auto; left:auto }
._home #banner .slide .slide_left { display:none }
._home #banner .slide .slide_right { display:none }
._home #banner .slide .text_wrap { bottom:258px }
._home #banner .bx-wrapper .bx-pager, ._home #banner.bx-wrapper .bx-controls-auto { bottom:212px }
._home #banner #trust_icons { height:222px }

/* Page Sub Products */
._sub_products #main .products { padding-right:14px }
._sub_products #main .products .pro_box { width:32%; margin-left:2% }
._sub_products #main .products .pro_box:nth-child(4n -7) { clear:none; margin-left:2% }
._sub_products #main .products .pro_box:nth-child(3n -5) { clear:both; margin-left:0 }

/* Contact Page */
._contact #main .contact_map { width:50%; padding-bottom:50% }
}

@media ( max-width : 900px ) {
/* Page Products */
._products #main .products .pro_box { width:23.5%; margin-left:2% }
._products #main .products .pro_box:nth-child(5n -9) { clear:none; margin-left:2% }
._products #main .products .pro_box:nth-child(4n -7) { clear:both; margin-left:0 }
}

@media ( max-width : 840px ) {
/* Header */
header .header_top { height:25px; padding-top:4px; font-size:13px }
header .header_bottom { height:100px }
header .header_bottom h3 { width:150px; height:57px; padding-top:10px }
header .header_bottom li a { font-size:14px }
header .header_bottom nav { top:74px }
header .header_bottom .left li { padding-right:18px }
header .header_bottom .right li { padding-left:18px }

/* Header Breaks */
.head_break_large .head { font-size:23px }

/* Page Home */
._home #latest_news .box_title { width:100%; font-size:20px; font-weight:700; text-align:center; padding:0 0 12px 0 }
._home #latest_news .outer { width:50% }
._home #latest_news .box_item h4 { padding:0 14px }

/* Contact Page */
._contact #main .contact_map { width:60%; padding-bottom:60% }
}

@media ( max-width : 800px ) {
/* Main */
#main .two_col .col_1 { width:100% }
#main .two_col .col_2 { width:100%; padding-top:20px }
#main .two_col .col_2 .inner { padding:0 14px }

/* Trust Icons */
#trust_icons .outer { width:100% }

/* Page Home */
._home #banner .slide .text_wrap { bottom:228px }
._home #banner .slide .text { line-height:32px; font-size:26px }
._home #banner .slide .text_1 { padding:6px 14px 6px }
._home #banner .slide .text_2 { padding:6px 14px 6px }
._home #banner .bx-wrapper .bx-pager, ._home #banner.bx-wrapper .bx-controls-auto { bottom:190px }
._home #banner #trust_icons { position:relative; height:auto; bottom:auto; background:url(../img/home/bg_opaque.png); margin-top:-200px }
._home #main .cms_content { margin:0 }

/* Page Sub Products */
._sub_products #main .products { padding-right:0 }

/* Page Product */
._product #main .pro_info .pro_info_inner { padding-right:0 }
}

@media ( max-width : 740px ) {
/* Header Breaks */
.head_break_large { width:100% }
.head_break_large .head { font-size:28px; width:100%; margin:0 }
.head_break_large .break { display:none }
.head_break_small { width:100% }
.head_break_small .head { width:100% }
.head_break_small .break { display:none }

/* Company Logos */
#logos .box { width:100%; float:left }
#logos img { max-width:489px; margin:0 auto }

/* Footer */
footer .box_left { width:100% }
footer .box_middle { width:100% }
footer .box_right { width:100% }

/* Page Home */
._home #carousel .head_break_large { padding:20px 0 0 0 }
._home #carousel .cms_content { margin:0 14px }

/* Page Products */
._products #main .products .pro_box { width:32%; margin-left:2% }
._products #main .products .pro_box:nth-child(5n -9) { clear:none; margin-left:2% }
._products #main .products .pro_box:nth-child(4n -7) { clear:none; margin-left:2% }
._products #main .products .pro_box:nth-child(3n -5) { clear:both; margin-left:0 }

/* Contact Page */
._contact #main .contact_map { width:100%; padding-bottom:100% }

/* Checkout Pages */
._ecommerce #main .tab { font-size:20px; height:45px; padding-top:13px }
._ecommerce #main .tab_selected { height:51px }

._user .left { width:auto; float:none }
._user .right { width:auto; float:none }
}

@media ( max-width : 620px ) {
.std_table table, .std_table thead, .std_table tbody, .std_table th, .std_table td, .std_table tr { display: block }
.std_table thead tr { display:none }
.std_table tr { border-bottom: 1px solid #ccc; margin-bottom:15px; padding-bottom:15px }
.std_table td { border: none; position: relative }
.std_table td:before { display:block; float:left; width:110px; font-weight:700 }
.std_table td:nth-of-type(1):before { content: "Part No" }
.std_table td:nth-of-type(2):before { content: "Description" }
.std_table td:nth-of-type(3):before { content: "Pack Size" }
.std_table td:nth-of-type(4):before { content: "Pack Price (£)" }
.std_table td:nth-of-type(5):before { content: "Quanity" }
.std_table td:nth-of-type(6):before { content: "Cost" }

/* Page Home */
._home #banner { margin-top:-22px }
._home #banner .slide .text { line-height:26px; font-size:20px }
._home #banner .slide .text_1 { padding:6px 10px 5px }
._home #banner .slide .text_2 { padding:6px 10px 5px }
._home #banner .made_in_england { width:105px; height:auto; top:44px }
._home #latest_news .outer { width:100% }
._home #latest_news .box_item { margin-bottom:20px }
._home #carousel .head_break_large { padding:15px 0 0 0 }
._home #carousel .cms_content { margin:0 14px; font-size:18px; line-height:26px }

/* Page Products */
._products #main .products .pro_box { width:48.5%; margin-left:3% }
._products #main .products .pro_box:nth-child(5n -9) { clear:none; margin-left:3% }
._products #main .products .pro_box:nth-child(4n -7) { clear:none; margin-left:3% }
._products #main .products .pro_box:nth-child(3n -5) { clear:none; margin-left:3% }
._products #main .products .pro_box:nth-child(2n -3) { clear:both; margin-left:0 }

/* Page Sub Products */
._sub_products #main .products .pro_box { width:48.5%; margin-left:3% }
._sub_products #main .products .pro_box:nth-child(4n -7) { clear:none; margin-left:3% }
._sub_products #main .products .pro_box:nth-child(3n -5) { clear:none; margin-left:3% }
._sub_products #main .products .pro_box:nth-child(2n -3) { clear:both; margin-left:0 }

/* Page Product */
._product #main .pro_tabs .tabs li { width:49%; margin-right:0 }
._product #main .pro_tabs .tabs li.last { float:right }
._product #main .pro_tabs .login { float:none; width:100%}
._product #main .pro_tabs .request_account { float:none; width:100% }

/* Checkout Pages */
._ecommerce #main .details_billing { width:96% }
._ecommerce #main .details_delivery { width:96% }
._ecommerce .std_table td:nth-of-type(6):before { content: "Quanity" }
._ecommerce .std_table td:nth-of-type(5):before { content: "Cost" }

/* Page Background */
._background #main .directors img { float:none; display:block; margin:0 auto 18px }
._background #main .directors .director_list { margin:0 }
._background #main .directors h3 { text-align:center }
}

@media ( max-width : 500px ) {
/* Header */
header { height:auto }
header .header_top .hide { display:none }
header .header_top .right li { padding-left:7px }
header .header_top .right li.first { padding-left:0 }
header .header_bottom { height:auto }
header .header_bottom li { float:none; display:inline-block; padding:0 7px !important }
header .header_bottom nav { position:static; text-align:center }
header .header_bottom .left { padding:9px 0 2px }
header .header_bottom .right { padding-bottom:5px }

/* Banner */
#banner .made_in_england { width:105px; height:auto }

/* Trust Icons */
#trust_icons .box { float:none; width:auto; margin:0 auto; max-width:300px; padding:14px }

/* Page Home */
._home #banner { margin-top:0 }
._home #banner .slide .text_wrap { bottom:140px }
._home #banner .slide .text { line-height:24px; font-size:18px }
._home #banner .slide .text_1 { padding:5px 8px 1px }
._home #banner .slide .text_2 { padding:5px 8px 4px }
._home #banner .bx-wrapper .bx-pager, ._home #banner.bx-wrapper .bx-controls-auto { bottom:110px }
._home #banner .bx-wrapper .bx-pager.bx-default-pager a { width:18px; height:18px; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px }
._home #banner .made_in_england { display:none }
._home #banner #trust_icons { margin-top:-100px; background:#000 }
._home #latest_news .box_item { width:100%; text-align:center }
._home #main .cms_content { font-size:18px; line-height:26px }

._product #main .pro_info { width:100% }
._product #main .pro_image { width:100%; margin:0 auto 20px; float:none }

/* Checkout Pages */
._ecommerce #main .btn_left { float:right; clear:both }
._ecommerce #main .tab { font-size:15px; height:33px; padding-top:10px }
._ecommerce #main .tab_selected { height:39px }
}

@media ( max-width : 340px ) {
/* Header */
header .hide_shopping { display:none }

/* Page Home */
._home #carousel .head_break_large { padding:12px 0 0 0 }
._home #carousel .cms_content { margin:0 14px; font-size:16px; line-height:20px }
._home #carousel .more { display:none }

/* Page Products */
._products #main .products .pro_box { width:100%; margin-left:0 !important }

/* Page Sub Products */
._sub_products #main .products .pro_box { width:100%; margin-left:0 !important }
}


/* Vimeo on homepage */
#main .homepage-vimeo { position: relative; margin-top: 50px; }

@media only screen and (max-width: 780px) {
    #main .homepage-vimeo { height: 400px; }
}
@media only screen and (max-width: 600px) {
    #main .homepage-vimeo { height: 300px; }
}
@media only screen and (max-width: 400px) {
    #main .homepage-vimeo { height: 250px; }
}

/* IE (still sucks) Overides */
.ie8 ._home #banner .slide { height:704px }
.ie8 ._home #banner .slide img { height:100% }

/* RECAPTCHA */
@media only screen and (max-width: 550px) {
    .g-recaptcha > div { -webkit-transform: scale(0.86);-moz-transform: scale(0.86);-ms-transform: scale(0.86);-o-transform: scale(0.86);transform: scale(0.86); -webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0; }
}