/*
FONTS
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

#bsaHeadContainer {
	font-family: 'Open Sans', sans-serif;
}

/*
Colors
*/
.bsaHeadTitle {
	color: 	#444444;
}

.bsaBgColor {
	background-color: #f5f5f5;
}

.bsaHeadContainer a {
	color: inherit;
}

.bsaHeadContainer a:hover,
.bsaHeadContainer a:focus {
	color: inherit;
}

/* form */
.bsaBgFormInner {
	background-color: #ffffff;
	color: 	#444444;
}

.bsaBgInput {
	background-color: #f5f5f5;
	color: 	#444444;
}

.bsaDiscount {
	color: #df5050;
}

.bsaSubmit,
.bsaSubmit:hover,
.bsaSubmit:active {
	color: #ffffff;
}

.bsaSubmit span {
	background-color: #65cc84;
	border-color:  #3cbb62;
}

/* item */
.bsaBgItems {
	background-color: #ffffff;
	color: #444444;
}

.bsaInnerUrl {
	color: #808080;
}

.bsaItemStats {
	background-color: #ffeeb2;
}

/* allerts */
.bsaAlert,
.bsaAlert > a,
.bsaAlert > a:hover,
.bsaAlert > a:focus {
	color: #ffffff;
}

.bsaAlertSuccess {
	background-color: #65cc84;
}

.bsaAlertFailed {
	background-color: #df5050;
}

/* paypal */
#bsaPayPalRedirect {
	color: 	#444444;
}


/*
HEAD STYLES
*/

.clearfix {
	clear: both;
}

#bsaHeadContainer {
	display: block;
	width: 100%;
	border-radius: 4px;
	clear:both;
	overflow: hidden;
	margin-bottom: 25px;
}

#bsaHeadContainer .bsaItems {
	float: left;
	margin: 0;
	padding: 15px 0 0;
	width: 100%;
}

/*#bsaHeadContainer:hover .bsaItem {*/
	/*opacity: 0.5;*/
	/*transition: all 0.5s;*/
	/*-webkit-transition: all 0.5s;*/
/*}*/

#bsaHeadContainer .bsaHeaderInner {
	float: left;
	width: 95%;
	padding: 15px 2.5%;
}

#bsaHeadContainer .bsaHeadTitle {
	float: left;
	width: 60%;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

#bsaHeadContainer .bsaShowButton {
	float: right;
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

#bsaHeadContainer .bsaShowButton > span {
	float: right;
	font-size: 12px;
	line-height: 24px;
	padding-right: 30px;
	text-align: right;
	width: 150px;
}

#bsaHeadContainer .bsaGreenButton {
	background: url('../img/sign-add.png');
	background-size: cover;
}

#bsaHeadContainer .bsaRedButton {
	background: url('../img/sign-error.png');
	background-size: cover;
}


/*
ITEMS STYLES
*/

#bsaHeadContainer .bsaItem {
	float: left;
	margin: 0;
}

/*#bsaHeadContainer .bsaItem:hover {*/
	/*opacity: 1;*/
	/*float: left;*/
	/*margin: 0;*/
/*}*/

#bsaHeadContainer.bsa-col-1 .bsaItem {
	width: 92%;
	padding: 4%;
}

#bsaHeadContainer.bsa-col-2 .bsaItem {
	width: 46%;
	padding: 2%;
}

#bsaHeadContainer.bsa-col-3 .bsaItem {
	width: 29.334%;
	padding: 2%;
}

#bsaHeadContainer.bsa-col-4 .bsaItem {
	width: 21%;
	padding: 2%;
}

#bsaHeadContainer .bsaInnerThumb {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
	border: 0 none;
	border-radius: 3px;
	box-shadow: none;
}

#bsaHeadContainer .bsaInnerDesc {
	float: right;
	width: 75%;
	margin: 0 0 0 5%;
	padding: 0;
}

#bsaHeadContainer .bsaInnerTitle {
	font-size: 16px;
	margin: 0;
}

#bsaHeadContainer .bsaInnerTitle a {
	text-decoration: none;
	font-size: 15px;
}

#bsaHeadContainer h3.bsaInnerTitle {
	line-height: 16px;
}

#bsaHeadContainer h3.bsaInnerTitle span {
	display: inline-block;
	font-weight: normal;
	margin-bottom: 5px;
}

#bsaHeadContainer .bsaInnerUrl {
	display: block;
	font-size: 11px;
	line-height: 11px;
	margin: 5px 0 10px;
}

#bsaHeadContainer .bsaInnerDescription {
	float: left;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#bsaHeadContainer .bsaBtnGroup {
	float: left;
	text-align: center;
	width: 100%;
}

#bsaHeadContainer .bsaBuyButton.bsaBuyerEmail {
	display: block;
	margin: 10px 0;
	cursor: pointer;
	padding: 7px 10px;
	border-radius: 3px;
	line-height: 14px;
}

#bsaHeadContainer .bsaBuyButton.bsaBuyerEmail.bsaClicked {
	cursor: default;
}


/*
FORM STYLES
*/

#bsaHeadContainer .bsaItemForm {
	float: left;
	margin: 0;
}

#bsaHeadContainer .bsaWidgetForm.bsaItemForm {
	float: left;
	margin: 0 2.5% 2.5%;
}

#bsaHeadContainer .bsaPluginForm {
	width: 90% !important;
	margin: 0 2.5% 2.5% 2.5% !important;
	padding: 2.5% !important;
}

#bsaHeadContainer .bsaInputs {
	width: 45%;
}

#bsaHeadContainer .bsaWidgetForm .bsaInputs {
	padding: 10px 2.5% 2.5%;
	width: 95%;
}

.bsaInputsLeft {
	float: left;
}

.bsaInputsLeft .bsaInput label {
	float: left;
	width: 100%;
	margin: 10px 0 5px 0;
	font-size: 12px;
}

.bsaInputsLeft .bsaInput input {
	float: left;
	border-radius: 3px;
	border: 0 none;
	font-size: 12px;
	padding: 7px;
	width: 90%;
}

.bsaInputsRight {
	float: right;
}

.bsaInputsRight .bsaInputGroup {
	border-radius: 3px;
	float: left;
	margin: 1.5%;
	padding: 1.5% 1.5% 2.5%;
	text-align: center;
	width: 27%;
}

.bsaInputsRight .bsaInputGroup input,
.bsaInputsRight .bsaInputGroup label {
	cursor: pointer;
}

.bsaInputsRight .bsaInputGroup label {
	display: block;
	clear: both;
}

.bsaExpiration {
	font-size: 12px;
}

.bsaPrice {
	display: block;
	font-size: 16px;
	line-height: 16px;
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
}

.bsaDiscount {
	font-size: 12px;
}

.bsaSubmit,
.bsaSubmit:hover,
.bsaSubmit:active {
	float: right;
	background: none;
	border: 0;
	box-shadow: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}

.bsaSubmit span {
	display: block;
	padding: 7px 10px;
	border-radius: 3px;
	border-bottom-width: 2px;
	border-style: solid;
}


/*
ALERTS
*/

.bsaAlert {
	border-radius: 3px;
	float: left;
	margin: 0 2.5% 15px;
	padding: 5px 10px;
}

.bsaAlert strong,
.bsaAlert p {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
}

.bsaAlert > p {
	margin: 0 !important;
}

.bsaAlert > a,
.bsaAlert > a:hover,
.bsaAlert > a:focus {
	font-size: 12px;
	text-decoration: none;
}


/*
OTHER
*/

#bsa-PayPal-payment .paypalSection,
#bsa-PayPal-payment .imgSubmit {
	float: left;
}

#bsa-PayPal-payment .paypalSection{
	width: 150px;
	margin-top: -15px;
	padding: 15px;
}

#bsaPayPalRedirect {
	float: left;
	margin-left: 10px;
	line-height: 30px;
	font-size: 12px;
}


/*
RESPONSIVE STYLES
*/

@media (min-width: 768px) and (max-width: 940px) {

	#bsaHeadContainer.bsa-col-1 .bsaItem,
	#bsaHeadContainer.bsa-col-2 .bsaItem {
		width: 95%;
		margin: 0;
		padding: 2.5%;
	}

	#bsaHeadContainer.bsa-col-3 .bsaItem {
		clear: none !important;
	}

	#bsaHeadContainer.bsa-col-3 .bsaItem,
	#bsaHeadContainer.bsa-col-4 .bsaItem {
		width: 46%;
		padding: 2%;
	}

	#bsaHeadContainer .bsaInputs {
		width: 100%;
	}

	#bsaHeadContainer .bsaInputsRight {
		margin-top: 20px;
	}

	#bsaHeadContainer .bsaInputsLeft {
		float: left;
	}
}


@media (max-width: 768px) {

	#bsaHeadContainer.bsa-col-1 .bsaItem,
	#bsaHeadContainer.bsa-col-2 .bsaItem,
	#bsaHeadContainer.bsa-col-3 .bsaItem,
	#bsaHeadContainer.bsa-col-4 .bsaItem {
		width: 95%;
		margin: 0;
		padding: 2.5%;
	}

	#bsaHeadContainer .bsaInputs {
		width: 100%;
	}

	#bsaHeadContainer .bsaInputsRight {
		margin-top: 20px;
	}

	#bsaHeadContainer .bsaInputsLeft {
		float: left;
	}
}