/*
Theme Name: Wootique
Theme URI: http://www.woothemes.com/
Version: 1.2.2
Description: A free <a href="http://woothemes.com">Woo Theme</a> designed for use with WooCommerce.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes

	Copyright: (c) 2009-2011 WooThemes.
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
  -2.2.2 Top Navigation (optional)
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
  -2.4.1 Product Gallery
-2.5 Sidebar
-2.6 Footer
-2.7 Homepage specific
  -2.7.1 Animation

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Post Author
-3.5 Connect / Subscribe

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
-4.4 Shopping Cart
-4.5 Product lists
-4.6 Search

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
  - 6.1.1 Comment Reply Link
-6.2 Info Boxes
-6.3 Conatct Form
-6.4 Gravity forms
-6.5 Timeline Template
-6.6 Tables

7. WOOCOMMERCE SPECIFICS
-7.1 Demo store notice
-7.2 Star Ratings
-7.3 Single Product Page
  - 7.3.1 Reviews
-7.4 Quantity Incrementer
-7.5 User Account Section
  - 7.5.1 Order Tracking
-7.6 Cart

8. UNIFORM JS

9. IE FIXES

-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
        font-family: "Century Gothic", sans-serif;
        letter-spacing: 1px;
	color: #000;
	font-weight: normal;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}


input, textarea {
  padding: 5px 10px;
  border:1px solid #ddd;
  background: #fafafa;
  -webkit-transition: all ease-in-out .2s;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  font-size:11px;
  font-family: inherit;
}
input:focus, textarea:focus { background: #fff; }


/*-------------------------------------------------------------------------------------------*/
/* 0. SINGLE PRODUCT */
/*-------------------------------------------------------------------------------------------*/


/* product single //http://www.barelyfitz.com/screencast/html-training/css/positioning/
================================================ */
#product_single_wrapper {
  float: left;
  position: relative; /* relative + abosulte allows me to position the image */
	width: 840px;
  min-height:554px;
	text-align: left;
  padding-left: 92px;
  padding-right: 92px;
  font-size: 12px;
}
#product_single_wrapper #loopedslider {
  /*overflow: hidden; /* take this out and you will see all images */
  width: 554px;
  float:left;
  position:relative;
}

#product_single_wrapper .product-imagewrap {
  /*overflow: hidden; /* take this out and you will see all images, otherwise changes dynamically */
  /* position: absolute; */ /*changed layout so this changed */
  /* border:1px solid #ddd;*/
  z-index: 2;
  width: 554px;
  height: 411px;
  margin: 0;
  padding: 0;
  /* background-color:#ddd; //removed because of the sliding */
}

/* used	for retina bigger images */
#product_single_wrapper .product-imagewrap #container img {
        max-width: 554px !important;
        height: auto !important;
}

/* used	for retina bigger images */
#additional_product_images img {
        max-width: 554px !important;
        height: auto !important;
}

img {
  float:left;
}

#product_single_wrapper .product-single-entry {
  float: right;
  position: relative;
  top: 0px;
  text-align: center;
  /* width: 246px;*/
  width: 286px;
  min-height: 554px;
}

.product-single-entry-container {
  float: right;
  position: relative;
  width: 286px;
}

.product-single-entry_fixed {
  position: fixed;
  top: 0px;
  text-align: center;
  z-index: 1; /* needed to make it not transparent */
  width: 286px;
  min-height: 554px;
}

#product_single_wrapper .slides {
  position:absolute;
  top:0;
  left:0;
}      
#product_single_wrapper .slides > div {
  position:absolute;
  width:840px;
  top:0;
  display:none;
}        


#product_single_wrapper #left-width {
  width:554px;
  float:left;
}

#product_single_wrapper #right-width {
  width:268px;  
  float:right;
}


/* http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
/* COLORS
http://www.tayloredmktg.com/rgb/
http://kb.iu.edu/data/aetf.html
*/

.opacity {
  background-color:#ffffff;
  /* border:1px solid black;*/
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.4);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
}

.opacity_off {
  background-color:#ffffff;
}

  #product_single_wrapper .product-information {
    margin: 0;
    min-height: 380px;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 18px;
  }

  #product_single_wrapper #product-information-container {
    min-height: 340px;
  }

    #product_single_wrapper .product-style {
      font-size: 14px;;
      min-height: 20px;
      letter-spacing: 1px;
    }

    #product_single_wrapper .product-title {
      font-size: 14px;;
      min-height: 20px;
      padding-bottom: 5px;
      letter-spacing: 1px;
    }
    #product_single_wrapper #product_price_stock_info {
      font-family: "Times New Roman";      
      letter-spacing: 0px; 
      color: grey;
      height: 15px;
      padding-bottom: 5px;
    }
    #product_single_wrapper .price {
      float: left;
      font-family: "Times New Roman";      
      letter-spacing: 0px; 
      color: grey;
      padding-left: 88px;
      padding-right: 5px;
    }
    
    .product-price del .amount {
            text-decoration: line-through;
            margin-right: 5px;
    }

    .product-price ins {
            color: green;
            text-decoration: none;
    }

    
    
    #product_single_wrapper .stock {
      float: left;
      font-family: "Times New Roman";      
      letter-spacing: 0px; 
      color: grey;
    }
    #product_single_wrapper .product-content {
      overflow: hidden;
      font-family: "Times New Roman";      
      letter-spacing: 0px; 
      text-align: left;
      color: grey;
      /* height: 275px;*/
      line-height: 180%;
      margin-bottom: 12px;
      max-height: 205px; /* needed now that we have the fixed side bars */
      min-height: 205px; 
      
      
    }
    #product_single_wrapper .color-options {
      margin: 9px 0px;
      line-height: 180%;
      letter-spacing: 1px;
    }
    #product_single_wrapper .color-options ul li, #product_single_wrapper .color-options ul{
      color: grey;
    }
    #product_single_wrapper .color-options ul li{
      display: inline;
      color: grey;
      padding:5px; /*spacing between sub cats */

    }
    .cross-sells ul li a{
      font-family: "Century Gothic", sans-serif;
      letter-spacing: 1px;
      line-height: 180%;
      color: grey;
    } 
    
    #product_option_underline_color{
      border-bottom: solid 1px grey;
    } 
    
    #product_single_wrapper .buy_info {
      font-family: "Century Gothic", sans-serif;
      letter-spacing: 1px;
      color: grey;
      margin-top: 12px;
    }
    #product_single_wrapper .buy_info #button-position {
      margin-bottom: 12px;
    }
    #product_single_wrapper .quantity {
      font-family: "Times New Roman";      
      letter-spacing: 0px; 
      color: grey;
      display: inline-block;
    }
    #product_single_wrapper .button {
      display: inline-block;
      margin-top: 5px;
    }
    
 
    #product_single_wrapper table td, table th { 
      border-bottom:1px solid #e6e6e6;
      line-height: 105%;
      padding:0px 8px;
      vertical-align: top;
      text-align: left;
    }   

    #product_single_wrapper table.chart td{ 
      border-bottom:1px solid #e6e6e6;
      line-height: 135%;
      padding:0px 8px;
      vertical-align: top;
      text-align: left;
    }   

  #product_single_wrapper #product-gallery-navigation {
    float: left;
    width: 554px;
    height: 15px;
  }
  #product_single_wrapper #product-gallery-navigation #product-gallery-navigation_left{
    float:left;
    width: 10px;
    margin-left: 140px;
    margin-right: 10px;
    background:url(../images/menu_icon_left.png) 0 0 no-repeat;
  }
  #product_single_wrapper #product-gallery-navigation #product-gallery-pagination{
    float:left;
    width: 100%;
  }
  #product_single_wrapper #product-gallery-navigation #product-gallery-navigation_right {
    float:right;
    width: 10px;
    margin-left: 10px;
    margin-right: 140px;
    background:url(../images/menu_icon_right.png) 0 0 no-repeat;
  }
    
  #product_single_wrapper #additional_product_information {
    float:left;
    /* position: relative; */
    width: 554px;
    /* padding-top: 20px; */
    padding-top: 10px;
    clear:both;
  }

  #product_single_wrapper #company_information {      
    float: left;
    line-height: 180%;
    padding-top: 20px;
    font-size: 12px;
    font-family: "Times New Roman";      
    letter-spacing: 0px; 
  }

    #product_single_wrapper #company_information_title {
      font-size: 12px;
      font-family: "Century Gothic", sans-serif;
      letter-spacing: 1px;
      color: black;
    }

    #product_single_wrapper #company_information_content {
      font-size: 12px;
      font-family: "Times New Roman";      
      letter-spacing: 0px; 
      color: grey;
    }


  #product_single_wrapper #additional_product_images{
    display: none;
  }
  
  #product_single_wrapper #additional_product_images img{
    float:left;
    padding-top: 18px;
  }
  
  #product_single_wrapper #additional_product_images iframe{
    float:left;
    padding-top: 18px;
  }
  
  #product_single_wrapper #additional_product_images #img_description{
    float: right;
    padding-right: 8px;
    line-height: 180%;
    font-size: 12px;
    color: grey;
    font-family: "Times New Roman";      
    letter-spacing: 0px; 
  }
    
  #product_single_wrapper #additional_link_information {
    float: right;
    text-align: left;
    position: relative;
    width: 268px;
    padding-left: 18px;
    clear:both;
  }
  
    #product_single_wrapper #expand_space {
      display:none;
      float:left;
      width:100%;
      height:50px;
    }

    #product_single_wrapper .shop_share_info {
      text-align: left;
      line-height: 180%; 
      color: grey;
    }
    #product_single_wrapper .shop_share_info #source_content {
      color: grey;
    }
    #product_single_wrapper .shop_share_info #share_content{
      color: grey;
    }
        #product_single_wrapper .shop_share_info #social_media_links{
          display: none;
          color: black;    
        }    
        #product_single_wrapper .shop_share_info ul li{
          display: inline;
          padding-right:5px; /*spacing between sub cats */
        }    
        #product_single_wrapper .shop_share_info a:hover{
          border-bottom: solid 1px #ddd;
        }    
        #product_single_wrapper .shop_share_info ul li a:hover{
          border-bottom: solid 1px #000000;
        }  
    
    #product_single_wrapper #you_may_like {
      padding-top: 12px;
      line-height: 180%; 
      font-size: 12px;
      color: grey;
      font-family: "Times New Roman";      
    }

    #product_single_wrapper #you_may_like_title a{
      font-size: 12px;
      font-family: "Century Gothic", sans-serif;
      color: grey !important;      
      letter-spacing: 1px;    
    }

    #product_single_wrapper #you_may_like_title a:hover{
      border-bottom: solid 1px #ddd;
    }

    #product_single_wrapper #you_may_like #product_links {
      padding-top:0px; 
      width: 268px;
      float:left;
    }    

        #product_single_wrapper #you_may_like #display_links_products{      
          display:none;
          float:left;
          padding-top:8px;      
        }

    #product_single_wrapper #you_may_like #feature_links {
      padding-top:12px;
      width: 268px;
      float:left;
    }    

        #product_single_wrapper #you_may_like #display_links_features{      
          display:none;
          float:left;
          width: 268px;
          overflow: hidden;
          white-space: nowrap;
          text-transform:uppercase;
          padding-bottom:50px;
        }

    
    #product_single_wrapper #you_may_like #product_links img{
      padding-bottom:10px;
    }    
        
    #product_single_wrapper #you_may_like #product_links #gutter{
      float:left;
      width:18px;
      height: 5px;
    }
    
    #product_single_wrapper .single_variation .price, 
    #product_single_wrapper .single_variation .stock {
      padding: 0px;
      padding-bottom: 2px;
      width: 100%;
      text-align: center;
    }
    
    
/* quantity input */
.quantity {
	white-space: nowrap;
	display: inline;
}
.quantity input.qty {
	float:left;
	width:26px;
	text-align:center;
	margin-right: 3px;
}
.quantity .plus,
.quantity .minus {
	border: none;
	text-indent:-9999em;
	width:14px;
	height:15px;
	cursor:pointer;
	font-size:0;
	line-height:0;
	display:block;
	float: left;
	margin-top: 7px;
}
.quantity .plus {
	float: left;
	margin-left: 10px;
	background:url(../images/quantity-more.png) 0 0 no-repeat;
}
.quantity .minus {
	float: left;
	margin-right: 3px;
	background:url(../images/quantity-less.png) 0 0 no-repeat;
}

/* button */
.button,
.button.checkout,
a.checkout-button {
	text-decoration: none;
        letter-spacing: 1px;
	/* text-shadow: 0 -1px 0 rgba(0,0,0,.3); */
  padding: 6px 10px;
  border:1px solid #ddd;
  background: #fafafa;
  -webkit-transition: all ease-in-out .2s;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  font-size:11px;
  font-family: inherit;

	background: #eee9e9;
	border: none;

	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);

}
.button:hover,
a.checkout-button:hover {
	background: #cdc9c9;
}

/* woocommerce message */
body.single_product .woocommerce-message,
body.single_product .info,
body.single_product .woocommerce-error,
body.single_product .woocommerce-info {
  float: left;
  display: block;
  width: 800px;
  line-height: 180%;
  margin: 0px 92px;
  font-size: 11px;
  /* should try to veritcle align text somehow */
  min-height:20px;
  padding: 5px 20px;
  margin-bottom: 10px;
  background: #FEFFF1;
  background: -moz-linear-gradient(top, #FFFFF3 0%, #FEFFF1 100%);
  background: -webkit-linear-gradient(top, #FFFFF3 0%,#FEFFF1 100%);
  background: linear-gradient(top, #FFFFF3 0%,#FEFFF1 100%);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

.woocommerce-message, .info, .woocommerce-error, .woocommerce-info {
  float: left;
  display: block;
  width: 800px;
  font-size: 11px;
  /* should try to veritcle align text somehow */
  min-height:20px;
  padding: 5px 20px;
  margin-bottom: 10px;
  background: #FEFFF1;
  background: -moz-linear-gradient(top, #FFFFF3 0%, #FEFFF1 100%);
  background: -webkit-linear-gradient(top, #FFFFF3 0%,#FEFFF1 100%);
  background: linear-gradient(top, #FFFFF3 0%,#FEFFF1 100%);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
/*
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1);
*/
}

.cart_totals .woocommerce-message,
.cart_totals .woocommerce-error, 
.cart_totals .info,
.cart_totals .woocommerce-info {
  float: left;
  width:90%;
  display: block;
  font-size: 11px;
  /* should try to veritcle align text somehow */
  min-height:20px;
  padding: 5px 20px;
  margin-bottom: 10px;
  background: #FEFFF1;
  background: -moz-linear-gradient(top, #FFFFF3 0%, #FEFFF1 100%);
  background: -webkit-linear-gradient(top, #FFFFF3 0%,#FEFFF1 100%);
  background: linear-gradient(top, #FFFFF3 0%,#FEFFF1 100%);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
/*
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 1px rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.1);
*/
}

.woocommerce-message .button, .info .button, .woocommerce-error .button, .woocommerce-info .button {
	float:right;
  /*not displaying as it will show in the cart */
  display:none;
}
.woocommerce-message:after, .info:after, .woocommerce-error:after, .woocommerce-info:after {
	content:"";
	display:block;
	clear:both;
}

ul.woocommerce-error li {
  padding-top: 0px !important;
  list-style-type: none;
  text-align: center;
  margin: 0 0 .5em 0;
}

a.showlogin {
	text-decoration:underline;
}

ul.woocommerce-error strong {
	color:red;
}

/* 6.6 Tables */

table { 
  border:1px solid #e6e6e6;
  border-right:0;
  border: 1px solid #e6e6e6;
  width:100%;
  border-collapse: separate;
  margin-bottom:1em;
}
table td, table th { 
  border-bottom:1px solid #e6e6e6;
  line-height: 125%;
  padding:5px 8px;
  vertical-align: top;
  text-align: left;
}
table th { 
  background: #f6f6f6;
  -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4);
  font-weight: normal;
  color:#333;
}


table.cart th.product-name{text-align: left;}
table.cart th.product-quantity{padding-left: 30px; padding-right: 0px; text-align: left;}

.cart #content {
  float:left;
  width: 840px;
  padding: 0px 92px;
  min-height:500px;
}


.cart #content p .button {
  display: inline-block;
	margin: 10px 0px;
}


/* 7.6 Cart */

.shop_table{
  font-size: 11px;
}
.cart_totals{
  font-size: 11px;
}
.cart_totals small{
  font-size: 9px;
}

.cart_totals .cart_shipping_notes {
  width: 440px;
  float: right;
  text-align: right;
}


.cart_faq{
  text-align: left;
  position: absolute;
  width:350px;
  
}

    .cart_faq #faq_title h2{
      float: left;
      margin: 10px 0;
    }
    
    .cart_faq #expand_space {
      display:none;
      width:100%;
      height:50px;
    }
    
   .cart_faq #faq_header {
      line-height: 180%; 
      float:left;
      font-size: 11px;
      color: grey;
      font-family: "Times New Roman";      
      clear:both;
    }

    .cart_faq #faq_header a{
      font-size: 10px;
      font-family: "Century Gothic", sans-serif;
      color: grey !important;
      letter-spacing: 1px;   
      text-transform: uppercase;
      border-bottom: solid 1px white;
    }
    
    .cart_faq #faq_header a:hover{
      border-bottom: solid 1px #ddd;
    }    

    .cart_faq #faq_header_link { 
      float:left;
    }
        .cart_faq #faq_header #faq_header_answer{      
          display:none;
          float:left;
          color: black;
        }


table.cart { margin-bottom:20px; width:840px; text-align: left;}
/* COLUMN SIZES */
/* EX
<table class="shop_table cart" cellspacing="0">
		<tr>
			<th class="product-remove"></th>
			<th class="product-thumbnail"></th>
			<th class="product-name"><span class="nobr">Product Name</span></th>
			<th class="product-price"><span class="nobr">Unit Price</span></th>
			<th class="product-quantity">Quantity</th>
			<th class="product-subtotal">Price</th>
		</tr>
</table>
*/
table.cart td.product-remove{width:10px;}
table.cart td.product-thumbnail{width:130px;}
table.cart td.product-name{width:auto;padding-top: 30px; text-align:left; }
table.cart td.product-price{width:60px;padding-top: 30px; }
table.cart td.product-quantity{width:110px;padding-top: 25px;}
table.cart td.product-subtotal{width:50px;padding-top: 30px; }

table.cart img { padding:0; width:125px; height:auto; }
table.cart td.actions { text-align: right; }
table.cart td.actions .coupon { float: left; }
table.cart td.actions .coupon label { display: none; }
table.cart dl.variation { overflow: hidden; zoom:1; }
.shop_table dl.variation dt, .shop_table dl.variation dd { float: left; margin-right:2px; }
.shop_table dl.variation dt { }
.shop_table dl.variation dd { margin-right:18px; font-style: italic; }

.variations, .variations th, .variations td { border: 0px !important;}

.cart-collaterals p{ margin: 0 0 0.5em; }

.cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width:410px;text-align:right }
.cart-collaterals .cross-sells { float: left; }
.cart-collaterals .cart_totals { float: right; }
.cart-collaterals .cart_totals h2 { margin:10px 10px; }
.cart-collaterals .cart_totals table{ width:300px; margin-right:0px;}

.cart-collaterals form.shipping_calculator { margin-top:10px; }
.cart-collaterals form.shipping_calculator h2 { margin:10px 0px; }
.cart-collaterals .shipping_calculator { float:right; clear: right;}

/*displays none on default for when you show toggle slide on js */
.cart-collaterals .shipping-calculator-form { 
  /* display:none; */
  width: 100%;
}

.shipping td {
  width: 224px;
}

.cart-collaterals .shipping-calculator-form button {
  float: right;
}
.cart-collaterals .shipping_calculator .form-row:first-child { width:100%; }
.cart-collaterals .shipping_calculator .col2-set { clear: left; overflow: visible; }
.cart-collaterals .shipping_calculator .col2-set .form-row:first-child { width:48%; }
.cart-collaterals .cart_totals table small { display: block; }
.cart-collaterals .cross-sells ul.products { margin:0; padding:0; }
.cart-collaterals .cross-sells ul.products li { width:48%; list-style: none; }
.cart_totals select { width:100%; }

section.shipping-calculator-form {
  float: right;
  width:70%;
}
section.shipping-calculator-form select#calc_shipping_country.country_to_state{
  display: inline-block;
  clear:both;
  float: right;
  width:200px;
  margin-right: 6px;
}
section.shipping-calculator-form span,
section.shipping-calculator-form select#calc_shipping_state{
  display: inline-block;
  clear:both;
  float: right;
  width:200px;
}
section.shipping-calculator-form input#calc_shipping_state.input-text{
  display: inline-block;
  clear:both;
  float: right;
  width:105px;
}
section.shipping-calculator-form input#calc_shipping_postcode.input-text{
  display: inline-block;
  clear:both;
  float: right;
  width:72px;
}



/* 7.7 Checkout */
/************************************************************************************
WOOCOMMERCE CHECKOUT AND CART STYLES
*************************************************************************************/

/* hide */
.clear {
	clear: both;
}

.checkout {
  text-align: left;
  font-size: 11px;
}

td.actions .coupon {
	float:left;
	white-space: nowrap;
}
td.actions .coupon label {
	display:none;
}
td.actions .coupon .input-text {
	width:80px;
	float:left;
	margin:0 6px 0 0;
}

.col2-set {
	width:100%;
}
.col2-set:after {
	content:"";
	display:block;
	clear:both;
}
.col2-set .col-1 {
	float:left;
	width:48%;
  margin-top: 25px;
}
.col2-set .col-2 {
	float:right;
	width:48%;
}

/* need this or it gets in the way */
.cart #content p#shiptobilling {
  text-align: right;
	margin:0 0 0 0;
}

/* need this or it gets in the way */
.cart p{
	margin:0 0 0.5em 0;
}

.form-row#billing_company_field{
	display:none;
}
.form-row {
	padding:3px;
	margin:0 0 6px;
}
.form-row:after {
	content:"";
	display:block;
	clear:both;
}
.form-row label {
	display:block;
  padding: 5px 0;
}
.form-row .checkbox {
	display: inline;
}
.form-row label.hidden {
	visibility:hidden;
}
.form-row select {
	cursor:pointer;
	margin:0;
        height:25px; 
        padding:1px; 
        position:relative; 
        width:inherit; 
        z-index:4;        

        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border-radius: 1px; 
        
        font-family: "Century Gothic", sans-serif;
        letter-spacing: 1px;
        font-size: 11px; 
        
        border: 1px solid #ddd; 
        float: left; 
        margin-bottom: 9px !important; 
        margin-top: 2px !important; 
        margin-right: 2px !important; 
        display: block;
        
        background: #fafafa;
          
}
#customer_details .form-row select {
        width: 203px;  
}
.form-row select#cardtype  {
        width: 200px;  
        padding-right:1px;
}

.form-row select#shipping_method  {
        height: 20px;
        letter-spacing: .5px;
        /* conflicting pre-sets */
        margin: -3px !important;
        margin-bottom: -4px !important; 
        margin-top: 0px !important; 
        margin-right: 0px !important; 
}

.form-row .required {
	color:#c00;
	font-weight:bold;
}
form .form-row input.input-text, #content .form-row input.input-text, form .form-row textarea, #content .form-row textarea {
	width:95%;
	outline:0;
        letter-spacing: 1px;
}

/* for aligning the checkout stage */
/*
form .form-row input.input-text#billing_last_name{width:89%}
form .form-row input.input-text#billing_address_2{width:89%}
form .form-row input.input-text#billing_postcode{width:89%}
form .form-row input.input-text#billing_phone{width:89%}
form .form-row input.input-text#billing_state{width:89%}
*/
/*.cart #content p#billing_country_field{margin-bottom:24px;}*/

/*
form .form-row input.input-text#shipping_last_name{width:89%}
form .form-row input.input-text#shipping_address_2{width:89%}
form .form-row input.input-text#shipping_postcode{width:89%}
form .form-row input.input-text#shipping_state{width:89%}
form .form-row input.input-text#order_comments{width:89%}
*/

form .form-row textarea, #content .form-row textarea {
	height: 5em;
	display:block;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.form-row-first, .form-row-last {
	float:left;
	width:47%;
	overflow:visible;
}
.form-row-last {
	float:right;
}
form.login {
  float: left;
  display: block;
	border:1px solid #ccc;
	padding:20px;
	border:1px solid #E7E7E7;
	margin:20px 0 20px 0px;
	text-align:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}


#order_review
{
  display: inline-block;
  clear:both;
  float: left;
  width:550px;
}


.shop_table {
  text-align: left;
}

/* payment options */

h3#order_review_heading
{
  float: left;
  padding: 3px;
}

#payment {
  float: left;
  text-align: right;
  width:550px;
	background:rgba(0, 0, 0, 0.025);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#payment .form-row{
  margin-top: 10px;
}

#payment ul.payment_methods {
	text-align:left;
	padding:1em;
	margin:0;
	list-style:none outside;
}
#payment ul.payment_methods:after {
	content:"";
	display:block;
	clear:both;
}
#payment ul.payment_methods li {
	line-height:2.4em;
	text-align:left;
	margin:0;
	font-weight:normal;
}
#payment ul.payment_methods li input {
	margin:0 1em 0 0;
}

#payment div.payment_box {
	position:relative;
	width:96%;
	padding:1em 2%;
	margin:1em 0 1em 0;
	font-size:11px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eeeeee));
	background:-webkit-linear-gradient(#f6f6f6, #eeeeee);
	background:-moz-linear-gradient(center top, #f6f6f6 0%, #eeeeee 100%);
	background:-moz-gradient(center top, #f6f6f6 0%, #eeeeee 100%);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

#payment .form-row{
	/* padding:1em; */
}

#payment .terms {
	padding:0 1em 0;
	text-align:right;
}

/* order details */

ul.order_details {
  list-style:none;
  margin: 20px auto;
  padding-left: 15%;
}
.order_details:after {
	content:"";
	display:block;
	clear:both;
}
.order_details li {
	float:left;
	margin-right:2em;
	text-transform:uppercase;
	font-size:11px;
	line-height:1em;
	border-right:1px dashed #ccc;
	padding-right:2em;
}
.order_details li strong {
	display:block;
	font-size:11px;
	text-transform:none;
	line-height:1.5em;
	color:#333;
}
.order_details li.method {
	border:none;
}
.addresses .title:after {
	content:"";
	display:block;
	clear:both;
}
.addresses .title h3 {
	float:left;
}
.addresses .title .edit {
	float:right;
}

table.order_details{
  margin: 0px auto;
}


.order_details, .customer_details{
  width: 75%;
}





/* THIS IS FOR THE DROP DOWN MENU IN CHECK OUT */
/* Chosen multiselect enhancement
----------------------------------*/
.chzn-container-single .chzn-single {
	height: 24px;
  	line-height: 25px;
}
.chzn-container-single .chzn-single div b {
	background: url('../images/chosen-sprite.png') no-repeat 0 0 !important;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px !important;
}
.chzn-container-single .chzn-search input {
	line-height: 13px;
	width: 100% !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.chzn-container .chzn-drop {
	width: 100% !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.chzn-container-multi .chzn-choices .search-field input {
	height: 21px !important;
}
.woocommerce_options_panel .chzn-container-multi {
	width: 50% !important;
	float: left;
}


select {
	height: 24px;
  	line-height: 25px;
}


.checkout_coupon .button{
  margin: 0 !important;
}

.checkout .col-1
{
  margin-top: 0px;
}
.checkout .col2-set
{
  padding-top: 0px !important;
}


#payment ul.payment_methods li img{
    margin: 0px 0 0 0.5em;
    float: right;
    max-height: 2em;
}

/* spinning icon */
.woocommerce .blockUI.blockOverlay{position:relative}.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before{height:1em;width:1em;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;content:"";-webkit-animation:spin 1s ease-in-out infinite;-moz-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url(../images/icons/loader.svg) center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}