html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, a, em, img,
table, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 100%;
}

table, tbody, tfoot, thead, tr, th, td {
    border-collapse: collapse;
}

/* CLEARFIX
----------------------------------------------------------------------------- 
.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear {
    display: inline-block;
}
 
html[xmlns] .clear {
    display: block;
}
 
* html .clear {
    height: 1%;
}

*/

/* GENERAL
----------------------------------------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    background: #dfdfdf;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}

h1 {
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 10px 0;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px 0;
}

h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 10px 0;
}

a, a:visited {
    color: #85919B;
    text-decoration: none;
}

p {
    margin: 0 0 10px 0;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0px;
}

.watermark {
    color: #999;
}

#main-wrapper {
    width: 100%;
}

#wrapper-page {
    clear: both;
    display: table;
    position: relative;
    width: 980px;
    margin: 0 auto;
    background: #fff;
}

#wrapper-page-content {
    clear: both;
    display: table;
    position: relative;
    width: 960px;
}

#border-left, #border-right {
    display: table-cell;
    width: 10px;
}

#content-wrapper, #footer {
    clear: both;
    display: table;
    float: left;
    position: relative;
    width: 100%;
}

/* HIDDEN ELEMENTS */
div.product-attributes-params {
    display: none;
}

/* COLUMNS
----------------------------------------------------------------------------- */
#left-area, #main-area {
    display: block;
    float: left;
    margin: 0 0 40px 0;
}

 #right-area {
    display: block;
    float: left;
    margin: 0 0 40px 0;
 }

#left-area div.content {
    width: 220px;
    margin: 0 10px;
}

#main-area div.content {
    width: 540px;
}

.one-column #main-area div.content {
    width: 940px;
    margin: 0 10px;
}

.two-columns #main-area div.content {
    width: 720px;
}


#right-area div.content {
    width: 160px;
    margin: 0 10px;
}

 /* todo: temporary hotfix for COM-2820. The comment should be removed when that problem is solved.
.hide-left-area #left-area {   
    display: none;
}
     */

.page-checkout #left-area, .page-orderdetailsconfirmed #left-area {
    display: none;
}


/* BORDER TOP
----------------------------------------------------------------------------- */
#border-top {
    clear: both;
    display: table;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

#border-top div.inner {
    width: 980px;
    font-size: 0.85em;
    margin: 0 auto;
    overflow: hidden;
}

div.culture-selector-wrapper {
    float: left;
    height: 35px;
    padding: 5px 0 0 0;
}

div.culture-selector-wrapper span {
    margin: 0 2px 0 0;
}

div.culture-selector-wrapper input {
    width: 20px;
    height: 20px;
}

div.currency-selector-wrapper {
    float: right;
    margin: 0 0 0 40px;
}

div.vat-selector-wrapper {
    float: right;
}

/* FOOTER
----------------------------------------------------------------------------- */
div.footer2-wrapper {
    clear: both;
    margin: 0 10px 10px 10px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dfdfdf;
}

div.footer-lower {
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    padding: 0 10px 10px 10px;
    background: #fff;
}

div.footer-wrapper {
    float: left;
    width: 620px;
    margin: 10px 0 10px 10px;
}

.infoTextLogo {
    clear: both;
    width: 143px;
    margin: 25px auto;
}

/* HEADER
----------------------------------------------------------------------------- */
#header {
    clear: both;
    display: table;
    position: relative;
    width: 940px;
    height: 240px;
    margin: 0 10px;
}

div.logo-wrapper {
    float: left;
    margin: 45px 0 26px 0;
}

/* CART AREA
----------------------------------------------------------------------------- */
div.cart-area-wrapper {
    float: right;
    min-width: 280px;
    max-width: 500px;
    margin: 20px 0 0 0;
    background: #f6f6f6;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

div.small-cart-wrapper {
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

div.small-cart-header {
    display: inline-block;
}

div.small-cart-header h2 {
    font-size: 0.85em;
    margin: 0;
}

div.small-cart-body {
    vertical-align: bottom;
    font-size: 0.85em;
    margin: 0 0 1px 10px;
    display: inline-block;
}

div.small-cart-items {
    float: left;
    margin: 0 6px 0 0;
}

div.small-cart-sum {
    float: left;
}

span.small-cart-items-label, span.small-cart-sum-label {

}

div.SmallCartButtons {
    margin: 0 0 10px 0;
}

div.SmallCartButtons div {
}

div.CheckoutButton, div.MyPagesButton {
    margin: 0 10px 0 0;
}

div.small-cart-wrapper div.KlarnaMonthlyCost {
    clear: both;
    padding: 2px 0;
    font-size: 11px;
    text-align: center;
    border-top: 1px dashed #dfdfdf;
}

div.FreeFreight_Cart {
    background: #efefef url(/images/custom/opacity15-black-bg.png) top left repeat-x;
    border-top: 1px solid #fff;
    cursor: default;
    padding: 2px 0;
    text-align: center;
    font-size: 11px;
    max-height: 30px;
    overflow: hidden;
}

div.FreeFreight_Cart_reached {
    background: #DCFFDC url(/images/custom/opacity15-black-bg.png) top left repeat-x;
    border-top: 1px solid #fff;
    cursor: default;
    padding: 2px 0;
    text-align: center;
    font-size: 11px;
    max-height: 30px;
    overflow: hidden;
}

div.sub-cart-wrapper {
    float: right;    
    clear: right;
    width: 280px;
    height: 20px;
    background: url(/images/custom/shadow-sprite-bg.png) 0px -67px no-repeat;
}

/* NAVIGATION
----------------------------------------------------------------------------- */
#nav-wrapper {
    background: #A7BECF url(/images/custom/opacity15-black-bg.png) bottom left repeat-x;
    display: block;
    clear: both;
    width: 940px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    font-size: 0; /* remove spacing for inline-block */
    behavior: url(/SystemScripts/PIE.htc);
}

#nav-wrapper .nav-bar {
    min-height: 42px;
    width: 740px;
}

#nav-wrapper .page-link-wrapper, #nav-wrapper span {
    display: inline-block;
}

a.page-link, a.page-link:visited {
    color: #fff;
    text-decoration: none;
    height: 42px;
    display: inline-block;
}

div.page-link-wrapper a:hover span.link-text {
    background: url(/images/custom/opacity8-black-bg.png) repeat;
}

div.pagelink-selected a span.link-text {
    background: url(/images/custom/opacity8-black-bg.png) repeat;
}

div.pagelink1 span.link-text {
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

span.link-text {
    line-height: 42px;
    padding: 0 14px;
    font-weight: bold;
    font-size: 14px;
    vertical-align: top;
}

span.link-spacer-right {
    background: #c7d7e0 url(/images/custom/opacity15-black-bg.png) bottom left repeat-x;
    height: 42px;
    width: 1px;
}

/* SUB NAVIGATION */
#sub-nav-wrapper {
    background: url(/images/custom/shadow-sprite-bg.png) 0px 1px no-repeat;
    display: block;
    /*position: absolute;
    top: 192px;*/
    left: 0;
    width: 940px;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
}

div.breadcrumbs {
    font-weight: bold;
}

/* SEARCHBOX */
div.search-box-wrapper {
    font-size: 14px;
    margin: 7px;
    position: absolute;
    right: 0;
    top: 0;
}

div.search-box-header {
    display: none;
}

div.search-box-body {
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    behavior: url(/SystemScripts/PIE.htc);
}

div.search-box-input {
    float: right;
}

div.search-box-input input {
    width: 155px;
    background: transparent;  
    padding: 0px 5px 0 0;
    font-size: 0.9em;
    border: 0;
}

div.search-box-button {
    float: left;
    margin: 6px 0 0 8px;
}
div.search-image {
    position: relative;
}

/* MARQUEE
----------------------------------------------------------------------------- */
div.marquee {
    margin: 0 10px;
}

/* PRODUCT CATEGORY TREE
----------------------------------------------------------------------------- */
div.ProductMenuWrapper {
    position: relative;
}

div.ProductMenuBody table {
    width: 100%;
}

div.ProductMenuBody {
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

td.NodeControl {
    padding: 5px 0px 0px 0px;
    vertical-align: top;
    font-size: 0px;
    width: 0px;
}

td.NodeControl img {
    width: 7px;
    height: 7px;
    display:block;
    position: absolute;
    left: 10px;
    z-index: 10;
}

td.current span {
    font-weight: bold;
}

/* Level 1 */
div.ProductCategoryLevel1 td.NodeControl {
    display: none;
}

div.ProductTreeLevelBody1 {
    background: #fff;
    border-bottom: 1px solid #fff;
}

div.ProductCategoryLevel1 a {
    background: #efefef;
    padding: 10px;
    display: block;
    color: #333;
    border-bottom: 1px solid #dfdfdf;
}

div.ProductTreeLevelWrapper1:first-child div.ProductTreeLevelBody1,
div.ProductTreeLevelWrapper1:first-child a {
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    behavior: url(/SystemScripts/PIE.htc);
}

div.ProductTreeLevelWrapper1:last-child div.ProductTreeLevelBody1,
div.ProductTreeLevelWrapper1:last-child a {
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

div.ProductTreeLevelWrapper1:last-child div.ProductTreeLevelBody1,
div.ProductTreeLevelWrapper1:last-child a {
    border-bottom: 0;
}

div.ProductCategoryLevel1 a:hover {
    background: #f6f6f6;
    text-decoration: none;
}

div.selected div.ProductCategoryLevel1 a {
    background: #f6f6f6;
}

div.ProductCategoryLevel1 a span.ProductCategoryName {
    font-size: 1em;
    font-weight: bold;
}

/* Level 2 */
div.ProductCategoryLevel2 {
    position: relative;
    padding: 3px 10px 0px 20px;
}

div.ProductTreeLevelWrapper2:last-child div.ProductTreeLevelBody2 {
    padding: 0 0 6px 0;
    border-bottom: 1px solid #dfdfdf;
}

div.ProductCategoryLevel2 .ProductCategoryNameWrapper a {
    display: block;
    font-size: 0.85em;
    color: #333;
}

div.ProductCategoryLevel2 a, div.ProductCategoryLevel2 a:hover {
    color: #333;
}

/* Level 3 */
div.ProductCategoryLevel3 {
    position: relative;
    padding: 3px 10px 0px 30px;
}

div.ProductCategoryLevel3 td.NodeControl img {
    left: 20px;
}

div.ProductCategoryLevel3 .ProductCategoryNameWrapper a {
    display: block;
    font-size: 0.85em;
    color: #333;
}

div.ProductCategoryLevel3 a, div.ProductCategoryLevel3 a:hover {
    color: #333;
}

/* Level 4 */
div.ProductCategoryLevel4 {
    position: relative;
    padding: 3px 10px 0px 40px;
}

div.ProductCategoryLevel4 .ProductCategoryNameWrapper a {
    display: block;
    font-size: 0.85em;
    color: #333;
}

div.ProductCategoryLevel4 a, div.ProductCategoryLevel4 a:hover {
    color: #333;
}

div.ProductMenuFooter {
    background: url(/images/custom/shadow-sprite-bg.png) 0px -135px no-repeat;
    height: 20px;
}

/* MANUFACTURER SELECTOR
----------------------------------------------------------------------------- */
div.manufacturer-selector-wrapper {
    margin: 0 0 20px 0;
}

div.manufacturer-selector-wrapper select {
    width: 100%;
}

/* PAGE, CATEGORY AND MANUFACTURER DETAILS
----------------------------------------------------------------------------- */
div.PageDetailsWrapper, div.category-header-wrapper, div.ManufacturerContentWrapperCssClass {
    clear: both;
    overflow: hidden;
    margin: 0 10px 10px 10px;
}

div.PageDetailsImage, div.category-page-image, div.ManufacturerContentImageCssClass {
    float: left;
    margin: 0 10px 10px 0;
}

/* NEWS PAGE AND NEWS ARCHIVE
----------------------------------------------------------------------------- */
div.NewsDetailsWrapper, div.NewsListArchiveWrapper {
    margin: 0 10px 40px 10px;
}

div.NewsDetailsDate, div.NewsListArchiveItemDate {
    border-top: 1px solid #dfdfdf;
    padding: 10px 0;
}

div.NewsDetailsTeaser {
    margin: 0 0 10px 0;
    font-style: italic;
}

div.NewsDetailsImage {
    margin: 0 0 10px 0;
}

div.NewsListArchiveItem {
    margin: 0 0 20px 0;
}

div.NewsListArchiveItemImage {
    display: none;
}

div.NewsArchiveButton {
    float: left;
}

/* SEARCH RESULT
----------------------------------------------------------------------------- */
div.search-wrapper {
    margin: 0 10px;
}

div.search-string-result {
    margin: 0 0 20px 0;
}

span.search-string {
    font-style: italic;
    text-decoration: underline;
}

div.search-wrapper tr {
    border-bottom: 1px solid #dfdfdf;
}

div.search-wrapper tr:first-child, div.search-wrapper tr:last-child {
    border-bottom: 0;
}

div.search-wrapper td {
    vertical-align: middle;
    padding: 10px;
}

table.search-result-table {
    margin: 0 0 20px 0;
    border-spacing: 10px;
}

table.search-result-table td{
    padding:5px;
}

table.search-result-table td.search-order{
    text-align: center;
}

td.search-productnamne {
    width: 70px;
    font-weight: bold;
}

td.search-amount input {
    width: 20px;
    height: 15px;
    text-align: center;
}

td.search-order a {
    float: right;
}

a.search-prev, a.search-next {
    font-weight: bold;
}

/* PRODUCT LIST
----------------------------------------------------------------------------- */

div.product-wrapper {
    float: left;
    width: 140px;
    margin: 10px;
    padding: 10px;
    background: #fff;
}

div.product-image {
    background-color: #FFFFFF;
    height: 155px;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    width: 140px;
}

div.product-image img {
    width: 140px;
    vertical-align: middle;
}

div.product-buttons {
    margin: 0 0 5px 0;
    overflow: hidden;
}

a.view-button-related-products {
    display: none;
    border: 0px !important;
}

a.buy-button-first-text {
        margin: 0;
        font-size: 13px;
}

.get-customer-info-btn, .fancybox-iframe-login {
    background: #efefef;
    font-size: .8em;
    padding: 4px 10px;
    margin: 11px 0;
}

a.buy-button-first-text, a.advanced-buy-button-text, a.buy-button-search, .product-wrapper a.buy-button, 
div.purchase-block-buy a.buy-button, a.buy 
{
        font-family: arial, helvetica, geneva, verdana, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
        text-shadow: 1px 1px 1px rgba(0,0,0,.4);
        color: #fff;
        font-size: .7em;
        text-decoration: none;
        text-align: center;
        padding: 5px 8px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border: solid #769c02 2px;
        background: #95c10f;
        margin: 10px 0 0 4px;
        display: inline-block;
        max-width: 400px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        cursor: pointer;
}

a.buy-button-first-text:hover, a.advanced-buy-button-text:hover,
a.buy-button-search:hover, .product-wrapper a.buy-button:hover,
div.purchase-block-buy a.buy-button:hover, a.buy:hover
{
    /* HOVER STATE */
    background: #abd62a;
    border: solid #95c10f 2px;
}
/* ============================================================ */

/* ACTION BUTTONS ============================================= */
.FrontRestProducts a.button-info, a.advanced-info-button-text, 
.product-wrapper a.button-info, a.button, a.view-button {
    /* TEXT */
    font-family: Arial, helvetica, geneva, verdana, sans-serif;
    color: #333333;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size: .7em;
    
    /* BOX */
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    border: solid #ccc 2px;
    background:#ddd;
    margin:10px 0;
    display:inline-block;
    max-width:200px;
  
  
    /* BEHAVIOUR */
    transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    cursor:pointer;
}

.FrontRestProducts a.button-info:hover, a.advanced-info-button-text:hover,
.product-wrapper a.button-info:hover, a.button:hover, a.view-button:hover {
    /* HOVER STATE */
    background: #f5f5f5;
    border: solid #ddd 2px;
 }

div.purchase-block-buy a.buy-button {
        font-size: 22px;
        text-align: center;
        margin: 0;
}

div.product-list-description {
    font-size: 10px;
}

div.product-name {
    clear: both;
    margin: 0 0 2px 0;
    word-wrap: break-word;
}

div.product-name h3 {
    font-size: 1em;
    margin: 0;
}

span.product-subname {
    font-size: 0.85em;
}

span.product-attrlist span {
    font-size: 0.85em;
    display: block;
}

a.button-disabled {
    color: #888888;
    cursor: default;
}

/* PRODUCT LIST WITH IMAGE, ADVANCED
----------------------------------------------------------------------------- */
div.product-advanced-wrapper {
    clear: both;
    margin: 0 10px;
}

div.product-advanced-row {
    border-bottom: 1px solid #dfdfdf;
}

div.product-advanced-image {
    float: left;
    padding: 10px;
    width: 100px;
}
div.product-advanced-image img {
    vertical-align: bottom;
}

div.product-advanced-column2 {
    float: left;
    padding: 10px;
    width: 200px;
}

div.product-advanced-column3 {
    float: right;
}

div.product-advanced-description {
    float: left;
    width: 100%;
}

div.product-advanced-name a {
    font-weight: bold;
    font-size: 1em;
}

div.product-advanced-subname {
    font-style: italic;
    padding-top: 2px;    
}

div.product-advanced-article {
    padding-top: 2px;
}

div.product-advanced-price-box, div.product-advanced-price-stock-status,
div.product-advanced-quantity, div.product-advanced-price-buttons,
div.product-advanced-info-buttons {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}

div.product-advanced-price-box {
    text-align: right;
}

div.product-advanced-price-stock-status {
    text-align: center;
    display: none;
}

span.stock-status-label {
    display: block;
    font-weight: bold;
}

div.product-advanced-quantity {
    display: none;
}

input.advanced-product-quantity-value {
    width: 20px;
    height: 15px;
    text-align: center;
    float:right;
    margin-right: 5px;
}

/* PAGING CONTROL
----------------------------------------------------------------------------- */
div.CategoryPageWrapper div.upper {
    display: none;
}

.paging-control {
    padding: 20px 10px 0 10px;
    text-align: center;
    clear: both;
}

div.CategoryPageWrapper a.disabled {
    opacity: 0.5;
    behavior: url(/SystemScripts/PIE.htc);
}

span.showing {
    display: table-cell;
    font-weight: normal;
    font-size: 9pt;
    color: black;
}

a.showing:hover {
    text-decoration: none !important;
}

.showing-highlight {
    color: red !important;
}

a.showall 
{
    font-weight: bold;
    font-size: 9pt;
    color: black;
    text-align: right;
}

.paging-center-box {
    display: table-cell;
    width:300px;
    text-align: center;
}

.paging-control-box 
{
    
    background-color: lightgray;
    display: table;
    padding: 3px 5px 3px 5px;
    margin-top: 1px;
    border: solid 1px lightgray;
    height: 26px;
    width: 530px;
    cursor: default;
    line-height: 26px;
}

a.paging-spaceright {
    margin-right: 20px !important;
}

a.paging-spaceleft {
    margin-left: 20px !important;
}

a.paging-link-box-selected {
    font-weight: bold;
    font-size: 9pt;
    margin-left: 1px;    
    margin-right: 1px;
    background: lightgray;
    color: red;
}

a.paging-link-box {
    font-weight: bold;
    font-size: 9pt;
    color: black;
    margin-left: 1px;    
    margin-right: 1px;    
}

a.paging-link-previous {
    float: left;
}

a.paging-link-next {
    float: right;
}

a.paging-link {
    display: inline-block;
    font-size: 0.85em;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    background: #efefef;
    padding: 5px 10px;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:  0px 1px 2px 0px #dfdfdf;
    box-shadow:  0px 1px 2px 0px #dfdfdf;
    behavior: url(/SystemScripts/PIE.htc);
}

a.paging-link:hover {
    background: #f6f6f6;
}

div.CategoryPageWrapper a.disabled:hover {
    background: #efefef;
}

div.CategoryPageWrapper a.selected {
}

/* START PAGE WITH RANDOM PRODUCTS
----------------------------------------------------------------------------- */
a[id$=hlImageLinkFirst], a[id$=hlImageLink] {
    position: relative;
    display: block;
}
div.FrontRestProducts div.product-page-wrapper {
    margin: 0 0 10px 0;
    overflow: hidden;
}

div.FrontRestProducts div.product-images-wrapper {
    margin: 0 10px;
    float: left;
}

div.FrontRestProducts div.product-images-wrapper img {
    width: 220px;
    vertical-align: bottom;
}

div.FrontRestProducts div.product-page-header {
    width: 280px;
    margin: 0 10px;
    float: right;
}

div.FrontRestProducts div.product-page-header h1 {
    margin: 0;
    float:none;
}

div.FrontRestProducts div.product-page-body {
    width: 280px;
    margin: 0 10px;
    float: right;
}

div.FrontRestProducts div.product-description-header h2 {
    color: #999;
}

div.FrontRestProducts div.product-attributes-wrapper {
    overflow: hidden;
}

div.FrontRestProducts div.product-attribute-1 {
    float: left;
    margin: 0 20px 0 0;
    font-weight: bold;
}

div.FrontRestProducts div.product-attribute-2 {
    float: left;
    margin: 0 0 10px 0;
    font-weight: bold;
}

div.FrontRestProducts div.product-attributes-wrapper span {
    display: block;
    margin: 0 0 3px 0;
}

div.FrontRestProducts div.product-attributes-wrapper div span {
    display: block;
    margin: 0;
}

div.FrontRestProducts span.product-specification-label {
    font-weight: bold;
    display: block;
    margin: 0 0 2px 0;
}

div.FrontRestProducts div.product-specification-wrapper select {
    margin: 0 0 10px 0;
}

div.FrontRestProducts td.purchase-block-price {
    float: left;
    margin: 0 0 10px 0;
}

div.FrontRestProducts td.product-quantity {
    clear: both;
    float: left;
    margin: 0 10px 0 0;
}

div.FrontRestProducts td.product-quantity input {
    width: 30px;
    height: 27px;
    padding: 0;
    text-align: center;
}

div.FrontRestProducts td.purchase-block-buy {
    float: left;
    margin: 0 10px 0 0;
}

div.FrontRestProducts td.purchase-block-more-info {
    float: left;
}

div.FrontRestProducts .stock-status-value, div.FrontRestProducts .stock-status-label {
    display: inline-block;
}

div.FrontRestProducts div.product-article-number,
div.FrontRestProducts td.purchase-block-stock,
div.FrontRestProducts td.product-quantity span {
    display: none;
}

/* PRODUCT PAGE
----------------------------------------------------------------------------- */
div.product-images {
    float: left;
    width: 360px;
    margin: 0 0 20px 0;
}

#FrontImage {
    width: 340px;
    cursor: pointer;
    vertical-align: bottom;
}
div.show-product-image {
    position: relative;
    margin: 0 10px 10px 10px;
}

a.ProductThumbnail img {
    margin: 10px;
}

div.ProductImageClickMessage {
    display: none;
}

h1.product-page-header {
    margin: 0;
    float: right;
    width: 340px;
    margin: 0 10px;
}

div.product-description {
    float: right;
    width: 340px;
    margin: 0 10px 20px 10px;
    clear: right;
}

h2.product-subname {
    margin: 0 0 10px 0;
    color: #999;
}

div.product-short-description, div.product-description div.inner {
    overflow: hidden;
    margin: 0 0 20px 0;
}

div.product-description div.inner div {
    margin: 0 0 5px 0;
}

span.product-article-number-label, span.product-unit-label, span.stock-status-label {
    font-weight: bold;
    margin: 0 5px 0 0;
}

div.ProductCommentItemCssClass {
    margin: 0 0 20px 0;
}

div.ProductCommentItemCssClass span {
    display: block;
    font-weight: bold;
}

.product-specification-params {
    display: none;
}

div.product-attributes {
    overflow: hidden;
}

div.product-attributes-1 {
    float: left;
    margin: 0 20px 0 0;
    font-weight: bold;
}

div.product-attributes-2 {
    float: left;
    margin: 0 0 10px 0;
    font-weight: bold;
}

div.product-attributes span {
    display: block;
    margin: 0 0 3px 0;
}

span.product-specification-label {
    font-weight: bold;
    display: block;
    margin: 0 0 2px 0;
}

div.product-specification-wrapper select {
    margin: 0 0 10px 0;
}

div.purchase-block {
    clear: both;
}

.page-showproduct .purchase-block-price-currency {
    padding: 0 0 0 5px;
}

div.purchase-block-price div.KlarnaMonthlyCost {
    margin: 5px 0 0 0;
}

div.purchase-block-quantity {
    float: left;
    margin: 0 10px 0 0;
}

div.purchase-block-quantity  span {
    display: none;
}

div.purchase-block-quantity  input {
    width: 40px;
    height: 39px;
    padding: 0;
    text-align: center;
}


/* TEMPLATES */
div.template-wrapper div {
    border-bottom: 1px solid #dfdfdf;
    padding: 10px;
}

div.template-wrapper div:last-child {
    border: 0;
}

.templateItemTitle {
    display: inline-block;
    width: 150px;
    font-weight: bold;
    vertical-align:top;
}

.templateItemData {
    display: inline-block;
    width: 150px;
    vertical-align: top;
}

/* RELATED PRODUCTS */
table.relatedTable tr {
    border-bottom: 1px solid #dfdfdf;
}

table.relatedTable tr:first-child, table.relatedTable tr:last-child {
    border-bottom: 0;
}

table.relatedTable tr.headerGray {
    display: none;
}

table.relatedTable td {
    vertical-align: middle;
    padding: 10px;
}

td.RelatedProductImage {
    width: 20%;
}

td.RelatedProductName {
    width: 40%;
}

td.RelatedProductName a {
    font-weight: bold;
}

td.RelatedProductArticleNumber {
    display: none;
}

td.RelatedProductPrice {
    width: 20%;
}

td.RelatedProductButtons {
    width: 20%;
}

td.RelatedProductButtons a {
    float: right;
}

td.RelatedProductButtons span, td.RelatedProductButtons br {
    display: none;
}

/* TOOLBAR */
div.product-toolbar {
    clear: both;
    overflow: hidden;
    margin: 0 10px 10px 10px;
    padding: 10px;
    background: #fff;
    border-top: 1px solid #fff;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background: #efefef;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

div.product-toolbar-image-wrapper {
    float: left;
    margin: 0 15px 0 0;
    cursor: pointer;
}

div.social-media {
    float: right;
}


div.product-page-back-link {
    clear: both;
    float: left;
    cursor: pointer;
    margin: 10px;
    font-weight: bold;
}

/* PRODUCT FILES */
.product-files-box {
    background: white;
    border: 1px solid #D8D8D8;
    padding: 10px;
    text-align: left;
    width: 300px;
    min-width: 300px;
    border: solid 1px rgb(180, 180, 180);
}

.product-files-box-shadow {
    background-color: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    opacity: 0.15; 
    filter: alpha(opacity=15);
}

.product-files-link {
    line-height: 21px;
    padding-left: 5px;
}

.product-files-button {
    float: left;
}

.product-files-box-close {
    min-width: 30px;
    min-height: 30px;
    text-decoration: underline;
    cursor: pointer;
    background: url(/images/fancybox/fancy_closebox.png) no-repeat;
    height: 30px;
    width: 30px;
    float: right;
}

.product-files-header {
    font-weight: bold;
}

/* WIDGETS
----------------------------------------------------------------------------- */
div.box-header {
    background: #efefef;
    border: 1px solid #dfdfdf;
    padding: 10px 10px 0 10px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    behavior: url(/SystemScripts/PIE.htc);
}

div.box-body {
    overflow: hidden;
    background: #f6f6f6;
    border-top: 1px solid #fff;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid  #dfdfdf;
    padding: 10px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

div.box-footer {
    background: url(/images/custom/shadow-sprite-bg.png) 0px -203px no-repeat;
    height: 20px;
}

/* NEWS LIST */
div.news-list-item {
    border-top: 1px solid #dfdfdf;
    padding: 10px 0;
}

div.news-list-item:first-child {
    border: 0;
    padding: 0 0 10px 0;
}

div.news-list-item-date {
    font-size: 0.85em;
    margin: 0 0 10px 0;
    font-style: italic;
}

div.news-list-item-image {
    margin: 0 0 10px 0;
}

div.news-list-item-image img {
    width: 138px;
}

div.news-list-item-text {
    font-size: 0.85em;
    margin: 0 0 10px 0;
}

div.news-list-item-link {
    text-align: right;
    font-weight: bold;
}

/* OFFERS LIST */
div.offers-list-header {
    display: none;
}

div.offers-list-item-image {
    margin: 0 0 10px 0;
}

div.offers-list-item-image img {
    width: 138px;
}

div.offers-list-item-text p  {
    font-size: 0.85em;
}

div.offers-list-wrapper .product-price {
    float: left;
    margin: 4px 0 5px 0;
}

div.offers-list-item-more-info {
    float: right;
}
div.offers-list-item-image {
    position: relative;
}

div.offers-list-item-image img {
    vertical-align: bottom;
}

div.offers-list-item-wrapper.box-wrapper a.button.view-button-offers-text{
	float:right;
	margin: 5px;
}

/* TOP LIST */
div.simple-product-list-item {
    overflow: hidden;
    border-top: 1px solid #dfdfdf;
    padding: 10px 0;
}

div.simple-product-list-item:first-child {
    border: 0;
    padding: 0 0 10px 0;
}

div.simple-product-list-item-text {
    font-size: 0.85em;
    margin: 0 0 2px 0;
}

div.simple-product-list-item-text a {
    font-weight: bold;
}

div.simple-product-list-item-image {
    float: left;
    padding: 0 10px 5px 0;
}

div.simple-product-list-item-image img {
    width: 50px;
}

/* NEWSLETTER BOX */
div.newsletter-box-wrapper {
    float: right;
    width: 300px;
    margin: 10px;
}

div.newsletter-box-header {
    background: none;
    border: 0;
    padding: 0;
}

div.newsletter-box-body {
    background: none;
    border: 0;
    padding: 0;
}

div.newsletter-box-body:hover {
    background: none;
}

div.newsletter-box-text {
    display: none;
}

div.newsletter-box-radio-subscribe {
    float: left;
    margin: 0 10px 10px 0;
}

div.newsletter-box-radio-unsubscribe {
    float: left;
    margin: 0 0 10px 0;
}

div.newsletter-box-input {
    float: left;
    clear: both;
    width: 180px;
    height: 28px;
    line-height: 28px;
    margin: 0 10px 0 0;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    behavior: url(/SystemScripts/PIE.htc);
}

div.newsletter-box-input input {
    width: 165px;
    background: transparent;  
    padding: 0 5px 0 10px;
    font-size: 0.9em;
    border: 0;
}

div.newsletter-box-button {
    float: left;
}

div.newsletter-box-footer {
    background: none;
}

/* PRICES
----------------------------------------------------------------------------- */
.product-wrapper .product-price,
.page-listproductswithimageadvanced .product-advanced-price-box span,
.FrontRestProducts .purchase-block-price,
.page-showproduct .purchase-block-price,
.RelatedProductPrice,
.offers-list-wrapper .product-price,
.SearchProductPrice {
    font-weight: bold;
}

.purchase-block-price-amount {
    display:inline;
}

div.purchase-block-price-amount {
  display: inline-block;
}

.page-showproduct .purchase-block-price-amount {
    font-size: 1.3em;
}

.page-showproduct .purchase-block-price-previous .purchase-block-price-previous-unit {
    font-size: 1.3em;
}

.simple-product-list-wrapper .simple-product-list-item-price {
    font-size: 0.85em;
    font-weight: bold;
}

.page-showproduct .product-discount-in-percentage {
    font-size: 1.3em;
    color: #A33;
    font-weight: bold;
}

.product-wrapper .price-promotion,
.page-listproductswithimageadvanced .price-promotion,
.FrontRestProducts .price-promotion,
.page-showproduct .price-promotion,
.offers-list-wrapper .price-promotion,
.SearchPricePromotion,
.simple-product-list-item-price .price-promotion span {
    color: #aa3333;
}

.FrontRestProducts .price-previous,
.page-showproduct .purchase-block-price-previous {
    text-decoration: line-through;
    margin: 0 0 0 20px;
}

.product-wrapper .price-previous,
.page-listproductswithimageadvanced .product-advanced-price-previous,
.simple-product-list-item .price-earlier,
.SearchPricePrevious {
    text-decoration: line-through;
    display: none;
}
.checkout-text {
    text-align: center;
}

.mypages-text {
    text-align: center;
}

.login-text {
    text-align: center;
}

/* BUTTONS
----------------------------------------------------------------------------- */
div.search-box-button a, div.search-box-button img,
a.button-info, a.button-info img,
a.buy-button, a.buy-button img,
div.offers-list-item-more-info a, div.offers-list-item-more-info img,
div.newsletter-box-button input,
div.NewsArchiveButton a, div.NewsArchiveButton img,
a.ButtonInfo, a.ButtonInfo img,
a.ButtonBuy, a.ButtonBuy img,
a.RelatedProductMoreInfoButton, a.RelatedProductMoreInfoButton img,
a.RelatedProductBuyButton, a.RelatedProductBuyButton img,
table.ProductListHorizontalAdvanced table.ButtonBuyContainer td *,
table.ProductListHorizontalAdvanced div.ButtonInfo * {
    display: block;
    cursor: pointer;
}

div.CheckoutButtonEnabled a:hover img, div.CheckoutButtonEnabled a:active img,
div.MyPagesButtonEnabled a:hover img, div.MyPagesButtonEnabled a:active img,
div.LogInOutButton a:hover img, div.LogInOutButton a:active img,
div.search-box-button a:hover img, div.search-box-button a:active img,
a.button-info:hover img, a.button-info:active img,
a.buy-button:hover img, a.buy-button:active img,
div.offers-list-item-more-info a:hover img, div.offers-list-item-more-info a:active img,
div.newsletter-box-button input:hover, div.newsletter-box-button input:active,
div.NewsArchiveButton a:hover img, div.NewsArchiveButton a:active img,
a.ButtonInfo:hover img, a.ButtonInfo:active img,
a.ButtonBuy:hover img, a.ButtonBuy:active img,
a.RelatedProductMoreInfoButton:hover img, a.RelatedProductMoreInfoButton:active img,
a.RelatedProductBuyButton:hover img, a.RelatedProductBuyButton:active img,
table.ProductListHorizontalAdvanced div.ButtonContainer a:hover img, table.ProductListHorizontalAdvanced div.ButtonContainer a:active img {
    opacity: 0; 
    filter: alpha(opacity=0);
}

div.CheckoutButton a:hover,
div.MyPagesButton a:hover,
div.LogInOutButton a:hover,
div.search-box-button a:hover,
a.button-info:hover,
a.buy-button:hover,
div.purchase-block-buy a.buy-button:hover,
div.offers-list-item-more-info a:hover,
div.newsletter-box-button:hover,
div.NewsArchiveButton a:hover,
a.ButtonInfo:hover,
a.ButtonBuy:hover,
a.RelatedProductMoreInfoButton:hover,
a.RelatedProductBuyButton:hover,
table.ProductListHorizontalAdvanced div.ButtonContainer a:hover {
}

div.CheckoutButton a:active,
div.MyPagesButton a:active,
div.LogInOutButton a:active,
div.search-box-button a:active,
a.button-info:active,
a.buy-button:active,
div.purchase-block-buy a.buy-button:active,
div.offers-list-item-more-info a:active,
div.newsletter-box-button:active,
div.NewsArchiveButton a:active,
a.ButtonInfo:active,
a.ButtonBuy:active,
a.RelatedProductMoreInfoButton:active,
a.RelatedProductBuyButton:active,
table.ProductListHorizontalAdvanced div.ButtonContainer a:active {
    background-position: left bottom;
}
div.newsletter-box-button>.button {
    margin: 0px;
}

/* FREE FREIGHT
----------------------------------------------------------------------------- */
.FreeFreight_LeftArea, .FreeFreight_RightArea {
    background: #FFC000 url(/images/custom/opacity15-black-bg.png) bottom left repeat-x;
    cursor: pointer;
    padding: 10px; 
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: 0 0 20px 0;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

.FreeFreight_LeftArea_reached, .FreeFreight_RightArea_reached {
    background: #8db451 url(/images/custom/opacity15-black-bg.png) bottom left repeat-x;
    cursor: default;
    padding: 10px; 
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: 0 0 20px 0;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

.FreeFreight_CheckoutCart 
{
    display: table;
    background: #FFC000 url(/images/custom/opacity15-black-bg.png) bottom left repeat-x;
    cursor: default;
    padding: 10px;
    height: 50px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
    margin-left: 40px;
    width: 315px;
    float: left;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
    margin-bottom: 75px;
}

.FreeFreight_CheckoutCart_reached 
{
    display: table;
    background: #8db451 url(/images/custom/opacity15-black-bg.png) bottom left repeat-x;
    cursor: default;
    padding: 10px;
    height: 50px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-top: 40px;
    margin-left: 40px;
    width: 315px;
    float: left;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
    margin-bottom: 75px;
}

.FreeFreight_CheckoutConfirm
{
    background: #FFC000 url(/images/custom/opacity15-black-bg.png) bottom left repeat-x;
    float: right;
    width: 277px;
    cursor: default;
    height: auto;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

.FreeFreight_CheckoutConfirm_reached 
{
    background: #8db451 url(/images/custom/opacity15-black-bg.png) bottom left repeat-x;
    float: right;
    width: 277px;
    cursor: default;
    height: auto;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/SystemScripts/PIE.htc);
}

.freeFreightExpand {
     text-align: center;
     display: none;
     padding-top: 10px;
}

/* ------ Info Message ---------------------- */

div.InfoMsgWrapper
{
    margin: 5px 10px 5px 10px;
    position: relative;  
}

div.InfoMsgHeader
{
    background:  url(../images/InfoMsgHeader.gif) top center no-repeat;
    height: 7px;
    position: relative;
    top: 1px;
    font-size: 1px;
    
}

div.InfoMsgHeaderRight
{
    background-position: 90% 0%;
}

div.InfoMsgHeaderLeft
{
    background-position: 10% 0%;
}

div.InfoMsgShadow
{
    padding: 0px 2px 2px 0px;
    background: url(../images/ErrorMsgShadowBg.png) 3px 3px no-repeat;
}

div.InfoMsgBodyWrapper
{
    background: #ffffff url(../images/InfoMsgIcon.gif) 7px 8px no-repeat;
    border: 1px solid #003399;
}

div.InfoMsgBodyHeader
{
    text-align: right;
    height: 8px;
    overflow: hidden;
    font-size: 1px;
}

div.InfoMsgBodyHeader img
{
    cursor: pointer;
}    

div.InfoMsgContent
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #003399;
    padding: 0px 15px 10px 36px;
}

/* ------ Category filter ---------------------- */

.filter-control-body {
    display: table;
    padding: 0px 0px 0px 0px;
    border: solid 1px lightgray;
    height: 30px;
    width: 540px;
    cursor: default;
}

.filter-control-header 
{
    display: table-cell;
    padding: 0px 10px 0px 10px;
    height: 25px;
    width: 90px;
    background-color: lightgray;
    font-style: italic;
    font-weight: bold;
    font-family: trebuchet;
}

.filter-control-clear {
    padding-top: 1px;
    float: right;
}

.filter-control-options {
    display: table;
}

.filter-control-element {
    float: left;
    padding: 3px 0px 0px 10px;
    height: 20px;
    line-height: 10px;
    font-size: 8pt;
}

#filterprice {
    display: table-cell;
    padding-left: 15px;
}

#slider-pre {
    float:left;margin-right:10px; padding-top:7px;
}
.price-filter-slider {
    display:table-cell;
    width:100px;
    padding-top:5px;    
}


/* ------ Sorting ---------------------- */

.sort-wrapping 
{
    margin-top: 1px;    
    display: table;
    padding: 0px 0px 0px 0px;
    border: solid 1px lightgray;
    height: 30px;
    width: 540px;
    cursor: default;
}
.sort-header 
{
    display: table-cell;
    padding: 0px 10px 0px 10px;
    height: 25px;
    width: 90px;
    background-color: lightgray;
    font-style: italic;
    font-weight: bold;
    font-family: trebuchet;
}

.sort-panel 
{
    display: table-cell;
}

.sort-label {
    color: gray;
    cursor: default;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 3px;
    font-size: 8pt;
}
.sort-up {
    color: black;
    cursor: pointer;
    font-size: 11pt;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
}
.sort-down {
    color: black;
    cursor: pointer;
    font-size: 11pt;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
}
.sort-up-selected {
    color: red;
    cursor: default;
    font-size: 11pt;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
}
.sort-down-selected {
    color: red;
    cursor: default;
    font-size: 11pt;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
}

#stock-notification-popup {
    background-color: #FFF; margin:20px;
}

#stock-notification-popup-form-part {
    margin: 20px 0;
    clear: both;
}

.stock-notification-col-send {
    margin-top: 10px;
}

#stock-notification-message {
    text-align: center;
    margin-top: 70px;
    font-weight: bold;
}


/*** Releware start ***/
div.releware-wrapper {
    clear: both;
    overflow: hidden;
}

div.releware-wrapper h2 {
    clear: both;
}

div.RecommendationGeneralWrapper div.NewsListItemImage a:hover
{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

div.releware-wrapper .product-wrapper {
    overflow: hidden;
}

/* -- RECOMMENDATION GENERAL LIST BOX ----------------------------------------------- */
div.RecommendationGeneralWrapper div.NewsListHeader
{
display: block;
}

div.RecommendationGeneralWrapper div.NewsListHeader h2
{
display: block;
}

div.RecommendationGeneralWrapper div.NewsListBody
{
  padding-left: 10px;
  padding-right: 10px;
}

div.RecommendationGeneralWrapper div.NewsListItem
{
  clear: both;
}

div.RecommendationGeneralWrapper div.NewsListItemImage
{
  float: left;
  text-align: center;
  padding-right: 5px;
}

div.RecommendationGeneralWrapper div.NewsListItemImage a
{
  display: block;
  overflow: hidden;
}

div.RecommendationGeneralWrapper div.NewsListItemImage a img
{
    
}

div.RecommendationGeneralWrapper div.NewsListItemText
{
  margin-left: 45px;
}

div.RecommendationGeneralWrapper div.NewsListItemFooter
{
  clear:both;
}

div.RecommendationGeneralWrapper div.NewsListItemSeparator
{
  clear:both;
  margin: 5px 0;
}

div.RecommendationGeneralWrapper div.RWItemTemplate
{
  clear:both;
  margin-top: 10px;
}
/*** Releware end ***/


/* Tooltips */
.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    position: absolute;
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

  .ui-tooltip-content{
      padding: 0px;
      margin: 0px;
      vertical-align: middle;
  }

/* -- Overlay ----------------------------------------------- */
.pi-overlay {
    color: #FFFFFF;
    height: 70px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    width: 70px;
    background-repeat: no-repeat;
    display: run-in;
    overflow:hidden;
}
.pio-top-left, .pio-top-right, .pio-bottom-left, .pio-bottom-right {
    position: absolute;
    pointer-events: none;
}

.pio-top-left {
    left: 0;
    top: 0;
}

.pio-top-right {
    right: 0;
    top: 0;
}

.pio-bottom-left {
    left: 0;
    bottom: 0;
}

.pio-bottom-right {
    right: 0;
    bottom: 0;
}

.pi-checkout {
    background-size: 100% auto;
    font-size: 78%;
    height: 55px;
    width: 35px;
}

.pi-overlay-search {
    background-size: 100% auto;
    font-size: 78%;
    height: 55px;
    width: 35px;
}
.pio-top-left { background-position: top left; }
.pio-top-right { background-position: top right; }
.pio-bottom-left { background-position: bottom left; }
.pio-bottom-right { background-position: bottom right; }

/* X */
.pi-sv-overlay4, .pi-da-overlay4, .pi-nb-overlay4, .pi-fi-overlay4, .pi-fr-overlay4, .pi-de-overlay4, .pi-it-overlay4, .pi-en-overlay4 { background-image: url("/images/overlay/overlay4.png"); }
.pi-sv-overlay5, .pi-da-overlay5, .pi-nb-overlay5, .pi-fi-overlay5, .pi-fr-overlay5, .pi-de-overlay5, .pi-it-overlay5, .pi-en-overlay5 { background-image: url("/images/overlay/overlay5.png"); }

/* en-GB */
.pi-en-overlay1 { background-image: url("/images/overlay/overlay1_en-GB.png"); }
.pi-en-overlay2 { background-image: url("/images/overlay/overlay2_en-GB.png"); }
.pi-en-overlay3 { background-image: url("/images/overlay/overlay3_en-GB.png"); }
.pi-en-overlay6 { background-image: url("/images/overlay/overlay6_en-GB.png"); }
.pi-en-overlay7 { background-image: url("/images/overlay/overlay7_en-GB.png"); }
.pi-en-overlay8 { background-image: url("/images/overlay/overlay8_en-GB.png"); }
.pi-en-overlay9 { background-image: url("/images/overlay/overlay9_en-GB.png"); }
.pi-en-overlay10 { background-image: url("/images/overlay/overlay10_en-GB.png"); }

/* sv */
.pi-sv-overlay1 { background-image: url("/images/overlay/overlay1_sv-SE.png"); }
.pi-sv-overlay2 { background-image: url("/images/overlay/overlay2_sv-SE.png"); }
.pi-sv-overlay3 { background-image: url("/images/overlay/overlay3_sv-SE.png"); }
.pi-sv-overlay6 { background-image: url("/images/overlay/overlay6_sv-SE.png"); }
.pi-sv-overlay7 { background-image: url("/images/overlay/overlay7_sv-SE.png"); }
.pi-sv-overlay8 { background-image: url("/images/overlay/overlay8_sv-SE.png"); }
.pi-sv-overlay9 { background-image: url("/images/overlay/overlay9_sv-SE.png"); }
.pi-sv-overlay10 { background-image: url("/images/overlay/overlay10_sv-SE.png"); }

/* da */
.pi-da-overlay1 { background-image: url("/images/overlay/overlay1_da-DK.png"); }
.pi-da-overlay2 { background-image: url("/images/overlay/overlay2_da-DK.png"); }
.pi-da-overlay3 { background-image: url("/images/overlay/overlay3_da-DK.png"); }
.pi-da-overlay6 { background-image: url("/images/overlay/overlay6_da-DK.png"); }
.pi-da-overlay7 { background-image: url("/images/overlay/overlay7_da-DK.png"); }
.pi-da-overlay8 { background-image: url("/images/overlay/overlay8_da-DK.png"); }
.pi-da-overlay9 { background-image: url("/images/overlay/overlay9_da-DK.png"); }
.pi-da-overlay10 { background-image: url("/images/overlay/overlay10_da-DK.png"); }

/* nb */
.pi-nb-overlay1 { background-image: url("/images/overlay/overlay1_nb-NO.png"); }
.pi-nb-overlay2 { background-image: url("/images/overlay/overlay2_nb-NO.png"); }
.pi-nb-overlay3 { background-image: url("/images/overlay/overlay3_nb-NO.png"); }
.pi-nb-overlay6 { background-image: url("/images/overlay/overlay6_nb-NO.png"); }
.pi-nb-overlay7 { background-image: url("/images/overlay/overlay7_nb-NO.png"); }
.pi-nb-overlay8 { background-image: url("/images/overlay/overlay8_nb-NO.png"); }
.pi-nb-overlay9 { background-image: url("/images/overlay/overlay9_nb-NO.png"); }
.pi-nb-overlay10 { background-image: url("/images/overlay/overlay10_nb-NO.png"); }

/* fi */
.pi-fi-overlay1 { background-image: url("/images/overlay/overlay1_fi-FI.png"); }
.pi-fi-overlay2 { background-image: url("/images/overlay/overlay2_fi-FI.png"); }
.pi-fi-overlay3 { background-image: url("/images/overlay/overlay3_fi-FI.png"); }
.pi-fi-overlay6 { background-image: url("/images/overlay/overlay6_fi-FI.png"); }
.pi-fi-overlay7 { background-image: url("/images/overlay/overlay7_fi-FI.png"); }
.pi-fi-overlay8 { background-image: url("/images/overlay/overlay8_fi-FI.png"); }
.pi-fi-overlay9 { background-image: url("/images/overlay/overlay9_fi-FI.png"); }
.pi-fi-overlay10 { background-image: url("/images/overlay/overlay10_fi-FI.png"); }

/* fr */
.pi-fr-overlay1 { background-image: url("/images/overlay/overlay1_fr-FR.png"); }
.pi-fr-overlay2 { background-image: url("/images/overlay/overlay2_fr-FR.png"); }
.pi-fr-overlay3 { background-image: url("/images/overlay/overlay3_fr-FR.png"); }
.pi-fr-overlay6 { background-image: url("/images/overlay/overlay6_fr-FR.png"); }
.pi-fr-overlay7 { background-image: url("/images/overlay/overlay7_fr-FR.png"); }
.pi-fr-overlay8 { background-image: url("/images/overlay/overlay8_fr-FR.png"); }
.pi-fr-overlay9 { background-image: url("/images/overlay/overlay9_fr-FR.png"); }
.pi-fr-overlay10 { background-image: url("/images/overlay/overlay10_fr-FR.png"); }

/* de */
.pi-de-overlay1 { background-image: url("/images/overlay/overlay1_de-DE.png"); }
.pi-de-overlay2 { background-image: url("/images/overlay/overlay2_de-DE.png"); }
.pi-de-overlay3 { background-image: url("/images/overlay/overlay3_de-DE.png"); }
.pi-de-overlay6 { background-image: url("/images/overlay/overlay6_de-DE.png"); }
.pi-de-overlay7 { background-image: url("/images/overlay/overlay7_de-DE.png"); }
.pi-de-overlay8 { background-image: url("/images/overlay/overlay8_de-DE.png"); }
.pi-de-overlay9 { background-image: url("/images/overlay/overlay9_de-DE.png"); }
.pi-de-overlay10 { background-image: url("/images/overlay/overlay10_de-DE.png"); }

/* it */
.pi-it-overlay1 { background-image: url("/images/overlay/overlay1_it-IT.png"); }
.pi-it-overlay2 { background-image: url("/images/overlay/overlay2_it-IT.png"); }
.pi-it-overlay3 { background-image: url("/images/overlay/overlay3_it-IT.png"); }
.pi-it-overlay6 { background-image: url("/images/overlay/overlay6_it-IT.png"); }
.pi-it-overlay7 { background-image: url("/images/overlay/overlay7_it-IT.png"); }
.pi-it-overlay8 { background-image: url("/images/overlay/overlay8_it-IT.png"); }
.pi-it-overlay9 { background-image: url("/images/overlay/overlay9_it-IT.png"); }
.pi-it-overlay10 { background-image: url("/images/overlay/overlay10_it-IT.png"); }


.category-navigation, .category-navigation ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

    .category-navigation a {
        cursor: pointer;
        display: block;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 300;
        font-size: 10pt;

    }

    .category-navigation .has-subcategories>a:before {
        content: '\25ba';
        float: left;
        margin-left: 5px;
        margin-right: -20px;
        color: #d9d9d9;
    }
    
    .category-navigation .active.has-subcategories>a:before {
        content: '\25ba';
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        float: left;
        color: #67869b;
    }
    
    .category-navigation > li > a {
        margin: 3px;
        padding: 5px;
        background-color: #ebebeb;
        border: 1px solid #dfdfdf ;

    }

    .category-navigation > li > a:hover {
        background-color: #a9a9a9;
        color: white;
        border: 1px solid #969696 ;
    }

    .category-navigation .has-subcategories > ul {
        margin-left: 15px;
        color: red;
    }

    .category-navigation .has-subcategories > ul > li > a {
        background-color: #ebebeb;
        border: 1px solid #dfdfdf ;

        border-radius: 5px;
        margin: 3px;
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .category-navigation .has-subcategories > ul > li > a:hover {
        background-color: #a9a9a9;
        color: white;
        border: 1px solid #969696 ;
    }

    .category-navigation .selected > a {
        background-color: #97aab9 !important;
        border: 1px solid #7792a5 !important;
        color: white;
        font-weight: 900;
    }




/*! jQuery UI - v1.10.3 - 2013-10-10
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.slider.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


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

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url(/SystemImages/jQueryUI/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(/SystemImages/jQueryUI/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url(/SystemImages/jQueryUI/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(/SystemImages/jQueryUI/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url(/SystemImages/jQueryUI/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(/SystemImages/jQueryUI/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(/SystemImages/jQueryUI/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

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

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(/SystemImages/jQueryUI/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(/SystemImages/jQueryUI/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(/SystemImages/jQueryUI/ui-icons_ef8c08_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(/SystemImages/jQueryUI/ui-icons_ef8c08_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(/SystemImages/jQueryUI/ui-icons_ef8c08_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(/SystemImages/jQueryUI/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(/SystemImages/jQueryUI/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666 url(/SystemImages/jQueryUI/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url(/SystemImages/jQueryUI/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px;
}



/* -- Startpage START --*/

.page-default .startpage-image {
    text-align: center;
}

.page-default .startpage-image img{
    padding: 4px 0 10px;
}

.page-default .startpage-text{
    margin-bottom: 4px; 
}

.startpage-items .startpage-custom-item, .startpage-items .startpage-product-item {
    float: left;
    overflow: hidden;
	 /* BEHAVIOUR */
    transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
}

.startpage-items .startpage-custom-item:hover, .startpage-items .startpage-product-item:hover {
    border-color:#ccc;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}

.startpage-items .startpage-custom-item .custom-item-link {
    position: relative;
}


.startpage-items .startpage-custom-item .custom-item-image {
    position: relative;
    width: 100%;
}

.startpage-items .startpage-custom-item .custom-item-text {

}

.startpage-items .columns-1, .startpage-items .columns-2, .startpage-items .columns-3, .startpage-items .columns-4 {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height: 350px;
	margin:0 10px 10px 0;
	border:1px solid #efefef;
  	position:relative;
}

.startpage-items span.custom-item-text {
	display:inline-block;
    margin:10px;
}

div.columns-2.last, div.columns-3.last, div.columns-4.last {
	margin-right:0;	
}

.startpage-items .columns-1 {
    width: 100%;
}

.startpage-items .columns-2 {
	width:49%;
  	margin-right:2%;
}

.startpage-items .columns-3 {
	width:32%;
  	margin-right:2%
}

.startpage-items .columns-4 {
	width:23.5%;
  	margin-right:2%;
}

.startpage-items .columns-1, .startpage-items .columns-2, .startpage-items .columns-3, .startpage-items .columns-4 {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}




/* -- Startpage Product item ---------------------------------*/

.startpage-items .startpage-product-item {
	background:#fff;
}

.startpage-items .product-image {
   	margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}

.startpage-items .product-image img {
    width: auto;
    vertical-align: middle;
}

.startpage-items div.product-name a, .startpage-items div.product-name span {
	display:block;
	text-align:center;
	clear:both;
}

div.startpage-items .product-name > a {
  font-weight: bold;
}

.startpage-items div.price-standard {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	height: 52px;
	line-height:52px;
}

.startpage-items div.price-promotion {
	font-size:24px;
	color:#cc0000;
	font-weight:bold;
	text-align:center;
	display:inline-block;
}

.startpage-items div.product-price {
	text-align:center;
	height: 52px;
	line-height:52px;
}

.startpage-items div.product-price-previous {
	font-size:14px;
	color:#999;
	text-decoration:line-through;
	margin-left:10px;
	font-weight:bold;
	text-align:center;
	display:inline-block;
}

.startpage-items .product-buttons {
	text-align:center;
}

/* -- 3 col tweaks -- */

.three-columns .startpage-items .columns-3 {
	height:310px;
}

.three-columns .startpage-items .columns-3 .product-image img {
    width: 85%;
    vertical-align: middle;
}

/* -- end 3 col tweaks -- */

/* -- 4 col tweaks -- */

.startpage-items .columns-4 {
	height:320px;
}

.startpage-items .columns-4 .product-image {
  	line-height:150px;
}

.startpage-items .columns-4 .product-image img {
    width: 85%;
    vertical-align: middle;
}

.startpage-items .columns-4 .product-price {
	position:absolute;
  	bottom: 50px;
  	width:100%;
  	text-align:center;
}

.startpage-items .columns-4 .product-buttons {
	position:absolute;
  	bottom: 0px;
  	width:100%;
  	text-align:center;
}

.startpage-items .columns-4 div.price-promotion {
	font-size:18px;
	color:#cc0000;
	font-weight:bold;
	text-align:center;
	display:inline-block;
}

.startpage-items .columns-4 div.price-standard {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	height: 52px;
	line-height:52px;
}


/* -- end 4 col tweaks -- */

.startpage-items a.button-info {
    /* TEXT */
    font-family: Arial, helvetica, geneva, verdana, sans-serif;
    color: #333333;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size: .7em;
    
    /* BOX */
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    border: solid #ccc 2px;
    background:#ddd;
    margin:10px 0;
    display:inline-block;
    max-width:200px;
  
  
    /* BEHAVIOUR */
    transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    cursor:pointer;
}

.startpage-items a.button-info:hover {
    /* HOVER STATE */
    background: #f5f5f5;
    border: solid #ddd 2px;
 }

/* -- Startpage END --*/

 .display-block {
     display: block;
 }