/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext');

@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&subset=latin-ext');



* { margin:0; padding:0; }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
html, p{ font-size:16px; /* Fix for Opera */ }

/* @font-face { */
    /* font-family: 'montserratregular'; */
    /* src: url('../fonts/montserrat-regular-webfont.eot'); */
    /* src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), */
    /* url('../fonts/montserrat-regular-webfont.woff') format('woff'), */
    /* url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), */
    /* url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal; */
/* } */
/* @font-face { */
    /* font-family: 'montserratbold'; */
    /* src: url('../fonts/montserrat-bold-webfont.eot'); */
    /* src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), */
    /* url('../fonts/montserrat-bold-webfont.woff') format('woff'), */
    /* url('../fonts/montserrat-bold-webfont.ttf') format('truetype'), */
    /* url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal; */
/* } */
@font-face{
	font-family: "Harabara";
	src: url("../fonts/Harabara.otf");
	font-style: normal;
	font-weight: normal;
}
/* Headings */
h1, h2, h3, h4, h5,
.section-title,
.products-list .product-name,
.products-grid .product-name,
h3.product-name,
.block-title{
	/*font-family: "Harabara";*/

    /*font-family: 'Karla', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Roboto Slab', serif;*/
    /*font-family: 'Cabin', sans-serif;*/
    font-family: 'Lato', sans-serif;
}

body{
    /*font: 14px/150% "Harabara";*/
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Karla', sans-serif;*/
    /*font-family: 'Roboto Slab', serif;*/
    /*font-family: 'Cabin', sans-serif;*/
    font-family: 'Lato', sans-serif;

    background-color: #fff;
    color: #333;
	font-size: 14px;
    text-align: center;
}
#root-wrapper {}

img           { border:0; vertical-align:top; max-width:100%; }


a             { color:#ce181e; text-decoration:none; }
a:hover       { text-decoration:none; color:#333;}

:focus        { outline:0; }
a:hover, .vertnav li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover, .price-box .price{
    color: #023e6b;
}
/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 10px; font-weight:normal; }
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*/ }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; min-height:147px; position:relative; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
/*End Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wrapper {}
.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 { width:100%; }

/* 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%; }

/*End Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form Elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic
-------------------------------------------------------------- */
input, select, textarea, button {

    /*font:12px/15px "Harabara";*/
    /*font-family: 'Karla', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Roboto Slab', serif;*/
    /*font-family: 'Cabin', sans-serif;*/
    font-family: 'Lato', 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, 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:0;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
input.input-text{
    height: 36px;
}
select {
    height:36px;
    padding:0 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; }
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.input-text:focus, select:focus, textarea: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 {
    font-size: 16px;
    display: inline-block;
    margin:0;
    border:0;
    overflow:visible;
    cursor:pointer;
    font-weight: normal;
    white-space:nowrap;
    text-align:center;
    background-color: #023e6b;
    color: #ffffff;
    line-height:45px;
    padding:0 25px;
    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:hover, .button:focus,
button:hover, button:focus {
    background-color: #022945;
    color: #ffffff;
}

/* Smaller button - for inline display, e.g. with input boxes
-------------------------------------------------------------- */
.button.btn-inline,
.sidebar .block .button, /* Sidebar block button */
.product-view .box-tags .form-add .button, /* Customer tags form */
.title-buttons .button /* Heading buttons */
{
    padding:0 15px;
    line-height:36px;
}

/* Big button: Add to cart (product view) & Proceed to checkout
-------------------------------------------------------------- */
.btn-checkout {
	background-color: #023e6b;
    color: #ffffff;
}
/* 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:529px;*/ }
.form-list li.wide select { /*width:535px;*/ }
.form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }

.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }

.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }

/* Orders and Returns form
-------------------------------------------------------------- */
#oar_widget_orders_and_returns_form .buttons-set button { float: left; margin-left: 0; }
#oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; }

/* Fieldset
-------------------------------------------------------------- */
.fieldset + .fieldset {
    margin-top: 30px;
}

/* 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: 30px 0 0;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}
.buttons-set p.required {
    float: right;
    line-height: 1em;
    margin: -33px 0 0;
}
.buttons-set button.button {
    float: right;
    margin-left: 5px;
    min-width: 140px;
}

/* Back link */
.buttons-set .back-link {
    float: left;
    margin: 0;
    line-height: 36px;
}
.buttons-set .back-link small { display: none; }
.buttons-set .back-link a:before { margin-right:7px; }

/* Form Validation
-------------------------------------------------------------- */
.validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; }
.validation-failed { border:1px solid #ee001c; background:#fff; }
.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; }

/* Selected buttons sets
-------------------------------------------------------------- */
/* Log in */
.account-login .buttons-set .button,
    /* Create account */
.account-create .buttons-set .button,
    /* Forgot password */
.customer-account-forgotpassword .buttons-set .button,
    /* Advanced search */
.catalogsearch-advanced-index .buttons-set .button,
    /* Orders and Returns form */
#oar_widget_orders_and_returns_form .buttons-set .button,
    /* Contact us */
.contacts-index-index .buttons-set .button
{
    min-width: 180px;
}


/* 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;
}

/* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */
.clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.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 */
.breadcrumbs:after,
.product-type-data .item-options:after,
.my-account .order-info:after,
.mini-cart .mini-cart-content .mini-products-list li.item:after,
.block-related-thumbnails .product:after,
.cart .crosssell:after,
.data-table .item-options:after,
.section-line:after,
.section-title:after
{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs li { float: left;}
.breadcrumbs a { display: block; float: left; }
.breadcrumbs li > * { display: inline-block;font-size: 13px;padding-right: 5px;float: left; }
.breadcrumbs li .sep { margin-left: 6px; margin-right: 6px; }
.breadcrumbs li .last-crumb {}

/* 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 */ }

/* 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.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 tbody tr:hover{ 
    background-color:#efefef; 
}

.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; }


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .availability-only-details > thead > tr > th, .availability-only-details > tbody > tr > th, .availability-only-details > tfoot > tr > th, .availability-only-details > thead > tr > td, .availability-only-details > tbody > tr > td, .availability-only-details > tfoot > tr > td, .cart .totals table > thead > tr > th, .cart .totals table > tbody > tr > th, .cart .totals table > tfoot > tr > th, .cart .totals table > thead > tr > td, .cart .totals table > tbody > tr > td, .cart .totals table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td, .data-table > caption + thead > tr:first-child > th, .data-table > colgroup + thead > tr:first-child > th, .data-table > thead:first-child > tr:first-child > th, .data-table > caption + thead > tr:first-child > td, .data-table > colgroup + thead > tr:first-child > td, .data-table > thead:first-child > tr:first-child > td, .availability-only-details > caption + thead > tr:first-child > th, .availability-only-details > colgroup + thead > tr:first-child > th, .availability-only-details > thead:first-child > tr:first-child > th, .availability-only-details > caption + thead > tr:first-child > td, .availability-only-details > colgroup + thead > tr:first-child > td, .availability-only-details > thead:first-child > tr:first-child > td, .cart .totals table > caption + thead > tr:first-child > th, .cart .totals table > colgroup + thead > tr:first-child > th, .cart .totals table > thead:first-child > tr:first-child > th, .cart .totals table > caption + thead > tr:first-child > td, .cart .totals table > colgroup + thead > tr:first-child > td, .cart .totals table > thead:first-child > tr:first-child > td{
    border-top: 0;
    border: none;

}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td, .data-table > thead > tr > th, .data-table > tbody > tr > th, .data-table > tfoot > tr > th, .data-table > thead > tr > td, .data-table > tbody > tr > td, .data-table > tfoot > tr > td {
    /*border: 1px solid #dddddd;*/
}
.data-table > tbody > tr:nth-child(odd) > td, .data-table > tbody > tr:nth-child(odd) > th {
    background-color: inherit;
}
/***@@@@@@@@@@@@@@@@@@@@@@Input Form reset@@@@@@@@@@@@@****/
/* select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus,
select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.inputbox:hover,
select:active,
textarea:active,
input[type="text"]:active,
input[type="password"]:active,
input[type="datetime"]:active,
input[type="datetime-local"]:active,
input[type="date"]:active,
input[type="month"]:active,
input[type="time"]:active,
input[type="week"]:active,
input[type="number"]:active,
input[type="email"]:active,
input[type="url"]:active,
input[type="search"]:active,
input[type="tel"]:active,
input[type="color"]:active,
.inputbox:active {
    box-shadow: none;
    outline: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox,
.form-control,
.input-text,
.form-list textarea,
.form-list select,
.form-language select,
.product-options dd .input-text,
.product-options dd select,
.product-options dd textarea,
.multiple-checkout .data-table select,
.my-wishlist textarea {
    border-radius: 0;
}
*/
select, textarea, input.input-text {
    background: #fff;
    border: 5px solid #ccc;
}

input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus {
    border-color: #aaa;
    color: #333;
    outline: none;
}

/* Forms */
input.input-text,
select,
textarea,
.product-options ul.options-list,
.form-search .button,
.product-view .product-img-box .more-views .thumbnails li a,
.mini-products-list .product-image,
.cart .crosssell .product-image,
.gen-tabs .tabs a,
.gen-tabs .acctab,
.opc .step-title {
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}


/* Grid container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.container {
    margin-left:auto;
    margin-right:auto;
}
.container {
    width:96%;
    max-width: 960px;
}

.lte-ie8 .container { max-width:1200px; }

/* Grid units
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* Alias for full-width unit */

    /* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{
    /*position:relative;*/
    display:inline;
    float:left;
    margin-left:1%;
    margin-right:1%;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3	{ width:23%; }
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.grid12-9	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3	{ margin-left:0; width:24%; }
.no-left-gutter.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6	{ margin-left:0; width:49%; }
.no-left-gutter.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9	{ margin-left:0; width:74%; }
.no-left-gutter.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3	{ margin-right:0; width:24%; }
.no-right-gutter.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6	{ margin-right:0; width:49%; }
.no-right-gutter.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9	{ margin-right:0; width:74%; }
.no-right-gutter.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1		{ margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2		{ margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3		{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4		{ margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5		{ margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7		{ margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8		{ margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9		{ margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10	{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11	{ margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:23%; }
.grid-col2-main		{ width:73%; }

.no-gutter.grid-col2-sidebar	{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid-col2-main		{ margin-left:0; margin-right:0; width:75%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar	{ width:31.52%; }
.grid-col3-main		{ width:65.90%; }

.no-gutter.grid-col3-sidebar	{ margin-left:0; margin-right:0; width:31.52%; }
.no-gutter.grid-col3-main		{ margin-left:0; margin-right:0; width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
    display:table;
    width:100%;
}
.v-grid {
    float:none;
    display:table-cell;
    vertical-align:middle;
}

/* Desktop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {

    .container { max-width: 1200px; }

    /* Special grid units */
    .grid-col2-sidebar 	{ width: 20.41%; }
    .grid-col2-main		{ width: 75.58%; }

    .no-gutter.grid-col2-sidebar 	{ width: 22.41%; }
    .no-gutter.grid-col2-main		{ width: 77.58%; }

    .grid-col3-sidebar		{ width:27.01%; }
    .grid-col3-main			{ width:70.34%; }

    .no-gutter.grid-col3-sidebar		{ width:27.01%; }
    .no-gutter.grid-col3-main			{ width:70.34%; }

    /* Hide */
    .hide-below-1280 { display:inherit !important; }
}

/* Design for a width of less than 1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 1024px */
@media only screen and (max-width: 1023px) {


    /* Hide */
    .hide-below-1024 { display:none !important; }
}


/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .container { max-width:737px; }
    .no-left-gutter.grid12-3{width:100% !important;margin-top:10px;}

    /* Hide */
    .hide-below-960 { display:none !important; }
}


/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {

    .nested-container { width:100%; margin-left:auto; }

    /* Nav container with outline (if nav container has background color).
       Apply the same vertical margins, as container's side padding. */
    .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; }

    /* Below 768px all grid units are stretched (full width) and stack vertically */
    .grid12-1,
    .grid12-2,
    .grid12-3,
    .grid12-4,
    .grid12-5,
    .grid12-6,
    .grid12-7,
    .grid12-8,
    .grid12-9,
    .grid12-10,
    .grid12-11,
    .grid12-12,
    .grid-full,

    .grid-col2-sidebar,
    .grid-col2-main,
    .grid-col3-sidebar,
    .grid-col3-main
    {
        width:100% !important; /* Added "!important" to override units with "no-gutter" */
        margin-left:0;
        margin-right:0;
    }

    /* Vertically aligned grid
    -------------------------------------------------------------- */
    .v-grid-container { display:block; }
    .v-grid { float:inherit; display:block; width:100%; }
}





/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container { max-width:440px; }

    /* Hide */
    .hide-below-960 { display:none !important; }
    .hide-below-768 { display:none !important; }

    /* Deprecated: persistent grid units (will be removed in the next update)
    -------------------------------------------------------------- */
    /* Half */
    .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; }

    /* One-third + two-thirds */
    .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; }
    .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; }

    /* One-fourth + two-fourths + three-fourths */
    .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; }
    .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; }
    .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; }

    /* Mobile grid (for browser viewport between 480px and 768px):
       Below 768px all grid units are stretched (full width) and stack vertically.
       The "mobile-grid" class forces narrow grid units to stay narrow,
       but the width is increased to avoid too small columns.
    -------------------------------------------------------------- */
    .mobile-grid.grid12-1 { width:14.66% !important;	margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */
    .mobile-grid.grid12-2 { width:31.33% !important;	margin-left:1%; margin-right:1%; } /* 1/6  turns into 1/3 */
    .mobile-grid.grid12-3 { width:48% !important;		margin-left:1%; margin-right:1%; } /* 1/4  turns into 1/2 */

    /* Force other grid units to take half of the available width */
    .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; }

}





/* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

    .container { max-width:590px; }
}

/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

    /* Enlarge containers to full width and remove max width */
    .container { max-width: none !important; width: 100%; padding-left: 12px; padding-right: 12px; }
}

/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    /* Hide */
    .hide-below-960 { display:none !important; }
    .hide-below-768 { display:none !important; }
    .hide-below-480 { display:none !important; }
}





/* Mobile (Portrait) - design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

    /* Hide */
    .hide-below-960 { display:none !important; }
    .hide-below-768 { display:none !important; }
    .hide-below-480 { display:none !important; }
    .hide-below-320 { display:none !important; }
}