/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@font-face {
    font-family: 'handel_gothic_itc_w02medium';
    src: url('../fonts/handel_gothic_itc_w02_medium-webfont.eot');
    src: url('../fonts/handel_gothic_itc_w02_medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/handel_gothic_itc_w02_medium-webfont.woff') format('woff'),
        url('../fonts/handel_gothic_itc_w02_medium-webfont.ttf') format('truetype'),
        url('../fonts/handel_gothic_itc_w02_medium-webfont.svg#handel_gothic_itc_w02medium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'handel_gothic_itc_w02regular';
    src: url('../fonts/handel_gothic_itc_w02_regular-webfont.eot');
    src: url('../fonts/handel_gothic_itc_w02_regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/handel_gothic_itc_w02_regular-webfont.woff') format('woff'),
        url('../fonts/handel_gothic_itc_w02_regular-webfont.ttf') format('truetype'),
        url('../fonts/handel_gothic_itc_w02_regular-webfont.svg#handel_gothic_itc_w02regular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'handel_gothicregular';
    src: url('../fonts/handelgothicbt-regular-webfont.eot');
    src: url('../fonts/handelgothicbt-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/handelgothicbt-regular-webfont.woff') format('woff'),
        url('../fonts/handelgothicbt-regular-webfont.ttf') format('truetype'),
        url('../fonts/handelgothicbt-regular-webfont.svg#handel_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.main-font, h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, .feature .heading, .accordion .heading, #mobnav-trigger, #nav > li > a, #nav.wide ul.level0 > li > a, .vertnav-top li a, .block .block-title, #opc-login h3, .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, .product-view .box-reviews dt .heading, .gen-tabs .tabs a, .footer .heading, #subscribe-form label, .caption .heading{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; }

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; }

* { margin:0; padding:0; }
html { font-size:16px; /* Fix for Opera */ }
body          {	font:75%/150% "Helvetica Neue",Helvetica,Arial,sans-serif; background-color:#fff; color:#333; text-align:left; }
#root-wrapper {}
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; font-weight:normal; text-transform:lowercase; }
h1            { font-size:2.6666em;	line-height:1.25em;		/*32px, 40px*/		margin-bottom:20px; }
h2            { font-size:2em;		line-height:1.25em;		/*24px, 30px*/ }
h3            { font-size:1.6666em;	line-height:1.2em;		/*20px, 24px*/ }
h4            { font-size:1.3333em;	line-height:1.25em;		/*16px, 20px*/ }
h5            { font-size:1.1666em;	line-height:1.1428em;	/*14px, 16px*/ }
h6            { font-size:1em;		line-height:1.1666em;	/*12px, 14px*/ }
.blue{color:#00A9C7;}
/* 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%; background:none !important; }
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; }
/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.wrapper { background-size:auto !important }

/* GREEN */
.category-laptop-bags .wrapper, .cms-delivery-policy .wrapper, .cms-business-enquiries .wrapper, .cms-about-us .wrapper{background-image:url(../images/bg-new-green.jpg) !important;}
#nav > li.nav-5:hover > a, #nav > li.nav-5.active > a{background-image:url(../images/nav-bg-green.png) !important;}
#nav > li.right:hover > a{background-image:url(../images/nav-bg-about.png) !important;}

/* PURPLE */
.category-bundles .wrapper, .cms-returns-policy .wrapper .cms-warranty-enquiries .wrapper, .cms-warranty-registration .wrapper{background-image:url(../images/bg-new-purple.jpg) !important;}
#nav > li.nav-6:hover > a, #nav > li.nav-6.active > a{background-image:url(../images/nav-bg-purple.png) !important;}
#nav > li.nav-10:hover > a, #nav > li.nav-10.active > a{background-image:url(../images/nav-bg-purple.png) !important;}


/* PINK */
.category-ipad-tablet .wrapper, .cms-warranty-policy .wrapper, .cms-tips-and-tricks .wrapper{background-image:url(../images/bg-new-pink.jpg) !important;}
#nav > li.nav-7:hover > a, #nav > li.nav-7.active > a{background-image:url(../images/nav-bg-pink.png) !important;}
#nav > li.nav-custom-link:hover > a{background-image:url(../images/nav-bg-contact.png) !important;}

/* ORANGE */
.category-ultrabook .wrapper, .cms-faq .wrapper, .cms-website-policy .wrapper, .cms-privacy-policy .wrapper{background-image:url(../images/bg-new-orange.jpg) !important;}
#nav > li.nav-8:hover > a, #nav > li.nav-8.active > a{background-image:url(../images/nav-bg-orange.png) !important;}




/* .header-nav-dropdown-wrapper{background:url(../images/nav-contact-bg.png) no-repeat 50% 0 #fff;} */
.header-nav-dropdown-wrapper img{display:none;}

.mobile-contact{display:none;}

.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-container { background-repeat:repeat; background-position:center top; }
.main { padding:20px 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 */
.col1-layout .col-main {}
/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}
/* 3 Columns Layout */
.col3-layout .col-main {}
.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic
-------------------------------------------------------------- */
input, select, textarea, button {
    font:12px/15px Arial, Helvetica, sans-serif;
    vertical-align:middle;
}
/* Fix: remove default formatting on iOS (e.g. rounded corners) */
input.input-text, textarea { -webkit-appearance:none; }
input.input-text, input[type="text"], select, textarea {
    background:#fff;
    border:1px solid #ddd;
    color:#888;
    /* Box model */
    -webkit-box-sizing:	border-box;
    -moz-box-sizing:	border-box;
    box-sizing:			border-box;
    /* Remove default formatting, fix for iOS (rounded corners and shadow) */
    -webkit-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow:none;
    box-shadow:none;
}
table input[type="text"], select, textarea{margin-bottom:5px;}
input[type="checkbox"]{margin-bottom:10px;}
input.input-text, input[type="text"]{
    height: 36px;
}
select {
    height:36px;
    padding:8px;
    text-overflow:ellipsis;
}
select.multiselect {
    height: auto;
}
input.input-text, textarea {
    padding:8px;
    text-overflow:ellipsis;
}
select option { padding-right:10px; padding-left:5px; }
select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; min-height:100px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:3em !important; text-align:center; }
/* Active and others
-------------------------------------------------------------- */
input.input-text:hover, select:hover, textarea:hover, input[type="text"]:hover, 
input.input-text:focus, select:focus, textarea:focus, input[type="text"]:focus { border-color:#aaa; color:#333; outline:none; }
input.input-text:disabled,
select:disabled,
textarea:disabled {}
/* Buttons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
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; text-transform:lowercase;
}
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; line-height:45px; }

input[type="submit"] {
    float:left;
    display:block;
    font-size:12px;
    text-align:center; 
    white-space:nowrap;
    background-color:#ddd;
    color:#333 !important;
    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;
    padding:0 25px; height:45px; line-height:45px;
    border:none; cursor:pointer;
	-webkit-appearance:none;
}
input[type="submit"]:hover { background-color:#333; color:#fff !important; }
input[type="reset"]{display:none;}

/* 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:36px; height:36px; }
/* Big button: Add to cart (product view) & Proceed to checkout
-------------------------------------------------------------- */
/*.product-view .btn-cart span,
button.btn-checkout span {}*/
.product-view .btn-cart span span,
button.btn-checkout span span { padding:5px 25px; font-size:1.1666em; /*14px*/ }
/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* Form lists */
/* Grouped fields */
.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 {}
.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 .input-box { display:block; clear:both; }
.form-list .field { float:left; width:275px; margin-bottom:5px; }
.form-list input.input-text { width:262px; /*244px;*/ }
.form-list textarea { width:244px; height:10em; }
.form-list select { width:262px; }
.form-list li.wide .input-box { /*width:535px;*/ }
.form-list li.wide input.input-text { /*width:529px;*/ }
.form-list li.wide textarea { width:536px; }
.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 .buttons-set button { float: left; }
#oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; }
/* 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 {
    margin:0 0 10px;
    padding:0;
}
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {}
/* Buttons set
-------------------------------------------------------------- */
.buttons-set { clear:both; margin:10px 0; }
.buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; }
.buttons-set p.required { margin:0 5px 5px 0; }
.contacts-index-index .buttons-set { float:left; margin-top:-10px; }
.contacts-index-index .buttons-set .required { text-align:left; }
.buttons-set .back-link { float:left; margin-bottom:5px; }
.buttons-set .back-link a { display:block; line-height:36px; /* Icon size */ }
.buttons-set .back-link small {
    display:inline-block;
    margin-right:5px;
    width:36px;
    height:36px;
    text-indent:-9999px;
    background-image:url(../images/sprite.png);
    background-position:-107px -107px;
}
.buttons-set .back-link:hover small {
    background-image:url(../images/sprite.png);
    background-position:-107px -157px;
}
/* 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; }
.validation-passed {}
/* 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:#ee001c; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }
/* Specific buttons set
-------------------------------------------------------------- */
/* Log in */
.account-login .buttons-set button span span,
/* Create account */
.account-create .buttons-set button span span,
/* Forgot password */
.customer-account-forgotpassword .buttons-set button span span,
/* Orders and Returns form */
#oar_widget_orders_and_returns_form .buttons-set button span span,
/* Contact us */
.contacts-index-index .buttons-set .button span span
{
    min-width: 120px;
}
/* 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:last-child { margin-bottom:0; }
.messages li li { margin:0; }
.messages a { text-decoration:underline; }
.catalog-category-view .messages { margin-top:15px; margin-bottom:15px; }
.cms-index-index .messages,
.cms-home .messages { margin:20px 0 20px; }
.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(../images/i_msg-error.png);
    color:#c02230;
}
.success-msg {
    border-color:#296a23;
    background-color:#e9ffca;
    background-image:url(../images/i_msg-success.png);
    color:#296a23;
}
.note-msg,
.notice-msg {
    border-color:#7c622a;
    background-color:#FDEDA4;
    background-image:url(../images/i_msg-note.png);
    color:#7c622a;
}

.notice-banner{padding:10px; background-color:#f2f2f2; text-align:center; font-size:14px; font-weight:600; margin:15px 0 0;}
.notice-banner a{color:#fa8109;}
.notice-banner a:hover{text-decoration:underline;}

/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs li { display:inline; font-size:0.9166em; /*11px*/ }
.breadcrumbs a { display:block; float:left; }
.breadcrumbs li span {
    background:url(../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 h1,
.page-title h2 { margin-bottom:0; }
.page-title { margin-bottom:20px; }
/*.category-title { margin-bottom:10px; }*/
/* Links in page title */
.page-title .separator { margin:0 3px; }
.page-title .separator,
.page-title .link-reorder,
.page-title .link-rss,
.page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; }
.page-title .link-rss { float:right; margin-top:15px; }
/* Title with buttons */
.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 */ }
/* Buttons - adjust the height of heading buttons in customer account (required 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; }
/* View mode */
.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-image:url(../images/img/pix.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
.sorter .view-mode .grid { background-position:0 -207px; }
.sorter .view-mode .list { background-position:-30px -207px; margin-left:-5px; }
.sorter .view-mode a.grid:hover { background-position:0 -237px; }
.sorter .view-mode a.list:hover { background-position:-30px -237px; }
/*.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; }*/
/* Currently selected mode icon */
/*.sorter .view-mode span.grid,
.sorter .view-mode span.list {}*/
/* Sort by */
.sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(../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(../images/img/pix.png) 0 -87px no-repeat transparent; }
.sorter .sort-by .category-desc { background:url(../images/img/pix.png) -60px -87px no-repeat transparent; }
.sorter .sort-by .category-asc:hover { background-position:-30px -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-block; vertical-align:middle; }
.pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; }
.pager .pages li a { display:block; background-color:transparent; color:inherit; }
.pager .pages li a.previous,
.pager .pages li a.next {
    text-indent:-9999px;
    overflow:hidden;
}
/* Toolbar. Pager and sorter inside toolbar
-------------------------------------------------------------- */
.toolbar {

    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; 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:36px; } /* Important: the same as the height of the form elements */
.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; line-height:30px; }
/* Amount */
.pager .amount,
.sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(../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; border-right: none; }
.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 {}
.data-table tr.odd.last { border-bottom:#eee solid 1px; }
.data-table tr.even td,
.data-table tr.even th { border-right:1px solid #f5f5f5; }
.data-table tr.even td.last { border-right:none; }
.data-table tr.even { background-color:#fbfbfb; }
.data-table tbody tr:hover {}
.data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/
.data-table tbody.odd {}
.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:#f5f5f5; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {}
.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 td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -53px; }
tr.show-details td {}
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(../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; }
.link-reorder { font-weight:bold; }
.link-print { background:url(../images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; }
.link-rss { background:url(../images/i_rss.gif) 0 center no-repeat; padding-left:16px; 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:#e5e5e5; text-indent:-9999em; overflow:hidden; }
/* Global site notices
-------------------------------------------------------------- */
/* Obsolete: */
/*.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(../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; }*/
.global-site-notice { background:#f5f5f5; color:#333; }
.global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(../images/i_notice.gif) 20px center no-repeat; text-align:left; }
.global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; }
.global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; }
/* Cookie Notice */
.notice-cookie {}
/* Noscript Notice */
.noscript {}
/* 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(../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(../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:0 0 1em; 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(../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; }
/* Different bullets. IMPORTANT: use together with class "bullet" */
ul.list1  li { background-image:url(../images/infortis/_shared/cck/list/list1.png); }
ul.list2  li { background-image:url(../images/infortis/_shared/cck/list/list2.png); }
ul.list11 li { background-image:url(../images/infortis/_shared/cck/list/list11.png); }
ul.list12 li { background-image:url(../images/infortis/_shared/cck/list/list12.png); }
ul.list13 li { background-image:url(../images/infortis/_shared/cck/list/list13.png); }
/* Separator */
ul .separator {
    border-bottom:1px solid #fff;
    margin:8px 1px;
    overflow:hidden;
}
/* 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(../images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; }
/* Lists inside ".std"
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list without any bullets */
.std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; }
.std ul.no-bullets li { background-image:none !important; padding-left:0 !important; }
/* 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; }
/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-container,
.header-container2,
.header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; }
.header { padding:0; }
/* Misc header elements
-------------------------------------------------------------- */
.header .item {}
.header .item-left { float:left; margin-right:20px; }
.header .item-right { float:right; margin-left:20px; }
.header .welcome-msg {}
.header .login-msg {}
.header .login-msg a {}
.header .login-msg a:hover {}
.header .lang-switcher{float:right;}
.header .lang-switcher li{float:left;}
/* Header top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top .lang-switcher,
.header-top .currency-switcher { margin:0; }
/* Logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header .logo-wrapper { margin:10px 0; }
.header .logo { display:inline-block; max-width:220px; margin:0; text-decoration:none !important; }
.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; }
.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:10px 0; } /* Deprecated class */
#search_mini_form { clear:both; display:block; }
.form-search { position:relative; }
.form-search label { float:left; margin:3px 4px 0 0; display:none; }
.form-search .input-text {
    display: block;
    height:36px;
    line-height:36px; /*IE8*/
    padding:0px 35px 0 7px; /*0 0 0 5px;*/
    color:#bbb;
    background-color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
}
/* Button */
.form-search .button {
    position:absolute;
    right:0;
    top:0;
}
.form-search .button span {
    background:url(../images/sprite.png) no-repeat transparent;
    background-position:-57px -108px; /* -57px -107px; */
    width:34px;
    height:34px;
    opacity:0.3;
    filter:alpha(opacity=30);
    margin:1px;
}
.form-search .button:hover span { opacity:1; filter:alpha(opacity=100); background-color:transparent; }
.form-search .button span span { background:none; display:none; }
/* Search autocomplete */
.form-search .search-autocomplete {
    left:0 !important; /*Fix for IE*/
    top:42px !important;
    position:relative;
    z-index:4100 !important;
}
.form-search .search-autocomplete ul { 
    background-color:#fff; 
    text-align:left; 
    padding:3px;	
}
.form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; }
.form-search .search-autocomplete li:hover {}
.form-search .search-autocomplete li .amount { float:right; padding-left:5px; }
/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: small box
-------------------------------------------------------------- */
.search-wrapper-small .form-search .input-text {
    height:28px;
    line-height:28px; /*IE8*/
}
.search-wrapper-small .form-search .button span {
    background:url(../images/sprite.png) no-repeat transparent;
    background-position: -61px -111px; /*-59px -109px*/
    width:28px;
    height:28px;
}
.search-wrapper-small .form-search .search-autocomplete { top:30px !important; }
/* Search: inline
-------------------------------------------------------------- */
.search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; }
/* Quick search: positions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: centered
-------------------------------------------------------------- */
.search-wrapper-centered .form-search {
    margin:0 auto;
    width:90%;
}
.search-wrapper-centered .form-search .input-text {
    float:right;
    width:100%;
}
/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#mini-cart { position:relative; }
.after-mini-cart { clear:both; }
/* Mini-cart Heading
-------------------------------------------------------------- */
#mini-cart .dropdown-toggle {}
/* Deprecated: */
#mini-cart .dropdown-toggle .icon-cart {
    width:14px;
    max-height:32px;
    background:url(../images/img/pix.png) 0px -205px no-repeat;
}
#mini-cart .dropdown-toggle .summary {}
#mini-cart .dropdown-toggle .amount {}
#mini-cart .dropdown-toggle .subtotal {}
/* Fix icon positioning */
/*#mini-cart .dropdown-toggle .icon { padding:0; width:36px; height:36px; }*/
/* Mini-cart content
-------------------------------------------------------------- */
#mini-cart .dropdown-menu {
    width:300px;
    padding:25px;
    text-align:left; /* Because cart can be aligned center */
}
#mini-cart .dropdown-menu .inner {}
#mini-cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; }
#mini-cart .dropdown-menu .empty { padding:10px 0; }
#mini-cart .block-subtitle { padding:0; margin:0 0 10px; }
#mini-cart .product-name {}
#mini-cart .btn-remove,
#mini-cart .btn-edit { float:right; }
#mini-cart .product-details strong { font-weight:normal; }
#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 .truncated { margin-left:3px; }
/* Mini-cart on hover
-------------------------------------------------------------- */
/* TODO
#mini-cart:hover .block-content { display:block; }
#mini-cart.hover:hover .block-content { display:none; }*/ /*Override (remove) default :hover behavior, if JS is enabled*/
/* Block: Recently Compared (dropdown)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.quick-compare {
    float:right;
    position:relative;
    margin:0;
    padding:0;
    border:none;
}
.quick-compare .dropdown-toggle {}
.quick-compare .dropdown-menu {
    width:300px;
    padding:25px;
    text-align:left; /* Because cart can be aligned center */
}
.quick-compare .dropdown-menu .empty { padding:10px 0; }
.quick-compare .dropdown-menu .item { padding:3px 0; }
.quick-compare .dropdown-menu .item .product-name { padding-right:20px; }
.quick-compare .btn-remove { float:right; }
.quick-compare .actions {
    border-top:1px dotted #e5e5e5;
    margin:5px 0 0;
    padding:5px 0 0;
    text-align:right;
}
.quick-compare .actions a { float:right; }
.quick-compare .actions button { float:left; }
/* Block on hover
-------------------------------------------------------------- */


.header .block-compare:hover .block-content { display:block; }
.nav-container{border-bottom:10px solid #000;}
#nav > li > a{text-transform:lowercase; min-width:61px; text-align:center;}
#nav > li:hover > a, .cms-index-index #nav #nav-home > a, #nav > li.active > a{background:url(../images/nav-bg.png) 50% 100% no-repeat !important;}
.block-layered-nav .block-title{border-bottom:none !important; font-size:14px !important; text-transform:uppercase;}



/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block { margin:0 0 10px; }
.block .block-title { text-transform:lowercase;}
.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 5px; }
.block .block-content li.item {	padding:5px 0; }
.block .block-content li.item .product-name {}
.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; }
/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
    list-style: outside disc none;
    padding-left: 20px;
}
.block-viewed .block-content ol li,
.block-compare .block-content ol li,
.block-compared .block-content ol li {
    padding: 3px 0;
}
/* 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 {}
.block-account .block-content { padding: 10px 0; }
.block-account .block-content ul { list-style: outside disc none; padding-left: 25px; }
.block-account li > * {
    padding:4px;
    display:block;
    text-transform:uppercase;
}
.block-account li strong { font-weight:normal; }
/* Block: Layered Navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-layered-nav .block-content {	padding:0; }
.block-layered-nav .block-title{ text-transform:uppercase;}
.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:0; text-transform:lowercase; font-size:14px; }
.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(../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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Ccommon styles for all types of the block */
.block-related .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:hover .block-subtitle { display:block; padding:8px; background-color:#fff; }
/* Block: Related. Single product slider
-------------------------------------------------------------- */
.block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; }
/* Block: Related. Simple thumbnails slider
-------------------------------------------------------------- */
.block-related-thumbnails .product-image {
    float:left;
    margin-bottom:10px;
}
.block-related-thumbnails .product-details {
    margin-left:110px;
}
.block-related-thumbnails .product-details > * { margin-bottom:5px; }
.block-related-thumbnails .product-name,
.block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; }
.block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; }
.block-related-thumbnails .checkbox { float:left; margin:2px 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: Recently Compared
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-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 .tags-list a {}
.block-tags .tags-list a:hover {}
.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-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;
}
/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.category-title h1 {}
.category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; }
.category-image img {}
.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 View Types: List & Grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .product-name,
.products-grid .product-name,
h3.product-name {
    /* Sizes are modified for different number of columns */
    font-size:1.3333em; line-height:1.25em; /*16px 20px*/
}
.products-list .price-box.map-info a,
.products-grid .price-box.map-info a { margin-left:3px; }
/* Product image
-------------------------------------------------------------- */
/* Product alternative image */
.products-list .product-image .alt-img,
.products-grid .product-image .alt-img {
    position:absolute;
    top:0;
    left:0;
    display: none;
}
/* Fix possible glitches during animation */
.products-list .product-image img,
.category-products-grid .product-image img /* Grid only in category view */
{
    -moz-transform: translateZ(0);
}
/* View Type: List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .item { 
    border-top:1px solid #e5e5e5; 
    padding-top:20px; 
    padding-bottom:20px;
    background-color:#fff;
    position:relative; /* For hover effect */
    transition:			box-shadow 0ms ease-in;
    -moz-transition:	box-shadow 0ms ease-in;
    -webkit-transition:	box-shadow 0ms ease-in;
    -o-transition:		box-shadow 0ms ease-in;
}
.products-list .product-shop {}
.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-wrapper {}
.products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; }
.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 0px; }
.products-list .link-learn {}
.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; }
/* 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);
    border-color:transparent;
    transition:			box-shadow 400ms ease-out;
    -moz-transition:	box-shadow 400ms ease-out;
    -webkit-transition:	box-shadow 400ms ease-out;
    -o-transition:		box-shadow 400ms ease-out;
}
/* View Type: Grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Products grid: basic styles
(common for all types of product grids)
-------------------------------------------------------------- */
.products-grid {}
.products-grid .item {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    position:relative; /* For hover effect */
}
.products-grid .product-name { margin:15px 0 10px; font-weight:500 !important; text-transform:uppercase; }
.products-grid .product-image-wrapper { margin:0 auto; position:relative; }
.products-grid .product-image { display:block; }
.products-grid .price-box { margin:5px 0 10px; font-size:1.5em; }
.products-grid .ratings { margin:10px 0; }
.products-grid .actions { margin:10px 0 0; }
.products-grid .availability { float:none; margin:10px 0; }
.products-grid .add-to-links { margin:10px 0 0; }
.products-grid p{margin-bottom:15px;}
p.list-feature{margin:0; border-bottom:1px solid #000; padding:5px 0;}
p.list-feature span{font-weight:700;}
/* Price: old/special */
/*.products-grid .old-price,
.products-grid .special-price { display: inline-block; }
.products-grid .old-price { margin-right: 2px; }
.products-grid .special-price { margin-left: 2px; }*/
/* Grid: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Equal height of items (buttons displayed at the bottom of items)
-------------------------------------------------------------- */
.products-grid.equal-height .item .actions { position:absolute; bottom:15px; }
/* Remove equal height */
.products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */
/* Display grid item elements only on hover
-------------------------------------------------------------- */
.products-grid .item .display-onhover { display:none; }
/* Display grid item elements only on hover: fade-in (for sliders) */
.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;
}
/* Product name in a single line
-------------------------------------------------------------- */
.products-grid.single-line-name .product-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.products-grid.single-line-name .item:hover .product-name {
    overflow: visible;
    white-space: normal;
}
/* Align to the center
-------------------------------------------------------------- */
.products-grid.centered .item { text-align: left; }
.products-grid.centered .item .ratings .rating-box,
.products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; }
.products-grid.centered .item .ratings { display: inline-block; margin-bottom: 0; /* Remove margin from inline-block */ }
.products-grid.centered .item .ratings .rating-box { display: inline-block; vertical-align: middle; float: none; /* Remove default float */ }
.products-grid.centered .item .ratings .amount { display: inline-block; vertical-align: middle; margin-left: 3px; }
.products-grid.centered .item input.checkbox { float: none; }
.products-grid.centered .item .actions .add-to-links li { float: none; margin:0; }
/*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/
/* Grid: only in category view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.category-products-grid .item {

    border-left:none;
    border-right:none;
    zoom:1;
    padding-top:2%;
    padding-left:1%;
    padding-right:1%;
    background-color:#fff;
    transition:			box-shadow 0ms ease-in;
    -moz-transition:	box-shadow 0ms ease-in;
    -webkit-transition:	box-shadow 0ms ease-in;
    -o-transition:		box-shadow 0ms ease-in;
}
/* 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);
    border-color:transparent;
    transition:			box-shadow 400ms ease-out;
    -moz-transition:	box-shadow 400ms ease-out;
    -webkit-transition:	box-shadow 400ms ease-out;
    -o-transition:		box-shadow 400ms ease-out;
}
/* Grid: override grid elements to change size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product name
-------------------------------------------------------------- */
.products-grid.size-s .product-name {
    font-size:1.1666em; /*14px*/
    line-height:1.2307em; /*16px*/
}
.products-grid.size-xs .product-name {
    font-size:1em; /*12px*/
    line-height:1.25em;/*15px*/
}
/* Buttons
-------------------------------------------------------------- */
.products-grid.size-s .item button.btn-cart span span {
    padding:7px 15px;
    height:auto;
    line-height:2em;
}
.products-grid.size-xs .item button.btn-cart span span {
    padding:3px 8px;
    height:auto;
    line-height:2em;
}
/* Product labels
-------------------------------------------------------------- */
.products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; }
.products-grid.size-s .item:hover .sticker { width:50px; height:50px; }
.products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ }
.products-grid.size-xs .item:hover .sticker { width:45px; height:45px; }
/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Rating
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ratings,
.no-rating { line-height:1.0833em; margin:15px 0 15px; border-top:3px solid #000; border-bottom:3px solid #000; padding:10px 0; }
.ratings a { line-height:1.0833em; }
.ratings strong { float:left; margin:1px 5px 0 0; }
.ratings .rating-links .separator {
    display:inline-block;
    text-indent:-9999px;
    width:1px;
    background:url(../images/img/bg-separator1.gif) no-repeat;
}
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:13px; background:url(../images/img/rating.png) 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 { line-height:1.1666em; /*14px*/ padding:3px 0; }
.ratings-table th { padding-right:8px; }
/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Availability - with details */
.availability-only { margin:15px 0; }
a.availability-only { cursor:pointer; }
.availability-only strong { font-weight:normal; }
.availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); }
.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; /* TODO:15px */ }
.extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; }
.product-options-bottom .product-pricing { clear:left; }
/* Alerts
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.alert-price,
.alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; }
.alert-price { background:url(../images/img/icons.png) 0 -120px no-repeat; }
.alert-stock { background:url(../images/img/icons.png) 0 -160px no-repeat; }
/* Product Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.price { white-space:nowrap !important; }
.price-box { margin: 0; }
.price-box .price {}
.price-box .price-label {}
/* Common labels */
.old-price .price-label,
.special-price .price-label { white-space:nowrap; }
.old-price .price-label { display:none; }
/* Regular price */
.regular-price {}
.regular-price .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; /* Override other color changes */ }
.special-price .price-excluding-tax .price {}
/* Minimal price (as low as) */
.minimal-price { margin:0 0 5px; }
.minimal-price .price {}
.minimal-price .price-label { white-space:nowrap; }
.minimal-price-link { display:block; }
.minimal-price-link .label {}
.minimal-price-link .price { color:#ee001c; }
/* 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; }
.price-including-tax .price {}
/* 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-size:1.1666em; font-weight:bold; text-transform:uppercase; 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 10px; padding-left: 10px; }
.tier-prices li { line-height:15px; background:url(../images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; }
.tier-prices .benefit { color:#ee001c; 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; }
.addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */
/* Add-to links as icons (with no text).
Deprecated (will be removed in the next update).
-------------------------------------------------------------- */
.addto-icons a.link-wishlist,
.addto-icons a.link-compare,
.addto-icons a.email-friend {
    display:block;
    padding:0;
    margin:0;
    width:27px;
    height:27px;
    text-indent:-9999em;
    overflow:hidden;
    background:url(../images/img/pix.png) no-repeat;
    background-color:#fff;
    /*border:1px solid #f5f5f5;*/
}
.addto-icons a.link-wishlist:hover,
.addto-icons a.link-compare:hover,
.addto-icons a.email-friend:hover { background-color:#fff; }
.addto-icons a.link-wishlist { background-position:-27px 0; }
.addto-icons a.link-wishlist:hover { background-position:-27px -27px; }
.addto-icons a.link-compare { background-position:0 0; }
.addto-icons a.link-compare:hover { background-position:0 -27px; }
.addto-icons a.email-friend { background-position:-54px 0; }
.addto-icons a.email-friend:hover { background-position: -54px -27px; }
/* If displayed in a group: add margin between icons */
.add-to-links.addto-icons .link-compare,
.add-to-links.addto-icons .email-friend { margin-left:3px; }
/* If displayed on product image */
.addto-icons.addto-onimage {
    float:right;
    margin-top:-31px; /* Move up: height (29px) + 2 additional pixels */
    position:relative;
    z-index:1;
    padding-bottom:4px; /* Use padding to cover the image below icons. */
    padding-right:4px;
}
/* Add-to links: simple icons (with no text)
-------------------------------------------------------------- */
.addto-links-icons {}
/* If displayed in a group: add margin between icons */
.add-to-links.addto-links-icons .link-compare { margin-left:3px; }
/* If displayed on product image */
.addto-links-icons.addto-onimage {
    float:right;
    margin-top:-40px; /* Move up */
    position:relative;
    z-index:1;
    padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */
    padding-right:4px;
}
/* Add to Cart box
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-cart .qty-wrapper {}
.add-to-cart .qty { text-align:center; margin-right:10px; }
.add-to-cart .button { margin-right:10px; }
.product-view .add-to-cart { float:left; }
.product-view .paypal-wrapper { float:left; clear:both; }
.product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; }
.product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }
/* Magento's default */
.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; }
/* Box floating right
-------------------------------------------------------------- */
.add-to-cart.right {}
.add-to-cart.right label { margin-left:10px; }
.add-to-cart.right .button { margin-right:0; }
/* Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#messages_product_view { margin: 0 auto; width: 98%; }
/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Basic layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 1 Column Layout
-------------------------------------------------------------- */
/* Stretch content area (full page width) */
.catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; }
/* 3 Columns Layout
-------------------------------------------------------------- */
/* Uncomment if you're using 3-column layout on product page */
/*.catalog-product-view .col3-layout .product-img-column,
.catalog-product-view .col3-layout .product-shop,
.catalog-product-view .col3-layout .product-secondary-column,
.catalog-product-view .col3-layout .box-additional { float: none; width: 100%; }
.catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/
/* Main sections of product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Generic wrapper for product page collaterals */
.product-view .box-additional { margin-top:20px; }
.product-view .box-tabs {}
.product-view .box-sidebar {}
.product-view .box-up-sell {}
/* Product images
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-img-column {
    float:left; margin-bottom:10px;
    position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */
}
.col3-layout .product-view .product-img-column { float:none; margin:0 auto; }
/* Product primary 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; text-transform:none; }
.product-view .product-shop .ratings-table { margin:15px 0 5px; }
/* Product secondary Column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ }
/* Product primary column's elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ }
.product-view .short-description ul { margin-top:5px; margin-bottom:5px; }
/* Add-to links */
.product-view .action-box { margin:20px 0; }
/* Add-to links in different places of the product page */
.product-view .add-to-links li { margin-right: 10px; }
/* Other elements */
.extrahint-wrapper { margin-bottom:15px; }
/* Downloadable product
-------------------------------------------------------------- */
.product-type-data .item-options { clear: both; }
.product-type-data .item-options dt { float:none; margin:0 0 5px; }
/* The same style as "item-options" in cart */
.product-type-data .item-options dd { background:url(../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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Prices on product page and MSRP */
.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 .special-price .price-label,
.product-view .product-shop .price-box .old-price .price,
.product-view .product-shop .price-box .old-price .price-label,
.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 .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ }
/* Old price */
.product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; }
/* MSRP price (only in MSRP box) */
.map-popup-msrp .price { display:block; /* Move price below the label */ }
/* Move MSRP links below the price */
.product-view .product-shop .price-box.map-info .old-price { display:block; }
/* Special price */
.product-view .price-box .special-price { white-space:nowrap; /*Chrome*/ }
.product-view .price-box .special-price .price-label { white-space:nowrap; }
.product-view .price-box .special-price .price-including-tax,
.product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; }
/* Price box inside "Add-to-cart" box or inside product options box */
.product-view .add-to-box .price-box,
.product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; }
/* Main containers (e.g. for add-to-cart, product options)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product type specific data */
.product-view .product-type-data { margin:15px 0 0; }
/* Lower part of the container */
.product-view .container1-wrapper,
.product-view .container2-wrapper,
.product-view .add-to-box {
    padding:0 0 15px;
    margin:0 0 15px;
    border-bottom:1px solid #e5e5e5;
}
/* Button container */
.product-view .add-to-box {
    margin-top:15px;
}
/* Background color for main containers */
/*.product-view .product-type-data,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box {}*/
/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list in product description (for lists with no bullet class) */
.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(../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; }
/* If unordered list has "disc" class, override  */
.product-view .short-description .std ul.disc,
.product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; }
.product-view .short-description .std ul.disc li,
.product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; }
/* Product options 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-options { position:relative; margin-bottom:15px; }
.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:100%; /*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:100%; /*width:92%;*/ 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:0.9166em; }
.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 0 10px; padding:0; border:0; background:0; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .price-box .price-as-configured {}
.product-options-bottom .price-label {}
.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; clear:both; }
.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; }
/* 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; }
.product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; }
.product-view .box-tags .form-add input.input-text { width:auto; }
.product-view .box-tags .note { margin:3px 0 0; 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 {}
.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 h3,
.product-view .box-reviews .form-add h4 { font-family:inherit; }
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box {}
.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; }
/* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.product-name { margin:0; font-weight:normal; font-size:1em; }
/* 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; /* Complex form fields (e.g. price range) require floating for correct layout */
}
.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 .sitemap li.level-0 a {}
.page-sitemap .pager { clear:both; }
/* RSS */
.rss-title h1 { background:url(../images/i_rss-big.png) 0 center no-repeat; padding-left:30px; }
.rss-table .link-rss { display:block; }
/* 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 { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }
.cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; }
.cart-table tfoot td { padding:5px 10px; border:none; }
/* Table bottom - 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 Collateral blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ }
.cart .cart-left-column > *,
.cart .cart-right-column > * { margin-bottom:20px; }
.cart .cart-right-column { float:right; }
/* Cross-sell
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .crosssell .product-image { float:left; }
.cart .crosssell .product-details { margin-left:85px; }
.cart .crosssell .btn-cart { float:left; margin-right:10px; }
.cart .crosssell .add-to-links { float:left; margin:12px 0 0; }
.cart .crosssell .price-box { margin:7px 0; }
.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-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 .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 {}
.cart .discount input.input-text { width:100%; }
/* 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 0px 1px 7px; }
.cart .totals tr.last td {}
.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(../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; }
.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; margin-bottom:2px; }
.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:15px 0 0; }
.sp-methods dd { margin: 3px 0 15px;  }
.sp-methods dd li { margin: 5px 0; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding:10px 10px 10px 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 {}
.sp-methods .checkmo-list label { padding-right:10px; }
.sp-methods .checkmo-list address { float:left; }
.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(../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 0px; }
.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:15px 30px; }
.checkout-agreements .agreement-content { max-height:250px; overflow:auto; padding-right:30px; }
/* Centinel */
.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(../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(../images/img/checkout-progress-done.png) 0 5px no-repeat; }
.block-progress dt.complete .separator {}
.block-progress dt.complete a { font-weight:normal; }
.block-progress dd.complete {}
.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:0; color:#999; font-size:1.3333em; line-height:2.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:#e5e5e5; }
.opc .allow .step-title h2 { color:#333; }
.opc .allow .step-title a { display:block; }
.opc .active .step-title { background-color:#e5e5e5; cursor:default; }
.opc .active .step-title .number { color:#fff; background-color:#333; }
.opc .active .step-title h2 {}
.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 .col-1 {}
#opc-login .col-2 {}
#opc-login h3 { margin-top:10px; }
#opc-login h4 { font-family:inherit; font-weight:normal; }
#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 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 Dashboard
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-account {}
.my-account .title-buttons .link-rss { float:none; margin:0; }
/********** < Dashboard */
.dashboard .welcome-msg { margin:0 0 1.6666em; }
.dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }
.dashboard .welcome-msg .hello strong { font-weight: normal; }
.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; }
.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 {}
/* Block: Account Information */
.dashboard .box-info .box-head h2 {}
.dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; }
/* Block: Reviews */
.dashboard .box-reviews .box-head h2 {}
.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 {}
.dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }
.dashboard .box-tags .details { margin-left:38px; }
.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 > */
/* Add left padding if icons are displayed in headings */
/*.box-account .box-head h2,
.order-items h2,
.order-about h2 { padding-left:38px; }*/
/* Address Book
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.addresses-list h3 { 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-bottom:20px; }
/* 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:#ee001c; clear:both; }
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info-box { margin:0 0 10px; padding:20px; }
.order-info-box .col-1 { border-right:#e5e5e5 solid 1px; }
.order-info-box h2 {}
.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 .data-table .grand_total .last,
.order-items .data-table .grand_total_incl .last {}
.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; }
.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 {}
.order-details h2 {}
.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(../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:#f8f8f8; }
.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 TODO:deprecated
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#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(../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(../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-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(../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; }












/*!
Video.js Default Styles (http://videojs.com)
Version 4.11.2
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('../fonts/vjs.eot');
  src: url('../fonts/vjs.eot?#iefix') format('embedded-opentype'), url('../fonts/vjs.woff') format('woff'), url('../fonts/vjs.ttf') format('truetype'), url('../fonts/vjs.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus highlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}
/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */

  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */

  left: 4.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */

  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.2);
}
/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.1);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}
/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  margin:-1.3em 0 0 -2em;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-big-play-button {
  display: none;
}
/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}
/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c";
}
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertically aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none;
}
/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Increase font-size when fullscreen */
.video-js.vjs-fullscreen .vjs-text-track {
  font-size: 3em;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */


/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.calendar { z-index:200; }
/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.footer-container,
.footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; }
.footer {
    width:960px;
    margin:0 auto;
    padding:0;
    text-align:left;
}
.footer .item-left { float:left; margin-right:20px; }
.footer .item-right { float:right; margin-left:20px; }
/* Footer elements */
.footer .heading,
#subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; }
/* Footer top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-top {}
/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-primary {}
/* Primary footer additional
-------------------------------------------------------------- */
.footer-primary-top-spacing {
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid;
    border-color:#eee;
    border-color:rgba(0,0,0, 0.05);
}
.footer-primary-bottom-spacing {
    border-top:1px solid;
    border-color:#eee;
    border-color:rgba(0,0,0, 0.05);
    padding-top:20px;
    padding-bottom:20px;
}
/* Footer secondary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-secondary {}
/* Footer bottom
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-bottom-container {}
.footer-bottom {
    padding-top:10px; /* To counterbalance the bottom margin of footer elements */
}
/* Footer elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Newsletter form
-------------------------------------------------------------- */
#subscribe-form {}
#subscribe-form form { display:block; }
#subscribe-form label { float:left; margin:0 5px 0 0; line-height:36px; 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;
    margin:0;
    width:140%;
    position:absolute;
    top:-103%;
    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;
    width:auto;
}
#subscribe-form .input-text.validation-failed {}
#subscribe-form .button { float:left; }



/* Social services
-------------------------------------------------------------- */
.social-links span.icon { margin-bottom:3px; }
/* 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;
    position:fixed;
    width:50px;
    height:50px;
    bottom:30px;
    right:30px;
    z-index:9999;
    text-indent:-9999px;
    border-radius:50%;
    background:url(../images/sprite.png) -200px -100px no-repeat #e5e5e5;
}
#scroll-to-top:hover {
    background-position:-200px -150px;
    background-color:#333;
}
/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* CMS pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Home page */
body.cms-index-index .breadcrumbs { display:none; }
/* Magento widgets
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.widget-new-products .products-grid .item,
.widget-viewed .products-grid .item,
.widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; }
.widget-new-products .products-list,
.widget-viewed .products-list,
.widget-compared .products-list { list-style-type: none; padding: 0; }
.widget-new-products .products-list .product-image,
.widget-viewed .products-list .product-image,
.widget-compared .products-list .product-image { float: left; }
/* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.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-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,
#mini-cart .mini-products-list li.item:after,
.block-related-thumbnails .product:after,
.cart .crosssell:after,
.section-line:after,
.section-title:after
{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

.christmas-opening-hours{
    height: 50px;
    line-height: 50px;   
    text-align: center;    
    background: url(../images/xmas-banner.png) repeat-y;
}
.christmas-opening-hours a{
    color: #b80000;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 35px;
}
.christmas-opening-hours a img{
    margin: 0 25px;
    margin-top: -2px;
    vertical-align: middle;
}

@media only screen and (max-width: 950px){
    .christmas-opening-hours a{
        line-height: 23px;
    }
    .christmas-opening-hours a img{
        display: none;
    }
	.video-js{height:280px !important;}
}

@media only screen and (max-width: 768px) {
	
	.wrapper{ background-size:100% auto !important; }
	.video-js{height:240px !important;}
}

@media only screen and (max-width: 479px) {
	
	.video-js{height:180px !important;}
}