html { margin:0; padding:0; -webkit-text-size-adjust:none; }
body { margin:0; padding:0; color:#FFFFFF; font-size:1em; line-height:1em; font-family:Helvetica,Arial,Sans-serif; background-color:#1b1b1b; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,navmob,navsub,content,section { display:block; }

img { border-style:none; display:block; -webkit-touch-callout:none; -webkit-user-select:none; }
img.inline,
article img,
aside img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }

hr { border:none 0; margin:40px 0; border-top:1px solid #333333; height:0; }

p { padding:0; margin:0 0 16px 0; }
/*p:last-child { margin-bottom:0; }*/
iframe { border:0; }
sup { position:relative; top:-.5em; vertical-align:baseline; font-size:75%; line-height:0; }
strong, .bold { font-weight:bold; }
figure { margin:0; }
button { border:0; margin:0; padding:0; text-align:inherit; text-transform:inherit; font:inherit; letter-spacing:inherit; background:none; cursor:pointer; overflow:visible; }
cite { font-style:italic; }
dl { margin-top:0; margin-bottom:0; }
dd { margin-left:0; }

h1 { color:#FFFFFF; font-variant:small-caps; font-size:2.5em; margin-top:0; line-height:1em; word-break:break-word; }
h2 { color:#FFFFFF; font-variant:small-caps; font-size:2em; margin-top:0; line-height:1em; word-break:break-word; }
h3 { color:#FFFFFF; font-variant:small-caps; font-size:1.5em; margin-top:0; line-height:1em; word-break:break-word; }
h4 { color:#FFFFFF; font-size:1.2em; margin-top:0; word-break:break-word; }
h5, h6 { color:#FFFFFF; font-size:1em; margin-top:0; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom:0; }

a,
a:visited { color:#ff9500; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#cc7700; text-decoration:underline; }
a:active { color:#995900; text-decoration:underline; }

blockquote { font-family:Helvetica,Arial,Sans-serif; font-size:1.2em; margin:20px 0 20px 0; padding:0 0 0 50px; line-height:1.45; position:relative; }
blockquote:before { display:block; padding-left:12px; content:"\201C"; font-size:80px; position:absolute; left:-8px; top:-20px; color:#ff9500; }
blockquote cite { color:#ff9500; display:block; }
blockquote cite:before { content:"\2014 \2009"; }

::-moz-selection { background:#ff9500; color:#FFFFFF; }
::selection { background:#ff9500; color:#FFFFFF; }
::-moz-focus-inner { border:0; padding:0; }

.clear { clear:both; height:0; overflow:hidden; }
.clear-screen { clear:both; height:0; overflow:hidden; }
.clear-mobile { }
.hide { display:none; }
.nowrap { white-space:nowrap; }
.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }
.smmargins { margin:0 0 8px 0; padding:0!important; }
.protection { unicode-bidi:bidi-override; direction:rtl; }

.spacer { clear:both; height:16px; overflow:hidden; }

.authorAvatar { float:right; margin:3px 0 17px 20px; }
.photoRight { float:right; margin:3px 0 17px 20px; }
.photoLeft { float:left; margin:3px 20px 17px 0; }
.photoLeftCat { float:left; margin:3px 20px 3px 0; }
.photoCenter,
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }
.right { text-align:right; }

.article-left { width:48.5%; float:left; margin-bottom:16px; }
.article-left-solo { width:48.5%; float:left; margin:0 16px 16px 0; }
.article-right { width:48.5%; float:right; margin-bottom:16px; }
.article-rightalt { width:48.5%; float:right!important; text-align:right; margin-bottom:16px; }

.page-left { float:left; margin:0 16px 16px 0; }
.page-right { float:right; margin:0 0 16px 16px; text-align:right; }

.outdated p { margin:0; padding:10px; text-align:center; }

a,
button,
.product-listings ul li img,
.triangle img { -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; }

.grecaptcha-badge { visibility:hidden; }

.orange { color:#ff9500; }

/* ----------------------
  Interface
---------------------- */

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; margin:0; padding:0; }

#container { /*max-width:1024px;*/ margin:0 auto; position:relative; }
.content { /*max-width:1024px;*/ margin:0 auto; padding:40px; position:relative; }
.contenthome { /*max-width:1024px;*/ margin:0 auto; padding:40px 40px 0 40px; position:relative; }

.accadmin { background-color:#272727; }
.accadmin .padding { padding:4px 40px 2px 40px; }
.accadmin_left { float:left; }
.accadmin_right { float:right; }

nav.accadmin { margin:0; padding:0; }
nav.accadmin .padding { }
nav.accadmin ul { list-style:none; margin:0; padding:0; display:block; }
nav.accadmin ul li { float:left; margin:0; padding:0; }
nav.accadmin ul li a,
nav.accadmin ul li a:visited { color:#ff9500; background-color:#333333; margin:0 2px 2px 0; line-height:1em; text-decoration:none; display:block; padding:9px 10px 8px 10px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-transform:uppercase; font-size:0.87em; }
nav.accadmin ul li a:hover,
nav.accadmin ul li a:focus { color:#FFFFFF; background-color:#ff9500; }
nav.accadmin ul li a:active { color:#ff9500; background-color:#804a00; }

.accadmin_search { width:200px; background:url("header-search.png") left top no-repeat; _background:url("header-search.gif") left top no-repeat; float:left; color:#000; height:30px; }
.accadmin_search form { margin:0; padding:0; }
.search_l { float:left; width:170px; height:30px; overflow:hidden; }
.search_l #s { width:157px; height:20px; color:#FFFFFF; border:0; font-size:1em; padding:5px 5px 5px 8px; background:transparent url("transparent.gif") no-repeat; }
.search_r { float:left; width:30px; height:30px; overflow:hidden; }

header { width:100%; }
header .content { padding:40px; }
header p { margin:0; padding:0; }

.header-logo a,
.header-logo a:visited { padding-top:14.2%; width:75.21%; max-width:710px; margin:0 auto; background:url("gritstone-series.png") center no-repeat; _background:url("gritstone-series.gif") center no-repeat; text-indent:-9000px; background-size:contain; display:block; }

/* NAV > Screen */
nav.screen { background:rgb(255,149,0); background:linear-gradient(180deg, rgba(255,149,0,1) 0%, rgba(87,52,1,1) 100%); text-align:center; }
nav.screen .padding { /*padding:10px 10px 5px 10px;*/ }
nav.screen ul { list-style:none; margin:0; padding:0; display:inline-block; }
nav.screen ul li { display:inline-block; position:relative; margin:0; padding:0; }
nav.screen ul li a,
nav.screen ul li a:visited { color:#FFFFFF; background-color:transparent; margin:0; line-height:1em; text-decoration:none; display:block; padding:12px 15px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-transform:uppercase; font-size:1em; }
nav.screen ul li a:hover,
nav.screen ul li a:focus { color:#0d0d0d; background-color:#ff9500; }
nav.screen ul li a:active { color:#0d0d0d; background-color:#ff9500; }

/* Second menus */
nav.screen ul ul { position:absolute; margin:0; left:0; top:40px; display:none; text-align:left; visibility:hidden; z-index:50; }
nav.screen ul ul li { width:175px; text-transform:none; }
nav.screen ul ul li a,
nav.screen ul ul li a:visited { color:#FFFFFF; background-color:#b36800; border-bottom:2px solid rgba(0, 0, 0, 0.25); margin:0; line-height:1em; text-decoration:none; display:block; padding:9px 10px 8px 10px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-transform:uppercase; }
nav.screen ul ul li a:hover,
nav.screen ul ul li a:focus { color:#FFFFFF; background-color:#804a00; }
nav.screen ul ul li a:active { color:#FFFFFF; background-color:#4d2d00; }

/* Third menus */
nav.screen ul ul ul { left:175px; top:0; margin-left:2px; }

/* Before Second Menus */
nav.screen ul li:hover > a,
nav.screen ul li:hover > a:visited { background-color:#b36800; }
nav.screen ul li:hover > a:hover { color:#0d0d0d; background-color:#ff9500; }
nav.screen ul li:hover > a:active { background-color:#b36800; }
nav.screen ul li:hover > ul { display:block; visibility:visible; }
nav.screen ul li.over > ul { display:block; visibility:visible; }

#nav_basket > a:before { content:""; display:block; background:url("nav_basket.png") center no-repeat; _background:url("nav_basket.gif") center no-repeat; width:15px; height:12px; background-size:15px 12px; float:left; margin-right:5px; }
#nav_basket:hover > a:before { content:""; display:block; background:url("nav_basketwhite.png") center no-repeat; _background:url("nav_basketwhite.gif") center no-repeat; width:15px; height:12px; background-size:15px 12px; float:left; margin-right:5px; }

#nav_contact a:before { content:""; display:block; background:url("nav_email_white.png") center no-repeat; _background:url("nav_email_white.gif") center no-repeat; width:12px; height:12px; background-size:12px 12px; float:left; margin-right:5px; }
#nav_contact:hover a:before { content:""; display:block; background:url("nav_email.png") center no-repeat; _background:url("nav_email.gif") center no-repeat; width:12px; height:12px; background-size:12px 12px; float:left; margin-right:5px; }

#nav_findus a:before { content:""; display:block; background:url("nav_findus_white.png") center no-repeat; _background:url("nav_findus_white.gif") center no-repeat; width:8px; height:12px; background-size:8px 12px; float:left; margin-right:5px; }
#nav_findus:hover a:before { content:""; display:block; background:url("nav_findus.png") center no-repeat; _background:url("nav_findus.gif") center no-repeat; width:8px; height:12px; background-size:8px 12px; float:left; margin-right:5px; }

#nav_home div { text-indent:-9000px; }
#nav_home a:before { content:""; display:block; background:url("nav_home.png") center no-repeat; _background:url("nav_home.gif") center no-repeat; width:12px; height:12px; background-size:12px 12px; float:left; }

/*
#nav_basket > a,
#nav_basket > a:visited { background-color:#77cc00; }
#nav_basket > a:hover,
#nav_basket > a:focus { background-color:#599900; }
#nav_basket > a:active { background-color:#3c6600; }
*/

/*
#nav_outlet a,
#nav_outlet a:visited { background-color:#4a4a4a; }
#nav_outlet a:hover,
#nav_outlet a:focus { background-color:#6e593b; }
#nav_outlet a:active { background-color:#92682c; }
*/

#nav_app a,
#nav_app a:visited { color:#77cc00; /*background-color:#77cc00;*/ }
#nav_app a:hover,
#nav_app a:focus { background-color:#77cc00; color:#FFF; /*background-color:#599900;*/ }
#nav_app a:active { background-color:#599900; /*background-color:#3c6600;*/ }

#nav_apc a,
#nav_apc a:visited { color:#046ae7; /*background-color:#046ae7;*/ }
#nav_apc a:hover,
#nav_apc a:focus { background-color:#046ae7; color:#FFF; /*background-color:#0453b5;*/ }
#nav_apc a:active { background-color:#0453b5; /*background-color:#033c82;*/ }

/* NAV SUB > Screen */
nav.screen.navsub { /*background-color:#4a4a4a;*/ }
nav.screen.navsub ul li a,
nav.screen.navsub ul li a:visited { /*background-color:#636363;*/ }
nav.screen.navsub ul li a:hover,
nav.screen.navsub ul li a:focus { /*background-color:#3d3d3d;*/ }
nav.screen.navsub ul li a:active { /*background-color:#171717;*/ }

/* Second menus */
nav.screen.navsub ul ul li a,
nav.screen.navsub ul ul li a:visited { /*background-color:#b36800;*/ }
nav.screen.navsub ul ul li a:hover,
nav.screen.navsub ul ul li a:focus { /*background-color:#804a00;*/ }
nav.screen.navsub ul ul li a:active { /*background-color:#4d2d00;*/ }

/* Before Second Menus */
nav.screen.navsub ul li:hover > a,
nav.screen.navsub ul li:hover > a:visited { /*background-color:#b36800;*/ }
nav.screen.navsub ul li:hover > a:active { /*background-color:#804a00;*/ }

/* NAV > Mobile Button */
navmob { display:none; display:none; background-color:#0d0d0d; font-weight:bold; }
navmob ul { list-style:none; margin:0; padding:0; }
navmob ul li a,
navmob ul li a:visited { font-size:1.245em; margin-top:0; line-height:1em; padding:15px 20px 15px 20px; color:#FFFFFF; display:block; _display:inline-block; text-decoration:none; background:url("navm.png") 94% center no-repeat; _background:url("navm.gif") 94% center no-repeat; }
navmob ul li a:focus,
navmob ul li a:hover,
navmob ul li a:active { text-decoration:none; background-color:#333333; color:#FFFFFF; }

/* NAV > Mobile */
nav.mobile { display:none; width:100%; z-index:900; font-weight:bold; }
nav.mobile .content { margin:0!important; padding:0!important; }
nav.mobile ul { list-style:none; margin:0; padding:0; }
nav.mobile ul li { border-top:2px solid #1b1b1b; }
nav.mobile ul li a,
nav.mobile ul li a:visited { background-color:#0d0d0d; padding:13px 20px 13px 20px; color:#FFFFFF; display:block; _display:inline-block; text-decoration:none; }
/* nav.mobile>div>div>ul>li.current-menu-item>a { font-weight:bold; } */
nav.mobile ul li a:focus,
nav.mobile ul li a:hover { background-color:#333333; color:#FFFFFF; }
nav.mobile ul li a:active { background-color:#4d4d4d; color:#FFFFFF; }

/* Second menus */
nav.mobile ul ul li a,
nav.mobile ul ul li a:visited { background-color:#333333; color:#FFFFFF; padding:13px 20px 13px 30px; }
/* nav.mobile>div>div>ul>li>ul>li.current-menu-item>a { font-weight:bold; } */
nav.mobile ul ul li a:focus,
nav.mobile ul ul li a:hover { background-color:#4d4d4d; color:#FFFFFF; }
nav.mobile ul ul li a:active { background-color:#666666; color:#FFFFFF; }

/* Third menus */
nav.mobile ul ul ul li a,
nav.mobile ul ul ul li a:visited { padding:13px 20px 13px 40px; }

/* NAV SUB > Mobile */
nav.mobile.navsub ul li { border-top:2px solid #3d3d3d; }
nav.mobile.navsub ul li a,
nav.mobile.navsub ul li a:visited { background-color:#4a4a4a; }
nav.mobile.navsub ul li a:focus,
nav.mobile.navsub ul li a:hover { background-color:#3d3d3d; }
nav.mobile.navsub ul li a:active { background-color:#171717; }

#content { line-height:1.4em; }
#content img { max-width:100%; height:auto; border:0; vertical-align:middle; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

/* Footer */
footer { overflow:hidden; color:#FFFFFF; text-align:center; }
footer .content { padding:0; }
footer .padding { padding:40px; line-height:1.2em; }
footer p { margin:0 0 10px 0; padding:0; }
footer a,
footer a:visited { color:#FFFFFF; text-decoration:none; }
footer a:focus,
footer a:hover { color:#FFFFFF; text-decoration:underline; }
footer a:active { color:#FFFFFF; text-decoration:underline; }
.footer-upper { font-size:0.87em; }
.footer-lower { font-size:0.77em; }
.footer_contact { text-transform:uppercase; font-weight:bold; font-size:1.325em; }

/* ----------------------
  Social Icons
---------------------- */

.social-header { list-style:none; margin:0; padding:0; }
.social-header li { float:left; }
.social-header li a,
.social-header li a:visited { margin:0 0 0 4px; }

.social-header .icon-facebook { width:30px; height:30px; background:url("icon-facebook.png") center no-repeat; _background:url("icon-facebook.gif") center no-repeat; display:block; text-indent:-9000px; text-align:left; }
.social-header .icon-threads { width:30px; height:30px; background:url("icon-threads.png") center no-repeat; _background:url("icon-threads.gif") center no-repeat; display:block; text-indent:-9000px; text-align:left; }
.social-header .icon-instagram { width:30px; height:30px; background:url("icon-instagram.png") center no-repeat; _background:url("icon-instagram.gif") center no-repeat; display:block; text-indent:-9000px; text-align:left; }
.social-header .icon-whatsapp { width:30px; height:30px; background:url("icon-whatsapp.png") center no-repeat; _background:url("icon-whatsapp.gif") center no-repeat; display:block; text-indent:-9000px; text-align:left; }
/*.social-header .icon-twitter { width:30px; height:30px; background:url("icon-twitter.png") center no-repeat; _background:url("icon-twitter.gif") center no-repeat; display:block; text-indent:-9000px; text-align:left; }*/

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

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

.accadmin_search_button { display:none; }

a.button,
a.button:visited { display:inline-block; padding:3px 22px 2px 10px; margin-bottom:3px; background:#ff9500 url("arrow.png") right center no-repeat; _background:#ff9500 url("arrow.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:bold; }
a.button:hover,
a.button:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
a.button.active,
a.button:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }

a.buttongo,
a.buttongo:visited { display:inline-block; padding:3px 22px 2px 10px; margin-bottom:3px; background:#74c800 url("arrow.png") right center no-repeat; _background:#74c800 url("arrow.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:bold; }
a.buttongo:hover,
a.buttongo:focus { background-color:#569400; color:#FFFFFF; text-decoration:none; }
a.buttongo.active,
a.buttongo:active { background-color:#396100; color:#FFFFFF; text-decoration:none; }

a.buttonprevious,
a.buttonprevious:visited { display:inline-block; padding:3px 10px 2px 22px; margin-bottom:3px; background:#ff9500 url("previous.png") left center no-repeat; _background:#ff9500 url("previous.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:bold; }
a.buttonprevious:hover,
a.buttonprevious:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
a.buttonprevious.active,
a.buttonprevious:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }

a.buttonmin,
a.buttonmin:visited { display:inline-block; padding:3px 10px 2px 10px; background-color:#ff9500; color:#FFFFFF; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:bold; }
a.buttonmin:hover,
a.buttonmin:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
a.buttonmin.active,
a.buttonmin:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }

a.ticket span { display:inline-block; padding:3px 10px 2px 10px; background:url("ticket-left.png") left center no-repeat; _background:url("ticket-left.gif") left center no-repeat; }

a.ticket,
a.ticket:visited { display:inline-block; background:#74c800 url("ticket-right.png") right center no-repeat; _background:#74c800 url("ticket-right.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; margin-bottom:2px; font-weight:bold; }
a.ticket:hover,
a.ticket:focus { background-color:#569400; color:#FFFFFF; text-decoration:none; }
a.ticket.active,
a.ticket:active{ background-color:#396100; color:#FFFFFF; text-decoration:none; }

button,
button:visited { display:inline-block; padding:3px 22px 2px 10px; margin-bottom:3px; background:#ff9500 url("arrow.png") right center no-repeat; _background:#ff9500 url("arrow.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:bold; }
button:hover,
button:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
button:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }

button.go,
button.go:visited { display:inline-block; padding:3px 22px 2px 10px; margin-bottom:3px; background:#74c800 url("arrow.png") right center no-repeat; _background:#74c800 url("arrow.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;font-weight:bold; }
button.go:hover,
button.go:focus { background-color:#569400; color:#FFFFFF; text-decoration:none; }
button.go:active { background-color:#396100; color:#FFFFFF; text-decoration:none; }

button.back,
button.back:visited { display:inline-block; padding:3px 10px 2px 22px; margin-bottom:3px; background:#ff9500 url("previous.png") left center no-repeat; _background:#ff9500 url("previous.gif") left center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:bold; }
button.back:hover,
button.back:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
button.back:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }

button.update,
button.update:visited { display:inline-block; padding:3px 25px 2px 10px; margin-bottom:3px; background:#ff9500 url("update.png") right center no-repeat; _background:#ff9500 url("update.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:bold; }
button.update:hover,
button.update:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
button.update:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }


/*.arrow { padding-right:22px; background:url("square-arrow-hd.png") center right no-repeat; background-size:30px 30px; }*/
.arrow { display:block; width:30px; height:30px; padding-right:22px; background:url("square-arrow-hd.png") center right no-repeat; background-size:30px 30px; text-indent:-9000px; }
.arrow_right { float:right; margin:0 0 2.5% 2.5%; }

.rungreenicon { float:right; margin:3px 0 0 20px; }
.rungreen { color:#7cd300; }

/* Home */

/*
.openinghours { padding:0 5px 10px 5px; font-size:0.93em; }
*/

.squares,
.triangles,
.tangles { position:relative; }

.squares p,
.triangles p,
.tangles p { margin:0; padding:0; }

.square { width:22.5%; padding-top:22.5%; margin:0 5% 5% 0; float:left; position:relative; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.square img { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.square:focus,
.square:hover img { opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.square.end-row { margin-right:0; }
.square:nth-child(4n) { margin-right:0; }
.square.first-row { clear:left; }
.square:nth-child(4n+1) { clear:left; }

.square_ui { position:absolute; top:0; left:0; height:100%; width:100%; background:url("square_ui.png") bottom center no-repeat; background-size:cover; cursor:pointer; }

.square_link { position:absolute; right:0; bottom:0; text-align:right; padding:15px; }
.square_link .link { color:#FFF; text-transform:uppercase; text-decoration:none; padding-right:22px; background:url("square-arrow-hd.png") center right no-repeat; background-size:16px 16px; font-weight:bold; font-size:1.225em; line-height:1em; }

.triangle { width:30%; padding-top:30%; margin:0 5% 5% 0; float:left; position:relative; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.triangle img { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.triangle:focus,
.triangle:hover img { opacity:0.65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.triangle.end-row { margin-right:0; }
.triangle:nth-child(3n) { margin-right:0; }
.triangle.first-row { clear:left; }
.triangle:nth-child(3n+1) { clear:left; }

.triangle_ui { position:absolute; top:0; left:0; height:100%; width:100%; background:url("square_ui.png") bottom center no-repeat; background-size:cover; cursor:pointer; }

.triangle_link { position:absolute; right:0; bottom:0; text-align:right; padding:15px; }
.triangle_link .link { color:#FFF; text-transform:uppercase; text-decoration:none; padding-right:30px; background:url("square-arrowsm-hd.png") center right no-repeat; background-size:20px 20px; font-weight:bold; font-size:1.225em; line-height:1em; }

/* Update */
/*
.tangle { width:49.5%; padding-top:25.6%; margin:0 5% 5% 0; float:left; position:relative; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.tangle img { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.tangle:focus,
.tangle:hover img { opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.tangle.end-row { margin-right:0; }
.tangle:nth-child(2n) { margin-right:0; }
.tangle.first-row { clear:left; }
.tangle:nth-child(2n+1) { clear:left; }

.tangle_ui { position:absolute; top:0; left:0; height:100%; width:100%; background:url("square_ui.png") bottom center no-repeat; background-size:cover; cursor:pointer; }
.tangle_uitrans { position:absolute; top:0; left:0; height:100%; width:100%; cursor:pointer; }
.tangle_link { position:absolute; right:0; bottom:0; text-align:right; padding:15px; }
.tangle_link .link { color:#FFF; text-transform:uppercase; text-decoration:none; padding-right:22px; background:url("square-arrow-hd.png") center right no-repeat; background-size:16px 16px; font-weight:bold; font-size:1.125em; line-height:1em; }
*/
/* / Update */

.blocktitle { width:100%; margin:0 0 5% 0; overflow:hidden; text-align:center; text-transform:uppercase; font-size:0.73em; }

.blockmarquee { width:100%; margin:0 0 5% 0; overflow:hidden; text-align:center; font-size:1.225em; }
.blockmarquee p { margin:0; padding:0; }

.blockhome { width:100%; margin:0 0 5% 0; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#333333; }
.blockhomepad { padding:20px; }

.block { width:100%; margin:0 0 16px 0; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#333333; }
.blockpad { padding:20px; }

.banners { width:100%; padding-top:29.66%; margin:0 0 5% 0; position:relative; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.banner { position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; }
.banner img { width:100%; height:100%; }
#homeslideshow,
#homeslideshowmobile { position:relative; }
#homeslideshow > div,
#homeslideshowmobile > div { position:absolute; top:0; left:0; right:0; bottom:0; }

.home_map { width:47.5%; margin:0 0 5% 0; float:left; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.home_info { width:47.5%; margin:0 0 5% 0; float:right; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#4a4a4a; }
.home_infopad { padding:20px; }

.buzzhome_img { width:30%; float:left; margin:0 0 5% 0; }
.buzzhome_img img { -webkit-border-top-right-radius:0!important; -webkit-border-bottom-right-radius:0!important; -moz-border-radius-topright:0!important; -moz-border-radius-bottomright:0!important; border-top-right-radius:0!important; border-bottom-right-radius:0!important; }
.buzzhome_text { width:70%; float:right; margin:0 0 5% 0; overflow:hidden; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; background-color:#333333; }
.buzzhome_pad { padding:40px; }

.apc_left { width:47.5%; margin:0 0 5% 0; float:left; overflow:hidden; text-align:center; }
.arc_right { width:47.5%; margin:0 0 5% 0; float:right; overflow:hidden; text-align:center; }

.home_bigrunningweekend_screen { display:block; margin:0 0 5% 0; }
.home_bigrunningweekend_screen p { margin:0; padding:0; }
.home_bigrunningweekend_mobile { display:none; margin:0 0 5% 0; }
.home_bigrunningweekend_mobile p { margin:0; padding:0; }
/* / Home */

/* Magazine */

.squarelg { width:49.5%; padding-top:49.5%; margin:0 1% 1% 0; float:left; position:relative; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.squarelg img { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.squarelg:focus,
.squarelg:hover img { opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.squarelg.end-row { margin-right:0; }
.squarelg:nth-child(2n) { margin-right:0; }
.squarelg.first-row { clear:left; }
.squarelg:nth-child(2n+1) { clear:left; }

.magazine_ui { position:absolute; top:0; left:0; height:100%; width:100%; background:url("magazine_ui.png") bottom center no-repeat; background-size:cover; cursor:pointer; }

.square_text { text-align:left; margin-bottom:10px; line-height:1.2em; }
.square_text h3 { font-size:1em; margin-bottom:10px; line-height:1.4em; }

.magazine_link { position:absolute; right:0; bottom:0; text-align:right; padding:25px; }
.magazine_link .link { color:#FFF; text-transform:uppercase; text-decoration:none; padding-right:22px; background:url("square-arrow-hd.png") center right no-repeat; background-size:16px 16px; font-size:1.125em; line-height:1em; font-weight:bold; }

/* / Magazine */

/* Navigation */

a.previous,
a.previous:visited { margin-bottom:4px; display:inline-block; padding:3px 10px 2px 22px; background:#ff9500 url("previous.png") left center no-repeat; _background:#ff9500 url("previous.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-top-left-radius:13px; -webkit-border-bottom-left-radius:13px; -moz-border-radius-topleft:13px; -moz-border-radius-bottomleft:13px; border-top-left-radius:13px; border-bottom-left-radius:13px; }
a.previous:hover,
a.previous:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
a.previous:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }

span.previous { margin-bottom:4px; display:inline-block; padding:3px 10px 2px 22px; background:#4d4d4d url("previous.png") left center no-repeat; _background:#4d4d4d url("previous.gif") left center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-top-left-radius:13px; -webkit-border-bottom-left-radius:13px; -moz-border-radius-topleft:13px; -moz-border-radius-bottomleft:13px; border-top-left-radius:13px; border-bottom-left-radius:13px; }

.paging_page a,
.paging_page a:visited { margin-bottom:4px; display:inline-block; padding:3px 10px 2px 10px; background-color:#ff9500; color:#FFFFFF; text-decoration:none; }
.paging_page a:hover,
.paging_page a:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
.paging_page a:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }

.paging_selected { display:inline-block; padding:3px 10px 2px 10px; background-color:#FFFFFF; color:#333333; }

a.next,
a.next:visited { margin-bottom:4px; display:inline-block; padding:3px 22px 2px 10px; background:#ff9500 url("next.png") right center no-repeat; _background:#ff9500 url("next.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-top-right-radius:13px; -webkit-border-bottom-right-radius:13px; -moz-border-radius-topright:13px; -moz-border-radius-bottomright:13px; border-top-right-radius:13px; border-bottom-right-radius:13px; }
a.next:hover,
a.next:focus { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }
a.next:active { background-color:#995900; color:#FFFFFF; text-decoration:none; }

span.next { margin-bottom:4px; display:inline-block; padding:3px 22px 2px 10px; background:#4d4d4d url("next.png") right center no-repeat; _background:#4d4d4d url("next.gif") right center no-repeat; color:#FFFFFF; text-decoration:none; -webkit-border-top-right-radius:13px; -webkit-border-bottom-right-radius:13px; -moz-border-radius-topright:13px; -moz-border-radius-bottomright:13px; border-top-right-radius:13px; border-bottom-right-radius:13px; }

/* / Navigation */

.column { width:23.5%; margin:0 2% 1% 0; float:left; overflow:hidden; }
.column img { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.column:focus,
.column:hover img { opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.column.end-row { margin-right:0; }
.column:nth-child(4n) { margin-right:0; }
.column.first-row { clear:left; }
.column:nth-child(4n+1) { clear:left; }

/* Blog */

.buzz_photo { width:23.5%; float:left; }
.buzz_text { width:74.5%; float:right; }
.buzz_text h3 a,
.buzz_text h3 a:visited { text-decoration:none; }

ul.buzz-categories,
ul.buzz-categories ul { list-style:none; margin:0; padding:0; }
ul.buzz-categories li a { float:left; margin:0 1% 1% 0; }

ul.buzz-contributors { list-style:none; margin:0; padding:0; }
ul.buzz-contributors li { float:left; margin:0 1% 1% 0; }

ul.buzz-archives { list-style:none; margin:0; padding:0; }
ul.buzz-archives li { float:left; margin:0 1% 1% 0; }

.metabut a,
.metabut a:visited { display:inline-block; padding:3px 10px 2px 10px; background:#4a4a4a; color:#FFFFFF; text-decoration:none; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }
.metabut a:hover,
.metabut a:focus { background-color:#ff9500; color:#FFFFFF; text-decoration:none; }
.metabut a:active { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }

.metabut span { padding:3px 10px 2px 10px; background:#4a4a4a; color:#FFFFFF; text-decoration:none; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }
.metabut span:hover,
.metabut span:focus { background-color:#ff9500; color:#FFFFFF; text-decoration:none; }
.metabut span:active { background-color:#cc7700; color:#FFFFFF; text-decoration:none; }

.less { display:none; }

/* / Blog */

.g-recaptcha { margin:0 0 16px 0; padding:0; }

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #666666; padding:3px 3px 3px 0; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #666666!important; font-weight:bold; }

.tableevents { margin-bottom:16px; width:100%; border-collapse:collapse; }
.tableevents th,
.tableevents td { padding:3px 3px 3px 0; }
.tableevents th { text-align:center; vertical-align:bottom; }
.tableevents th a,
.tableevents th a:visited { text-decoration:none; }
.tableevents th a:hover { text-decoration:underline; }
.tableevents td { text-align:center; vertical-align:top; }
.tableevents thead th,
.tableevents thead td { font-weight:bold; }

@media handheld and (max-width:667px), screen and (max-device-width:667px), screen and (max-width:667px), only screen and (max-device-width:667px) {
	
	/* Force table to not be like tables anymore */
	.tableevents table, 
	.tableevents thead, 
	.tableevents tbody, 
	.tableevents th, 
	.tableevents td, 
	.tableevents tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.tableevents thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.tableevents tr { margin-bottom:16px; }
 
	.tableevents td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	.tableevents td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.tableevents td:before { content: attr(data-title); }
}

/*
.footnotepd { padding:0 10px 0 10px; }
.footnote { padding-top:5.103%; background:url("footnote.png") left top no-repeat; _background:url("footnote.gif") left top no-repeat; background-size:contain; margin-bottom:1%; }
*/

/* Gritstone Series Content */

#sub-footer { width:100%; padding-top:23.32%; }

.thirds { width:100%; line-height:1.4em; }
.thirdpanel { float:left; background-color:#363636; width:31%; margin-right:3.5%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.thirdpanel img { max-width:100%; height:auto; border:0; vertical-align:middle; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.thirdpanel ul { margin:0 0 16px 0; padding:0 0 0 18px; }
.thirdpanellst { float:left; background-color:#363636; width:31%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.thirdpanelpad { padding:20px; }

.threecol { width:100%; }
.threecol img { display:block; margin:0 auto; max-width:100%; height:auto; }
.threecol1 { width:31%; float:left; margin-right:3.5%; margin-bottom:16px; }
.threecol2 { width:31%; float:left; margin-right:3.5%; margin-bottom:16px; }
.threecol3 { width:31%; float:left; margin-bottom:16px; }

.table-events { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table-events td { border-top:1px solid #666666; padding:3px 10px 3px 0; }
.table-events td { text-align:left; vertical-align:top; }

.jp_post { float:left; margin-bottom:40px; }
.jp_post img { width:100%; height:auto; }
.jp_post h3 { margin-bottom:5px; font-size:1.225em; }
.jp_post h3 a,
.jp_post h3 a:visited { text-decoration:none; }
.jp_image { margin-bottom:16px; }

@media screen and (min-width:668px) {
	.jp_post { width:32%; margin-right:2%; }
	.jp_post.end-row { margin-right:0; }
	.jp_post:nth-child(3n) { margin-right:0; }
	.jp_post.first-row { clear:left; }
	.jp_post:nth-child(3n+1) { clear:left; }
}

@media handheld and (max-width:667px), screen and (max-device-width:667px), screen and (max-width:667px), only screen and (max-device-width:667px) {
	.jp_post { width:100%; }
	.jp_content { padding:0; }
	.jp_posts_title { text-align:center; }
}

/* News */
.news { background-color:#4d4d4d; wwidth:100%; line-height:1.4em;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-weight:bold; margin-bottom:16px; }
.news img { max-width:100%; height:auto; border:0; vertical-align:middle; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.newspad { padding:20px; }

/* / Gritstone Series Content */

/* Film */
.film_wrapper { width:100%; position:relative; padding-top:56.4%; margin-bottom:16px; }
.film { position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; }
.film iframe { max-width:100%; height:100%; }

/* aside */

article {  }
aside { display:none; }

.square_side { width:100%; padding-top:66.666%; margin:0 0 6% 0; float:left; position:relative; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.square_side img { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.square_side:focus,
.square_side:hover img { opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
.square_side p { line-height:1em!important; margin-bottom:2px; }

/* / aside */

/* Search */

.search { width:24.25%; margin:0 1% 2% 0; float:left; position:relative; overflow:hidden; }
.search:focus,
.search:hover img { opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.search .imgp,
.search h4 { margin-bottom:10px; }

.search.end-row { margin-right:0; }
.search:nth-child(4n) { margin-right:0; }
.search.first-row { clear:left; }
.search:nth-child(4n+1) { clear:left; }

.siorange { position:absolute; left:10px; top:10px; display:inline-block; padding:3px 10px 2px 10px; margin-bottom:3px; background-color:#ff9500; color:#FFFFFF; text-decoration:none; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }

/* /Search */

/* Products */

.product-listings ul { list-style:none; margin:0; padding:0; }
.product-listings ul li { width:23.5%; margin:0 2% 1% 0; float:left; overflow:hidden; }
.product-listings ul li.end-row { margin-right:0; }
.product-listings ul li:nth-child(4n) { margin-right:0; }
.product-listings ul li.first-row { clear:left; }
.product-listings ul li:nth-child(4n+1) { clear:left; }

/* **** */
.product-listings ul li:focus,
.product-listings ul li:hover img { opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.product-listings span { display:block; text-align:center; margin-top:5px; }
/*
.product-miniimages ul { list-style:none; margin:0; padding:0; }
.product-miniimages ul li { width:32%; margin:2% 2% 0 0; float:left; }
.product-miniimages ul li.end-row { margin-right:0; }
.product-miniimages ul li:nth-child(3n) { margin-right:0; }
.product-miniimages ul li.first-row { clear:left; }
.product-miniimages ul li:nth-child(3n+1) { clear:left; }
*/

.woocommerce-product-gallery .flex-viewport { margin-bottom:2%; }

.flex-control-thumbs { list-style:none; margin:0; padding:0; }
.flex-control-thumbs li { width:23.5%; margin:0 2% 2% 0; float:left; }
.flex-control-thumbs li.end-row { margin-right:0; }
.flex-control-thumbs li:nth-child(4n) { margin-right:0; }
.flex-control-thumbs li.first-row { clear:left; }
.flex-control-thumbs li:nth-child(4n+1) { clear:left; }

.basket { background:#4a4a4a; color:#FFFFFF; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; margin-bottom:20px; }
.basket_pad { padding:15px; }

/* / Products */

/* Instagram */
/*
.instatitle { font-size:1em; }
.instatitle .link,
.instatitle .link:visited { color:#FFFFFF; text-decoration:none; padding-right:22px; background:url("square-arrow-hd.png") center right no-repeat; background-size:16px 16px; }
.instatitle .link:focus,
.instatitle .link:hover,
.instatitle .link:active { text-decoration:underline; }

.instajson div { width:48.5%; float:left; margin:0 3% 3% 0; }
.instajson div.end-row { margin-right:0; }
.instajson div:nth-child(2n) { margin-right:0; }
.instajson div.first-row { clear:left; }
.instajson div:nth-child(2n+1) { clear:left; }
*/
/* / Instagram */

/* Forms */

.field { font-size:1em; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:0; }
.fieldnowidth { font-size:1em; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:0; width:auto!important; }
.submit { font-size:1em; padding:5px 22px 5px 8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#FFFFFF; background:#ff9500 url("arrow.png") right center no-repeat; _background:#ff9500 url("arrow.gif") right center no-repeat; cursor:pointer; }
.submit:focus,
.submit:hover { background-color:#cc7700; color:#FFFFFF; }
.submit:active { background-color:#995900; color:#FFFFFF; }

.variations_form input[type=number],
.variations_form select,
.variations_form input[type=text] { font-size:1em; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:0; }

.woocommerce-ordering select { font-size:1em; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:0; }

.woocommerce div.product form.cart div.quantity { display:inline; margin-bottom:16px; }

form { margin:0 0 16px 0; padding:0; }
textarea { overflow:auto; }

.wpcf7-form { clear:both; }
.wpcf7-list-item { display:block!important; margin:0!important; }
.wpcf7-form p { clear:both; font-weight:bold; margin-bottom:15px; }
.wpcf7-form input { width:98.5%; font-family:Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form input[type=radio],
.wpcf7-form input[type=checkbox] { padding:3px; width:3%; font-family:Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form select { width:98.5%; font-family:Helvetica,Sans-serif; font-size:1em; }
.wpcf7-form textarea { padding:5px; width:98.5%; font-family:Helvetica,Sans-serif; font-size:1em; }
.wpcf7-submit { width:157px!important; font-size:1.4em!important; padding:5px!important; }

.basket .button { vertical-align:middle; margin-top:-2px; }

/* / Forms */

/* Newsletter */

.newsletter-form { clear:both; }
.newsletter-form input { width:200px; font-family:Helvetica,Sans-serif; padding:5px; font-size:1em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.newsletter-submit { width:90px!important; cursor:pointer; color:#FFFFFF; background-color:#ff9500; }
.newsletter-submit:focus,
.newsletter-submit:hover { background-color:#cc7700; color:#FFFFFF; }
.newsletter-submit:active { background-color:#995900; color:#FFFFFF; }

/* / Newsletter */

/* Payments */

.payments { margin:0 0 20px 0; }
.payments ul { list-style:none; margin:0; padding:0; }
.payments ul li { width:11.714%; float:left; margin-left:3%; }
.payments ul li:first-child { margin-left:0; }
.payments img { -webkit-border-radius:!important; -moz-border-radius:!important; border-radius:0!important; }

/* / Payments */

/* Outlet */

.page-greatvalue { background-color:#03158a; }
.page-newarrivals { background-color:#000000; }
.page-newarrivals h1 { color:#ebf908; }
.page-outlet { background-color:#9e0b0f; }

.template-outlet #content { /* ff9500 */ }

/* / Outlet */

.threecol { width:100%; }
.threecol img { display:block; margin:0 auto; max-width:100%; height:auto; }
.threecol1 { width:33.33%; float:left; }
.threecol2 { width:33.33%; float:left; }
.threecol3 { width:33.33%; float:left; }
.threecol1p { width:31.5%; float:left; margin-right:2.75%; }
.threecol2p { width:31.5%; float:left; margin-right:2.75%; }
.threecol3p { width:31.5%; float:left; }

/* OLD */

/* Gender */
/*
#title-gender { width:256px; height:41px; background:url("title-gender.gif") left top no-repeat; overflow:hidden; text-indent:-9000px; margin-bottom:0; }
.genderMale { float:left; margin:0 19px 0 0; }
.genderMale a,
.genderMale a:visited { width:76px; height:26px; background:url("genderMale.gif") 0 0 no-repeat; overflow:hidden; display:block; text-indent:-9000px; }
.genderMale a:focus,
.genderMale a:hover { background-position:0 -26px; }
.genderMale a:active { background-position:0 -52px; }
.genderMale.active a,
.genderMale.active a:visited { background-position:0 -52px; }
.genderFemale { float:left; margin:0 19px 0 0; }
.genderFemale a,
.genderFemale a:visited { width:92px; height:26px; background:url("genderFemale.gif") 0 0 no-repeat; overflow:hidden; display:block; text-indent:-9000px; }
.genderFemale a:focus,
.genderFemale a:hover { background-position:0 -26px; }
.genderFemale a:active { background-position:0 -52px; }
.genderFemale.active a,
.genderFemale.active a:visited { background-position:0 -52px; }
.genderAll { float:left;}
.genderAll a,
.genderAll a:visited { width:64px; height:26px; background:url("genderAll.gif") 0 0 no-repeat; overflow:hidden; display:block; text-indent:-9000px; }
.genderAll a:focus,
.genderAll a:hover { background-position:0 -26px; }
.genderAll a:active { background-position:0 -52px; }
.genderAll.active a,
.genderAll.active a:visited { background-position:0 -52px; }
*/

/* Contact Form */
/*
#form { width:549px; clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:25px; }
#form input.field { float:right; margin:0; padding:3px; width:373px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:383px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:375px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#666; }
#form .submit { float:right; width:387px; display:block; margin-bottom:15px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }
.fl { float:none!important; }

#form span.other { width:383px; float:right; padding-bottom:10px; }
#form div.other { width:383px; float:right; padding-bottom:10px; }
*/

/* SCK CSS */
.sck-note-p { color:#7cd300; }
.sck-error { color:#d30000; }
.sck-error-box { border:1px solid #d30000; padding:10px 10px 0 10px; text-align:center; margin-bottom:13px; }
.sck-error-box p { margin:0 0 10px 0; }
.sck-error-box-mini { border:1px solid #d30000; padding:10px; text-align:center; margin-bottom:13px; }
.sck-error-box-mini p { padding:0; margin:0; }
.sck-error-p { color:#d30000; font-weight:bold; }

/* / OLD */

/* ----------------------
  Wordpress
---------------------- */

/* Images */
img.size-auto,
img.size-large,
img.size-full,
img.size-medium { max-width:100%; height:auto; }
.alignleft,
img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; }
.alignright,
img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; }
.aligncenter,
img.aligncenter { clear:both; display:block!important; margin-left:auto; margin-right:auto; }
.aligncentertwo,
img.aligncentertwo { clear:both; display:block!important; margin-left:auto; margin-right:auto; }
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom:16px; }
img.aligncentertwo { margin-bottom:8px; }

/* Navigation */
.navigation { overflow:hidden; }
.navigation a:link,
.navigation a:visited { text-decoration:none; }
.navigation a:active,
.navigation a:hover { }
.nav-previous { float:left; width:48%; }
.nav-next { float:right; text-align:right; width:48%; }
nav-above { margin-bottom:16px; }
nav-below { margin-top:16px; }

.pwb-single-product-brands { padding-top:0!important; }

/* ----------------------
  RESPONSIVE
---------------------- */

@media (max-width:1254px){
 .wp-caption {
  /* Force the box to be 100% */
  width:100%!important;
 }
 #content .wp-caption a img {
  /* Scale down if too big */
  max-width:99.03225806%; /* 614/620 */
  height:auto;
 }
}

@media screen and (max-width:1024px) {
	.column { width:49%; margin:0 2% 2% 0; }
	.column:nth-child(2n) { margin-right:0; }
	.column:nth-child(2n+1) { clear:left; }
	
	article {  }
	aside { display:none; }
	
}

@media screen and (max-width:846px) {
	article {  }
	aside { display:none; }
	.square_side { margin:0 0 2% 0; }
	.hidemobile { display:none; }
	.mobile-left { width:48.5%; float:left; margin-bottom:16px; }
	.mobile-right { width:48.5%; float:right; margin-bottom:16px; }
	.clear-screen { clear:none; }
	.clear-mobile { clear:both; height:0; overflow:hidden; }
}

/* Mobile */
@media handheld and (max-width:667px), screen and (max-device-width:667px), screen and (max-width:667px), only screen and (max-device-width:667px) {
	
	/* Generic */
	#container { width:100%; margin:0 auto; }
	#container div,
	#container table,
	#container iframe { max-width:100%; }
	
	.photoRight,
	.photoright { float:none; display:block!important; margin:0 auto; }
	.photoLeft,
	.photoleft { float:none; display:block!important; margin:0 auto; }
	.photoCentre,
	.photocentre { display:block; margin:0 auto; }
	
	.alignleft,
	img.alignleft { float:none; display:block!important; margin:0 auto 16px auto; }
	.alignright,
	img.alignright { float:none; display:block!important; margin:0 auto 16px auto; }
	.aligncenter,
	img.aligncenter { float:none; display:block!important; margin:0 auto 16px auto; }
	
	img.inline,
	article img { display:-moz-inline-box; display:block!important; }
	
	.article-left { width:100%; float:none; margin-bottom:16px; }
	.article-right { width:100%; float:none; margin-bottom:16px; }
	.article-rightalt { width:100%; float:none; text-align:left; margin-bottom:16px; }
	
	.wp-caption { max-width:100%!important; padding:0 0 2px 0; }
	.wp-caption img { margin:0; }
	
	#accessibility { display:none; }
	navmob { display:block; }
	/* / Generic */
	
	header .content { padding:20px; }
	
	.content { padding:20px; }
	.contenthome { padding:20px 20px 0 20px; }
	
	hr { margin:20px 0 20px 0; height:5px; background-size:100% 5px; }
	
	.hidemobile { display:none; }

	.clear-screen { clear:none; }
	.clear-mobile { clear:both; height:0; overflow:hidden; }
	
	.mobile-left { width:48.5%; float:left; margin-bottom:16px; }
	.mobile-right { width:48.5%; float:right; margin-bottom:16px; }

	.apc_left { width:100%; }
	.arc_right { width:100%; }

	.home_map { width:100%; float:none; margin:0 0 5% 0; }
	.home_info { width:100%; float:none; margin:0 0 5% 0; }

	.accadmin .padding { padding:4px 4px 2px 4px; }

	.triangle { width:100%; padding-top:100%; margin:0 0 5% 0; float:none; }

	.square { width:49%; padding-top:49%; margin:0 2% 2% 0; }
	.square:nth-child(2n) { margin-right:0; }
	.square:nth-child(2n+1) { clear:left; }

	.search { width:49%; margin:0 2% 2% 0; }
	.search:nth-child(2n) { margin-right:0; }
	.search:nth-child(2n+1) { clear:left; }

	.product-listings ul li { width:49%; margin:0 2% 2% 0; }
	.product-listings ul li:nth-child(2n) { margin-right:0; }
	.product-listings ul li:nth-child(2n+1) { clear:left; }

	.buzzhome_img { width:100%; float:none; margin:0; }
	.buzzhome_img img { -webkit-border-radius:10px!important; -webkit-border-bottom-right-radius:0!important; -webkit-border-bottom-left-radius:0!important; -moz-border-radius:10px!important; -moz-border-radius-bottomright:0!important; -moz-border-radius-bottomleft:0!important; border-radius:10px!important; border-bottom-right-radius:0!important; border-bottom-left-radius:0!important; }

	.buzzhome_text { width:100%; float:none; margin:0 0 5% 0; -webkit-border-radius:0!important; -webkit-border-bottom-right-radius:10px!important; -webkit-border-bottom-left-radius:10px!important; -moz-border-radius:0!important; -moz-border-radius-bottomright:10px!important; -moz-border-radius-bottomleft:10px!important; border-radius:0!important; border-bottom-right-radius:10px!important; border-bottom-left-radius:10px!important; }
	.buzzhome_pad { padding:20px; }

	footer .padding { padding:20px; }
	.footer_contact { font-size:1em; text-transform:none; }

	.home_map { padding-top:35%; }

.accadmin_search { width:140px; }
.search_l { width:110px; }
.search_l #s { width:97px; }

	.buzz_photo { width:100%; float:none; margin-bottom:4%; }
	.buzz_text { width:100%; float:none; }

	.banners { width:100%; padding-top:100%; }
	
	.accadmin_search { display:none; }
	.accadmin_search_button { display:block; }

	.home_bigrunningweekend_screen { display:none; }
	.home_bigrunningweekend_mobile { display:block; }

/*
	.tangle { width:100%; padding-top:51.83%; margin:0 0 2% 0; float:none; }
	
	.squarelg { width:100%; padding-top:100%; margin:0 0 2% 0; float:none; }

	.column { width:100%; margin:0 0 2% 0; float:none; margin-bottom:20px; }


	article { width:100%; float:none; margin-bottom:4%; }
	aside { width:100%; float:none; }
	.square_side { margin:0 0 2% 0; }
	
	.dropdown { background-image:url("dropdown.png"); background-repeat:no-repeat; background-position:right center; _background-image:url("dropdown.gif"); }

	.home_left { width:100%; margin:0 0 2% 0; float:none; }
	.home_right { width:100%; margin:0 0 2% 0; float:none; }

	#nav_basket a:before { float:right; margin:1px 0 0 0; width:20px; height:16px; background-size:20px 16px; }
	#nav_covid19 a:before,
	#nav_contact a:before,
	#nav_home a:before { float:right; margin:-1px 0 0 0; width:16px; height:16px; background-size:16px 16px; }
	#nav_findus a:before { float:right; margin:1px 0 0 0; width:11px; height:16px; background-size:11px 16px; }
	#nav_home div { text-indent:0; }

	.threecol1p { width:100%; float:none; margin-right:0%; }
	.threecol2p { width:100%; float:none; margin-right:0%; }
	.threecol3p { width:100%; float:none; }
	*/
	
	/* Gritstone Series Content */
	
	.threecol1 { width:100%; float:none; margin-right:0%; }
	.threecol2 { width:100%; float:none; margin-right:0%; }
	.threecol3 { width:100%; float:none; }

	.thirdpanel { float:none; width:100%; margin-bottom:20px; }
	.thirdpanellst { float:none; width:100%; }

/* / Gritstone Series Content */

}

@media screen and (max-width:320px) {
	h1 { font-size:2em; }
	h2 { font-size:1.7em; }
}

/* Mobile HD */
@media only screen and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) {

	/*
	.dropdown { background-image:url("dropdown-hd.png"); _background-image:url("dropdown-hd.gif"); background-size:36px 14px; }
	*/
	
	a.button,
	a.button:visited { background:#ff9500 url("arrow-hd.png") right center no-repeat; background-size:16px 10px; }

	a.buttongo,
	a.buttongo:visited { background:#74c800 url("arrow-hd.png") right center no-repeat; background-size:16px 10px; }

	a.buttonprevious,
	a.buttonprevious:visited { background:#ff9500 url("previous-hd.png") left center no-repeat; background-size:16px 10px;  }

	a.ticket span { background:url("ticket-left-hd.png") left center no-repeat; background-size:4px 27px; }

	a.ticket,
	a.ticket:visited { background:#74c800 url("ticket-right-hd.png") right center no-repeat; background-size:4px 27px; }

	button,
	button:visited { background:#ff9500 url("arrow-hd.png") right center no-repeat; background-size:16px 10px; }

	button.go,
	button.go:visited { background:#74c800 url("arrow-hd.png") right center no-repeat; background-size:16px 10px; }

	button.back,
	button.back:visited { background:#ff9500 url("previous-hd.png") left center no-repeat; background-size:16px 10px; }

	button.update,
	button.update:visited { background:#ff9500 url("update-hd.png") right center no-repeat; background-size:20px 10px; }
	
	.accadmin_search { width:140px; background:url("header-search-hd.png") left top no-repeat; background-size:200px 30px; }

	.header-logo a,
	.header-logo a:visited { background:url("gritstone-series-hd.png") center no-repeat; background-size:contain; }

	#nav_basket > a:before { background:url("nav_basket-hd.png") center no-repeat; background-size:15px 12px; }
	#nav_basket:hover > a:before { background:url("nav_basketwhite-hd.png") center no-repeat; background-size:15px 12px; }

	navmob ul li a,
	navmob ul li a:visited { background:url("navm-hd.png") 95% center no-repeat; background-size:27px 15px; }

	.social-header .icon-facebook { background:url("icon-facebook-hd.png") center no-repeat; background-size:30px 30px; }
	.social-header .icon-threads { background:url("icon-threads-hd.png") center no-repeat; background-size:30px 30px; }
	.social-header .icon-instagram { background:url("icon-instagram-hd.png") center no-repeat; background-size:30px 30px; }
	.social-header .icon-whatsapp { background:url("icon-whatsapp-hd.png") center no-repeat; background-size:30px 30px; }

	a.previous,
	a.previous:visited { background:#ff9500 url("previous-hd.png") left center no-repeat; background-size:16px 10px; }

	span.previous { background:#4d4d4d url("previous-hd.png") left center no-repeat; background-size:16px 10px; }

	a.next,
	a.next:visited { background:#ff9500 url("next-hd.png") right center no-repeat;background-size:16px 10px; }

	span.next { background:#4d4d4d url("next-hd.png") right center no-repeat; background-size:16px 10px; }

	.submit { background:#ff9500 url("arrow-hd.png") right center no-repeat; background-size:16px 10px; }
	
}