/*
Theme Name: Social Commerce
Design Studio: Obox Design  http://www.oboxthemes.com
Version: 1.3.4
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 */

#wrapper {width: 811px; padding: 20px; border: 1px solid #ccc; margin: 30px auto; display: block; clear: both; overflow: hidden;}

html {overflow: hidden !important;}

body{margin: 0px; padding: 0px; color: #555;
		font-size: 13px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important; line-height: 1.6em;}

h1, h2, h3, h4, h5, h6{font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important;}

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

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

small {font-size: 11px;}
a{transition: all ease-in-out .3s;}
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 #BDC7D8; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 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 #cccccc; text-align: center; background-color: #f0f0f0; 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; background: #fff; border-bottom: 1px solid #ddd;}

#content-container{padding: 0px; margin: 0px auto 20px; background: #fff; border-bottom: 1px solid #ddd;}
.container {margin-bottom: 30px; position: relative; background: url(images/layout/container-bg.png) repeat-y;}

#slider-container {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}

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

#container2 {clear:left; float:left; width:100%; overflow:hidden; background:#fff; padding-bottom: 20px;}
#container1 {float:left; width:100%; position:relative; right:80%; background:#fff; border-right: 1px solid #ccc;}

#col1{float:left; width:17.5%; padding-right: 2.5%; position:relative; left:80%; overflow:hidden;}
#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 { clear: both; padding-bottom: 15px; margin-bottom: 15px;  border-bottom: 1px solid #CCC}
#crumbs li{ float: left; margin-right: 10px;}


.post-title{padding: 0px 0 15px; line-height: 16px; font-weight: bold; color: #1C2A47; font-size: 16px; border-bottom: 1px solid #CCC; margin-bottom: 20px;}

.section-title{font-size: 13px; font-weight: 600; color: #111;}
.section-title span{color: #999;}

.title-block{padding: 10px 2.040816%; margin: 0px; background: #e5e5e5; 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: 4px 10px; background-color: #5B74A8 ; border: 1px solid #29447e ; border-radius: 0px ; color: #fff ; font-weight: bold ; font-family: "lucida grande",tahoma,verdana,arial,sans-serif ; font-size: 11px ; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3)}
.button.alt, input[type="button"], input[type="submit"] {padding: 4px 10px; font-size: 11px; background: #5B74A8 ; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3); 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;}
	.logo h1{margin-bottom: 0px; font-size: 21px;}
	.logo img{display: block;}


	/*--------------------------*/
	/*- SEARCH -----------------*/
	#searchform {margin-top: 10px; position: relative;}
	#searchform label {display: none;}
	#searchform input[type="submit"] {padding: 4px 10px;}
	#searchsubmit {width: 16px; height: 17px; background: url(images/layout/icon-search.png) no-repeat !important; border: none !important; position: absolute; top: 3px; right: 3px; text-indent: -99999px; cursor: pointer;}
	#s {width: 78%; padding: 4px 20% 4px 2%; margin-bottom: 0px;}

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	#col1 .content {display: block; margin: 0px 0px 20px; font-weight: 300; font-size: 11px;}
	#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: 5px -15% 0px 0px;}
	#col1 .navigation ul .sub-menu{width: 100%;}
	#col1 .navigation .sub-menu {padding-left: 20px;}
	#col1 .content ul li{position: relative;}
	#col1 .content ul li a{padding: 3px 0px 3px 3px; font-weight: 300; font-size: 11px; color: #333; line-height: 13px; }
	#col1 .content ul li:last-child a{padding-right: 0px;}
	#col1 .content ul li a:hover{background: #eff2f7; text-decoration: none;}
	#col1 .content ul li ul.children{padding-left: 20px;}
	#col1 .content ul .current_page_item, .current-cat {background: #D8DFEA;}
	#col1 .content ul .current_page_item a, .current-cat a {font-weight: bold !important;}
	#col1 .content ul .current_page_item a:hover, .current-cat a:hover {background: #D8DFEA;}
	#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 #ccc; }
	.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;}
		.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;}
		.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 #ccc; 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: 13px;}
	ul.products li a:hover {text-decoration: none;}
	ul.products li a img {width: 96%; padding: 2%; margin-bottom: 5px; background: #fff !important; border: 1px solid #cccccc;}
	ul.products li a img:hover {border: 1px solid #3b5998;}
	/* 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 #ddd;}

	.post-content{position: relative;}
	.product-content{float: right; width: 52%; background: #F6F7F9; 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: #f0f0f0; 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;}