Back to Top
Style Block - Malt at Aarcade

Malt

Style Block

Suitable for Aarcade’s Uptown Theme

Free

Style blocks are provided to show how the appearance of Aarcade themes can be easily changed using the inbuilt theme styles and options.

They can be used as they are or for inspiration / reference when applying changes to your own Aarcade theme appearance.

See installation instructions below.

Instructions

Make sure you have the latest version of Aarcade’s Uptown theme installed before proceeding with the following instructions. This extra will only work with the latest version of Aarcade’s Uptown theme. To install the latest version of your theme, refer to How do I upgrade my theme?.

To install this style block as is, navigate to your Big Cartel CSS edit area as detailed in the support article How do I locate and use my theme’s CSS?

Delete all CSS sections (as detailed in the above-linked article) except the Theme Information section (this is the first section of your coding that lists your theme title, version and other information).

Copy all of the code in the code box at the end of these instructions and paste it into your CSS edit area after your Theme Information section.

Style Block Settings

As well as reviewing all of the standard CSS settings – i.e. colours, fonts and extra styles – the Malt style block includes additional style settings to control:

  1. the width allocated to the site title / logo (you will need to adjust this if your title or image is cramped)
  2. the vertical position of the page navigation menu

To locate these extra settings, scroll down to the Custom Styles area and view the first section of the Style Block custom styles. The settings begin with the section title:

/* STYLE BLOCK SETTINGS */

Click the Save link when you have finished editing your CSS code.

Theme Settings

Additionally, the Malt preview has some theme options that have been set differently to the default. If you wish to apply some of these same changes to your theme, they include:

  1. IMPORTANT: The “Home” link is hidden and the “View All” link is renamed “Shop” and is moved to the start of the page menu..
    {% assign all_products_link_location = 'pp' %}
    ..to ensure access to products (since the category menu is hidden on the home page via the style block CSS). For more information see How do I remove or edit the View All and Home links in my Big Cartel theme menus?
  2. Contact page link is moved to the footer – see How do I add links to my shop menus? for complete details on editing your theme menus.
  3. Home and products pages product image size set to medium.
  4. Home page slide show added – refer How do I add a slide show to my Big Cartel home page?
  5. Social icons style set to 7.

Refer to the support article How do I use the Custom Options for my Big Cartel theme? for details on locating and setting the custom options mentioned in the above list.

Take or remove elements or uninstall this style block

To uninstall this style block, refer to How do I install and uninstall an alternate style block?

To take elements from this style block and apply them to your own theme (without installing the entire style block) or to edit and remove elements of this style block after installation, refer to section Style blocks for reference of the article How do I install and uninstall an alternate style block?

Copy style block below

/*====================================================
IMPORT STYLESHEETS - To import a style sheet you MUST
enter the import code in this first section.
====================================================*/

/* Used for cart icon remove button */
@import url(http://weloveiconfonts.com/api/?family=entypo);


/*====================================================
COLOURS
Refer to instructions at http://goo.gl/dJTY0
====================================================*/

/* = = = = = = = = = = = = = = = = = Layout & Header Colours */

/* - - - - Main Background */
{% assign main_background = '#ffffff' %}

/* - - - - Page Background */
{% assign page_background = '#ffffff' %}

/* - - - - Shop Title & Header Text */
{% assign shop_title = '#444444' %}

/* - - - - Header Form Input Text i.e. Newsletter Sign Up & Search Forms */
{% assign header_form = '#999999' %}

/* - - - - Header Form Input Background */
{% assign header_form_background = '#ffffff' %}

/* - - - - Header Form Input Border */
{% assign header_form_border = '#dddddd' %}

/* - - - - Header Form Input Background When Being Used */
{% assign header_form_focus_background = '#ffffff' %}

/* - - - - Header Form Input Border When Being Used */
{% assign header_form_focus_border = '#aaaaaa' %}


/* = = = = = = = = = = = = = = = = = Cart Menu Colours */

/* - - - - Cart Link When Empty */
{% assign cart_empty = '#737373' %}

/* - - - - Cart Link When Not Empty */
{% assign cart_not_empty = '#000000' %}


/* = = = = = = = = = = = = = = = = = Page Menu Colours */

/* - - - - Page Menu Dividers & Text */
{% assign page_menu_text = '#888888' %}

/* - - - - Page Menu Link */
{% assign page_menu_link = '#888888' %}

/* - - - - Page Menu Link Hover */
{% assign page_menu_link_hover = '#222222' %}
{% assign page_menu_link_hover_underline = 'no' %}


/* = = = = = = = = = = = = = = = = = Category Menu Colours */

/* - - - - Category Menu Bottom Border */
{% assign category_menu_border = '#dddddd' %}

/* - - - - Category Menu Active Item Bottom Border */
{% assign category_menu_active_border = '#aaaaaa' %}

/* - - - - Category Menu Dividers & Text */
{% assign category_menu_text = '#737373' %}

/* - - - - Category Menu Link */
{% assign category_menu_link = '#737373' %}

/* - - - - Category Menu Link Hover */
{% assign category_menu_link_hover = '#000000' %}


/* = = = = = = = = = = = = = = = = = Sub-Category Menu Colours */

/* - - - - Sub-Category Menu Link */
{% assign sub_category_menu_link = '#737373' %}

/* - - - - Sub-Category Menu Link Hover */
{% assign sub_category_menu_link_hover = '#444444' %}

/* - - - - Sub-Category Menu Link Current Page */
{% assign sub_category_menu_link_active = '#444444' %}


/* = = = = = = = = = = = = = = = = = Footer Text & Menu Colours */

/* - - - - Footer Top Border */
{% assign footer_border = '#dddddd' %}

/* - - - - Footer Menu Dividers & Text */
{% assign footer_text = '#bbbbbb' %}

/* - - - - Footer Link */
{% assign footer_link = '#bbbbbb' %}

/* - - - - Footer Link Hover */
{% assign footer_link_hover = '#888888' %}


/* = = = = = = = = = = = = = = = = = Drop-Down Sub-Menus */

/* - - - - Sub-Menu Background */
{% assign sub_menu_background = '#ffffff' %}

/* - - - - Sub-Menu Link Hover Background */
{% assign sub_menu_background_hover = '#ffffff' %}

/* - - - - Sub-Menu Link */
{% assign sub_menu_link = '#888888' %}

/* - - - - Sub-Menu Link Hover */
{% assign sub_menu_link_hover = '#222222' %}

/* - - - - Sub-Menu Link Border */
{% assign sub_menu_link_border = '#ffffff' %}


/* = = = = = = = = = = = = = = = = = Content */

/* - - - - Text */
{% assign body_text = '#7f7f7f' %}

/* - - - - Heading */
{% assign h_tag = '#444444' %}

/* - - - - Link */
{% assign a_tag = '#a8b063' %}

/* - - - - Link Hover */
{% assign a_tag_hover = '#606437' %}

/* - - - - Button Text */
{% assign button_text = '#ffffff' %}

/* - - - - Button Background */
{% assign button_background = '#83894d' %}

/* - - - - Button Hover Background */
{% assign button_hover_background = '#606437' %}

/* - - - - Input Text */
{% assign input_text = '#000000' %}

/* - - - - Input Background */
{% assign input_background = '#fcfcfc' %}

/* - - - - Input Border */
{% assign input_border = '#cccccc' %}

/* - - - - Input Background When Being Used */
{% assign input_focus_background = '#ffffff' %}

/* - - - - Input Border When Being Used */
{% assign input_focus_border = '#aaaaaa' %}

/* - - - - General Borders & Dividers */
{% assign general_borders = '#e3e3e3' %}

/* - - - - Table Header & Cart Alternate Row Background */
{% assign table_alt_background = '#fafafa' %}

/* - - - - Table Borders */
{% assign table_borders = '#dddddd' %}


/* = = = = = = = = = = = = = = = = = Products */

/* - - - - Top Selling & Popular Products Title */
{% assign special_products_title = '#666666' %}

/* - - - - Top Selling & Popular Products Title Background */
{% assign special_products_title_background = 'transparent' %}

/* - - - - Top Selling & Popular Products Background */
{% assign special_products_background = '#fafafa' %}

/* - - - - Product Title */
{% assign product_title = '#000000' %}

/* - - - - Product Price */
{% assign product_price = '#666666' %}

/* - - - - Product Detail Background - For Hidden Until Hover Option */
{% assign product_detail_background = '#ffffff' %}


/* = = = = = = = = = = = = = = = = = Products Labels */

/* - - - - Product Sale Label */
{% assign product_sale_label_text = '#ffffff' %}

/* - - - - Product Sale Label Background */
{% assign product_sale_label_background = '#a8b063' %}

/* - - - - Product Sold Out Label */
{% assign product_sold_label_text = '#ffffff' %}

/* - - - - Product Sold Out Label Background */
{% assign product_sold_label_background = '#cdd678' %}

/* - - - - Product Coming Soon Label */
{% assign product_soon_label_text = '#ffffff' %}

/* - - - - Product Coming Soon Label Background */
{% assign product_soon_label_background = '#cdd678' %}

/* - - - - Product xd Label */
{% assign product_xd_label_text = '#ffffff' %}

/* - - - - Product xd Label Background */
{% assign product_xd_label_background = '#cdd678' %}

/* - - - - Product xe Label */
{% assign product_xe_label_text = '#ffffff' %}

/* - - - - Product xe Label Background */
{% assign product_xe_label_background = '#cdd678' %}


/* = = = = = = = = = = = = = = = = = Product Page */

/* - - - - Special Selector Text - see product page custom option option_selector_type */
{% assign product_special_sel_text = '#000000' %}

/* - - - - Special Selector Background */
{% assign product_special_sel_background = '#fcfcfc' %}

/* - - - - Special Selector Hover Background */
{% assign product_special_sel_hover_background = '#ededed' %}

/* - - - - Special Selector Border */
{% assign product_special_sel_border = '#dddddd' %}

/* - - - - Inventory Bars Text */
{% assign product_inventory_text = '#b5b5b5' %}

/* - - - - Inventory Bar Background */
{% assign product_inventory_background = '#eaeaea' %}

/* - - - - Inventory Bar */
{% assign product_inventory_bar = '#b5b5b5' %}

/* - - - - Other Products Title */
{% assign other_products_title = '#737373' %}

/* - - - - Other Products Title Background */
{% assign other_products_title_background = '#ffffff' %}


/*====================================================
FONTS
Refer to instructions at http://goo.gl/jQtbg
====================================================*/

/* - - - - Shop Title */
h1#header_logo, #header_logo {
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 60px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.0;
	/* set to - line-height: normal; - if the site title
	overlaps or inteferes with your category menu */
	}

/* - - - - Page Menu */
#page_nav, #page_nav #cart_nav, #page_nav li form.gift_cert_form, #page_nav li form.gift_cert_form button {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	}

/* - - - - Category Menu */
#category_nav, #category_nav #cart_nav, #category_nav li form.gift_cert_form, #category_nav li form.gift_cert_form button {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	}

/* - - - - Sub-Category Menu */
#subcategory_nav {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	font-style: italic;
	}

/* - - - - Footer Menu */
#footer_nav_menu.nav_menu, #footer_a li form.gift_cert_form, #footer_a li form.gift_cert_form button {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	}
	
/* - - - - Footer Text */
#footer, #footer_a {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
	}

/* - - - - Drop-Down Sub-Menus */
#page_nav .nav_menu ul li.drpdwn li, #category_nav .nav_menu ul li.drpdwn li, #footer_inner .nav_menu ul li.drpdwn li {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
	font-style: italic;
	}

/* - - - - Content */
body, #page_main {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	}

/* - - - - Headings - DO NOT ADD FONT SIZE HERE! */
h1, h2, h3, h4, h5, h6, #special_products h3, #content #special_products h3, #content #inventory h3, h5.other_product_title {
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-weight: normal;
	}
/* - - - - Headings - ADD FONT SIZES BELOW */
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

/* - - - - Product Thumbnail Titles */
#page_main .shop_thumb_title {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	}

/* - - - - Product Thumbnail Prices & Status */
#page_main .shop_thumb_price,
#page_main .shop_thumb_link .product_status,
#page_main .shop_thumb_link .marker {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 10px;
	font-style: italic;
	text-align: left;
	}

/* - - - - Product Page Title */
#content .product_title_container h2.entry_title {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	}

/* - - - - Product Page Price */
#content .product_title_container h4.entry_price {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 16px;
	}

/* - - - - Product Page Status */
#content .product_title_container h4.entry_price > span.product_status > span {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 10px;
	font-style: italic;
	}

/* - - - - Buttons and Inputs */
button,
input,
textarea,
#content button,
#content input,
#content textarea {
	font-family: Georgia, Times, "Times New Roman", serif;
	text-transform: none;
	}
	
/* - - - - Product Page Share Links */	
#product_share_container {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	}


/*====================================================
BACKGROUND IMAGE
Refer to instructions at http://goo.gl/UlHkm
====================================================*/

{% if theme.background_image != blank %}
body {
	background-image: url("{{ theme.background_image.url }}");
	background-repeat: repeat;
	background-position: center top;
	background-attachment: scroll;
	background-size: auto;
	}
{% endif %}


/*====================================================
MENU PADDING
Refer to instructions at http://goo.gl/8HBmc
====================================================*/

/* - - - - Page Menu Item Divider
Change space between menu items */
{% assign page_menu_padding = '8' %}

/* - - - - Category Menu Item Divider
Change space between menu items */
{% assign category_menu_padding = '10' %}

/* - - - - Sub-Category Menu Item Divider
Change space between menu items */
{% assign sub_category_menu_padding = '10' %}

/* - - - - Footer Menu Item Divider
Change space between menu items */
{% assign footer_menu_padding = '8' %}


/*====================================================
EXTRA STYLES
Refer to instructions at http://goo.gl/vVp7b
====================================================*/

/* - - - - Page Shadow */
{% assign display_page_shadow = 'no' %}

/* - - - - Header Text, Image or Logo Alignment
Refer to instructions at http://goo.gl/P5Bse */
{% assign header_image_or_text_alignment = 'left' %}

/* - - - - Header Margin
Edit the margin around the header title/image */
{% assign header_margin_top = '12' %}
{% assign header_margin_bottom = '4' %}
{% assign header_margin_left = '0' %}
{% assign header_margin_right = '0' %}

/* - - - - Social Icon Vertical Position
Negative values are allowed */
{% assign social_icon_vertical_position = '-70' %}

/* - - - - Header Search and Newsletter Input Vertical Position
Negative values are allowed */
{% assign header_extras_vertical_position = '-68' %}

/* - - - - Drop Down Menus Offset
Only positive values are allowed */
{% assign drop_down_offset = '3' %}

/* - - - - Button Gradients
Displays button gradient effect on modern browsers */
{% assign display_button_gradients = 'no' %}


/*====================================================
ADMIN - Do not edit this section
====================================================*/

body{background-color:{{main_background}}}#wrap{background-color:{{page_background}}}#header,#header form,#header_logo,#header_logo a{color:{{shop_title}}}#header textarea,#header input[type=text],#header input[type=password],#header input[type=file]{color:{{header_form}}}#header #content textarea,#header input[type=text],#header input[type=password],#header input[type=file]{background-color:{{header_form_background}}}#header #content textarea,#header input[type=text],#header input[type=password],#header input[type=file]{border-color:{{header_form_border}}}#header #content textarea:focus,#header input[type=text]:focus,#header input[type=password]:focus,#header input[type=file]:focus{background-color:{{header_form_focus_background}}}#header #content textarea:focus,#header input[type=text]:focus,#header input[type=password]:focus,#header input[type=file]:focus,#header #content textarea:hover,#header input[type=text]:hover,#header input[type=password]:hover,#header input[type=file]:hover{border-color:{{header_form_focus_border}}}#cart_nav a,#page_nav #cart_nav a,#category_nav #cart_nav a,#cart_nav a:hover,#page_nav #cart_nav a:hover,#category_nav #cart_nav a:hover{color:{{cart_empty}}}#cart_nav.has_items a,#page_nav #cart_nav.has_items a,#category_nav #cart_nav.has_items a{color:{{cart_not_empty}}}#page_nav,#page_nav span.bul{color:{{page_menu_text}}}#page_nav a,#page_nav form.gift_cert_form button,#page_nav li.artist>.link_text{color:{{page_menu_link}}}#page_nav a:hover,#page_nav form.gift_cert_form button:hover,#page_nav li.current a,#page_nav li.artist>.link_text:hover{color:{{page_menu_link_hover}};{% if page_menu_link_hover_underline == 'yes' %}text-decoration:underline;{% endif %}}#marker_cnb{background-color:{{category_menu_border}}}#marker_cnb #marker_cnm{background-color:{{category_menu_active_border}}}#category_nav,#category_nav span.bul{color:{{category_menu_text}}}#category_nav a,#category_nav form.gift_cert_form button,#category_nav li.artist>.link_text{color:{{category_menu_link}}}#category_nav a:hover,#category_nav form.gift_cert_form button:hover,#category_nav li.current a,#category_nav li.current_parent a,#category_nav li.artist>.link_text:hover{color:{{category_menu_link_hover}}}#subcategory_nav,#subcategory_nav a{color:{{sub_category_menu_link}}}#subcategory_nav a:hover{color:{{sub_category_menu_link_hover}}}#subcategory_nav li.current a,#subcategory_nav li.current a:hover{color:{{sub_category_menu_link_active}}}#footer_inner{border-color:{{footer_border}}}#footer_inner,#footer_inner span.bul{color:{{footer_text}}}#footer_inner a,#footer_inner form.gift_cert_form button,#footer_inner li.artist>.link_text{color:{{footer_link}}}#footer_inner a:hover,#footer_inner form.gift_cert_form button:hover,#footer_inner li.current a,#footer_inner li.artist>.link_text:hover{color:{{footer_link_hover}}}#page_nav .nav_menu ul li.drpdwn ul,#category_nav .nav_menu ul li.drpdwn ul,#footer_inner .nav_menu ul li.drpdwn ul{background-color:{{sub_menu_background}}}#page_nav .nav_menu ul li.drpdwn ul a:hover,#category_nav .nav_menu ul li.drpdwn ul a:hover,#footer_inner .nav_menu ul li.drpdwn ul a:hover{background-color:{{sub_menu_background_hover}}}#page_nav .nav_menu ul li.drpdwn ul a,#category_nav .nav_menu ul li.drpdwn ul a,#footer_inner .nav_menu ul li.drpdwn ul a{color:{{sub_menu_link}}}#page_nav .nav_menu ul li.drpdwn ul a:hover,#category_nav .nav_menu ul li.drpdwn ul a:hover,#footer_inner .nav_menu ul li.drpdwn ul a:hover{color:{{sub_menu_link_hover}}}#page_nav .nav_menu ul li.drpdwn li,#category_nav .nav_menu ul li.drpdwn li,#footer_inner .nav_menu ul li.drpdwn li{border-color:{{sub_menu_link_border}}}body,#page_main{color:{{body_text}}}h1,h2,h3,h4,h5,h6{color:{{h_tag}}}a,#product_share_container .lbl,#content button#update_btn_footer{color:{{a_tag}}}a:hover,#product_share_container .lbl:hover,#content button#update_btn_footer:hover{color:{{a_tag_hover}}}button,input[type=submit],input[type=button],input[type=reset],#content button,#content input[type=submit],#content input[type=button],#content input[type=reset]{color:{{button_text}}}button,input[type=submit],input[type=button],input[type=reset],#content button,#content input[type=submit],#content input[type=button],#content input[type=reset]{background-color:{{button_background}}}button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,#content button:hover,#content input[type=submit]:hover,#content input[type=button]:hover,#content input[type=reset]:hover{background-color:{{button_hover_background}}}textarea,input[type=text],input[type=password],input[type=file],#content textarea,#content input[type=text],#content input[type=password],#content input[type=file]{color:{{input_text}}}textarea,input[type=text],input[type=password],input[type=file],#content textarea,#content input[type=text],#content input[type=password],#content input[type=file]{background-color:{{input_background}}}fieldset,textarea,input[type=text],input[type=password],input[type=file],#content textarea,#content input[type=text],#content input[type=password],#content input[type=file],form#contact_form #captcha_div img,#content select{border-color:{{input_border}}}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,#content textarea:focus,#content input[type=text]:focus,#content input[type=password]:focus,#content input[type=file]:focus{background-color:{{input_focus_background}}}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,#content textarea:focus,#content input[type=text]:focus,#content input[type=password]:focus,#content input[type=file]:focus,textarea:hover,input[type=text]:hover,input[type=password]:hover,input[type=file]:hover,#content textarea:hover,#content input[type=text]:hover,#content input[type=password]:hover,#content input[type=file]:hover{border-color:{{input_focus_border}}}blockquote p,h5.other_product_title,#product_share_container,#cart_updates,#content button#update_btn_footer,.address_map.static a img,.address_map.interactive iframe,body.custom #page_main img.border,.slide_main.box_2 .slide_wrap,.slide_main.box_3 .slide_wrap,#border_shift,.add_text.down,#content #success_main .success_inner h2,#content table#cart_sum .ic_row .ic_block{border-color:{{general_borders}}}hr,.short_col_wrap .short_col>.dvdr{background-color:{{general_borders}}}hr,span.bul{color:{{general_borders}}}#content table thead,#content table tfoot,body.custom #page_main img.border,#content #cart_table tbody tr.row_alt th,#content #cart_table tbody tr.row_alt td{background-color:{{table_alt_background}}}#content table,#content table td,#content table th{border-color:{{table_borders}}}#special_products h3,#content #special_products h3{color:{{special_products_title}}}#special_products h3,#content #special_products h3{background-color:{{special_products_title_background}}}#special_products{background-color:{{special_products_background}}}.shop_thumb a span.shop_thumb_title,#product_details h2.entry_title{color:{{product_title}}}.shop_thumb a span.shop_thumb_price,#product_details h4.entry_price{color:{{product_price}}}body.hapd_hover .shop_thumb_details{background-color:{{product_detail_background}}}.shop_thumb.sale a span.marker.ps,.shop_thumb.sale a span.product_status,#product_main.sale .product_img span.marker.ps,#product_details .entry_price .product_status.sale>span{color:{{product_sale_label_text}};background-color:{{product_sale_label_background}}}.shop_thumb.sold a span.marker.ps,.shop_thumb.sold a span.product_status,#product_main.sold .product_img span.marker.ps,#product_details .entry_price .product_status.sold>span{color:{{product_sold_label_text}};background-color:{{product_sold_label_background}}}.shop_thumb.soon a span.marker.ps,.shop_thumb.soon a span.product_status,#product_main.soon .product_img span.marker.ps,#product_details .entry_price .product_status.soon>span{color:{{product_soon_label_text}};background-color:{{product_soon_label_background}}}.shop_thumb a span.marker.ps.xd,.shop_thumb a span.product_status.xd,#product_main .product_img span.marker.ps.xd,#product_details .entry_price .product_status.xd>span{color:{{product_xd_label_text}};background-color:{{product_xd_label_background}}}.shop_thumb a span.marker.ps.xe,.shop_thumb a span.product_status.xe,#product_main .product_img span.marker.ps.xe,#product_details .entry_price .product_status.xe>span{color:{{product_xe_label_text}};background-color:{{product_xe_label_background}}}#js_sel_inner,#content .for_cart_container #product-options.radio ul{color:{{product_special_sel_text}}}#js_sel .down_arr,#js_sel .scrlr.scrldwn > span{border-top-color:{{product_special_sel_text}}}#js_sel .scrlr > span {border-bottom-color:{{product_special_sel_text}}}#js_sel .js_opt,#js_sel.on #js_sel_inner,#content .for_cart_container #product-options.radio ul li label{background-color:{{product_special_sel_background}}}#js_sel.on .js_opt:hover,#content .for_cart_container #product-options.radio ul li label.on{background-color:{{product_special_sel_hover_background}}}#js_sel .js_opt,#js_sel.on #js_sel_inner,#content .for_cart_container #product-options.radio ul li label{border-color:{{product_special_sel_border}}}#content #inventory h3,#content #inventory li h5,#content #inventory li{color:{{product_inventory_text}}}#content #inventory .bar_outer{background-color:{{product_inventory_background}}}#content #inventory .bar{background-color:{{product_inventory_bar}}}h5.other_product_title,h5.other_product_title a{color:{{other_products_title}}}h5.other_product_title{background-color:{{other_products_title_background}}}{% if display_page_shadow == 'yes' %}#wrap{-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,0,0,0.3)}{% endif %}{% if header_image_or_text_alignment == 'left' %}#logo_block,#logo_block h1#header_logo,#logo_block #header_logo{text-align:left}{% elsif header_image_or_text_alignment == 'center' %}#logo_block,#logo_block h1#header_logo,#logo_block #header_logo{text-align:center}#logo_block.has_img h1#header_logo a,#logo_block.has_img #header_logo a{margin-left:auto;margin-right:auto}{% elsif header_image_or_text_alignment == 'right' %}#logo_block,#logo_block h1#header_logo,#logo_block #header_logo{text-align:right}#logo_block.has_img h1#header_logo a,#logo_block.has_img #header_logo a{margin-left:auto}#logo_block .form_block{right:auto;left:0;float:left;text-align:left}#logo_block .form_block .form_wrap{padding-left:0;padding-right:8px;text-align:left;float:left}#logo_block #news_instr,#logo_block #srch_instr{right:auto;left:100%}#logo_block #news_instr .pnt,#logo_block #srch_instr .pnt{border-left:0 none;border-right:7px solid #000;right:auto;left:-7px}{% endif %}#logo_block{margin-top:{{header_margin_top | remove: ' '}}px;margin-bottom:{{header_margin_bottom | remove: ' '}}px;margin-left:{{header_margin_left | remove: ' '}}px;margin-right:{{header_margin_right | remove: ' '}}px}body.nwsoc #page_nav .social_icon_block{top:{{social_icon_vertical_position | plus:6}}px}body.nwsoc.socsz_small #page_nav .social_icon_block{top:{{social_icon_vertical_position | plus:9}}px}#formsoc_block{top:{{header_extras_vertical_position | remove: ' '}}px}.nav_menu li.drpdwn ul,.nav_menu li.drpno ul,#footer_nav_menu.nav_menu li.drpdwn ul{border-width:{{drop_down_offset | remove: ' '}}px}{% if display_button_gradients == 'yes' %}#content input[type=submit],#content input[type=button],#content button,#content input[type=reset],#content input#reset_order{background-image:linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-o-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(255,255,255,0)),color-stop(1,rgba(255,255,255,0.3)))}{% endif %}#page_nav span.bul{padding-left:{{page_menu_padding | remove: ' '}}px;padding-right:{{page_menu_padding | remove: ' '}}px}#category_nav span.bul{padding-left:{{category_menu_padding | remove: ' '}}px;padding-right:{{category_menu_padding | remove: ' '}}px}#subcategory_nav span.bul{padding-left:{{sub_category_menu_padding | remove: ' '}}px;padding-right:{{sub_category_menu_padding | remove: ' '}}px}#footer span.bul{padding-left:{{footer_menu_padding | remove: ' '}}px;padding-right:{{footer_menu_padding | remove: ' '}}px}
/* END ADMIN */


/*====================================================
CUSTOM SYLES - add and override styles below
Refer to instructions at http://goo.gl/mhVPn
====================================================*/



/*====================================================
STYLE BLOCK - START
====================================================*/


/* STYLE BLOCK SETTINGS */

/* - - - - Site Title / Logo Width
Values between 30 and 80 are allowed - represents percentage of full width */
{% assign sb_site_title_width = '40' %}

/* - - - - Page Menu Vertical Position
Only positive values are allowed */
{% assign sb_page_menu_position = '18' %}


/* HEADER, MENUS AND FOOTER */

/* Add border to header area and set title and page menu
positions and width */
#header {
	margin: 54px 0 0;
	padding: 20px 0;
	border-top: 1px solid {{ category_menu_border }};
	border-bottom: 1px solid {{ category_menu_border }};
	}
#header:after {
	content: "";
	display: table;
	clear: both;
	}
#logo_block {
	float: left;
	width: {{ sb_site_title_width }}%;
	margin: 0;
	}
#page_nav.nav {
	float: right;
	width: {{ 100 | minus: sb_site_title_width }}%;
	margin: 0px;
	padding: {{ sb_page_menu_position }}px 0 0 0;
	}
#page_nav_menu,
body.socsz_small #page_nav_menu,
body.socsz_large #page_nav_menu {
	text-align: right;
	padding-right: 0px !important;
	}
#category_nav.nav {
	clear: both;
	}
/* Hide category and cart links on home and custom pages */
body#home-page #category_nav_menu,
body#home-page #cart_nav,
body.custom #category_nav_menu,
body.custom #cart_nav {
	visibility: hidden;
	}
/* Scale header image to fit */
#logo_block.has_img[style],
#logo_block.has_img > #header_logo > a[style],
#logo_block.has_img > #header_logo > a > img {
	max-width: 100% !important;
	height: auto !important;
	}
/* Header search and newsletter input positions */
#logo_block .form_block {
	right: auto;
	left: 0;
	float: left;
	text-align: left;	
	}
#logo_block.wide_img .form_block {
	right: auto;
	left: 14px;	
	}
#logo_block .form_block .form_wrap {
	padding-left: 0px;
	padding-right: 8px;	
	text-align: left;
	float: left;
	}
#logo_block #news_instr,
#logo_block #srch_instr {
	right: auto;
	left: 100%;	
	}
#logo_block #news_instr .pnt,
#logo_block #srch_instr .pnt {
	border-left: 0 none;
	border-right: 7px solid #000;
	right: auto;
	left: -7px;
	}
.has_img .form_block {
	top: 8px;
	}
.form_block .form_wrap input[type="text"] {
	text-transform: none;
	}
/* Category and sub menus */
#category_nav,
#category_nav_menu,
#cart_nav {
	text-align: center;
	float: none;
	}
#category_nav_menu,
#cart_nav {
	float: none;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	}
#category_nav_menu {
	padding-right: {{ category_menu_padding | times: 2 }}px;
	}
/* Category menu bottom border width */
#marker_cnb,
#marker_cnb #marker_cnm {
	height: 1px;
	}
/* Subcategory menu padding and text alignment */
#subcategory_nav.nav {
	padding: 5px 0;
	}
#subcategory_nav_menu.nav_menu {
	float: none;
	text-align: center;
	}
#subcategory_nav_menu.nav_menu:before {
	content: "";
	}
/* Drop down menu item padding */
.nav_menu li.drpdwn li a,
.nav_menu li.drpdwn li a:hover {
	padding: 7px 8px;
	}
/* Footer */
#footer_inner {
	padding-top: 18px;
	}
#footer_nav_menu.nav_menu {
	padding-bottom: 18px;
	}
#footer_a, #footer_a.nav_menu,
#footer_b, #footer_nav_menu.nav_menu {
	width: auto;
	max-width: 100%;
	float: none;
	text-align: center;
	}


/* PRODUCTS AND PRODUCT PAGES */

/* Adjust padding of content areas */
#products {
	padding-top: 15px;
	}
/* Reduce vertical space between thumbnails
and text lines */
.shop_thumb {
	margin-top: 0px;
	margin-bottom: 4px;
	}
.shop_thumb_title {
	padding: 6px 0 0;
	}
.shop_thumb_price {
	padding: 2px 0 0;
	}
/* Reposition status labels and set to auto width */
.shop_thumb.sale a span.marker.ps, .shop_thumb.soon a span.marker.ps, .shop_thumb.sold a span.marker.ps, .shop_thumb a span.marker.ps.xd, .shop_thumb a span.marker.ps.xe {
	width: auto;
	bottom: auto;
	left: auto;
	top: 4px;
	right: 4px;
	text-align: left;
	}
/* Special products title */
#special_products h3, #content #special_products h3 {
	font-style: italic;
	text-transform: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
/* Display disabled pagination links */
#product_nav span.disabled {
	display: inline;
	}
/* Remove product page zoom icon and use cursor */
#product_images .image_wrap:hover a.zoom_plus {
	display: none;
	}
#product_images .product_img a {
	cursor: nesw-resize;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	}
/* Remove product page zoom icon and use cursor */
#content .product_title_container h4.entry_price {
	margin: 14px 0 16px;
	padding: 8px 0;
	border-top: 1px solid {{ general_borders }};
	border-bottom: 1px solid {{ general_borders }};
	}
/* Position and format product page status label */
#content .product_title_container h4.entry_price > span.product_status {
	float: right;
	padding: 0px;
	}
body.hide_sold_price #content #product_main.sold .product_title_container h4.entry_price > span.product_status,
body.hide_soon_price #content #product_main.soon .product_title_container h4.entry_price > span.product_status {
	float: none;
	position: relative;
	bottom: 2px;
	}
#content .product_title_container h4.entry_price > span.product_status > span {
	padding: 5px 6px 4px;
	}
.shop_thumb.sale a span.marker.ps, .shop_thumb.soon a span.marker.ps,
.shop_thumb.sold a span.marker.ps, .shop_thumb a span.marker.ps.xd,
.shop_thumb a span.marker.ps.xe, #content .product_title_container h4.entry_price > span.product_status > span {
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}


/* CART PAGE */

#cart_body .item_options .remove_btn {
	width: auto;
	height: auto;
	background: none;
	}
#cart_body .item_options .remove_btn:before {
	font-family: 'entypo', sans-serif;
	content: "\2716";
	font-size: 22px;
	}


/* CONTENT */

/* Adjust padding of content areas */
body.custom #content {
	padding-bottom: 20px;
	}
/* Form elements */
#content input[type="submit"], #content input[type="button"], #content button, #content input[type="reset"], #content input#reset_order {
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
input, textarea {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}


/* START RESPONSIVE LAYOUT - delete this section if responsive layout is disabled */

@media only screen
and (max-width: 750px) {

	/* Adjust header and menus */
	#header {
		border-top: 0 none;
	}
	#logo_block {
		float: none;
		width: auto;
	}
	#category_nav #cart_nav {
		padding-bottom: 6px !important;
	}
	/* Adjust product page title */
	.product_title_container {
		width: 100%;
	}
	#content .product_title_container h4.entry_price {
		margin-bottom: 24px;
	}

}

/* END RESPONSIVE LAYOUT - delete this section if responsive layout is disabled */

/*====================================================
STYLE BLOCK - END
====================================================*/