/* Web fonts from fonts.com
-------------------------------------------------------------- */
@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=0b323282-29e3-4729-aaa2-93a7b59e505e");
@font-face {
	font-weight: 200;
	font-family: "Myriad Pro Semibold";
	src: url("../fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix");
	src: url("../fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix") format("eot"),url("../fonts/b984f4e8-e37d-4502-bead-ffd991e64d1f.woff") format("woff"),url("../fonts/82d18baa-8811-4aa8-9338-9bafa08350d0.ttf") format("truetype"),url("../fonts/20e14bb9-6aec-47a9-8ef8-5613bf1d6eae.svg#20e14bb9-6aec-47a9-8ef8-5613bf1d6eae") format("svg");
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "Myriad Pro Semibold";
	src: url("../fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix");
	src: url("../fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"),url("../fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"),url("../fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"),url("../fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg");
}
@font-face {
	font-weight: bold;
	font-style: normal;
	font-family: "Myriad Pro Semibold";
	src: url("../fonts/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix");
	src: url("../fonts/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix") format("eot"),url("../fonts/c22866d7-ca67-4170-a113-cae280eea669.woff") format("woff"),url("../fonts/19ce9ea9-076e-4dcd-91a1-454f4830f120.ttf") format("truetype"),url("../fonts/18915124-98e4-4245-9e10-b921e09a6704.svg#18915124-98e4-4245-9e10-b921e09a6704") format("svg");
}
@font-face {
	font-weight: normal;
	font-style: italic;
	font-family: "Myriad Pro Semibold";
	src: url("../fonts/b7dea71a-f8e7-42e0-b03b-ae1b0b6eb0cd.eot?#iefix");
	src: url("../fonts/b7dea71a-f8e7-42e0-b03b-ae1b0b6eb0cd.eot?#iefix") format("eot"),url("../fonts/7becdf28-cd45-4f8a-bcab-d8c861a8ebc5.woff") format("woff"),url("../fonts/b90a1a2e-a700-4528-aa00-535c93ecf8a9.ttf") format("truetype"),url("../fonts/85c745b1-d826-4e09-988f-82cd152fb0db.svg#85c745b1-d826-4e09-988f-82cd152fb0db") format("svg");
}

@media all {

/* RESET
 * Resets and basic typography and colors
================================================================================ */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
address,dl,fieldset,p,pre,ul,ol,table {
	margin:0 0 16px;
}
blockquote {
	padding:40px 80px 37px;
	background:url(/gui/i/quotes.png?embed) no-repeat;
	font-style:italic;
	font-size:26px;
	font-family:"Myriad Pro", Arial, sans-serif;
	line-height:1.3;
	text-align:center;
}
img {
	border:none;
}
html,body {
	background:#fff;
	color:#565656;
}
html {
	font-family: "Myriad Pro", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
}
/* Avoid line-height issues causes by default rendering of sub and sup elements */
sup,sub {
	position:relative;
	height:0;
	line-height:1;
	vertical-align:baseline;
}
sup {
	bottom:1ex;
}
sub {
	top:.5ex;
}
code,
kbd,
pre {
	font-family:Monaco, Courier, "Courier New", Tahoma;
}

/* Lists
-------------------------------------------------------------- */
ul,ol,dd {
    line-height: 30px;
}
td ul,td ol {
	margin-left:15px;
}
ol ul,ul ol,ul ul,ol ol,td ul,td ol {
	margin-bottom:0;
}
dt {
	font-weight:bold;
}

/* Tables
-------------------------------------------------------------- */
table {
	width:100%;
	margin-bottom:0;
	border-spacing:0;
	border-collapse:collapse;
	font-size:13px;
}
th,td {
	padding:10px 2px;
	color:#282828;
	vertical-align:top;
}
th:first-child,
td:first-child {
	padding-left:0;
}
th:last-child,
td:last-child {
	padding-right:0;
}
caption,th {
	color:#282828;
	font-weight:bold;
	text-align:left;
}
td {
	color:#767676;
}
caption {
	padding:10px 0 12px;
	font-size:14px;
	text-transform:uppercase;
}
tr {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
tr.grey-line,
.comparison tr.grey-line {
	border-bottom:1px solid #ddd;
}
.comparison caption {
	border-bottom:1px solid #ddd;
}
.comparison tr {
	border:none;
}
.comparison th,
.comparison td {
	width:25%;
}
.comparison ul {
	margin:0;
	list-style:none;
}
.comparison thead th {
	padding:10px 0 12px;
	border-bottom:1px solid #ddd;
	vertical-align:bottom;
	text-transform:uppercase;
}
.comparison thead th img {
	display:block;
	width:auto;
	max-width:none;
	margin:10px 10px 15px 0;
}
.comparison tfoot {
	text-transform:uppercase;
}
.comparison tfoot td {
	color:#e30040;
	font-size:22px;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
/*	margin:1em 0 0.2em;*/
	color:#282828;
	font-weight:normal;
	font-size:1em;
	font-family:"Myriad Pro Semibold", Arial, sans-serif;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
    font-weight: bold;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {
	margin-top:0;
}
h1 {
	font-size: 60px;
	line-height: 64px;
	padding: 0 0 32px 0;
}
h2 {
	font-size: 42px;
	line-height: 46px;
    padding: 0 0 18px 0;
}
h3 {
	font-size: 24px;
	line-height: 32px;
    padding: 0 0 8px 0;
}
h4 {
	font-size: 22px;
	line-height: 28px;
    padding: 0 0 6px 0;
}
h5,
h6 {
	font-size: 18px;
	line-height: 24px;
    padding: 0 0 4px 0;
}
.inline {
	display:inline;
	font:inherit;
}

/*Custom headings*/
.h1_60 {
	font-size: 60px;
	line-height: 64px;
	padding: 0 0 32px 0;
}
.h1_72 {
	font-size: 72px;
	line-height: 82px;
	padding: 0 0 46px 0;
}
.h1_84 {
	font-size: 84px;
	line-height: 96px;
	padding: 0 0 58px 0;
}
.h1_96 {
	font-size: 96px;
	line-height: 108px;
	padding: 0 0 66px 0;
}
.h1_104 {
	font-size: 104px;
	line-height: 118px;
	padding: 0 0 76px 0;
}

.h2_42 {
	font-size: 42px;
	line-height: 46px;
	padding: 0 0 18px 0;
}
.h2_52 {
	font-size: 52px;
	line-height: 56px;
	padding: 0 0 26px 0;
}
.h2_60 {
	font-size: 60px;
	line-height: 64px;
	padding: 0 0 32px 0;
}
.h2_72 {
	font-size: 72px;
	line-height: 82px;
	padding: 0 0 42px 0;
}
.h2_84 {
	font-size: 84px;
	line-height: 96px;
	padding: 0 0 58px 0;
}

	/* Links
-------------------------------------------------------------- */
a {
	color: #e30040;
	text-decoration: none;
}
a:visited {
	color:#e30040;
}
a:hover,
a:focus,
a:visited:hover,
a:visited:focus,
a:active {
	color:#282828;
}
b,strong {
	font-weight:bold;
}
i,em {
	font-style:italic;
}


/* COLUMNS
 * General grid layout
================================================================================ */
.row {
	margin-bottom:20px;
}
.row.cols-collapsed {
	margin-bottom:0;
}
.row.cols-collapsed[class] .col {
	margin: 0;
}
.col {
	float:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%; /* The default width of a column corresponds to the .full width */
	margin-left:2.448979591837%; /* 24 / 980 */
}
.col:first-child {
	margin-left:0; /* The first column should never have a left margin */
}
.cols-1 {
	width:100%;
}
.cols-2 > .col {
	width:48.775510204082%; /* 478 / 980 */
}
.cols-2.cols-collapsed .col {
	width:50%;
}
.cols-3 > .col {
	width:31.836734693878%; /* 312 / 980 */
}
.cols-3.cols-collapsed .col {
	width:33.3333333%;
}
.cols-3 > .col + .col {
	margin-left:2.244897959184%; /* 22 / 980 */
}
.cols-ratio-2-1 > .col-1,
.cols-ratio-1-2 > .col-2 {
	width:65.714285714286%; /* 644 / 980 */
}
.cols-4 > .col {
	width:23.163265306122%; /* 227 / 980 */
}
.cols-ratio-3-1 > .col-1 {
	width:74.387755102041%; /* 729 / 980 */
}
.cols-ratio-3-1 .row {
	margin-bottom:0;
}
.cols-ratio-3-1 > .col-1 .cols-3 > .col {
	width:31.138545953361%; /* 227 / 729 */
}
.cols-ratio-3-1 > .col-1 .cols-3 > .col + .col {
	margin-left:3.292181069959%; /* 24 / 729 */
}
.cols-5 > .col {
	width:18.367346938776%; /* 180 / 980 */
}
.cols-5 > .col + .col {
	margin-left:2.040816326531%; /* 20 / 980 */
}

/* Exceptions and special cases
-------------------------------------------------------------- */
.row.image {
	min-height:290px;
	background-repeat:no-repeat;
}
.teasers .row {
	margin-bottom:57px;
}
.section-page .teasers .row {
	margin-bottom:20px;
}

/* FORMS
================================================================================ */

/* Rows and columns
 * Based on the general grid system
-------------------------------------------------------------- */
form .col {
	clear:none !important;
	width:100% !important;
	margin:0;
	margin-left:0 !important;
	padding:0 5px;
}
form .col-1 {
	padding-left:0;
}
form .cols-1 > .col-1,
form .cols-2 > .col-2,
form .cols-3 > .col-3,
form .cols-4 > .col-4,
form .cols-5 > .col-5,
form .cols-6 > .col-6 {
	padding-right:0;
}
form .col.small {
	width:25% !important;
}
form .col.medium {
	width:50% !important;
}
form .col.large {
	width:75% !important;
}
form .col.hr,
form .col.full {
	width:100% !important;
	padding:0;
}
fieldset {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
form .row .submit-area {
	margin-top:1.5em; /* Matches line height of label */
}
form .cols-1 .submit-area {
	width:100%;
	margin:0;
	text-align:right;
}

/* Form layout
-------------------------------------------------------------- */
.form-general {
	margin:20px 0;
}
.form-general label {
	display:block;
}
.form-general .alt {
	display:inline-block;
	margin:0 12px 0 0;
}
.form-general fieldset {
	margin:0;
	padding:10px;
	border:1px solid #ddd;
}
/* Required field indicator */
label em {
	position:absolute;
	left:-9999px;
}
input[required],
textarea[required] {
	background-image:url(/gui/i/required.png?embed) !important;
	background-repeat:no-repeat !important;
	background-position:100% 0 !important;
	background-origin:content-box !important;
}
.disabled label {
	color:#999;
}

/* Form controls
-------------------------------------------------------------- */

/* Enable line-wrapping */
legend {
	display:table; /* IE8+ */
	color:#767676;
	white-space:normal; /* Other browsers */
}
/* Form element text */
input,button,textarea,select {
	font:inherit;
}
/* Reset search input look in webkit, making it possible to style it as a normal text input */
input[type="search"] {
	-webkit-appearance:none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display:none;
}
/* Reset extra padding on gecko buttons */
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	padding:0;
	border:0;
}
/* Placeholder styling for gecko */
input:-moz-placeholder,
textarea:-moz-placeholder {
	color:#888;
}
/* Placeholder styling for webkit */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color:#888;
}
/* Placeholder styling for browser without native support */
input.placeholder,
textarea.placeholder {
	color:#888;
}
button,
input,
select,
textarea,
.custom-select > span {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	margin:0;
	color:#333;
}
button,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
textarea {
	margin:0;
	padding:6px 8px;
	border:1px solid #ddd;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	background:#fff;
	color:#333;
	font:inherit;
	line-height:normal;
	-webkit-appearance:none;
}
button,
input[type="submit"] {
	width:auto !important;
}
input[type="search"] {
	padding:4px 15px 4px 5px;
	border:none;
}
textarea {
	height:120px;
}
.checkbox,
.radio {
	white-space:nowrap;
}
input[type="checkbox"],
input[type="radio"] {
	width:auto !important;
	vertical-align:middle;
}
.checkbox label,
.radio label {
	display:inline;
	margin-left:4px;
	vertical-align:middle;
	white-space:normal;
}
.alt label {
	display:inline;
	font-weight:normal;
}
.col.error {
	background:#fdd;
}
.text.error label,
.error legend {
	color:#600;
}

    /* Buttons and links that look like buttons
-------------------------------------------------------------- */
input[type="button"],
input[type="submit"],
button,
a.button,
a.button2,
a.button3 
{
	display: inline-block;
	width: auto;
	overflow: visible;
	margin: 0;
	border: 0;
    font-weight: normal;
	font-size: 18px;
	line-height: normal;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: bold;
	padding: 9px 25px 7px 25px;
	border-radius: 25px;
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus,
a.button:hover,
a.button:focus,
a.read-more:hover,
a.read-more:focus {
	background:#000;
	color:#fff;
}

/* Buttons that look like links */
button.link,
button.image {
	margin:0;
	padding:5px 0;
	border:0;
	background:transparent;
	color:inherit;
	cursor:pointer;
}
button.link span {
	text-decoration:underline;
}

/* Buttons that contain an img element */
button.image {
	padding:0;
}
button.image img {
	display:block;
}
/* Fieldset + legend without border */
.form-general fieldset.no-border {
	padding:0 9px;
	border:none;
}
.no-border legend {
	padding:0;
}

/* Custom select
-------------------------------------------------------------- */
/* Wrapper element to enable positioning */
.custom-select-container {position:relative;}
/*
 * Set the height of the select element to match the replacing span element
 * and make it transparent.
 */
select.replaced {
	position:relative;
	z-index:10;
	width:100%;
	padding:6px;
	border:0;
	font:inherit;
	line-height:normal;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-appearance:none;
}
/* The span elements that are inserted underneath the real select */
.custom-select {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
}
.custom-select > span {
	display:block;
	position:relative;
	z-index:10;
	width:100%;
	padding-right:25px;
	border:0;
	background:url(/gui/i/select-bg.png?embed) no-repeat 100% 50%;
}
.custom-select.active > span {
	outline:1px solid rgba(255, 255, 255, 0.5);
}
.custom-select.active > span > span {
	color:#fff;
}
.custom-select > span > span {
	display:block;
	overflow:hidden;
	padding:7px 0 7px 9px;
	color:#ccc;
	font:inherit;
	line-height:normal;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/* HR
-------------------------------------------------------------- */
hr {
	margin:35px 0 30px;
	border:none;
	border-top:5px solid #e5e5e5;
}
.expandable-area + hr {
	margin:0;
}

/* General product list
 * Used on product page and PSN page
-------------------------------------------------------------- */
.listing ul {
	overflow:visible;
	margin:0;
	list-style:none;
}
.listing li {
	float:left;
	margin:0 1.734693877551% 17px 0; /* 17 / 980 */
}
.cols-2 .listing li {
	margin-right:3.556485355649%; /* 17 / 478 */
}
.listing li a,
.listing li img {
	display:block;
}
.listing .caption {
	display:block;
	width:148px; /* Matches image width. */
	margin:5px 0 15px;
	color:#282828;
	font:bold 12px/1.5 Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
}
.listing li a:hover img + .caption,
.listing li a:focus img + .caption {
	color:#e30040;
}
.listing li a.youtube:hover img + .caption,
.listing li a.youtube:focus img + .caption {
	color:#fff;
}
.cols-1 .listing li:nth-child(6n+3) {
	margin-right:2.448979591837%; /* 24 / 980 */
}
/* No right margin for the last item on each row */
.cols-1 .listing li:nth-child(6n+6),
.cols-2 .listing li:nth-child(3n+3) {
	margin-right:0;
}
/* Make sure the first item on each row clears the previous row */
.cols-1 .listing li:nth-child(6n+1),
.cols-2 .listing li:nth-child(3n+1) {
	clear:left;
}


/* GLOBAL CLASSES
================================================================================ */
/* Clear floats
 * See http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
-------------------------------------------------------------- */
.cf:after {
	display:table;
	clear:both;
	content:"";
}

/* Structural elements
 * Not visible when CSS is enabled but visible for screen readers
-------------------------------------------------------------- */
.structural {
	position:absolute;
	left:-9999px;
}
.visually-hidden {
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden;
	clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip:rect(1px, 1px, 1px, 1px);
	padding:0 !important;
	border:0 !important;
}

/* Hidden elements
 * Hidden even for screen readers
-------------------------------------------------------------- */
.hidden {
	display:none;
	visibility:hidden;
}

/* Clear elements
 * Used by content editors in TinyMCE
-------------------------------------------------------------- */
.clear {
	clear:both;
}

/* Alignment classes
 * Used by content editors in TinyMCE
-------------------------------------------------------------- */
.left {
	float:left;
}
.right {
	float:right;
}

/* Nowrap
 * Prevent line breaking, used by content editors in TinyMCE
-------------------------------------------------------------- */
.nowrap {
	white-space:nowrap;
}

/* Zebra background.
-------------------------------------------------------------- */
.zebra tr.odd { /* For oldIE */
	background:#eee;
}
.zebra tbody tr:nth-child(even) { /* For modern browsers */
	background:#eee;
}

/* Scrollable tables
-------------------------------------------------------------- */
.scroll-table {
	position:relative;
	width:100%;
	overflow:hidden;
}
.scroll-table:after {
	position:absolute;
	top:0;
	left:100%;
	width:50px;
	height:100%;
	border-radius:15px 0 0 15px / 125px 0 0 125px;
	box-shadow:-6px 0 5px rgba(0, 0, 0, 0.32);
	content:'';
}
.scroll-table > .scroll-table-inner {
	width:100%;
	overflow:scroll;
	overflow-x:scroll;
	overflow-y:visible;
	margin:0 0 20px;
	padding:15px 0 0;
}


/* Images
-------------------------------------------------------------- */
.caption.left,
img.left,
img.left-dec {
	float:left;
	width:auto;
	margin:5px 10px 5px 0;
}
.caption.right,
img.right,
img.right-dec {
	float:right;
	width:auto;
	margin:5px 0 5px 10px;
}
img.fullwidth,
img.fullwidth-dec,
span.fullwidth img,
span.fullwidth-dec img {
	display:block;
	margin:3px 0 10px;
}
img.dec,
img.left-dec,
img.right-dec,
img.fullwidth-dec,
span.dec img,
span.left-dec img,
span.right-dec img,
span.fullwidth-dec img {
	padding:4px;
	border:1px solid #cfcfcf;
	background:#fff;
}
.caption,
.caption em {
	display:block;
}
.caption em {
	font-style:normal;
	font-size:13px;
	line-height:1.3;
}
.caption p,
.caption em {
	margin-bottom:0;
}
.caption sup {
	bottom:3px;
}
    /* END @media all */
}