Back to Top
Style Block - Snakewood at Aarcade

Snakewood

Style Block

Suitable for Aarcade’s Downtown 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 Downtown theme installed before proceeding with the following instructions. This extra will only work with the latest version of Aarcade’s Downtown 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 Snakewood style block includes additional style settings to control:

  1. the page menu title – i.e. “CONTENT” in the preview
  2. the category menu title – i.e. “STORE” in the preview

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 Snakewood 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. 224 x 140 pixel header image uploaded – see image here.
  2. The “Home” link text is set to “Latest” and link location is set to “pp”.
  3. The “View All” link text is set to “”, i.e. hidden.
  4. A custom home page is created using a Vimeo video and the gallery shortcode. For more information, see:
  5. 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.
  6. Product page option selector set to js-select.

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.
====================================================*/

@import url(https://fonts.googleapis.com/css?family=Dosis);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* - - - - Page Menu Top Border */
{% assign page_menu_border = '#aaaaaa' %}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* - - - - 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 = '#777777' %}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* - - - - Shop Title */
h1#header_logo, #header_logo {
font-family: Dosis, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 50px;
font-weight: normal;
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: Tahoma, Verdana, Segoe, sans-serif;
font-size: 12px;
}

/* - - - - 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: Tahoma, Verdana, Segoe, sans-serif;
font-size: 12px;
}

/* - - - - Drop-Down Sub-Menus */
#page_nav .nav_menu ul li.drpdwn li, #category_nav .nav_menu ul li.drpdwn li, #category_nav_menu.nav_menu > ul > li.drpno li, #footer_inner .nav_menu ul li.drpdwn li {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 11px;
}

/* - - - - Footer */
#footer, #footer_a, #footer_a li form.gift_cert_form, #footer_a li form.gift_cert_form button {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 12px;
}
/* - - - - Content */
body, #page_main, .ic_after_sidebar {
font-family: Tahoma, Verdana, Segoe, sans-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: Tahoma, Verdana, Segoe, sans-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: Tahoma, Verdana, Segoe, sans-serif;
font-size: 13px;
font-weight: normal;
}

/* - - - - Product Thumbnail Prices & Status */
#page_main .shop_thumb_price,
#page_main .shop_thumb_link .product_status,
#page_main .shop_thumb_link .marker {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}

/* - - - - Product Page Title */
#content .product_title_container h2.entry_title {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 22px;
}

/* - - - - Product Page Price */
#content .product_title_container h4.entry_price {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
}

/* - - - - Content Buttons */
#content button {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
}

/* - - - - Inputs */
input, textarea {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}

/*====================================================
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 = '0' %}

/* - - - - 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 = '30' %}
{% assign header_margin_bottom = '30' %}
{% assign header_margin_left = '0' %}
{% assign header_margin_right = '0' %}

/* - - - - Header Search and Newsletter Input Vertical Position
Distance from bottom of page */
{% assign forms_vertical_position = '110' %}

/* - - - - Social Icon Vertical Position
Distance from bottom of page */
{% assign social_vertical_position = '58' %}

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

/* - - - - Change Little Cart Icon To White */
{% assign white_little_cart_icon = '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.nav{border-color:{{page_menu_border}}}#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 %}}#category_nav,#category_nav span.bul,#category_nav a,#category_nav form.gift_cert_form button,#category_nav li.artist>.link_text,#category_nav ul li.drpno>ul a{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,#category_nav ul li.drpno>ul a:hover,#category_nav ul li.drpno>ul li.current>a{color:{{category_menu_link_hover}}}#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,.ic_after_sidebar{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{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 .product_label .product_status.sale{color:{{product_sale_label_text}}}.shop_thumb.sold a span.marker.ps,.shop_thumb.sold a span.product_status,#product_main.sold .product_img span.marker.ps,#product_details .product_label .product_status.sold{color:{{product_sold_label_text}}}.shop_thumb.soon a span.marker.ps,.shop_thumb.soon a span.product_status,#product_main.soon .product_img span.marker.ps,#product_details .product_label .product_status.soon{color:{{product_soon_label_text}}}.shop_thumb a span.marker.ps.xd,.shop_thumb a span.product_status.xd,#product_main .product_img span.marker.ps.xd,#product_details .product_label.xd .product_status{color:{{product_xd_label_text}}}.shop_thumb a span.marker.ps.xe,.shop_thumb a span.product_status.xe,#product_main .product_img span.marker.ps.xe,#product_details .product_label.xe .product_status{color:{{product_xe_label_text}}}#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{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}.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 white_little_cart_icon == 'yes' %}#cart_nav a{background-image:url(http://c265340.r40.cf1.rackcdn.com/img-cart-lil-wht.png)}{% endif %}#page_nav span.bul{padding-left:{{page_menu_padding | remove: ' '}}px;padding-right:{{page_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 */

/* Page menu title - enter letters only */
{% assign sb_page_menu_title = 'CONTENT' %}

/* Category menu title - enter letters only */
{% assign sb_category_menu_title = 'STORE' %}

/* HEADER, MENUS AND FOOTER */

/* Reset main element dimensions */
#wrap #header {
width: 742px !important;
margin-right: 33px;
}
#logo_block,
#footer_b {
width: 483px;
}
#page_nav.nav,
#category_nav.nav,
body.slsd_yes #category_nav.nav,
#footer_a {
width: 225px;
}
.social_icon_block,
.social_icon_block.wide,
.social_icon_block.small,
.social_icon_block.small.wide,
body.socsz_small .social_icon_block,
body.socsz_large .social_icon_block,
#logo_block .form_block,
#logo_block.wide_img .form_block {
width: 225px !important;
left: 483px;
margin-left: 44px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#wrap #container,
body.slsd_yes #wrap #container,
#products,
#page_main.full_width,
body.slsd_yes #page_main.full_width {
width: auto !important;
clear: both;
float: none;
}

/* Position header, menu and footer items */
#wrap #header {
float: left;
}
#logo_block {
float: left;
margin-top: 0;
margin-bottom: 0;
position: static;
}
#page_nav.nav {
float: right;
}
#category_nav_menu.nav_menu {
float: left;
}
#header,
#page_nav.nav,
#category_nav.nav {
margin: 0;
padding: 0;
border: 0 none;
}
#header,
#category_nav.nav {
margin-top: {{ header_margin_top }}px;
margin-bottom: {{ header_margin_bottom }}px;
}
/* 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;
}
/* Footer  */
#footer_inner {
padding-top: 30px;
padding-bottom: 30px;
border-top: 0 none;
position: static;
}
#footer_a {
float: right;
text-align: left;
}
#footer_b {
float: left;
text-align: left;
}

/* Add page and category menu titles */
{% if sb_page_menu_title != blank %}
#page_nav_menu.nav_menu > ul:before {
content: "{{ sb_page_menu_title }}";
display: block;
padding: 0 0 13px 8px;
border-left: 1px solid {{ page_menu_border }};
}
{% endif %}
{% if sb_category_menu_title != blank %}
#category_nav_menu.nav_menu > ul:before {
content: "{{ sb_category_menu_title }}";
display: block;
padding: 0 0 13px 8px;
border-left: 1px solid {{ page_menu_border }};
}
{% endif %}

/* Add page and category menu titles */
#footer_nav_menu.nav_menu {
padding-right: 10px;
float: left;
}
#page_nav_menu.nav_menu > ul > li,
#category_nav_menu.nav_menu > ul > li,
#footer_nav_menu.nav_menu > ul > li {
display: block;
float: none;
padding: 3px 0 3px 8px;
margin: 0;
border-left: 1px solid {{ page_menu_border }};
}
#page_nav_menu.nav_menu > ul > li span.bul,
#category_nav_menu.nav_menu > ul > li span.bul,
#footer_nav_menu.nav_menu > ul > li span.bul {
display: none;
}
#footer_nav_menu.nav_menu > ul > li {
border-color: {{ footer_border }};
}

/* Enable pop out menu for subcategories and assign colours */
#category_nav_menu.nav_menu > ul > li.drpno li {
padding: 0;
border-bottom: 1px solid #ccc;
}
#category_nav_menu.nav_menu > ul > li.drpno ul {
position: absolute;
float: left;
margin: 0;
box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
border-top: {{drop_down_offset | remove: ' '}}px solid transparent;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
}
#category_nav_menu.nav_menu > ul > li.current.drpno ul,
#category_nav_menu.nav_menu > ul > li.current_parent.drpno ul {
display: none;
}
.nav_menu li.drpno li a,
.nav_menu li.drpno li a:hover {
display: block;
white-space: nowrap;
text-decoration: none !important;
}
.nav_menu li.drpno:hover ul,
.nav_menu li.drpdwn:hover ul,
.nav_menu li.drpdwn:hover ul[style],
#category_nav_menu.nav_menu > ul > li.current.drpno:hover ul,
#category_nav_menu.nav_menu > ul > li.current_parent.drpno:hover ul {
display: block;
opacity: 1.0 !important;
filter: alpha(opacity=100) !important;
}
.nav_menu li.drpdwn li a,
.nav_menu li.drpdwn li a:hover,
.nav_menu li.drpno li a,
.nav_menu li.drpno li a:hover {
padding: 8px;
}
#category_nav .nav_menu ul li.drpno ul {background-color:{{sub_menu_background}}}
#category_nav .nav_menu ul li.drpno ul a:hover {background-color:{{sub_menu_background_hover}}}
#category_nav_menu.nav_menu > ul > li.drpno li a, #category_nav_menu.nav_menu > ul > li.drpno li.current a {color:{{sub_menu_link}}}
#category_nav_menu.nav_menu > ul > li.drpno li a:hover {color:{{sub_menu_link_hover}}}
#category_nav_menu.nav_menu > ul > li.drpno li {border-color:{{sub_menu_link_border}}}
#page_nav .nav_menu ul li.drpdwn ul,
#category_nav .nav_menu ul li.drpdwn ul,
#footer_inner .nav_menu ul li.drpdwn ul,
#page_nav .nav_menu ul li.drpno ul,
#category_nav .nav_menu ul li.drpno ul,
#footer_inner .nav_menu ul li.drpno ul {
top: -2px;
left: auto !important;
right: 100%;
}
#footer_inner .nav_menu ul li.drpdwn ul,
#footer_inner .nav_menu ul li.drpno ul {
top: auto;
bottom: -2px;
}
#footer_inner .nav_menu ul li:hover {
z-index: 6;
}
#subcategory_nav_menu.nav_menu {
display: none;
}
/* Drop down menu styling: less padding,
rounded corners and pointer */
.nav_menu li.drpdwn li a,
.nav_menu li.drpdwn li a:hover,
.nav_menu li.drpno li a,
.nav_menu li.drpno li a:hover {
padding: 5px 8px;
}
.nav_menu li.drpdwn ul > li:first-child:after,
.nav_menu li.drpno ul > li:first-child:after {
content: "";
height: 100%;
width: 10px;
position: absolute;
right: -10px;
top: 0;
}
.nav_menu li.drpdwn ul:before,
.nav_menu li.drpno ul:before {
content: "";
display: block;
height: 0px;
width: 100%;
padding-top: 3px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background-color:{{sub_menu_background}};
position: absolute;
top: -2px;
left: 0px;
}
.nav_menu li.drpdwn ul:after,
.nav_menu li.drpno ul:after {
content: "";
display: block;
height: 0px;
width: 100%;
padding-top: 3px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
background-color: {{sub_menu_background}};
position: absolute;
bottom: -2px;
left: 0px;
}
.nav_menu > ul > li.drpdwn > ul > li:first-child:before,
.nav_menu > ul > li.drpno > ul > li:first-child:before {
content: "";
display: block;
width: 0px;
height: 0px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid {{ sub_menu_background }};
position: absolute;
top: 6px;
right: -5px;
}
#footer_nav_menu.nav_menu > ul > li.drpdwn > ul > li:first-child:before {
top: auto;
bottom: 6px;
}

/* Header search and newsletter input moved to footer */
#wrap {
height: auto;
min-height: 0px;
}
#formsoc_block {
top: auto;
bottom: 0px;
z-index: 5;
}
#logo_block .form_block,
#logo_block.wide_img .form_block {
right: auto;
float: left;
text-align: left;
top: auto;
bottom: {{ forms_vertical_position }}px;
}
#logo_block .form_block.count_2,
#logo_block.wide_img .form_block.count_2 {
bottom: {{ forms_vertical_position | minus: 25 }}px;
}
#logo_block .form_block .form_wrap {
padding: 0 8px 3px 0;
text-align: left;
float: none;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
#header input[type="text"],
#header input[type="text"][style],
.form_block .form_wrap input {
max-width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
}
#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;
}
/* Social icon position */
.social_icon_block,
.social_icon_block.wide,
.social_icon_block.small,
.social_icon_block.small.wide,
body.socsz_small .social_icon_block,
body.socsz_large .social_icon_block {
float: none;
text-align: left;
position: absolute;
right: auto;
bottom: {{ social_vertical_position }}px;
top: auto;
z-index: 5;
}

/* Hide cart link when empty,
fix to top right and style as tag */
#cart_nav {
display: none;
position: fixed;
top: 0;
right: 16px;
z-index: 10;
}
#cart_nav.has_items {
display: block ;
position: fixed;
}
#cart_nav a,
#page_nav #cart_nav a,
#page_nav #cart_nav a:hover,
#cart_nav.has_items a,
#page_nav #cart_nav.has_items a,
#page_nav #cart_nav.has_items a:hover {
background: {{ cart_not_empty }};
padding: 8px 10px;
color: {{ main_background }};
text-decoration: none;
}

/* PRODUCTS PAGES */

/* Use inline block to space thumbnails
for all container widths */
#products {
text-align: justify;
}
#products:after,
body.slsd_yes #products:after {
content: "";
width: 100%;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
#products > .clear,
#products > .clear_rsp {
display: none;
float: left;
width: 0px;
height: 0px;
}
.shop_thumb,
#products > .shop_thumb {
margin-right: 0px !important;
margin-left: 0px !important;
clear: none !important;
margin-bottom: 30px;
float: none;
display: -moz-inline-stack !important;
display: inline-block !important;
vertical-align: top;
zoom: 1;
*display: inline !important;
}
#products > .clear:last-of-type,
#products > .clear:last-child,
body.slsd_yes #products > .clear:last-child {
margin-right: 0px !important;
margin-left: 0px !important;
clear: none !important;
margin-bottom: 0px;
float: none;
display: -moz-inline-stack !important;
display: inline-block !important;
vertical-align: top;
zoom: 1;
*display: inline !important;
}
#products > .clear:last-of-type {
height: 10px;
width: 300px;
}
#products.sz_portrait > .clear:last-of-type,
#products.sz_medium > .clear:last-of-type {
width: 225px;
}
#products.sz_small > .clear:last-of-type {
width: 175px;
}
/* Medium & Portrait Thumbnails */
#products.sz_portrait,
#products.sz_medium {
margin-right: -29px;
}
#products.sz_portrait:after,
#products.sz_medium:after,
body.slsd_yes #products.sz_portrait:after,
body.slsd_yes #products.sz_medium:after {
content: none;
}
#products.sz_portrait > .shop_thumb,
#products.sz_medium > .shop_thumb {
margin-right: 29px !important;
}
/* Small Thumbnails */
#products.sz_small {
margin-right: -27px;
}
#products.sz_small:after,
body.slsd_yes #products.sz_small:after {
content: none;
}
#products.sz_small > .shop_thumb {
margin-right: 27px !important;
}

/* Style thumbnail text and status labels */
body.hapd_no .shop_thumb_details {
border-top: 1px solid {{ general_borders }};
margin-top: 20px;
position: relative;
}
body.hapd_no .shop_thumb_details .product_status {
position: absolute;
top: -9px;
width: 100%;
text-align: center;
z-index: 1;
}
body.hapd_no .shop_thumb_details .product_status:after {
content: "";
display: block;
width: 80px;
margin-left: -40px;
height: 10px;
background: {{ page_background }};
position: absolute;
top: 1px;
left: 50%;
z-index: -1;
}

/* Style pagination links */
#product_nav {
font-size: 12px;
}
#product_nav span.disabled,
#product_nav span.current {
opacity: 1.0;
filter: alpha(opacity=100);
display: inline;
}
#product_nav .pagination > a,
#product_nav .pagination > span {
padding: 5px 10px 6px;
border: 1px solid {{ general_borders }};
}

/* PRODUCT PAGE */

/* Adjust element spacing and widths */
#content .product_title_container h2.entry_title {
margin-bottom: 6px;
}
#content #product_main.small_format.thumbs_left .product_title_container, #content #product_main.small_format.thumbs_right .product_title_container,
#product_main.small_format.thumbs_left #product_images, #product_main.small_format.thumbs_right #product_images, body.slsd_yes #product_main {
margin-left: 0px;
padding-left: 0px;
}
#product_main #product_details,
#product_main.small_format.thumbs_left #product_details, #product_main.small_format.thumbs_right #product_details {
width: 483px;
margin-left: 0px;
}
#product_main.large_format #product_details {
width: 483px;
margin-left: 27px;
}

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

/* CONTACT PAGE AND CONTENT */

#contact_content,
body.slsd_yes #contact_content {
margin-left: 0px;
}

/* CART PAGE */

/* Use font for remove button */
#cart_body .item_options .remove_btn {
width: auto;
height: auto;
background: none;
}
#cart_body .item_options .remove_btn:before {
content: "\2716";
font-size: 22px;
}

/* HOME PAGE */

/* Center align gallery images and text */
body#home-page .short_gal_wrap {
text-align: center;
}

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

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

/* Header and footer elements */
#wrap #header {
width: 491px !important;
margin-right: 42px;
}
#logo_block,
#footer_b {
width: 225px;
}
.social_icon_block,
.social_icon_block.wide,
.social_icon_block.small,
.social_icon_block.small.wide,
body.socsz_small .social_icon_block,
body.socsz_large .social_icon_block,
#logo_block .form_block,
#logo_block.wide_img .form_block {
left: 225px;
margin-left: 41px;
}

/* Medium & Portrait Thumbnails */
#products.sz_portrait,
#products.sz_medium {
margin-right: 0;
}
#products.sz_portrait:after,
#products.sz_medium:after,
body.slsd_yes #products.sz_portrait:after,
body.slsd_yes #products.sz_medium:after {
content: "";
}
#products.sz_portrait,
#products.sz_medium,
#products.sz_portrait > .shop_thumb,
#products.sz_medium > .shop_thumb {
margin-right: 0px !important;
}
/* Small Thumbnails */
#products.sz_small {
margin-right: -15px;
}
#products.sz_small > .shop_thumb {
margin-right: 15px !important;
}

}

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

/* Product page elements */
#page_main #product_main.large_format #product_details {
width: 260px !important;
margin-left: 0;
}
#page_main #product_details,
#page_main #product_main.small_format.thumbs_left #product_details,
#page_main #product_main.small_format.thumbs_right #product_details {
width: 350px !important;
margin-left: 0;
}
.other_products {
position: static !important;
}

/* Small Thumbnails */
#products.sz_small {
margin-right: 0px;
}
#products.sz_small:after,
body.slsd_yes #products.sz_small:after {
content: "";
}
#products.sz_small > .shop_thumb {
margin-right: 0px !important;
}

}

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

/* Header elements */
#wrap #header,
#logo_block,
#page_nav.nav,
#category_nav.nav,
body.slsd_yes #category_nav.nav,
#cart_nav,
#cart_nav.has_items {
width: auto !important;
margin-right: 0px;
float: none;
width: auto;
position: static;
display: block ;
}

/* Product page */
#product_main.small_format {
padding-bottom: 300px !important;
}

}

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

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