/* Enter Your Custom CSS Here */

/* HEADER AREA */

/* moves logo left to line up with rest of page and moves up slightly */
#logo {
    margin-left: 0;
  	margin-top: 25px;
}
/* moves tagline left to line up with rest of page and changes font size */
#tagline {
    font-size: 16px;
      margin-left: 5px;
}
/* hides cart icon and account icon */
#header_cart a:link, #account a:link, #header_cart a:visited, #account a:visited {
    display: none;
}
/* hides logout icon */
#account_logout {
	display: none;
}
/* changes font of main menu at top */
nav#main-nav {
    font-family: "Ubuntu Condensed",san-serif;
} 
/* changes font size of main menu at top */
nav#main-nav > ul > li > a {
    font-size: 16px !important;
}

/*LEFT-HAND MENU AREA & HOME PAGE AREA*/

/* font face = Open Sans */
body {
    font-family: 'Open Sans', sans-serif;
}
/*changes image size of slider */
#slides .slide img {
    height: 180px;
    width: 210px;
}
/* changes width of side-bar */
#sidebar-left {
    width: 220px;
}
/* changes a: link colour */
a {
    color: #000066;
    text-decoration: none;
}
/* changes sub-menu item to be indented by 20px and italic */
#menu-sidemenu .sub-menu {
  margin-left:20px;
  color:#707070;
}
/* Changes font-size of "products" heading in left-hand menu */
.widget-container h3.widget-title {
  font-size: 1.2em;
}
/* left-hand menu bg img */
.widget-container {
background:url(http://www.hancopackaging.co.za/wp-content/uploads/content-bg1.png) repeat-y scroll 0 0 #FFFFFF;  
}

/* HOME PAGE AREA */
/* hides "home" heading on home page */
#content_container h2.entry-title {
    display: none;
}

/* changes size of main area on rhs */
#container.sidebar-left #content {
    float: right;
    width: 700px;
}

/*PRODUCT CATEGORY LISTING AREA */

/* heading on main pages and product listing page */
h1 {
    font-size: 2em;
}
/* hides search count when choosing an item from menu */
.product_meta, .woocommerce-result-count { 
  display:none;
} 
/* margin under paragraphs */
.single_product_display .short-description p {
    margin-bottom: 5px;
}
/* hides 'display' drop down box in product listing page 
div.selector {
	display: none;
} */

/*hide category sort*/
.woocommerce-ordering { display:none; }

/* changes margins of product images so that first image on left lines up with heading and closes gap between rows */
.product_grid_item {
    margin: 0 20px 5px 3px;
}
/* adds border around product images in category listing */
.product_grid_item img.product_image, .product_grid_item img.no-image {
   border: 1px solid #CCCCCC;
}
/* displays no shadow on link for category listing */
.product_grid_item h2.prodtitle a {
    text-shadow: none;
}
/* changes font size of product title */
.product_grid_item .grid_product_info {
    font-size: 16px;
}
/* vertically aligns images for recyle and microwave info */
img.middle {vertical-align:middle;}

/* PRODUCT AREA */

/* main heading for product page */
#content_container h1.entry-title, .category #content_container h1.page-title {
    font-size: 30px;
}
/* moves image slightly more to the right */
#single_product_page_container .imagecol {
    width: 405px;
}
/* changes margins of gallery images to fit 4 on one row */
#single_product_page_container .wpcart_gallery a {
    margin: 4px 7px 4px 1px;
}
/* changes width of product information area */
#single_product_page_container .productcol {
    width: 500px;
}
/* changes product area margin to 10px to bring 'related' and 'you might like' section up closer */
.single_product_display .product {
    margin-bottom: 10px;
}

/* moves 'enquiry' button slightly left and up */
a.sc-button:link, a.sc-button:visited {
    margin: 0;
  }

/* gives hr line a bigger top margin to move lower down under 'enquiry' button */
hr.shortcode_line {
    margin: 60px 0 0 0;
}

/* RELATED AND YOU MIGHT LIKE PRODUCT AREA */

/* adds border around 'related' and 'you might like' products */
#single_product_page_container .related.products img, #single_product_page_container .upsell.products img {
    border: 1px solid #CCCCCC;
}
/* displays no shadow on link for 'related' and 'you might like' products */
#single_product_page_container .related.products h2.prodtitle a, #single_product_page_container .upsell.products h2.prodtitle a {
    text-shadow: none;
}
/* changes font size of 'related' and 'you might like' product titles */
#single_product_page_container .related.products h2.prodtitle, #single_product_page_container .upsell.products h2.prodtitle {
    font-size: 1em;
}
/* Changes font size of 'related' and 'you might like' headings */
#single_product_page_container .related.products h2.section-title, #single_product_page_container .upsell.products h2.section-title {
    font-size: 20px;
}
/* changes 'Related' and 'you might like' text bottom-margin to 10px to bring product picture up closer */
#single_product_page_container .related.products h2.section-title, #single_product_page_container .upsell.products h2.section-title {
    margin-bottom: 10px;
}
/* Changes margin under 'related' and 'you might like' section */
#content_container, .wpsc-shopping-cart.wpsc #content_container, .wpsc-transaction-details.wpsc #content_container {
    margin-bottom: 0;
}
/* Changes margin under 'related' and 'you might like' section and under left-hand menu to next section */
.wpsc #content_container, .page #content_container, .archive #content_container, .category #content_container, .author #content_container, .single-post #content_container, .search #content_container {
    margin-bottom: 10px;
}
/* changes right margin of 'related' and 'you might like' product images */

#single_product_page_container .related ul.products li, #single_product_page_container .upsell ul.products li {
    margin: 0 6px 20px 0;
}

/* CONTACT FORM */

/* changes email field in contact form to have rounded corners like rest of fields */
.wpcf7-form input[type="email"], .wpcf7-form textarea {
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    position: relative;
}
/* changes where error messages are displayed */
.wpcf7-form span.wpcf7-not-valid-tip {
    left: 285px;
    top: 5px;
}

/* changes submit button style to match site */
.wpcf7-form input[type="submit"] {
    background-color: #9C9684;
  background-image: none;
    border: 1px solid #F8F8F8;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #ffffff;
    outline: medium none;
    font-size: 1em;
    line-height: 1.2em;
    margin: 10px 5px;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
}

.wpcf7-form input[type="submit"]:hover {
  color: #ffffff;
  background-color: #3B3B3B;
}

/*FOOTER AREA */

/* new footer bg img for products in footer area */
.footer_featured ul li {
    height: 210px;
    background:url(http://www.hancopackaging.co.za/wp-content/uploads/footer_featured_bg2.png) repeat-x scroll center top #F0EFEF;
}
/*changes font in 'featured products' footer bar */
.footer_blog h3 {
    margin-top: -4px;
    }

/* changes | in footer menu bar 
#footer_nav ul.menu li a {
    display: inline;
    line-height: 1.2em;
    padding: 0 10px 0 10px;
    position: relative;
    top: 3px;
    vertical-align: middle;
}*/

/* removes | from footer copyright info */
#footer_nav p {
    border-left: none;
}

/* CONTACT INFO TABLE FORMATTING */
#contactinfo td, #contactinfo th 
{ border:1px solid #000066;
padding:3px 3px 3px 3px;
background-color:#fff; }
#contactinfo th 
{ font-size:14px;
text-align:left;
padding-top:4px;
padding-bottom:4px;
background-color:#000066;
color:#fff; }

/* RECYCLE INFO TABLE FORMATTING */
#recycleinfo td, #recycleinfo th 
{ border:1px solid #009933;
padding:3px 3px 3px 3px;
background-color:#fff; }
#recycleinfo th 
{ font-size:14px;
text-align:center;
padding-top:4px;
padding-bottom:4px;
background-color:#009933;
color:#fff; }
#recycleinfo tr.alt td 
{ color:#000;
background-color:#EAF2D3; }

/* BACK TO TOP SHORTCODE FORMATTIING */
.btt a:link, .btt a:visited {
    color: #000066;
    font-size: 12px;
}

/* Not sure what this does ?? */
.sc-grid {
    margin-bottom: 5px;
}

/*foil table formatting */
#foilinfo td, #foilinfo th 
{ border:1px solid #B4C9C8;
padding:3px 3px 3px 3px;
text-align:center;
background-color:#fff; }
#foilinfo th 
{ font-size:14px;
padding-top:4px;
padding-bottom:4px;
background-color:#000066;
color:#fff; }
#foilinfo tr.alt td 
{ color:#000;
background-color:#EAF2D3; }

/*Recyle formatting */
.recycle {color:#009933;}
h1.recycle {font-size:16px; font-weight:bold;color:#009933 !important;}
h2.recycle {font-size:14px; font-weight:bold;color:#009933 !important;}
a.recycle {color:#009933;}
a.recycle:hover {color:#666666;}

/*Microwave formatting */
a.micro {color:#000000;}