/**
 * Additional styles.
 */
/* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Layout helper classes
-------------------------------------------------------------- */
.section {
    padding: 10px 0
    }
.section-space {
    padding: 10px
    }
.margin-top {
    margin-top: 20px
    }
.margin-bottom {
    margin-bottom: 20px
    }
.padding-top {
    padding-top: 20px
    }
.padding-bottom {
    padding-bottom: 20px
    }
.float-left {
    float: left
    }
.float-right {
    float: right
    }
/* Additional styling for grid elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Nav container: stretched or with side padding
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Add top margin for nav element, the same value as left and right margin of the grid unit,
   and remove margin if stretched */
.nav > .grid-full {
    float: left;
    margin-top: 1%
    }
.nav.stretched > .grid-full {
    margin-top: 0
    }
/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - stretch */
.cart-left-column .grid-full, .cart-right-column .grid-full {
    width: 100%
    }
/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
body.cms-index-index .the-slideshow, body.cms-index-defaultindex .the-slideshow {
    /* TODO: remove or move to the theme admin settings
    	margin-top:-10px;*/
    }
/**
 *
 *
 *
 * Common styles
 *
 *
 *
 */
/* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Override specific classes to change colors, fonts, backgrounds etc. */
/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Secondary headings
-------------------------------------------------------------- */
/* Account */
.box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Forms headings */.fieldset .legend, /* Log in */.account-login h2, /* Checkout log in */#opc-login h3, /* Multiple checkout */.multiple-checkout .col2-set h2.legend, .info-set h2.legend {
    font-size: 1.5em;
    /*18px*/
    font-weight: normal;
    text-transform: uppercase
    }
/* Headings with bottom border */
.account-login h2, #opc-login h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px
    }
/* Section headings
-------------------------------------------------------------- */
/* Sidebar blocks */
.block .block-title, /* Sections */.section-title, /* Cart */.cart .crosssell h2, .cart .discount h2, .cart .shipping h2 {
    padding: 13px 0 8px;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    font-size: 1.5em;
    /*18px*/
    line-height: 1.2222em;
    /*22px*/
    }
/* Account headings
-------------------------------------------------------------- */
/* Primary */
/* Secondary */
/* Borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Elements with horizontal border - normal
-------------------------------------------------------------- */
/* Page title */
.my-account .page-title, .category-title, /* Misc */.toolbar {
    border-color: #ddd
    }
/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* Product page - Add-to-cart area */
.product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */.category-products-grid .item, .products-list li.item, /* Pop-ups */.remember-me-popup h3, .map-popup-heading {
    border-color: #f5f5f5
    }
/* Elements with vertical border - normal
-------------------------------------------------------------- */
/* Product page */
.product-secondary-column .inner, .product-view .box-sidebar .box-sidebar-inner {
    border-color: #ddd
    }
/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .product-shop-inner {
    border-color: #f5f5f5
    }
/* Colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Elements with light gray background
-------------------------------------------------------------- */
/* Main menu - vertical */
.vertnav, /* Account */.addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */.advanced-search-summary, /* Checkout */.opc .gift-messages-form {
    background-color: #f5f5f5
    }
/* Elements with lighter text
-------------------------------------------------------------- */
/* Forms */
.form-list label, /* Product grid/list */.products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Breadcrumbs */.breadcrumbs li, .breadcrumbs a, /* Layered nav */.block-layered-nav dd li, /* Availability */.availability, /* Reviews */.product-view .box-reviews dd .date, /* Product options */.item-options dd, .product-options p.note, /* Prices */.price-notice .price, .tier-prices li, /* MSRP price and old price */.old-price, .map-popup-msrp .price {
    color: #888
    }
/* Breadcrumbs */
.breadcrumbs li, .breadcrumbs a {
    color: #bbb
    }
/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead, .cart-table thead tr, /* Availability */.availability-only-details thead {
    border-color: #ddd
    }
/* Interface elements (like buttons or special links) with background color
-------------------------------------------------------------- */
/*.btn-remove,
.btn-remove2,
.btn-edit,
.tool-tip .btn-close a {}*/
/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Shadows: for pop-ups, drop-downs etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IE version included */
#nav.wide ul.level0, #nav.wide div.level0, #nav.classic .parent > ul, /* Mini cart */#mini-cart .block-content, .truncated .truncated_full_value .item-options, /* Compare drop-down */.header .block-compare .block-content, /* Search autocomplete */.header .form-search .search-autocomplete ul, /* Drop-down button */.dropdown-button:hover, .dropdown-button ul, /* Pop-ups and tooltips */.remember-me-popup, .map-popup, .tool-tip, #subscribe-form .input-box .validation-advice {
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2)
    }
/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product image (and other elements)
-------------------------------------------------------------- */
.product-image img {
    transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out
    }
.product-image img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85)
    }
/* Remove this transition in product grid. Raplace it with "on item hover" transition. */
.products-grid .product-image img:hover {
    opacity: 1
    }
/*
	.products-grid .item:hover .product-image img { opacity:0.85; }
	*/
/* Links and other selected elements
-------------------------------------------------------------- */
a, .feature div.icon, #mobnav-trigger .icon .line, .accordion .opener {
    transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out
    }
a:hover, .feature:hover div.icon, #mobnav-trigger:hover .icon .line, .accordion .opener:hover {
    transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    -o-transition-duration: 100ms
    }
/* Accordions & tabs
-------------------------------------------------------------- */
.gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */.opc .step-title {
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out
    }
/* Elements with animated color and borders
-------------------------------------------------------------- */
/* Forms */
input.input-text, select, textarea, .product-options ul.options-list, /* Product image thumbnails */.product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */.mini-products-list .product-image, .cart .crosssell .product-image {
    transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out
    }
/* Structural elements
-------------------------------------------------------------- */
/* Layered nav */
.block-layered-nav dd li, /* Grid */.grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid4-1, .grid4-2, .grid4-3, .grid2-1, .grid-full, .grid-col2-sidebar, .grid-col2-main, /* Products */.product-view .product-img-box, /* Misc */.header .logo, /* Menu */#nav > li {
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out
    }
/* Shadow for the main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.shadow .show-bg {
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)
    }
/* Note: "show-bg" for ".main" added via js */
/**
 *
 *
 *
 * Built-in static block
 *
 *
 *
 */
/* Category page */
.block_category_above_collection {
    margin: 10px 0
    }
.block_category_below_collection {
    margin: 10px 0
    }
/* Product page */
/* Main blocks */
.block_product_primary_bottom {
    border-top: 1px solid #f5f5f5;
    margin: 10px 0 0;
    padding: 15px 0 0
    }
.block_product_secondary_bottom {
    margin: 15px 0
    }
/* Static blocks replacing related and up-sell products */
/* Cart */
/* Mini cart */
.block_mini_cart_above_products {
    margin: 0 0 10px
    }
/* OPC */
.block_opc_below_progress {
    margin: 15px 0
    }
/* CMS pages */
.block_cms_page_top {
    margin: 0 0 15px
    }
/* Header */
/* Footer */
.block_footer_payment {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 20px
    }
/* Sample block content
-------------------------------------------------------------- */
.sample-block {
    border: 2px dotted #ddd;
    color: #999;
    margin-top: 10px;
    padding: 10px
    }
.sample-block:hover {
    color: #555
    }