/*@import url("/storeimages/storestyle.css");*/

body
{
	margin:0;
	padding:0;
}

.main_body
{
	padding-top:45px;
	padding-bottom:20px;
	min-height:450px;
	height:auto !important;
	height:450px;	
}

.extrapadding
{
	padding:0 5%;
}
/* ******************************************************************** header area ***************************************************************** */


.header_menu_area
{
	width:100%;
	height:98px;
}



.header_menu_area_top_bg
{
	width:100%;
	height:64px;
	background-color:#1b1b1a;
		line-height:64px;

}


.affiliateheaderpicture
{
	width:40px;
	height:40px;
	border-radius: 50%;
	
}

.top_left_logo
{
	float:left;
}

.top_right_logo
{
	float:left;
	position:relative;
}



.menu_top_logo
{
	width:260px;
	height:187px;
	/*background-image:url("/website_images/ritzalifelogo.png");*/
	display:block;
	z-index:9999;
	position:absolute;
	top:30px;

}

.header_menu_area_bottom_bg

{
	width:100%;
	background-color:#fff;
min-height:20px;
height:auto !important;
height:20px;

}

.header_main_menu
{
	text-align:left;
	margin-left:260px;
	float:left;
min-height:20px;
height:auto !important;
height:20px;
}

.header_main_menu ul
{
	margin-top:0;
	padding-top:0;
	line-height:35px;
	text-align:left;
min-height:20px;
height:auto !important;
height:20px;
}

.header_main_menu ul li
{
	float:left;
	list-style:none;
	width:150px;
	text-align:center;
	text-transform:uppercase;
}

.header_banner
{
	width:100%;
	height:200px;
	display:block;
	z-index:10;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:center center;
  background-repeat:no-repeat;
	
}

.main_menu_dropdown_header {	
	padding-bottom:30px;
}
.main_menu_dropdown_header_inner_text{
	color:#6DB943;
}

.main_menu_dropdown_header_inner_text_account{
	color:#6DB943;
	font-style:italic;
}


#menushop, #discoverjic, #becomearep, #myaccount
{
display:none;

/* change added by eric */
position:relative;
min-height:425px;
z-index:999;
-webkit-box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.75);
}

#menushop_top:hover > a, #discoverjic_top:hover > a, #becomearep_top:hover > a, #myaccount_top:hover > a {
	color:#6DB943 !important;
	border-bottom:3px solid #6DB943;
	padding-bottom:3px;
}

#menushop_top > a:hover, #discoverjic_top:hover > a, #becomearep_top:hover > a, #myaccount_top:hover > a  {
	text-decoration:none;
}


#menushop_top:hover #menushop
{
	display:block;
	width:100%;
	
	/* change added by eric */
	position:absolute;
	left:0px;
	background-color:#fff;
	min-height:25px;
height:auto !important;
height:25px;
padding-bottom:20px;
}

#menushop_top #menushop #menushop_category_list {
	margin:0px auto;
	max-width:770px;
}

#menushop_top #menushop #menushop_category_list li {
	width:100%;
	text-align:left;
}

#discoverjic_top:hover #discoverjic
{
	display:block;
	width:100%;
	
	/* change added by eric */
	position:absolute;
	left:0px;
	background-color:#fff;
}

#becomearep_top:hover #becomearep
{
	display:block;
	width:100%;
	
	/* change added by eric */
	position:absolute;
	left:0px;
	background-color:#fff;
}

#myaccount_top:hover #myaccount
{
	display:block;
	width:100%;
	
	/* change added by eric */
	position:absolute;
	left:0px;
	background-color:#fff;
}

/* header search bar */
#header_search_button {
	position:relative;
	cursor:pointer;
}

/*#header_search_button:hover #header_search_container {
	display:block;
	height:30px;
	position:absolute;
}*/

#header_search_container {
	position:absolute;
	top:59px;
	background-color:#fff;
	right:-7px;
	display:none;
	padding-left:20px;
	padding-right:20px;
	border:1px solid #ccc;
	z-index: 10000;
}

#header_search_container input[type=image] {
	vertical-align:middle;
}

/*********** carousel styling ***********************/

#carousel_container {
	height:240px;
}
.bx-wrapper, .bx-viewport {
	height:220px !important;
}

.bx-wrapper .bx-prev {
	background-image: url("/website_images/top_car_left_arrow.png") !important;
	background-position: 0 0 !important;
	height:42px !important;
	width:27px !important;
	left:-40px !important;
}

.bx-wrapper .bx-next {
	background-image: url("/website_images/top_car_right_arrow.png") !important;
	background-position: 0 0 !important;
	height:42px !important;
	width:27px !important;
	right:-40px !important;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
	background-position: 0 0 !important;
}

.slide {
	width:170px !important;
}

.bx-viewport div { min-height: 1px; min-width: 1px; }



/********************* login styling *******************************/
#header_login_inner_content {
	background-image:url("/website_images/login_centergraphic_or.png");
	display:inline-block;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
}

#header_login_content div.left {
	width:50%;
	float:left;
}

#header_login_content div.right {
	width:50%;
	float:right;
}

#header_login_form_list, #header_create_account_list {
	margin:0px auto;
	width:50%;
	padding-left:0px;
}

 #header_create_account_list li {
	float:none !important;
	margin:0px auto;
	width:auto !important;
	line-height:normal;
	padding-bottom:35px;
 }

#header_login_form_list li {
	float:none !important;
	margin:0px auto;
	width:auto !important;
	line-height:40px;
}

#header_login_form_list li:last-of-type {
	padding-top:50px;
}

#header_login_form_list li:first-of-type, #header_create_account_list li:first-of-type {
	font-weight:bold;
	font-size:18px;
	line-height:normal;
}

#header_login_form_list li label {
	display:block;
	font-style:italic;
	color:#ccc;
	text-transform:none;
	text-align:left;
}

#header_login_form_list li input {
	float:left;
	border:none;
}

#header_login_form_list li input.header_login_input {
	width:100%;
	height:30px;
	background-color:#8cb9d8;
	padding:5px;
}



#header_login_form_list li .header_login_button, #header_create_account_list li .header_login_button {
	color:#6DB943;
	border:3px solid #6DB943;
	background-color:white;
	padding:5px;
	font-weight:bold;
}

#header_login_submit_button{
	text-transform:uppercase;
	width:100px;
	font-style:italic;
}

/* right login list */
 #header_create_account_list li .header_login_button {
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
 }


#header_forgot_password {
	font-style:italic;
	font-size:15px;
	text-transform:none;
}

#header_forgot_password #header_forgot_password_link {
	color:#6DB943;
}


/*********************************************************************** hamburger menu ***********************************************/

.menu-btn {
		cursor:pointer;
		display:block;
		width:100%;
		height:35px;
		border-bottom:1px solid #ccc;
		padding-top:10px;
}

.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}
 
.menu-btn span {
	display: block;
	width: 19px;
	height: 3px;
	margin: 4px 0;
	background: rgb(0,0,0);
	z-index: 99;
}

.responsive_menu{
	display: none;
	border-bottom:1px solid #ccc;
	padding-top: 5px;
	padding-bottom:5px;
}
 
.expand {
	display: block !important; 
}

.response_menu_list {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px !important;
	font-size:1.2em;
}

.response_menu_list a {
	text-decoration:none;
	color:#000;
	width:100%;
	height:100%;
	display:block;
}

/* if height is changed here in the css, the jquery function used to toggle the hamburgler menu must also be changed */
.responsive_parent_link {
	height:40px;
	line-height:40px;
	border:1px solid #ccc;
	padding:10px;
	/*border-radius:8px;*/
	/*background-color:#8cb9d8;*/
	/*margin-bottom:5px;*/
}




.responsive_child_category_list {
	display:none;
	margin-top:20px;
}

.responsive_child_category_list  li {
	list-style-type:none;
	height:45px;
	line-height:45px;
	padding:5px;
	padding-left:20px;
	/*border-radius:8px;*/
	/*margin-bottom:5px;*/
	/*background-color:#6DB943 !important;*/
}

.responsive_child_category_link {
	border:1px solid #000;
}

.responsive_menu_arrow.right {
	background-image:url('/catalog/view/theme/default/image/backoffice/right_arrow.jpg');
	background-repeat: no-repeat;
}

.responsive_menu_arrow.down {
	background-image:url('/catalog/view/theme/default/image/backoffice/down_arrow.jpg');
	background-repeat: no-repeat;
}

.responsive_menu_arrow {
	display:inline-block;
	height:40px; 
	width:140px;
	background-position:center;
	padding-right:10px;
	float:right;
}

. responsive_menu_search_bar {
	height:40px;
	line-height:40px;
	padding:10px;
	/*border:1px solid #000;*/	
	border:0px !important;
}

#responsive_menu_search_input {
	display:none;
	height:38px;
	width:100%;
	padding-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:10px;
}

#response_menu_search_placeholder {
	width:100%;
	display:block;
	text-align:center;
	height:40px;
	line-height:40px;
	background-color:#ccc;
	background-image: url(/website_images/responsive_menu_search_icon.png);
	background-position:center 40%;
	background-repeat:no-repeat;
	background-position:60% center;
	border-radius:10px;
	border-color:#EBEBEB;
	margin-top:10px;
	margin-bottom:10px;
}



/********************************************************************* Add to cart buttons *************************************************/

.quick_add_quantity_button {
	background-color:#8cb9d8;
	border:none;
	cursor:pointer;
	outline:0;
}
	

.quick_add_quantity_button:hover, .quick_add_submit_to_cart:hover {
	background-color:#6DB943;
	color:white;
}


.quick_add_submit_to_cart {
	height:40px;
	width:125px;
	background-color:black;
	color:white;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
	outline:0;
}


.quick_add_quantity_amount {
	padding:0px !important;
	margin:0px !important;
	text-align:center;
	border: 3px solid #8cb9d8;
}

.quick_add_failure {
	background-color:red;
}

.quick_add_quantity_button, .quick_add_quantity_amount {
	width:40px;
	height:40px;
}

 div.quick_add_to_cart_buttons ul {
	list-style-type:none;
	margin-left:0px !important;
	padding-left:0px !important;
}

 div.quick_add_to_cart_buttons ul li {
	float:left;
	padding-left:5px;
}

.quick_add_success {
	background-color:green;
}

/***************************************************************************** Back office Table Styling ****************************************/

table.list {
	border-spacing:0px;
}


table.list thead tr td {
	background-color:#6DB943;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	border:0px !important;
}

table.list tbody tr td {
	border-right:0px
}

table.list thead tr td a {
	color:#efefef;
}

/**************************************************************************** product stuff ***************************************************/

.price-old {
		text-decoration:line-through;
		color:#000;
		font-weight:bold;
		padding-left:10px;
	}


/********************************************************************** Rewards point display (diamond) ***************************************/
#reward_diamond {
	border-style: solid;
	border-color: transparent transparent black transparent;
	border-width: 0 10px 10px 10px;
	height: 0;
	width: 30px;
	position: relative;
	margin: 8px 0 20px 0;
	color:white;
	display:inline-block;
}

#reward_diamond:after {
	content: "";
	position: absolute;
	top: 10px;
	left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: black transparent transparent transparent;
	border-width: 25px 25px 0 25px;
}

#reward_amount_holder {
	position:absolute;
	top:5px;
	width:100%;
	text-align:center;
	z-index:999;
}

#reward_points_words {
	position:absolute;
	left:50px;
	color:black;
	font-style:italic;
	width:210px;
	top:5px;
	font-size:17px;
	font-weight:bold;
}

/********************************************************************* home page featured products **********************************************/

#featured_products_outside_container {
	padding-top:30px;
}

.featured_product {
	float:left;
	text-align:center;
	min-height:350px;
}

.featured_product a {
	text-decoration:none;
	cursor:pointer;
	display:block;
	width:100%;
	height:100%;
	color:black;
}

.featured_product_label {
	display:block;
	cursor:pointer		
}

.feature_product_price {
	display:block;
	padding-top:8px;
	
}

.featured_product_name {
	font-weight:bold;
	font-size:18px;
}


/* ******************************************************************** footer background ************************************************** */
.footer_bg
{
	min-height:366px;
	height:auto !important;
	height:366px;

}


/* ******************************************************************** footer social links ************************************************** */
.footer_social_links
{
	margin:-8px 0 0 0;
	padding:0;	
}

.footer_social_links li
{
	float:left;
	cursor:pointer;
	list-style:none;
}

.footer_social_links .facebook
{
	width:40px;
	height:51px;
	background: url('/website_images/footer_social.png') 0 0;
	display:block;
}

.footer_social_links .twitter
{
	width:39px;
	height:51px;
	background: url('/website_images/footer_social.png') -40px 0;
	display:block;
}

.footer_social_links .googleplus
{
	width:40px;
	height:51px;
	background: url('/website_images/footer_social.png') -79px 0;
	display:block;
}

.footer_social_links .instgram
{
	width:39px;
	height:51px;
	background: url('/website_images/footer_social.png') -119px 0;
	display:block;
}

.footer_social_links .pintrest
{
	width:40px;
	height:51px;
	background: url('/website_images/footer_social.png') -158px 0;
	display:block;
}

.footer_social_links .youtube
{
	width:39px;
	height:51px;
	background: url('/website_images/footer_social.png') -198px 0;
	display:block;
}

.footer_social_links .linkedin
{
	width:41px;
	height:47px;
	background: url('/website_images/footer_linkedin_icon.png');
	display:block;
	background-repeat:no-repeat;
	background-size:25px;
	background-position:center;
}

/* **********************************  product page *************************************** */
.product-info
{
	float:left;
}


#column-left
{
	float:left;
}

#carousel a:active,
#carousel a:link,
#carousel a:visited,
#carousel a:hover
{
	color:#000 !important;
}

#add_to_reorder_div, #quote_email_div {
	display:none;
	background:#fff;
	padding:10px;
	border-radius:10px;
	border:2px solid #72b272;		
}

.full-page-loader {
  position: relative;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 70px;
  height: 70px;
  left:50%;
  top:50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#full-page-loader-div {
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}