Back to Top
Style Block - Out of the Light at Aarcade

Out of the Light

Style Block

Suitable for Aarcade’s Invisible Light 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 Invisible Light theme installed before proceeding with the following instructions. This extra will only work with the latest version of Aarcade’s Invisible Light 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.

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

Theme Settings

Additionally, the Out of the Light 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. Social icons size set to large and styles set to 8.
  2. Products pages product image size set to portrait.
  3. Home page slide show added – refer How do I add a slide show to my Big Cartel home page?
  4. Newest and top selling products displayed on home page.
  5. Image zoom style set to 5.
  6. Product page product image size set to large.
  7. Product page prev / next links and quantity input enabled.
  8. Product page product option selector set to js-select.
  9. Product page add to cart controls position set to above description.
  10. Product page inventory chart enabled.
  11. Product page product sharing tools set to share tweet pinit and style set to 8.

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=Julius+Sans+One);
@import url(https://fonts.googleapis.com/css?family=Montserrat);

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

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

/* - - - - Main Background */
{% assign main_background = '#333333' %}
/* This theme has a default background image.
Refer to the EXTRA STYLES section below to deactivate it
or upload your own background image to override it. */

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

/* - - - - Shop Header Background */
{% assign shop_header_background = '#000000' %}

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

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

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

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

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

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

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

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

/* - - - - Page Menu Background */
{% assign page_menu_background = '#333333' %}

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

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

/* - - - - Page Menu Link Hover */
{% assign page_menu_link_hover = '#ffffff' %}

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

/* - - - - Category Menu Bottom Background */
{% assign category_menu_background = '#555555' %}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* - - - - Featured Three Products Title */
{% assign featured_three_products_title = '#dddddd' %}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* - - - - Shop Title */
h1#header_logo, #header_logo {
font-family: 'Julius Sans One', Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400; /* To ensure lighter font rendering */
-webkit-font-smoothing: antialiased; /* To ensure lighter font rendering */
font-size: 60px;
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: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400; /* To ensure lighter font rendering */
-webkit-font-smoothing: antialiased; /* To ensure lighter font rendering */
font-size: 18px;
text-transform: uppercase;
}

/* - - - - 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: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400; /* To ensure lighter font rendering */
-webkit-font-smoothing: antialiased; /* To ensure lighter font rendering */
font-size: 14px;
}

/* - - - - Sub-Category Menu */
#subcategory_nav {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
}

/* - - - - Footer */
#footer, #footer_a, #footer_a li form.gift_cert_form, #footer_a li form.gift_cert_form button {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-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: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: subpixel-antialiased; /* To ensure standard font rendering */
}

/* - - - - Content */
body, #page_main {
font-family: 'Helvetica Neue', Helvetica, Arial, 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: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400; /* To ensure lighter font rendering */
-webkit-font-smoothing: antialiased; /* To ensure lighter font rendering */
}
/* - - - - 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: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* - - - - Product Thumbnail Prices & Status */
#page_main .shop_thumb_price,
#page_main .shop_thumb_link .product_status,
#page_main .shop_thumb_link .marker {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* - - - - Product Page Title */
#content .product_title_container h2.entry_title {
font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400; /* To ensure lighter font rendering */
-webkit-font-smoothing: antialiased; /* To ensure lighter font rendering */
}

/* - - - - Product Page Price */
#content .product_title_container h4.entry_price {
font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400; /* To ensure lighter font rendering */
-webkit-font-smoothing: antialiased; /* To ensure lighter font rendering */
font-size: 16px;
}

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

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

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

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

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

/* - - - - Use Default Grid Pattern Background
This setting will be overridden if a background image
is uploaded - see Background Image section above */
{% assign default_background_image = 'yes' %}

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

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

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

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

/* - - - - 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}}}#marker_cnb #marker_cnm{border-bottom-color:{{page_background}}}#header{background-color:{{shop_header_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}};{% if cart_not_bold_font == 'yes' %}font-weight:bold;{% endif %}}#page_nav{background-color:{{page_menu_background}}}#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}}}#category_nav{background-color:{{category_menu_background}}}#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}};{% if sub_category_menu_link_active_underline == 'yes' %}text-decoration:underline;{% endif %}}#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}}}#featured_three .shop_thumb a span.shop_thumb_title{color:{{featured_three_products_title}}}#special_products h3,#content #special_products h3{color:{{special_products_title}}}#special_products h3,#content #special_products h3{border-color:{{special_products_title_border}}}#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>span{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 .product_label .product_status.sold>span{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 .product_label .product_status.soon>span{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 .product_label.xd .product_status>span{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 .product_label.xe .product_status>span{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}}}{% if default_background_image == 'yes' and theme.background_image == blank %}body{background-image:url(http://c265823.r23.cf1.rackcdn.com/img-bg-grid.png);background-position:top center;background-repeat:repeat;background-attachment:scroll}{% endif %}{% 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:8}}px}body.nwsoc.socsz_small #page_nav .social_icon_block{top:{{social_icon_vertical_position | plus:11}}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)));-webkit-box-shadow:inset -1px -2px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset -1px -2px 0 rgba(255,255,255,0.2);box-shadow:inset -1px -2px 0 rgba(255,255,255,0.2)}{% 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
====================================================*/

/* - - - - Remove input top and side borders */
.form_block .form_wrap input[type="text"],
.form_block .form_wrap input[type="password"],
.form_block .form_wrap input[type="file"],
#content textarea, #content input[type="text"],
#content input[type="password"],
#content input[type="file"] {
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
border-bottom-style: dashed;
padding-left: 0px;
padding-right: 0px;
}

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