/* Note: this file may use CSS 3 properties that currently may cause errors when run through the W3C CSS validator. */

/* Import resets and basic styling 
@import '/css/basic.css';
*/
@media all {
a:link {color:#000;}
a:visited {color:#000;}
a:link:hover,
a:focus,
a:active {color:#000;}
}

@media screen, projection {

/* LAYOUT
 * Common layout and specific layouts based on body layout classes
============================================================================================= */

#body {
	width:972px;
	margin:0 auto;
	padding:0;
}
#header {
	position:relative;
	margin:0 0 20px;
}
#footer {
	clear:both;
	padding:40px 0;
}
.layout-2 #content-primary,
#main {
	background:#fff;
	-webkit-box-shadow:0 0 6px #ccc;
	-moz-box-shadow:0 0 6px #ccc;
	box-shadow:0 0 6px #ccc;	
}

/* Layout-1
 * Regular content page
-------------------------------------------------------------- */

.layout-1 #content {
	float:right;
	width:729px;
}
.layout-1 #content-primary {
	float:left;
	width:466px;
}
.layout-1 .article {padding-right:10px;}
.layout-1 #content-secondary {
	float:right;
	width:243px;
	border-left:1px solid #ddd;
}
.layout-1 #nav-sub {
	float:left;
	width:243px;
	background:#000;
}
.layout-1 .heading {
	padding:16px 20px;
	background:#eee;
	border-bottom:1px solid #ddd;
}
.layout-1 .heading h1 {
	float:left;
	margin:0 20px 0 0;
}

/* Layout-1b
 * Content page with sub navigation, wider content area
 * and no right column
-------------------------------------------------------------- */
.layout-1b #content-primary {
	float: none;
	width: auto;
}
.layout-1b .article {padding-right:20px;}

/* Layout-2
 * Home page
-------------------------------------------------------------- */

.layout-2 #main {
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.layout-2 #content-primary {
	float:left;
	width:640px;
}
.layout-2 #content-secondary {
	float:right;
	width:311px;
	background:#fff;
	-webkit-box-shadow:0 0 6px #ccc;
	-moz-box-shadow:0 0 6px #ccc;
	box-shadow:0 0 6px #ccc;
}


/* Layout-3
 * Content page with sub navigation, wider content area
 * and no right column
-------------------------------------------------------------- */

.layout-3 #nav-sub {
	float:left;
	width:162px;
}
.layout-3 #content {
	float:right;
	width:810px;
	background:#fff;
}
.layout-3 #main {background:#f2f2f2 url(i/bg-navsub1.png) repeat-y 151px 0;}


/* Layout-4
 * Content page without sub navigation, with right column and
 * wider content area
-------------------------------------------------------------- */

.layout-4 #content-primary {
	float:left;
	width:68%;
}
.layout-4 #content-secondary {
	float:right;
	width:29%;
}


/* Layout-5
 * Full width content area, no sub navigation or right column
-------------------------------------------------------------- */

.layout-5 #content-primary {
	float:none;
	width:100%;
}


/* Login form
-------------------------------------------------------------- */

.login {text-align:center; padding:200px 0;}
.login #wrap {
	width:972px;
	text-align:left;
	background:#fff;
	border-top:4px solid #000;
	text-align:center;
	margin: 0 auto;	
}

.login #wrap-inner {
	text-align:left;
	width: 600px;
	margin: 20px auto;
}

.login #logo,
.login #logo img {float:none;}
.login #logo h1{font-weight:700;font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;}
.login .form-general-login {
	margin-left:50px;
	width:400px;15:01 2013-09-25
	
}
.login .form-general .form-content div {margin-left:0;}
.login .email{
	width:200px;
}
#top-login-logo{
	background:transparent url('t/HG_loggor_288x50.png') no-repeat left top;
	width:288px;
	height:50px;
}
#login-left-part{
	width:400px;
	float:left;
}
#login-right-image{
	background:transparent url('t/HG_brandpictures_138x281.png') no-repeat left top;
	width:138px;
	height:281px;
	float:left;
}
.login a, .login a:link, .login a:hover, .login a:visited{
	color:#000;
}

/* LAYOUT CLASSES
============================================================================================================================ */

/* System messages
-------------------------------------------------------------- */
.system-info {
	margin:1em 0;
	padding:0 12px;
	border:2px solid #225bb2;
}
.system-info h2,
.system-info h3 {
	margin:0 -12px;
	padding:2px 4px;
	color:#fff;
	background:#225bb2;
	font-size:1.1em;
}
.system-info p {margin:1em 0;}
/* Error message */
.error-message {border-color:#a9261a;}
.error-message h2,
.error-message h3 {
	color:#fff;
	background:#a9261a;
}
/* Confirmation */
.confirmation {border-color:#276600;}
.confirmation h2,
.confirmation h3 {
	color:#fff;
	background:#276600;
}


/* Read more-links
-------------------------------------------------------------- */

.read-more {text-align:right;}
.read-more a span {
	position:absolute;
	left:-9999px;
}


/* Paging
-------------------------------------------------------------- */
.paging {
	margin:0 0 2em;
	padding-top:20px;
	border-top:1px solid #eee;
}
.paging h2,
.paging h3 {margin:0 0 0.5em;}
.paging strong {
	float:left;
	padding:3px 0;
}
.paging a:link,
.paging a:visited,
.paging em {
	float:left;
	width:2em;
	margin:0 4px 5px 0;
	padding:0.3em 0;
	color:#fff;
	background:#000;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.paging a:hover,
.paging a:focus,
.paging a:active {
	color:#000;
	background:#ccc;
}
.paging em {
	color:#000;
	background:#fff;
	font-weight:bold;
	font-style:normal;
}
.paging span {
	position:absolute;
	left:-9999px;
}


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

.form-general {
	margin:20px 0;
	padding:10px;
	border:1px solid #ccc;
	border-width: 1px 0 2px;
	background:#eee;
}
.form-general-2 {margin-bottom:10px;}
.form-general label {
	display:block;
	margin:0 4px 0 0;
	font-weight:bold;
}
label strong {
	display:block;
	color:#900;
}
.disabled label {color:#999;}
label span,
label em {
	margin:0;
	color:#666;
	font-size:0.94em;
	font-weight:normal;
	font-style:normal;
}
input,
textarea {color:#333;}
/* 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;}
.form-general input,
.form-general select,
.form-general textarea {margin:0;}
.form-general .alt {
	display:inline;
	margin:0 12px 0 0;
}
.text,
.radio,
.checkbox,
.select {margin:0 0 6px;}
.text textarea {height:120px;}
input[type=submit] {width:auto !important;}
.form-general fieldset {
	margin:0;
	padding:5px 8px;
	border:1px solid #ddd;
}
input[disabled] {
	padding: 0;
	border: 0;
	color: inherit;
	background: transparent;
}
.mandatory input {background-color: #fee;}

/* Form columns
-------------------------------------------------------------- */
form .row {margin-bottom:10px;}
form .row .text {margin-bottom:0;}
.row .text input,
.row textarea,
.row fieldset {
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.row .text input,
.row textarea {width:100%;}
.col {
	float:left;
	width:50%; /* This should correspond to the chosen "standard" width, e.g. "medium" */
	padding:0 5px;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.col-1 {padding-left:0;}
/* Widths have 2% subtracted for column margins */
.row .small {width:25%;}
.row .medium {width:50%;}
.row .large {width:75%;}
.row .hr,
.row .full {
	padding:0;
	width:100%;
}
.row .submit-area {margin-top:1.5385em;}
.cols-1 .submit-area {
	margin:0;
	width:98%;
}
.checkbox,
.radio {white-space:nowrap;}
.checkbox input,
.radio input {
	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;
}
.text.error label,
.error legend {color:#900;}
button.link {
	margin:0;
	padding:5px 0;
	border:0;
	background:transparent;
	cursor:pointer;
}
button.link span {text-decoration:underline;}
/* Styled input button */
input.btn {
	 width:auto;
	 overflow:visible;
	 margin-left:2px;
	 padding:4px 12px;
	 border:2px solid;
	 -webkit-border-radius:7px;
	 -moz-border-radius:7px;
	 border-radius:7px;
	 font-size:1.08em;
	 text-align:center;
	 cursor:pointer;
}
input.btn-1 {
	 border-color:#c7d683;
	 color:#000;
	 background-color:#e6efc2;
	 text-shadow:1px 1px 0 #dfebb1;
}
input.btn-1:hover,
input.btn-1:focus {
	 -moz-box-shadow:0 0 2px #ccc;
	 -webkit-box-shadow:0 0 2px #ccc;
	 box-shadow:0 0 2px #ccc;
	 background-color:#eaeea3;
}
/* Fieldset + legend without border */
.form-general fieldset.no-border {
	padding:0 9px;
	border:none;
}
.no-border legend {padding:0;}
/* Datepicker (jQuery UI) */
.dates .text {
	 float:left;
	 margin-right:1em;
}
.dates .small {width:160px;}
.dates .small input {width:120px;}
.dates img {
	 margin-left:3px;
	 vertical-align:middle;
}
.ui-datepicker-trigger {
	margin-left: 4px;
	padding:0;
	border:none;
	background:transparent;
}

/* Previous/next paging
-------------------------------------------------------------- */
.prev-next {
text-align: right;
position:relative;
}

/* Edit actions
-------------------------------------------------------------- */
.actions.edit {text-align:right;}

/* Custom select
-------------------------------------------------------------- */
/* Setting the width and height of the SELECT element to match the replacing SPAN */
#filter-prods .select {position:relative;}
#filter-prods .js select.custom-select {
	position: relative;
	float: left;
	z-index: 10;
	width: 146px;
	min-height: 26px;
	line-height: 26px;
	margin: 0;
	font-size: 1em;
}
/* Dynamically created SPAN, placed below the SELECT */
#filter-prods .js span.custom-select {
	position: absolute;
	left: 0;
	width: 146px;
	min-height: 26px;
	margin: 0;
	overflow: hidden;
	background:#000 url(i/bg-filterselect.png) no-repeat 100% 50%;
	text-overflow: ellipsis;
	line-height: 26px;
	text-indent: 10px;
	z-index: 1;
	cursor: default;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#filter-prods .submit-area {
	float: left;
	width: auto;
}
#filter-prods .submit-area .submit {
	min-height: 26px;
	border: 1px solid #d9948b;
	margin: 0;
	padding: 0 10px 3px;
	overflow: visible;
	color: #000;
	background-color: #f1b3aa;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 1;
	cursor: pointer;
}
#filter-prods .submit:hover,
#filter-prods .submit:focus,
#filter-prods .submit:active {
	background-color: #a74039;
	border: 1px solid #862925;
	color: #fff;
}
#filter-prods span.current {
	text-decoration:underline;
}

/* FOOTER
============================================================================================================================ */

#footer .foot-h {
	background:url(i/dot-grey.png) repeat-x 0 50%;
}
#footer .foot-h h2 {
	float:left;
	margin:0;
	padding:0 20px;
	background:#fff;
	line-height:1;
}
#footer .foot-h p {
	float:right;
	margin:0;
	padding:0.4em 20px 0;
	background:#fff;
	color:#666;
	line-height:1;
}
#footer .vcard {padding-left:20px;}
#nav-brands {
	float:left;
	list-style:none;
	width:312px;
	margin:0 20px 0 0;
	padding:16px 0 0;
}
#nav-brands li {
	float:left;
	margin:0;
	padding:9px;
}
#nav-brands li.sel {
	background:#ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#nav-brands li a,
#nav-brands li img {
	display:block;
}


/* Logged in user info
============================================================================================================================ */
#user-bar {
	margin:0 0 30px;
	background:#fff;
	-webkit-box-shadow:0 0 6px #ccc;
	-moz-box-shadow:0 0 6px #ccc;
	box-shadow:0 0 6px #ccc;
}
#user-bar .wrap {
	width:972px;
	margin:0 auto;
}
#user-bar p {
	float:left;
	padding:8px 0;
	margin:0;
	color:#777;
}
#user-bar ul {
	list-style:none;
	margin:0;
	float:right;
	border-left:1px solid #ddd;
}
#user-bar ul li {
	float:left;
	margin:0;
}
#user-bar ul li a {
	display:block;
	padding:8px 10px;
	border-right:1px solid #ddd;
}
#user-bar ul li a:hover,
#user-bar ul li a:focus,
#user-bar ul li a:active {background:#eee;}
#user-bar ul li.logoff {
	margin-left:40px;
	border-left:1px solid #ddd;
}

/* MODULES
============================================================================================================================ */

.m {margin:0 0 20px;}
.m h2 {margin:0 0 8px;}
.m ul {
	list-style:none;
	margin:0;
	padding:0;
}
.m li {margin:0 0 16px;}
.m h3 {
	margin:0 0 3px;
	font-size:1.4em;
	line-height:1.3;
}
.layout-2 #content-secondary .m-h {
	background:#eee;
	padding:10px 20px;
}
.layout-2 #content-secondary .m-h h2 {
	margin:0;
	color:#000;
	font-size:1.4em;
}


/* Splash
-------------------------------------------------------------- */
#splash {
	position:relative;
	font-size:1.1em;
}
#splash .splash-roll {
	width:100%;
	overflow:hidden;
}
#splash .splash-wrap {
	width:6000px;
}
#splash .splash-m {
	float:left;
	width:952px;
	padding-left:20px;
}
#splash .splash-c {
	float:left;
	width:49%;
	padding:16px 0 55px;
}
#splash .splash-img {
	float:right;
	width:49%;
	overflow:hidden;
}
#splash .splash-img img {
	display:block;
}

#splash .dot-pager {
	position:absolute;
	bottom:20px;
	left:15px;
	padding:5px 0 5px 10px;
	background:#fff;
}
#splash .dot-lr {padding:5px 26px 5px 41px;}
#splash .dot-pager a {
	float:left;
	width:20px;
	height:20px;
	margin-right:15px;
	background:#ccc url(i/tiles-dotpager.png) no-repeat 50% -125px;
	text-indent:-9999px;
}
#splash .dot-pager a.sel {background:#000 url(i/tiles-dotpager.png) no-repeat 50% -101px;}
#splash .dot-pager a.next,
#splash .dot-pager a.prev {
	position:absolute;
	width:30px;
	background-color:transparent;
	background-image:url(i/tiles-dotpager.png);
	background-repeat:no-repeat;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#splash .dot-pager a.next {
	right:5px;
	margin:0;
	background-position:50% -50px;
}
#splash .dot-pager a.prev {
	left:5px;
	background-position:50% -2px;
}
#splash .dot-pager a.next:hover,
#splash .dot-pager a.next:focus {
	background-color:#dcdcdc;
	background-position:50% -74px;
}
#splash .dot-pager a.prev:hover,
#splash .dot-pager a.prev:focus {
	background-color:#dcdcdc;
	background-position:50% -26px;
}

/* Product listing
-------------------------------------------------------------- */
#m-products {padding:1px;}
#m-products .m-i {
	width:100%;
	overflow:hidden;
}
#m-products .m-i img {display:block;}
#m-products .m-i a {
	display:block;
	padding:10px;
}
#m-products .m-h,
#m-products .m-c {padding:19px;}
#m-products .m-c {padding:0 0 19px 19px;}
.layout-5 #m-products .m-c {padding:20px 0 19px 100px;}
#m-products .m-h h1,
#m-products .m-h h2 {margin:0;}
.row .product {
	float:left;
	width:177px;
	margin:0 20px 20px 0;
	text-decoration:none;
	text-align:center;
}
.row .product .p-i {
	position:relative;
	height:175px;
	background:#fff;
	border:1px solid #ddd;
}
.row .product .p-i img 
{     
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.row .product:hover .p-i,
.row .product:focus .p-i {border-color:#888;}
.row a.new .p-i {
	background:url(i/label-prodnew.png) no-repeat 100% 0;
}
.row .product h2 {
	margin:10px 0 0;
	font-size:1.3em;
}
.row .product span {
	display:block;
	padding-top:4px;
}
.row .product .more {margin-right:15px;}
.row .product .keywords {color:#666; margin-bottom:5px;}

/* Product presentation
-------------------------------------------------------------- */

.m-page .m-h {
	padding:15px;
	background:#000;
	color:#fff;
}
.m-page .m-h h1 {
	float:left;
	margin:0;
	padding:0 5px;
	color:#fff;
}
#m-product .m-h .action,
#m-press .m-h .action,
#m-comparison .m-h .action,
.zoom-js .m-h .action {float:right;}
.m-page .m-nav {background:#eee;}
.m-page .m-nav ul {
	list-style:none;
	margin:0;
	padding:0 20px;
}
.m-page .m-nav li {
	float:left;
	margin:0 10px 0 0;
}
.m-page .m-nav li a {
	display:block;
	padding:7px 10px;
	color:#000;
	text-decoration:none;
}
.m-page .m-nav li a:hover,
.m-page .m-nav li a:focus {background-color:#fff;}
.m-page .m-nav li.sel a {
	padding-top:12px;
	margin-top:-5px;
	background-color:#fff;
	color:#000;
	font-weight:bold;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.m-page .m-nav li.comments {
	float:right;
	margin:0;
}
.m-page .m-nav li.comments a {
	padding-left:26px;
	background-image:url(i/bullet-comment.png);
	background-repeat:no-repeat;
	background-position:8px 50%;
}
.m-page .m-nav li.comments span {
	color:#777;
	font-size:0.85em;
}
.m-page .m-c {
	padding:20px 20px 40px;
}
#m-product .m-h {margin-left:1px;}
#m-product .m-c .p-i {
	float:left;
	width:325px;
}
#m-product .m-c .p-i .action {
	font-size:1.3em;
}
#m-product .m-c .p-i .img,
#m-comparison .img {
	position:relative;
	padding:10px;
	border:1px solid #ddd;
	/*
	border-width:1px 1px 0;
*/
	text-align:center;
}
#m-comparison .img {
	border:none;
	padding:0;
}
#m-product .m-c .p-i .img img,
#m-comparison .img img {
	display:block;
	margin:0 auto;
}
#m-product .m-c .p-i .img a,
#m-comparison .img a,
.zoom-c .tools a {
	display:block;
	position:absolute;
	bottom:10px;
	height:35px;
	background-image:url(i/tiles-prodimg.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#m-product .m-c .p-i .img a.zoom,
#m-comparison .img a.zoom {
	right:10px;
	width:37px;
	background-position:-96px 0;
}
#m-product .m-c .p-i .img a.zoom:hover,
#m-product .m-c .p-i .img a.zoom:focus,
#m-comparison .img a.zoom:hover,
#m-comparison .img a.zoom:focus {background-position:-96px 100%;}
#m-product a.rotl,
.zoom-c a.rotl {
	left:10px;
	width:48px;
	background-position:0 0;
}
.zoom-c a.rotl {
	bottom:15px;
	left:15px;
}
#m-product a.rotl:hover,
#m-product a.rotl:focus,
.zoom-c a.rotl:hover,
.zoom-c a.rotl:focus {background-position:0 100%;}
#m-product a.rotr,
.zoom-c a.rotr {
	left:58px;
	width:48px;
	background-position:-48px 0;
}
.zoom-c a.rotr {
	bottom:15px;
	left:63px;
}
#m-product a.rotr:hover,
#m-product a.rotr:focus,
.zoom-c a.rotr:hover,
.zoom-c a.rotr:focus {background-position:-48px 100%;}
.zoom-c a.close {
	top:15px;
	right:15px;
	width:30px;
	background-position:-134px 0;
}
.zoom-c a.close:hover,
.zoom-c a.close:focus {background-position:-134px 100%;}
#m-product .m-c .p-i .nav {
	list-style:none;
	margin:0 0 20px;
	border:1px solid #000;
	border-right:1px solid #ddd;
	border-left:none;
}
#m-product .m-c .p-i .nav li {float:left;}
#m-product .m-c .p-i .nav li a {
	display:block;
	padding:7px 7px;
	color:#000;
	text-decoration:none;
	border-left:1px solid #ddd;
}
#m-product .m-c .p-i .nav li a:hover,
#m-product .m-c .p-i .nav li a:focus {
	color:#000;
	background:#eee;
}
#m-product .m-c .p-i .nav li.dropdown a {
	padding-right:28px;
	background:url(i/tiles-arrow.png) no-repeat 100% 11px;
}
#m-product .m-c .p-i .nav li.dropdown a:hover,
#m-product .m-c .p-i .nav li.dropdown a:focus,
#m-product .m-c .p-i .nav li.ddsel .ddnofol {
	background:#eee url(i/tiles-arrow.png) no-repeat 100% -26px;
}
#m-product .m-c .p-i .nav li.dropdown {position:relative;}
#m-product .m-c .p-i .nav li.dropdown ul a {border:none;}
#m-product .mealink {
	display:block;
	padding:7px 5px;
}
#m-product #measurements ul,
#p-measurements ul {list-style:none;}
#p-measurements {padding:10px 0;}
#m-product #compareit .drop-down,
#compareit .drop-down {
	display:none;
	background:#fff;
	border:1px solid #ddd;
	z-index:99;	
}
#compareit .ddcompare {
	position:absolute;
	left:0;
	padding:10px;
}
#compareit .loading {background:url(i/ajax-loader.gif) no-repeat 5px 5px;}

#compareit .ddcompare ul {
	list-style:none;
	margin:0 0 10px;
	min-width:400px;
	border:none;
}
#compareit .ddcompare li {
	position:relative;
	float:left;
	margin:0;
	text-align:center;
}
 #compareit .ddcompare li a,
#m-product #compareit .ddcompare li a {
	padding:105px 5px 5px 5px;
	width:120px;
	border:none;
	background:#fff;
	color:#000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#compareit .ddcompare li a img {
	display:block;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-45px;
	border:1px solid #ddd;
}
#compareit .ddcompare li a:hover,
#compareit .ddcompare li a:focus,
#m-product #compareit .ddcompare li a:hover,
#m-product #compareit .ddcompare li a:focus {background:#eee;}
#m-product #compareit a.action {float:left;}
#compareit .ddcompare li a.sel,
#m-product #compareit .ddcompare li a.sel {
	background:#000;
	color:#fff;
}

#m-product .m-c .p-c {
	float:right;
	width:420px;
}
#m-product .m-c .p-c ul {
	margin-left:20px;
}
#m-product .m-c .p-c li {margin-bottom:8px;}
#m-product .m-c .p-c .p-t {margin-top:0;}
#m-product .m-c .p-c .price {
	float:right;
	margin:0 0 20px 20px;
	padding:8px;
	background:#eee;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#m-product .m-c .p-c .price h2 {
	margin:0;
	font:0.94em/1 Arial, Helvetica, sans-serif;
}
#m-product .m-c .p-c .price p {
	margin:0;
	font-weight:bold;
	font-size:3em;
	line-height:1;
}

#m-product .m-c .p-c .p-data {padding-top:20px;}
#m-product .m-c .p-c .p-data table,
#m-product .m-c .p-c .p-data th,
#m-product .m-c .p-c .p-data td,
#m-product .m-c .p-c .p-data tr {
	margin:0;
	border:none;
}
#m-product .m-c .p-c .p-data th {
	color:#000;
	background:#fff;
	border-bottom:1px solid #000;
}
#m-product .m-c .p-c .p-data th,
#m-product .m-c .p-c .p-data td {
	padding:7px 5px;
}
#m-product .m-c .p-c .p-data .tab {
	margin-bottom:20px;
	border-bottom:1px solid #000;
}
#p-models {
	width:100%;
	overflow:auto;
}
#m-product .m-c .tab-nav,
#m-subscribe .nav {
	list-style:none;
	margin:0;
	border-bottom:1px solid #000;
}
#m-product .m-c .tab-nav li,
#m-subscribe .nav li {
	float:left;
	margin:0 5px -1px 0;
}
#m-product .m-c .tab-nav li a,
#m-subscribe .nav li a {
	display:block;
	padding:8px 12px;
	text-decoration:none;
}
#m-product .m-c .tab-nav li.sel a,
#m-subscribe .nav li.sel a {
	color:#000;
	background:#fff;
	border:1px solid #000;
	border-width:1px 1px 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-weight:bold;
}
#m-product table .qty input {width:2em;}
#m-product .p-data .submit input {font-size:1.2em;}
#m-product table .model {white-space:nowrap;}
#m-product .addcart {clear:both;}
#m-product .addcart th,
#m-product .addcart td {
	vertical-align:middle;
	padding:3px 4px;
	font-size:0.9em;
}
#m-product .addcart .result,
#m-product .product-matrix {
	padding:10px;
	background:#eee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#m-product #prod-matrix {padding-top:20px; clear:both;}
#m-product .product-matrix {clear:both;}
#m-product .addcart table .desc {
	display:block;
	font-size:0.85em;
	color:#777;
}
#m-product .addcart table button.action {
	padding-left:6px;
	padding-right:6px;
	font-size:1.2em;
	line-height:normal;
}
#m-product .addcart table button.cart {
	padding:1px;
	background:none;
	border:none;
	cursor: pointer;
}
#m-product .addcart table button.action img {vertical-align:text-bottom;}
#m-product .product-matrix td,
#m-product .addcart .result td {background:#fff;}
#m-product .addcart .sizes {padding:15px 0 0;}
#m-product .addcart .sizes label {font-weight:bold; padding-right:20px;}
#m-product .addcart td.submit {min-width:70px;}
#m-product #comments form {
	float:left;
	width:365px;
}
#m-product #comments label,
#askus label {
	display:block;
	font-size:0.95em;
}
#m-product #comments label span,
#askus label span {font-size:0.9em;}
#m-product #comments .text,
#askus .text {margin:0 0 12px;}
#m-product #comments .medium input,
#askus .medium input {width:260px;}
#m-product #comments textarea,
#askus textarea {width:364px;}
#m-product #comments .comment-list {
	float:right;
	width:545px;
	border-left:1px solid #eee;
}
#m-product #comments .comment-list h2,
#m-product #comments .comment-list ul {margin-left:20px;}
#m-product #comments .comment-list ul {list-style:none;}
#m-product #comments .comment-list h3 {
	margin:0 0 4px;
	font:1em Arial, Helvetica, sans-serif;
	color:#666;
}
#m-product #comments .comment-list li {
	margin:0;
	padding:6px 0;
}
#m-product #comments .comment-list p {margin-left:20px;}
#m-product #comments .comment-list li p {
	margin-left:0;
	font-size:0.94em;
}
#m-product .article {padding:10px;}
#m-product .article h2 {clear:both;}

#m-product #p-files ul {
	list-style:none;
	margin:0;
	padding:10px 0;
}
#m-product #p-files li {
	float:left;
	width:31%;
	margin-left:1%;
}
#m-product #p-files li a {
	display:block;
	text-decoration:none;
}
#m-product #p-files li a span {
	display:block;
	padding:0;
}
.m-page .cart-btn {
	float:right;
}
.m-page .m-h span.artno {
	float:right;
	padding:10px 15px 0;
	text-align:center;
}
#m-product .model-selector {
	margin-top:20px;
	padding:10px;
	background:#eee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#m-product .model-selector label {font-weight:bold;}
#m-product .model-selector h3 {margin-top:0;}
#m-product .model-selector .sizes {margin-bottom:15px;}
#m-product .model-selector .colors {padding-top:0;}
#m-product .addcart {padding-top:20px;}
#m-product .addcart .tab-nav {margin-bottom:1px;}

a.fav-link,
a.fav-link:visited {
	display:block;
	margin-top:10px;
	padding:3px 0 3px 22px;
	color:#fff;
	background:url(i/icn-fav.png) no-repeat 0 50%;
	position:absolute;
	top:0;
	right:30px;
}
a.fav-link:hover,
a.fav-link:focus,
a.fav-link:active {color:#fff;}
#m-product .product-matrix table,
#m-product .product-matrix td,
#m-product .product-matrix tr,
#m-product .product-matrix th {border:none;}
#m-product .product-matrix table {
	border:1px solid #ccc;
	border-width:1px 0;
}
#m-product .product-matrix .matrix-table {
	clear:both;
	padding-top:10px;
}
#m-product .product-matrix td,
#m-product .product-matrix th {
	padding:5px;
	vertical-align:middle;
	border-right:1px solid #ccc;
}
#m-product .product-matrix thead th {
	color:#000;
	background:#ddd;
	font-weight:normal;
}
#m-product .product-matrix thead .colh {
	background:#eee;
	border-bottom:1px solid #ccc;
}
#m-product .product-matrix thead img {display:block;}
#m-product .product-matrix .action {font-size:1.3em;}
#m-product .product-matrix .action-cart {float:right;}

#m-product .laundry {
	float:right;
	margin-top:30px;
	padding:5px;
	text-align:right;
	border:1px solid #555;
}
#m-product .laundry img {
	margin:5px;
	vertical-align:middle;
}

/* Product zoom */
.zoom-c {
	position:relative;
	height:500px;
}
.zoom-c .zoom-i {
	position:relative;
	height:435px;
	margin-right:60px;
	overflow:auto;
}
.zoom-js .zoom-i {
	width:100%;
	height:500px;
	margin-right:0;
	overflow:hidden;
	cursor:move;
}
.colors ul {
	display:inline;
	list-style:none;
	margin:0;
}
.colors li {
	display:inline;
	margin-left:5px;
}
.colors li.sel img {
	border:3px solid #999;
}
.colors li img {vertical-align:middle;}
.symbols {padding-top:20px;}
.p-i .colors {padding:20px 0;}
.zoom-c .colors {
	position:absolute;
	bottom:15px;
	right:15px;
}
#m-product .feats {
	padding:20px;
	border-top:1px solid #ddd;
}
.zoom-c .feat {
	position:absolute;
	padding-left:17px;
	background:url(i/portal/feat-arrow.png) no-repeat 0 50%;
}
.zoom-c .feat a {
	display:block;
	padding:5px 8px;
	background:#fff;
	border:2px solid #000;
	border-width:2px 2px 2px 0;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.zoom-c .feat a.sel {
	color:#000;
	padding-right:27px;
	background:#fff url(i/icn-miniclose.png) no-repeat 100% 50%;
	font-weight:bold;
	text-decoration:none;
}
.zoom-js .feats {
	padding:0;
	border:none;
}
.zoom-js .feats h2,
.zoom-js .feats .feat-i,
.zoom-js .feat-i h3 {
	display:none;
}
.js-darken {
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
}
.js-darken img {margin:20px 0 0 20px;}
.zoom-js {
	position:absolute;
	left:50%;
	margin-left:-486px;
	width:972px;
	background:#fff;
}
.zoom-js .feat-i {
	position:absolute;
	top:80px;
	left:10px;
	width:220px;
	padding:10px;
	background:url(i/bg-ftrans.png);
}

/* Product comparison
-------------------------------------------------------------- */
.h-small h1 {
	font-size:2em;
}
#m-comparison h1 span {color:#aaa;}
#m-comparison .m-c {padding:0;}
#m-comparison table,
#m-comparison th,
#m-comparison td {border:1px solid #ddd;}
#m-comparison thead th {
	padding:0;
	background:#fff;
	font-weight:normal;
	vertical-align:middle;
}
#m-comparison thead th span {
	display:block;
	position:relative;
	margin:0;
	padding:10px 0;
	color:#000;
	background:#eee;
	text-align:center;
	font-size:1.4em;
	font-family:'FranklinGothicMediumFS', Arial, sans-serif;
}
#m-comparison tbody th,
#m-comparison tbody td {padding:10px;}
#m-comparison tbody th {
	width:223px;
	background:#eee;
	text-transform:uppercase;
}
#m-comparison tbody img {margin-right:10px;}
#m-comparison tbody .yes,
#m-comparison tbody .no {
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
#m-comparison tbody .yes span {
	padding:3px 10px;
	color:#fff;
	background:#ee2d24;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#m-comparison #compareit {position:relative;}
#m-comparison #compareit a.ddnofol {
	display:block;
	padding:10px 10px 10px 20px;
	background-image:url(i/tiles-arrow.png);
	background-repeat:no-repeat;
	background-position:100% 14px;
}
#m-comparison #compareit a.ddnofol:hover,
#m-comparison #compareit a.ddnofol:focus {background-position:100% -23px;}
#m-comparison #compareit a {display:block;}
#m-comparison #compareit a.action {float:left;}
#m-comparison a.close {
	display:block;
	position:absolute;
	top:12px;
	right:8px;
	width:20px;
	height:20px;
	background:url(i/btn-close.png) no-repeat;
	text-indent:-9999px;
}

/* Find Store
-------------------------------------------------------------- */

#m-findstore .m-c {
	padding:1px;
}
#m-findstore #store-search {
	float:right;
}
#m-findstore #fs-map {
	position:relative;
	float:left;
	width:646px;
	height:640px;
	background:#ddd;
}
#m-findstore #fs-map .map {
	width:646px;
	height:640px;
}
#m-findstore #fs-list {
	float:right;
	width:323px;
	height:640px;
	background:url(i/shade-rightlist.png) repeat-y;
	overflow-y:auto;
}
#m-findstore #fs-list ul {
	list-style:none;
	margin:0;
}
#m-findstore #fs-list li {
	margin:0;
	padding:12px 15px;
	border-bottom:1px solid #dbdbdb;
}
#m-findstore #fs-list li a,
#m-findstore #fs-list li a:visited {color:#000;}
#m-findstore #fs-list li.sel {
	color:#fff;
	background:#ee2d24;
}
#m-findstore #fs-list li.sel a,
#m-findstore #fs-list li.sel a:visited {
	color:#fff;
	text-decoration:none;
}
#m-findstore #fs-list h2 {
	margin:0;
	padding:3px 7px;
	color:#fff;
	background:#686868 url(i/grad-btngrey.png) repeat-x;
	border-bottom:1px solid #000;
	font-size:1.2em;
}
#m-findstore #fs-list h2 a,
#m-findstore #fs-list h2 a:visited {
	color:#fff;
	text-decoration:none;
}
#m-findstore #fs-list h3 {
	margin:0;
	font-size:1.4em;
}
#m-findstore #fs-list address {
	margin:0;
	font-style:normal;
}
#m-findstore #fs-list address span {
	display:block;
	margin-top:5px;
}
#m-findstore .coords {display:none;}
#m-findstore #fs-list .num,
#m-findstore #fs-list .info,
#m-findstore #fs-list .contact {display:none;}

/* Contact page */
.m-contact .m-c .heading {
	clear:both;
	margin:0 0 1px;
	padding:12px 20px;
	background:#eee;
	border:1px solid #ccc;
	border-width:1px 0;
}
.m-contact .m-c .vcard {
	float:left;
	width:43%;
	margin:20px;
	padding:20px;
	background:#eee;
	border:1px solid #ddd;
}
.m-contact .m-c .vcard .col {
	width:49%;
	margin:0;
	padding:0;
}
.m-contact .m-c .vcard .col-2 {float:right;}
.m-contact .m-c .vcard .adr,
.m-contact .m-c .vcard .tel,
.m-contact .m-c .vcard div.email {margin-bottom:20px;}
.m-contact .m-c .vcard strong {display:block;}
.m-contact .m-c #follow {
	float:right;
	width:43%;
	margin:20px;
	padding:40px 0 0;
	text-align:center;
}
.m-contact .m-c #follow ul {
	list-style:none;
	margin:0;
}
.m-contact .m-c #follow li {
	float:left;
	margin:10px 12px;
}
.m-contact .m-c #follow img {
	display:block;
	margin-bottom:10px;
}
.m-contact .m-c #asklink {font-weight:bold;}

/* Map breadcrumbs */
#fs-map .breadcrumbs {
	margin:5px 0 0 7px;
	padding-right:6px;
	background:url(i/map-breadcrumbs-background.png) no-repeat 100% 50%;
}
#fs-map .breadcrumbs a,
#fs-map .breadcrumbs span {
	float:left;
	padding:7px 7px 6px 13px;
	color:#fff;
	border:0;
	background:url(i/map-breadcrumbs-background.png) no-repeat -179px 50%;
}
#fs-map .breadcrumbs span {font-weight:bold;}
#fs-map .breadcrumbs a {text-decoration:underline;}
#fs-map .breadcrumbs .world {background-position:0 50%;}
/* Zoom tool */
#fs-map .zoom-tool {
	margin:13px 0 0 7px;
	width:30px;
	height:58px;
}
#fs-map .zoom-tool a {
	display:block;
	width:30px;
	height:29px;
	border:0;
	background:url(i/map-zoom-tool.png) no-repeat 0 0;
	text-indent:-9999px;
	outline:0;
}
#fs-map .zoom-tool a.zoom-in:hover {background-position:-30px 0;}
#fs-map .zoom-tool a.zoom-in:active {background-position:-60px 0;}
#fs-map .zoom-tool a.zoom-in-disabled,
#fs-map .zoom-tool a.zoom-in-disabled:hover,
#fs-map .zoom-tool a.zoom-in-disabled:active {background-position:-90px 0;}
#fs-map .zoom-tool a.zoom-out {background-position:0 100%;}
#fs-map .zoom-tool a.zoom-out:hover {background-position:-30px 100%;}
#fs-map .zoom-tool a.zoom-out:active {background-position:-60px 100%;}
#fs-map .zoom-tool a.zoom-out-disabled,
#fs-map .zoom-tool a.zoom-out-disabled:hover,
#fs-map .zoom-tool a.zoom-out-disabled:active {background-position:-90px 100%;}
/* Markers */
#fs-map .textmarker,
#fs-map .textmarker span,
#fs-map .textmarker a {
	background:url(i/map-marker-wide.png) no-repeat 0 0;
	color:#fff;
}
#fs-map .textmarker {
	position:absolute;
	background-position:0 0;
	white-space:nowrap;
}
#fs-map .textmarker span {
	display:block;
	background-position:100% 0;
}
#fs-map .textmarker a {
	display:block;
	margin:0 6px 0 6px;
	padding:6px 4px 16px;
	border:0;
	background-position:50% 0;
	line-height:20px;
	font-weight:bold;
	text-decoration:underline;
}
#fs-map .textmarker-locked,
#fs-map .textmarker-locked span,
#fs-map .textmarker-locked a {
	color:#fff;
	background-image:url(i/map-marker-wide.png);
}

#fs-map .office-info-window .alert {
	padding:0 0 0 34px;
	background:url(i/icn-info.png) no-repeat 0 50%;
	font-size:0.8em;
}
#fs-map .office-info-window .sell {
	float:right;
	margin-left:10px;
}
#fs-map .office-info-window .sell img {
	width:85px;
	margin:8px 0;
	display:block;
}
#fs-map .textmarker-locked a {text-decoration:none;}
/* Office markers */
#fs-map .officemarker {position:absolute;}
#fs-map .officemarker a {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
#fs-map .office-info-window h2 {margin:0;}
#fs-map .office-info-window .address {margin-bottom:12px;}
#fs-map .office-info-window .address span {display:block;}

/* Press page
-------------------------------------------------------------- */
#m-press .m-c {
	padding:0 20px;
	background:url(i/dot-greyd.png) repeat-y 50% 0;
}
#m-press .m-c .col {
	padding:20px 0 40px;
	width:48%;
}
#m-press .m-c .col-2 {float:right;}
#m-press .pr {
	list-style:none;
	margin:0;
}
#m-press .pr li {
	margin:0 0 20px;
}
#m-press .pr .date {
	font-size:0.9em;
	color:#777;
}
#m-press .pr h3 {margin:5px 0;}
#m-press .pr h3 a {text-decoration:none;}
#m-press a.feed,
#m-subscribe a.feed {
	margin-left:20px;
	padding:3px 0 3px 22px;
	background:url(i/icn-feed.png) no-repeat 0 50%;
}
#m-subscribe a.feed {
	display:block;
	margin-left:0;
}
#m-press .box {
	margin-bottom:20px;
	padding:14px;
	background:#f2f2f2;
	border:1px solid #ccc;
}
#m-press .contact .name {
	display:block;
	font-size:1.3em;
}
#m-press .contact .phone,
#m-press .contact .email {
	display:block;
	margin-top:4px;
}
#m-press .contact span strong {
	margin-right:10px;
	font-weight:normal;
	color:#555;
}
#m-press .images {
	position:relative;
	padding-right:0;
}
#m-press .images img {display:block;}
#m-press .images ul {list-style:none; margin:0;}
#m-press .images li {
	float:left;
	margin:0 5px 5px 0;
}
#m-press .images .more {
	position:absolute;
	top:15px;
	right:15px;
}

/* News module
-------------------------------------------------------------- */

#m-news {margin:0;}
#m-news .m-c {
	padding:16px 20px;
}
#m-news .date {color:#565656;}

/* Subscribe module
-------------------------------------------------------------- */

#content-secondary #m-subscribe .m-h {
	padding:0;
}
#content-secondary #m-subscribe .m-h h2 {
	padding:10px 20px;
}
#m-subscribe .m-c {
	padding:16px 20px;
}
#m-subscribe .text {margin-bottom:15px;}
#m-subscribe .text input {width:250px;}
#m-subscribe .m-c strong {
	display:block;
	margin:0 0 8px;
}
#m-subscribe .nav {
	padding-left:15px;
	background:#eee;
}
#m-subscribe .nav,
#m-subscribe .nav li.sel a {border-color:#ccc;}
#m-subscribe .action {font-size:1.4em; float:right;}


/* Start teaser module
-------------------------------------------------------------- */


.layout-2 .m-teaser .img {
	min-height:225px;
	width:100%;
	overflow:hidden;
}
.layout-2 .m-teaser img {
	display:block;
	margin:10px auto 0;
}
.layout-2 .m-teaser a,
.layout-2 .m-teaser a:link,
.layout-2 .m-teaser a:visited {
	display:block;
	padding:15px 19px;
	margin:1px;
	color:#222;
	background:#f0f0f0;
	border-top:1px solid #ddd;
	text-decoration:none;
}
.layout-2 .m-teaser a p {margin:0;}
.layout-2 .m-teaser a span {
	display:block;
	color:#000;
	text-decoration:underline;
}

/* Sub teasers
-------------------------------------------------------------- */
#sub-teasers {
	clear:both;
	padding:30px 0 10px 20px;
	background:#f2f2f2 url(i/dot-greyd.png) repeat-y 50% 0;
	border-top:1px solid #d0d0d0;
}
#sub-teasers .m-c {font-size:1.1em;}
#sub-teasers .m {
	float:left;
	width:46.5%;
}
#sub-teasers .last {
	float:right;
	margin-right:20px;
}
.prod-related {
	padding:0 !important;
	background-image:url(i/dot-greyd.png);
	background-repeat:repeat-y;
	background-position:50% 0;
	border:none !important;
}
.prod-related .row {
	margin:0;
	padding:30px 0 10px 20px;
	border-top:1px solid #d0d0d0;
}
.prod-related .carousel {
	overflow:hidden;
	margin:20px 25px 0;
}
.prod-related .carousel ul {
	list-style:none;
	width:2222px;
	margin:0;
}
.prod-related .carousel li {
	float:left;
	width:122px;
	margin:0 10px 0 0;
	text-align:center;
}
.prod-related .carousel li a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}
.prod-related .carousel li a:hover,
.prod-related .carousel li a:focus {text-decoration:underline;}
.prod-related .carousel li a span {
	display:block;
	position:relative;
	width:120px;
	height:120px;
	margin-bottom:5px;
	background:#fff;
	border:1px solid #ddd;
}
.prod-related .carousel li img {
	max-width:120px;
	max-height:120px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

/* Secondary content teasers */
.layout-1 #content-secondary .teaser {
	padding:12px 12px 16px;
	background:url(i/grad-teaser.png) no-repeat 100% 100%;
}
.layout-1 #content-secondary .teaser .action-area {
	padding:10px 0;
	text-align:center;
}
.layout-1 #content-secondary .teaser .action-area .action {
	margin:5px;
}
.layout-1 #content-secondary .teaser h2 {
	margin:5px 0 8px;
	font-size:1.4em;
}
.layout-1 #content-secondary .teaser h2 a {text-decoration:none;}
.layout-1 #content-secondary .teaser ul {
	list-style:none;
	margin:0 0 12px 0;
}
.layout-1 #content-secondary .teaser li {
	margin:0 0 8px;
	padding-left:16px;
	background:url(i/bullet-raquo.png) no-repeat 0 6px;
}

/* Tabbed module
 * A group of modules navigated by tabs
-------------------------------------------------------------- */

.tabbed-module .tab-navigation {border-bottom:1px solid #000;}
.tabbed-module .tab-navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
.tabbed-module .tab-navigation li {
	display:inline;
	margin:0;
	padding:0;
}
.tabbed-module .tab-navigation a:link,
.tabbed-module .tab-navigation a:visited {
	position:relative;
	top:1px;
	float:left;
	padding:4px 6px;
}
.tabbed-module .tab-navigation .sel a:link,
.tabbed-module .tab-navigation .sel a:visited {
	color:#000;
	border:1px solid #000;
	border-width:1px 1px 0;
	background:#ffcb37;
	text-decoration:none;
}
.tabbed-module .m-c {
	padding:6px;
	border:1px solid #000;
	border-width:0 1px 1px;
}


/* SKIP LINKS
============================================================================================================================ */

#skip {
	position:absolute;
	top:0;
	left:-9999px;
	z-index:100;
	width:100%;
	margin:0;
}
#skip a:focus,
#skip a:active {
	display:block;
	position:absolute;
	top:0;
	left:9999px;
	width:100%;
	padding:8px 0;
	border:2px solid #000;
	border-width:0 0 2px;
	color:#fff;
	background:#ee2d24;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.0;
	text-align:center;
}


/* LOGO
============================================================================================================================ */

#logo {margin-top:15px;}
#logo,
#logo a,
#logo img {float:left;}
#logo img {font-size:2em;}
#logo a:focus,
#logo a:active {
	outline:1px solid #333;
	background:transparent;
}


/* MAIN NAVIGATION
============================================================================================================================ */

#nav-main {
	clear:both;
	padding-top:15px;
	border-bottom:4px solid #000;
}
#nav-main ul {
	margin:0;
	list-style:none;
	white-space:nowrap;
	background:#ddd url(i/portal/bg-nav.png) repeat-x;
}
#nav-main li {
	float:left;
	margin:0;
}
#nav-main li a {
	float:left;
	padding:10px 10px;
	color:#000;
	font-size:1.2em;
}
#nav-main li.alt,
#nav-main li.alt a {float:right;}
#nav-main li.sel {background:#000;}
#nav-main li.sel a {
	color:#fff;
	text-decoration:none;
}
#nav-main li a:hover,
#nav-main li a:focus,
#nav-main li a:active {
	text-decoration:underline;
}
.drop-down {
	display:none;
	position:absolute;
	left:0;
	z-index:99;
}

/* CART NAVIGATION
============================================================================================================================ */
#nav-cart {
	position: relative;
	float:right;
/*
	width:50%;
*/
	padding:4px 0;
	border-left:1px solid #ddd;
}
#nav-cart .articles,
#nav-cart strong.total {
	display:block;
	float:left;
	margin-left:20px;
}
#nav-cart .articles span,
#nav-cart strong.total span {
	display:block;
	font-weight:normal;
	font-size:1.8em;
}
#nav-cart div.actions {
	float:right;
	padding-top:1.45em;
}
#nav-cart div.actions a {float: left;}
#nav-cart div.actions .action {font-size:1.4em;}
#nav-cart div.actions .details {
	margin:0 15px 0 0;
	padding:7px 0 0 20px;
	background:url(i/portal/icn-cart.png) no-repeat 0 7px;
}
#nav-cart .actions .details.active {
	position: relative;
	z-index: 20;
	margin:0 6px 0 0;
	padding: 5px 7px 5px;
	border: 2px solid #ccc;
	border-width: 2px 2px 0;
	background: #fff;
}
#cart-container {
	position: absolute;
	top: auto;
	right: 8px;
	z-index: 10;
	width: 932px;
	margin-top: -3px;
	padding: 10px;
	border: 2px solid #ccc;
	-webkit-box-shadow:0px 0px 7px #ccc;
	-moz-box-shadow:0px 0px 7px #ccc;
	box-shadow:0px 0px 7px #ccc;
	background: #fff;
}


/* SUPPLEMENTAL NAVIGATION
============================================================================================================================ */
#nav-extra {
	float:right;
	width:323px;
	color:#fff;
}
#nav-extra a,
#nav-extra a:link,
#nav-extra a:visited {color:#fff;}

.nav-supp ul {
	margin:0;
	list-style:none;
}
.nav-supp li {
	display:inline;
	margin:0 0.5em 0 0;
}
#nav-supp {
	padding:0 0 0 5px;
	text-align:right;
	font-size:0.85em;
}
#nav-supp li {
	float:left;
	margin:0;
	padding:8px 5px;
}
#nav-supp li:first-child {margin:0;}
#nav-supp-2 {
	margin:0 20px;
	padding-top:20px;
	text-align:center;
	border-top:1px solid #888;
}
#nav-supp-2 li {padding:0 10px;}

#nav-supp .ddmenu {
	position:relative;
	float:right;
	padding:0;
}
#nav-supp .ddmenu a {
	display:block;
	padding:8px 22px 8px 8px;
	background-image:url(i/bg-langdd.png);
	background-repeat:no-repeat;
	background-position:100% 0;
}
#nav-supp .ddmenu a:hover,
#nav-supp .ddmenu a:focus {
	background-position:100% -50px;
}
#nav-supp .ddmenu a img {
	float:left;
	width:16px;
	margin:2px 4px 0 0;
}
#nav-supp .ddmenu .drop-down {
	left:auto;
	right:0;
	width:162px;
	padding:3px;
	background:#000;
	text-align:left;
	border-width:1px 0 0 1px;
}
#nav-supp .ddmenu .drop-down ul {background:#fff;}
#nav-supp .ddmenu .drop-down a {
	padding:0;
	color:#000;
	background:none;
	border:none;
}
#nav-supp .ddmenu .drop-down li {
	float:none;
	display:block;
	padding:5px;
	border-top:1px solid #eee;
}

/* SEARCH
============================================================================================================================ */

/* Main search form
-------------------------------------------------------------- */
input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

#search {
	padding:12px 10px 0;
}
#search-results #search {
	padding:0 10px 0 226px;
}
#search #searchtext,
#brand-search #bsearchtext,
.search-input {
	background:#fff;
	width:215px;
	padding:6px 8px;
	border:none;
}
#search-results #search #searchtext {width:400px;}
#search #searchtext,
#brand-search #bsearchtext,
#search .submit,
#brand-search .submit,
.search-input {
	font-size:1em;
	font-family:Arial, sans-serif;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#search .submit,
#brand-search .submit {
	width:auto;
	padding:6px 8px;
	border:1px solid #ddd;
	border-width:1px 0 0;
	color:#fff;
	background:#686868 url(i/grad-btngrey.png) repeat-x;
}
#search .submit:active {
	background:#666;
	border-color:#666;
}
#brand-search {
	padding:32px 20px 0 0;
	text-align:right;
}
#brand-search #bsearchtext {width:188px;}
#brand-search #bsearchtext,
#brand-search .submit {border:1px solid #888;}
#main-search .control-group {
	float:left;
	margin:0;
}
#main-search label {display:inline;}
#main-search .text input {width:30em;}
#main-search .checkbox {
	display:inline;
	padding-right:1em;
}
#main-search .submit-area {
	float:left;
	margin:0;
}
#main-search .submit-area input {margin:0 0 0 6px;}

/* Product search form
-------------------------------------------------------------- */
#product-search {
	padding:15px 18px;
	background:#000;
	color:#fff;
	line-height:1;
}
#product-search label,
#store-search label {
	font-size:1.5em;
	font-family:'FranklinGothicMediumFS', Arial, sans-serif;
	vertical-align:middle;
}
.layout-2 #product-search label {display:block; margin-bottom:5px;}
.portal-search .search-input,
#product-search .search-input,
#store-search .search-input {
	width:424px;
	margin:0 4px 0 20px;
	font-size:1.3em;
	vertical-align:middle;
}
.layout-2 #product-search .search-input {
	margin-left:0;
}
#store-search .search-input {
	width:206px;
	margin:0 4px 0 10px;
}
#product-search .submit,
#store-search .submit {
	width:auto;
	vertical-align:middle;
}
.layout-3 #product-search {
	margin-left:163px;
}

/* Product category listing
-------------------------------------------------------------- */
#product-cats {
	padding:15px 18px;
}
#product-cats h3 {
	font-size:1.2em;
	margin-bottom:10px;
}
#product-cats h3 img {display:block;}
#product-cats ul {
/*
	list-style:none;
	margin:0 0 20px;
    */
}
#product-cats ul li {
/*
	float:left;
	width:24%;
	margin:4px 0 0;
*/
       margin-left:15px;
}
#product-cats .brand h3 {background:#000;}
#product-cats .brand h3 a {
	display:block;
	background:url(i/portal/arr.png) no-repeat 100% 50%;
}
#product-cats .brand h3 a.sel {
	background:url(i/portal/arr-exp.png) no-repeat 100% 50%;
}

/* Home page small teasers
-------------------------------------------------------------- */

#product-cats .teasers {
	background:#eee;
	margin:20px -18px;
	padding:18px 0 18px 18px;
}
#product-cats .teasers h3 {
	margin:0 0 5px;
	border:none;
}
#product-cats .teasers h3 a {text-decoration:none;}
#product-cats .teaser {
	float:left;
	width:185px;
	margin:0 22px 0 0;
}
#product-cats .teaser img {
	display:block;
	margin:0 0 5px;
}

/* Search autocomplete
-------------------------------------------------------------- */
.js-autocomplete {
	background:#fff;
	border:1px solid #ccc;
	z-index:999;
	-webkit-box-shadow:0px 0px 7px #ccc;
	-moz-box-shadow:0px 0px 7px #ccc;
	box-shadow:0px 0px 7px #ccc;
}
.js-autocomplete a {
	display:block;
	padding:10px;
	color:#000;
	text-decoration:none;
}
.js-autocomplete a.sel,
.js-autocomplete a:hover,
.js-autocomplete a:focus {
	color:#fff;
	background:#000;
}
.js-autocomplete h2 {
	margin:0;
	padding:2px 6px;
	background:#eee;
	border-top:1px solid #ccc;
	font-size:1.2em;
}
.js-autocomplete ul {
	list-style:none;
	margin:0;
}
.js-autocomplete li {
	margin:0;
	border-top:1px solid #ccc;
}
.js-autocomplete li strong,
.js-autocomplete li span {
	display:block;
	color:#000;
	padding-top:5px;
}
.js-autocomplete li span {color:#777;}
.js-autocomplete li a.sel span,
.js-autocomplete li a:hover span,
.js-autocomplete li a:focus span,
.js-autocomplete li a.sel strong,
.js-autocomplete li a:hover strong,
.js-autocomplete li a:focus strong {color:#fff;}
.js-autocomplete li img {
	float:left;
	margin:0 10px 0 0;
	width:65px;
	height:65px;
	border:1px solid #ccc;
}
.js-autocomplete.loading {
	padding-top:27px;
	background:#fff url(i/ajax-loader.gif) no-repeat 50% 8px;
}


/* Search results
-------------------------------------------------------------- */

#search-results {
	margin-left:0;
	list-style:none;
}
#search-results li {margin-bottom:1em;}
#search-results p {margin:0;}
#search-results .m-c {padding:20px 0;}
#search-results h1 {
	padding-left:20px;
	margin-bottom:20px;
}
#search-results .product-hits {
	padding:20px 20px 0;
	background:#f2f2f2;
	border:1px solid #ccc;
	border-width:1px 0;
}
#search-results .product-hits h3 {
	margin:5px 0 0;
	font-size:1.3em;
}
#search-results .heading h2,
#search-results .heading a {
	float:left;
	margin-right:30px;
}
#search-results .heading a {margin-top:7px;}
#search-results .page-hits,
#search-results .misc-hits {padding:20px 0;}
#search-results .page-hits {
	float:left;
	width:590px;
	padding-left:20px;
}
#search-results .misc-hits {
	float:right;
	width:304px;
}
#search-results .page-hits li {
	margin:0;
	padding:10px 0 15px;
}
#search-results .page-hits li a {font-size:1.3em;}
#search-results .page-hits li p {margin:0 0 10px;}
#search-results .page-hits li .path {
	color:#777;
	font-size:0.9em;
}
#search-results .store address {margin:0 0 5px;}
#search-results .store,
#search-results .foreign {padding:10px 0;}
#search-results .store h3,
#search-results .foreign h3 {
	font-size:1.3em;
	margin:0;
}
#search-results .store span {
	display:block;
	margin:5px 0 0;
	font-style:normal;
}
#search-results .foreign p {
	margin:5px 0;
}
#search-results .foreign img {
	float:left;
	max-width:65px;
	margin:0 10px 0 0;
	border:1px solid #ccc;
}
#search-results .misc-hits .hits {
	padding-right:20px;
	padding-bottom:15px;
	margin-bottom:25px;
	background:url(i/grad-teaser.png) no-repeat 100% 100%;
}

/* 404 Not Found
-------------------------------------------------------------- */
#notfound {
	padding:30px 20px 30px 190px;
	background:url(i/icn-404.png) no-repeat 0 50%;
}

/* ORDERS, INVOICES, CART, CHECKOUT
================================================================================ */

/* General layout
-------------------------------------------------------------- */
.m-orders-invoices {padding:0 20px 40px;}
.m-orders-invoices .m-h {padding: 20px 0;}
.m-orders-invoices h1 {
	margin: 0;
	padding: 0;
}

/* Search
-------------------------------------------------------------- */
.m-orders-invoices .portal-search {margin: 0 -20px 10px;}
.portal-search {
	padding:15px 18px;
	background:#000;
	color:#fff;
	line-height:1;
}
.portal-search {padding:15px 20px;}
.portal-search h2 {color: #fff;}
.portal-search .search-input {
	width:340px;
	margin-left:3px;
}
.portal-search fieldset {
	padding: 10px;
	border: 1px solid #333;
}
.portal-search legend {
	color: #fff;
}
#type-and-status > div,
#type-and-status > fieldset {
	float: left;
}
#type-and-status .select label,
#searchtext label {
	display:block;
	margin-bottom: 3px;
}
.date .text {
	display: inline;
}
.date .text + .text {
	margin-left: 0.5em;
}
#dates fieldset {
	float: left;
	margin-bottom: 6px;
}
#dates fieldset + fieldset {margin-left:20px;}
#order-status {
	float:left;
	margin-left: 20px;
	padding: 4px 0 0;
	border: none;
}
#order-status .radio {
	display: inline;
}
#order-status .radio + .radio {
	margin-left: 0.5em;
}
#order-status .radio label {
	margin-left: 0;
}
.portal-search .submit-area {
	clear: both;
	padding-top: 10px;
}

/* Tabs
-------------------------------------------------------------- */
.m-orders-invoices .nav {
	list-style:none;
	margin:0 -20px 10px;
	padding: 4px 20px 0;
	border-bottom:1px solid #ccc;
	background: #eee;
}
.m-orders-invoices .nav li {
	float:left;
	margin:0 5px -1px 0;
}
.m-orders-invoices .nav li a,
.m-orders-invoices .nav li strong {
	display:block;
	padding:8px 12px;
	text-decoration:none;
}
.m-orders-invoices .nav li strong {
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	border-width:1px 1px 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-weight:bold;
}

/* General table styling
-------------------------------------------------------------- */
table .price {
	text-align:right;
	white-space: nowrap;
}
table .date {white-space: nowrap;}
.orders-invoices .info {
	padding-right: 16px;
	background: url(i/icn-miniinfo.png) no-repeat 100% 50%;
	cursor: pointer;
}
.orders-invoices {
	border: 0;
	border-collapse: separate;
}
.orders-invoices caption {
	padding:0 3px 4px;
	color: #333;
	font-weight: normal;
}
.orders-invoices th,
.orders-invoices td {
	padding: 4px 6px;
	border: 1px solid #eee;
	border-width: 0 0 1px;
}
.orders-invoices th + th,
.orders-invoices td + td {
	padding-left: 5px;
	border-left: 1px solid #fff;
}
.orders-invoices tfoot td + td {
	padding-left: 6px;
	border-left: 0;
}
.orders-invoices tbody tr:hover td,
.orders-invoices tbody tr:hover th {background: #f3f3f3;}
td.delayed {color: #900;}
td.delayed img {vertical-align:top;}

/* Sortable tables
-------------------------------------------------------------- */
.sortable th a {
	display: block;
	color: #fff;
}
.sortable th a:hover,
.sortable th a:focus {color:#fff;}
th.sortby {background:#000;}
.sortby a {
	padding-right: 12px;
	background: url(i/portal/sort-arrows.png) no-repeat 100% 4px;
}
.asc a {background-position:100% -96px;}
td.sortby {background:#eee;}

/* Order and Order info
-------------------------------------------------------------- */
.orders-invoices.info {
	margin-bottom: 24px;
	border: 0;
}
.order caption,
.orders-invoices.info caption {
	padding: 4px 6px;
	color: #fff;
	background: #333;
	font-weight: bold;
}
.orders-invoices.info tbody {
	width: 50%;
	float: left;
}
.orders-invoices.info tbody tr:hover td {background: transparent;}
.orders-invoices.info th,
.orders-invoices.info td {border: 0;}
.order tbody {margin-bottom:12px;}
.order th {background: #ccc;}
.order thead th {color: #000;}
.order .row-status th {
	padding: 6px;
	border-bottom: 0;
	background: #eee;
}
.order tbody + tbody .row-status th {border-top: 12px solid #fff;}
.order tfoot tr:first-child th,
.order tfoot tr:first-child td {border-top: 2px solid #999;}
.order tfoot th {
	background: transparent;
	text-align: right;
}
.order tfoot .actions {padding-right:0;}

#order_head_extrafield_value a{display:block;}

/* Cart and checkout
-------------------------------------------------------------- */
.amount {white-space:nowrap;}
.amount input {width:1.8em;}
.amount input.number {width:3em;}
.actions button + button {margin-left:5px;}
.cart tbody th,
.cart tbody td {
	border-top-width: 1px;
	border-top-color: #ccc;
	border-bottom-width: 0;
}
.cart tbody tr:first-child th,
.cart tbody tr:first-child td {border-top: 0;}
.cart .notes th,
.cart .notes td {border-top: 0;}
.cart tbody th {
	background: transparent;
	font-weight: normal;
}
.cart td.actions {
	padding-right: 3px;
	padding-left: 3px;
}
.notes th {text-align:right;}
.notes th,
.notes td {
	border-bottom: 2px solid #ccc;
}
.notes p {margin:0;}
.notes input {
	width: 100%;
}
.checkout-steps h2 {margin: 0;}
.checkout-steps ol {
	counter-reset:li;
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}
.checkout-steps li {
	float: left;
	color: #767676;
}
.checkout-steps li + li {margin-left:10px;}
.checkout-steps ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	margin-right:4px;
	padding:4px 8px;
	color:#565656;
	background:#ccc;
	font:inherit;
	font-weight:bold;
	text-align:center;
}
.checkout-steps .current:before {
	color: #fff;
	background: #222;
}
.checkout-steps strong {color:#222;}

/* Paging
-------------------------------------------------------------- */
.m-orders-invoices .paging {
	margin-bottom: 0;
	padding-top: 0;
	border: none;
}
.m-orders-invoices .paging p {margin:0;}

/* Settings
-------------------------------------------------------------- */
.favourites td .text,
.favourites td .submit-area {display: inline;}
td.actions {
	text-align:right;
	white-space: nowrap;
}
.orders-invoices button.action {
	padding-left:6px;
	padding-right:6px;
	font-size:1.2em;
	line-height:normal;
}
.orders-invoices button.action img {vertical-align:text-bottom;}

.availability {text-align:center;}
.availability span {
	display:block;
	padding:2px 4px;
	font-weight:bold;
}
.availability span.date 
{
    padding:0;
    width: auto;
}
.availability .yes {
	color:#fff;
	background:#380;
}
.availability .no {
	color:#fff;
	background:#c30;
}
.addcart .availability {min-width:5.5em;}

/* SUB NAVIGATION
============================================================================================================================ */
#nav-sub h2 {
	margin:0 0 1px;
	color:#fff;
	font:1.1em Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#000 url(i/portal/arr.png) no-repeat 100% 50%;
}
#nav-sub h2.exp {
	background:#000 url(i/portal/arr-exp.png) no-repeat 100% 50%;
}
#nav-sub h2 a,
#nav-sub h2 a:visited {
	display:block;
	padding:12px 10px;
	color:#fff;
	text-decoration:none;
}
#nav-sub h2 a:hover,
#nav-sub h2 a:focus,
#nav-sub h2 a:active {text-decoration:underline;}
#nav-sub h2.snickers a,
#nav-sub h2.wibe a,
#nav-sub h2.hultafors a {
	padding:0;
	height:45px;
	background-image:url(i/logos-allsmall.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#nav-sub h2.snickers a {background-position:0 -77px;}
#nav-sub h2.wibe a {background-position:0 100%;}
#product-cats .wibe h3,
#nav-sub h2.wibe {background-color:#3e515b;}
#nav-sub h2.hultafors a {background-position:0 0;}
#nav-sub ul {
	margin:0 1px 20px 0;
	list-style:none;
}
#nav-sub ul ul {
	background:#fff;
	border-bottom:1px solid #ddd;
}
/* Level one */
#nav-sub li a,
#nav-sub li a:visited {
	display:block;
	padding:7px 10px;
	color:#000;
	text-decoration:none;
}
/* Level two */
#nav-sub li li a {margin-left:5px;}
#nav-sub li a:hover,
#nav-sub li a:focus,
#nav-sub li a:active {background:#ddd;}
#nav-sub ul ul li a:hover,
#nav-sub ul ul li a:focus,
#nav-sub ul ul li a:active {background:#eee;}
/* Page with expanded subpages */
#nav-sub li.expanded > a {font-weight:bold;}
/* Selected page link */
#nav-sub li a.selected {
	color:#000;
	background:#ddd;
	font-weight:bold;
}
#nav-sub li a.selected:hover,
#nav-sub li a.selected:focus,
#nav-sub li a.selected:active {
	color:#fff;
	background:#000;
}

/* Ordinary nav sub */
.layout-1 #nav-sub {background:#000 url(i/nav-dogear2.png) no-repeat 100% 100%;}
.layout-1 #nav-sub ul {
	margin:0;
	padding:10px;
}
.layout-1 #nav-sub ul ul {
	padding:5px 0;
	border-bottom:1px solid #888;
	border-left:10px solid #000;
	background: transparent;
}
.layout-1 #nav-sub ul ul ul {margin-bottom:5px;}
.layout-1 #nav-sub li a,
.layout-1 #nav-sub li a:visited {
	color:#fff;
	border-bottom:1px solid #888;
}
.layout-1 #nav-sub li a:hover,
.layout-1 #nav-sub li a:focus,
.layout-1 #nav-sub li a:active {background:#555;}
.layout-1 #nav-sub li a.selected {
	color: #000;
	background:#fff;
	font-weight:bold;
}
.layout-1 #nav-sub li li a {
	padding:3px 5px;
	border:none;
}

/* PRODUCT NAVIGATION
============================================================================================================================ */

#nav-prods {
	margin:0 0 20px;
	text-align:center;
}
#nav-prods ul {
	margin:0;
	padding-left:100px;
	list-style:none;
}
#nav-prods ul li {
	float:left;
}
#nav-prods ul li a,
#nav-prods ul li a:visited {
	display:block;
	width:89px;
	padding:64px 3px 8px;
	color:#000;
	background-image:url(i/tiles-prodnav.png);
	background-repeat:no-repeat;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#nav-prods ul li a:hover,
#nav-prods ul li a:focus,
#nav-prods ul li.sel a {
	background-color:#fff;
}
#nav-prods ul li.sel a {
	padding:63px 2px 7px;
	border:1px solid #ddd;
	font-weight:bold;
}
#nav-prods ul li.prod-cat1 a {background-position:24px 8px;}
#nav-prods ul li.prod-cat2 a {background-position:-76px 8px;}
#nav-prods ul li.prod-cat3 a {background-position:-184px 8px;}
#nav-prods ul li.prod-cat4 a {background-position:-286px 8px;}
#nav-prods ul li.prod-cat5 a {background-position:-390px 8px;}
#nav-prods ul li.prod-cat6 a {background-position:-494px 8px;}
#nav-prods ul li.prod-cat7 a {background-position:-598px 8px;}
#nav-prods ul li.prod-cat8 a {background-position:-695px 8px;}
#nav-prods ul li.prod-cat9 a {background-position:-800px 8px;}

/* PRODUCT FILTERS
============================================================================================================================ */
#filter-prods {
	padding:6px 20px;
	background:#f2f2f2;
	border-top:1px solid #fff;
	border-bottom:1px solid #d0d0d0;
}
#filter-prods strong {line-height:26px;}
#filter-prods strong,
#filter-prods .select {
	float:left;
	margin:0 10px 0 0;
}
#filter-prods span {
	color:#fff;
	background:#000;
	font-weight:bold;
}


/* ADDRESS
============================================================================================================================ */

#address {
	float:left;
	width:311px;
	margin:5px 20px 20px 0;
}


/* Microformats
-------------------------------------------------------------- */

.vcard {line-height:1.5;}
.vcard {margin:1em 0;}
.vcard .post-office-box:after {content:", ";}


/* CONTENT STYLING
============================================================================================================================ */

/* Intro
-------------------------------------------------------------- */

.intro {
	color:#000;
	font-size:1.1em;
	font-weight:bold;
}


/* Article and related styling
-------------------------------------------------------------- */

.article {padding:20px;}
.disclaimer {
	color:#666;
	font-size:0.85em;
}


/* Flash
-------------------------------------------------------------- */

.flash {margin:0 0 1em;}
.flash img {
	 display:block;
	 width:100%;
}
.flash object {display:block;}


/* Action buttons
-------------------------------------------------------------- */

.action,
a.action,
#m-product #compareit a.action {
	padding:2px 12px;
	color:#fff;
	background:#606060 url(i/portal/grad-btn.png) repeat-x;
	font-size:1.6em;
	font-family:'FranklinGothicMediumFS', Arial, sans-serif;
	border:1px solid #333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	text-shadow:0 -1px 1px #000;
}
.action-area a.action,
#m-product #compareit a.action,
#compareit a.action {
	margin-right:20px;
	padding:4px 14px;
	border-color:#333;
}
#fs-map a.action {
	position:absolute;
	top:10px;
	right:10px;
	padding:3px 12px;
	border-color:#333;
	font-size:1.2em;
}
.action:active,
a.action:active,
.action-area  a.action:active {
	background:#555;
	border:1px solid #000;
}
a.action:hover,
a.action:focus,
#m-product #compareit a.action:hover,
#m-product #compareit a.action:focus,
.action-area a.action:hover,
.action-area a.action:focus {
	color:#fff;
	text-decoration:underline;
	border:1px solid #000;
}
.action-area {
	padding-top:10px;
}
a.action .fw {
	display:block;
	padding-right:25px;
	background:url(i/bullet-fwact.png) no-repeat 100% 50%;
}

/* Text button
 * No padding, border or background
-------------------------------------------------------------- */
button.text {
	overflow:visible; /* Shrinkwrap the text in IE7- */
	margin:0;
	padding:0;
	border:0;
	color:#000;
	background:transparent;
	font:inherit; /* Inherit font settings */
	line-height:normal; /* Override line-height to avoid spacing issues */
	text-decoration:underline; /* Make it look linky */
	cursor:pointer; /* Buttons don’t normally make cursors change */
	-moz-user-select:text; /* Make button text selectable in Gecko */
}
button.text:focus {outline: 1px dotted;}
button.text::-moz-focus-inner { /* Remove mystery padding in Gecko browsers */
	padding:0;
	border:0;
}
button.text img {display:block;}

/* LISTS
============================================================================================================================ */

/* Contact list
-------------------------------------------------------------- */

.contact-list {
	margin:0;
	list-style:none;
}
.contact-list li {
	float:left;
	width:100%;
	margin:0 0 18px;
}


/* Article listing
-------------------------------------------------------------- */

.article-list {
	margin-left:0;
	list-style:none;
	border-top:1px solid #ccc;
}
.article-list li {
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.article-list h2,
.article-list h3 {margin:0;}
.article-list p {margin:8px 0 0;}
.article-list .meta {
	color:#555555;
}
.meta .date,
.meta .category {font-weight:bold;}


/* File list
-------------------------------------------------------------- */

.file-list {
	margin:0 0 1em;
	list-style:none;
}
.file-list li {margin-bottom:6px;}
/* Generic files */
a.file {
	padding:5px 0 5px 20px;
	background-image:url(i/suffix/small/icon-generic.png);
	background-position:0 50%;
	background-repeat:no-repeat;
}
/* Folders */
a.folder {background-image:url(i/suffix/small/icon-folder.png);}
/* Images */
a.bmp,
a.gif,
a.jpg,
a.jpeg,
a.png,
a.psd {background-image:url(i/suffix/small/icon-image.png);}
/* Vector graphics */
a.ai,
a.eps {background-image:url(i/suffix/small/icon-vector.png);}
/* Text */
a.asp,
a.chm,
a.config,
a.css,
a.db,
a.htm,
a.html,
a.js,
a.txt,
a.xml {background-image:url(i/suffix/small/icon-text.png);}
/* Word */
a.doc,
a.docx {background-image:url(i/suffix/small/icon-word.png);}
/* Rich text */
a.rtf {background-image:url(i/suffix/small/icon-rich-text.png);}
/* Powerpoint */
a.ppt,
a.pptx {background-image:url(i/suffix/small/icon-ppt.png);}
/* Flash */
a.fla,
a.swf {background-image:url(i/suffix/small/icon-flash.png);}
/* Video */
a.mov,
a.wmv {background-image:url(i/suffix/small/icon-video.png);}
/* PDF */
a.pdf {background-image:url(i/suffix/small/icon-pdf.png);}
/* Spreadsheet */
a.xls,
a.xlsx {background-image:url(i/suffix/small/icon-excel.png);}
/* Compressed */
a.zip {background-image:url(i/suffix/small/icon-zip.png);}
/* File meta */
a.file span {
	display:inline-block;
	padding-left:4px;
	color:#555;
	background:#fff;
	text-decoration:none;
}


/* PRINT LINK
============================================================================================================================ */

#print-link {
	display:block;
	clear:both;
	padding:4px 0 4px 20px;
	background:url(i/icons/printer.gif) no-repeat 0 50%;
}


/* NEW WINDOW IMAGE LINK
============================================================================================================================ */

a.nw-image {
	padding-right:18px;
	background:url(i/icons/new-window.gif) no-repeat 100% 50%;
}

/* GOOGLE MAP
============================================================================================================================ */

#map-container {
	position:relative;
	width:100%;
	height:350px;
	overflow:hidden;
	margin:0 0 2em;
}
#map-container .googlemap-container {
	width:100%;
	height:350px;
}
.googlemap-container .vcard {margin:0;}
#map-container span.note {
	display:none;
}
#map-container button {
	position:absolute;
	top:-2px;
	left:-2px;
	width:100%;
	height:100%;
	overflow:hidden;
	margin:2px;
	padding:2px;
	border-style:solid;
	border-width:0;
	background:transparent;
	text-indent:-100em;
	cursor:pointer;
}
#map-container a:focus,
#map-container a:active,
#map-container button:focus,
#map-container button:active {outline: 2px dashed #61bf1a;}


/* SHARE ON SOCIAL MEDIA
============================================================================================================================ */
#share {
	padding:0;
	background:none;
	border:none;
}
#share form {margin-bottom:20px;}
#share-services ul {
	margin-left:0;
	list-style:none;
}
#share-services li,
#share-links #share-services li {
	display:block;
	float:none;
}
#share-services a,
.heading #share-links #share-services a {
	display:block;
	padding:6px 8px 6px 30px !important;
	background-repeat:no-repeat !important;
	background-position:5px 50% !important;
}
#share-services a.service-google {background-image:url(i/share-services/google.png) !important;}
#share-services a.service-delicious {background-image:url(i/share-services/delicious.png) !important;}
#share-services a.service-facebook {background-image:url(i/share-services/facebook.png) !important;}
#share-services a.service-linkedin {background-image:url(i/share-services/linkedin.png) !important;}
#share-services a.service-twitter {background-image:url(i/share-services/twitter.png) !important;}
#share-services a.service-digg {background-image:url(i/share-services/digg.png) !important;}
#share-services a.service-live {background-image:url(i/share-services/live.png) !important;}
#share-services a.service-add-favourite {background-image:url(i/share-services/favourites.png) !important;}
#share-services a:hover,
#share-services a:focus {background-color:#eee;}

.heading #share-links {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	background:#fff;
	border:1px solid #ddd;
}
#share-links li {position:relative;}
.heading #share-links li {
	float:left;
	margin:0;
}
.heading #share-links a {
	display:block;
	padding:10px 12px;
}
.heading #share-links #sharelink {
	padding-right:26px;
	background-image:url(i/tiles-arrow.png);
	background-repeat:no-repeat;
	background-position:100% 14px;
	border-left:1px solid #ddd;
}
.heading #share-links #asklink {border:none;}
.heading #share-links #sharelink:hover,
.heading #share-links #sharelink:focus,
.heading #share-links .ddsel #sharelink {
	background-position:100% -23px;
}
#share-links #share-services {
	position:absolute;
	left:auto;
	right:0;
	border:1px solid #ddd;
	background:#fff;
}
#share-links #askus {padding:10px;}
#share-links #share-services h2 {display:none;}
#share-links #share-services ul li {border:none;}

.js-dialog {
	position:absolute;
	top:200px;
	left:50%;
	width:400px;
	padding:10px;
	margin-left:-210px;
	background:#fff;
	border:6px solid #777;
	z-index:999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.js-dialog .submit-area a {margin-left:20px;}
.js-dialog a.close-link {
	float:right;
	width:30px;
	height:30px;
	background-image:url(i/tiles-prodimg.png);
	background-repeat:no-repeat;
	background-position:-134px 0;
	text-indent:-9999px;
}
.js-dialog a.close-link:hover,
.js-dialog a.close-link:focus {background-position:-134px -36px;}
.js-dialog h2 {margin-top:0;}

/* EPiServer Edit/Admin Bar
============================================================================================================================ */

#epibar {
	position:fixed;
	top:0;
	right:20px;
	width:120px;
	margin:0;
	padding:5px 10px 10px;
	background:#305086;
	z-index:9999;
}
#epibar li {
	margin:0;
	padding:2px 0;
	background:none;
	list-style-type:none;
}
#epibar a {
	background-repeat:no-repeat;
	padding:0 0 2px 20px;
	color:#fff;
}
#epibar .online-center a {background-image:url('i/icons/episerver/icon-onlinecenter-8.png');}
#epibar .editmode a {background-image:url('i/icons/episerver/icon-editmode-8.png');}
#epibar .adminmode a {background-image:url('i/icons/episerver/icon-adminmode-8.png');}

/* END @media screen, projection */
}

/* For mobile devices */
@media screen and (max-width: 480px) {

* {-webkit-text-size-adjust:none;}

html,body {background:#000 url(i/ajax-loader.gif) no-repeat 50% 160px;}
#body {
	background:#fff;
	width:100%;
	margin:0;
	padding:0;
}
.layout-2 #content-primary,
#main,
.layout-2 #content-secondary .col {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.layout-3 #main {background:#f2f2f2;}
.layout-2 #content-secondary {
	width:100%;
	padding:0;
}
.layout-1 #content,
.layout-1 #content-primary,
.layout-1 #content-secondary,
.layout-3 #content,
.layout-2 #content-secondary .col {
	float:none;
	width:auto;
	margin:0;
	padding:0;
	background:#fff;
}
#fs-map a.action,
#nav-extra,
#header #search,
.foot-c,
#footer h2,
#nav-prods,
#m-products .m-i,
.heading #share-links,
#m-product .p-t,
#m-product #compareit {display:none;}
#header {
	margin:0;
	text-align:center;
	background-image:url(i/grad-mobhead.png);
	background-repeat:repeat-x;
	border-bottom:4px solid #ee2d24;
}
#header a.moback,
#header a.moback:visited {
	display:block;
	position:absolute;
	top:6px;
	left:6px;
	color:#fff;
	text-decoration:none;
	padding:6px 10px;
	background:#333 url(i/grad-mobhead.png) repeat-x;
	border:1px solid #000;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-weight:bold;
}
#logo,
#logo a,
#logo img {
	float:none;
	margin:0 auto;
}
#logo img {
	width:75px;
	height:40px;
}
.portal-search,
#product-search,
#m-findstore .m-h {
	padding:7px;
	background:#444;
}
#m-findstore .m-h {padding:10px;}
.portal-search,
#product-search,
.m-page .m-h {border-top:none;}
.portal-search label,
#product-search label,
#m-findstore #store-search label {
	display:block;
	text-align:center;
	font-size:1.3em;
}
.portal-search .search-input,
#product-search .search-input,
#m-findstore #store-search .search-input {
	width:220px;
	margin:0;
	font-size:1em;
}
.portal-search .submit,
#product-search .submit,
#m-findstore #store-search .submit {
	width:60px !important; /* Fixes strange iOS bug */
	font-size:1.3em;
}
#nav-main {
	position:relative;
	float:none;
	border:1px solid #555;
	border-width:1px 0 0;
}
#nav-main li {
	border-left:none;
	border-right:1px solid #555;
}
#nav-main li a {
	display:block;
	width:auto;
	padding:5px 12px;
	overflow:auto;
	font-size:1.3em;
}
#nav-main li.sel {
	background-image:none;
	border:none;
}
#nav-extra,
#nav-extra #nav-supp .ddmenu {
	float:left;
}

#m-findstore #fs-map,
#m-findstore #fs-map .map {
	float:none;
	width:100%;
	height:320px;
}
#m-findstore #fs-list {
	float:none;
	width:100%;
	height:auto;
	border-top:1px solid #ddd;
}
#m-findstore #store-search label {display:none;}
#m-findstore #store-search {float:none; padding-top:5px;}
#m-findstore #store-search .action {display:inline;}
#nav-main li.ddmenu a {background-image:none;}

#splash {font-size:1em;}
#splash .splash-m {width:460px;}
#splash h1,
#splash h2 {font-size:1.4em;}
#splash .splash-c,
#splash .splash-img {
	float:none;
	width:auto;
	padding-right:20px;
}
#splash .splash-img,
#splash .splash-img img {
	float:right;
	width:100px;
}
#splash .splash-img img {margin:55px 0 10px 10px;}
#splash .action-area {text-align:center;}
#splash .action-area a.action {
	display:block;
	margin:0 0 10px;
}
#footer {border-top:1px solid #ccc;}
#footer .foot-h {background:none;}
#footer .foot-h p {
	float:none;
	text-align:center;
}
#nav-supp-2 {
	margin:0;
	border:none;
}
#nav-supp-2 li {padding:0 5px;}
#splash .dot-pager {
	top:10px;
	bottom:auto;
	left:50%;
	margin-left:-55px;
	-webkit-transform:scale(0.5,0.5);
	transform:scale(0.5,0.5);
}
#splash .splash-c {padding:55px 20px 16px 0;}
#nav-main li.ddsel a {
	color:#fff;
	background:#444;
}
#nav-main li.ddmenu {position:static;}
#nav-main li .drop-down {
	background:#000;
	width:100%;
	padding:0;
}
#nav-main li .drop-down .col {
	float:none;
	width:auto;
	text-align:left;
}
#nav-main li .drop-down h3 {
	margin:0;
	padding:3px 10px;
	font-size:1.2em;
	background:#444;
}
#nav-main li .drop-down ul {margin:0;}
#nav-main li .drop-down a {
	padding:10px 24px 10px 10px;
	background:#fff url(i/bullet-nextarr.png) no-repeat 100% 50%;
	border-bottom:1px solid #ccc;
	color:#000;
	text-decoration:none;
}
#nav-main li .drop-down a:hover,
#nav-main li .drop-down a:focus,
#nav-main li.sel .drop-down a:hover,
#nav-main li.sel .drop-down a:focus {background:#eee;}

#filter-prods strong,
#filter-prods .select {
	float:none;
	display:block;
}
#filter-prods .js span.custom-select,
#filter-prods select {width:100%;}
#filter-prods .js select.custom-select {
	float:none;
	width:100%;
}
#m-products,
#m-products .m-h {
	margin:0;
	padding:0;
}
#m-products .m-h h2,
#m-products .m-h h1 {
	color:#fff;
	background:#000;
	font-size:1.3em;
	text-align:center;
	padding:10px 0;
}
#m-products .m-c {padding:0;}
.row {margin:0;}
.row .product {
	float:none;
	display:block;
	width:auto;
	margin:0;
	padding:10px 24px 10px 10px;
	text-align:left;
	background:url(i/bullet-nextarr.png) no-repeat 100% 50%;
	border-bottom:1px solid #ddd;
}
.row .product .p-i {
	float:left;
	width:70px;
	height:70px;
	margin:0 10px 0 0;
}
.row .product .p-i img {
	max-height:70px;
	max-width:70px;
}
.row .product h2 {margin:5px 0 0;}
.row .product .more {padding-bottom:5px;}

#filter-prods {text-align:center;}
#filter-prods form {margin-bottom:10px; text-align:left;}
a.filter {
	float:right;
	margin:7px 5px 0 0;
	padding:3px 7px;
	color:#fff;
	background:#333 url(i/grad-mobhead.png) repeat-x;
	border:1px solid #000;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
}
a.filter:visited,
a.filter:hover,
a.filter:focus {color:#fff;}

#sub-teasers {
	display:none;
	padding:0;
	background:#f2f2f2;
	border:none;
}
#sub-teasers .m,
#sub-teasers .last {
	float:none;
	width:auto;
	margin:0;
	padding:10px 14px;
	border-bottom:1px solid #ddd;
}
#sub-teasers .m img {width:70px;}

#nav-sub,
.layout-3 #nav-sub,
.layout-1 #nav-sub {
	float:none;
	width:auto;
	background:#fff;
}
#nav-sub h2 {
	font-size:1em;
	background:#444;
	padding:4px 10px;
}
#nav-sub ul,
.layout-1 #nav-sub ul {margin:0; padding:0;}
.layout-1 #nav-sub li a,
.layout-1 #nav-sub li a:visited {color:#000; text-decoration:underline; border-color:#ddd;}
.layout-1 #nav-sub li a.selected {color:#fff;}
.layout-1 #nav-sub li a:hover,
.layout-1 #nav-sub li a:focus {background:#eee; color:#000;}
#nav-sub ul a {
	padding:10px 24px 10px 10px;
	border-bottom:1px solid #ddd;
	background:url(i/bullet-nextarr.png) no-repeat 100% 50%;
}
#nav-sub ul a:hover,
#nav-sub ul a:focus {background-color:#eee;}


#touchapp-load {
	position:absolute;
	top:15px;
	right:5px;
	width:43px;
	height:11px;
	background:url(i/ajax-loader.gif) no-repeat;
	-webkit-transform:scale(0.5,0.5);
	transform:scale(0.5,0.5);
}
.m-page .m-h {
	padding:10px;
	background:#444;
}
.m-page .m-h .action {display:none;}
#search-results h1,
.m-page .m-h h1,
.m-page .m-h h2 {
	float:none;
	font-size:1.3em;
	text-align:center;
}
.m-page .m-nav {font-size:0.85em;}
.m-page .m-nav ul {padding:4px 4px 0;}
.m-page .m-nav li {margin:0 2px 0 0;}
.m-page .m-nav li.comments {float:left;}
.m-page .m-nav li.sel a {margin-top:0; padding-top:7px;}
#m-product .m-c {padding:0;}
#m-product .m-c .p-i {
	float:none;
	width:auto;
}
#m-product .m-c .p-i .img {border:none;}
#m-product .m-c .p-i img {max-height:200px;}
#m-product .m-c .p-i .img a.zoom {display:none;}
#m-product .m-c .p-i .nav li a {padding:7px 8px;}
#m-product .m-c .p-c,
#m-product #comments .comment-list,
#m-product #comments form,
.layout-1 .article {
	float:none;
	width:auto;
	padding:15px;
}
#m-product .article {padding:15px;}
img {max-width:100%;}
#m-product #comments .comment-list h2,
#m-product #comments .comment-list ul,
#m-product #comments .comment-list p {margin-left:0;}
#m-product .p-data table {font-size:0.8em;}
.layout-1 #content-secondary {border:1px solid #ccc; border-width:1px 0 0;}
.layout-1 .heading {padding:10px;}
.layout-1 .heading h1 {font-size:1.5em;}

.m-contact .m-c .vcard,
.m-contact .m-c #follow {
	float:none;
	width:auto;
	margin:10px;
	padding:10px;
}
.m-contact .m-c #follow {margin:0 0 30px; font-size:0.85em;}
.m-contact .m-c #follow img {width:50px; height:50px;}

#m-press .m-c {background:#fff; padding:15px;}
#m-press .m-c .col {
	float:none;
	width:auto;
	padding:0 0 20px;
}

#webapp-hint {
	position:fixed;
	bottom:0;
	left:50%;
	width:150px;
	margin-left:-75px;
	padding-bottom:8px;
	background:url(i/bubbletip.png) no-repeat 50% 100%;
}
#webapp-hint p {
	margin:0;
	padding:10px;
	background:#000;
	color:#fff;
	font-size:0.9em;
}

.paging {padding-left:10px;}

#m-product #comments textarea,
#askus textarea {width:98%;}

.js-dialog {
	position:absolute;
	top:85px;
	left:50%;
	width:300px;
	padding:10px;
	margin-left:-160px;
	background:#fff;
	border:6px solid #777;
	border-width:0 0 6px;
	z-index:999;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

#m-product .colors {
	float:left;
	margin-left:15px;
}
#m-product .symbols {
	float:right;
	margin:15px 15px 0 0;
	padding-top:0;
}
#m-product .symbols img {width:30px;}
#m-product .p-c {clear:both;}

.js-autocomplete {
	-webkit-box-shadow:none;
	width:100% !important;
	border-width:1px 0;
	margin-top:3px;
	margin-left:-7px;
}
.js-autocomplete li {background:url(i/bullet-nextarr.png) no-repeat 100% 50%;}
.js-autocomplete li img {
	max-width:35px;
	max-height:35px;
}
.js-autocomplete a.all,
.js-autocomplete li span {display:none;}

#search-results #search {padding:0;}
#search-results #search #searchtext {width:200px;}
#search-results h1 {
	margin:0;
	padding:10px 0;
	background:#000;
	color:#fff;
}
#search-results .m-c,
#search-results .product-hits {padding:0; background:#fff;}
#search-results .product-hits .heading {padding:10px;}
#search-results .product-hits .product {clear:both; border:none;}
#search-results .page-hits,
#search-results .misc-hits {
	float:none;
	width:auto;
	padding:15px;
}
#search-results .misc-hits {padding-right:0;}
#m-product #p-files li {
	float:none;
	width:auto;
	margin:0 0 6px;
}

}

@media screen and (max-width: 320px) {

#splash .splash-m {
	width:300px;
}

}

/*FIX FOR STARTPAGE===========================================================*/
p[abp="1660"],span[abp="1677"]{
	max-width:176px
}
span[abp="1677"]{
	display:block;
}

td[abp="1676"], td[abp="1696"]{
	text-align: left!important;
}
td[abp="1676"] span,td[abp="1696"] span{
	text-align:center
}

td[abp="1696"] span{
	display:block;
}