/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
* {
    margin: 0;
    padding: 0;
    text-align: left
    }
html {
    font-size: 16px
    }
/* Fix for Opera */
body {
    font: 75%/150% Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #333;
    text-align: center
    }
img {
    border: 0;
    vertical-align: top;
    max-width: 100%
    }
a {
    color: #888;
    text-decoration: none
    }
a:hover {
    text-decoration: none;
    color: #ca0413
    }
:focus {
    outline: 0
    }
/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px;
    /*5px*/
    }
h1 {
    font-size: 2.6666em;
    font-weight: normal;
    line-height: 1.25em;
    /*32px, 40px*/
    }
h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.6666em;
    /*18px, 30px*/
    }
h3 {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2em;
    /*15px, 18px*/
    }
h4 {
    font-size: 1.1666em;
    font-weight: bold;
    /*14px*/
    }
h5 {
    font-size: 1em;
    font-weight: bold
    }
h6 {
    font-size: 1em;
    font-weight: bold
    }
/* Forms */
form {
    display: inline
    }
fieldset {
    border: 0
    }
legend {
    display: none
    }
/* Table */
table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%
    }
caption, th, td {
    vertical-align: top;
    text-align: left;
    font-weight: normal
    }
/* Content */
strong {
    font-weight: bold
    }
address {
    font-style: normal
    }
cite {
    font-style: normal
    }
q, blockquote {
    quotes: none
    }
q:before, q:after {
    content: ""
    }
small, big {
    font-size: 1em
    }
sup {
    font-size: 1em;
    vertical-align: top
    }
/* Lists */
ul, ol {
    list-style: none
    }
/* Tools */
.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
    }
.nobr {
    white-space: nowrap !important
    }
.wrap {
    white-space: normal !important
    }
.a-left {
    text-align: left !important
    }
.a-center {
    text-align: center !important
    }
.a-right {
    text-align: right !important
    }
.v-top {
    vertical-align: top
    }
.v-middle {
    vertical-align: middle
    }
.f-left, .left {
    float: left !important
    }
.f-right, .right {
    float: right !important
    }
.f-none {
    float: none !important
    }
.f-fix {
    float: left;
    width: 100%;
    min-height: 147px;
    position: relative
    }
.no-display {
    display: none
    }
.no-margin {
    margin: 0 !important
    }
.no-padding {
    padding: 0 !important
    }
.no-bg {
    background: none !important
    }
.sharebuttonz {
    margin-left: 290px;
    margin-top: -65px
    }
/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.wrapper {
    border-top: 5px solid #333
    }
.page {
    text-align: left;
    background-repeat: repeat;
    background-position: center top
    }
.page-print {
    background: #fff;
    padding: 20px;
    text-align: left
    }
.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left
    }
.page-popup {
    padding: 20px;
    text-align: left;
    background: #fff
    }
.main {
    padding: 0;
    padding: 40px 0;
    min-height: 370px
    }
/* Decrease padding on home page */
body.cms-index-index .main, body.cms-index-defaultindex .main {
    padding-top: 20px;
    padding-bottom: 20px
    }
/* Base Columns */
.col-left {
    float: left
    }
.col-main {
    float: left
    }
.col-right {
    float: right
    }
/* 1 Column Layout */
/* 2 Columns Layout */
.col2-left-layout .col-main {
    float: right
    }
/* 3 Columns Layout */
.col3-layout .col-wrapper {
    float: left
    }
.col3-layout .col-wrapper .col-main {
    float: right
    }
/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 49%
    }
.col2-set .col-2 {
    float: right;
    width: 49%
    }
.col2-set .col-narrow {
    width: 33%
    }
.col2-set .col-wide {
    width: 65%
    }
.col3-set .col-1 {
    float: left;
    width: 32%
    }
.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%
    }
.col3-set .col-3 {
    float: right;
    width: 32%
    }
.col4-set .col-1 {
    float: left;
    width: 23.5%
    }
.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%
    }
.col4-set .col-3 {
    float: left;
    width: 23.5%
    }
.col4-set .col-4 {
    float: right;
    width: 23.5%
    }
/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Form Elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
input, select, textarea, button {
    font: 12px/15px Arial, Helvetica, sans-serif;
    vertical-align: middle
    }
input.input-text, select, textarea {
    background: #fff;
    border: 1px solid #ccc
    }
input.input-text, textarea {
    padding: 7px 2px
    }
select {
    padding: 6px 6px 6px 2px
    }
select option {
    padding-right: 10px
    }
select.multiselect option {
    border-bottom: 1px solid #e5e5e5;
    padding: 2px 5px
    }
select.multiselect option:last-child {
    border-bottom: 0
    }
textarea {
    overflow: auto
    }
input.radio {
    margin-right: 3px
    }
input.checkbox {
    margin-right: 3px
    }
input.qty {
    width: 2.5em !important
    }
input.input-text:hover, select:hover, textarea:hover {
    border-color: #999
    }
input.input-text:focus, select:focus, textarea:focus {
    border-color: #999;
    outline: none;
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2)
    }
.aw-onestepcheckout-cart-table .product-name {
    font-size: 12px
    }
/* Buttons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.button {
    border: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #fff;
    cursor: pointer
    }
button.button::-moz-focus-inner {
    padding: 0;
    border: 0
    }
/* FF Fix */
button.button {
    -webkit-border-fit: lines;
    /* <- Safari & Google Chrome Fix */
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer
    }
button.button span {
    float: left;
    display: block;
    padding: 0;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    background-color: #ddd;
    color: #333;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out
    }
button.button:hover span {
    background-color: #333;
    color: #fff
    }
button.button span span {
    padding: 0 25px;
    height: 45px;
    font-size: 14px;
    line-height: 45px
    }
button.button2 span span {
    padding: 0 25px;
    height: 45px;
    color: 0;
    font-size: 10px;
    line-height: 45px
    }
button.button2::-moz-focus-inner {
    padding: 0;
    border: 0
    }
/* FF Fix */
button.button2 {
    -webkit-border-fit: lines;
    /* <- Safari & Google Chrome Fix */
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer
    }
button.button2 span {
    float: left;
    display: block;
    padding: 0;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    background-color: #ddd;
    color: #333;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out
    }
button.button2:hover span {
    background-color: #333;
    color: #fff
    }
button.button2 span span {
    padding: 0 25px;
    height: 35px;
    line-height: 35px
    }
/* Smaller button - for inline display with input boxes
-------------------------------------------------------------- */
button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span {
    padding: 0 10px;
    line-height: 32px;
    height: 32px
    }
button.button.btn-inline255 span span, .product-view .box-tags .form-add button.button span span {
    padding: 0 10px;
    width: 255px;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    height: 32px
    }
/* Big button: Add to cart (product view) & Proceed to checkout
-------------------------------------------------------------- */
.product-view .btn-cart span, button.btn-checkout span {
    /*background-color:#bf2330; color:#fff;*/
    }
.product-view .btn-cart span span, button.btn-checkout span span {
    padding: 5px 25px;
    font-size: 20px
    }
/* Add to cart only */
.product-view .btn-cart span span {
    padding: 5px 40px;
    font-size: 25px;
    font-style: bold
    }
/* Add to cart - all */
/*button.button.btn-cart span {}
button.button.btn-cart:hover span {}*/
/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
p.control input.checkbox, p.control input.radio {
    margin-right: 6px
    }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}*/
/*.highlight { background:#efefef; }*/
/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li {
    margin: 0 0 8px
    }
.form-list label {
    float: left;
    font-weight: bold;
    position: relative;
    z-index: 0;
    margin: 0 0 2px 0
    }
.form-list label.required em {
    float: right;
    font-style: normal;
    position: absolute;
    top: 0;
    right: -8px
    }
.form-list li.control label {
    float: none
    }
.form-list li.control input.radio, .form-list li.control input.checkbox {
    margin-right: 6px
    }
.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto
    }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box {
    display: block;
    clear: both
    }
.form-list .field {
    float: left;
    width: 275px;
    margin-bottom: 5px
    }
.form-list input.input-text {
    width: 254px
    }
.form-list textarea {
    width: 254px;
    height: 10em
    }
.form-list select {
    width: 260px
    }
.form-list li.wide .input-box {
    /*width:535px;*/
    }
.form-list li.wide input.input-text {
    /*width:529px;*/
    }
.form-list li.wide textarea {
    /*width:529px;*/
    }
.form-list li.wide select {
    /*width:535px;*/
    }
.form-list li.additional-row {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px
    }
.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0
    }
.form-list .input-range input.input-text {
    width: 74px
    }
/* Customer */
.form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto
    }
.form-list .name-prefix {
    width: 65px
    }
.form-list .name-prefix select {
    width: 55px
    }
.form-list .name-prefix input.input-text {
    width: 49px
    }
.form-list .name-suffix {
    width: 65px
    }
.form-list .name-suffix select {
    width: 55px
    }
.form-list .name-suffix input.input-text {
    width: 49px
    }
.form-list .name-middlename {
    width: 70px
    }
.form-list .name-middlename input.input-text {
    width: 49px
    }
.form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname {
    width: 140px
    }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text {
    width: 124px
    }
.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 205px
    }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px
    }
.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px
    }
.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px
    }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px
    }
.form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname {
    width: 210px
    }
.form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname {
    width: 205px
    }
.form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 189px
    }
.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year {
    float: left;
    width: 85px
    }
.form-list .customer-dob input.input-text {
    display: block;
    width: 74px
    }
.form-list .customer-dob label {
    font-size: 10px;
    font-weight: normal
    }
.form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {
    width: 60px
    }
.form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text {
    width: 46px
    }
.form-list .customer-dob .dob-year {
    width: 140px
    }
.form-list .customer-dob .dob-year input.input-text {
    width: 134px
    }
/* Orders and Returns form
-------------------------------------------------------------- */
#oar_widget_orders_and_returns_form ul li {
    margin: 0 0 5px;
    height: 30px
    }
/* Buttons set
-------------------------------------------------------------- */
.buttons-set {
    clear: both;
    margin: 10px 0
    }
.buttons-set button.button {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px
    }
.buttons-set p.required {
    margin: 0 0 5px
    }
.contacts-index-index .buttons-set {
    float: left;
    margin-top: -10px
    }
.contacts-index-index .buttons-set .required {
    text-align: left
    }
.contacts-index-index .buttons-set .button {
    margin-left: 0
    }
.buttons-set .back-link {
    float: left;
    margin-bottom: 5px
    }
.buttons-set .back-link a {
    display: block;
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 10px -393px no-repeat;
    /* Icon moved down 7px: -400 + 7 = -392 */
    padding: 8px 15px 8px 32px
    }
.buttons-set .back-link small {
    display: none
    }
/* Fieldset
-------------------------------------------------------------- */
/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
.fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set {
    border-top: 1px solid #e5e5e5;
    margin: 30px 0 0;
    padding: 30px 30px 10px
    }
.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {
    background-color: #fff;
    float: left;
    margin: -46px 0 0 -10px;
    padding: 0 10px
    }
/* Form Validation
-------------------------------------------------------------- */
.validation-advice {
    clear: both;
    font-size: 0.9166em;
    line-height: 1em;
    color: #ee001c;
    margin-top: 5px
    }
.validation-failed {
    border: 1px solid #ee001c !important;
    background: #fff !important
    }
/* Required */
p.required {
    font-size: 0.8333em;
    /*10px*/
    text-align: right
    }
p.required, .product-options dt label.required em, .form-list label.required em {
    color: #D90000
    }
/* Expiration date and CVV number validation fix */
.v-fix {
    float: left
    }
.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative
    }
/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.success {
    color: #3d6611;
    font-weight: bold
    }
.error {
    color: #ee001c;
    font-weight: bold
    }
.notice {
    color: #ccc
    }
.messages, .messages ul {
    list-style: none !important;
    margin: 0;
    padding: 0
    }
.messages {
    overflow: hidden;
    margin: 0 0 10px
    }
.messages li {
    margin: 0 0 1%
    }
.messages li li {
    margin: 0
    }
.messages a {
    text-decoration: underline
    }
.catalog-category-view .messages {
    margin-top: 15px
    }
.error-msg, .success-msg, .note-msg, .notice-msg {
    background-position: 25px center !important;
    background-repeat: no-repeat !important;
    padding: 25px 25px 25px 80px !important;
    font-size: 12px !important
    }
.error-msg {
    border-color: #c02230;
    background-color: #F5DAD3;
    background-image: url(/skin/frontend/ultimo/default/images/i_msg-error.png);
    color: #c02230
    }
.success-msg {
    border-color: #296a23;
    background-color: #e9ffca;
    background-image: url(/skin/frontend/ultimo/default/images/i_msg-success.png);
    color: #296a23
    }
.note-msg, .notice-msg {
    border-color: #7c622a;
    background-color: #FDEDA4;
    background-image: url(/skin/frontend/ultimo/default/images/i_msg-note.png);
    color: #7c622a
    }
.note-msg.empty-catalog {
    background: url(/skin/frontend/ultimo/default/images/img/empty-catalog.png) center 30px no-repeat transparent !important;
    color: inherit;
    padding: 170px 10px 50px !important;
    text-align: center
    }
/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs {
    line-height: 1.5em;
    /*18px*/
    margin: -0.5em 0 5px
    }
/* Breadcrumbs on product page */
.catalog-product-view .breadcrumbs {
    margin-bottom: 10px
    }
.breadcrumbs li {
    display: inline;
    font-size: 0.9166em;
    /*11px*/
    }
.breadcrumbs a {
    display: block;
    float: left
    }
.breadcrumbs li span {
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) 0 -129px no-repeat;
    width: 7px;
    height: 5px;
    margin: 6px 4px 0;
    display: block;
    float: left;
    text-indent: -9999px;
    overflow: hidden
    }
.breadcrumbs li strong {
    font-weight: normal;
    display: block
    }
/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title {
    padding: 0;
    margin: 0 0 15px
    }
.my-account .page-title, .category-title {
    border-bottom: 1px solid #e5e5e5
    }
.page-title h1, .page-title h2 {
    margin: 0;
    min-height: 1.3125em;
    /* 42px. Same as ".block .block-title" total height - 1px (for border) */
    }
.page-title .separator {
    margin: 0 3px
    }
.page-title .link-rss {
    float: right;
    margin-top: 10px
    }
.title-buttons {
    text-align: right
    }
.title-buttons button {
    margin-left: 1em
    }
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
    float: left;
    text-align: left;
    /* TRICKY: align left as opposition to other elements */
    }
.review-thing {
    float: right
    }
.rating {
    float: right
    }
.review {
    float: right
    }
.item {
    float: left
    }
#trustpilot {
    float: right
    }
/* Buttons - adjust the height of heading buttons in customer account (needed for the Address Book) */
.my-account .title-buttons button span span {
    height: 35px;
    line-height: 35px
    }
/* Toolbar: pager and sorter
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Sorter
-------------------------------------------------------------- */
.sorter {
    padding: 5px 0
    }
.sorter .view-mode {
    float: right
    }
.sorter .view-mode label {
    margin-right: 5px
    }
.sorter .view-mode .grid, .sorter .view-mode .list {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 1px;
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) no-repeat transparent;
    text-indent: -9999px;
    overflow: hidden
    }
.sorter .view-mode .grid {
    background-position: 0 -277px
    }
.sorter .view-mode .list {
    background-position: -30px -277px;
    margin-left: -5px
    }
.sorter .view-mode a.grid:hover {
    background-position: 0 -307px
    }
.sorter .view-mode a.list:hover {
    background-position: -30px -307px
    }
/*.sorter { padding:5px 0; }
.sorter .view-mode { float:right; }
.sorter .view-mode label { float:left; margin-right:5px; }
.sorter .view-mode .grid,
.sorter .view-mode .list {
	float:left;
	margin:0 0 0 1px;
	display:block;
	background:url(http://www.sport44.com/skin/frontend/ultimo/default/images/img/pix.png) no-repeat transparent;
	text-indent:-9999px;
	overflow:hidden;
}
.sorter .view-mode .grid { background-position:0 -277px; }
.sorter .view-mode .list { background-position:-30px -277px; }
.sorter .view-mode a.grid:hover { background-position:0 -307px; }
.sorter .view-mode a.list:hover { background-position:-30px -307px; }
.sorter .view-mode a:hover {}
.sorter .view-mode span.grid,
.sorter .view-mode span.list {}*/
.sorter .sort-by {
    float: left;
    margin-right: 10px;
    padding-right: 3px;
    background: url(/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat
    }
.sorter .sort-by .category-asc, .sorter .sort-by .category-desc {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden
    }
.sorter .sort-by .category-asc {
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) 0 -87px no-repeat transparent
    }
.sorter .sort-by .category-desc {
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) -30px -87px no-repeat transparent
    }
.sorter .sort-by .category-asc:hover {
    background-position: -60px -87px
    }
.sorter .sort-by .category-desc:hover {
    background-position: -90px -87px
    }
/* Pager
-------------------------------------------------------------- */
.pager {
    margin: 10px 0;
    padding: 5px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
    }
.pager .pages {
    float: right;
    vertical-align: middle;
    /* Vertical align to fix positionning issue */
    }
.pager .pages strong, .pager .pages span {
    float: left;
    margin-right: 5px;
    font-weight: normal
    }
.pager .pages ol {
    display: inline
    }
.pager .pages li {
    float: left;
    margin: 0 0 0 1px;
    display: block;
    text-align: center
    }
.pager .pages li a {
    display: block;
    background-color: transparent;
    text-align: center;
    color: inherit;
    background-color: #f5f5f5
    }
.pager .pages li a.previous, .pager .pages li a.next {
    background-image: url(/skin/frontend/ultimo/default/images/img/pix.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden
    }
.pager .pages li a.previous {
    background-position: 0 -55px
    }
.pager .pages li a.next {
    background-position: -30px -55px
    }
/* Toolbar. Pager and sorter inside toolbar
-------------------------------------------------------------- */
.toolbar {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: -1px;
    /* To cover the top line of the products grid/list */
    /* Move up to cover adjacent lines/elements */
    position: relative;
    z-index: 1
    }
/* Pager inside toolbar - align center */
.toolbar .pager {
    margin: 0;
    border-bottom: none;
    border-top: 1px dashed #e5e5e5;
    text-align: center
    }
.toolbar .pager .pages {
    display: inline-block;
    float: none
    }
/* Bottom toolbar */
.toolbar-bottom {
    margin-top: 10px
    }
.toolbar-bottom .toolbar {
    border-bottom: none
    }
.toolbar-bottom .toolbar .pager {
    border-top: none
    }
.toolbar-bottom .sorter {
    display: none
    }
/* Common styles for toolbar elements
-------------------------------------------------------------- */
/* Size */
.sorter, .pager {
    line-height: 30px
    }
.sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li {
    width: 30px;
    height: 30px
    }
/*.toolbar .pager { height:30px; }*/
/* Active item color */
.sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages li.current {
    background-color: #ddd
    }
/* Hover item color */
.sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover {
    background-color: #ddd
    }
/* Amount */
.pager .amount, .sorter .amount {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    background: url(/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat
    }
/* Limiter */
.pager .limiter, .sorter .limiter {
    float: left;
    margin-right: 15px
    }
/* All elements - vertical spacing */
.pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by {
    padding-top: 5px;
    padding-bottom: 5px
    }
/* Data Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.data-table {
    width: 100%
    }
.data-table th, .data-table td {
    padding: 10px
    }
.data-table thead {
    background: none;
    border-bottom: 1px solid #e5e5e5
    }
.data-table thead th {
    font-weight: bold;
    vertical-align: bottom
    }
.data-table thead th.wrap {
    white-space: normal
    }
.data-table tr.odd td, .data-table tr.odd th {
    border-right: 1px solid #f5f5f5
    }
.data-table tr.odd td.last {
    border-right: none
    }
.data-table tr.odd.last {
    border-bottom: #eee solid 1px
    }
.data-table tr.even {
    background-color: #f8f8f8
    }
.data-table tr.even td, .data-table tr.even th {
    border-right: 1px solid #f1f1f1
    }
.data-table tr.even td.last {
    border-right: none
    }
.data-table tbody tr.product-shop-row:hover {
    background-color: #FFF
    }
.data-table tbody.odd td {
    border-width: 0 1px
    }
.data-table tbody.odd tr.last {
    border-bottom: #e5e5e5 solid 1px
    }
.data-table tbody.even {
    background-color: #f1f1f1
    }
.data-table tbody.even td {
    border-width: 0 1px
    }
.data-table th .tax-flag {
    /*white-space:nowrap;*/
    font-weight: normal
    }
/* Additional classes for mobile devices
-------------------------------------------------------------- */
/* Cell title */
.data-table .cell-label {
    display: none
    }
/* Shopping cart total summary row expandable to details
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
tr.summary-total {
    cursor: pointer
    }
tr.summary-total .summary-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    background: url(/skin/frontend/ultimo/default/images/bkg_collapse.gif) 0 4px no-repeat;
    cursor: pointer
    }
tr.show-details .summary-collapse {
    background-position: 0 -53px
    }
tr.summary-details td {
    font-size: 11px;
    background-color: #f5f5f5;
    color: #777;
    padding: 2px 5px !important
    }
tr.summary-details-first td {
    border-top: 1px solid #d5d5d5
    }
tr.summary-details-excluded {
    font-style: italic
    }
/* Shopping cart tax info
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-tax-info {
    display: block
    }
.cart-tax-info, .cart-tax-info .cart-price {
    padding-right: 20px
    }
.cart-tax-total {
    display: block;
    padding-right: 20px;
    background: url(/skin/frontend/ultimo/default/images/bkg_collapse.gif) 100% 4px no-repeat;
    cursor: pointer
    }
.cart-tax-info .price, .cart-tax-total .price {
    display: inline !important;
    font-weight: normal !important
    }
.cart-tax-total-expanded {
    background-position: 100% -53px
    }
/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.link-cart {
    font-weight: bold;
    background-color: #f12b63;
    color: #fff;
    border-radius: 4px;
    padding: 1px 3px 1px 3px
    }
.link-reorder {
    font-weight: bold
    }
.link-print {
    background: url(/skin/frontend/ultimo/default/images/i_print.gif) 0 2px no-repeat;
    padding: 2px 0 2px 25px
    }
.link-rss {
    background: url(/skin/frontend/ultimo/default/images/i_rss.gif) 0 3px no-repeat;
    padding-left: 18px;
    white-space: nowrap
    }
.cards-list dt {
    margin: 5px 0 0
    }
.cards-list .offset {
    padding: 2px 0 2px 20px
    }
.separator {
    margin: 0 3px;
    font-weight: normal;
    color: #e5e5e5
    }
.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: url(/skin/frontend/ultimo/default/images/bkg_divider1.gif) 0 50% repeat-x;
    text-indent: -999em;
    overflow: hidden
    }
/* Global site notices
-------------------------------------------------------------- */
.global-site-notice {
    border: 1px solid #cfcfcf;
    border-width: 0 0 1px;
    background: #f5f5f5;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f
    }
.global-site-notice .notice-inner {
    width: 860px;
    margin: 0 auto;
    padding: 12px 0 12px 80px;
    background: url(/skin/frontend/ultimo/default/images/i_notice.gif) 20px 25px no-repeat;
    text-align: left
    }
.global-site-notice .notice-inner p {
    margin: 0;
    border: 1px dotted #cccc73;
    padding: 10px
    }
.global-site-notice .notice-inner .actions {
    padding-top: 10px
    }
/* Cookie Notice */
/* Noscript Notice */
/* Demo Notice */
.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    border: 0;
    text-align: center;
    color: #fff
    }
.demo-notice .notice-inner {
    width: auto;
    padding: 0;
    background: none;
    text-align: center
    }
.demo-notice .notice-inner p {
    padding: 0;
    border: 0
    }
/* Buttons remove/close and edit
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Common styles for buttons
-------------------------------------------------------------- */
.btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a {
    display: block;
    width: 17px;
    height: 17px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden
    }
.btn-remove, .btn-remove2, .tool-tip .btn-close a {
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) 0 -150px no-repeat
    }
.btn-remove:hover, .btn-remove2:hover, .tool-tip .btn-close a:hover {
    background-position: -17px -150px
    }
.btn-remove:active, .btn-remove2:active, .tool-tip .btn-close a:focus {
    background-position: -34px -150px
    }
/* Button edit
-------------------------------------------------------------- */
.btn-edit {
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) 0 -167px no-repeat;
    margin: 0 5px 0 0
    }
.btn-edit:hover {
    background-position: -17px -167px
    }
.btn-edit:active {
    background-position: -34px -167px
    }
/* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Styles for admin-controlled content */
.std .subtitle {
    padding: 0
    }
.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em
    }
.std dl dt {
    font-weight: bold
    }
.std dl dd {
    margin: 0 0 10px
    }
.std dl, .std p, .std address, .std blockquote {
    margin: 0 0 1em;
    padding: 0
    }
/* Lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered lists
-------------------------------------------------------------- */
/* Common basic styling */
ul.bullet, ul.disc {
    margin: 1em 0;
    padding: 0
    }
/* Disc */
ul.disc {
    list-style: disc outside none;
    padding-left: 1.5em
    }
ul.disc li {
    background-image: none;
    padding-left: 0
    }
/* Bullet */
ul.bullet {
    list-style: none outside none
    }
ul.bullet li {
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
    padding-left: 25px;
    transition: background-position 150ms ease-out;
    -moz-transition: background-position 150ms ease-out;
    -webkit-transition: background-position 150ms ease-out;
    -o-transition: background-position 150ms ease-out
    }
ul.bullet li:hover {
    background-position: 3px 0
    }
/* No bullets */
/*.std ul.no-bullets { list-style:none outside none; padding-left:0; }
.std ul.no-bullets li { background-image:none; padding-left:0; }*/
/* Unordered lists: different bullets */
ul.list1 li {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list1.png)
    }
ul.list2 li {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list2.png)
    }
ul.list11 li {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list11.png)
    }
ul.list12 li {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list12.png)
    }
ul.list13 li {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list13.png)
    }
/* Nested unordered lists
-------------------------------------------------------------- */
ul.bullet ul, ul.disc ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em
    }
ul.bullet ul li, ul.disc ul li {
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat;
    padding-left: 1.5em
    }
/* Ordered lists
-------------------------------------------------------------- */
.std ol {
    list-style: decimal outside;
    margin: 10px 0;
    padding: 0 0 0 1.5em
    }
.std ol ol, .std ul ol, .std ol ul {
    margin: 0.5em 0
    }
/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std dt {
    font-weight: bold
    }
.std dd {
    padding: 0 0 0 1.5em
    }
.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em
    }
.std address {
    font-style: normal
    }
.std b, .std strong {
    font-weight: bold
    }
.std i, .std em {
    font-style: italic
    }
/* Override std styles for selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std .products-grid p {
    margin-bottom: 0
    }
/* Common styling %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Vertical positioning of elements 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v {
    display: table;
    width: 100%
    }
.v .v-item {
    float: none;
    display: table-cell;
    vertical-align: middle
    }
.v2 .v-item {
    width: 50%
    }
.v3 .v-item {
    width: 31.3333%
    }
/* Common styles (sizes) for links and other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top {
    line-height: 2.6666em;
    height: 40px
    }
/* 32px */
.links li a, #mini-cart .block-title, .header .block-compare .block-title {
    line-height: 2.6666em;
    padding: 0 0.5833em
    }
/* line-height:32px; padding:0 7px; */
/* Fixed page top */
.page-top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 40px;
    background: #fff;
    z-index: 999999;
    box-shadow: 2px 2px 10px #ccc
    }
.page-top .center {
    margin: 0 auto;
    max-width: 1160px
    }
.page-top .links {
    float: right;
    line-height: 40px;
    margin-top: 4px
    }
.page-top .links a {
    text-decoration: none;
    color: #333
    }
.page-top .cart-top {
    float: right;
    line-height: 40px
    }
.page-top .cart-link {
    /*padding-left: 40px; background: url(http://www.sport44.com/skin/frontend/ultimo/default/images/shopping-cart.png) left 6px no-repeat;*/
    float: left;
    margin-right: 10px;
    text-decoration: none;
    font-weight: bold
    }
.page-top .span {
    float: left
    }
.page-top .cart-top .button {
    margin-left: 10px
    }
.page-top .cart-top .note {
    color: #666;
    font-size: 11px;
    padding-left: 10px
    }
#page-top-fade {
    float: left
    }
#page-top-fade img {
    float: left;
    margin-top: 2px;
    padding: 10px 0
    }
#page-top-fade span {
    line-height: 40px;
    float: left;
    height: 40px;
    margin-left: 20px;
    font-weight: bold
    }
#page-top-fade span strong {
    color: #7ac315
    }
/* Links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic links, no separators
-------------------------------------------------------------- */
.links li {
    float: left
    }
.links a {
    display: block
    }
/* Links with separators (right)
-------------------------------------------------------------- */
.show-separators .links li {
    margin-left: -1px
    }
.show-separators .links li a {
    background-image: url(/skin/frontend/ultimo/default/images/img/link-separator.png);
    background-position: right center;
    background-repeat: no-repeat
    }
.show-separators .links li.last a {
    background-image: none
    }
.show-separators .links li.hide-separator a {
    background-image: none
    }
.show-separators .links li.separator-left a {
    background-position: left center
    }
/* Links with separators (left)
-------------------------------------------------------------- */
.show-separators-left .links li {
    margin-left: -1px
    }
.show-separators-left .links li a {
    background-image: url(/skin/frontend/ultimo/default/images/img/link-separator.png);
    background-position: left center;
    background-repeat: no-repeat
    }
.show-separators-left .links li.first a {
    background-image: none
    }
.show-separators-left .links li.hide-separator a {
    background-image: none
    }
.show-separators-left .links li.separator-right a {
    background-position: right center
    }
/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.header-container {
    background-repeat: repeat;
    background-position: center top
    }
.header {
    padding: 0
    }
/* Basic header sections
-------------------------------------------------------------- */
.header-main {
    text-align: center
    }
/* Misc header elements
-------------------------------------------------------------- */
/* Header top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top .item-left {
    float: left;
    margin-right: 20px
    }
.header-top .item-right {
    float: right;
    margin-left: 20px
    }
/* Header top - help block */
.block_header_top_help .phone {
    background: url(/skin/frontend/ultimo/default/images/img/ic-phone.png) 0 center no-repeat;
    padding: 0 0 0 24px
    }
/* Logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-main {
    margin: 10px 0
    }
@media screen and (max-width: 768px) {
    .header-main {
        margin-top: 60px
        }
    }
.header .logo-wrapper {
    margin: 10px 0
    }
.header .logo {
    display: inline-block;
    max-width: 230px;
    margin: 0;
    text-decoration: none !important
    }
.header .logo img {
    max-width: 250px
    }
.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden
    }
/* User menu, top links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.user-menu {
    float: right;
    margin: 10px 0 10px 10px
    }
#mini-cart {
    float: right;
    margin-top: -6px
    }
.top-links {
    float: right
    }
/* Set floating because there can be more than one list of links. */
.top-links ul {
    float: right
    }
/* Quick search
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top-search-wrapper {
    float: left;
    margin: 20px 0
    }
/*.header-top-search-wrapper .advanced-search-link { display:none; position:absolute; }
.header-top-search-wrapper:hover .advanced-search-link { display:block; }*/
#search_mini_form {
    clear: both;
    display: block
    }
.header .form-search {
    position: relative;
    margin: 0 auto;
    width: 80%
    }
.header .form-search label {
    float: left;
    margin: 3px 4px 0 0;
    display: none
    }
.header .form-search .input-text {
    color: #888;
    background-color: #fff;
    padding: 0 0 0 7px;
    width: 98%;
    height: 32px;
    line-height: 32px;
    /*IE8*/
    }
.header .form-search .input-text:hover, .header .form-search .input-text:focus {
    color: #333
    }
.header .form-search .input-text:focus {
    border-color: #333
    }
.header .form-search .button {
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 3px -117px no-repeat #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 2px;
    top: 5px
    }
.header .form-search .button span {
    background: none;
    display: none
    }
/* Search autocomplete */
.header .form-search .search-autocomplete {
    left: 0 !important;
    top: 42px !important;
    z-index: 999;
    position: relative;
    z-index: 3000
    }
.header .form-search .search-autocomplete ul {
    background-color: #fff;
    text-align: left;
    margin-top: -2px
    }
.header .form-search .search-autocomplete li {
    padding: 3px 5px;
    border-bottom: 1px solid #eee;
    color: #777;
    cursor: pointer
    }
.header .form-search .search-autocomplete li:hover {
    color: #ce001a
    }
.header .form-search .search-autocomplete li.last {
    border-bottom: none
    }
.header .form-search .search-autocomplete li.first {
    border-top: none
    }
.header .form-search .search-autocomplete li .amount {
    float: right;
    padding-left: 5px;
    font-weight: bold
    }
/* Dropdown switcher
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Drop-down button
-------------------------------------------------------------- */
.dropdown-button {
    position: relative
    }
.dropdown-button:hover {
    z-index: 4000
    }
.dropdown-button .inner {
    float: left;
    display: block;
    padding: 0 10px
    }
.dropdown-button:hover .inner {
    position: relative;
    z-index: 4001
    }
.dropdown-button .inner p {
    display: inline
    }
.dropdown-button .inner .label {
    padding: 0 4px 0 0
    }
.dropdown-button .inner .text {
    background: url(/skin/frontend/ultimo/default/images/img/arrow-dropdown.png) 100% 50% no-repeat;
    padding-right: 13px
    }
.dropdown-button ul {
    display: none;
    position: absolute;
    top: 2.6666em;
    margin-top: -1px;
    /* Fix: chrome */
    left: 0;
    text-align: left;
    padding: 17px 20px;
    min-width: 126px;
    z-index: 4000
    }
.dropdown-button:hover ul {
    display: block
    }
.dropdown-button.hover:hover ul {
    display: none
    }
.dropdown-button li {
    text-transform: capitalize;
    white-space: nowrap;
    line-height: 18px
    }
.dropdown-button a {
    display: block
    }
/* Language switcher
-------------------------------------------------------------- */
.lang-switcher .inner {
    padding-left: 35px;
    background-position: 12px 50%;
    background-repeat: no-repeat
    }
.taalswitcher {
    float: right;
    margin-top: 10px;
    margin-right: 5px
    }
.lang-switcher li {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
    min-height: 15px
    }
.lang-switcher .inner .label {
    display: none
    }
/* Currency switcher
-------------------------------------------------------------- */
.dropdown-button.item-right ul {
    right: 0;
    left: auto
    }
/* mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Static cart block displayed in the header
-------------------------------------------------------------- */
#mini-cart {
    position: relative
    }
.after-mini-cart {
    clear: both
    }
#mini-cart .block-title {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    background: none;
    white-space: nowrap
    }
#mini-cart .block-title .heading {
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) 0 -205px no-repeat;
    float: left;
    width: 18px;
    height: 26px;
    padding-top: 3px;
    text-indent: -9999px;
    overflow: hidden
    }
#mini-cart .block-title .summary {
    float: left
    }
#mini-cart .block-title .amount {
    float: left;
    margin-left: 3px;
    color: #fff;
    font-size: 14px;
    background-color: #7ac315;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 6px
    }
#mini-cart .block-title .subtotal {
    float: left;
    margin-left: 5px;
    color: #fff;
    font-size: 16px;
    background-color: #ff7a34;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 6px
    }
/* Button: go to checkout */
#mini-cart .block-title .to-checkout {
    float: left;
    margin: 0 0 0 5px;
    padding: 0 7px;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
    }
#mini-cart .block-title .to-checkout .icon {
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) -36px -177px no-repeat;
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-left: 5px
    }
/* Content
-------------------------------------------------------------- */
#mini-cart .block-content {
    display: none;
    z-index: 3000;
    position: absolute;
    right: 0;
    top: 32px;
    width: 330px;
    text-align: left;
    /* Because cart can be aligned center */
    }
#mini-cart .block-content .block-content-inner {
    padding: 25px
    }
#mini-cart .block-content .incl-tax {
    display: block;
    padding-bottom: 10px;
    text-align: right
    }
#mini-cart .block-subtitle {
    padding: 0;
    margin: 0 0 10px;
    font-weight: normal
    }
#mini-cart .block-content .empty {
    padding: 10px 0
    }
#mini-cart .product-name {
    margin-bottom: 5px
    }
#mini-cart .actions {
    margin: 10px 0 0;
    padding: 0;
    border: none;
    text-align: left
    }
#mini-cart .actions button {
    float: left;
    margin-right: 1px
    }
#mini-cart .btn-remove, #mini-cart .btn-edit {
    float: right
    }
#mini-cart .block-content .pin:before {
    /*border-color: transparent transparent #97D2C9;*/
    position: absolute;
    right: 40px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: ""
    }
/* Cart on hover
-------------------------------------------------------------- */
#mini-cart:hover .block-content {
    display: block
    }
#mini-cart.hover:hover .block-content {
    display: none
    }
/* Override (remove) default :hover behavior, if JS is enabled */
#mini-cart:hover .block-title {
    position: relative;
    z-index: 3001;
    /* Higher than ".block-content" */
    }
#mini-cart:hover .block-title .heading {
    /*background-position:-35px -205px;*/
    }
#mini-cart:hover .block-title .subtotal {
    border-left-color: #e5e5e5
    }
#mini-cart:hover .block-title .to-checkout:hover {
    color: #ce001a
    }
#mini-cart:hover .block-title .to-checkout .icon {
    background-position: -9px -177px
    }
#mini-cart:hover .block-title .to-checkout:hover .icon {
    background-position: -18px -177px
    }
/* Block: Recently Compared
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header .block-compare {
    float: right;
    position: relative;
    margin: 0;
    padding: 0;
    border: none
    }
.header .block-compare .block-title {
    font-family: inherit;
    font-size: inherit;
    border: none;
    background-color: transparent
    }
.header .block-compare .block-title:hover {
    background-color: #f8f8f8
    }
.header .block-compare .block-content {
    display: none;
    z-index: 3000;
    position: absolute;
    right: 0;
    top: 32px;
    width: 280px;
    /*330 - padding*/
    padding: 25px;
    text-align: left;
    /* Because cart can be aligned center */
    background-color: #fff
    }
.header .block-compare .actions {
    margin: 10px 0 0;
    padding: 10px 0 0
    }
/* Block on hover
-------------------------------------------------------------- */
.header .block-compare:hover .block-content {
    display: block
    }
/* Main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Accordion (generic)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.accordion {
    padding: 0;
    margin: 0;
    list-style-type: none
    }
.accordion ul {
    float: left;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
    }
.accordion li {
    float: left;
    display: block;
    width: 100% !important;
    padding: 0 !important;
    margin: 0;
    list-style-type: none;
    cursor: pointer;
    position: relative
    }
.accordion li a {
    padding: 5px 10px;
    display: block;
    cursor: pointer
    }
.accordion li li a {
    padding-left: 20px
    }
.accordion li li li a {
    padding-left: 35px
    }
.accordion li li li li a {
    padding-left: 50px
    }
/* Opener
-------------------------------------------------------------- */
/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion li.parent > a {
    padding-right: 33px
    }
.accordion .opener {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 28px;
    height: 28px;
    background: url(/skin/frontend/ultimo/default/images/img/opener-small.png) center center no-repeat;
    /*background-color:rgba(0,0,0, 0.05);*/
    }
.accordion .opener:hover {
    /*background-color:rgba(0,0,0, 0.15);*/
    }
.accordion li.active > .opener {
    background: url(/skin/frontend/ultimo/default/images/img/opener-small-active.png) center center no-repeat;
    /*background-color:rgba(0,0,0, 0.10);*/
    }
/* Common styling for main menu (horizontal + mobile vertical + mobile menu trigger)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* horizontal + mobile menu trigger */
#mobnav-trigger, #nav > li > a {
    font-size: 16px;
    /*1.3333em*/
    line-height: 49px;
    /*3.0625em*/
    text-transform: uppercase
    }
/* Main menu - vertical (in the sidebar)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.vertnav {
    float: left;
    width: 100%
    }
.vertnav li a {
    border-bottom: 1px solid #e5e5e5
    }
.vertnav li .opener, .vertnav li.active .opener {
    background-color: rgba(0, 0, 0, 0.02)
    }
.vertnav li .opener:hover {
    background-color: rgba(0, 0, 0, 0.1)
    }
/* Main menu - mobile vertical (in the header)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Mobile menu trigger. Shares styling with the 1st level links from the default menu
-------------------------------------------------------------- */
#mobnav {
    display: none
    }
#mobnav-trigger {
    display: block;
    padding: 0 15px
    }
/* Mobile menu icon */
#mobnav-trigger .icon {
    float: left;
    width: 23px;
    padding-top: 18px;
    margin: 0 8px 0 0
    }
#mobnav-trigger .icon .line {
    background-color: #fff;
    height: 3px;
    margin-bottom: 2px
    }
/* Mobile menu elements
-------------------------------------------------------------- */
.nav-container .vertnav-top {
    /* Added wrapper-class to make selector more specific and prevent overridding */
    display: none;
    margin-top: 0 !important
    }
.vertnav-top.mobile {
    display: block;
    /* Visible even if when collapsed (to show bottom border) */
    overflow: hidden;
    height: auto;
    max-height: 0;
    -moz-transition-property: max-height;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in-out
    }
.vertnav-top.mobile.show {
    max-height: 9999px;
    -moz-transition-property: max-height;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in-out
    }
.vertnav-top li a {
    padding: 15px 10px;
    font-size: 16px;
    /*1.3333em*/
    line-height: 19px;
    text-transform: uppercase
    }
.vertnav-top li li a {
    padding-left: 20px
    }
.vertnav-top li li li a {
    padding-left: 40px
    }
.vertnav-top li li li li a {
    padding-left: 60px
    }
/* Opener
-------------------------------------------------------------- */
/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.vertnav-top li.parent > a {
    padding-right: 54px
    }
/* Default */
.vertnav-top li .opener {
    width: 49px;
    height: 49px;
    background: url(/skin/frontend/ultimo/default/images/img/opener.png) center center no-repeat
    }
.vertnav-top li .opener:hover {
    background-color: rgba(0, 0, 0, 0.05)
    }
/* Active */
.vertnav-top li.active > .opener {
    background-image: url(/skin/frontend/ultimo/default/images/img/opener-active.png)
    }
/* Main menu - horizontal
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav {
    position: relative;
    /* Dropdown custom block position is relative to this element */
    z-index: 2000
    }
#nav.mobile {
    display: none
    }
/* Hide on mobile */
#nav .opener {
    display: none
    }
/* Show the bottom line and fill in the gap */
/*#nav { border-bottom:5px solid #333; }
#nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; }*/
/* All Levels
-------------------------------------------------------------- */
#nav li {
    float: left;
    text-align: left
    }
#nav li a {
    display: block;
    float: left;
    text-decoration: none
    }
#nav li a span {
    display: block;
    white-space: nowrap
    }
#nav li ul a span {
    white-space: normal
    }
/* Only 1st level
-------------------------------------------------------------- */
#nav > li {
    /*position:relative;*/
    /* Uncomment to position drop-down box under the current tab */
    }
#nav > li > a {
    display: block;
    padding: 0 15px
    }
/* 2nd Level+
-------------------------------------------------------------- */
/*#nav ul.level0 a {}
#nav ul.level0 a:hover {}*/
/* Additional custom elements in the main menu (horizontal)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Static blocks displayed as a drop-down in the main menu
-------------------------------------------------------------- */
/* Tab */
#nav .nav-custom-link > a {
    cursor: default
    }
/* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */
#nav li.nav-custom-link {
    position: static
    }
/* Drop-down box. Duplicate styling of wide menu: "#nav ul.level0" */
#nav .nav-custom-link ul.level0 {
    position: absolute;
    /*top:49px;*/
    /*left:0;*/
    width: 96%;
    /* 100% - padding */
    padding: 2%
    }
/* In classic menu, move drop-down box left */
#nav.classic .nav-custom-link ul.level0 {
    left: -10000px
    }
#nav.classic .nav-custom-link ul.level0.shown-sub {
    left: 0
    }
/* Static block's content
-------------------------------------------------------------- */
/* Wrapper of the block */
#nav .nav-custom-link .header-nav-dropdown-wrapper {
    /* #nav li.header-nav-dropdown-wrapper */
    margin: 0;
    padding: 10px;
    position: static;
    display: block
    }
/* Reset content of the custom block */
#nav .nav-custom-link .header-nav-dropdown-wrapper * {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0;
    background: none;
    opacity: 1;
    /* Override classic menu opacity transition */
    box-shadow: none
    }
/* List and other elements */
#nav .nav-custom-link .header-nav-dropdown-wrapper li {
    float: left;
    width: 23.125%;
    margin-right: 2.5%
    }
#nav .nav-custom-link .header-nav-dropdown-wrapper li.last {
    margin-right: 0
    }
#nav .nav-custom-link .header-nav-dropdown-wrapper p {
    margin: 10px 0
    }
#nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
    margin: 10px 0
    }
/* Restore default display for drop-down block content */
#nav .nav-custom-link .header-nav-dropdown-wrapper a {
    display: inline
    }
/* Home link in the main menu
-------------------------------------------------------------- */
/* If enabled, show image as home link */
/*#nav #nav-home-link .home-img {
	width:50px;
	padding:0;
	background-image:url(http://www.sport44.com/skin/frontend/ultimo/default/images/img/pix.png);
	background-position:0 -337px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#nav #nav-home-link .home-img:hover { background-position:-50px -337px; }*/
.cat-icons a {
    padding: 6px;
    float: left
    }
.cat-icons a.last {
    padding-right: 0
    }
/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Block
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block {
    margin: 0 0 10px;
    float: left;
    width: 100%
    }
.block .block-title strong {
    font-weight: inherit
    }
.block .block-title a {
    text-decoration: none !important
    }
.block .block-subtitle {
    margin: 5px 0 10px;
    padding: 0;
    font-size: 1em;
    font-weight: bold
    }
.block .block-content {
    padding: 10px
    }
.block .block-content li.item {
    padding: 5px 0;
    float: left
    }
.block .btn-remove {
    float: right
    }
.block .btn-edit {
    float: right
    }
.block .actions {
    margin: 5px 0 0 0;
    padding: 5px 0 0;
    border-top: 1px dotted #e5e5e5;
    text-align: right
    }
.block .actions a {
    float: left
    }
/* Mini Products List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.mini-products-list li {
    padding: 5px 0
    }
.mini-products-list .product-image {
    float: left;
    width: 50px
    }
.mini-products-list .product-details {
    margin-left: 69px
    }
.mini-products-list .product-details h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0
    }
/* Common styling for mini list and cross-sell list */
.mini-products-list .product-image, .cart .crosssell .product-image {
    padding: 3px;
    border: 1px solid #e5e5e5
    }
.mini-products-list .product-image:hover, .cart .crosssell .product-image:hover {
    border-color: #999
    }
/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title {
    background: url(/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat;
    padding-left: 42px !important
    }
.block-account .block-content {
    padding: 10px 0 0 10px
    }
.block-account li.current {
    padding: 4px 2px 4px 33px;
    background: url(/skin/frontend/ultimo/default/images/img/arrow-menu.png) 2px -48px no-repeat;
    color: #000
    }
.block-account li.current strong {
    font-weight: normal
    }
.block-account li.last {
    border-bottom: none
    }
.block-account li a {
    padding: 3px 2px 3px 33px;
    background: url(/skin/frontend/ultimo/default/images/img/arrow-menu.png) 2px 1px no-repeat;
    display: block;
    color: #555
    }
.block-account li a:hover {
    background-position: 2px -48px;
    color: #ce001a
    }
/* Block: Layered Navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-layered-nav .block-content {
    padding: 0
    }
.block-layered-nav .block-title strong {
    text-transform: none
    }
.block-layered-nav .block-subtitle {
    display: none;
    margin-bottom: 0
    }
/* List of filters */
.block-layered-nav dl {
    padding-left: 10px;
    padding-top: 10px
    }
.block-layered-nav dt {
    font-weight: bold;
    padding: 10px 0 0
    }
.block-layered-nav dd {
    padding: 5px 0 10px 5px
    }
.block-layered-nav dd.last {
    border-bottom: none
    }
/* Current filters */
.block-layered-nav .currently {
    margin: 10px 0
    }
.block-layered-nav .currently .block-subtitle {
    display: block;
    padding: 10px 10px 0;
    font-weight: normal
    }
.block-layered-nav .currently ol {
    padding: 10px
    }
.block-layered-nav .currently ol li {
    margin-bottom: 4px
    }
.block-layered-nav .currently .label {
    margin-right: 4px;
    color: #d90000
    }
.block-layered-nav .currently .btn-remove {
    float: right;
    margin-left: 5px
    }
.block-layered-nav .actions {
    margin: 0
    }
.block-layered-nav .actions a {
    float: right
    }
/* List items */
.block-layered-nav dd li, .block-layered-nav .currently ol li {
    line-height: 1.5em;
    background: url(/skin/frontend/ultimo/default/images/img/bullet.png) 3px 5px no-repeat;
    padding-left: 15px;
    transition: background-position 150ms ease-out;
    -moz-transition: background-position 150ms ease-out;
    -webkit-transition: background-position 150ms ease-out;
    -o-transition: background-position 150ms ease-out
    }
.block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover {
    background-position: 6px 5px
    }
/* Block: Wishlist
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-wishlist li.item .btn-remove {
    margin-left: 5px
    }
/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic styles for related products */
.block-related-slider .block-subtitle {
    display: none;
    position: absolute;
    padding: 1em 0;
    margin: -20px 0 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    z-index: 1
    }
.block-related-slider:hover .block-subtitle {
    display: block
    }
.block-related-slider input.checkbox {
    float: left;
    margin: 10px 5px 0 0
    }
/* Block: Compare Products
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.compare-table {
    border: 0
    }
.compare-table .btn-remove {
    float: right
    }
.compare-table tbody tr:hover {
    background-color: #e5e5e5
    }
.compare-table .product-shop-row {
    border-bottom: 1px solid #ccc
    }
.compare-table .product-shop-row th, .compare-table .product-shop-row td {
    border-color: #eee !important
    }
.compare-table tr.add-to-row {
    background-color: #fff;
    border-top: 1px solid #ccc
    }
.compare-table tr.add-to-row:hover {
    background-color: #fff
    }
/* Cover background applied on tr hover */
.compare-table tr.add-to-row td {
    text-align: left
    }
.compare-table tr.first td {
    text-align: left
    }
.compare-table tr.first td .product-name {
    font-family: inherit;
    font-size: 1.1666em;
    font-weight: bold;
    margin: 10px 0
    }
.compare-table tr.first td .ratings {
    width: 145px;
    margin: 10px 0
    }
.compare-table .price-box {
    margin: 10px 0;
    line-height: 15px
    }
/* Changes after setting text-align:left */
.compare-table .product-image img {
    display: block;
    margin: 0 auto
    }
.compare-table .add-to-links {
    margin-top: 5px
    }
.compare-table .add-to-links li {
    float: none
    }
.compare-table a.link-wishlist {
    overflow: visible;
    text-indent: 0;
    background: none;
    display: inline;
    border: none
    }
/* Block: Recently Viewed
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content li.item {
    background: url(/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 0 10px;
    padding-left: 10px
    }
/* Block: Recently Compared
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Block: Poll
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-poll .block-subtitle {
    font-weight: normal
    }
.block-poll input.radio {
    float: left;
    margin: 1px -18px 0 0
    }
.block-poll .label {
    display: block;
    margin-left: 18px
    }
.block-poll li {
    padding: 3px 9px
    }
.block-poll .answer {
    font-weight: bold
    }
.block-poll .votes {
    float: right;
    margin-left: 10px
    }
/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-tags .block-content .tags-list {
    background: none;
    border: 0;
    font-size: 12px
    }
.block-tags .actions {
    text-align: right
    }
.block-tags .actions a {
    float: none
    }
/* Block: Subscribe
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-subscribe .input-box {
    margin-top: 5px
    }
.block-subscribe input {
    width: 155px
    }
.block-subscribe .actions button.button {
    float: none
    }
/* Block: Reorder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-reorder input.checkbox {
    float: left;
    margin: 2px -20px 0 0
    }
.block-reorder .product-name {
    margin-left: 20px
    }
.block-reorder .validation-advice {
    margin: 3px 9px 7px
    }
/* Block: Banner
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-banner .block-content {
    text-align: center
    }
/* Block: Login
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-login label {
    font-weight: bold;
    color: #666
    }
.block-login input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0
    }
/* Paypal
-------------------------------------------------------------- */
.sidebar .paypal-logo {
    display: block;
    margin: 10px 0;
    text-align: center
    }
.sidebar .paypal-logo a {
    float: none
    }
/* Block: vertical main menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-vertnav .block-content {
    padding-left: 0;
    padding-right: 0
    }
/* Categories %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.category-title {
    margin-bottom: 0
    }
.category-image {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
    text-align: center
    }
.category-description {
    margin: 20px 0;
    position: relative
    }
/* Negative top margin: to cover bottom border of the category title */
.category-products {
    margin: -1px 0 10px
    }
/* Common styles for products on product listings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .product-name, .products-grid .product-name, h3.product-name {
    /* Sizes are changed for different number of columns */
    font-size: 1.3333em;
    line-height: 1.25em;
    /*16px 20px*/
    }
/* Common styles for View Types: List & Grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .price-box.map-info a, .products-grid .price-box.map-info a {
    margin-left: 3px
    }
.products-list .alt-img, .products-grid .alt-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
    }
.products-list .alt-img:hover, .products-grid .alt-img:hover {
    opacity: 1;
    filter: alpha(opacity=100)
    }
/* View Type: List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list li.item {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out
    }
.products-list .product-shop-inner {
    border-right: 1px solid #e5e5e5;
    padding-right: 15px
    }
.products-list .right-column {
    float: right
    }
.products-list .product-name {
    margin: 0 0 15px
    }
.products-list .product-image {
    position: relative;
    text-align: center
    }
.products-list .price-box {
    margin: 0 0 15px;
    font-size: 1.3333em;
    line-height: 1.25em
    }
.products-list .ratings {
    margin: 10px 0
    }
.products-list .desc {
    margin: 15px 0
    }
.products-list .btn-cart {
    width: 100%;
    max-width: 180px
    }
.products-list .button span {
    float: none
    }
.products-list .availability {
    float: none;
    margin: 15px 0
    }
.products-list .add-to-links {
    margin: 15px 0 0
    }
.products-list .add-to-links .separator {
    display: none
    }
/* Hover effect */
.products-list.hover-effect .item:hover {
    margin-left: -1%;
    margin-right: -1%;
    padding-left: 1%;
    padding-right: 1%;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    background-color: #fff
    }
/* View Type: Grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Products grid: basic styles
   (common for all types of product grids)
-------------------------------------------------------------- */
.products-grid .item {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    /* For labels positionning (e.g. "new" and "sale") */
    }
.products-grid .product-name {
    margin: 15px 0 0
    }
.products-grid .product-image {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center
    }
.products-grid .price-box {
    margin: 5px 0 15px;
    font-size: 1em
    }
.products-grid .ratings {
    margin: 10px 0
    }
.products-grid .actions {
    margin: 15px 0 0
    }
.products-grid .btn-cart {
    margin-right: 10px
    }
.products-grid .availability {
    float: none;
    margin: 15px 0
    }
.products-grid .add-to-links {
    margin: 15px 0 0
    }
/* Add-to links displayed on product image
	-------------------------------------------------------------- */
.products-grid .add-to-links.addto-onimage {
    margin-top: -33px;
    /* Move up: height (29px) + 4 additional pixels */
    padding-bottom: 4px;
    /* Add 4 additional pixels to keep other elements in the same place */
    margin-right: 4px;
    position: relative;
    z-index: 1
    }
.products-grid .add-to-links.addto-onimage li {
    float: right
    }
.products-grid .add-to-links.addto-onimage .link-compare {
    margin-right: 3px
    }
/* Items of equal height - buttons and links displayed at the bottom of item
	-------------------------------------------------------------- */
.products-grid.equal-height .item .actions {
    position: absolute;
    bottom: 15px
    }
/* Remove equal height */
.products-grid.auto-height .item .actions {
    position: static;
    bottom: auto
    }
/* Visibility of the grid item elements
	-------------------------------------------------------------- */
/* Fade-in on hover */
.products-grid .item .visible-onhover {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
    -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
    -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
    -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms
    }
.products-grid .item:hover .visible-onhover {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
    -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
    -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
    -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms
    }
/* Display only on hover */
.products-grid .item .display-onhover {
    display: none
    }
/* Products grid: in category view
-------------------------------------------------------------- */
.category-products-grid .item {
    border-top: 1px solid #e5e5e5;
    /*margin-bottom:10px;*/
    }
/* Hover effect */
.category-products-grid.hover-effect .item:hover {
    margin-left: -1%;
    margin-right: -1%;
    padding-left: 2%;
    padding-right: 2%;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-color: transparent
    }
/*.category-products-grid .item .add-to-links.addto-onimage { display:none; }
	.category-products-grid .item:hover .add-to-links.addto-onimage { display:block; }*/
/* Items grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.itemgrid .item {
    float: left;
    padding-left: 1%;
    padding-right: 1%
    }
/* Items grid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */
/* Item grid: 2 columns */
.itemgrid-2cols .item {
    width: 48%
    }
.itemgrid-2cols .item:nth-child(2n+1) {
    clear: left
    }
/* Item grid: 3 columns */
.itemgrid-3cols .item {
    width: 31.333%
    }
/*max-width:233px;*/
.itemgrid-3cols .item:nth-child(3n+1) {
    clear: left
    }
/* Item grid: 4 columns */
.itemgrid-4cols .item {
    width: 23%
    }
/*max-width:175px;*/
.itemgrid-4cols .item:nth-child(4n+1) {
    clear: left
    }
/* Item grid: 5 columns */
.itemgrid-5cols .item {
    width: 18%
    }
/*max-width:140px;*/
.itemgrid-5cols .item:nth-child(5n+1) {
    clear: left
    }
/* Item grid: 6 columns */
.itemgrid-6cols .item {
    width: 14.667%
    }
/*max-width:116px;*/
.itemgrid-6cols .item:nth-child(6n+1) {
    clear: left
    }
/* Item grid: 7 columns */
.itemgrid-7cols .item {
    width: 12.286%
    }
.itemgrid-7cols .item:nth-child(7n+1) {
    clear: left
    }
/* Item grid: 8 columns */
/*.itemgrid-8cols .item { width:10.5%; }
.itemgrid-8cols .item:nth-child(8n+1) { clear:left; }*/
/* Items grid: in category view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Font sizes
-------------------------------------------------------------- */
/* Sizes are changed for wide and narrow screens */
/* 4 columns */
.category-products-grid.itemgrid-4cols .product-name {
    font-size: 1.25em;
    /*15px*/
    line-height: 1.2em;
    /*18px*/
    }
/* 5 columns */
.category-products-grid.itemgrid-5cols .product-name {
    font-size: 1.0833em;
    /*13px*/
    line-height: 1.2307em;
    /*16px*/
    }
/* 6 columns */
.category-products-grid.itemgrid-6cols .product-name {
    font-size: 1em;
    /*12px*/
    line-height: 1.25em;
    /*15px*/
    }
/* 7 columns */
.category-products-grid.itemgrid-7cols .product-name {
    font-size: 1em;
    /*12px*/
    line-height: 1.25em;
    /*15px*/
    }
/* Shring button: 6 & 7 columns
-------------------------------------------------------------- */
.category-products-grid.itemgrid-6cols .item button.btn-cart span span, .category-products-grid.itemgrid-7cols .item button.btn-cart span span {
    padding: 5px 8px;
    height: auto;
    line-height: 2em
    }
/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Product labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Positionning
-------------------------------------------------------------- */
.sticker-wrapper {
    position: absolute;
    transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
    }
.product-view .sticker-wrapper {
    z-index: 99;
    /* On product page z-index gteater than Cloud Zoom image */
    }
.sticker-wrapper.top-right {
    top: -3px;
    right: -3px
    }
.sticker-wrapper.bottom-right {
    bottom: -3px;
    right: -3px
    }
.sticker-wrapper.bottom-left {
    bottom: -3px;
    left: -3px
    }
.sticker-wrapper.top-left {
    top: -3px;
    left: -3px
    }
/* Appearence
-------------------------------------------------------------- */
.sticker {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 1.1666em;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out
    }
.sticker.new {
    background-color: #5BD2EC;
    color: #fff
    }
.sticker.sale {
    background-color: #F12B63;
    color: #fff;
    font-size: 26px
    }
/* Effects */
.item:hover .sticker {
    width: 70px;
    height: 70px
    }
.item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left {
    top: -8px
    }
.item:hover .sticker-wrapper.top-right {
    right: -8px
    }
.item:hover .sticker-wrapper.top-left {
    left: -8px
    }
/* Rating
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ratings, .no-rating {
    line-height: 1.0833em;
    margin: 15px 0 15px
    }
.ratings strong {
    float: left;
    margin: 1px 5px 0 0
    }
.ratings .rating-links .separator {
    display: inline-block;
    text-indent: -9999px;
    width: 1px;
    background: url(/skin/frontend/ultimo/default/images/img/bg-separator1.gif) no-repeat
    }
.rating-box {
    width: 69px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background: url(/skin/frontend/ultimo/default/images/img/rating.gif) 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden
    }
.rating-box .rating {
    float: left;
    height: 13px;
    background: url(/skin/frontend/ultimo/default/images/img/rating.gif) 0 100% repeat-x
    }
.ratings .rating-box {
    float: left;
    margin-right: 8px
    }
.ratings .amount {
    white-space: nowrap;
    font-size: 10px;
    text-transform: uppercase
    }
.ratings-table th, .ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0
    }
.ratings-table th {
    padding-right: 8px
    }
/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.availability {
    float: right;
    margin: 15px 0
    }
/* Availability - with more details */
.availability-only {
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 0 -160px no-repeat;
    margin: 15px 0;
    padding-left: 25px;
    line-height: 1.6666em;
    /*20px*/
    }
.availability-only a {
    background: url(/skin/frontend/ultimo/default/images/img/arrow-dropdown.png) 100% 4px no-repeat;
    padding-right: 13px;
    text-decoration: none;
    border-bottom: 1px dotted #e5e5e5
    }
.availability-only a.expanded {
    background-image: url(/skin/frontend/ultimo/default/images/img/arrow-dropdown-up.png)
    }
.availability-only strong {
    font-weight: normal
    }
.availability-only-details {
    width: 100%;
    margin: -10px auto 20px
    }
.availability-only-details thead {
    border-bottom: 1px solid #e5e5e5
    }
.availability-only-details th {
    padding: 4px 12px;
    font-weight: bold
    }
.availability-only-details td {
    padding: 1px 12px;
    border-right: 1px solid #f5f5f5
    }
.availability-only-details td.last {
    border-right: none
    }
/* Product increments */
.product-pricing {
    line-height: 1.25em;
    /*15px*/
    }
.extrahint-wrapper .product-pricing {
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 0 -560px no-repeat;
    padding-left: 24px;
    min-height: 20px;
    /* Space for the icon */
    }
.product-options-bottom .product-pricing {
    clear: left
    }
/* Alerts
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.alert-price, .alert-stock {
    padding: 2px 0 2px 25px;
    line-height: 15px
    }
.alert-price {
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 0 -480px no-repeat
    }
.alert-stock {
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 0 -520px no-repeat
    }
/* Product Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.price {
    white-space: nowrap !important
    }
.price-box {
    margin: 0
    }
/* Common labels */
.old-price .price-label, .special-price .price-label {
    white-space: nowrap
    }
/* Regular price */
/* Old price */
.old-price {
    margin: 0
    }
.old-price .price {
    text-decoration: line-through
    }
/* Special price */
.special-price {
    margin: 0;
    padding: 0
    }
.special-price .price, .special-price .price-label {
    color: #ee001c !important;
    /* Overide color change on product grid/list */
    }
/* Minimal price (as low as) */
.minimal-price {
    margin: 0 0 5px
    }
.minimal-price .price-label {
    white-space: nowrap
    }
.minimal-price-link {
    display: block
    }
/* Excluding tax */
.price-excluding-tax {
    display: block
    }
.price-excluding-tax .label {
    white-space: nowrap
    }
.price-excluding-tax .price {
    font-weight: normal
    }
/* Including tax */
.price-including-tax {
    display: block
    }
.price-including-tax .label {
    white-space: nowrap
    }
/* Configured price */
.configured-price {
    margin: 0
    }
.configured-price .price-label {
    font-weight: bold;
    white-space: nowrap
    }
.configured-price .price {
    font-weight: bold
    }
/* FPT */
.weee {
    display: block;
    font-size: 11px
    }
.weee .price {
    font-size: 11px;
    font-weight: normal
    }
/* Excl tax (for order tables) */
.price-excl-tax {
    display: block
    }
.price-excl-tax .label {
    display: block;
    white-space: nowrap
    }
.price-excl-tax .price {
    display: block
    }
/* Incl tax (for order tables) */
.price-incl-tax {
    display: block
    }
.price-incl-tax .label {
    display: block;
    white-space: nowrap
    }
.price-incl-tax .price {
    display: block;
    font-weight: bold
    }
/* Price range */
.price-from {
    margin: 0
    }
.price-from .price-label {
    white-space: nowrap
    }
.price-to {
    margin: 0
    }
.price-to .price-label {
    white-space: nowrap
    }
/* Price notice next to the options */
.price-notice {
    margin-left: 5px
    }
.price-notice .price {
    padding-left: 3px
    }
/* Price as configured */
.price-as-configured .price-label {
    font-weight: bold;
    white-space: nowrap;
    color: inherit
    }
.price-box-bundle .price-box {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important
    }
/* Tier Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.tier-prices {
    margin: 0 0 15px 15px
    }
.tier-prices li {
    line-height: 15px;
    background: url(/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat;
    padding: 0 0 0 11px;
    margin: 3px 0
    }
.tier-prices .benefit {
    color: #d90000;
    font-weight: normal
    }
.tier-prices-grouped li {
    padding: 2px 0
    }
.tier-prices-grouped li .price {
    font-weight: bold
    }
/* Add-to links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-links .separator {
    display: none
    }
.add-to-links li {
    float: left
    }
.add-to-links a.link-compare, .add-to-links .email-friend a {
    margin-left: 3px
    }
/* Add-to links as icons (with no text)
-------------------------------------------------------------- */
a.link-wishlist, a.link-compare, a.email2friend {
    display: block;
    width: 27px;
    height: 27px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) no-repeat;
    background-color: #fff;
    border: 1px solid #f5f5f5
    }
a.link-wishlist:hover, a.link-compare:hover, a.email2friend:hover {
    background-color: #fff;
    /*opacity:1; filter:alpha(opacity=100);*/
    }
a.link-wishlist {
    background-position: -27px 0
    }
a.link-wishlist:hover {
    background-position: -27px -27px
    }
a.link-compare {
    background-position: 0 0
    }
a.link-compare:hover {
    background-position: 0 -27px
    }
a.email2friend {
    background-position: -54px 0
    }
a.email2friend:hover {
    background-position: -54px -27px
    }
/* Add-to links as text links with icons
-------------------------------------------------------------- */
.addto-textlink a.link-wishlist, .addto-textlink a.link-compare, .addto-textlink .email-friend a {
    display: block;
    padding: 2px 0 2px 19px;
    margin: 0 13px 3px 0;
    line-height: 15px;
    /* Reset default icons style */
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) no-repeat transparent;
    width: auto;
    height: auto;
    text-indent: 0;
    overflow: visible;
    border: none;
    border-radius: 0;
    opacity: 1;
    filter: alpha(opacity=100)
    }
.addto-textlink a.link-wishlist {
    background-position: 0 -1px
    }
.addto-textlink a.link-compare {
    background-position: 0 -40px
    }
.addto-textlink .email-friend a {
    background-position: 0 -80px
    }
/* Add to Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-cart .qty-wrapper {
    float: left;
    margin-top: 12px
    }
.add-to-cart label {
    float: left;
    margin: 0 5px 0 0;
    line-height: 31px
    }
.add-to-cart .qty {
    float: left;
    margin: 0;
    text-align: center
    }
.add-to-cart button.button {
    float: left
    }
.product-view .add-to-cart button.button {
    float: right
    }
.add-to-cart .paypal-logo {
    clear: left;
    margin: 0;
    padding: 10px 0 0;
    text-align: right
    }
.add-to-cart .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 60px 5px 0
    }
.product-view .add-to-cart .paypal-logo {
    margin: 0
    }
/* Add to Links*/
.add-to-box .or {
    float: left;
    font-weight: bold;
    margin: 0 7px
    }
/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Basic product page sections
-------------------------------------------------------------- */
/* Generic wrapper for product page collaterals */
.product-view .box-additional {
    margin-top: 30px
    }
.points-msg {
    padding: 0 0 0 35px;
    margin-top: 15px;
    color: #666;
    background: url(/skin/frontend/ultimo/default/images/spaarvarken.png) no-repeat 0 0;
    line-height: 30px
    }
.points-msg span {
    color: #7ac315
    }
.points-msg a {
    color: #333
    }
/* Product images
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-img-box {
    float: left
    }
.col3-layout .product-view .product-img-box {
    float: none;
    margin: 0 auto
    }
.product-view .product-img-box .product-image {
    border: 1px solid #eee;
    padding: 5px;
    position: relative;
    /* Labels (e.g. "new", "sale") are positioned relative to this box */
    }
.product-view .product-img-box .product-image.product-image-zoom {
    z-index: 9
    }
/* Thumbnails */
.product-view .product-img-box .more-views .thumbnails li {
    float: left;
    /*margin: 10px -1px 0 0;*/
    }
.product-view .product-img-box .more-views .thumbnails li.last {
    margin-right: 0
    }
.product-view .product-img-box .more-views .thumbnails li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    padding: 4px;
    border: 1px solid #eee
    }
.product-view .product-img-box .more-views .thumbnails li a:hover {
    border-color: #999;
    position: relative
    }
/* Image pop-up */
.product-image-popup {
    margin: 0 auto
    }
.product-image-popup .nav {
    font-weight: bold;
    text-align: center
    }
.product-image-popup .image {
    display: block;
    margin: 10px 0
    }
.product-image-popup .image-label {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #2f2f2f
    }
/* Product main column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-shop {
    float: left
    }
.product-view .product-shop .product-name {
    margin: 0 0 1.6666em;
    /*20px*/
    }
.product-view .product-shop .product-name h1 {
    margin: 0
    }
.product-view .product-shop .ratings-table {
    margin: 15px 0 5px
    }
.product-view .short-description {
    margin: 15px 0;
    line-height: 1.25em;
    /*15px*/
    }
.product-view .short-description ul {
    margin-top: 5px;
    margin-bottom: 5px
    }
.product-view .add-to-cart {
    margin-top: 15px
    }
/* Price box inside "Add-to-cart" box */
/*deprecated*/
.product-view .add-to-box .price-box {
    float: left;
    margin: 7px 0 0
    }
/* Add-to links */
.product-view .action-box {
    margin: 20px 0
    }
.product-view .add-to-links li {
    float: left
    }
/* All links float left */
.product-view .add-to-links, .product-view .email-friend {
    float: left
    }
/* Other elements */
.extrahint-wrapper {
    margin-bottom: 15px
    }
/* Grouped product
-------------------------------------------------------------- */
.product-view .product-type-data.is-grouped {
    padding: 0;
    background-color: transparent
    }
/* Align right instead of float right */
.product-view .product-type-data.is-grouped .out-of-stock {
    float: none;
    text-align: right
    }
/* Downloadable product
-------------------------------------------------------------- */
.product-type-data.is-downloadable .price-box {
    margin: 0 0 10px
    }
.product-type-data .item-options dt {
    float: none;
    margin: 0 0 5px
    }
/* Same as "item-options" in cart */
.product-type-data .item-options dd {
    background: url(/skin/frontend/ultimo/default/images/img/bullet.png) 3px 4px no-repeat;
    padding-left: 15px
    }
/* Additional information table
-------------------------------------------------------------- */
.product-view .data-table th {
    font-weight: bold
    }
/* Prices. Common for product view and MAP popup.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Font for all prices on product page and MSRP */
.product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price {
    font-family: Verdana, Geneva, sans-serif
    }
.product-view .product-shop .price-box {
    margin: 5px 0 10px
    }
.product-view .product-shop .price-box .price-including-tax .price {
    font-size: 18px
    }
.product-view .product-shop .price-box .price-excluding-tax .price {
    font-size: inherit
    }
/* Main price (prominent) */
.product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .product-shop .price-box.map-info .old-price .price {
    font-size: 1.5em;
    /*18px*/
    /*color:#ce001a;*/
    }
/* Tier price */
.tier-prices .price {
    /*color:#ce001a;*/
    }
/* Old price */
.product-view .product-shop .price-box .old-price .price-label {
    white-space: nowrap
    }
/* MSRP price (only in MSRP box) */
.map-popup-msrp .price {
    display: block;
    /* Move price below the label */
    text-decoration: line-through;
    /* Override default built-in line */
    }
/* Move MSRP links below the price */
.product-view .product-shop .price-box.map-info .old-price {
    display: block
    }
/* Special price */
.product-view .product-shop .price-box .special-price {
    margin: -2px 0 0;
    white-space: nowrap;
    /*Chrome*/
    }
.product-view .product-shop .price-box .special-price .price-label {
    white-space: nowrap
    }
.product-view .product-shop .price-box .special-price .price-including-tax, .product-view .product-shop .price-box .special-price .price-excluding-tax {
    padding: 0 0 0 15px
    }
/* Bundle product */
.price-box-bundle {
    border-bottom: 1px solid #e5e5e5;
    margin: -10px 0 15px;
    /* Move up to align with the main price box */
    padding-bottom: 15px
    }
/* Product Secondary Column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-secondary-column {
    float: right !important
    }
.product-secondary-column .inner {
    min-height: 300px;
    border-left: 1px solid #e5e5e5;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    /* Stop collapsing margins */
    }
/* Containers for: add-to-cart & product options
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product type-specific data*/
.product-view .product-type-data {
    margin: 15px 0 0
    }
/* Margin before price box */
.space-before-avail {
    margin: 0 0 15px;
    height: 0;
    line-height: 0
    }
/* Upper part of the container */
.product-view .product-type-data .price-box {
    border-top: 1px solid #e5e5e5;
    margin: 15px 0 0;
    padding: 15px 0
    }
/* Lower part of the container */
.container1-wrapper, .container2-wrapper, .product-view .add-to-box {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #e5e5e5
    }
.container2-wrapper {
    border-bottom: 1px solid #e5e5e5
    }
/*.product-view .product-type-data,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box {}*/
/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list in product description */
.product-view .short-description .std ul, .product-view .box-tabs .std ul {
    list-style: none outside none
    }
.product-view .short-description .std ul li, .product-view .box-tabs .std ul li {
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
    padding-left: 25px
    }
/* Margin for list in long description */
.product-view .box-tabs .std ul {
    margin-bottom: 1em
    }
/*
.product-view .short-description .std ul,
.product-view .box-tabs .std ul { list-style:disc outside none; padding-left:1.5em; }
.product-view .short-description .std ul li,
.product-view .box-tabs .std ul li { background-image:none; padding-left:0; }
*/
/* Product options 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-options {
    position: relative
    }
.product-options dt {
    font-weight: normal
    }
.product-options dt label {
    display: inline-block;
    font-weight: bold
    }
.product-options dt label.required em {
    float: right;
    margin-left: 3px
    }
.product-options dd .qty-holder {
    display: block;
    padding: 5px 0 0
    }
.product-options dd .qty-holder label {
    vertical-align: middle
    }
.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px
    }
.product-options dd {
    margin: 3px 0 10px
    }
.product-options dl.last dd.last {
    border-bottom: 0
    }
.product-options dd input.input-text {
    width: 98%
    }
.product-options dd input.datetime-picker {
    width: 150px
    }
.product-options dd .time-picker {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle
    }
.product-options dd textarea {
    width: 98%;
    height: 8em
    }
.product-options dd select {
    width: 100%
    }
.product-options dd .multiselect option {
    border-bottom: 1px dotted #d9e5ee;
    padding: 2px 4px
    }
.product-options ul.options-list {
    margin-right: 5px
    }
.product-options ul.options-list li {
    line-height: 1.5;
    padding: 2px 0
    }
.product-options ul.options-list input.radio {
    float: left
    }
.product-options ul.options-list input.checkbox {
    float: left
    }
.product-options ul.options-list .label {
    display: block;
    margin-left: 18px
    }
.product-options ul.options-list label {
    font-weight: normal
    }
.product-options ul.validation-failed {
    padding: 0 7px
    }
.product-options p.note {
    margin: 0;
    font-size: 11px
    }
.product-options p.required {
    position: absolute;
    right: 0;
    top: -15px
    }
/* Override form colors */
.product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list {
    color: #888;
    border-color: #ddd
    }
.product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover {
    color: #333;
    border-color: #aaa
    }
/*bottom*/
.product-options-bottom {
    margin-top: 20px
    }
.product-options-bottom .tier-prices {
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    background: 0
    }
.product-options-bottom .tier-prices li {
    background: 0;
    padding: 2px 0
    }
.product-options-bottom .price-box {
    float: left;
    margin: 7px 0 0;
    padding: 0
    }
.product-options-bottom .price-box .price-as-configured {
    margin: 5px 0 0
    }
.col3-layout .product-options-bottom .price-box {
    float: none;
    padding: 0 0 5px
    }
.product-options-bottom .price-tax {
    float: left
    }
.product-shop .product-options-bottom {
    margin: 0
    }
.product-shop .product-options-bottom .price-label {
    float: none;
    padding-right: 0
    }
.product-shop .product-options-bottom .price-tax {
    float: none
    }
.product-shop .product-options-bottom .add-to-cart-box {
    clear: both;
    float: left;
    padding-top: 12px
    }
/* Grouped Product
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .grouped-items-table {
    margin: 0 0 15px
    }
.product-view .grouped-items-table thead th {
    font-weight: bold
    }
.product-view .grouped-items-table .price-box {
    margin: 0;
    padding: 0;
    border: 0
    }
.product-view .grouped-items-table .price-box .price-including-tax .price {
    font-size: 15px
    }
.product-view .grouped-items-table td {
    vertical-align: middle
    }
.product-view .grouped-items-table .price-box .regular-price .price {
    font-size: 14px
    }
/* Product collateral blocks 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide first h2 heading (which is the same as tab text) */
.box-tabs .panel > h2:first-child {
    display: none
    }
/* Product view sidebar
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-sidebar {
    float: right !important
    }
.product-view .box-sidebar .box-sidebar-inner {
    padding-left: 20px;
    border-left: 1px solid #e5e5e5
    }
/* Block: Upsell
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Block: Tags 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-tags .product-tags {
    display: block;
    margin: 0 0 25px
    }
.product-view .box-tags .product-tags li {
    display: inline;
    padding: 0 7px;
    border-right: 1px solid #e5e5e5
    }
.product-view .box-tags .product-tags li.first {
    padding-left: 0
    }
.product-view .box-tags .product-tags li.last {
    padding-right: 0;
    border-right: 0
    }
.product-view .box-tags .form-add label {
    display: block;
    font-weight: bold;
    margin: 0 0 5px 28px
    }
.product-view .box-tags .form-add .input-box {
    float: left;
    margin: 0 5px 5px 0;
    background: url(/skin/frontend/ultimo/default/images/i_tag_add.gif) 5px 8px no-repeat;
    padding: 0 0 0 28px
    }
.product-view .box-tags .form-add input.input-text {
    width: auto
    }
.product-view .box-tags .note {
    margin: 3px 0 0 28px;
    font-size: 0.9166em;
    /*11px*/
    }
/* Block: Reviews
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-reviews {
    margin-top: 15px
    }
.product-view .box-reviews dl {
    margin: 0 0 15px
    }
.product-view .box-reviews dt .heading {
    font-weight: normal;
    font-size: 1.5em;
    margin-right: 10px
    }
.product-view .box-reviews dt span {
    font-weight: bold
    }
.product-view .box-reviews dt a {
    font-size: 18px;
    margin-right: 8px
    }
.product-view .box-reviews dd {
    margin: 0 0 15px 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e5e5e5
    }
.product-view .box-reviews dd .date {
    display: block;
    margin-top: 3px;
    font-style: italic
    }
.product-view .box-reviews .ratings-table {
    margin: 5px 0
    }
.product-view .box-reviews .form-add {
    padding: 15px 0 0
    }
.product-view .box-reviews .form-add h2 {
    text-transform: uppercase
    }
.product-view .box-reviews .form-add h3 {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 0
    }
.product-view .box-reviews .form-add h3 span {
    font-weight: bold
    }
.product-view .box-reviews .form-add h4 {
    font-size: 1em;
    font-weight: normal
    }
.product-view .box-reviews .form-add .form-list {
    margin: 15px 0 0
    }
.product-view .box-reviews .form-add .form-list input.input-text {
    width: 100%;
    max-width: 340px
    }
.product-view .box-reviews .form-add .form-list textarea {
    width: 100%;
    max-width: 500px
    }
.product-view .box-reviews .buttons-set button.button {
    float: left;
    margin-left: 0
    }
.product-view .box-reviews .form-add .data-table {
    max-width: 176px
    }
.product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td {
    text-align: center;
    line-height: 1em
    }
.product-view .box-reviews .form-add .data-table td .radio {
    margin: 0
    }
/* Send a Friend
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.send-friend .form-list li p {
    margin: 0 15px 0 0
    }
.send-friend .form-list .field {
    margin-bottom: 8px
    }
.send-friend .form-list textarea {
    width: 100%
    }
.send-friend .buttons-set .limit {
    float: right;
    margin: 0 7px
    }
/* Product view tabs (Generic Tabs)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Tabs
-------------------------------------------------------------- */
/* Total height of the tab bar should be the same as in block titles */
.gen-tabs .tabs li {
    float: left;
    margin: 0
    }
.gen-tabs .tabs a {
    display: block;
    padding: 0 7px;
    line-height: 3.5em;
    /*42px*/
    text-decoration: none;
    outline: none;
    color: #666
    }
.gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus {
    background-color: #ddd;
    color: #333
    }
.gen-tabs .tabs a.current {
    background-color: #eee;
    color: #333
    }
/* Tab panels
-------------------------------------------------------------- */
.gen-tabs .tabs-panels {
    padding: 15px 0
    }
/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
    display: none;
    padding: 12px 0.5em;
    margin-bottom: 1px;
    font-size: 1.5em;
    line-height: 1.5555em;
    /*was 44px*/
    background-color: #f5f5f5;
    color: #666;
    font-weight: normal
    }
.gen-tabs .acctab:hover {
    cursor: pointer
    }
.gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current {
    background-color: #e5e5e5;
    color: #333
    }
/* Accordion mode enabled */
.gen-tabs.accor .tabs {
    display: none
    }
.gen-tabs.accor .acctab {
    display: block
    }
.gen-tabs.accor .tabs-panels {
    padding-top: 0
    }
.gen-tabs.accor .tabs-panels .panel {
    display: none;
    margin: 0 0 10px;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5
    }
/* Generic Tabs: skin 1
-------------------------------------------------------------- */
.gen-tabs-style1 .tabs a {
    padding: 0 10px;
    background-color: #eee;
    border: 1px solid #eee;
    border-bottom: none
    }
.gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus {
    color: #333;
    background-color: #e5e5e5;
    border-color: #e5e5e5
    }
.gen-tabs-style1 .tabs a.current {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px
    }
.gen-tabs-style1 .tabs-panels {
    border-top: 1px solid #ddd
    }
.gen-tabs-style1.accor .tabs-panels {
    border-top: none
    }
/* Extensions and additional elements in product view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Brand in secondary column */
.product-secondary-column .box-brand {
    display: block
    }
.product-secondary-column .box-brand .attribute {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 10px 0;
    text-align: center
    }
/* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.product-name {
    margin: 0;
    font-weight: normal
    }
/* Product Tags */
.tags-list li {
    display: inline
    }
/* Advanced Search */
.advanced-search-summary {
    padding: 20px;
    margin: 10px 0
    }
.advanced-search-summary ul {
    float: left;
    margin: 0 4% 10px 0;
    width: 46%
    }
.advanced-search-summary li {
    margin: 0 0 2px 0;
    font-size: 1.25em
    }
.advanced-search-summary strong {
    margin: 0 5px 0 0
    }
.advanced-search-summary p {
    clear: both;
    float: left;
    display: block;
    margin: 20px 0 0
    }
/* Advanced Search - form */
.advanced-search .form-list label {
    padding-right: 10px;
    width: 140px
    }
.advanced-search .form-list .input-box, .advanced-search .form-list .input-range {
    clear: none;
    float: left
    }
.catalogsearch-advanced-index .fieldset {
    margin-bottom: 3px
    }
.catalogsearch-advanced-index .buttons-set {
    padding-left: 0
    }
.catalogsearch-advanced-index .buttons-set button.button {
    float: left;
    margin: 0
    }
.catalogsearch-advanced-index .buttons-set button.button span span {
    padding-left: 60px;
    padding-right: 68px
    }
/* Sitemap */
.page-sitemap .links {
    float: right;
    margin: 0 0 5px;
    text-align: center
    }
.page-sitemap .links a {
    text-decoration: none;
    position: relative
    }
.page-sitemap .sitemap {
    margin: 15px
    }
.page-sitemap .sitemap li {
    margin: 3px 0
    }
.page-sitemap .sitemap li.level-0 {
    margin: 10px 0 0;
    font-weight: bold
    }
.page-sitemap .pager {
    clear: both
    }
/* RSS */
.rss-title h1 {
    background: url(/skin/frontend/ultimo/default/images/i_rss-big.png) 0 4px no-repeat;
    padding-left: 27px;
    line-height: 24px
    }
.rss-table .link-rss {
    display: block;
    line-height: 1.35;
    background-position: 0 2px
    }
/* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Checkout Types
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .page-title .checkout-types li {
    margin: 0 0 5px
    }
.cart .title-buttons .checkout-types {
    float: right
    }
.cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px
    }
/* Shopping Cart Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-table thead tr {
    border-bottom: 1px solid #e5e5e5
    }
.cart-table th.last {
    border-right: none
    }
.cart-table .product-image {
    width: 168px;
    display: block
    }
.cart-table .product-name {
    font-weight: normal;
    font-family: inherit;
    line-height: 1.2222em;
    margin: 0 0 10px
    }
.cart-table .item-msg {
    margin: 5px 0;
    font-size: 11px;
    font-weight: bold;
    color: #d90000
    }
.cart-table tfoot td {
    padding: 5px 10px;
    border: none
    }
/* Buttons
-------------------------------------------------------------- */
.cart-table tfoot td.last {
    padding: 15px 0 0;
    border-bottom: 1px solid #eee
    }
.cart-table tfoot button {
    padding: 0;
    margin: 0 0 15px 10px
    }
.cart-table .btn-continue {
    float: left;
    margin-left: 0
    }
.cart-table .btn-update, .cart-table .btn-empty {
    float: right
    }
.cart-table tfoot button span {
    background-color: transparent;
    color: #000;
    font-size: 11px;
    padding: 0 10px 0 30px
    }
.cart-table tfoot button span span {
    padding: 0
    }
.cart-table tfoot button:hover span {
    background-color: transparent;
    color: #09F
    }
.cart-table .btn-continue > span {
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 5px -387px no-repeat;
    float: left;
    margin-left: 0
    }
.cart-table .btn-update > span {
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 5px -347px no-repeat;
    float: right
    }
.cart-table .btn-empty > span {
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 5px -307px no-repeat;
    float: right
    }
/* Shopping Cart Collateral blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-collaterals {
    margin-top: 20px
    }
.cart .cart-left-column > *, .cart .cart-right-column > * {
    margin-bottom: 20px
    }
.cart .cart-right-column {
    float: right
    }
/* Cross-sell
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .crosssell {
    background-color: #fff !important
    }
.cart .crosssell .product-image {
    float: left
    }
.cart .crosssell .product-details {
    margin-left: 85px
    }
.cart .crosssell li.item {
    padding: 20px 0
    }
.cart .crosssell li.item.odd {
    margin-left: 0;
    clear: left
    }
.cart .crosssell li.item.even {
    margin-right: 0;
    float: right
    }
.cart .crosssell .btn-cart {
    float: left
    }
.cart .crosssell .add-to-links {
    float: left;
    margin: 10px 0 0
    }
.cart .crosssell .price-box {
    margin: 7px 0;
    line-height: 15px
    }
.cart .crosssell:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
    }
/*
-------------------------------------------------------------- */
.cart-wide-box .crosssell li.item {
    float: left;
    width: 265px;
    min-height: 109px
    }
.cart-wide-box .crosssell li.item.odd {
    padding-right: 20px;
    border-right: 1px solid #eee
    }
.cart-wide-box .crosssell li.item.even {
    padding-left: 20px
    }
/* Common styles: Cross-sell, Discount Codes, Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount, .cart .shipping, .cart .crosssell {
    padding: 10px
    }
.cart .crosssell h2, .cart .discount h2, .cart .shipping h2 {
    margin-bottom: 10px
    }
.cart .discount .buttons-set, .cart .shipping .buttons-set {
    margin: 10px 0 0;
    border: 0;
    padding: 0;
    text-align: left
    }
.cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button {
    float: none;
    margin-left: 0
    }
/* Discount Codes (coupons)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount label {
    display: block;
    margin: 0 0 5px
    }
.cart .discount .input-box {
    margin: 0 9px 0 0
    }
.cart .discount input.input-text {
    width: 100%
    }
.cart .discount .buttons-set {
    margin: 10px 0 0
    }
/* Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .shipping input.input-text, .cart .shipping select {
    width: 100%
    }
.cart .shipping p {
    margin-bottom: 10px
    }
.cart .shipping .sp-methods {
    margin: 10px 0 0
    }
/* Shopping Cart Totals
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .totals {
    background-color: #f5f5f5
    }
.cart .totals-inner {
    padding: 20px
    }
.cart .totals table {
    width: 100%
    }
.cart .totals td {
    padding: 1px 0 1px 7px
    }
.cart .totals tfoot th {
    padding: 5px 15px 5px 7px
    }
.cart .totals tfoot td {
    padding-bottom: 5px
    }
.cart .totals tfoot th strong, .cart .totals tfoot td strong {
    font-size: 16px
    }
/*.cart .totals tfoot .price { color:#B31F5A; } */
.cart .totals .checkout-types {
    text-align: right
    }
.cart .totals .checkout-types li {
    clear: both;
    margin: 10px 0
    }
/* Cart static blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Item Options and Options Tool Tip
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.item-options {
    line-height: 15px
    }
.item-options dt {
    white-space: nowrap;
    float: left;
    margin-right: 7px
    }
.item-options dd {
    padding-left: 11px;
    margin: 0 0 2px
    }
/* Item options in cart/checkout tables */
.data-table .item-options dt {
    background: url(/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat;
    padding-left: 10px;
    white-space: normal;
    /* Override 'nowrap' */
    }
.data-table .item-options {
    margin: 0 0 0 10px
    }
/* Options Tool Tip
-------------------------------------------------------------- */
.truncated {
    cursor: help;
    display: inline-block;
    margin-left: 3px
    }
.truncated a.dots {
    cursor: help
    }
.truncated a.details {
    cursor: help;
    text-decoration: none;
    border-bottom: 1px dotted #ccc
    }
.truncated .truncated_full_value {
    position: relative;
    z-index: 999
    }
.truncated .truncated_full_value .item-options {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    padding: 8px;
    min-width: 100px
    }
.truncated .truncated_full_value .item-options > p {
    font-weight: bold;
    text-transform: uppercase
    }
.truncated .show .item-options {
    top: -20px;
    left: 50%
    }
.col-left .truncated .show .item-options {
    left: 15px;
    top: 7px
    }
.col-right .truncated .show .item-options {
    left: -240px;
    top: 7px
    }
/* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods dt {
    font-weight: bold;
    margin: 13px 0 5px
    }
.sp-methods dd li {
    margin: 5px 0
    }
.sp-methods .price {
    font-weight: bold
    }
.sp-methods .form-list {
    padding-left: 30px
    }
.sp-methods select.month {
    width: 150px;
    margin-right: 10px
    }
.sp-methods select.year {
    width: 96px
    }
.sp-methods input.cvv {
    width: 3em !important
    }
.sp-methods .checkmo-list li {
    margin: 0 0 10px
    }
.sp-methods .checkmo-list label {
    color: #B31F5A;
    width: 135px;
    padding-right: 10px
    }
.sp-methods .checkmo-list address {
    float: left;
    padding: 5px 0 10px
    }
.sp-methods .centinel-logos a {
    margin-right: 3px
    }
.sp-methods .centinel-logos img {
    vertical-align: middle
    }
.please-wait {
    float: right;
    margin-right: 5px
    }
.please-wait img {
    vertical-align: middle
    }
.cvv-what-is-this {
    cursor: help;
    margin-left: 5px
    }
/* Tooltip */
.tool-tip {
    background-color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 9999
    }
.tool-tip .btn-close a {
    margin: 0 0 0 auto
    }
.tool-tip .tool-tip-content {
    padding: 5px
    }
/* Gift Messages */
.gift-messages {
    margin: 30px 0 10px
    }
.gift-messages-form {
    border: 1px solid #e5e5e5;
    padding: 20px;
    position: relative
    }
.gift-messages-form p {
    margin-bottom: 10px
    }
.gift-messages-form label {
    float: none !important;
    position: static !important
    }
.gift-messages-form .item {
    margin: 0 0 10px
    }
.gift-messages-form .item .product-img-box {
    float: left;
    width: 75px
    }
.gift-messages-form .item .product-image {
    margin: 0 0 7px
    }
.gift-messages-form .item .number {
    margin: 0;
    font-weight: bold;
    text-align: center
    }
.gift-messages-form .item .details {
    margin-left: 90px
    }
.gift-message-link {
    display: block;
    background: url(/skin/frontend/ultimo/default/images/bkg_collapse.gif) 0 4px no-repeat;
    padding-left: 20px
    }
.gift-message-link.expanded {
    background-position: 0 -53px
    }
.gift-message-row .btn-close {
    float: right;
    padding: 0 7px 0
    }
.gift-message dt strong {
    font-weight: bold;
    color: #666
    }
.gift-message dd {
    margin: 5px 0 0;
    font-size: 13px
    }
.order-gift-message {
    margin: 15px 0
    }
/* Checkout Agreements */
.checkout-agreements {
    padding: 0 60px 20px
    }
.checkout-agreements li {
    margin: 0 0 20px
    }
.checkout-agreements .agree {
    margin-top: 5px
    }
.checkout-agreements .agree input.checkbox {
    margin-right: 6px
    }
.checkout-agreements .agree label {
    font-weight: bold
    }
.opc .checkout-agreements {
    padding: 20px 40px
    }
.checkout-agreements .agreement-content {
    max-height: 250px;
    overflow: auto;
    padding-right: 30px
    }
/* Centinel */
.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff
    }
.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important
    }
/* Generic Info Set */
/* For more styles see Multiple Addresses Checkout */
.info-set .data-table .item-options {
    margin: 5px 0 0
    }
/********** Common Checkout Styles > */
/* Other */
.block-progress .block-title {
    background: none;
    border: 0;
    padding: 10px 0
    }
.block-progress .block-title strong {
    font-family: inherit;
    text-transform: none;
    font-weight: normal
    }
.block-progress .block-content {
    background: none;
    padding: 0;
    margin-top: 10px;
    border: none
    }
.block-progress dt {
    background: url(/skin/frontend/ultimo/default/images/img/checkout-progress.png) 0 5px no-repeat;
    line-height: 18px;
    margin: 0 0 5px;
    padding: 6px 0 6px 30px;
    font-weight: bold
    }
.block-progress dd {
    line-height: 15px;
    border-top: 0 none;
    margin: 0 0 6px;
    padding: 8px 10px
    }
.block-progress dt.complete {
    background: url(/skin/frontend/ultimo/default/images/img/checkout-progress-done.png) 0 5px no-repeat
    }
.block-progress dt.complete a {
    font-weight: normal
    }
.block-progress p {
    margin: 0
    }
.opc .buttons-set {
    margin-top: 0;
    padding-top: 2em
    }
.opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px
    }
.opc .buttons-set.disabled button.button {
    display: none
    }
.opc .buttons-set .please-wait {
    height: 28px;
    line-height: 28px
    }
.opc .ul {
    list-style: disc outside;
    padding-left: 18px
    }
.opc {
    position: relative
    }
.opc .section {
    margin: 0 0 10px;
    padding: 0
    }
.opc .step-title {
    background: #f5f5f5;
    padding: 10px;
    text-align: right
    }
.opc .step-title .number {
    float: left;
    background: #fff;
    padding: 8px 12px;
    margin: 0 8px 0 0;
    font-size: 1.3333em
    }
.opc .step-title h2 {
    float: left;
    margin: 8px 0 0;
    color: #999;
    font-size: 1.3333em;
    line-height: 1.125em
    }
.opc .step-title a {
    display: none;
    float: right;
    margin-top: 6px
    }
.opc .section.allow {
    cursor: pointer
    }
.opc .section.allow.active {
    cursor: auto
    }
.opc .allow .step-title {
    background: #f5f5f5
    }
.opc .allow .step-title:hover {
    background-color: #99cf5e
    }
.opc .allow .step-title h2 {
    color: #333
    }
.opc .allow .step-title a {
    display: block
    }
.opc .active .step-title {
    background-color: #a5dd64;
    cursor: default
    }
.opc .active .step-title .number {
    color: #fff;
    background-color: #333
    }
.opc .active .step-title a {
    display: none
    }
.opc .step {
    padding: 10px 20px;
    margin-top: 10px;
    position: relative
    }
.opc .step .tool-tip {
    right: 30px
    }
#opc-login h3 {
    margin-top: 10px
    }
#opc-login h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0
    }
#opc-login .form-list {
    margin: 15px 0 15px
    }
#opc-login .form-list li {
    margin: 0 0 3px
    }
#opc-login .buttons-set {
    padding: 0
    }
.opc .gift-messages-form {
    border: 1px solid #e5e5e5;
    border-width: 1px 0
    }
.opc .gift-messages-form .inner-box {
    overflow: visible
    }
#opc-review .step {
    padding: 0
    }
#opc-review .item-options {
    margin: 5px 0 0
    }
#opc-review .buttons-set {
    border: 0;
    padding: 15px 30px
    }
#opc-review .buttons-set p {
    margin: 0;
    line-height: 28px
    }
#opc-review .buttons-set .please-wait {
    height: 28px;
    line-height: 28px
    }
#opc-review .authentication {
    margin: 0 auto;
    width: 570px
    }
#opc-review .warning-message {
    color: #222;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0
    }
/* Common styles for: Multiple Addresses Checkout and Generic Info Set
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.multiple-checkout h2, .info-set h2 {
    font-weight: bold;
    margin: 0 0 10px
    }
.multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 {
    font-size: 15px;
    font-weight: bold
    }
.multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a {
    font-size: 12px;
    font-weight: normal
    }
.multiple-checkout .data-table .product-name, .info-set .data-table .product-name {
    font-size: 13px;
    margin: 0 0 5px
    }
.multiple-checkout .col2-set h2.legend, .info-set h2.legend {
    font-weight: normal
    }
.multiple-checkout .col2-set h3.legend, .info-set h3.legend {
    color: #ce001a;
    margin: 0 0 10px
    }
.multiple-checkout .col2-set .divider, .info-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative
    }
.multiple-checkout .box, .info-set .box {
    margin: 0 0 15px
    }
/* Multiple Addresses Checkout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.checkout-progress {
    padding: 0 110px;
    margin: -11px 0 25px
    }
.checkout-progress li {
    float: left;
    width: 19%;
    margin: 0 1px 0 0;
    padding-top: 5px;
    border-top: 10px solid #d5d5d5;
    text-align: center;
    color: #bbb
    }
.checkout-progress li.active {
    border-top-color: #ce001a;
    color: #ce001a
    }
.multiple-checkout .page-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px
    }
.multiple-checkout .buttons-set {
    border-top: 1px solid #e5e5e5;
    margin-top: 40px;
    padding-top: 15px
    }
/* Styles similar to cart-table */
.multiple-checkout .data-table thead tr {
    border-bottom: 1px solid #bbb
    }
.multiple-checkout .data-table thead th {
    padding: 10px;
    font-weight: normal
    }
.multiple-checkout .gift-messages {
    margin: 15px 0 0
    }
.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 10px
    }
.multiple-checkout .col2-set .col-1 {
    width: 32%
    }
.multiple-checkout p.actions {
    margin-bottom: 10px
    }
.multiple-checkout .place-order .please-wait {
    margin-top: 10px
    }
.multiple-checkout .place-order .grand-total {
    font-size: 1.5em;
    text-align: right
    }
.multiple-checkout .place-order .grand-total .inner div {
    display: inline
    }
.multiple-checkout .place-order .grand-total big {
    display: inline;
    margin-right: 20px
    }
/* Step 1 */
#multiship-addresses-table td {
    padding: 10px
    }
/* Step 2 */
.checkout-multishipping-shipping .box-sp-methods {
    border: 1px solid #e5e5e5;
    padding: 15px;
    margin-bottom: 0;
    position: relative
    }
/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Account Login/Create Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.account-login .new-users, .account-login .registered-users {
    margin-bottom: 20px
    }
.account-login h2 {
    text-transform: uppercase
    }
.account-login p {
    margin-bottom: 20px
    }
.account-login p.required {
    margin: 0
    }
.account-login .buttons-set {
    clear: none;
    padding: 0;
    margin: 0
    }
/* Account Login/Create box elements - login page and checkout page */
.account-login .buttons-set button, #opc-login .buttons-set button {
    float: left;
    margin-left: 0
    }
.account-login .buttons-set a, #opc-login .buttons-set a {
    float: right !important;
    margin: 4px 0 0
    }
/* My Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-account .title-buttons .link-rss {
    float: none;
    margin: 0
    }
/********** < Dashboard */
.dashboard .welcome-msg {
    margin: 0 0 2.5em
    }
.dashboard .welcome-msg p {
    margin: 0
    }
.dashboard .col-1, .dashboard .col-2 {
    margin-bottom: 1.5em
    }
/* General Box */
.box-account {
    margin: 0 0 2.5em
    }
.box-account .box-head {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 10px;
    padding-bottom: 5px
    }
.box-account .box-head a {
    float: right;
    margin-top: 10px
    }
.box-account .box-head h2 {
    float: left;
    margin: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 38px
    }
.box-account.box-info .col-1 {
    border-right: 1px solid #e5e5e5
    }
.box-account.box-info .col-1 .box {
    padding-right: 10px
    }
.dashboard .box .box-title {
    padding: 0 0 2px;
    margin: 0 0 10px;
    text-align: right;
    border-bottom: 1px solid #e5e5e5
    }
.dashboard .box .box-title h3, .dashboard .box .box-title h4 {
    float: left;
    margin: 0
    }
/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 {
    background-image: url(/skin/frontend/ultimo/default/images/i_folder-table.gif)
    }
/* Block: Account Information */
.dashboard .box-info .box-head h2 {
    background-image: url(/skin/frontend/ultimo/default/images/i_ma-info.gif)
    }
.dashboard .box-info h4 {
    font-weight: normal;
    text-transform: uppercase
    }
/* Block: Reviews */
.dashboard .box-reviews .box-head h2 {
    background-image: url(/skin/frontend/ultimo/default/images/i_ma-reviews.gif)
    }
.dashboard .box-reviews .number {
    float: left;
    font-size: 1.3333em;
    line-height: 1.25em;
    padding: 0 10px
    }
.dashboard .box-reviews .details {
    margin-left: 38px
    }
.dashboard .box-reviews li.item {
    margin: 0 0 7px
    }
.dashboard .box-reviews li.item.last {
    margin: 0
    }
.dashboard .box-reviews .ratings {
    margin: 5px 0 0
    }
/* Block: Tags */
.dashboard .box-tags .box-head h2 {
    background-image: url(/skin/frontend/ultimo/default/images/i_ma-tags.gif)
    }
.dashboard .box-tags .number {
    float: left;
    font-size: 12px;
    line-height: 1;
    padding: 2px 5px
    }
.dashboard .box-tags .details {
    margin-left: 20px
    }
.dashboard .box-tags .tags {
    margin: 5px 0 0
    }
.dashboard .box-tags li.item {
    margin: 0 0 7px
    }
.dashboard .box-tags li.item.last {
    margin: 0
    }
.dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li {
    display: inline
    }
/********** Dashboard > */
/* Address Book
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.addresses-list h3 {
    background: url(/skin/frontend/ultimo/default/images/img/bullet.png) 0 6px no-repeat;
    padding-left: 10px;
    font-weight: normal
    }
.addresses-list address {
    margin-bottom: 10px
    }
.addresses-list .link-remove:hover {
    color: #ee001c
    }
.addresses-list .separator {
    margin: 0 3px
    }
.addresses-list .addresses-primary .item {
    padding: 15px;
    margin: 0 0 10px;
    background-color: #f5f5f5
    }
.addresses-list li.empty {
    background: none;
    border: 0;
    padding: 0
    }
.addresses-list li.empty p {
    color: #555
    }
.addresses-list .addresses-additional .item {
    padding: 15px;
    margin: 0 0 10px;
    border: 1px solid #e5e5e5
    }
.my-account .pager {
    margin: 20px 0
    }
/* Order View
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info {
    margin: 20px 0 10px
    }
.order-info dt, .order-info dd, .order-info li, .order-info li a {
    float: left
    }
.order-info dt {
    font-weight: bold
    }
.order-info li {
    margin-right: 1px
    }
.order-info dt, .order-info li.current, .order-info li a {
    padding: 10px
    }
.order-info dt {
    padding-left: 0
    }
.order-info li a {
    background-color: #f8f8f8
    }
.order-info li a:hover, .order-info li.current {
    background-color: #e5e5e5
    }
/* Date */
.order-date {
    margin: 15px 0;
    color: #d90000;
    clear: both
    }
/* Links in page title */
.page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print {
    font-weight: normal;
    display: inline-block;
    margin-top: 10px
    }
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info-box {
    margin: 0 0 10px;
    padding: 20px
    }
.order-info-box .col-1 {
    border-right: #e5e5e5 solid 1px
    }
.order-info-box .box-payment p {
    margin: 0 0 3px
    }
.order-info-box .box-payment th {
    font-weight: bold;
    padding-right: 7px
    }
.order-items .data-table {
    margin-bottom: 20px
    }
.order-items .data-table td {
    padding: 5px 9px
    }
.order-items .data-table .grand_total {
    font-size: 1.3333em
    }
/* Grand total color */
.order-items {
    width: 100%
    }
.order-items .product-name {
    margin: 0 0 3px;
    font-size: 12px
    }
.order-items .link-print {
    font-weight: normal
    }
.order-items p .link-print {
    float: none
    }
.order-items h2, .order-about h2 {
    margin: 15px 0;
    padding-left: 38px
    }
.order-items h3.table-caption {
    font-size: 13px;
    font-weight: bold
    }
.order-items h2.table-caption a, .order-items h2.sub-title a {
    font-size: 12px;
    font-weight: normal;
    text-transform: none
    }
.order-items .order-links {
    text-align: right
    }
.order-items .order-comments h2 {
    background: url(/skin/frontend/ultimo/default/images/img/ic-order-comment.gif) 0 0 no-repeat
    }
.order-details h2 {
    background: url(/skin/frontend/ultimo/default/images/img/ic-order-item.gif) 0 0 no-repeat
    }
.order-details h2 .separator {
    color: #999;
    font-size: 12px
    }
.order-about {
    margin: 0 0 15px;
    padding: 5px 30px
    }
.order-about dt {
    font-weight: bold
    }
.order-about dd {
    font-size: 12px;
    margin-bottom: 15px
    }
.tracking-table {
    margin: 0 0 15px
    }
.tracking-table th {
    width: 20%;
    font-weight: bold;
    white-space: nowrap
    }
.tracking-table th, .tracking-table td {
    padding: 5px 9px
    }
.tracking-table-popup {
    width: 100%
    }
.tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap
    }
.tracking-table-popup th, .tracking-table-popup td {
    padding: 1px 8px
    }
/* Order Print Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-print .print-head {
    margin: 0 0 15px
    }
.page-print .print-head .logo {
    float: left
    }
.page-print .print-head address {
    float: left;
    margin-left: 15px
    }
.page-print h1 {
    font-size: 16px;
    font-weight: bold
    }
.page-print h2, .page-print h3 {
    font-size: 13px;
    font-weight: bold
    }
.page-print h2.h2 {
    font-size: 16px;
    font-weight: bold
    }
.page-print .order-date {
    background: url(/skin/frontend/ultimo/default/images/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 10px;
    margin: 0 0 10px
    }
.page-print .col2-set {
    margin: 0 0 10px
    }
/* Price Rewrites */
.page-print .gift-message-link {
    display: none
    }
.page-print .price-excl-tax, .page-print .price-incl-tax {
    display: block;
    white-space: nowrap
    }
.page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price {
    display: inline
    }
/* My Wishlist
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-wishlist .product-image {
    display: block;
    margin: 0 0 5px;
    min-width: 113px;
    max-width: 140px
    }
.my-wishlist .product-name {
    margin-bottom: 10px
    }
.my-wishlist .description {
    margin-bottom: 10px
    }
.my-wishlist textarea {
    display: block;
    width: 97%;
    height: 70px;
    border: 1px solid #e5e5e5
    }
.my-wishlist .price-box {
    margin-bottom: 5px
    }
.my-wishlist .add-to-cart-alt {
    margin-bottom: 10px
    }
.my-wishlist .buttons-set {
    margin-top: 2em
    }
.my-wishlist .buttons-set button.button {
    float: none
    }
#wishlist-table .add-to-links {
    white-space: nowrap
    }
.my-wishlist .data-table tr.even {
    background: #f5f5f5
    }
.my-wishlist .btn-cart {
    margin: 10px 0 5px
    }
/* My Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-tag-edit {
    float: left;
    margin: 0 0 10px
    }
.my-tag-edit .btn-remove {
    float: right;
    margin: 5px 0 0 5px
    }
#my-tags-table {
    clear: both
    }
#my-tags-table td {
    padding: 10px
    }
#my-tags-table .add-to-links {
    white-space: nowrap
    }
/* My Reviews
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#my-reviews-table td {
    padding: 10px
    }
.product-review .product-img-box {
    float: left;
    width: 140px
    }
.product-review .product-img-box .product-image {
    display: block;
    width: 125px;
    height: 125px
    }
.product-review .product-img-box .label {
    margin: 0 0 8px
    }
.product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 10px
    }
.product-review .product-details {
    margin: 0 20px 20px 155px
    }
.product-review .product-name {
    font-size: 18px;
    margin: 0 0 18px
    }
.product-review h3 {
    font-size: 12px;
    margin: 15px 0 5px
    }
.product-review .ratings-table {
    margin: 0 0 15px
    }
.product-review dt {
    font-weight: bold
    }
.product-review dd {
    font-size: 12px;
    margin: 5px 0 0
    }
/* Billing Agreements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.billing-agreements .form-list li select {
    float: left
    }
.billing-agreements .form-list li button.button {
    float: left;
    margin-left: 10px
    }
.billing-agreements .table-caption {
    font-weight: bold;
    font-size: 13px
    }
/* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Remember Me Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.window-overlay {
    background: url(/skin/frontend/ultimo/default/images/window_overlay.png) repeat;
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
    }
.remember-me label {
    float: none;
    margin: 0 6px
    }
.remember-me-popup {
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -85px 0 0 -200px;
    width: 400px;
    z-index: 10000
    }
.remember-me-popup .remember-me-popup-head {
    position: relative
    }
/*.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(http://www.sport44.com/skin/frontend/ultimo/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; }
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }*/
/* Additionally remove the button */
.remember-me-popup .remember-me-popup-close-button {
    display: none
    }
/* MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-msrp-totals {
    color: red;
    font-size: 12px !important;
    text-align: right;
    text-transform: uppercase
    }
.map-cart-sidebar-total {
    color: red;
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: lowercase;
    width: 55px;
    line-height: 15px;
    padding: 2px 8px
    }
.map-cart-sidebar-total:hover {
    overflow: visible;
    white-space: normal;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2)
    }
.map-popup {
    margin: 10px 0 0;
    position: absolute;
    width: 300px;
    z-index: 100
    }
.map-popup-heading {
    width: 240px
    }
.map-popup-heading h2 {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-align: left;
    text-overflow: ellipsis
    }
.map-popup-arrow {
    display: none;
    /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px;*/
    }
.map-popup-content {
    overflow: hidden;
    text-align: left;
    width: 270px
    }
.map-popup-checkout {
    display: inline;
    float: right;
    text-align: right
    }
.map-popup-checkout span {
    display: block;
    padding-right: 30px
    }
.map-popup-checkout .paypal-logo {
    margin: 0 0 5px
    }
.map-popup-price .price-box, .map-popup-price .price-box .special-price {
    margin: 0;
    padding: 0
    }
.map-popup-price {
    margin: 5px 0 0
    }
.map-popup-text {
    clear: right;
    margin: 0 15px;
    padding: 15px 0;
    text-align: left;
    word-wrap: break-word
    }
.map-popup-only-text {
    border-top: 1px solid #eee
    }
/* Common styles for: Remember Me Popup and MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.remember-me-popup, .map-popup {
    background: #fff;
    text-align: left;
    /* + Common shadow styles for multiple items */
    }
.remember-me-popup h3, .map-popup-heading {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 45px 12px 15px
    }
.remember-me-popup h3, .map-popup-heading h2 {
    font-weight: bold;
    font-size: 1.5em;
    /*18px*/
    }
.remember-me-popup .remember-me-popup-body, .map-popup-content {
    padding: 15px
    }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close {
    background: url(/skin/frontend/ultimo/default/images/img/pix.png) 0 -150px no-repeat;
    display: block;
    position: absolute;
    top: 11px;
    right: 15px;
    height: 17px;
    width: 17px;
    text-indent: -9999em
    }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover {
    background-position: -17px -150px
    }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active {
    background-position: -34px -150px
    }
/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.footer-container {
    background-repeat: repeat;
    background-position: center top
    }
.footer {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    text-align: left
    }
/* Footer elements */
.footer .heading {
    margin-bottom: 0.75em;
    font-size: 1.3333em;
    font-weight: normal
    }
/* Footer top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Primary footer additional
-------------------------------------------------------------- */
.footer-primary-top-inner {
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    border-color: #eee;
    border-color: rgba(0, 0, 0, 0.05)
    }
.footer-primary-bottom-inner {
    border-top: 1px solid;
    border-color: #eee;
    border-color: rgba(0, 0, 0, 0.05);
    padding-top: 20px;
    padding-bottom: 10px
    }
/* Footer secondary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Footer bottom
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-bottom-container {
    padding-bottom: 20px
    }
/* Footer elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Newsletter form
-------------------------------------------------------------- */
#subscribe-form form {
    display: block
    }
#subscribe-form label {
    float: left;
    margin: 0 5px 0 0;
    line-height: 32px;
    font-weight: normal;
    position: relative
    }
#subscribe-form .input-box {
    float: left;
    margin: 0 5px 5px 0;
    position: relative
    }
#subscribe-form .input-box .validation-advice {
    padding: 10px 0;
    width: 140%;
    position: absolute;
    top: 110%;
    left: -20%;
    text-align: center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1
    }
#subscribe-form .input-text {
    float: left;
    padding: 0 7px;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #999;
    text-overflow: ellipsis
    }
#subscribe-form .button {
    float: left
    }
/* Social services
-------------------------------------------------------------- */
.social-links a {
    float: left;
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border-radius: 0;
    background-color: #999;
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out
    }
.social-links a.last {
    margin-right: 0
    }
.social-links a:hover {
    background-color: #333
    }
/* Other elements
-------------------------------------------------------------- */
.footer-copyright {
    font-size: 0.9166em;
    /*11px*/
    line-height: 1.3636em;
    margin-bottom: 10px;
    margin-left: 10px
    }
/* Scroll to top button
-------------------------------------------------------------- */
#scroll-to-top {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 9999;
    text-indent: -9999px;
    background: url(/skin/frontend/ultimo/default/images/img/icons.png) 15px -185px no-repeat #ddd;
    transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out
    }
#scroll-to-top:hover {
    opacity: 0.5;
    filter: alpha(opacity=50)
    }
/* CMS blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-title {
    padding-right: 80px !important;
    margin: 0
    }
/* Product listing blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Slider navigation containers */
.featured-itemslider-wrapper .nav-wrapper {
    position: relative
    }
.new-itemslider-wrapper .nav-wrapper {
    position: relative
    }
.itemslider-wrapper .nav-wrapper {
    position: relative
    }
/* For anonymous itemslider */
.gen-slider-arrows1 .direction-nav li {
    float: left
    }
.gen-slider-arrows1 .direction-nav a {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #000;
    background-repeat: no-repeat;
    background-color: #ddd;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    border-radius: 10px
    }
/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* CMS pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Home page */
body.cms-index-index .breadcrumbs {
    display: none
    }
/* 404 not found page */
.cms-index-noroute .col-main .std {
    padding: 10px 0 0 270px;
    background: url(/skin/frontend/ultimo/default/images/img/magnifier.jpg) 40px 40px no-repeat
    }
/* Page banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-banners .banner {
    margin-bottom: 2%
    }
.page-banners .banner a {
    display: block
    }
.page-banners .banner a img {
    display: block;
    margin: 0 auto;
    transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out
    }
.page-banners .banner a:hover img {
    opacity: 0.85;
    filter: alpha(opacity=85)
    }
/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.horizontal-section, .vertical-section {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
    }
.landing-page .center-block {
    display: block;
    margin: 0 auto
    }
/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caption {
    position: absolute;
    bottom: 0;
    width: 80%;
    margin: 6%;
    padding: 0
    }
/* Caption position and layout
-------------------------------------------------------------- */
.caption.top {
    top: 0;
    bottom: auto;
    width: 80%
    }
.caption.top-right {
    top: 0;
    bottom: auto;
    right: 0;
    width: 58%
    }
.caption.bottom-right {
    right: 0;
    width: 58%
    }
/* Width */
.caption.full-width {
    width: 88%;
    margin: 6%
    }
.caption.narrow {
    width: 38%
    }
/* Floating (text alignment) */
.caption.right * {
    text-align: right;
    float: right !important
    }
/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent {
    display: inherit !important
    }
/* Caption elements
-------------------------------------------------------------- */
.caption .heading {
    float: left;
    display: inline-block;
    padding: 0.25em;
    margin-bottom: 0.2em;
    font-size: 2.8em;
    line-height: 1em;
    font-weight: normal
    }
.caption p {
    float: left;
    clear: left;
    display: inline-block;
    padding: 0.25em 0.5em;
    margin-bottom: 1px;
    font-size: 1.3333em;
    line-height: 1em
    }
.caption button {
    float: left;
    clear: left;
    margin-top: 1em
    }
/* Skin
-------------------------------------------------------------- */
.caption .heading, .caption p {
    transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out
    }
a:hover .caption .heading, a:hover .caption p {
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out
    }
/* Dark + white text */
.caption.dark1 .heading, .caption.dark1 p {
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff
    }
a:hover .caption.dark1 .heading, a:hover .caption.dark1 p {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff
    }
/* Dark + white text */
.caption.dark2 .heading, .caption.dark2 p {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff
    }
a:hover .caption.dark2 .heading, a:hover .caption.dark2 p {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff
    }
/* Dark + white text */
.caption.dark3 .heading, .caption.dark3 p {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff
    }
a:hover .caption.dark3 .heading, a:hover .caption.dark3 p {
    background-color: rgba(0, 0, 0, 1);
    color: #fff
    }
/* Light + black text */
.caption.light1 .heading, .caption.light1 p {
    background-color: rgba(255, 255, 255, 0.35);
    color: #000
    }
a:hover .caption.light1 .heading, a:hover .caption.light1 p {
    background-color: rgba(255, 255, 255, 0.7);
    color: #000
    }
/* Light + black text */
.caption.light2 .heading, .caption.light2 p {
    background-color: rgba(255, 255, 255, 0.6);
    color: #000
    }
a:hover .caption.light2 .heading, a:hover .caption.light2 p {
    background-color: rgba(255, 255, 255, 0.85);
    color: #000
    }
/* Light + black text */
.caption.light3 .heading, .caption.light3 p {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000
    }
a:hover .caption.light3 .heading, a:hover .caption.light3 p {
    background-color: rgba(255, 255, 255, 1);
    color: #000
    }
/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* TODO: .is-logged-in .hide-logged-in { display:none; } */
/* Clears %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0
    }
/* Additional simple clearing */
.clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, /*.product-collateral:after,*/.product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */.my-account .order-info:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
    }
.guest-select {
    width: 305px !important
    }
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* Widgets =============================================================================== */
.widget {
    display: inline
    }
.widget .widget-title {
    clear: both;
    padding: 15px 0 0;
    margin: 0 0 7px
    }
.widget .widget-title h2 {
    font-size: 15px;
    font-weight: bold;
    color: #e25203
    }
.widget .mini-products-images-list .product-image {
    display: block;
    width: 76px;
    height: 76px;
    border: 1px solid #a9a9a9;
    margin: 0 auto
    }
.widget .mini-products-images-list li.item {
    float: left;
    width: 77px;
    height: 77px
    }
/* Widget: Catalog New Proructs List */
.widget-new-products {
    display: block
    }
.col-main .widget-new-products {
    margin: 7px 0
    }
.widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image {
    width: 85px;
    height: 85px
    }
.widget-new-products .products-list .product-shop {
    margin-left: 100px
    }
.sidebar .widget-new-products .block {
    font-size: 11px;
    line-height: 1.25
    }
.sidebar .widget-new-products .block-title strong {
    background: url(/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat;
    padding-left: 21px;
    color: #dc5033
    }
/* Widget: Recently Viewed Proructs */
.widget-viewed {
    display: block
    }
.col-main .widget-viewed {
    margin: 7px 0
    }
.widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image {
    width: 85px;
    height: 85px
    }
.widget-viewed .products-list .product-shop {
    margin-left: 100px
    }
.sidebar .widget-viewed .block {
    font-size: 11px;
    line-height: 1.25
    }
.sidebar .widget-viewed .block-title strong {
    background: url(/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat;
    padding-left: 21px
    }
/* Widget: Recently Compared Proructs */
.widget-compared {
    display: block
    }
.col-main .widget-compared {
    margin: 7px 0
    }
.widget-compared .products-grid .product-image, .widget-compared .products-list .product-image {
    width: 85px;
    height: 85px
    }
.widget-compared .products-list .product-shop {
    margin-left: 100px
    }
.sidebar .widget-compared .block {
    font-size: 11px;
    line-height: 1.25
    }
.sidebar .widget-compared .block-title strong {
    background: url(/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat;
    padding-left: 21px
    }
/* Widget: CMS Static Block */
.sidebar .widget-static-block {
    display: block;
    margin: 0 0 15px
    }
/* Widgets: Links Common Styles */
.top-container .widget a {
    padding: 0 0 0 7px
    }
.bottom-container .widget a {
    padding: 0 3px
    }
/* Widget: Catalog Product Link */
.widget-product-link-inline {
    display: inline
    }
.col-main .widget-product-link {
    display: block;
    text-align: right;
    margin: 7px 0
    }
.col-main .widget-product-link a {
    background: url(/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px
    }
.sidebar .widget-product-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px
    }
.sidebar .widget-product-link a {
    background: url(/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0
    }
/* Widget: Catalog Category Link */
.widget-category-link-inline {
    display: inline
    }
.col-main .widget-category-link {
    display: block;
    text-align: right;
    margin: 7px 0
    }
.col-main .widget-category-link a {
    background: url(/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px
    }
.sidebar .widget-category-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px
    }
.sidebar .widget-category-link a {
    background: url(/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0
    }
/* Widget: CMS Page Link */
.widget-cms-link-inline {
    display: inline
    }
.col-main .widget-cms-link {
    display: block;
    text-align: right;
    margin: 7px 0
    }
.col-main .widget-cms-link a {
    background: url(/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px
    }
.sidebar .widget-cms-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px
    }
.sidebar .widget-cms-link a {
    background: url(/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0
    }
/* ======================================================================================= */
.points-notice-sidebar-msg {
    margin: 5px;
    padding: 5px;
    background-color: #90EE90
    }
.aw-points-widget .block-content {
    font-size: 20px
    }
.aw-points-widget {
    text-align: center
    }
div.amshopby-column {
    float: left;
    width: 83px
    }
select.amshopby-select {
    width: 170px
    }
.amshopby-logo {
    padding: 0 10px 10px 0;
    float: left
    }
.amshopby-featured {
    padding: 5px 5px 5px 5px
    }
.amshopby-link {
    float: left;
    padding-left: 5px;
    padding-top: 5px
    }
.amshopby-clearer {
    display: block;
    clear: both;
    overflow: hidden
    }
div.block-layered-nav dd a {
    padding: 0 5px 0 0;
    display: block;
    float: left
    }
div.block-layered-nav dd a.amshopby-attr {
    padding-left: 15px;
    background: transparent url(/skin/frontend/ultimo/default/images/amshopby-cb1.gif) no-repeat left center
    }
div.block-layered-nav dd a.amshopby-attr-selected {
    font-weight: bold;
    padding-left: 15px;
    background: transparent url(/skin/frontend/ultimo/default/images/amshopby-cb2.gif) no-repeat left center
    }
div.block-layered-nav dd a img {
    padding: 0 4px 5px;
    float: left
    }
div.block-layered-nav dd li.amshopby-cat-level-2 {
    padding-left: 10px
    }
div.block-layered-nav dd li.amshopby-cat-level-3 {
    padding-left: 20px
    }
div.block-layered-nav dd a.amshopby-cat-selected {
    font-weight: bold;
    color: black;
    text-decoration: none;
    cursor: text
    }
div.block-layered-nav dd li span.amshopby-plusminus {
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(/skin/frontend/ultimo/default/images/amshopby-plus.gif) no-repeat
    }
div.block-layered-nav dd li span.minus {
    background: transparent url(/skin/frontend/ultimo/default/images/amshopby-minus.gif) no-repeat
    }
div.block-layered-nav dd li:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
    }
div.block-layered-nav dt {
    cursor: pointer;
    padding-left: 15px;
    /*background:url(http://www.sport44.com/skin/frontend/ultimo/default/images/amshopby-expanded.gif) center left no-repeat; */
    }
div.block-layered-nav dt.amshopby-collapsed {
    background: url(/skin/frontend/ultimo/default/images/amshopby-collapsed.gif) center left no-repeat
    }
div.block-layered-nav div.amshopby-slider {
    position: relative;
    margin: 10px auto 5px auto;
    z-index: 9;
    height: 18px;
    background: url(/skin/frontend/ultimo/default/images/amshopby-slider-bg.gif) no-repeat 50% 50%;
    cursor: pointer
    }
div.block-layered-nav div.amshopby-slider div.handle {
    width: 8px;
    top: 3px;
    height: 14px;
    background: transparent url(/skin/frontend/ultimo/default/images/amshopby-hadle.png) no-repeat;
    position: absolute;
    cursor: move
    }
/*
 * Slider labels
 */
.amshopby-slider-price {
    color: #798794
    }
.amshopby-slider-price-from {
    float: left
    }
.amshopby-slider-price-to {
    float: right
    }
.amshopby-slider-handle-right {
    position: absolute;
    top: 14px;
    right: 0
    }
.amshopby-slider-handle-left {
    position: absolute;
    top: 14px;
    left: 0
    }
.amshopby-tooltip {
    padding: 2px 5px;
    background: #FEC;
    border: 1px solid #FAA819;
    color: #1F5070;
    text-align: left;
    width: 200px;
    position: absolute
    }
.amshopby-slider-price-range {
    text-align: center;
    font-size: 0.9em
    }
.amshopby-tooltip-img {
    cursor: help
    }
div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative
    }
div.amshopby-overlay {
    background-color: #FFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555
    }
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute
    }
div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
    width: 300px;
    height: 200px;
    background: url(/skin/frontend/ultimo/default/images/amshopby-overlay.gif) 50% 50% no-repeat
    }
/* Brands
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* On product page
-------------------------------------------------------------- */
.box-brand a {
    margin: 0 auto;
    display: block
    }
.box-brand img {
    margin: 0 auto;
    display: block
    }
/* Brand slider
-------------------------------------------------------------- */
/* Effects
-------------------------------------------------------------- */
.box-brand a img, .brand-slider .slides a img {
    transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out
    }
.box-brand a:hover img, .brand-slider .slides a:hover img {
    opacity: 0.85;
    filter: alpha(opacity=85)
    }
/**
 * Slideshow
 */
/* Necessary styles
-------------------------------------------------------------- */
.the-slideshow {
    margin: 0;
    padding: 0
    }
.the-slideshow .slides > li {
    display: none;
    -webkit-backface-visibility: hidden
    }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.the-slideshow .slides img {
    max-width: 100%;
    display: block
    }
.pauseplay span {
    text-transform: capitalize
    }
/* Clearfix for the .slides element */
.the-slideshow .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
    }
html[xmlns] .the-slideshow .slides {
    display: block
    }
* html .the-slideshow .slides {
    height: 1%
    }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .the-slideshow .slides > li:first-child {
    display: block
    }
/* Default style
-------------------------------------------------------------- */
.the-slideshow {
    margin: 0 auto 2%;
    position: relative;
    zoom: 1
    }
.the-slideshow .slides {
    zoom: 1
    }
.the-slideshow .slides > li {
    position: relative
    }
/* Slideshow banners
-------------------------------------------------------------- */
.slideshow-banners {
    margin-bottom: 2%
    }
.slideshow-banners .banner {
    position: relative;
    /*Container for caption*/
    }
.slideshow-banners a.banner, /*Backward compatibility, link could have "banner" class */.slideshow-banners .banner a {
    display: block
    }
/* Effects
-------------------------------------------------------------- */
/*.slideshow-banners banner a img,
.slideshow-banners a.banner img,*/
.the-slideshow .slides > li a img {
    transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out
    }
/*.slideshow-banners banner a:hover img,
.slideshow-banners a.banner:hover img,*/
.the-slideshow:hover .slides > li a img {
    opacity: 0.85;
    filter: alpha(opacity=85)
    }
/**
 * Generic interface elements
 */
/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Default style: small, outside the slider
-------------------------------------------------------------- */
.gen-slider-arrows1 .direction-nav li {
    float: left
    }
.gen-slider-arrows1 .direction-nav a {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #ddd;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out
    }
.gen-slider-arrows1 .direction-nav a:hover {
    background-color: #333
    }
.gen-slider-arrows1 .direction-nav a.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default
    }
.gen-slider-arrows1 .direction-nav a.disabled:hover {
    background-color: #ddd;
    /* Must be the same as default color */
    }
.gen-slider-arrows1 .direction-nav .prev {
    background-position: -10px -10px;
    margin-right: 1px
    }
.gen-slider-arrows1 .direction-nav .prev:hover {
    background-position: -10px -60px
    }
.gen-slider-arrows1 .direction-nav .prev.disabled:hover {
    background-position: -10px -10px;
    /* Same as default */
    }
.gen-slider-arrows1 .direction-nav .next {
    background-position: -60px -10px
    }
.gen-slider-arrows1 .direction-nav .next:hover {
    background-position: -60px -60px
    }
.gen-slider-arrows1 .direction-nav .next.disabled:hover {
    background-position: -60px -10px;
    /* Same as default */
    }
/* Positioning:
-------------------------------------------------------------- */
.gen-slider-arrows1-pos-top-right .direction-nav {
    position: absolute;
    top: -40px;
    right: 0
    }
.gen-slider-arrows1-pos-top-left .direction-nav {
    position: absolute;
    top: -40px;
    left: 0
    }
/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Default style: large, on slider, split
-------------------------------------------------------------- */
.gen-slider-arrows2 .direction-nav {
    height: 0
    }
.gen-slider-arrows2 .direction-nav a {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    transition: opacity 600ms ease-in-out, background-color 150ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 600ms ease-in-out, background-color 150ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 600ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 600ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0)
    }
.gen-slider-arrows2:hover .direction-nav a {
    opacity: 1;
    filter: alpha(opacity=100)
    }
.gen-slider-arrows2:hover .direction-nav a.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40)
    }
.gen-slider-arrows2 .direction-nav a:hover {
    background-color: #333
    }
.gen-slider-arrows2 .direction-nav a.disabled {
    cursor: default
    }
.gen-slider-arrows2 .direction-nav a.disabled:hover {
    background-color: #fff;
    /* Must be the same as default color */
    }
.gen-slider-arrows2 .direction-nav .prev {
    background-position: 0 0;
    left: 1.5%;
    top: 45%
    }
.gen-slider-arrows2 .direction-nav .prev:hover {
    background-position: 0 -50px
    }
.gen-slider-arrows2 .direction-nav .prev.disabled:hover {
    background-position: 0 0
    }
.gen-slider-arrows2 .direction-nav .next {
    background-position: -50px 0;
    right: 1.5%;
    top: 45%
    }
.gen-slider-arrows2 .direction-nav .next:hover {
    background-position: -50px -50px
    }
.gen-slider-arrows2 .direction-nav .next.disabled:hover {
    background-position: -50px 0;
    /* Same as default */
    }
/* Style: only background image
-------------------------------------------------------------- */
.gen-slider-arrows2-style1 .direction-nav a {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/slideshow-arrows-solid.png);
    background-color: transparent !important
    }
/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Default style: at the left and the right side of the slider
-------------------------------------------------------------- */
.gen-slider-arrows3 .direction-nav a {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out
    }
.gen-slider-arrows3 .direction-nav a:hover {
    background-color: #333
    }
.gen-slider-arrows3 .direction-nav a.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default
    }
.gen-slider-arrows3 .direction-nav a.disabled:hover {
    background-color: #fff;
    /* Must be the same as default color */
    }
.gen-slider-arrows3 .direction-nav .prev {
    background-position: -10px -10px;
    top: 22px;
    left: -32px
    }
.gen-slider-arrows3 .direction-nav .prev:hover {
    background-position: -10px -60px
    }
.gen-slider-arrows3 .direction-nav .prev.disabled:hover {
    background-position: -10px -10px;
    /* Same as default */
    }
.gen-slider-arrows3 .direction-nav .next {
    background-position: -60px -10px;
    top: 22px;
    right: -32px
    }
.gen-slider-arrows3 .direction-nav .next:hover {
    background-position: -60px -60px
    }
.gen-slider-arrows3 .direction-nav .next.disabled:hover {
    background-position: -60px -10px;
    /* Same as default */
    }
/* Style: long (high) buttons
-------------------------------------------------------------- */
.gen-slider-arrows3-style1 .direction-nav a {
    height: 75px
    }
.gen-slider-arrows3-style1 .direction-nav .prev {
    background-position: -10px 13px;
    top: 0;
    left: -32px
    }
.gen-slider-arrows3-style1 .direction-nav .prev:hover {
    background-position: -10px -37px
    }
.gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover {
    background-position: -10px 13px;
    /* Same as default */
    }
.gen-slider-arrows3-style1 .direction-nav .next {
    background-position: -60px 13px;
    top: 0;
    right: -32px
    }
.gen-slider-arrows3-style1 .direction-nav .next:hover {
    background-position: -60px -37px
    }
.gen-slider-arrows3-style1 .direction-nav .next.disabled:hover {
    background-position: -60px 13px;
    /* Same as default */
    }
/* Generic pager
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Default style:
-------------------------------------------------------------- */
.gen-slider-pager1 .control-nav {
    text-align: center
    }
.gen-slider-pager1 .control-nav li {
    float: left;
    margin-left: 3px
    }
.gen-slider-pager1 .control-nav li:first-child {
    margin-left: 0
    }
.gen-slider-pager1 .control-nav a {
    display: block;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden
    }
.gen-slider-pager1 .control-nav a:hover {
    background-position: 0 -60px
    }
.gen-slider-pager1 .control-nav a.active {
    background-position: 0 -30px;
    cursor: default
    }
/* Style: small
-------------------------------------------------------------- */
.gen-slider-pager1-style1 .control-nav li {
    margin-left: 0
    }
.gen-slider-pager1-style1 .control-nav a {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/pager-small.png)
    }
/* Positioning:
-------------------------------------------------------------- */
.gen-slider-pager1-pos-bottom-right .control-nav {
    position: absolute;
    bottom: 4.4526%;
    right: 1.5%
    }
.gen-slider-pager1-pos-bottom-left .control-nav {
    position: absolute;
    bottom: 4.4526%;
    left: 1.5%
    }
/* Additional pager positioning for slider-arrows1 */
.gen-slider-arrows1-pos-top-right-pager .control-nav {
    position: absolute;
    top: -33px;
    right: 71px
    }
a.postnl-message {
    color: #EA7601 !important;
    text-decoration: underline
    }
/**
 * Generic interface elements
 */
/* Text box with icon
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature {
    margin: 10px 0
    }
.feature:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
    }
.feature.first {
    margin-top: 0
    }
.feature.last {
    margin-bottom: 0
    }
.feature .heading {
    font-size: 1.3333em;
    margin-bottom: 0.3125em
    }
/* Icons
-------------------------------------------------------------- */
.feature .icon {
    float: left;
    margin: 0 15px 10px 0
    }
.feature div.icon {
    background-color: #999;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 50%
    }
.feature:hover div.icon {
    background-color: #333
    }
/* Predefined background image icons */
/*.feature div.icon.phone		{ background-image:url(http://www.sport44.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/icons/phone.png); }
	.feature div.icon.mobile	{ background-image:url(http://www.sport44.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/icons/mobile.png); }
	.feature div.icon.email		{ background-image:url(http://www.sport44.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/icons/email.png); }
	.feature div.icon.skype		{ background-image:url(http://www.sport44.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/icons/skype.png); }*/
/* Small icons
	-------------------------------------------------------------- */
.feature.small .icon {
    width: 18px;
    height: 18px;
    margin: 0 10px 10px 0
    }
.feature.small div.icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 0
    }
/* Small icons: predefined background image icons */
.feature.small div.icon.list1 {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list1.png)
    }
.feature.small div.icon.list2 {
    background-image: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list2.png)
    }
/* Additional classes
	-------------------------------------------------------------- */
/* Icon without background color */
.feature .icon.no-bg-color {
    background-color: transparent !important
    }
/* Indent
-------------------------------------------------------------- */
.feature.indent {
    padding-left: 45px
    }
.feature.indent .icon {
    margin-left: -45px;
    margin-bottom: 0
    }
/* Small */
.feature.small.indent {
    padding-left: 28px
    }
.feature.small.indent .icon {
    margin-left: -28px
    }
/* With top/bottom line
-------------------------------------------------------------- */
.feature.top-border {
    border-top: 1px solid #f5f5f5;
    padding-top: 10px
    }
.feature.bottom-border {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px
    }
/* Wrapper With top/bottom line
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature-wrapper.top-border {
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    padding-top: 20px
    }
.feature-wrapper.bottom-border {
    border-bottom: 0 solid #f5f5f5;
    margin-bottom: 20px;
    padding-bottom: 20px
    }
/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
a.go {
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/cck/bullet.png) 100% 4px no-repeat;
    padding-right: 11px
    }
/**
 * Itemslider
 */
/* Necessary styles
-------------------------------------------------------------- */
.itemslider {
    margin: 0;
    padding: 0
    }
.itemslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden
    }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.itemslider .slides img {
    max-width: 100%;
    display: block
    }
.pauseplay span {
    text-transform: capitalize
    }
/* Clearfix for the .slides element */
.itemslider .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
    }
html[xmlns] .itemslider .slides {
    display: block
    }
* html .itemslider .slides {
    height: 1%
    }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .itemslider .slides > li:first-child {
    display: block
    }
/* Item slider styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Style: default
-------------------------------------------------------------- */
.itemslider {
    margin: 0 auto;
    position: relative;
    zoom: 1
    }
.itemslider .slides {
    zoom: 1
    }
.itemslider .slides > li {
    position: relative
    }
.itemslider .slides img {
    margin: 0 auto;
    /* To center image which has "display:block" */
    }
/* Style: horizontal
-------------------------------------------------------------- */
.itemslider-horizontal {
    margin: 0 auto 20px
    }
.itemslider-horizontal .slides > li {
    padding-left: 10px;
    padding-right: 10px
    }
/* Style: vertical
-------------------------------------------------------------- */
.itemslider-vertical {
    padding-top: 20px
    }
/* Item slider mode
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Quantized number of visible items
-------------------------------------------------------------- */
/* Default size slider */
.itemslider-q {
    max-width: 940px
    }
/* Default width: space for max 5 items */
/* Narrow slider - override default width */
.narrow-slider .itemslider-q {
    max-width: 564px
    }
/* Space for max 3 items */
/* Width of the slider depends on the number of items */
.itemslider-q.count-1 {
    max-width: 188px
    }
/*1*/
.itemslider-q.count-2 {
    max-width: 376px
    }
/*2*/
.itemslider-q.count-3 {
    max-width: 564px
    }
/*3*/
.itemslider-q.count-4 {
    max-width: 752px
    }
/*4*/
/* Narrow slider - override width if 4 items */
.narrow-slider .itemslider-q.count-4 {
    max-width: 564px
    }
/*3*/
/* Narrow slider - full definition */
/*.narrow-slider .itemslider-q { max-width:564px; }
.narrow-slider .itemslider-q.count-1 { max-width:188px; }
.narrow-slider .itemslider-q.count-2 { max-width:376px; }*/
/* NEW slider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider-x {
    max-width: 940px
    }
.itemslider-x.count-1 {
    max-width: 188px
    }
/*1*/
.itemslider-x.count-2 {
    max-width: 376px
    }
/*2*/
.itemslider-x.count-3 {
    max-width: 564px
    }
/*3*/
.itemslider-x.count-4 {
    max-width: 752px
    }
/*4*/
.itemslider-x.count-5 {
    max-width: 940px
    }
/*5*/
.itemslider-x.count-6 {
    max-width: 1128px
    }
/*6*/
.itemslider-x.count-7 {
    max-width: 1316px
    }
/*7*/
.itemslider-x.count-8 {
    max-width: 1504px
    }
/*8*/
/* Inside column 3/4 */
/* TODO: needed?
.in-col2-main .itemslider-x			{ max-width:752px; }
.in-col2-main .itemslider-x.count-1	{ max-width:188px; }
.in-col2-main .itemslider-x.count-2	{ max-width:376px; } 
.in-col2-main .itemslider-x.count-3	{ max-width:564px; }
.in-col2-main .itemslider-x.count-4	{ max-width:752px; }
.in-col2-main .itemslider-x.count-5	{ max-width:940px; }
.in-col2-main .itemslider-x.count-6	{ max-width:1128px; }
.in-col2-main .itemslider-x.count-7	{ max-width:1316px; } 
.in-col2-main .itemslider-x.count-8	{ max-width:1504px; }
*/
/* Direction navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider .direction-nav {
    height: 0;
    text-align: center
    }
/* Utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.itemslider.hide-direction-nav .direction-nav {
    display: none
    }
.itemslider.hide-control-nav .control-nav {
    display: none
    }
/**
 * Additional styles.
 */
/* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Layout helper classes
-------------------------------------------------------------- */
.section {
    padding: 10px 0
    }
.section-space {
    padding: 10px
    }
.margin-top {
    margin-top: 20px
    }
.margin-bottom {
    margin-bottom: 20px
    }
.padding-top {
    padding-top: 20px
    }
.padding-bottom {
    padding-bottom: 20px
    }
.float-left {
    float: left
    }
.float-right {
    float: right
    }
/* Additional styling for grid elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Nav container: stretched or with side padding
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Add top margin for nav element, the same value as left and right margin of the grid unit,
   and remove margin if stretched */
.nav > .grid-full {
    float: left;
    margin-top: 1%
    }
.nav.stretched > .grid-full {
    margin-top: 0
    }
/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - stretch */
.cart-left-column .grid-full, .cart-right-column .grid-full {
    width: 100%
    }
/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
body.cms-index-index .the-slideshow, body.cms-index-defaultindex .the-slideshow {
    /* TODO: remove or move to the theme admin settings
    	margin-top:-10px;*/
    }
/**
 *
 *
 *
 * Common styles
 *
 *
 *
 */
/* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Override specific classes to change colors, fonts, backgrounds etc. */
/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Secondary headings
-------------------------------------------------------------- */
/* Account */
.box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Forms headings */.fieldset .legend, /* Log in */.account-login h2, /* Checkout log in */#opc-login h3, /* Multiple checkout */.multiple-checkout .col2-set h2.legend, .info-set h2.legend {
    font-size: 1.5em;
    /*18px*/
    font-weight: normal;
    text-transform: uppercase
    }
/* Headings with bottom border */
.account-login h2, #opc-login h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px
    }
/* Section headings
-------------------------------------------------------------- */
/* Sidebar blocks */
.block .block-title, /* Sections */.section-title, /* Cart */.cart .crosssell h2, .cart .discount h2, .cart .shipping h2 {
    padding: 13px 0 8px;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    font-size: 1.5em;
    /*18px*/
    line-height: 1.2222em;
    /*22px*/
    }
/* Account headings
-------------------------------------------------------------- */
/* Primary */
/* Secondary */
/* Borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Elements with horizontal border - normal
-------------------------------------------------------------- */
/* Page title */
.my-account .page-title, .category-title, /* Misc */.toolbar {
    border-color: #ddd
    }
/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* Product page - Add-to-cart area */
.product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */.category-products-grid .item, .products-list li.item, /* Pop-ups */.remember-me-popup h3, .map-popup-heading {
    border-color: #f5f5f5
    }
/* Elements with vertical border - normal
-------------------------------------------------------------- */
/* Product page */
.product-secondary-column .inner, .product-view .box-sidebar .box-sidebar-inner {
    border-color: #ddd
    }
/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .product-shop-inner {
    border-color: #f5f5f5
    }
/* Colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Elements with light gray background
-------------------------------------------------------------- */
/* Main menu - vertical */
.vertnav, /* Account */.addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */.advanced-search-summary, /* Checkout */.opc .gift-messages-form {
    background-color: #f5f5f5
    }
/* Elements with lighter text
-------------------------------------------------------------- */
/* Forms */
.form-list label, /* Product grid/list */.products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Breadcrumbs */.breadcrumbs li, .breadcrumbs a, /* Layered nav */.block-layered-nav dd li, /* Availability */.availability, /* Reviews */.product-view .box-reviews dd .date, /* Product options */.item-options dd, .product-options p.note, /* Prices */.price-notice .price, .tier-prices li, /* MSRP price and old price */.old-price, .map-popup-msrp .price {
    color: #888
    }
/* Breadcrumbs */
.breadcrumbs li, .breadcrumbs a {
    color: #bbb
    }
/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead, .cart-table thead tr, /* Availability */.availability-only-details thead {
    border-color: #ddd
    }
/* Interface elements (like buttons or special links) with background color
-------------------------------------------------------------- */
/*.btn-remove,
.btn-remove2,
.btn-edit,
.tool-tip .btn-close a {}*/
/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Shadows: for pop-ups, drop-downs etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IE version included */
#nav.wide ul.level0, #nav.wide div.level0, #nav.classic .parent > ul, /* Mini cart */#mini-cart .block-content, .truncated .truncated_full_value .item-options, /* Compare drop-down */.header .block-compare .block-content, /* Search autocomplete */.header .form-search .search-autocomplete ul, /* Drop-down button */.dropdown-button:hover, .dropdown-button ul, /* Pop-ups and tooltips */.remember-me-popup, .map-popup, .tool-tip, #subscribe-form .input-box .validation-advice {
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2)
    }
/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product image (and other elements)
-------------------------------------------------------------- */
.product-image img {
    transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out
    }
.product-image img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85)
    }
/* Remove this transition in product grid. Raplace it with "on item hover" transition. */
.products-grid .product-image img:hover {
    opacity: 1
    }
/*
	.products-grid .item:hover .product-image img { opacity:0.85; }
	*/
/* Links and other selected elements
-------------------------------------------------------------- */
a, .feature div.icon, #mobnav-trigger .icon .line, .accordion .opener {
    transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out
    }
a:hover, .feature:hover div.icon, #mobnav-trigger:hover .icon .line, .accordion .opener:hover {
    transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    -o-transition-duration: 100ms
    }
/* Accordions & tabs
-------------------------------------------------------------- */
.gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */.opc .step-title {
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out
    }
/* Elements with animated color and borders
-------------------------------------------------------------- */
/* Forms */
input.input-text, select, textarea, .product-options ul.options-list, /* Product image thumbnails */.product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */.mini-products-list .product-image, .cart .crosssell .product-image {
    transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out
    }
/* Structural elements
-------------------------------------------------------------- */
/* Layered nav */
.block-layered-nav dd li, /* Grid */.grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid4-1, .grid4-2, .grid4-3, .grid2-1, .grid-full, .grid-col2-sidebar, .grid-col2-main, /* Products */.product-view .product-img-box, /* Misc */.header .logo, /* Menu */#nav > li {
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out
    }
/* Shadow for the main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.shadow .show-bg {
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)
    }
/* Note: "show-bg" for ".main" added via js */
/**
 *
 *
 *
 * Built-in static block
 *
 *
 *
 */
/* Category page */
.block_category_above_collection {
    margin: 10px 0
    }
.block_category_below_collection {
    margin: 10px 0
    }
/* Product page */
/* Main blocks */
.block_product_primary_bottom {
    border-top: 1px solid #f5f5f5;
    margin: 10px 0 0;
    padding: 15px 0 0
    }
.block_product_secondary_bottom {
    margin: 15px 0
    }
/* Static blocks replacing related and up-sell products */
/* Cart */
/* Mini cart */
.block_mini_cart_above_products {
    margin: 0 0 10px
    }
/* OPC */
.block_opc_below_progress {
    margin: 15px 0
    }
/* CMS pages */
.block_cms_page_top {
    margin: 0 0 15px
    }
/* Header */
/* Footer */
.block_footer_payment {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 20px
    }
/* Sample block content
-------------------------------------------------------------- */
.sample-block {
    border: 2px dotted #ddd;
    color: #999;
    margin-top: 10px;
    padding: 10px
    }
.sample-block:hover {
    color: #555
    }
/**
 * Wide drop-down menu
 */
/* Only 2nd level (first subcategory)
-------------------------------------------------------------- */
#nav ul.level0 {
    position: absolute;
    top: 49px;
    left: 0;
    background-color: #fff;
    width: 96%;
    /* 100% - padding */
    padding: 2%
    }
/* If list is wrapped in additional DIV */
/*#nav div ul { position:static; width:auto; border:none; }*/
/* 2nd level only
-------------------------------------------------------------- */
/* 2-level links block: with subcategory title and a list of child categories */
#nav ul.level0 > li {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px
    }
#nav ul.level0 > li > a {
    margin-bottom: 10px;
    font-size: 1.3333em;
    /*16px*/
    text-transform: uppercase
    }
/* 2nd level+
-------------------------------------------------------------- */
#nav ul li {
    float: none
    }
#nav ul li a {
    float: none
    }
/* 3rd level+
-------------------------------------------------------------- */
#nav ul ul {
    position: static !important;
    /*TODO:improve*/
    }
#nav ul ul li {
    background: url(/skin/frontend/ultimo/default/images/img/bullet.png) 3px 6px no-repeat;
    padding-left: 15px;
    transition: background-position 150ms ease-out;
    -moz-transition: background-position 150ms ease-out;
    -webkit-transition: background-position 150ms ease-out;
    -o-transition: background-position 150ms ease-out
    }
#nav ul ul li:hover {
    background-position: 6px 6px
    }
/* 4th level
-------------------------------------------------------------- */
#nav ul.level2 {
    margin: 7px 0;
    padding: 0
    }
#nav ul.level2 a {
    font-size: 0.9166em;
    line-height: 1.2727em;
    /*11px 14px*/
    opacity: 0.6
    }
#nav li.level2:hover ul.level2 a {
    opacity: 1;
    transition: opacity 150ms ease-out;
    -moz-transition: opacity 150ms ease-out;
    -webkit-transition: opacity 150ms ease-out;
    -o-transition: opacity 150ms ease-out
    }
/* 4rd level+
-------------------------------------------------------------- */
#nav ul ul ul li {
    background: none;
    padding-left: 0
    }
/* Drop-down box
-------------------------------------------------------------- */
#nav > li ul.level0 {
    display: none
    }
/*
 * Zoom on product page
 */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 1px solid #ccc;
    margin: -1px;
    /* Set this to minus the border thickness. */
    background-color: #fff;
    cursor: move
    }
/* This is the zoom window. */
.cloud-zoom-big {
    border: 1px solid #e5e5e5;
    overflow: hidden
    }
/* No borders if zoom position is "inside" */
.product-view .product-img-box .product-image.zoom-inside .cloud-zoom-big {
    border: none
    }
/* This is the loading message. */
.cloud-zoom-loading {
    color: white;
    background: #222;
    padding: 0.25em;
    border: 1px solid #000
    }
/* Additional
-------------------------------------------------------------- */
#wrap {
    /* Decrease default z-index */
    z-index: 99 !important
    }
/* For 'position: inside'
-------------------------------------------------------------- */
.product-image .mousetrap {
    z-index: 100 !important;
    /* For responsive layout */
    width: 100% !important;
    height: 100% !important
    }
.zoom-inside #wrap {
    overflow: hidden
    }
/* Display images without Cloud Zoom
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide zoom area */
.simple-mode .cloud-zoom-big, .simple-mode .cloud-zoom-lens {
    display: none !important
    }
.simple-mode .cloud-zoom-lens {
    cursor: default !important
    }
/* Zoom button (enlarge the main image)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.zoom-btn-small {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0 1em;
    line-height: 2.6666em;
    z-index: 100;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    color: #333
    }
.zoom-btn-small:hover {
    background-color: #fff
    }
/* Use lightbox without cloud zoom */
.zoom-btn-large {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0;
    z-index: 100;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden
    }
.zoom-btn-large:hover {
    background-color: rgba(255, 255, 255, 0.15)
    }
/* Thumbnails carousel
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Skin: horizontal thumbnail slider
-------------------------------------------------------------- */
.itemslider-thumbnails {
    max-width: 237px;
    margin-top: 8px
    }
/* Default width for 3 thumbnails */
/* Width depends on the number of thumbnails */
.itemslider-thumbnails.count-1 {
    max-width: 79px
    }
.itemslider-thumbnails.count-2 {
    max-width: 158px
    }
/* Fixed width for single thumbnail */
.itemslider-thumbnails.count-1 .slides > li {
    width: 75px
    }
/* Fix: cut right side of the last slide.
   Removed slide margin. Instead, margin set for inner element.
   */
.itemslider-thumbnails .slides > li a {
    margin: 0 2px
    }
/**
 * Lightbox
 */
/* ColorBox Core Style
-------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
    }
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
    }
#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
    }
#cboxContent {
    position: relative
    }
#cboxLoadedContent {
    overflow: auto
    }
#cboxTitle {
    margin: 0
    }
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
    }
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none
    }
.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
    }
#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box
    }
/* ColorBox skin.
   The following styles are ordered & tabbed
   in a way that represents the nesting of the generated HTML.
-------------------------------------------------------------- */
#cboxOverlay {
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/overlay.png) repeat 0 0
    }
#cboxContent {
    background: #fff;
    overflow: hidden;
    border: none;
    /*10px solid #333*/
    padding: 10px
    }
.cboxIframe {
    background: #fff
    }
#cboxError {
    padding: 50px;
    border: 1px solid #ccc
    }
#cboxLoadedContent {
    margin-bottom: 40px;
    /*10px above buttons*/
    }
#cboxTitle {
    position: absolute;
    bottom: 17px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #999
    }
#cboxCurrent {
    position: absolute;
    bottom: 17px;
    left: 80px;
    color: #999
    }
#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef
    }
#cboxPrevious, #cboxNext {
    position: absolute;
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png) no-repeat #ddd;
    width: 30px;
    height: 30px;
    text-indent: -9999px
    }
#cboxPrevious:hover, #cboxNext:hover {
    background-color: #333
    }
#cboxPrevious {
    bottom: 10px;
    left: 10px;
    background-position: -10px -10px
    }
#cboxPrevious:hover {
    background-position: -10px -60px
    }
#cboxNext {
    bottom: 10px;
    left: 40px;
    background-position: -60px -10px
    }
#cboxNext:hover {
    background-position: -60px -60px
    }
#cboxLoadingOverlay {
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center
    }
#cboxLoadingGraphic {
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading.gif) no-repeat center center
    }
#cboxClose {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(/skin/frontend/ultimo/default/images/infortis/_shared/close-button.png) -10px -10px no-repeat #ddd;
    width: 30px;
    height: 30px;
    text-indent: -9999px
    }
#cboxClose:hover {
    background-position: -10px -60px;
    background-color: #333
    }
#cboxNext, #cboxPrevious, #cboxClose {
    transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out
    }