@charset "utf-8";

/* Very good importings */

/*
  HTML5 ✰ Poc

  style.css contains a reset, font normalization and some base styles.

  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html,
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,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
ins {
  background-color: #ffff99;
  color: black;
  text-decoration: none;
}
mark {
  background-color: #ffff99;
  color: black;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #eeeeee;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
/* Added by G & C */

figure {
  position: relative;
}
figure img {
  width: 100%;
}
.no-boxshadow .pie,
.no-cssgradients .pie,
.no-borderradius .pie {
  behavior: url(http://pocsports.jp/static/css/PIE.htc);
  /* Add position:relative; if not shown or hidden behind ancestor element */

}
/* webkit browsers add a annoying glow on focused inputs and selects */

input:focus,
select:focus {
  outline: none;
}
/* END RESET CSS */

/* font normalization inspired by  from the YUI Library's fonts.css: developer.yahoo.com/yui/ */

body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
}
/* hack retained to preserve specificity */

select,
input,
textarea,
button {
  font: 99% sans-serif;
}
/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */

pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/*
 * minimal base styles
 */

body,
select,
input,
textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444444;
  /* set your base font here, to apply evenly */

  /* font-family: Georgia, serif;  */

}
/* headers (h1,h2,etc) have no default font-size or margin. define those yourself. */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
/* always force a scrollbar in non-IE: */

html {
  overflow-y: scroll;
}
/* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

a:hover,
a:active {
  outline: none;
}
a,
a:active,
a:visited {
  color: #222222;
}
a:hover {
  color: #222222;
}
ul,
ol {
  margin:0;
  padding: 0;
  list-style: none;
}
ol {
  list-style-type: decimal;
}
/* remove margins for navigation lists */

nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td {
  vertical-align: top;
}
/* set sub, sup without affecting line-height: gist.github.com/413930 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
/* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */

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;
}
/* hand cursor on clickable input elements */

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
/* webkit browsers add a 2px margin outside the chrome of form elements */

button,
input,
select,
textarea {
  margin: 0;
}
/* colors for form validity */

input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

button {
  width: auto;
  overflow: visible;
}
/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/*Colors*/
/* Fonts */
/* Font sizes */
/* ETC */
/**
 * Poc main steils.
 *
 * @author: The peeps at Panagora Room AB (http://panagora.se)
 */
/*	Default 8-column layout
	60 px columns, 24 px gutters, 60 px margins, 768 px total
	---------------------------------------------------------
	1     2      3      4      5      6      7      8
	60px  144px  228px  312px  396px  480px  564px  648px	*/
/* End of LESS */

/**
 * -----------------------------------------
 * Typefaces and colors
 * -----------------------------------------
 */

::-moz-selection {
  background: #1991c5;
  color: white;
  text-shadow: none;
}
::selection {
  background: #1991c5;
  color: white;
  text-shadow: none;
}
/* Fonts */

@font-face {
  font-family: 'NewsGothicFSBook';
  src: url('NewsGothic-Book-webfont.eot');
  src: url('NewsGothic-Book-webfont.eot#iefix') format('embedded-opentype'), url('NewsGothic-Book-webfont.woff') format('woff'), url('NewsGothic-Book-webfont.ttf') format('truetype'), url('NewsGothic-Book-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NewsGothicFSDemibold';
  src: url('newsgothic-demibold-webfont.eot');
  src: url('newsgothic-demibold-webfont.eot#iefix') format('embedded-opentype'), url('newsgothic-demibold-webfont.woff') format('woff'), url('newsgothic-demibold-webfont.ttf') format('truetype'), url('newsgothic-demibold-webfont.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
.orange {
  color: #ff6000 !important;
}
/**
 * -----------------------------------------
 * Headings
 * -----------------------------------------
 */

h1 {
  font-size: 35px;
  font-weight: normal;
  vertical-align: top;
  line-height: 35px;
}
h2 {
  font-size: 20px;
  font-weight: normal;
}
h3 {
  font-size: 16px;
  font-weight: bold;
}

button {
  -webkit-appearance: none;
}
.heading-wrapper {
  width: 100%;
}
.heading-wrapper h1 {
  font-family: 'NewsGothicFSDemibold';
  margin-bottom: 20px;
}
.heading-wrapper h1 span {
  font-family: 'NewsGothicFSBook';
}
.heading-wrapper p {
  margin: 0;
  font-size: 16px;
}
.heading-wrapper .title,
.heading-wrapper .content {
  width: 50%;
  float: left;
}
/* Selectmenu
	----------------------------------*/

.ui-selectmenu {
  display: block;
  display: inline-block;
  position: relative;
  height: auto;
  min-height: 30px;
  vertical-align: middle;
  text-decoration: none;
  overflow: hidden;
  zoom: 1;
  border: 1px solid #999999;
  background-color: transparent;
}
.ui-selectmenu.error {
  border: 1px solid #ff6000;
}
.ui-selectmenu-icon {
  position: absolute;
  background-image: url("../images/dropdown_arrow.png");
  width: 9px;
  height: 5px;
  right: 8px;
  top: 15px;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 0;
  left: 1px;
  visibility: hidden;
  overflow: auto;
  overflow-x: hidden;
  z-index: 1005;
  border: 1px solid #999999;
  border-top: 0px;
  background-color: white;
}
/* z-index: 1005 to make selectmenu work with dialog */

.ui-selectmenu-open {
  visibility: visible;
}
.ui-selectmenu-menu-popup {
  margin-top: -1px;
}
.ui-selectmenu-menu-dropdown {
  margin-left: 0;
}
.ui-selectmenu-menu li {
  position: relative;
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  font-weight: normal !important;
}
.ui-selectmenu-menu li a,
.ui-selectmenu-status {
  display: block;
  padding: 8px;
  outline: none;
  text-decoration: none;
  color: #222222;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px;
}
.ui-selectmenu-menu li .ui-icon,
.ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0;
}
.ui-selectmenu-status {
  color: #222222;
  font-size: 16px;
}
.ui-selectmenu-open li.ui-selectmenu-item-focus a {
  background-color: #eeeeee;
}
.ui-selectmenu-open li.ui-selectmenu-item-focus.disabled a {
  background: inherit !important;
}
.ui-selectmenu-open li.ui-selectmenu-item-selected {
  color: #222222;
}
.ui-selectmenu-open li.ui-selectmenu-item-selected a {
  color: #222222;
}
.ui-selectmenu-item-selected {
  background-color: #cccccc;
}
.ui-selectmenu-menu li span,
.ui-selectmenu-status span {
  display: block;
  margin-bottom: .2em;
}
.ui-selectmenu-menu li.disabled a,
.ui-selectmenu.disabled span {
  text-decoration: line-through;
  color: #999999;
  cursor: default;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold;
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: .8;
}
/* for optgroups */

.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em;
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: .6em .5em 0;
  font-weight: bold;
}
.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0;
}
/* IE6 workaround (dotted transparent borders) */

/* css less blir less om det här är med
	* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
	* html .ui-selectmenu-menu li a { position: relative }
	*/

/* Selectmenu end
	----------------------------------*/

/**
 * -------------------------------------------------
 * Site structure and basic styling
 * -------------------------------------------------
 */

body {
  background: white;
  font-family: 'NewsGothicFSBook', Arial, sans-serif;
  /*font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;*/
  font-size: 16px;
  line-height: 1.4em;
  margin: 0 auto;
  position: relative;
}
a {
  color: #222222;
  text-decoration: none;
}
p {
  font-size: 16px;
  letter-spacing: 0.03em;
  margin: 1em 0;
}
#container {
  width: 1144px;
  margin: 0 auto;
}
table th {
  text-align: left;
}
/* Rows and wrappers */

.row {
  margin-bottom: 24px;
}
/* Notifications */

#notice-container {
  left: 50%;
  margin-left: -250px;
  position: fixed;
  top: 104px;
  width: 500px;
  z-index: 40000;
  text-align: center;
  color: white !important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 20px;
  text-decoration: none;
}
#notice-container .warning,
#notice-container .error {
  background-color: #cc4652;
}
#notice-container p {
  -moz-box-shadow: 2px 2px 7px black;
  margin-bottom: 5px;
  padding: 16px;
  position: relative;
  background-color: #ff6000;
}
#notice-container .closer {
  float: right;
  cursor: pointer;
}
/* #main */

#main,
.fancybox-inner {
  padding-top: 24px;
}
#main h6 span,
.fancybox-inner h6 span {
  font-family: 'NewsGothicFSDemibold';
}
/* Inputs */

input:focus {
  outline: none;
}
input {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  color: #999999;
  font-size: 16px;
  padding: 5px;
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  -ms-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
/* Mini cart */

#mini-cart {
  padding: 4px 0;
  background: #222222;
  color: white;
  font-size: 14px;
  letter-spacing: 0.05em;
  position: static;
  top: 0px;
  width: 100%;
  text-align: right;
  z-index: 1;
}
#mini-cart.cart-has-items {
  display: block;
}
#mini-cart #mini-cart-main {
  width: 1112px;
  margin: 0 auto;
}
#mini-cart #mini-cart-main a,
#mini-cart #mini-cart-main .go-to-checkout {
  color: white;
  margin-left: 16px;
}
#cart-main-spacer {
  margin-bottom: 48px;
}
/**
 * Header
 */

header {
  height: 73px;
  padding-top: 30px;
  /* Navigation */

  /* Search box */

}
header div,
header h6 {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
header h6 {
  margin-right: 44px;
}
header h6 img {
  display: block;
}
header #navigation #mobile {
  display: none;
}
header #navigation ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
header #navigation ul li {
  display: inline-block;
  padding-left: 17px;
  margin-left: 17px;
  zoom: 1;
  *display: inline;
}
header #navigation ul li a {
  font-size: 20px;
  color: #222222;
  -webkit-transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s;
  -ms-transition: all 0.15s linear 0s;
  transition: all 0.15s linear 0s;
}
header #navigation ul li a:hover {
  color: #999999;
}
header #navigation ul li:first-of-type {
  padding-left: 0;
  margin-left: 0;
}
header #navigation ul li.poc-lab {
  border-left: 1px solid #222222;
  padding-left: 18px;
}
header #navigation ul .sub-nav {
  text-align: left;
  position: absolute;
  background-color: white;
  display: none;
  z-index: 100;
  margin: 5px 0 0 -8px;
}
header #navigation ul .sub-nav ul {
  float: left;
  width: 183px;
}
header #navigation ul .sub-nav ul li {
  float: none;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  background-color: white;
}
header #navigation ul .sub-nav ul li a {
  padding: 5px 8px 4px 8px;
  width: 100%;
  height: 100%;
  color: #999999;
  display: block;
  font-size: 16px;
}
header #navigation ul .sub-nav ul li:hover a {
  color: #222222;
}
header #search-wrapper {
  margin-top: 5px;
  float: right;
}
header #search-wrapper #search,
header #search-wrapper .extra-nav {
  float: left;
}
header #search-wrapper .input-row {
  background: url('../images/search_icon.png') 0px 4px no-repeat;
  margin: 4px 0 0;
  padding-left: 20px;
}
header #search-wrapper.active .input-row {
  background-image: url('../images/search_icon_active.png');
}
header #search-wrapper.active input {
  width: 230px;
}
header #search-wrapper.active .extra-nav {
  display: none;
}
header #search-wrapper input,
header #search-wrapper .extra-nav {
  font-family: 'NewsGothicFSBook', Arial, sans-serif;
  color: #999999;
  font-size: 16px;
  transition: none;
}
header #search-wrapper input:hover,
header #search-wrapper .extra-nav:hover,
header #search-wrapper input:focus,
header #search-wrapper .extra-nav:focus,
header #search-wrapper input:active,
header #search-wrapper .extra-nav:active {
  color: #222222;
}
header #search-wrapper input {
  width: 120px;
  padding: 4px 10px 4px 0;
  border: 0;
}
header #search-wrapper input:focus,
header #search-wrapper input:active {
  border-bottom: 1px solid #222222;
}
header #search-wrapper .extra-nav {
  width: 110px;
  padding-top: 6px;
}
header #text-search-submit {
  display: none;
}
/**
 * Sub navigation
 */

.subnavigation {
  list-style: none;
  padding: 0;
  margin: 0;
}
.subnavigation li {
  padding-right: 40px;
  margin-bottom: 4px;
}
.subnavigation li a {
  color: #999999;
  font-family: 'NewsGothicFSDemibold';
  font-size: 16px;
  letter-spacing: 0.05em;
}
.subnavigation li:hover a,
.subnavigation li.semi-selected a {
  color: #222222;
}
.subnavigation li.selected:before {
  color: #ff6000;
}
.subnavigation li.selected a {
  color: #ff6000;
}
.subnavigation li.last {
  margin-right: 0;
}
/**
 * Footer
 */

footer {
  position: relative;
  font-size: 16px;
  width: 100%;
  margin-top: 60px;
  clear: both;
  /* Sitemap */

  /* Customer area */

}
footer h2 {
  font-family: 'NewsGothicFSDemibold';
  font-size: 24px;
}
footer .inner-content {
  width: 1144px;
  margin: 0 auto;
}
footer .top {
  margin-bottom: 30px;
}
footer .top #footer-share-wrapper,
footer .top #newsletter-wrapper {
  text-align: center;
  width: 50%;
  padding: 0 10%;
  float: left;
  box-sizing: border-box;
}
footer .top #newsletter-wrapper .input-row {
  position: relative;
  width: 250px;
  height: 30px;
  margin: 0 auto;
}
footer .top #newsletter-wrapper input {
  color: #222222;
  font-size: 14px;
  width: 100%;
  height: 30px;
  padding: 6px;
  margin-left: -50px;
  border-color: #222222;
  border-right: 0;
  box-sizing: border-box;
}
footer .top #newsletter-wrapper input.error {
  border: 1px solid #ff6000;
  border-right: 0;
}
footer .top #newsletter-wrapper button {
  position: absolute;
  background: #222222;
  color: white;
  font-size: 14px;
  width: 50px;
  height: 30px;
  padding: 0 10px;
  top: 0;
  right: -25px;
  outline: 0;
  border: 0;
}
footer .top #newsletter-wrapper button:hover {
  opacity: 0.9;
}
footer .content {
  background: #eeeeee;
  padding: 20px 0 40px;
}
footer .bottom {
  background: #222222;
}
footer .bottom .inner-content > * {
  color: white;
  padding: 4px 0;
}
footer .bottom #panagora {
  float: left;
}
footer .bottom p {
  margin: 0;
  float: right;
}
footer #footer-share-wrapper {
  display: inline-block;
  width: 220px;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
footer #footer-share-wrapper a {
  width: 100px;
}
footer #copyright {
  margin: 0 0 16px;
  color: #999999;
}
footer ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
footer ul li.footer-team-athletes .footer-list-sub {
  text-transform: uppercase;
}
footer a {
  letter-spacing: 0.03em;
}
footer .footer-list {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
footer .footer-list .footer-doc-title {
  display: block;
  font-family: 'NewsGothicFSDemibold';
  margin-bottom: 10px;
}
footer .footer-list .footer-list-sub a {
  display: inline;
  margin: 0;
  color: #999999;
}
footer .footer-list .footer-list-sub a:hover {
  color: #444444;
}
footer #customer-wrapper {
  float: right;
  margin-right: 0;
  vertical-align: top;
}
footer #customer-wrapper .footer-doc-title {
  color: #222222;
}
footer footer #footer-customer-service,
footer footer #customer-wrapper {
  float: right;
}
/**
 * -------------------------------------------------
 * Campaigns
 * -------------------------------------------------
 */

/**
 * Front page campaigns
 */

/* Campaign grid */

.campaign {
  position: relative;
  float: left;
  margin: 0 8px 8px 0;
}
.onethird {
  width: 376px;
}
.home-index .onethird {
  position:relative;
  background:#fff;
}
.home-index .onethird h3{
	position:absolute;
	left:10px;
	top:10px;
	font-size:1.8em;
}
.home-index .onethird h3 span{
	display:block;
	font-size:1rem;
}
.home-index .onethird img{
	width:80%;
	height:auto;
	padding-top:50px;
}
.twothirds {
  width: 760px;
}
.threethirds {
  width: 100%;
}
.campaign.last,
.threethirds {
  margin-right: 0;
}
/* Campaign basic styles */

.front-campaigns-wrapper {
  width: 100%;
}
.front-campaigns-wrapper ul {
  margin-left: 0;
  list-style: none;
}
.front-campaigns-wrapper li {
  background: #f3fafb;
}
.campaign-row {
  position: relative;
  zoom: 1;
}
.campaign-row:before,
.campaign-row:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}
.campaign-row a,
.image-campaign a {
  float: left;
}
.image-campaign {
  float: left;
  background: white;
}
.image-campaign img {
  float: left;
}
/* .compensate-bottom:after			{ display: block; content: '\0020'; visibility: hidden; zoom: 1; width: 0; height: 0; margin-bottom: -8px; } */

.compensate-bottom {
  margin-bottom: -8px;
}
.compensated-row {
  margin-bottom: 16px;
}
/* Top campaign */

#front-campaigns-top-wrapper {
  margin: 0 0 8px;
  /* 	img		{ width: 100%; height: auto; } */

}
#front-campaigns-top-wrapper h1,
#front-campaigns-top-wrapper h2 {
  display: none;
}
#front-campaigns-top-wrapper .showcase {
  width: 100%;
  height: 521px;
  overflow: hidden;
}
#front-campaigns-top-wrapper .showcase li {
  width: 1144px;
}
#front-campaigns-top-wrapper .video {
  width: 100%;
  margin-bottom: -9px;
}
#front-campaigns-top-wrapper h1 {
  position: absolute;
  top: 16px;
  left: 16px;
}

#front-campaigns-top-wrapper .slick-slide{
  position: relative;
}
#front-campaigns-top-wrapper .slick-arrow{
  z-index: 1000;
}
#front-campaigns-top-wrapper .slick-arrow::before{
  content: "";
  width: 25px;
  height: 25px;
  display: block;
}
#front-campaigns-top-wrapper .slick-prev.slick-arrow{
  left: 25px;
}
#front-campaigns-top-wrapper .slick-prev.slick-arrow::before{
  background: url("../images/btn-prev.png") no-repeat center center;
}
#front-campaigns-top-wrapper .slick-next.slick-arrow{
  right: 25px;
}
#front-campaigns-top-wrapper .slick-next.slick-arrow::before{
  background: url("../images/btn-next.png") no-repeat center center;
}
#front-campaigns-top-wrapper .slick-dots{
  
}
#front-campaigns-top-wrapper .slick-dots li{
  border-radius: 20px;
  width: 10px;
  height: 10px;
}
#front-campaigns-top-wrapper .slick-dots li.slick-active{
  background: #333;
}
#front-campaigns-top-wrapper .slick-dots li button{
  width: 10px;
  height: 10px;
}
#front-campaigns-top-wrapper .slick-dots li button::before{
  font-family: 'NewsGothicFSBook', Arial, sans-serif;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
}
/* Middle campaign */

#front-campaigns-middle-wrapper {
  display: block;
  overflow: hidden;
  zoom: 1;
}
#front-campaigns-middle-wrapper #showcase {
  position: relative;
  width: 760px;
  height: 520px;
}
#front-campaigns-middle-wrapper #showcase ul {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#front-campaigns-middle-wrapper #showcase li {
  float: left;
  width: 760px;
  height: 520px;
}
.front-campaigns-wrapper .product-listing {
  padding: 0px;
  margin: 0;
  /*word-spacing: -3em; letter-spacing: -3px;*/

}
.front-campaigns-wrapper .product-listing li {
  position: relative;
  display: inline-block;
  zoom: 1;
  /**display:inline;*/

}
#front-campaigns-middle-wrapper .product-listing li {
  width: 184px;
  height: 256px;
  /* 	&:nth-child(4)			{ margin-right: 0; } */

}
#front-campaigns-middle-wrapper .product-listing li img {
  clip: rect(0px 254px 224px 30px);
}
/**
 * Campaigns on product and search definition pages
 */

#product-campaigns .product-campaign-item,
.campaign-list .product-campaign-item {
  position: relative;
  float: left;
  width: 376px;
  margin: 0 8px 8px 0;
  vertical-align: top;
  zoom: 1;
}
#product-campaigns .product-campaign-item .campaign-info,
.campaign-list .product-campaign-item .campaign-info {
  position: absolute;
  top: 20px;
  left: 20px;
}
#product-campaigns .product-campaign-item .product-campaign-name,
.campaign-list .product-campaign-item .product-campaign-name,
#product-campaigns .product-campaign-item .product-campaign-description,
.campaign-list .product-campaign-item .product-campaign-description {
  display: block;
  color: #222222;
  font-family: 'NewsGothicFSDemibold';
  font-size: 24px;
  line-height: 16px;
  margin-bottom: 6px;
}
#product-campaigns .product-campaign-item .product-campaign-description,
.campaign-list .product-campaign-item .product-campaign-description {
  font-family: 'NewsGothicFSBook';
  line-height: 1em;
}
#product-campaigns .product-campaign-item img,
.campaign-list .product-campaign-item img {
  display: block;
}
#product-campaigns .product-campaign-description p,
.campaign-list .product-campaign-description p {
  margin: 0.5em 0 0;
}
#product-campaigns .last,
.campaign-list .last {
  margin-right: 0;
}
#product-campaigns .product-campaign-item:nth-child(3n),
.campaign-list .product-campaign-item:nth-child(3n) {
  margin-right: 0px;
}
/**
 * -------------------------------------------------
 * Product pages
 * -------------------------------------------------
 */

/**
 * Product listings
 */

.product-listing {
  list-style: none;
  padding: 0px;
  margin: 0px;
  word-spacing: -1em;
  letter-spacing: -3px;
}
.product-listing .product {
  position: relative;
  float: left;
  margin: 0 8px 8px 0;
  word-spacing: 0em;
  letter-spacing: 0px;
  background: #f3fafb;
  background: white;
}
.product-listing .product .product-relative-wrapper {
  position: relative;
  text-align: center;
  width: 280px;
  height: 328px;
  float: left;
}
.product-listing .product .product-relative-wrapper .name,
.product-listing .product .product-relative-wrapper .price {
  display: block;
}
.product-listing .product .product-relative-wrapper .name {
  font-family: 'NewsGothicFSDemibold';
}
.product-listing .product .product-relative-wrapper .price,
.search-product-price p {
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
  margin: 0;
}
.product-listing .product img {
  display: inline;
  max-width: 232px;
}
.product-listing .product:hover .product-colors {
  opacity: 1;
}
.product-listing li.last {
  margin-right: 0;
}
.product-listing .onesixth {
  height: 256px;
}
.product-listing .product-colors {
  opacity: 0;
}
.product-listing .product-colors img {
  display: block;
}
/* Shopping not allowed */

.cannot-shop .search-product-price,
.cannot-shop .selected-price {
  display: none !important;
}
.cannot-shop .property-select-wrapper {
  width: 100%;
}
.cannot-shop #color-select-wrapper {
  float: left;
}
.cannot-shop #size-select-wrapper {
  float: right;
}
.ie8 .product-listing .product-thumbnail img {
  width: 214px;
  max-height: 328px;
}
.no-csstransitions .product-listing .product .product-colors {
  display: none;
}
.no-csstransitions .product-listing .product:hover .product-colors {
  display: block;
}
.onesixth {
  width: 184px !important;
}
/**
 * Search header and description
 */

#search-header-wrapper {
  margin-bottom: 60px;
}
#search-header-wrapper.no-results {
  padding-bottom: 24px;
}
#search-description {
  color: #222222;
}
#search-description h1 span {
  color: #222222;
}
#search-description.text-search span {
  color: #222222;
}
.search-list .subnavigation {
  display: none;
}
.search-list .fancybox-wrap .fancybox-outer {
  background: white;
  border: 1px solid #eeeeee;
  border-radius: 0;
  box-shadow: none;
}
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner {
  padding: 40px;
  border-radius: 0;
}
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner * {
  width: auto;
  max-width: 664px;
}
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td {
  display: block;
}
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td a,
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td span {
  color: #999999 !important;
  font-family: 'NewsGothicFSDemibold';
}
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td a:hover,
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td span:hover {
  color: #222222 !important;
}
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td a:active,
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td span:active,
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td a:focus,
.search-list .fancybox-wrap .fancybox-outer .fancybox-inner td span:focus {
  color: #ff6000 !important;
}
.search-list .fancybox-wrap .fancybox-close {
  background: url('../images/close_icon.png') 0px 3px no-repeat;
  color: #999999;
  width: auto;
  height: auto;
  top: 20px;
  right: 30px;
  padding-left: 25px;
}
.search-list .fancybox-wrap .fancybox-close:hover {
  background-image: url('../images/close_icon_hover.png');
  color: #222222;
}
#fancybox-overlay {
  background: rgba(255, 255, 255, 0.7) !important;
}
#guide-modal {
  background-color: #222222;
  color: white;
  text-align: center;
  width: 300px;
  margin-top: 30px;
  box-sizing: border-box;
  cursor: pointer;
}
/* Back button */

.back {
  display: inline-block;
  padding: 3px 7px 3px 3px;
  background: #dddddd;
  margin-bottom: 0px;
  font-size: 14px;
  letter-spacing: 0.05em;
}
.out-of-stock-tooltip {
  background: #ff6000;
  color: white;
  padding: 6px 8px;
  position: absolute;
  top: 0;
  width: 100%;
  cursor: default;
}
#goto-cart,
.add-to-cart {
  display: block;
  background: #222222;
  color: white;
  text-align: center;
  width: 300px;
  padding: 6px 0;
}
#goto-cart span,
.add-to-cart span {
  font-weight: normal;
  font-family: 'NewsGothicFSBook', Arial, sans-serif;
}
#goto-cart {
  margin-top: 10px;
  font-size: 18px;
}
.add-to-cart {
  height: 34px;
  padding: 6px 0 7px 0\9;
  border: 1px solid #222222;
  outline: none;
  cursor: default;
}
.add-to-cart.active {
  color: white !important;
  cursor: pointer;
}
.add-to-cart.active:hover {
  background-color: white !important;
  color: #222222;
}
.add-to-cart .ajax-loader {
  height: auto;
  padding: 0;
}
.add-to-cart.loading {
  background: #222222;
  color: white;
}
.add-to-cart span {
  font-size: 18px;
}
body .cta,
body a.cta body button.cta {
  background: #222222;
  color: white;
  font-family: 'NewsGothicFSBook';
  font-size: 18px;
  line-height: 1em;
  letter-spacing: 0.03em;
  height: 34px;
  padding: 6px;
  border: 1px solid #222222;
  cursor: pointer;
  box-sizing: border-box;
  outline: none;
}
body .cta:hover,
body a.cta body button.cta:hover {
  background-color: white !important;
  color: #222222 !important;
}
/**
 * Product view
 */

.product-view #main {
  margin-bottom: 8px;
}
#product-container {
  margin-bottom: 24px;
  /* Product image */

  /* Tech spec */

}
#product-container:after{
	content: "";
	clear: both;
	display: block;
}
#product-container #product-info {
  float: left;
}
#product-container #product-image-container {
  float: right;
}
#product-container #product-thumbnails {
  margin-top: 8px;
  float: right;
  width: 760px;
}
#product-container #product-thumbnails ul {
  list-style: none;
  margin: 0;
}
#product-container #product-thumbnails ul li {
  float: left;
  width: 118px;
  height: 118px;
  margin: 0 8px 8px 0;
  cursor: pointer;
  position: relative;
}
#product-container #product-thumbnails ul li img {
  width: 100%;
}
#product-container #product-thumbnails ul li img.play {
  width: 33px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 50%;
  margin-left: -16px;
}
#product-container #product-thumbnails ul li img.video-thumbnail {
  margin-top: 10px;
}
#product-container #product-thumbnails ul li.video {
  background-color: black;
}
#product-container #product-thumbnails ul li .video-link {
  display: block;
}
#product-container #product-thumbnails ul li .mobile-video-link {
  display: none;
}
#product-container #product-thumbnails ul li:first-child + li + li + li + li + li + li + li {
  margin-right: 0;
}
#product-container .related-athlete {
  font-size: 16px;
}
#product-container p {
  margin: 1em 0;
}
#product-container #product-info {
  width: 344px;
  background-color: white;
  color: #222222;
  min-height: 480px;
  position: relative;
  margin-right: 40px;
  padding-bottom: 40px;
  /** Add to cart form */

  /* Errors */

  /* Product properties */

}
#product-container #product-info #productVaryingPrices {
  color: #ff6000;
  display: block;
  margin-top: 4px;
}
#product-container #product-info .ui-selectmenu {
  width: 298px !important;
  margin-bottom: 10px;
}
#product-container #product-info #size-wrapper {
  margin-top: 16px;
}
#product-container #product-info h1 {
  color: #222222;
  font-family: 'NewsGothicFSDemibold';
  font-size: 24px;
  line-height: 1.2em;
}
#product-container #product-info h1 span {
  /*font-family: 'NewsGothicFSBook';*/
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
}
#product-container #product-info #product-price-wrapper {
  vertical-align: middle;
}
#product-container #product-info #product-price-wrapper span {
  font-size: 16px !important;
  line-height: 18px;
}
#product-container #product-info #product-description {
  margin-top: 8px;
}
#product-container #product-info #product-long-description {
  margin-top: 15px;
}
#product-container #product-info #product-long-description .block {
  margin-bottom: 15px;
}
#product-container #product-info #product-long-description .block >div{
	font-weight:bold;
}
#product-container #product-info #product-long-description .block >div +br{
	display:none;
}
#product-container #product-info #add-to-cart-form {
  position: relative;
}
#product-container #product-info #error-choose-size,
#product-container #product-info #error-choose-color,
#product-container #product-info #error-product-unavailable {
  display: none;
  background-color: #222222;
  color: white;
  text-align: center;
  width: 300px;
  padding: 8px;
  margin-top: 10px;
  box-sizing: border-box;
}
#product-container #product-info #product-error-wrapper {
  overflow: hidden;
  clear: both;
}
#product-container #product-info #share-wrapper {
  margin-top: 30px;
}
#product-container #product-info #share-wrapper .share-icons {
  margin-left: 0;
}
#product-container #product-image {
  vertical-align: top;
  background: #f3fafb;
  width: 760px;
  height: 520px;
  position: relative;
  overflow: hidden;
  background: white;
}
#product-container #product-image #product-properties {
  position: absolute;
  margin-top: 8px;
  z-index: 2;
}
#product-container #product-image #product-properties img {
  position: static;
  margin-right: 4px;
  float: left;
  cursor: pointer;
}
#product-container #product-image #product-properties span {
  font-size: 16px;
  line-height: 12px;
  margin-right: 8px;
  float: left;
}
#product-container #product-image #product-property-logos {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
#product-container #product-image #product-property-logos img {
  display: block;
  max-width: 100px;
  height: auto;
}
#product-container #product-image .product-image-zoom {
  display: block;
  position: relative;
  height: 480px;
  padding: 30px 0 20px;
}
#product-container #product-image .product-image-zoom img {
  display: block;
  margin: auto;
}
#product-container #product-image #img {
  clip: rect(54px 760px 630px 0px);
  left: 66px;
  position: absolute;
  top: -46px;
}
#product-container #product-tech-description {
  margin: 24px 0px;
}
#product-container #product-combo-link {
  color: #ff6000;
  display: block;
  font-size: 16px;
  text-align: left;
  margin: 12px 0;
}
#product-container #product-combo-link.product-avip-link {
  color: #ff6000;
}
#product-container #product-combo-link:hover {
  text-decoration: underline;
}
/* Share wrappers */

#footer-share-wrapper,
#share-wrapper {
  overflow: hidden;
}
#footer-share-wrapper .share-icons,
#share-wrapper .share-icons ,
#footer-customer-service .share-icons {
  list-style: none;
}
#footer-share-wrapper .share-icons li,
#share-wrapper .share-icons li,
#footer-customer-service .share-icons li{
  display: inline-block;
  margin-right: 20px;
}
#footer-share-wrapper .share-icons li a,
#share-wrapper .share-icons li a,
#footer-customer-service .share-icons li a{
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
#footer-share-wrapper .share-icons li a.facebook,
#share-wrapper .share-icons li a.facebook,
#footer-customer-service .share-icons li a.facebook{
  background-image: url('../images/POC_facebook_ikon.png');
}
#footer-share-wrapper .share-icons li a.twitter,
#share-wrapper .share-icons li a.twitter,
#footer-customer-service .share-icons li a.twitter{
  background-image: url('../images/POC_twitter_ikon.png');
}
#footer-share-wrapper .share-icons li a.instagram,
#share-wrapper .share-icons li a.instagram,
#footer-customer-service .share-icons li a.instagram{
  background-image: url('../images/POC_instagram_ikon.png');
}
#footer-share-wrapper .share-icons li a.youtube,
#share-wrapper .share-icons li a.youtube,
#footer-customer-service .share-icons li a.youtube{
  background-image: url('../images/POC_youtube_ikon.png');
}
#footer-share-wrapper .share-icons li a:hover,
#share-wrapper .share-icons li a:hover,
#footer-customer-service .share-icons li a:hover{
  opacity: 0.9;
}
/* Videos */

.vimeo-player-mobile,
.youtube-player-mobile {
  display: none;
}
.vimeo-player,
.youtube-player {
  display: block;
}
.ie8 #product-container #product-info #add-to-cart-form button {
  padding: 16px 0 17px 0;
}
/* Fancybox */

#zoom-image-container {
  display: none;
  position: relative;
  height: 100%;
  margin-bottom: 25px;
}
#zoom-image-wrapper {
  background-color: #eff8f9;
  overflow: hidden;
  height: 100%;
  text-align: center;
}
#zoom-image-wrapper img {
  width: 100%;
}
.product-view .fancybox-outer {
  background: transparent;
}
.product-view .fancybox-opened .fancybox-outer {
  box-shadow: none;
}
/**
 * Related products
 */

#main #related-products-wrapper {
  margin-bottom: 32px;
}
#main #related-products-wrapper h2 {
  word-spacing: 0em;
  color: #222222;
  display: block;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: normal;
}
#main #related-products-wrapper .product-listing {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: 8px;
  word-spacing: -1em;
  letter-spacing: -3px;
}
#main #related-products-wrapper .product-listing .product {
  position: relative;
  word-spacing: 0em;
  text-align: center;
  height: 256px;
  width: 184px;
  display: inline-block;
  margin-right: 8px;
  zoom: 1;
  *display: inline;
}
#main #related-products-wrapper .product-listing .product:nth-child(6n) {
  margin-right: 0px;
}
#main #related-products-wrapper .product-listing .product .name {
  font-family: 'NewsGothicFSDemibold';
}
#main #related-products-wrapper .product-listing .product .price {
  margin: 0;
}
/**
 * Store Locator
 */

.store-locator-wrapper {
  min-height: 600px;
}
.content-storelocator h1 {
  float: left;
  font-size: 35px;
  color: #ff6000;
  font-weight: normal;
  vertical-align: top;
  line-height: 35px;
}
.store-locator-wrapper #store-search-wrapper {
  float: right;
  margin: 0 0 32px;
}
.store-locator-wrapper #store-search-wrapper input {
  background-color: #ff6000;
  border: 0 none;
  color: white;
  font-size: 16px;
  padding: 15px;
  line-height: 16px;
  vertical-align: text-bottom;
  width: 284px;
  margin-bottom: 8px;
}
.store-locator-wrapper #store-search-wrapper #store-search-hint {
  color: #999999;
}
#store-locator-table {
  width: 100%;
  margin-bottom: 16px;
  border-bottom: 1px solid white;
  display: none;
}
#store-locator-table thead tr {
  border-bottom: 1px solid #cccccc;
}
#store-locator-table thead tr th {
  padding-bottom: 16px;
  text-align: left;
}
#store-locator-table td {
  max-width: 250px;
  padding: 16px 8px 16px 0;
  font-size: 16px;
  border-bottom: 1px solid #cccccc;
  word-wrap: break-word;
}
#store-locator-table tr:last-child td {
  border-bottom: 0px;
}
#store-locator-table td a {
  text-decoration: underline;
}
#store-locator-table td.store-url {
  word-break: break-all;
}
#store-locator-table td.store-map {
  /* 				text-align: right; */
  /* 				font-weight: bold; */
  width: 100px;
}
#store-locator-table td.store-name {
  color: #ff6000;
}
.rescue-404 #main {
  text-align: center;
  padding-bottom: 80px;
}
.rescue-404 h1 {
  color: #ff6000;
  font-size: 35px;
  font-weight: normal;
  margin: 32px 0 24px;
  padding: 0px;
}
.rescue-404 #rescue-404-medium {
  font-size: 20px;
  padding: 0px 96px;
  margin-bottom: 24px;
}
.rescue-404 #rescue-404-small {
  font-size: 13px;
  letter-spacing: 0.05em;
}
.rescue-404 #main #debug-info {
  margin-top: 48px;
}
/**
 * Order thank you for purchasing many consumer pagings
 */

#cart-view-id-wrapper {
  text-align: center;
}
#cart-view-id-wrapper h1 {
  color: #ff6000;
  font-size: 35px;
  font-weight: normal;
  line-height: 100px;
  margin-bottom: 32px;
  padding: 0 48px;
}
#cart-view-id-wrapper .cart-view-id-information {
  font-size: 20px;
  padding: 0px 96px;
}
#cart-view-id-wrapper .cart-view-id-information a {
  text-decoration: underline;
}
#cart-view-id-wrapper .cart-view-id-information #cart-order-info {
  margin-top: 16px;
}
#cart-view-campaigns {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin: 48px 0px;
}
#cart-view-campaigns img {
  display: inline;
}
#cart-view-campaigns li {
  background: none repeat scroll 0 0 #eeeeee;
  padding: 0px 56px;
  text-align: center;
  width: 264px;
}
#cart-view-campaigns li div.inner-wrapper {
  display: table;
  height: 375px;
}
#cart-view-campaigns li div.inner-wrapper div {
  display: table-cell;
  vertical-align: middle;
  width: 264px;
}
#fancybox-outer {
  background: none;
}
.fancybox-inner {
  overflow-y: auto !important;
}
/*
#fancybox-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
*/

/*
 * Non-semantic helper classes: please define your styles before this section.
 */

.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.alignnone {
  float: none;
}
/**
 * ------------------------------------------
 * Sliders
 * ------------------------------------------
 */

.showcase {
  position: relative;
}
.showcase ul {
  position: absolute;
}
.showcase ul li {
  float: left;
}
.showcase .bg-arrow,
.showcase .bigarrow {
  display: none;
}
.showcase a {
  display: block;
}
/**
 * -------------------------------------------------
 * Image lazy loading
 * -------------------------------------------------
 */

img {
  -webkit-transition: opacity 0.15s ease-out 0.3s ease-out 0s;
  -moz-transition: opacity 0.15s ease-out 0.3s ease-out 0s;
  -o-transition: opacity 0.15s ease-out 0.3s ease-out 0s;
  -ms-transition: opacity 0.15s ease-out 0.3s ease-out 0s;
  transition: opacity 0.15s ease-out 0.3s ease-out 0s;
}
img.not-lazy-loaded {
  opacity: 0;
}
img.lazy-loaded {
  opacity: 1;
}
/* for image replacement */

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */

.hidden {
  display: none;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Hide visually and from screenreaders, but maintain layout */

.invisible {
  visibility: hidden;
}
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */

.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {
  clear: both;
}
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

.clearfix {
  zoom: 1;
}
/*
 * media queries for responsive design
 * these follow after primary styles so they will successfully override.
 */

@media all and (orientation: portrait) {
  /* style adjustments for portrait mode goes here */
}
@media all and (orientation: landscape) {
  /* style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (min-width: 768px) {
  #goto-cart {
    display: none !important;
  }
}
@media only screen and (max-device-width: 1024px) {
  .product-listing .product .product-colors {
    opacity: 1;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* put webkit CSS here*/
  
  .ui-selectmenu-menu li a,
  .ui-selectmenu-status {
    padding-bottom: 5px;
  }
}
/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

/*@media only screen and (max-width: 479px) {*/

/* uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
	 j.mp/textsizeadjust */

/* body { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */

/*}*/

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* black prints faster: sanbeiji.com/archives/953 */
  
  a,
  a:visited {
    color: #444444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* don't show links for images, or javascript/internal links */
  
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  
  tr,
  img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* LESS Variables */
/*Colors*/
/* Font sizes */
/* ETC */
/* Cart */
/* End of LESS */

/**
 * -------------------------------------------------
 * Cart styles
 * -------------------------------------------------
 */

/**
 * Structural
 */

#checkout-code-form-wrapper {
  display: none;
}
.cart-view #main {
  padding-top: 0px;
  border: 0px;
}
/**
 * Wrapper
 */

#cart-wrapper {
  padding-bottom: 24px;
}
/* Header */

#cart-header {
  color: white;
  margin-bottom: 16px;
}
#cart-header h1 {
  color: #222222;
  font-size: 35px;
  line-height: 35px;
  margin: 16px;
  margin-left: 0;
  float: left;
}
#cart-header #cart-header-description {
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  width: 744px;
  margin-top: 30px;
  vertical-align: top;
  float: right;
}
#cart-header #cart-header-description a:hover {
  color: #ff6000;
  text-decoration: underline;
}
/* Footer */

#cart-footer {
  margin-top: 40px;
}
/* The checkout content */

#cart-column .cart-module {
  width: 341px;
  padding: 16px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  zoom: 1;
  *display: inline;
}
#cart-column .cart-module.last {
  margin-right: 0px;
}
#cart-column .cart-module.white-module {
  background-color: white;
  border: 1px solid #222222;
  width: 341px;
  position: relative;
  zoom: 1;
}
#cart-column .cart-module.blue-module {
  background-color: #f8f8f8;
  width: 340px;
}
#cart-column .cart-module h3 {
  font-size: 20px;
  color: #222222;
  font-weight: bold;
  margin-bottom: 40px;
}
label {
  font-size: 16px;
  display: block;
  margin-bottom: 6px;
}
input {
  width: 330px;
}
/**
 * Product summary
 */

#cart-summary-wrapper {
  margin-bottom: 32px;
}
#cart-summary-wrapper .item-summary {
  border-top: 1px solid #eeeeee;
  padding-top: 8px;
}
#cart-wrapper table {
  font-size: 16px;
  width: 100%;
  border-bottom: 0px solid #cccccc;
  border-top: 0px solid #cccccc;
  margin-bottom: 0px;
  padding: 16px 0;
}
#cart-wrapper #cart-totals table {
  font-family: 'NewsGothicFSDemibold';
}
#cart-wrapper #cart-totals table td.right {
  font-family: 'NewsGothicFSBook';
  text-align: right;
}
/** Product summary list */

#cart-items {
  width: 100%;
  font-size: 16px;
  /*.cart-product-image {
		clip: rect(0px 48px 40px 8px);
		position: absolute;
		top: 0px;
		left: 0px;
	}*/

}
#cart-items .cart-summary-image {
  position: relative;
}
#cart-items td {
  vertical-align: middle;
}
#cart-items td.mini-cart-productname {
  padding-right: 5px;
  max-width: 120px;
}
#cart-items td.mini-cart-productname .add-remove {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}
#cart-items td.mini-cart-productname .add-remove a {
  color: #666666;
  font-family: Arial;
  font-size: 20px;
  padding: 0 3px;
  display: inline-block;
  margin-top: -3px;
}
#cart-items td.mini-cart-productname .add-remove a:hover {
  color: #ff6000;
}
#cart-items td.mini-cart-productname .add span {
  position: absolute;
  margin-top: -18px;
}
#cart-items td.mini-cart-productname .add-no-more {
  font-size: 20px;
  font-family: Arial;
  color: #d6d6d6;
  padding: 0 3px;
  display: inline-block;
  margin-top: -3px;
}
#cart-items td.mini-cart-productname .add-no-more span {
  position: absolute;
  margin-top: -18px;
}
#cart-items td.mini-cart-productname .quantity {
  display: inline-block;
  text-align: center;
  width: 20px;
}
#cart-items td.cart-summary-price {
  text-align: right;
  white-space: nowrap;
}
#cart-items td .solid {
  border-top: 1px solid #cccccc;
  margin: 8px 0px;
}
#cart-items .mini-cart-productname {
  width: 120px;
}
#cart-items .mini-cart-productname .remove img {
  display: inline;
  margin-left: 8px;
}
#cart-items .cart-product-image-link {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  background: #e5f6ff;
  text-align: center;
}
#cart-items .cart-summary-image {
  width: 56px;
}
#cart-items .product-total-label,
#cart-items .product-total-value {
  font-weight: bold;
}
#cart-items .product-total-value {
  text-align: right;
  white-space: nowrap;
}
.cart-unavailable-items-wrapper {
  margin-bottom: 16px;
  background-color: #ff6000;
  padding: 8px;
}
.cart-unavailable-items-wrapper h3 {
  color: white !important;
  margin-bottom: 16px !important;
}
.cart-unavailable-items-wrapper .cart-unavailable-item {
  background-color: white;
  color: #ff6000;
  padding: 8px;
  margin-bottom: 8px;
}
.cart-unavailable-items-wrapper .cart-unavailable-item.cart-unavailable-item:last-child {
  margin-bottom: 0px;
}
.cart-unavailable-items-wrapper .cart-unavailable-item a {
  display: block;
  text-decoration: underline;
}
#checkout-code-toggle {
  position: absolute;
  bottom: -28px;
  left: 0px;
  color: #ff6000;
  font-size: 16px;
}
#checkout-code-toggle:hover {
  text-decoration: underline;
}
.wrong-password,
#login-message,
.login-password,
#form-error-message,
#new-password-container,
#select-address-container,
#select-kreditor-address-container {
  display: none;
}
#customer-details-left .input-not-input {
  border: 1px solid #cccccc;
  color: #aaaaaa;
  display: block;
  font-family: arial;
  font-size: 16px;
  padding: 6px 5px;
}
/**
 * Payment and shipping methods
 */

#cart-step-1-wrapper #cart-payment-method,
#cart-step-1-wrapper #cart-shipping-method {
  margin-top: 32px;
}
#cart-step-1-wrapper #customer-prerequisites .ui-selectmenu {
  margin-bottom: 8px;
}
#cart-step-1-wrapper h4 {
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin-top: 16px;
  margin-bottom: 6px;
}
#cart-step-1-wrapper ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#cart-step-1-wrapper ul li {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
}
#cart-step-1-wrapper ul li:nth-child(4) {
  margin-right: 0px;
}
#cart-step-1-wrapper #payment-methods li button,
#cart-step-1-wrapper #shipping-methods li button {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 0;
  height: 33px;
  width: 100%;
}
#cart-step-1-wrapper #payment-methods li button.selected,
#cart-step-1-wrapper #shipping-methods li button.selected {
  background-color: white;
  border: 2px solid #222222;
}
#cart-step-1-wrapper .description {
  font-size: 10px;
  display: none;
}
#cart-step-1-wrapper .description.selected {
  display: block;
}
#cart-step-1-wrapper .description .payment-shipping-name {
  display: block;
  font-size: 13px;
}
/**
 * Final step
 */

#cart-step-2-wrapper #form-error-message {
  background-color: #ff6000;
  color: white;
  padding: 8px;
  margin-bottom: 8px;
}
#cart-step-2-wrapper #login-message {
  font-style: italic;
}
#cart-step-2-wrapper input.error {
  border-color: #ff6000;
}
#cart-step-2-wrapper .input-row {
  margin-bottom: 12px;
}
#cart-step-2-wrapper .input-row.login-button button {
  background-color: #ff6000;
  border: 0 none;
  min-width: 112px;
  padding: 8px 0;
}
#cart-step-2-wrapper .input-row.login-button button span {
  color: white;
  font-size: 13px;
}
#cart-step-2-wrapper .input-row.login-button .forgot-pass {
  display: block;
  margin-top: 4px;
}
#cart-step-2-wrapper #choose-password-container {
  margin-top: 12px;
}
#cart-step-2-wrapper #choose-password-container button {
  border: 0 none;
  background: none;
  margin-left: -6px;
}
#cart-step-2-wrapper #choose-password-container button span {
  font-size: 13px;
}
#cart-step-2-wrapper .add-address-line {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  /*line-height: 48px;*/
  margin-bottom: 12px;
  padding: 0;
  display: block;
}
#cart-step-2-wrapper #post-city-wrapper {
  word-spacing: -1em;
  letter-spacing: -3px;
  margin-right: -8px;
}
#cart-step-2-wrapper .post-city {
  display: inline-block;
  word-spacing: 0em;
  letter-spacing: 0px;
  margin-right: 8px;
}
#cart-step-2-wrapper .post-city :nth-child(2) {
  margin-right: 0px;
}
#cart-step-2-wrapper .post-city input {
  width: 156px;
}
#cart-step-2-wrapper #process-order {
  width: 341px;
  margin-top: 20px;
}
#cart-step-2-wrapper #order-process #cart-totals {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #eeeeee;
}
#cart-step-2-wrapper #order-process #terms-and-stuff {
  margin-top: 20px;
}
#cart-step-2-wrapper #order-process #terms-and-stuff .label-error,
#cart-step-2-wrapper #order-process #terms-and-stuff .label-error a {
  color: #ff6000;
}
#cart-step-2-wrapper #order-process #terms-and-stuff .checkbox {
  margin: 0 0 4px;
}
#cart-step-2-wrapper #order-process #terms-and-stuff input {
  width: auto;
  margin-top: 4px;
  margin-right: 10px;
  float: left;
}
#cart-step-2-wrapper #order-process #terms-and-stuff label {
  margin-bottom: 0;
}
#order-process-container #process-order.processing .default,
#order-process-container #process-order.redirect .default,
#order-process-container #process-order.redirect .working,
#order-process-container #process-order.process .working {
  display: none;
}
#order-process-container #process-order.redirect .default,
#order-process-container #process-order.processing .working,
#order-process-container #process-order.process .default {
  display: inline;
}
#order-process-container #process-order.process.processing .default,
#order-process-container #process-order.redirect.processing .default {
  display: none !important;
}
label.error {
  display: none !important;
}
#checkout-code-form-wrapper {
  display: none;
  padding: 32px;
  height: auto;
  width: 237px;
  background-color: #333333;
}
#checkout-code-form-wrapper form {
  display: block;
}
#checkout-code-form  p {
  color: white !important;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  margin-bottom: 8px;
}
#checkout-code-form button {
  background-color: #ff6000;
  border: 0 none;
  padding: 8px 0;
  min-width: 112px;
}
#checkout-code-form button span {
  font-size: 13px;
  color: white;
}
#discount-applied {
  display: none;
  color: #60ff00;
  font-size: 11px;
}
#no-discount {
  display: none;
  color: red;
  font-size: 11px;
}
#promotional-button {
  margin-bottom: 10px;
  text-decoration: underline;
  cursor: pointer;
}
#checkout-code-form input {
  vertical-align: middle;
  display: inline-block;
  width: 226px;
  margin-bottom: 8px;
  zoom: 1;
  *display: inline;
}
#checkout-code-form .checkout-code-button {
  text-align: right;
}
#checkout-code-form button {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#cart-empty-header {
  padding-bottom: 24px;
}
#cart-empty-header h1 {
  color: #ff6000;
  display: inline-block;
  font-size: 35px;
  font-weight: normal;
  line-height: 35px;
  vertical-align: top;
}
#cart-terms-wrapper {
  /*width: 600px;
	background: #fff;*/
  padding: 32px;
}
#cart-terms-wrapper h1 {
  font-size: 35px;
  font-weight: normal;
  margin-bottom: 8px;
}
/*
Global stuff
*/

.customer-viewprofile #main,
.customer-viewprofile footer,
.customer-order #main,
.customer-order footer {
  border: 0px;
}
.authentication-login #main,
.authentication-forgotpassword #main,
.customer-order #main {
  padding-top: 0px;
}
#login-modal-wrapper form label,
#forgotpass-wrapper form label {
  display: block;
  font-weight: normal;
  margin-bottom: 5px;
}
#login-modal-wrapper form label,
#forgotpass-wrapper form label {
  font-size: 13px;
  text-transform: inherit;
}
#login-modal-wrapper form label.label-error,
#login-modal-wrapper form label a.label-error {
  color: #ff6000;
}
#login-modal-wrapper form label.error {
  display: none !important;
}
.authentication-forgotpassword #forgotpass-wrapper {
  background: none repeat scroll 0 0 #222222;
  color: white;
  padding: 32px;
  text-align: center;
}
#login-modal-wrapper form,
#forgotpass-wrapper form {
  max-width: 236px;
}
#forgotpass-wrapper form {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin-top: 16px;
  padding-bottom: 16px;
  padding-top: 16px;
}
#login-modal-wrapper form input {
  width: 224px;
}
#login-modal-wrapper form .checkbox input {
  width: auto;
}
#authentication-login-form #login-error-handler {
  display: none;
  background-color: #ff6000;
  color: white;
  padding: 8px;
  margin-bottom: 16px;
}
#forgotpass-wrapper form input {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  color: #999999;
  font-size: 16px;
  padding: 5px;
}
#login-modal-wrapper #forgotpass-wrapper {
  padding-top: 16px;
}
#login-modal-wrapper #forgotpass-wrapper .input-row {
  margin-bottom: 8px;
}
#login-modal-wrapper #forgotpass-wrapper h2 {
  font-weight: normal;
  font-size: 13px;
}
#login-modal-wrapper #basic-info {
  width: 100%;
}
#login-modal-wrapper .inner-content #basic-info .input-row.button-container {
  float: none;
}
#forgotpass-wrapper .error {
  color: #ff6000;
}
.authentication-forgotpassword-mailsent #main .inner-content p {
  padding: 16px 0px 32px;
  font-size: 16px;
}
#login-modal-wrapper {
  background-color: #eff6ff;
  color: #222222;
  padding: 32px;
  min-height: 230px;
  width: 237px;
}
#forgotpass-wrapper {
  width: auto;
}
#login-modal-wrapper.classic-login {
  width: auto;
  text-align: center;
}
#login-modal-wrapper.classic-login #login-modal-inner-wrapper {
  display: inline-block;
  text-align: left;
  zoom: 1;
  /* *display:inline; */

}
#forgotpass-wrapper h1 {
  font-style: normal;
  font-weight: 500;
  text-transform: inherit;
  font-size: 35px;
  text-decoration: none;
  text-align: left;
  margin-bottom: 16px;
}
#forgotpass-wrapper input {
  width: 224px;
}
#login-modal-wrapper a {
  color: #222222;
}
#login-modal-wrapper select {
  width: 100%;
  padding: 3px;
}
/*
	Customer Profile
*/

/*h3 {
	font-size: 18px;
	margin-bottom: 8px;
	text-transform: inherit;
	font-weight: normal;
	color: #222;
}*/

.authentication-forgotpassword .inner-content {
  text-align: center;
  display: inline-block;
  width: 237px;
  zoom: 1;
  /* *display:inline; */

}
.authentication-forgotpassword .inner-content h2 {
  text-align: left;
}
.authentication-forgotpassword .inner-content form {
  text-align: left;
}
.authentication-forgotpassword h2 {
  margin-bottom: 16px;
  font-weight: normal;
}
.cart-view-id h1.header {
  margin-top: 2px;
  margin-bottom: 24px;
  color: #222222 !important;
  font-style: normal;
  font-weight: 500;
  text-transform: inherit;
  font-size: 20px;
  text-decoration: none;
}
.cart-view-id h1.header p {
  font-size: 24px;
}
.cart-view-id h1.header span {
  display: block;
  line-height: 32px;
  padding-top: 22px;
}
.customer-viewprofile #main {
  padding-top: 0px;
}
.customer-viewprofile #view-profile-wrapper {
  background-color: #e5f6ff;
}
.customer-viewprofile #view-profile-wrapper .tab-content {
  border: 0px;
  margin: 0px;
  padding: 0px;
}
.customer-viewprofile #view-profile-wrapper ul.tabs {
  border-bottom: 1px solid #cccccc;
  float: none;
  list-style: none outside none;
  margin: 0 0 16px 16px;
  padding: 16px 0;
  vertical-align: top;
  width: 1112px;
}
.customer-viewprofile #view-profile-wrapper ul.tabs li {
  float: left;
  overflow: hidden;
  position: relative;
  margin: 0 16px 0 0;
  padding: 0 16px 0 0;
  border-right: 1px solid #cccccc !important;
  border-bottom: 0px solid #cccccc;
  text-align: center;
  font-weight: bold;
}
.customer-viewprofile #view-profile-wrapper ul.tabs li.last {
  border-right: 0px !important;
}
.customer-viewprofile #view-profile-wrapper ul.tabs li a {
  color: #aaaaaa !important;
  font-style: normal;
  font-weight: 500;
  text-transform: inherit;
  font-size: 20px;
  text-decoration: none;
}
.customer-viewprofile #view-profile-wrapper ul.tabs li.active {
  border-color: #cccccc #cccccc white;
  border-style: solid;
  border-width: 0px;
  margin-bottom: -1px;
  overflow: hidden;
  border-bottom: 0px;
}
.customer-viewprofile #view-profile-wrapper ul.tabs li.active a {
  color: #222222 !important;
}
.customer-viewprofile form label {
  display: block;
  font-weight: normal;
  margin-bottom: 5px;
  color: white;
}
.customer-viewprofile form label {
  font-size: 16px;
  text-transform: inherit;
  color: #222222;
}
.customer-viewprofile form label.label-error {
  color: #ff6000;
}
.customer-viewprofile form label.error {
  display: none !important;
}
.customer-viewprofile .inner-content form input {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  color: #999999;
  font-size: 16px;
  padding: 5px;
}
.customer-viewprofile .error {
  color: #ff6000;
}
.customer-viewprofile .column {
  font-size: 16px;
}
.customer-viewprofile #basic-info.column .input-row span#profile-emailaddress {
  display: block;
  width: 329px;
  margin-left: 0px;
  padding: 4px 6px;
  background: transparent;
  border: 1px solid #cccccc;
  color: #888888;
  font-size: 16px;
}
#customer-address #add-address-line,
#basic-info #profile-change-password {
  cursor: pointer;
  text-decoration: underline;
  border: 0px;
  color: #222222;
  font-size: 16px;
}
#customer-address #add-address-line {
  margin-bottom: 16px;
  margin-top: 17px;
  display: block;
}
#customer-address .address-line-3-label {
  display: block;
  height: 1px;
  margin: 3px 0;
}
.customer-viewprofile #basic-info.column .input-row select {
  width: 100%;
}
.customer-viewprofile #view-profile-wrapper #basic-info .input-row.checkbox label {
  width: auto;
  margin-right: 8px;
}
.customer-viewprofile h1,
.customer-order h1 {
  color: #ff6000 !important;
  font-weight: normal;
  font-style: normal;
  font-weight: 500;
  text-transform: inherit;
  font-size: 35px;
  text-decoration: none;
  text-align: left;
  margin-bottom: 16px;
}
.inner-content .input-row,
.inner-content .radio-row {
  margin-bottom: 8px;
  clear: both;
}
.inner-content .address-container .input-row.submit-row {
  margin-right: 0px;
}
.inner-content .input-row.additional-address-line {
  display: none;
}
.inner-content .input-row.floater {
  float: left;
  margin-right: 10px;
}
#authentication-forgotpassword-form .input-row.button-container {
  display: block;
  float: none;
  margin-bottom: 0px;
}
.inner-content .input-row.button-container button {
  width: 100%;
  margin-top: 16px;
  background-color: #ff6000;
  border: 0 none;
  line-height: 54px;
  color: white;
}
#login-modal-wrapper #authentication-forgotpassword-form .input-row.button-container {
  margin-top: 16px;
  margin-bottom: 0px;
}
#login-modal-wrapper #authentication-forgotpassword-form .input-row.button-container button {
  background-color: #ff6000;
  border: 0 none;
  padding: 8px 0;
  min-width: 112px;
}
#login-modal-wrapper #authentication-forgotpassword-form .input-row.button-container button span {
  font-size: 13px;
  color: white;
}
.inner-content .helper {
  font-size: 10px;
}
.inner-content .input-row select {
  width: 220px;
}
.inner-content .radio-row {
  padding-top: 8px;
}
.inner-content .radio-row .radio-container input {
  width: auto !important;
  vertical-align: sub;
}
.inner-content .radio-row .label {
  display: inline-block;
  margin: 0px;
  zoom: 1;
  /* *display:inline; */

}
.inner-content .radio-row  span {
  display: block;
}
.inner-content .radio-row .radio-container .option-container {
  display: inline;
  margin-right: 10px;
}
.inner-content .radio-row .radio-container .option-container label {
  display: inline;
  margin: 0;
}
.inner-content .input-row label {
  font-weight: bold;
  margin-bottom: 5px;
}
.inner-content .input-row label[class="error"] {
  font-weight: normal;
  margin-bottom: 0;
}
.inner-content .input-row input[type="text"],
.inner-content .input-row input[type="password"] {
  width: 332px;
  background: white;
}
input.phone-number {
  display: block;
}
.inner-content #customer-address .input-row input[type="text"],
.inner-content #customer-address .input-row input[type="password"] {
  width: 332px;
  background: white;
}
.inner-content .input-row.floater input[type="text"],
.inner-content .input-row.floater input[type="password"] {
  width: 97px;
}
.inner-content .input-row.phone label {
  display: inline-block;
  width: auto !important;
  zoom: 1;
  /* *display:inline; */

}
.inner-content .input-row.phone a {
  display: inline-block;
  font-weight: bold;
  margin-left: 5px;
  vertical-align: sub;
  zoom: 1;
  /* *display:inline; */

}
.inner-content .column {
  float: left;
  margin: 0 0 24px;
  padding: 0 24px 0 24px;
  border-right: 1px solid #cccccc;
}
.inner-content .column.last {
  margin-right: 0px;
  border-right: none;
  padding-right: 0px;
}
.inner-content .column#customer-address {
  margin-right: 8px;
  padding: 0px 16px 16px;
  width: 344px;
}
.inner-content .column#customer-address input {
  width: 252px;
}
.inner-content .column#orders h2 {
  font-size: 35px;
  margin-bottom: 16px;
  margin-top: 0px;
}
.inner-content .column#orders .order-status {
  text-align: right;
}
.order-history {
  width: 568px;
}
.order-history thead td {
  color: #222222 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-align: right;
  text-decoration: none;
  text-align: left;
  text-transform: inherit;
}
.order-history td {
  color: #222222;
}
.order-history td.order-id {
  font-weight: normal;
}
.order-history td.order-id a {
  text-decoration: underline;
  color: #222222;
}
.order-history tbody td {
  border-bottom: 1px solid #cccccc;
  padding: 16px 0px;
}
#page-container h3 {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdbdb;
  margin-bottom: 15px;
}
#page-container h3.sub-header {
  margin-bottom: 0px;
  border: none;
}
.address-container {
  position: relative;
  float: left;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #cccccc;
}
.address-container:nth-child(3n) {
  margin-right: 0px;
}
.address-container:last-child {
  border-bottom: none;
}
.address-container .address-header {
  font-weight: bold;
  margin-bottom: 16px;
  display: block;
}
.address-container .remove-address {
  color: #ff6000 !important;
  display: block;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  text-align: right;
  text-decoration: underline;
  text-transform: inherit;
  width: 344px;
}
.address-container .remove-address img {
  vertical-align: sub;
}
.address-container .input-row span {
  display: block;
  width: 332px;
  padding: 5px;
  border: 1px solid #cccccc;
  color: #888888;
}
#basic-info #profile-password-container {
  display: block;
}
#profile-password-container #reset-password-hint {
  background: pink;
  border: 1px solid red;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
  width: 209px;
}
/*
	Register Page
*/

#basic-info {
  width: 344px;
  padding-left: 16px;
}
#login-modal-wrapper #basic-info {
  padding: 0px;
}
/* The jQuery Validator plugin doesn't seem to validate hidden form
	 * elements, so we'll have to hide it with visibility.
	 */

#login-modal-wrapper #country-selector {
  display: block !important;
  position: absolute;
  visibility: hidden;
  z-index: 0;
}
#profile-campaign-wrapper {
  color: white;
  display: inline-block;
  margin-left: 200px;
  vertical-align: top;
  width: 388px;
  zoom: 1;
  /* *display:inline; */

}
#profile-campaign-wrapper h2 {
  color: white !important;
  display: block;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 16px;
  text-decoration: none;
  text-transform: inherit;
}
#basic-info .input-row.checkbox span {
  display: inline-block;
  zoom: 1;
}
#basic-info .input-row.checkbox label {
  display: inline-block;
  zoom: 1;
}
#basic-info .input-row.checkbox input {
  width: 14px;
  vertical-align: middle;
  border: none;
}
#basic-info .input-row span#profile-emailaddress {
  width: 204px;
  margin-left: 161px;
}
.ui-selectmenu {
  background-color: white !important;
  margin-bottom: 8px;
}
#basic-info label {
  width: 160px;
}
#basic-info .radio-container input {
  border: 0px;
  vertical-align: middle;
}
#basic-info .option-container label {
  width: auto;
  vertical-align: middle;
}
.tab-content button span {
  border: 0px !important;
  margin: 0px;
  padding: 0px !important;
  width: auto;
  color: white !important;
}
.input-row.checkbox input {
  border: 0px;
}
.input-row .addAddressLine {
  text-decoration: underline;
  margin-left: 5px;
  cursor: pointer;
}
/*
	Login Page
*/

#forgot-link-container {
  zoom: 1;
  /* *display:inline; */
  margin-bottom: 0px;
  line-height: 10px;
  margin-top: 8px;
}
#forgot-link-container a {
  font-size: 10px;
}
.signup-text {
  margin-bottom: 10px;
}
/* Customer Order
----------------- */

#order-page-wrapper {
  background-color: #e5f6ff;
  padding: 16px;
  color: #222222;
}
#order-contents {
  width: 100%;
  margin-top: 16px;
}
.customer-order #order-contents {
  margin-bottom: 42px;
  margin-left: 16px;
  width: 1080px !important;
}
#order-contents .quantity {
  text-align: center;
  width: 100px;
}
#order-contents .shipped {
  text-align: center;
  width: 100px;
}
#order-contents .price {
  text-align: right;
  width: 100px;
}
#order-contents .subtotal {
  text-align: right;
  width: 100px;
}
.cart-view-id #order-info-column #order-contents .quantity,
.cart-view-id #order-info-column #order-contents .shipped {
  width: 50px;
  white-space: nowrap;
}
.cart-view-id #order-info-column #order-contents .subtotal,
.cart-view-id #order-info-column #order-contents .price {
  width: 100px;
  white-space: nowrap;
}
.cart-view-id #order-info-column #order-contents .shipping-total td {
  padding: 8px 0px;
}
.cart-view-id #order-info-column #order-contents td.product-name .name {
  margin-bottom: 8px;
}
#order-contents thead td {
  font-weight: bold;
}
#order-contents tbody .item td {
  padding-bottom: 8px;
  width: 168px;
}
#order-contents .order-debited-total td {
  padding-bottom: 5px;
}
#order-contents .order-debited-total td,
#order-contents .totals .order-total td {
  padding-top: 5px;
  font-size: 16px;
  text-transform: inherit;
}
#order-contents .order-debited-total .label,
#order-contents .totals .order-total .label {
  font-weight: bold;
}
#order-contents .order-debited-total .total,
.vat .right,
#order-contents .totals .total {
  text-align: right;
}
#customer-order-wrapper dl dt {
  font-weight: bold;
  float: left;
  width: 125px;
  margin-bottom: 4px;
}
.cart-view-id #customer-order-wrapper dl {
  display: block;
  clear: both;
}
.cart-view-id #customer-order-wrapper dl dt {
  font-weight: bold;
  margin-bottom: 4px;
  display: block;
  width: auto;
  float: none;
}
.cart-view-id #customer-order-wrapper dl dt {
  float: left;
  margin-right: 8px;
}
.cart-view-id #customer-order-wrapper dl dd {
  clear: right;
}
.cart-view-id #order-contents {
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
  display: block;
  margin-top: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
}
.cart-view-id #order-contents .product-image {
  width: 70px;
}
.customer-order #order-left-column {
  width: 1112px;
}
/* Thank You page */

.cart-view-id .campaign-wrapper {
  float: left;
  margin-right: 25px;
  width: 307px;
}
.cart-view-id .campaign-wrapper .campaign-content {
  border: 1px solid #dcdbdb;
  overflow: hidden;
  padding: 15px;
  width: 275px;
}
.cart-view-id #order-info-column {
  margin-right: 2px;
  display: inline-block;
  font-size: 12px;
  width: 490px;
  zoom: 1;
  /* *display:inline; */

}
.cart-view-id #order-info-column #thank-you-customer-service {
  border-top: 1px solid #222222;
  margin-top: 32px;
  padding: 16px 0;
}
.cart-view-id #order-info-column #thank-you-customer-service h3 {
  color: #222222 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  text-decoration: none;
  text-transform: inherit;
  margin-bottom: 8px;
}
.cart-view-id #order-info-column #thank-you-customer-service ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  font-size: 12px;
}
.cart-view-id #order-info-column #thank-you-customer-service ul li {
  margin-bottom: 4px;
}
.cart-view-id #order-info-column #thank-you-customer-service ul li a {
  text-decoration: none;
  text-transform: inherit;
}
.customer-order #customer-order-wrapper {
  padding: 16px;
  border: 1px solid #cccccc;
  height: 32px;
}
.customer-order #customer-order-wrapper dl {
  float: left;
  margin-right: 40px;
}
.customer-order #customer-order-wrapper dl {
  margin-right: 26px;
}
.customer-order #customer-order-wrapper dl#order-date {
  margin-right: 0px;
}
.customer-order #customer-order-wrapper {
  width: auto;
}
.cart-view-id table {
  width: 100%;
}
.customer-order table {
  width: 800px !important;
}
.cart-view-id table thead tr td,
.customer-order table thead tr td {
  padding-bottom: 5px;
}
.cart-view-id table tbody tr.product-total td,
.customer-order table tbody tr.product-total td {
  padding-top: 20px;
}
.cart-view-id table tbody tr.spacer td,
.customer-order table tbody tr.spacer td {
  height: 20px;
}
.cart-view-id .address {
  margin-top: 25px;
}
.customer-order .address {
  border: 0px;
  padding: 0px;
}
.cart-view-id .address strong,
.customer-order .address strong {
  display: block;
  margin-bottom: 16px;
}
#order-info-right {
  width: 421px;
  margin-left: 32px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* *display:inline; */

}
.cart-view-id .inner-content {
  margin-bottom: 48px;
}
#order-info-right #cart-newsletter-signup {
  border: 1px solid #222222;
  margin-top: -1px;
  padding: 8px;
  color: white;
}
#order-info-right #cart-newsletter-signup form {
  height: 52px;
}
#order-info-right #cart-newsletter-signup .pager,
#order-info-right #social-networking-wrapper h4 {
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: inherit;
  margin-bottom: 12px;
  font-weight: normal;
  text-align: left;
  color: #ffb12b;
}
#order-info-right #cart-newsletter-signup #cart-newsletter-email {
  width: 334px;
  font-size: 22px;
  float: left;
}
#order-info-right #cart-newsletter-signup input#cart-newsletter-email {
  height: 36px;
  background: none repeat scroll 0 0 transparent;
  color: #cccccc;
  line-height: 32px;
}
#order-info-right #cart-newsletter-signup button {
  padding: 13px 24px 12px;
  background-color: white;
}
#order-info-right #cart-newsletter-signup button span {
  font-family: "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", sans-serif;
  font-size: 18px;
  text-decoration: none;
  line-height: 23px;
  vertical-align: sub;
}
#order-info-right #social-networking-wrapper {
  background-color: #3b5998;
  margin-top: 2px;
  padding: 16px;
  text-align: center;
}
#order-info-right #social-networking-wrapper a {
  text-decoration: none;
}
#order-info-right #social-networking-wrapper h3 {
  color: white !important;
  font-style: normal;
  font-weight: 500;
  text-transform: inherit;
  font-size: 20px;
  text-decoration: none;
  vertical-align: middle;
  margin: 0px;
}
#order-info-right #social-networking-wrapper h3 img {
  vertical-align: bottom;
  margin-right: 16px;
}
#customer-address-wrapper {
  margin: 24px 0px;
}
.customer-order #customer-address-wrapper {
  border: 1px solid #cccccc;
  margin: 0px;
  padding: 16px;
}
ul.tabs {
  margin: 0;
  padding: 0;
  float: none;
  list-style: none;
  width: 100%;
  margin-top: 0px;
  overflow: hidden;
}
ul.tabs li {
  float: left;
  display: block;
}
ul.tabs li.first {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid #cccccc !important;
}
ul.tabs li.active a {
  color: #222222 !important;
}
ul.tabs li a {
  color: #aaaaaa !important;
  font-size: 20px;
}
.tab-content {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin-top: 16px;
  padding-bottom: 16px;
  padding-top: 16px;
}
#main .full-column,
#main .iframe-document,
#main .store-locator-wrapper,
#main .storelocator {
  width: 100%;
  border-right: 0;
}
#main h6,
.fancybox-inner h6 {
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 24px;
}
#left-column {
  display: block;
  width: 1144px;
  vertical-align: top;
  word-spacing: 0em;
  letter-spacing: 0px;
  /*     margin-bottom: 24px; */
  padding-bottom: 24px;
  border-bottom: 1px solid #eeeeee;
}
#main-column {
  float: left;
  width: 760px;
  min-height: 400px;
  margin: 24px 0;
  padding: 0 4px 0 0;
  word-spacing: 0;
  font-size: 16px;
  vertical-align: top;
  letter-spacing: 0;
}
#main-column h1.header {
  display: none;
  font-size: 35px;
  font-weight: normal;
  margin-bottom: 8px;
}
.teamathletes-athlete #main-column h1.header {
  display: block;
}
#right-column {
  display: inline-block;
  letter-spacing: 0;
  margin-left: 0px;
  vertical-align: top;
  word-spacing: 0px;
  margin-left: 16px;
  /* 	padding-right: 16px; */
  width: 248px;
  padding-top: 48px;
  font-size: 16px;
  zoom: 1;
  *display: inline;
}
#right-column #front-campaigns-column {
  margin-top: 32px;
}
#right-column .front-campaign-column-item {
  margin-bottom: 8px;
}
#content-view-campaigns {
  float: left;
  margin: 0 0 16px;
  padding: 24px 0 0;
  list-style: none outside none;
}
#content-view-campaigns img {
  display: inline;
}
#content-view-campaigns li {
  background: #eeeeee;
  border: 0px solid #dddddd;
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 0px 56px;
  text-align: center;
  vertical-align: middle;
  width: 264px;
}
#content-view-campaigns .last {
  margin-right: 0px;
}
#content-view-campaigns li div.inner-wrapper {
  display: table;
  height: 375px;
}
#content-view-campaigns li div.inner-wrapper div {
  display: table-cell;
  vertical-align: middle;
  width: 264px;
}
/* Athlete team */

#main-column .athletes-list {
  margin-left: 0;
}
#main-column .athletes-list li {
  float: left;
  display: block;
  overflow: hidden;
  /* 		width: 147px; */
  margin: 0 8px 8px 0;
}
#main-column .athletes-list li.first {
  clear: both;
}
#main-column .athletes-list li.last {
  margin-right: 0;
}
#main-column .athletes-list li img {
  /* 			width: auto; */
  /* 			min-width: 147px; */
  /* 			height: 194px; */
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
#main-column .athletes-list li a {
  display: block;
  overflow: hidden;
}
#main-column .athletes-list li a.athlete-thumbnail-box {
  height: 242px;
  background: #eeeeee;
}
#main-column .athletes-list li .athlete-name {
  margin-top: 0px;
  padding: 3px;
  font-size: 14px;
  letter-spacing: 0.05em;
  background: #dddddd;
  color: #444444;
}
#document-wrapper {
  overflow: hidden;
}
#document-wrapper p:first-child {
  margin-top: 0;
}
#document-wrapper img {
  max-width: 100%;
  height: auto;
}
.subteams-navigation {
  margin: 8px 0 0;
}
.subteams a {
  float: left;
  margin: 0 10px 10px 0;
}
/* Athlete profile */

.teamathletes-athlete #main-column {
  width: auto;
  padding-right: 0;
  border-right: none;
}
.profile p {
  margin-top: 0;
}
.profile h1 {
  color: #ff6000;
  font-size: 35px;
}
.profile h1 span {
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
}
.profile h1 em {
  display: none;
}
.profile h2 {
  margin: 1.5em 0 0;
}
.profile h3 {
  margin-bottom: 1em;
}
.profile .left,
.profile .right {
  width: 568px;
  float: left;
}
.profile .left {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-right: 8px;
}
.profile .left .intro {
  margin-bottom: 10px;
}
.profile .left label {
  font-weight: bold;
  margin-bottom: 10px;
}
.profile .left h4 {
  margin-top: 10px;
}
.profile .athlete-gallery {
  margin-bottom: 20px;
}
.athlete-gallery[data-num-images=1] {
  /* 		height: 400px; */
  background: red;
}
.profile .athlete-gallery ul {
  display: block;
  margin-left: 0;
}
.profile .athlete-gallery li {
  /* 				display: inline-block; */
  display: block;
  float: left;
}
.profile .showcase {
  position: relative;
  width: 100%;
  height: 568px;
  overflow: hidden;
}
.profile .showcase:hover .big-arrow {
  display: inline-block;
}
.profile .showcase .big-arrow {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 45%;
  background-color: #ff6000;
  padding: 16px;
  color: white;
  z-index: 2;
}
.profile .showcase .big-arrow img {
  display: block;
}
.profile .showcase .big-arrow.back {
  left: 0px;
}
.profile .showcase .big-arrow.forward {
  right: 0px;
}
.profile .scrollable {
  width: 100%;
  height: 100%;
  /* 				position: absolute; */

}
.profile .scrollable li {
  width: 568px;
  height: 568px;
  display: table;
}
.profile .scrollable .athlete-image-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 0;
}
.profile .scrollable img {
  display: inline;
  width: auto;
  min-width: 100%;
  min-height: 100%;
}
/* Rounded corners mixin */
/* Ajax loader */

.ajax-loader {
  height: 24px;
  padding: 10px;
}
.ajax-loader span {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  display: block;
  background: url("../images/combo-ajax-loader.gif") no-repeat;
}
#selected-image-wrapper .ajax-loader {
  position: absolute;
  top: 45%;
  left: 50%;
  opacity: 0.6;
  background: black;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.content-combo #main {
  /* padding-top: 16px; */
  padding-bottom: 24px;
}
/*
 * Combo header
 */

#combo-header {
  border-bottom: 1px solid #cccccc;
  color: #222222;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
#combo-wrapper {
  float: left;
}
.combo-module-header {
  margin-bottom: 8px;
  background: none repeat scroll 0 0 #222222;
  color: white;
  line-height: 16px;
  font-size: 16px;
}
.combo-module-header .combo-module-select-wrapper {
  float: right;
}
.combo-module-header h4 {
  float: left;
  padding: 8px;
  font-weight: normal;
}
#selected-items-wrapper {
  float: right;
  width: 680px;
}
#selected-items-wrapper .combo-module-header {
  float: none;
  margin-bottom: 8px;
}
#selected-items-wrapper .combo-module-header h4 {
  float: none;
}
#selected-items-wrapper #selected-items-inner-wrapper {
  display: none;
  float: right;
}
#selected-items-wrapper #selected-image-wrapper {
  /* background: #d3f0fe; */
  display: none;
  float: left;
  position: relative;
  overflow: hidden;
  width: 476px;
  height: 476px;
  background: white;
}
#selected-items-wrapper #selected-image-wrapper .image-item {
  position: absolute;
  top: 0px;
  left: 0px;
}
#selected-items-wrapper #selected-image-wrapper .image-item img {
  width: auto;
  height: 100%;
}
#selected-items-wrapper #selected-products-info {
  width: 196px;
  margin-bottom: 8px;
}
#selected-items-wrapper #selected-products-info h4 {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: normal;
}
#selected-items-wrapper #selected-products-info .selected-part {
  padding: 8px 0px;
  border-bottom: 1px solid #222222;
}
#selected-items-wrapper #selected-products-info .selected-part .selected-name {
  float: left;
  margin-bottom: 8px;
}
#selected-items-wrapper #selected-products-info .selected-part .selected-price {
  float: right;
}
#selected-items-wrapper #selected-products-info .selected-part .selected-select {
  clear: both;
}
#selected-items-wrapper #selected-products-total-label {
  float: left;
  font-weight: bold;
}
#selected-items-wrapper #selected-products-total-value {
  float: right;
}
#selected-items-wrapper #goto-cart,
#selected-items-wrapper .add-to-cart {
  width: 196px;
}
#selected-items-wrapper .add-to-cart {
  margin-top: 24px;
  padding: 0;
  height: 54px;
}
#out-of-stock,
#choose-size-error,
#combo-out-of-stock {
  display: none;
  text-align: center;
  padding: 8px;
  margin-top: 8px;
  background: #ff6000;
  color: white;
}
/* Item lists */

#combo-helmets,
#combo-goggles {
  width: 376px;
}
.combo-items {
  margin: 0px -8px 0 0;
  padding: 0px;
}
.combo-items .combo-item {
  float: left;
  list-style: none;
  width: 88px;
  height: 88px;
  /* background-color: #d3f0fe; */
  margin: 0 8px 8px 0;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  background: white;
}
.combo-items .combo-item img {
  height: 100%;
}
.combo-items .combo-item select {
  display: none;
}
.combo-items:after {
  content: '';
  display: block;
  zoom: 1;
  clear: both;
  width: 0;
  height: 0;
}
/* Combo select boxes */

.content-combo .ui-selectmenu-icon {
  background-image: url("../images/select-menu-arrow-orange.png");
  height: 9px;
  position: absolute;
  right: 8px;
  top: 12px;
  width: 17px;
}
.content-combo a.ui-selectmenu.product-select {
  background: #ff6000 !important;
  color: white;
  border: 1px solid #ff6000;
  border-left: 1px solid white;
}
.content-combo a.ui-selectmenu.product-select span {
  color: white;
}
.content-combo a.ui-selectmenu.product-select.ui-state-active {
  border-bottom: 1px solid transparent;
}
.content-combo .ui-selectmenu-status {
  color: #222222;
  font-size: 16px;
  line-height: 18px;
}
.content-combo .ui-selectmenu-menu {
  border-top: 1px solid #888888;
}
.content-combo .ui-selectmenu-open li a {
  font-size: 16px;
}
.content-combo .ui-selectmenu-open li.ui-selectmenu-item-focus a {
  background: #ff6000;
}
.content-combo li.product-select {
  line-height: 60px;
  padding-left: 80px !important;
  vertical-align: middle;
}
.content-combo li.product-select:hover {
  background-color: #ff6000 !important;
}
.content-combo .combo-select li.product-select:hover a {
  color: white;
}
.content-combo #selected-items-inner-wrapper .ui-selectmenu {
  border: 1px solid #ff6000;
}
.content-combo #selected-items-inner-wrapper .ui-selectmenu-status {
  background-color: #ff6000;
  color: white;
}
/*!
 * fancyBox 2.0
 * Copyright 2011, Janis Skarnelis (www.fancyapps.com)
 * License: www.fancyapps.com/fancybox/#license
 *
*/

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: auto;
  visibility: hidden;
}
.fancybox-tmp iframe,
.fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1002;
}
.fancybox-outer {
  padding: 0 !important;
  margin: 0;
  background: #f9f9f9;
  color: #444444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 1003;
}
.fancybox-opened .fancybox-outer {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
  overflow: hidden;
}
.fancybox-error {
  color: #444444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 10px;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -21px;
  width: 42px;
  height: 42px;
  background: url('fancybox/fancybox_loading.gif');
  opacity: 0.9;
  cursor: pointer;
  z-index: 1010;
}
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('fancybox/fancybox_sprite.png');
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 1004;
}
.fancybox-prev,
.fancybox-next {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('fancybox/blank.gif');
  /* helps IE */
  z-index: 1003;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-prev span,
.fancybox-next span {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 1003;
}
.fancybox-prev span {
  background-position: 0 -36px;
}
.fancybox-next span {
  background-position: 0 -72px;
}
.fancybox-prev:hover,
.fancybox-next:hover {
  visibility: visible;
}
.fancybox-prev:hover span {
  left: 20px;
}
.fancybox-next:hover span {
  left: auto;
  right: 20px;
}
/* Overlay helper */

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 1001;
  background: black;
}
/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 1005;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 1003;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222222;
  color: white;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: white;
}
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  padding: 10px;
  background: black;
  background: rgba(0, 0, 0, 0.8);
}
.ie7 header #newsletter-wrapper {
  vertical-align: top;
  float: none;
  margin-left: 8px;
}
.ie7 #front-campaigns-column-wrapper {
  float: none;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-left: 8px;
  vertical-align: top;
}
.ie7 #front-campaigns-main-wrapper {
  vertical-align: top;
}
.ie7 #addthis div {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.ie7 #main #search-description div {
  float: none;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-left: 100px;
}
.ie7 #main #search-description h1 {
  line-height: 80px;
}
.ie7 #main #search-product-list .product-listing li:hover .search-product-price {
  height: 32px;
}
.ie7 #cart-wrapper #cart-header #cart-header-description {
  margin-left: 100px;
}
.ie7 .inner-content #orders.column {
  float: none;
}
.product-color-box {
  float: left;
  width: 12px;
  height: 12px;
  margin: 0px 4px 4px 0;
  cursor: pointer;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.product-color-box.selected-color {
  box-shadow: 0 1px 0 #888888;
}
.product-color-box.selected-colorz:after {
  /* 	border-color: #fff; */
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  float: right;
  background: red;
}
.product-color {
  float: left;
  height: 100%;
  background: transparent url('../images/poc-colors/unknown-color-full.png') no-repeat;
}
.full {
  width: 100%;
}
.half {
  width: 50%;
  background-image: url('../images/poc-colors/unknown-color-half.png');
}
.third {
  width: 33%;
  background-image: url('../images/poc-colors/unknown-color-third.png');
}
.quarter {
  width: 25%;
  background-image: url('../images/poc-colors/unknown-color-quarter.png');
}
.fifth {
  width: 20%;
  background-image: url('../images/poc-colors/unknown-color-fifth.png');
}
/* Color list */

#all-black .color-1 {
  background-image: none;
  background-color: #1a171b;
}
#aluminium .color-1 {
  background-image: none;
  background-color: #bcc1c3;
}
#beige .color-1 {
  background-image: none;
  background-color: #bcb597;
}
#black .color-1 {
  background-image: none;
  background-color: #1a171b;
}
#black-and-white .color-1 {
  background-image: none;
  background-color: #1a171b;
}
#black-and-white .color-2 {
  background-image: none;
  background-color: white;
}
#black_black .color-1 {
  background-image: none;
  background-color: #1a171b;
}
#black_black .color-2 {
  background-image: none;
  background-color: #1a171b;
}
#black_grey .color-1 {
  background-image: none;
  background-color: #1a171b;
}
#black_grey .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#black_red .color-1 {
  background-image: none;
  background-color: #1a171b;
}
#black_red .color-2 {
  background-image: none;
  background-color: #e52b38;
}
#black_white .color-1 {
  background-image: none;
  background-color: #1a171b;
}
#black_white .color-2 {
  background-image: none;
  background-color: white;
}
#blue .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue-jeans .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue_black .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue_black .color-2 {
  background-image: none;
  background-color: #1a171b;
}
#blue_blue .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue_blue .color-2 {
  background-image: none;
  background-color: #009cda;
}
#blue_light-blue .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue_light-blue .color-2 {
  background-image: none;
  background-color: #44aaee;
}
#blue_silvermirror .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue_silvermirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#blue_transparent_smokey-yellow .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue_transparent_smokey-yellow .color-2 {
  background-image: none;
  background-color: #ffed0c;
}
#blue_white .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue_white .color-2 {
  background-image: none;
  background-color: white;
}
#blue_yellow .color-1 {
  background-image: none;
  background-color: #009cda;
}
#blue_yellow .color-2 {
  background-image: none;
  background-color: #ffed0c;
}
#brown .color-1 {
  background-image: none;
  background-color: #8b4d1b;
}
#brown-photo_silver-mirror .color-1 {
  background-image: none;
  background-color: #8b4d1b;
}
#brown-photo_silver-mirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#brown_blue .color-1 {
  background-image: none;
  background-color: #8b4d1b;
}
#brown_blue .color-2 {
  background-image: none;
  background-color: #009cda;
}
#brown_light-green .color-1 {
  background-image: none;
  background-color: #8b4d1b;
}
#brown_light-green .color-2 {
  background-image: none;
  background-color: #acca57;
}
#brown_turquoise .color-1 {
  background-image: none;
  background-color: #8b4d1b;
}
#brown_turquoise .color-2 {
  background-image: none;
  background-color: #01b5dd;
}
#cerise .color-1 {
  background-image: none;
  background-color: #e03188;
}
#cerise-ltd .color-1 {
  background-image: none;
  background-color: #e03188;
}
#cerise_white .color-1 {
  background-image: none;
  background-color: #e03188;
}
#cerise_white .color-2 {
  background-image: none;
  background-color: white;
}
#champagne_silvermirror .color-1 {
  background-image: none;
  background-color: #dcd28e;
}
#champagne_silvermirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#clear_blue-mirror .color-1 {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#clear_gold-mirror .color-1 {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#clear_red-mirror .color-1 {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#clear_silver-mirror .color-1 {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#coral-blue .color-1 {
  background-image: none;
  background-color: #009cda;
}
#coral-blue_white .color-1 {
  background-image: none;
  background-color: #009cda;
}
#coral-blue_white .color-2 {
  background-image: none;
  background-color: white;
}
#dark-blue .color-1 {
  background-image: none;
  background-color: #002e54;
}
#dark-blue_dark-blue .color-1 {
  background-image: none;
  background-color: #002e54;
}
#dark-blue_dark-blue .color-2 {
  background-image: none;
  background-color: #002e54;
}
#dark-blue_white .color-1 {
  background-image: none;
  background-color: #002e54;
}
#dark-blue_white .color-2 {
  background-image: none;
  background-color: white;
}
#dark-green_light-green .color-1 {
  background-image: none;
  background-color: #25a345;
}
#dark-green_light-green .color-2 {
  background-image: none;
  background-color: #acca57;
}
#dark-grey_black .color-1 {
  background-image: none;
  background-color: #656565;
}
#dark-grey_black .color-2 {
  background-image: none;
  background-color: #1a171b;
}
#dark-red_orange .color-1 {
  background-image: none;
  background-color: #e52b38;
}
#dark-red_orange .color-2 {
  background-image: none;
  background-color: #eb6e07;
}
#denim .color-1 {
  background-image: none;
  background-color: #009cda;
}
#fluorescent-orange .color-1 {
  background-image: none;
  background-color: #f18e00;
}
#fluorescent-orange_white .color-1 {
  background-image: none;
  background-color: #f18e00;
}
#fluorescent-orange_white .color-2 {
  background-image: none;
  background-color: white;
}
#fluorescent-pink .color-1 {
  background-image: none;
  background-color: #f19fc1;
}
#fluorescent-yellow .color-1 {
  background-image: none;
  background-color: #ffff44;
}
#gold .color-1 {
  background-image: none;
  background-color: #ad9961;
}
#gold_white .color-1 {
  background-image: none;
  background-color: #ad9961;
}
#gold_white .color-2 {
  background-image: none;
  background-color: white;
}
#graphite-grey .color-1 {
  background-image: none;
  background-color: #656565;
}
#green .color-1 {
  background-image: none;
  background-color: #58ac25;
}
#green_blue .color-1 {
  background-image: none;
  background-color: #58ac25;
}
#green_blue .color-2 {
  background-image: none;
  background-color: #009cda;
}
#green_green .color-1 {
  background-image: none;
  background-color: #58ac25;
}
#green_green .color-2 {
  background-image: none;
  background-color: #58ac25;
}
#green_light-green .color-1 {
  background-image: none;
  background-color: #58ac25;
}
#green_light-green .color-2 {
  background-image: none;
  background-color: #acca57;
}
#green_pink .color-1 {
  background-image: none;
  background-color: #58ac25;
}
#green_pink .color-2 {
  background-image: none;
  background-color: #e53188;
}
#green_silvermirror .color-1 {
  background-image: none;
  background-color: #58ac25;
}
#green_silvermirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#green_white .color-1 {
  background-image: none;
  background-color: #58ac25;
}
#green_white .color-2 {
  background-image: none;
  background-color: white;
}
#grey .color-1 {
  background-image: none;
  background-color: #bcc1c3;
}
#ivory_orange .color-2 {
  background-image: none;
  background-color: #eb6e07;
}
#julia-blue .color-1 {
  background-image: none;
  background-color: #009cda;
}
#julia-blue_white .color-1 {
  background-image: none;
  background-color: #009cda;
}
#julia-blue_white .color-2 {
  background-image: none;
  background-color: white;
}
#light-blue .color-1 {
  background-image: none;
  background-color: #64c6e4;
}
#light-blue_light-blue .color-1 {
  background-image: none;
  background-color: #64c6e4;
}
#light-blue_light-blue .color-2 {
  background-image: none;
  background-color: #64c6e4;
}
#light-blue_orange .color-1 {
  background-image: none;
  background-color: #64c6e4;
}
#light-blue_orange .color-2 {
  background-image: none;
  background-color: #eb6e07;
}
#light-green .color-1 {
  background-image: none;
  background-color: #acca57;
}
#light-pink .color-1 {
  background-image: none;
  background-color: #f7cddf;
}
#light-pink_light-pink .color-1 {
  background-image: none;
  background-color: #f7cddf;
}
#light-pink_light-pink .color-2 {
  background-image: none;
  background-color: #f7cddf;
}
#neon-green .color-1 {
  background-image: none;
  background-color: #92bd0f;
}
#orange_orange .color-1 {
  background-image: none;
  background-color: #eb6e07;
}
#orange_orange .color-2 {
  background-image: none;
  background-color: #eb6e07;
}
#orange .color-1 {
  background-image: none;
  background-color: #eb6e07;
}
#orange_silver-mirror .color-1 {
  background-image: none;
  background-color: #eb6e07;
}
#orange_silver-mirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#orange_silvermirror .color-1 {
  background-image: none;
  background-color: #eb6e07;
}
#orange_silvermirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#orange_white .color-1 {
  background-image: none;
  background-color: #eb6e07;
}
#orange_white .color-2 {
  background-image: none;
  background-color: white;
}
#persimmon_gold-mirror .color-1 {
  background-image: none;
  background-color: #fe9d83;
}
#persimmon_gold-mirror .color-2 {
  background-image: none;
  background-color: #ad9961;
}
#persimmon_red-mirror .color-1 {
  background-image: none;
  background-color: #fe9d83;
}
#persimmon_silver-mirror .color-1 {
  background-image: none;
  background-color: #fe9d83;
}
#persimmon_silver-mirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#pink .color-1 {
  background-image: none;
  background-color: #e03188;
}
#pink_orange .color-1 {
  background-image: none;
  background-color: #e03188;
}
#pink_orange .color-2 {
  background-image: none;
  background-color: #eb6e07;
}
#pink_pink .color-1 {
  background-image: none;
  background-color: #e03188;
}
#pink_pink .color-2 {
  background-image: none;
  background-color: #e03188;
}
#pink_silver-mirror .color-1 {
  background-image: none;
  background-color: #e03188;
}
#pink_silver-mirror .color-2 {
  background-image: none;
  background-color: #e03188;
}
#pink_silvermirror .color-1 {
  background-image: none;
  background-color: #e03188;
}
#pink_silvermirror .color-2 {
  background-image: none;
  background-color: #e03188;
}
#pink_white .color-1 {
  background-image: none;
  background-color: #e03188;
}
#pink_white .color-2 {
  background-image: none;
  background-color: white;
}
#pink_yellow .color-1 {
  background-image: none;
  background-color: #e03188;
}
#pink_yellow .color-2 {
  background-image: none;
  background-color: #ffed0c;
}
#purple .color-1 {
  background-image: none;
  background-color: #662081;
}
#purple_white .color-1 {
  background-image: none;
  background-color: #662081;
}
#purple_white .color-2 {
  background-image: none;
  background-color: white;
}
#red .color-1 {
  background-image: none;
  background-color: #e52b38;
}
#red_white .color-1 {
  background-image: none;
  background-color: #e52b38;
}
#red_white .color-2 {
  background-image: none;
  background-color: white;
}
#shiny-black .color-1 {
  background-image: none;
  background-color: #1a171b;
}
#shiny-white .color-1 {
  background-image: none;
  background-color: white;
}
#silver .color-1 {
  background-image: none;
  background-color: #bcc1c3;
}
#silvergrey .color-1 {
  background-image: none;
  background-color: #bcc1c3;
}
#smokey-beige .color-1 {
  background-image: none;
  background-color: #bcb597;
}
#smokey-yellow .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#transparent .color-1 {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#transparent_frosted-coating .color-1 {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#transparent_red-mirror .color-1 {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#transparent_silver-mirror .color-1 {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#transparent_silver-mirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#turq_yellow_blue_green_cerise .color-1,
#multicolor .color-1 {
  background-image: none;
  background-color: #bcc1c3;
}
#turq_yellow_blue_green_cerise .color-2,
#multicolor .color-2 {
  background-image: none;
  background-color: #ffed0c;
}
#turq_yellow_blue_green_cerise .color-3,
#multicolor .color-3 {
  background-image: none;
  background-color: #009cda;
}
#turq_yellow_blue_green_cerise .color-4,
#multicolor .color-4 {
  background-image: none;
  background-color: #58ac25;
}
#turq_yellow_blue_green_cerise .color-5,
#multicolor .color-5 {
  background-image: none;
  background-color: #e03188;
}
#turquoise .color-1 {
  background-image: none;
  background-color: #01b5dd;
}
#white .color-1 {
  background-image: none;
  background-color: white;
}
#white_beige .color-1 {
  background-image: none;
  background-color: white;
}
#white_beige .color-2 {
  background-image: none;
  background-color: #bcb597;
}
#white_black .color-1 {
  background-image: none;
  background-color: white;
}
#white_black .color-2 {
  background-image: none;
  background-color: #1a171b;
}
#white_blue .color-1 {
  background-image: none;
  background-color: white;
}
#white_blue .color-2 {
  background-image: none;
  background-color: #009cda;
}
#white_gold .color-1 {
  background-image: none;
  background-color: white;
}
#white_gold .color-2 {
  background-image: none;
  background-color: #ad9961;
}
#white_green .color-1 {
  background-image: none;
  background-color: white;
}
#white_green .color-2 {
  background-image: none;
  background-color: #58ac25;
}
#white_grey .color-1 {
  background-image: none;
  background-color: white;
}
#white_grey .color-2 {
  background-image: none;
  background-color: #656565;
}
#white_orange .color-1 {
  background-image: none;
  background-color: white;
}
#white_orange .color-2 {
  background-image: none;
  background-color: #eb6e07;
}
#white_pink .color-1 {
  background-image: none;
  background-color: white;
}
#white_pink .color-2 {
  background-image: none;
  background-color: #e03188;
}
#white_purple .color-1 {
  background-image: none;
  background-color: white;
}
#white_purple .color-2 {
  background-image: none;
  background-color: #662081;
}
#white_white .color-1 {
  background-image: none;
  background-color: white;
}
#white_white .color-2 {
  background-image: none;
  background-color: white;
}
#white_yellow .color-1 {
  background-image: none;
  background-color: white;
}
#white_yellow .color-2 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow-ltd .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow_green-mirror .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow_green-mirror .color-2 {
  background-image: none;
  background-color: #92bd0f;
}
#yellow_pink .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow_pink .color-2 {
  background-image: none;
  background-color: #e03188;
}
#yellow_silver-mirror .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow_silver-mirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#yellow_silvermirror .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow_silvermirror .color-2 {
  background-image: none;
  background-color: #bcc1c3;
}
#yellow_white .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow_white .color-2 {
  background-image: none;
  background-color: white;
}
#yellow_yellow .color-1 {
  background-image: none;
  background-color: #ffed0c;
}
#yellow_yellow .color-2 {
  background-image: none;
  background-color: #ffed0c;
}
@media only screen and (max-width: 767px) {
  #main h1,
  #main h6 {
    margin-bottom: 8px;
    font-size: 35px;
    line-height: auto;
  }
  body {
    /* Prevents Mobile Safari from bumping up font sizes in landscape */
    -webkit-text-size-adjust: 100%;
  }
  .heading-wrapper h1 {
    margin-bottom: 25px;
  }
  .heading-wrapper .title,
  .heading-wrapper .content {
    width: 100%;
    float: none;
  }
  .heading-wrapper .title {
    margin-bottom: 25px;
  }
  #container {
    overflow-x: hidden;
    width: auto;
    width: 300px;
    margin: 0 auto;
  }
  #main #front-campaigns-top-wrapper .showcase {
    height: 136px;
  }
  #main #front-campaigns-top-wrapper img {
    width: 300px;
  }
  #main #front-campaigns-top-wrapper .video iframe {
    width: 300px !important;
    height: 169px !important;
  }
  #main #front-campaigns-wrapper #showcase {
    max-height: 209px;
  }
  #front-campaigns-main img {
    max-width: 300px;
    height: 209px;
  }
  #front-campaigns-column-wrapper {
    float: none;
  }
  .front-campaign-column-item img {
    max-width: 300px !important;
    max-height: 204px !important;
  }
  #main #front-product-list .product-listing {
    max-width: 300px;
    margin: 0px;
  }
  #main #front-product-list .product-listing li {
    width: 146px;
    height: 230px;
  }
  #main #front-product-list .product-listing li img {
    left: -45px;
  }
  #main #front-product-list .product-listing li:nth-child(2) {
    margin-right: 0px;
  }
  #main #front-product-list .product-listing li .search-product-name {
    width: 130px;
  }
  #front-campaigns-middle-wrapper .campaign {
    margin-bottom: 8px;
  }
  #front-campaigns-middle-column {
    width: auto;
  }
  #front-campaigns-bottom-wrapper .campaign img {
    width: 300px;
  }
  /* Header */
  
  #container header {
    text-align: center;
    height: auto;
    margin-bottom: 8px;
  }
  #container header h6 {
    display: block;
    margin: 0px;
  }
  #container header h6 a {
    display: inline-block;
  }
  #container header #navigation #mobile {
    display: block;
  }
  #container header #navigation ul {
    margin: 0px 0;
  }
  #container header #navigation ul li {
    padding: 4px 4px;
  }
  #container header #navigation ul li.poc-lab {
    border: 0;
  }
  #container header #newsletter-wrapper {
    display: none;
  }
  #container header #search-wrapper {
    float: none;
    margin: 8px 0px;
    display: inline-block;
  }
  #container header #search-wrapper #search {
    margin-left: 30px;
    margin-bottom: 4px;
    float: none;
  }
  #container header #search-wrapper input,
  #container header #search-wrapper .extra-nav {
    float: none;
    width: 120px;
    margin-right: 8px;
  }
  #container header #search-wrapper.active #search {
    margin-left: 0;
  }
  #container header #search-wrapper.active input {
    width: 200px;
  }
  #container header #search-wrapper .extra-nav {
    display: block;
    margin: 0 auto;
  }
  #container header #search-wrapper button {
    background: #ff6000;
    border: none;
    color: white;
    display: inline;
    line-height: 30px;
    vertical-align: middle;
    padding: 0px 22px;
  }
  /* Main */
  
  #main {
    border: 0px;
    padding: 0px;
  }
  /* Footer */
  
  footer {
    position: relative;
    max-width: 100%;
    margin-top: 30px;
    overflow: hidden;
  }
  footer .inner-content {
    width: 300px;
  }
  footer .top {
    margin-bottom: 0;
  }
  footer .top #footer-share-wrapper,
  footer .top #newsletter-wrapper {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 30px;
  }
  footer .top #newsletter-wrapper .input-row {
    width: 200px;
  }
  footer .content {
    padding-bottom: 20px;
  }
  footer .footer-list {
    float: left;
    width: 142px;
    margin: 0 10px 16px 0;
  }
  footer .footer-list:nth-child(2n) {
    margin-right: 0;
  }
  footer .footer-list .footer-doc-title {
    margin-bottom: 0px;
  }
  footer .footer-list li {
    display: block;
  }
  footer .footer-list li a {
    display: padding: 1px 0;
  }
  footer #footer-share-wrapper {
    float: left;
    width: 142px;
  }
  footer #footer-share-wrapper {
    margin-right: 0;
  }
  footer #copyright {
    margin-bottom: 8px;
  }
  footer #addthis {
    display: none;
  }
  footer #customer-wrapper {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  footer #footer-customer-service {
    clear: both;
    padding-top: 16px;
  }
  #notice-container {
    width: 300px;
    margin-left: -150px;
  }
  /* Mini cart */
  
  #cart-main-spacer {
    height: 32px;
    margin-bottom: 0px;
  }
  #mini-cart {
    text-align: center;
  }
  #mini-cart #mini-cart-main {
    /* 			float: left;  */
    max-width: 300px;
    width: 270px;
    padding: 0px;
  }
  #mini-cart #mini-cart-main .go-to-checkout {
    display: inline-block;
  }
  /* Search pages */
  
  #search-description {
    margin-bottom: 8px;
  }
  #search-cat-list {
    margin: 8px 0 16px;
  }
  .search-list .subnavigation {
    display: block;
  }
  .search-list .fancybox-wrap .fancybox-outer .fancybox-inner * {
    max-width: 200px;
  }
  .search-list .fancybox-wrap .fancybox-outer .fancybox-inner table {
    width: auto !important;
  }
  .search-list .fancybox-wrap .fancybox-close {
    background: url('../images/close_icon.png') 0px 4px no-repeat;
    top: 10px;
    right: 10px;
  }
  /* Subnavigation */
  
  .subnavigation {
    max-width: 298px;
  }
  .subnavigation li:nth-child(even) {
    margin-right: 0px;
    margin-bottom: 4px;
  }
  .subnavigation li a {
    width: 126px;
  }
  #main #related-products-wrapper .product-listing .product {
    height: auto;
  }
  /* Product listings / search results */
  
  .product-listing {
    margin-right: 0px;
  }
  .product-listing .product:nth-child(2n) {
    margin-right: 0;
  }
  .product-listing .product .product-relative-wrapper {
    display: block;
    width: 142px;
    height: 255px;
  }
  .product-listing .product .product-thumbnail {
    display: block;
    vertical-align: top;
  }
  .product-listing .product .product-thumbnail img {
    max-width: 142px;
    max-height: 142px;
  }
  .product-listing .product .product-colors {
    height: 32px;
    opacity: 1;
  }
  /* Campaigns */
  
  .product-campaign-item {
    max-width: 300px;
  }
  .product-campaign-item .product-campaign-name {
    margin-bottom: 0 !important;
  }
  /* Product page */
  
  #product-container {
    position: relative;
    margin-bottom: 8px;
  }
  #product-container #product-image {
    width: 300px;
    height: 300px;
    margin-bottom: 8px;
  }
  #product-container #product-image img {
    max-width: 260px;
    max-height: 260px;
    height: auto;
  }
  #product-container #product-thumbnails {
    margin-top: 0;
    width: 300px;
  }
  #product-container #product-thumbnails ul li {
    width: 69px;
    height: 69px;
    margin-bottom: 8px;
  }
  #product-container #product-thumbnails ul li .video-link {
    display: none;
  }
  #product-container #product-thumbnails ul li .mobile-video-link {
    display: block;
  }
  #product-container #product-thumbnails ul li:first-child + li + li + li {
    margin-right: 0;
  }
  #product-container #product-info {
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  #product-container #product-info #share-wrapper {
    position: static;
    margin: 8px 0 0;
    padding-left: 50px;
  }
  #product-container #product-tech-description {
    display: none;
  }
  #product-campaigns {
    margin-bottom: 0px;
  }
  #product-campaigns .product-campaign-item {
    margin-right: 0px;
    margin-bottom: 16px;
    max-width: 300px;
  }
  #product-campaigns .product-campaign-item .image-campaign {
    max-width: 100%;
  }
  #product-campaigns .product-campaign-item .image-campaign img {
    max-width: 100%;
  }
  #zoom-image-container {
    width: 268px;
    height: 268px;
  }
  #zoom-image-container #zoom-image-wrapper {
    background-color: #f3fafb;
    width: 100%;
    height: 100%;
    left: 0;
    margin-left: 0;
  }
  #zoom-image-container #zoom-image-wrapper img {
    width: 300px;
    height: auto;
    margin-top: 0;
  }
  /*
  	 * Combo
  	 */
  
  #combo-header {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
  #combo-wrapper,
  #selected-items-wrapper {
    width: 300px;
  }
  #combo-helmets,
  #combo-goggles {
    width: auto;
  }
  .combo-items {
    margin-right: -9px;
  }
  .combo-items .combo-item {
    width: 94px;
    margin-right: 9px;
  }
  #selected-items-wrapper #selected-image-wrapper {
    float: none;
    width: 300px;
    height: 300px;
  }
  #selected-items-inner-wrapper {
    float: none !important;
  }
  #selected-items-inner-wrapper #combo-add-to-cart .selected-part-wrapper {
    width: 100%;
  }
  #selected-items-inner-wrapper .add-to-cart,
  #selected-items-inner-wrapper #goto-cart {
    width: 298px;
  }
  /* Videos */
  
  .vimeo-player-mobile,
  .youtube-player-mobile {
    display: block;
  }
  .vimeo-player,
  .youtube-player {
    display: none;
  }
  /*
  	 * Store Locator
  	 */
  
  .content-storelocator #main h1 {
    font-size: 35px !important;
    line-height: 1.5em;
  }
  .content-storelocator .inner-content {
    overflow-x: scroll;
  }
  .store-locator-wrapper {
    margin: 8px 0;
  }
  .store-locator-wrapper #store-search-wrapper {
    float: none;
    margin: 0 0 8px;
  }
  .store-locator-wrapper #store-search-wrapper input {
    width: 284px;
    margin: 0;
    padding: 8px;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  .store-locator-wrapper #store-search-wrapper #store-search-hint {
    font-size: 12px;
  }
  #store-locator-table {
    width: 1000px;
  }
  #store-locator-table th,
  #store-locator-table td {
    padding: 0 4px 4px 0 !important;
    font-size: 12px;
  }
  #store-locator-table .store-url {
    word-break: none;
  }
  /*
  	 * Cart
  	 */
  
  #cart-wrapper {
    padding-bottom: 8px;
  }
  #cart-wrapper input {
    width: 254px;
  }
  #cart-wrapper #cart-footer {
    margin-top: 0;
  }
  #cart-wrapper #cart-footer #product-campaigns img {
    max-width: 100%;
    height: auto;
  }
  #cart-header {
    margin-bottom: 8px;
    padding: 0 8px;
  }
  #cart-header p {
    display: none;
    float: none;
    width: auto;
    font-size: 13px;
    line-height: 13px;
  }
  #cart-header h1 {
    margin-bottom: 0px;
    font-size: 35px;
    line-height: 1.5em;
  }
  #cart-column .cart-module {
    width: 266px;
    margin: 0 0 8px;
  }
  #cart-column .cart-module.white-module {
    width: auto;
  }
  #cart-column .cart-module.blue-module {
    width: 266px;
  }
  #cart-column .cart-module .cart-module-header {
    margin-bottom: 8px;
  }
  #cart-column #cart-summary-wrapper {
    margin-bottom: 32px;
  }
  #cart-column h3 {
    margin-bottom: 8px;
  }
  #cart-items .product-total-value {
    white-space: nowrap;
  }
  #cart-step-1-wrapper ul li {
    width: 80px;
    margin-right: 8px;
  }
  #cart-step-1-wrapper ul li:nth-child(3n) {
    margin-right: 0px;
  }
  #cart-step-2-wrapper .post-city input {
    width: 116px;
  }
  #cart-step-2-wrapper #process-order {
    width: 266px;
  }
  #order-process-container input {
    width: auto !important;
  }
  #cart-view-id-wrapper h1 {
    color: #ff6000;
    font-size: 35px !important;
    font-weight: normal;
    margin-bottom: 8px;
    padding: 0px;
    border-top: 1px solid #cccccc;
  }
  #cart-view-id-wrapper h1 br {
    display: none;
  }
  #cart-view-id-wrapper .cart-view-id-information {
    padding: 0px;
  }
  #cart-view-id-wrapper {
    padding-bottom: 16px;
  }
  .cart-view-id #cart-view-campaigns {
    display: none;
  }
  .customer-order #order-left-column {
    width: auto;
  }
  .customer-order #customer-order-wrapper {
    border: 0px;
    height: auto;
    padding: 0px;
  }
  .customer-order #customer-order-wrapper dl {
    float: none;
    margin: 0px !important;
  }
  .customer-order #customer-order-wrapper dl dd,
  .customer-order #customer-order-wrapper dl dt {
    float: none;
    display: inline-block;
  }
  .customer-order #order-contents {
    display: none;
  }
  #minified-order-summary {
    display: block !important;
    margin: 16px 0px;
  }
  #minified-order-summary #minified-order-contents {
    width: 268px !important;
  }
  #minified-order-summary #minified-order-contents thead td {
    font-weight: bold;
  }
  #minified-order-summary #minified-order-contents td.subtotal {
    text-align: right;
  }
  #minified-order-summary #minified-order-contents td.quantity {
    text-align: center;
  }
  #minified-order-summary #minified-order-contents tbody.totals .order-debited-total {
    display: none;
  }
  #minified-order-summary #minified-order-contents tbody.totals .order-total td {
    padding-top: 16px;
    color: #ff6000;
    font-size: 16px;
  }
  #minified-order-summary #minified-order-contents tbody.totals .order-total td.total {
    text-align: right;
    white-space: nowrap;
  }
  #container .inner-content .input-row input[type="text"],
  #container .inner-content .input-row input[type="password"] {
    width: 254px !important;
  }
  .customer-viewprofile #basic-info.column .input-row span#profile-emailaddress {
    width: 252px;
  }
  .customer-viewprofile #basic-info .ui-selectmenu {
    width: 262px !important;
  }
  .inner-content #orders {
    display: none;
  }
  .address-container {
    display: block !important;
  }
  #container .address-container .input-row span {
    width: 254px !important;
  }
  #container .address-container .remove-address {
    width: auto !important;
  }
  #container .inner-content #customer-address.column {
    width: auto !important;
    margin-right: 0px !important;
  }
  #container .inner-content .input-row.button-container button {
    width: 265px;
    margin-right: 10px;
  }
  .inner-content #minified-order-history {
    display: block !important;
    padding: 16px;
    padding-top: 0px;
  }
  .inner-content #minified-order-history h2 {
    color: #ff6000;
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 16px;
  }
  .inner-content #minified-order-history table {
    width: 268px;
  }
  .inner-content #minified-order-history table td.order-sum {
    text-align: right;
  }
  .inner-content #minified-order-history table td.order-date a {
    text-decoration: underline;
  }
  .customer-viewprofile #view-profile-wrapper ul.tabs {
    width: 264px;
  }
  .customer-viewprofile #view-profile-wrapper ul.tabs li {
    margin: 0px;
  }
  .customer-viewprofile #view-profile-wrapper ul.tabs li.last {
    margin-left: 16px;
  }
  .customer-viewprofile #view-profile-wrapper ul.tabs li a {
    font-size: 16px;
  }
  /* Content pages */
  
  #left-column {
    width: auto;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  #main-column {
    width: 300px;
    margin: 8px 0;
    padding: 0px;
    border: 0px;
  }
  #main-column img {
    max-width: 300px;
    height: auto;
  }
  #right-column {
    display: block;
    width: 300px;
    margin: 8px 0;
    padding: 8px 0 0;
    border-top: 1px solid #cccccc;
    display: none;
  }
  #content-view-campaigns {
    display: none;
  }
  /* Fancybox */
  
  .fancybox-wrap {
    height: auto !important;
    max-width: 268px !important;
  }
  .fancybox-wrap .fancybox-outer {
    width: 268px !important;
  }
  .fancybox-wrap .fancybox-inner {
    width: 268px !important;
  }
  .fancybox-wrap .fancybox-overlay {
    width: 100%;
  }
  .fancybox-wrap .fancybox-close {
    right: -15px;
    margin-left: 0;
  }
  .fancybox-wrap #cart-terms-wrapper {
    width: 204px !important;
  }
  #main-column .athletes-list {
    margin-right: -8px;
  }
  #main-column .athletes-list li {
    width: 146px !important;
  }
  #main-column .athletes-list li img {
    width: 100%;
    height: 192px;
    min-width: 0px;
    min-height: 0px;
  }
  #main-column .athletes-list li a.athlete-thumbnail-box {
    height: auto;
  }
  .teamathletes-athlete #main-column {
    width: 100%;
  }
  .teamathletes-athlete .profile .left {
    width: 100%;
  }
  .teamathletes-athlete .profile .right {
    width: 100%;
  }
  .teamathletes-athlete .profile .right .scrollable li {
    width: 300px !important;
    height: 300px;
  }
  .teamathletes-athlete .profile .right .scrollable li .athlete-image-wrapper img {
    width: 100%;
    height: 300px;
    min-width: 0px;
    min-height: 0px;
  }
  .teamathletes-athlete .profile .right .showcase .big-arrow {
    display: block;
  }
  .teamathletes-athlete .profile .right .product-listing {
    margin-right: -8px;
  }
  .teamathletes-athlete .profile .right .product-listing li {
    width: 146px !important;
  }
  .teamathletes-athlete .profile .right .product-listing li img {
    width: 100%;
    height: 192px;
    min-width: 0px;
    min-height: 0px;
  }
  .teamathletes-athlete .profile .right embed {
    width: 100%;
    height: auto;
  }
  .teamathletes-athlete .profile .right iframe {
    width: 100%;
    height: auto;
  }
  .teamathletes-athlete .profile .showcase {
    height: 300px;
  }
  /* uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
  	 j.mp/textsizeadjust */
  
  /* body { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/*------------------------------------------------*/
/* JP ONLY
--------------------------------------------------*/

a.btn-buy{
  display:block;
  background: #222222;
  color: white;
  font-family: 'NewsGothicFSBook';
  font-size: 18px;
  line-height: 1em;
  letter-spacing: 0.03em;
  height: 34px;
  padding: 6px;
  border: 1px solid #222222;
  cursor: pointer;
  box-sizing: border-box;
  outline: none;
  text-align: center;
  width: 300px;
}
a.btn-buy:hover{
  background-color: white !important;
  color: #222222 !important;
}
.price{
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
}



/* 20161003add */
#product-properties{
}
#product-color-name{
  position: absolute;
  top: 21px;
  font-weight: bold;
  z-index: 10;
}
#product-color-name:before{
  content: "selected color:";
  padding-right: 5px;
  font-weight: normal;
}

.photographer{
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
}
.photographer img{
width: 23px !important;
height: auto;
  }
.photographer span{
  position: absolute;
  right: 130%;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  width: 245px;
  padding-left: 10px;
  border-radius: 5px;
  display: none;
}
.photographer:hover span{
  display: block;
  }


/*20180409add top youtube*/
#front-bnr-wrapper{
  padding: 30px 0;
}

#front-bnr-wrapper ul li{
  position: relative;
}
#front-bnr-wrapper ul li .btn{
  position: absolute;
  bottom: 10px;
  width: 100%;
  display: inline-block;
  text-align: center;
}
#front-bnr-wrapper ul li .btn a{
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  padding: 2px 15px;
  transition:all ease .3s;
  background: rgba(0,0,0,.3);
}
#front-bnr-wrapper ul li .btn a:hover{
  background: #fff;
  color: #000;
}

#front-bnr-wrapper ul li img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;

}

#front-video-wrapper{
  padding: 30px 0;
}
#front-video-wrapper ul{

}
#front-video-wrapper li{
  margin-bottom: 15px;

}
#front-video-wrapper ul li .youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#front-video-wrapper ul li .youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


@media only screen and (min-width: 768px) {
  #front-video-wrapper ul{
      display: flex;
      justify-content: space-between;
  }
  #front-video-wrapper li{
    width: 32%;
    margin-bottom: 0px;

  }
  #front-bnr-wrapper ul li .btn{
    position: absolute;
    bottom: 290px;
    right: 110px;
    width: auto;
    display: inline-block;
    text-align: center;
  }
  #front-bnr-wrapper ul li .btn a{
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    width: 140px;
    text-align: center;
    font-size: 18px;
  }

}