/* SSD Theme Overrides and Woocommerce Integration.

Changes by Nick Gourlie.
For questions email ngourlie@gmail.com */


/* ============================

USER CHANGES

=============================


GUIDE
	1.0 Fonts
	2.0 Body
	3.0 Header
	4.0 Nav
	5.0 Footer
	6.0 Home Page
	7.0 Category Pages
	8.0 Product Pages
	9.0 Static Pages
		9.1 Cart
		9.2 Checkout
		9.3 Confirmation Page
	10.0 Plugin Styles
		10.1 Optin Form
	11.0 Universal Styles
	19.0 Fixes

==================   */

/* ================================================================================
1.0 Body
================================================================================ */

#page, #footer {
    background: #FFF;
    border: 1px solid #E2E2E2;
}

#content {padding-bottom: 20px;}

/* ================================================================================
3.0 Header
================================================================================ */

.header-logo {padding-top: 15px;}
.header-logo img {width: 630px;}


/* ================================================================================
4.0 Nav
================================================================================ */

.nav {
	background-color: #1f1f1f;
	height: 55px;
	margin-bottom: 15px;
}

div.nav ul {
    display: table;
    content: "";
    margin: 30px auto 10px;
    /*width: 675px;*/
    height: 35px;
    padding: 0;
    top: 20px;
    position: relative;
}

div.nav ul li {
    list-style: none;
    float: left;
    margin: 0;
 /*   border-right: 1px solid #e7e7e7;
    padding: 20px 18px;
    font-size: 12px;
    text-transform: uppercase; */
}

div.nav ul li a {
    border-right: 1px solid #e7e7e7;
    padding: 8px 18px;
    font-size: 11px;
    text-transform: uppercase;
    background:#none;
}

div.nav ul li a {color:#FFF;}
div.nav ul li a:hover {text-decoration:none; background-color:#06c;}

div.nav ul li.last a {border-right:none; padding-right:22px;}

/* DROPDOWN MENU */

/*div.nav ul li.dropdown {display:block; float:right;} */
div.nav ul li.dropdown ul {display:none;}
div.nav ul li.dropdown:hover ul  {
    display: block;
    float: left;
    position: absolute;
    margin: 0 auto;
    width: 0px;
}

div.nav ul li.dropdown ul li {
    float: none;
    /* position: absolute; */
    text-align: left;
    margin: 0px 0;
    /* border-top: 1px solid #e7e7e7; */
    /* right: 40px; */
    /* width: 100%; */
}

div.nav ul li.dropdown ul li a {
    border-top: 1px solid #e7e7e7;
    width: 63px;
    float: left;
    background:#1f1f1f;
}

div.nav ul li.dropdown ul li a:hover {background-color:#06c;}


/* BLACK ON WHITE - INVERTED NAV */

div.nav ul {margin: 10px auto 10px;}
.nav {background-color: #FFF;}
div.nav ul li a {color: #000;}
div.nav ul li a:hover {color:#FFF;}
div.nav ul li.dropdown ul li a {background:#06c; color:#FFF;}
div.nav ul li.dropdown ul li a:hover {background:#000;}

/* ================================================================================
5.0 Footer
================================================================================ */

#footer {
    background: #FFF;
    border:none;
    border-top: 1px solid #E2E2E2;
}



/* ================================================================================
7.0 WooCommerce Category Page
================================================================================ */

/* No Displays */
p.woocommerce-result-count, nav.woocommerce-breadcrumb, ul.products li.product .button.add_to_cart_button {display: none;}

#container {
    float: left;
    padding: 0 0 0 45px;
    margin: 0px 0 0;
    width: 440px;
}

#container h1.page-title {
    color: #000;
    text-align: center;
    font-size: 30px;
    padding-top:30px;
    padding-bottom: 30px;
}

ul.products {list-style: none; padding:0px;}
ul.products li.product h3 {text-align:center;}
ul.products li.product img {margin: 0 auto; display: block;}

span.price {display: block; text-align: center;}


/* ================================================================================
8.0 WooCommerce Product Page
================================================================================ */

/* No Displays */
.product_meta, .woocommerce-tabs.wc-tabs-wrapper, #product-108344 .quantity {display:none;}

.woocommerce-message {
    margin-top: 30px;
    background: #06c;
    padding: 20px;
    color: #C5C5C5;
}

.woocommerce-message a.button {color: #FFF; text-decoration: underline;}

div.product {padding-top: 30px;}
.product .images .woocommerce-main-image img {width: 440px; height: 440px;}

h1.product_title {
    color: #000;
    font-size: 20px;
    padding: 40px 0px 30px;
}

div.quantity {float:left; padding-right:20px;}

button.single_add_to_cart_button.button.alt {
    float: left;
    text-transform: uppercase;
    padding: 8px 12px;
    background: #06c;
    border: #06c solid 2px;
    border: none;
    color: #FFF;
}

input.input-text.qty.text {
    height: 25px;
    padding: 0px 15px;
    width: 31px;
    text-align: center;
}

button.single_add_to_cart_button.button.alt:hover {background:none; color:#06c; border: #06c solid 2px;}

/* ================================================================================
9.0 Static Pages
================================================================================ */

/* =========================
9.1 Cart
========================= */

/* No Displays */
div#post-108341 p.no-break {display: none;}

div#post-108341 h2, div#post-108342 h2 {padding-bottom: 18px;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #06C;}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color:#01458A;}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float:left;}

.cart_totals table {line-height: 17px; padding-bottom: 10px;}


/* CART BUTTON */

div.cart-button {display:block;}
#container div.cart-button, #post-108342 div.cart-button, #post-108344 div.cart-button, #post-108341 div.cart-button {display:block;}

.cart_item dl.variation, .cart_item .variation-SalePostTitle, .cart_item .variation-LinktoSale, .cart_item .variation-ShortDescriptionofSaleOptional, .cart_item .variation-DatetoPostAd, .cart_item .variation-SaleImageUpload1MBMax {display:none!important;}


/* =========================
9.2 Checkout
========================= */

/* No Displays */
div#post-108342 p.no-break {display: none;}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float:left; width:100%;}

/* =========================
9.3 Confirmation Page
========================= */

div#post-108342 {
    background: #FFF;
    width: 675px;
    position: relative;
    z-index: 300;
}


#post-108342 .shop_table.order_details {
    position: relative;
    z-index: 30000;
    background: #FFF;
}


/* ================================================================================
10.0 Plugin Styles
================================================================================ */

/* =========================
10.1 Optin Form
========================= */

div#optinforms-form2-container {
    width: 96%!important;
    left: -7px;
    position: relative;
}

#optinforms-form2-container form {
    height: 135px!important;
}