/* CSS File ALL STORE FILES */

.sspro_2017_content_container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.sspro_2017_content_container > div {
	width: 276px;
	padding: 8px;
	margin-bottom: 7px;
}

.sspro_2017_content_container > div:first-child {
	margin-right: 25px;
}

#left_navigation {
	width: 275px;
	height: 100%;
	background-color: #1F1F1F;
	margin-top: 6px;
}

#sspro_order_summary {
	background-color: #EEE;
	border-left: 1px solid #ccc;
}

#filters_button {
	display: none;
}

@media (min-width: 480px) {
#left_navigation {}	
}


@media (max-width: 768px) {
#left_navigation {display: none;}
.sspro_2017_content_container > div {width: 0px; padding: 0px; margin: 0px; }
.sspro_2017_content_container > div:first-child {
	margin-left: -20px;
}
#filters_button {
	display: inline;
}
}	

 /* LEFT NAV FORMATTING */
 
 
.SSPro_PanelBorder {
 /* this can be used additional menu styling... */
 padding: 15px;
}

.SSPro_Filter_Box_Title {
	color: #eeeeee;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}

 #SSPRo_applied_filters {
	padding: 5px;
	font-size: 12px;
	color: #A4A4A4;
 }
 
 .SSPro_LeftMenu_Lists {
	font-size: 14px;
	color: #999;
	list-style-type: none;
	padding: 5px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 10px;	 
 }
 
.SSPro_Filter_Labels { /* filters the left navigation drill-down labels */
	font-size: 14px;
	font-weight: bold;
	color: #eeeeee;
	margin-left: 10px;
	margin-top: 10px;	
}

.SSPro_Store_MENU_FeaturedItemsTitle{
	
	font-size: 14px;
	font-weight: bold;
	color: #eeeeee;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 10px;
	margin-top: 15px;
}


/* below formats the default quick cart display */

.sspro_quickcart_display {
	position:relative;
	background-color: #fff;
	font-size: 13px;
	font-weight: bold;
	color: #039;
	text-align: center;
	word-spacing: normal;
	border: 1px solid #CCC;
	vertical-align: middle;

}	


.SSPro_Store_QuickCartText {
	
	color: #333333;
}

.sspro_quick_cart_totals {
	padding-top: 4px;
	display: inline-block;
}

/* sliding cart display - text and background colors are set in admin area under the quick cart settings */

#sspro_slider_content {
	font-weight: normal;
    text-align: left;
	font-size: 14px;
	max-width: 198px;
	min-width: 198px;
	min-height: 150px;
	padding: 5px;
	position:relative;
	border-radius: 0 0 4px 4px ;
	
}
.sspro_slideitem {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
.sspro_slidetotal{
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.sspro_sliderbuttons{
	margin: 5px;
	clear: both;
}

.sspro_sliderbuttons a:link {
	color: #3C7BC5;
	font-weight:bold;
 text-decoration: none;
}
.sspro_sliderbuttons a:visited {
	color: #3C7BC5;
	font-weight:bold;
 text-decoration: none;
}
.sspro_sliderbuttons a:hover{
	color: #3A7B96;
	font-weight:bold;
 text-decoration: none;
}
.sspro_quick_viewcart_button {
	font-size: 14px;
	background-color: #006699;
	padding: 5px;
	margin: 5px;
	display: block;
	border-radius: 4px 4px 4px 4px ;
}

.sspro_quick_checkout_button {
	font-size: 14px;
	background-color: #33CCFF;
	padding: 5px;
	margin: 5px;
	display: block;
	border-radius: 4px 4px 4px 4px ;
}


/* Default Keyword Search Bar */
.sspro_quick_search_bar {

}
sspro_search_bar_label
{
}

.SSPro_Search_Bar_Keyword_Field {
	float: left;
	background-color: #09C;
	border: 1px solid #FFF;
	height: 45px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	opacity: 0.8;
}


.SSPro_Search_Bar_Keyword_Field:focus {
	
	background-color: #09C;
	border: 1px solid #000;
	height: 45px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	opacity: 0.99;
}



.SSPro_SearchBar_Search_Button {
	float: right;
	width: 40px;
	height: 44px;

}


/* bootstrap button override CSS */
.btn {
    padding: 14px 24px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
	border-radius:0;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
    background: #9bcd41;
    color: #ffffff;
	border-radius:0;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #000d42;
}
 
.btn-primary:active, .btn-primary.active {
    background: #9bcd41;
    box-shadow: none;
}



/* CSS BUTTON FORMATTING
All buttons listed below must be turned on in the admin to use css. Otherwise, the image-based button will appear for the specific function */

.sspro_cms_contact_form_button { /*contact form button*/
}
.sspro_cms_testimonials_form_button{ /*testimonial form button*/	
}

	
/*SEARCH FORM AND RESULTS > /store/store_results.php */

.sspro_search_go_button{ /*search "go" button on top search bar*/
}
.sspro_show_all_button{ /*show all buton on bottom of search resuls*/	
}
.sspro_show_previous_button{ 
/*previous button on search results*/
  font: bold;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  display: inline;	
}
.sspro_show_next_button{ /*next button on search results*/	
  font: bold;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  display: inline;
}

/*ITEM VIEW PAGE > /store/item_view.php */

.sspro_return_to_search_results{ /*return to previously viewed search results*/	
}
.sspro_add_to_cart_button{ /*ADD TO CART BUTTON*/	
}
.sspro_add_to_wishlist_button{ /*add to wish list button*/	
}
.sspro_products_review_form_submit_button{ /*product review submission button*/	
}
.sspro_products_tell_a_friend_submit_button{ /*tell-a-friend submission button*/
}
.sspro_cross_selling_view_details_button{ /*cross selling item view details button*/	
}
.sspro_no_thanks_recommend_items_button{ /*no thanks continue to cart button*/	
}

/*SHOPPING CART DISPLAY PAGE  > /store/shopping_cart.php */

.sspro_update_shopping_cart_button{ /*update shopping cart contents button*/	
}
.sspro_empty_shopping_cart_button{ /*empty my shopipng cart button*/	
}
.sspro_continue_shopping_cart_button{ /*continue shoping button*/	
}
.sspro_checkoutnow_shopping_cart_button{ /*checkout now button*/	
}

/*CHECKOUT START PAGE  > /checkout/checkout_start.php */

.sspro_checkout_start_submit_button{ /*start the checkout process as new or returning customer*/	
}
.sspro_checkout_start_resubmit_button{ /*resubmit email / paswword for returning customer ... uses bootstrap danger class*/	
}
.sspro_guest_checkout_button{ /*go to quest checkout .. uses bootstrap info class*/	
}

/*CUSTOMER REGISTRATION > /myaccount/customer_manager.php */

.sspro_customer_registerform_button{ /*register button for new customers when not purchasing products*/	
}
.sspro_customer_editprofile_button{ /*update profile button when editing profile*/	
}
.sspro_customer_returninguser_button{ /*continue with checkout process when updating info*/	
}
.sspro_customer_checkout_button{ /*register button when in checkout-mode*/	
}
.sspro_customer_resubmit_form_buttom{ /*resubmit registration form due to errors.. uses bootstrap danger class*/	
}

/*CHECKOUT ORDER REVIEW /checkout/order_review.php */

.sspro_alternate_shipping_address_save{ /*save alternate address to order.. uses bootstrap danger class*/	
}
.sspro_submit_order_button{ /*submit order for processing*/	
}
.sspro_resubmit_order_button{ /*resubmit order after order error. uses bootstrap danger class*/	
}
.sspro_goto_external_billing_button{ /*proceed to external billing provider such as Paypal or Amazon*/	
}
.sspro_confirm_express_payment_button{ /*confirm paypal express payment button*/	
}

/*ACCOUNT LOGIN PAGE > /myaccount/login.php */
.sspro_account_login_button{ /*account login button*/	
}

.sspro_register_buttons { /* these are links made to look like buttons */
	
  font: bold;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  margin-left:auto;
  margin-right: auto;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  width: 250px;
  text-align: center;
  
}

/*RESET PASSWORD FEATURE > /myaccount/verify.php */
.sspro_submit_email_for_reset_button{ /*submit reset request button*/	
}
.sspro_resubmit_email_for_reset_button{ /*resubmit reset request after email or captcha error. uses bootstrap danger class*/	
}
.sspro_submit_new_password_button{ /*submit new password*/	
}
.sspro_resubmit_new_password_button{ /*resubmit new password if they didn't match.. uses bootstrap danger class*/	
}

/*MY ACCOUNT AREA > /myccount/default.php */

.sspro_edit_profile_button{ /* these are links made to look like buttons */
  font: bold;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  display: inline;
		
}
.sspro_loggoff_button{  /* these are links made to look like buttons */
  font: bold;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  display: inline;
	
}
.sspro_download_now_button{ /* these are links made to look like buttons */
  font: bold;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  display: inline;
	
}
.sspro_view_now_button{/* these are links made to look like buttons */
 font: bold;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  display: inline;
	
}
.sspro_join_rewards_button{ /* these are links made to look like buttons */
  font: bold;
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 10px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  display: inline;
	
}

/*AFFILIATE PROGRAM SIGNUP > /myccount/affiliates_signup.php */
.sspro_rewards_signup_button{ /*confirm affiliate program sign-up button*/
}

/*END CSS BUTTON FORMATTING*/

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
}


/*menu specific link styles // added in version 2.1202 PHP version */

a.sspromenu:link {
	font-size: 14px;
	color: #ccc;
	text-decoration: none;
}
a.sspromenu:visited {
	font-size: 14px;
	color: #ccc;
	text-decoration: none;
}
a.sspromenu:hover  {
	font-size: 14px;
	color: #F8F8F8;
	text-decoration: none;
}
 /* end new css class for menu links */
 
/*logon/logoff specific link styles // added in version 2.1202 PHP version */
 
 /* end new css class for menu links */
 

/*! responsive reCAPTCHA by jaicab - https://github.com/jaicab/responsive-reCAPTCHA */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#responsive_recaptcha {
	background-color: #999999;
	padding: 0.5em;
	border-radius: 1em;
	position: relative;
	overflow: auto;
	max-width: 350px;
	color: #ffffff;
}
#responsive_recaptcha a {
  color: #ffffff;
  text-decoration: none;
}
#responsive_recaptcha img,
#responsive_recaptcha #recaptcha_image {
  width: 100% !important;
  height: auto !important;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#responsive_recaptcha .solution {
	margin-top: 0.5em;
	padding: 0.5em;
	padding-top: 1em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	background-color: #6699CC;
	text-align: center;
}

#responsive_recaptcha .solution input {
	/* ADD INFO HERE TO OVERRIDE SITE WIDE SETTINGS MAIN_STYLE_SHEET_RESPONSIVE */
	
}
#responsive_recaptcha .solution input:focus {
	
	/* ADD INFO HERE TO OVERRIDE SITE WIDE SETTINGS MAIN_STYLE_SHEET_RESPONSIVE */
}
#responsive_recaptcha .options {
  margin-top: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#responsive_recaptcha .options a {
	background-color: #666666;
	display: block;
	padding: 0.5em;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-weight: bold;
}
#responsive_recaptcha .options a:first-child {
  border-radius: 0.5em 0.5em 0 0;
}
#responsive_recaptcha .options a:last-child {
  border-radius: 0 0 0.5em 0.5em;
  border-bottom: 1px solid #000000;
}
@media screen and (min-width: 600px) {
  #responsive_recaptcha .solution {
    float: left;
    width: 66%;
    margin-top: 0.5em;
    padding: 1em;
  }
  #responsive_recaptcha .solution input {
    margin: 0.35em auto;
  }
  #responsive_recaptcha .options {
    float: right;
    width: 34%;
    padding-left: 0.5em;
  }
}

