/*
Theme Name: Social Commerce
Design Studio: Obox Design  http://www.oboxthemes.com
Version: 1.3.6
Author: Obox Design
Author URI:  http://www.oboxthemes.com

*-----------------------------*
WARNING! DO NOT EDIT THIS FILE!
*-----------------------------*
To make updates to your theme, do not edit the styles in this file. Rather use
the custom.css file to add your style changes. By copying a style from this
file and pasting it in custom.css you will override the style in this file.
*/

@import url(reset.css);
@import url(clearfix.css);
@import url(ecommerce.css);

/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/* TEMP STUFF */

html {overflow: hidden !important;}

body{background-color: #FFF;margin: 0px;padding: 0px;color: #555;font-size: 13px;font-family: helvetica, arial, sans-serif;line-height: 1.6em;max-width: 810px;margin: auto;}

h1, h2, h3, h4, h5, h6{font-family: helvetica, arial, sans-serif;}

img{max-width: 100%; height: auto;}

p {font-size: 12px; margin-bottom: 16px;}

small {font-size: 11px;}
a{transition: all ease-in-out .2s;}
a:link {color: #3b5998; font-weight: bold;}
a:visited {color: #3B5998;}
a:hover {color: #3B5998; text-decoration: underline;}
a:active {color: #3B5998;}

textarea, input{/* padding: 4px; *//* margin: 0px; */ border: 1px solid #e5e5e5;border-radius: 1px;/* font-size: 11px; */color: #333;}

input[type=text]{width: 90%;}
textarea{width: 90%; max-width: 520px;}
input[type=text], input[type=password], textarea{margin-bottom: 10px; background: #fff; }

a{text-decoration: none;}
strong{font-weight: bold;}
em{font-style: italic;}

/*--- Layouts ---*/

.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

/*-------------------------------*/
/*- DEFAULT WORDPRESS STYLING ---*/

.wp-caption { border: 1px solid rgb(229, 229, 229); text-align: center; background-color: #f6f7f8; padding: 5px 0px 10px 5px; margin-bottom: 10px; max-width: 96%;}
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 98.5%;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.gallery-caption {margin-left: 0;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.sticky{}
.bypostauthor{}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#header-container{width: 100%; margin: 0px auto 20px; border-bottom: 1px solid #e5e5e5;}

#content-container{padding: 0px; margin: 0px auto 20px; border-bottom: 1px solid #e5e5e5;}
.container {margin-bottom: 30px; position: relative;}

#slider-container {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgb(229, 229, 229);}

#footer-container{margin: 0px auto; padding: 0px; background: #f6f7f8; overflow: hidden;}

#wrapper {width:100%; overflow: hidden; margin: 30px auto; display: block; clear: both; overflow: hidden;}
#container {float:left; width:100%; position:relative; right:80%; border-right: 1px solid rgb(229, 229, 229);}

#col1{float:left; width:17.5%; padding-right: 2.5%; position:relative; left:80%; overflow:hidden;font-size: 12px;}
#col2{float:left; width:77.5%; padding-left: 2.5%; position:relative; left:80%; overflow: hidden; }

/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

h5.date{margin-top: 15px; font-size: 11px; font-style: italic; color: #777;}
h5.date + h4{margin-top: 5px;}


#crumbs { display: block; clear: both; padding: 15px 0; margin-bottom: 15px; border-bottom: 1px solid rgb(229, 229, 229); }
#crumbs li{ float: left; margin-right: 10px;}

.product-header-meta{width: 100%; display: block; overflow: hidden; position: relative; border-bottom: 1px solid rgb(229, 229, 229); margin-bottom: 20px;}
.post-title{ padding: 0px 0 15px; line-height: 16px; font-weight: bold; color: #1C2A47; font-size: 16px; }
.product-share.fb_iframe_widget{display: block; position: absolute; top: 0px; right: 20px;}
.product_title{font-size: 14px; font-weight: bold; margin-bottom: 15px;}
.section-title{font-size: 13px; font-weight: 600; color: #111;}
.section-title span{color: #999;}

.title-block{padding: 10px 2.040816%; margin: 0px; background: #f6f7f8; overflow: hidden;}
.title-block .section-title{float: left; color: #000;}

a.action-link{font-weight: bold; color: #f33;}
a.action-link:hover{color: #404B58}

a.button, button.button, input.button, #review_form #submit, input[type="button"], input[type="submit"] {padding: 6px 10px;border: 1px solid rgba(0, 0, 0, 0.26);border-color: #4B659C #3c5488 #334c83;background: linear-gradient(#516EBD, #3C57A2);border-radius: 2px;color: #fff;font-weight: bold;font-size: 11px;text-shadow: rgb(53, 76, 140) 0px -1px 0px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 1px 1px rgba(0, 0, 0, .15);}
.button.alt, input[type="button"], input[type="submit"] {/* padding: 4px 10px; *//* border: 0; *//* border-radius: 1px; *//* font-size: 11px; *//* background-color: rgb(76, 105, 186); *//* transition: all ease-in-out .3s; */}
.button.alt:hover, input[type="button"]:hover, input[type="submit"]:hover{background: #355580;}
.woocommerce_message .button{float: right; margin-top: -3px; line-height: 14px;}
.button:hover{text-decoration: none;}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER / LEFT COLUMN --------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/

	.logo{display: block; margin-bottom: 20px;/* box-shadow: 0 0 1px red inset; */width: 100%;}
	.logo h1{margin-bottom: 0px; font-size: 21px;}
	.logo img{display: block;}


	/*--------------------------*/
	/*- SEARCH -----------------*/

	#searchform {position: relative;}
	#s{height: 34px; border-radius: 1px;padding: 2px 10px; margin-bottom: 0px;}
	#searchform label {display: none;}
	#searchform input[type="submit"] {height: 34px;width: 15px;}
	#searchsubmit {display: block;width: 16px; height: 17px; b;background: url(images/layout/icon-search.png) no-repeat !important;border: none !important; position: absolute;top: 12px; right: 0px; text-indent: -99999px; cursor: pointer;box-shadow: none;}


	/*--------------------------*/
	/*- CATEGORY MENU ----------*/

	#col1 .content {display: block; margin: 0px 0px 20px; font-weight: 300; font-size: 11px;}
	#col1 .widget {margin: 0 -12px 0 0;}	#col1 .content .widgettitle{margin: 0px; line-height: 12px; color: #999; font-size: 10px; font-weight: bold; text-transform: uppercase;}
	#col1 .navigation ul, ul.pagenav, ul.product-categories{display: block;margin: 0 -15% 0px 0px;}
	#col1 .navigation ul .sub-menu{width: 100%;}
	#col1 .navigation .sub-menu {padding-left: 20px;}
	#col1 .navigation ul li ul li a{ display: block;/* border-bottom: 2px solid #fff; *//* padding: 8px 0px 6px 5px; */ transition: all ease-in-out .3s}
	#col1 .navigation ul li{position: relative;}
	#col1 .navigation ul li.menu-item-has-children > a:after,
	#col1 .navigation ul li.page_item_has_children > a:after {content: '▶'; display: inline-block;margin-left: 6px;font-size: 10px;color: #D4D4D4;border-left: 1px solid rgb(243, 243, 243);line-height: 22px;padding: 0 11px;float: right;margin-top: -3px;}
	#col1 .navigation ul li:first-child a {border-top: 1px solid rgba(0,0,0,0.05);}
	#col1 .navigation ul li ul li:first-child a { border-top: 0; }
	#col1 .navigation ul li a{display: block;padding: 8px 0px 7px 7px;font-weight: 300;font-size: 13px;color: #4e5665; line-height: 18.75px;border-bottom: 1px solid #F3F3F3;box-shadow: -3px 0 0 rgba(0, 0, 0, 0) inset;}
	#col1 .navigation ul li:last-child a{padding-right: 0px;}
	#col1 .navigation ul li a:hover{background: rgba(246, 247, 248, 0.24); text-decoration: none;/* border-right: 4px solid #3B5998; */box-shadow: -4px 0 0 #3B5998 inset;}
	#col1 .navigation ul li ul{padding-left: 20px;}
	#col1 .navigation ul .current_page_item, .current-cat {background: #f6f7f8;}
	#col1 .navigation ul .current_page_item a, .current-cat a {font-weight: bold !important;}
	#col1 .navigation ul .current_page_item a:hover, .current-cat a:hover {background: #f6f7f8;}
	#col1 .copyright {width: 20%; font-size: 9px; line-height: 15px; position: absolute; bottom: 0px; left: 0px; text-align: center;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE STYLING -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-------------------------------------------*/
	/*- SLIDER ----------------------------------*/

	.oboxfb-slider{height: 306px; margin-bottom: 0px; overflow: hidden; position: relative; border: 1px solid rgb(229, 229, 229); }
	.oboxfb-slider.tall { height: 465px; }

		/*---------------------*/
		/*- SLIDER IMAGES -----*/

		.gallery-container{width: 9999px; position: relative; z-index: 1;left: 0px;}
		.gallery-container li{display: block; width: 100%; float: left;}
		.gallery-image img{display: block; border: 3px solid #fff;}

		/*---------------------*/
		/*- SLIDER BUTTONS ----*/

		.oboxfb-slider .next, .oboxfb-slider .previous{display: block; width: 40px; height: 40px; background: url(images/layout/sprite.png) no-repeat; position: absolute; top: 45%; z-index: 3; text-indent: -999px; overflow: hidden; transition: none; }
		.oboxfb-slider .previous{background-position: 0px -170px; left: 0px;}
		.oboxfb-slider .next{background-position: -41px -170px; right: 0px;}
		.oboxfb-slider .previous:hover{background-position: -82px -170px;}
		.oboxfb-slider .next:hover{background-position: -123px -170px;}

		/*---------------------*/
		/*- SLIDER DOTS -------*/

		.slider-dots{clear: both; width: 100%; height: 17px; margin: -37px auto 0px; position: absolute; bottom: 10px; z-index: 3; overflow: hidden; text-align: center;}
		.slider-dots .dot{display: inline-block; width: 16px; height: 17px; margin: 0px 2px; overflow: hidden; text-indent: -9999px; background: url(images/layout/sprite.png) -0px -42px no-repeat;  transition: none;}
		.slider-dots .dot:hover, .slider-dots .dot-selected{background-position: -28px -42px;}


	/*-------------------------------------------*/
	/*- INTRO TEXT ------------------------------*/

	.intro-text {padding: 0px 0px 20px; font-size: 13px; border-bottom: 1px solid rgb(229, 229, 229); margin: 0px 0px 20px;}
	.intro-text h3.widgettitle{margin-bottom: 10px;}
	#right-column h3.widgettitle {padding: 0px; line-height: 16px; font-weight: bold; color: #1C2A47; font-size: 16px; margin-bottom: 15px;}
	.post-list h3.widgettitle, .intro-text h3.widgettitle{margin: 0px; line-height: 12px;color: #999;font-size: 10px;font-weight: bold; text-transform: uppercase;}

	/*-------------------------------------------*/
	/*- PRODUCTS --------------------------------*/

	.blog-main-post-container .navigation{display: block; text-align: right; width: 100%; height: 20px;}
	.products li.product {float: left; width: 22%; margin-bottom: 20px; margin-right: 3.9%;  text-align: left; position: relative;}
	.products li.product:nth-child(4n) {margin-right: 0;}
	.products li.product h3:hover {text-decoration: underline;}

	.products {margin-top: 20px;}
	.product h3 {color: #3B5998; font-weight: bold;font-size: 14px;letter-spacing: -.5px;margin: 0 0 1px;}
	ul.products li a:hover {text-decoration: none;}
	ul.products li a img {padding: 2%; margin-bottom: 5px; background-color: #f6f7f8; border-radius: 1px; transition: all ease-in-out .3s;}
	ul.products li a img:hover {background-color: #3a5795; }
	/* ul.products a.button{display: none;} /*fixes "FREE" or "Read More" issue on out of stock products */
	.upsells h2, .related h2{font-weight: bold !important;}
	.upsells, .related{clear: both;}
	.upsells ul.products li.product, .related ul.products li.product{min-height: 200px !important;}

/*-------------------------------------------------------------------------------------------*/
/*- PAGES -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------*/
	/*- POSTS ------------*/

	.posts li{list-style: none;}
	.next-prev-post-nav li {float: left;}
	.next-prev-post-nav li:nth-child(2n){float: right;}

	/*----------------------------*/
	/*- SINGLE PRODUCT------------*/

	.product-left {float: left; width: 40%; position: relative;}
	.product-left .images a img {padding: 3px; border: 1px solid #e5e5e5;}

	.post-content{position: relative;}
	.product-content{float: right; width: 52%; background: #f6f7f8; padding: 2%; position: relative; border: 1px solid #D3DAE8;}
	.product-content .price{font-size: 16px; color: #333; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #d2d9e7; padding-bottom: 10px;}
	.product-content .product_meta{display: block; clear: both; padding-top: 5px ; border-top: 1px solid #d2d9e7; font-size: 11px ;}
	form.cart{margin-bottom: 15px;}

	.social-links{position: absolute !important; top: -53px; right: 0px;}
	.addthis a{float: right; width: 70px; margin-left: 10px; overflow: visible; text-align: right;}

	.thumbnails{margin-top: 15px;}
	.thumbnails a{margin-right: 12px;}
	.thumbnails img{width: 60px ; height: auto ;}


		/*----------------------------*/
		/*- REVIEWS ------------------*/

		#review_form h3{font-size: 15px; font-weight: bold; margin-bottom: 15px;}
		#review_form label{display: block; font-weight: bold;}

		.comment-form-rating label{display: none;}
		.comment-form-comment{margin: 0px;}

		.country_select .selector{display: none;}
		.star-rating{float: right; width: 80px; height: 16px; background: url(images/layout/star.png) repeat-x left 0;}
		.star-rating span{background: url(images/layout/star.png) repeat-x left -32px; height: 0; padding-top: 16px; overflow: hidden; float: left;}

		p.stars{overflow: hidden; zoom: 1;}
		p.stars span{width: 80px; height: 16px; position: relative; float: left; background: url(images/layout/star.png) repeat-x left 0;}
		p.stars span a.star-1{width: 16px; z-index: 10;}
		p.stars span a.star-2{width: 32px; z-index: 9;}
		p.stars span a.star-3{width: 48px; z-index: 8;}
		p.stars span a.star-4{width: 64px; z-index: 7;}
		p.stars span a.star-5{width: 80px; z-index: 6;}

		p.stars span a:hover, p.stars span a:focus {background: url(images/layout/star.png) repeat-x left -16px;}
		p.stars span a.active {background: url(images/layout/star.png) repeat-x left -32px;}
		p.stars span a {float: left; position: absolute; left: 0; top: 0; width: 16px; height: 0; padding-top: 16px; overflow: hidden;}

		#reviews #comments ol.commentlist li .comment-text {margin: 0 0 0 50px; padding: 11px 11px 0;}
		#reviews #comments ol.commentlist li .comment-text p.meta {font-size: 0.86em;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#comments{clear: both; margin-bottom: 20px;}
#comments .comments-title{padding: 0px; margin: 0px 0px 20px; font-size: 14px; line-height: 1.2em; font-weight: bold; color: #444;}
#comments:empty{display: none;}

.commentlist{margin-bottom: 30px;}

.comment{color: #595959; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 2px solid #e0e0e0; position: relative;}
.comment:last-child{border: none;}

.commentlist .avatar{float: left; max-width: 60px; margin-right: 15px;}

.comment-meta{overflow: hidden;}
.comment-meta p{margin-bottom: 26px;}
.comment-meta p:last-of-type{margin-bottom: 0;}
.comment .comment-name{display: block; padding: 0; margin: 0; color: #000; font-weight: bold;}
.comment .date{display: block; margin-bottom: 5px; color: #999; font-size: 10px; text-transform: uppercase;}
.comment .comment-edit-link{display: block; font-size: 10px; text-transform: uppercase;}
.comment .reply a{padding: 0 5px; background: #f0f0f0; color: #000; position: absolute; top: 0; right: 0; font-size: 10px; text-transform: uppercase;}
.comment .reply a:hover{background: #000; color: #fff;}
#cancel-comment-reply-link { padding: 0 5px; background: #f6f7f8; position: absolute; right: 0; font-size: 10px; text-transform: uppercase; }
.comment-form-comment label{display: block; padding-bottom: 10px;}

	/*-----------------------------*/
	/*- THREADED COMMENTS ---------*/
	.comment .children{margin: 30px 0 0 75px; position: relative;}
	.comment .children .comment{border-top: 2px solid #d3d3d3;}
	.comment .children .comment:last-child{margin-bottom: 0;}
	.comment .children .comment-author{width: 40px;}

	/*-----------------------------*/
	/*- COMMENT FORM --------------*/
	.nocomments{padding: 5px 10px; background: #790101; color: #fff; text-align: center;}
	#respond{margin: auto; position: relative;}
	#respond #reply-title{padding: 0px; margin: 0px 0px 20px; font-size: 14px; line-height: 1.2em; font-weight: bold; color: #444;}
	#respond .comment-notes, #respond .logged-in-as{margin-bottom: 20px; color: #999; font-size: 14px;}
	#respond .logged-in-as a{color: #999;}
	#respond .logged-in-as a:hover{color: #777;}

	#respond .required{color: #34495E;}
	#respond p{margin-bottom: 15px;}
	#respond .form-submit{margin: 0;}
	.form-allowed-tags{display: none;}