@charset "utf-8";

#heading {position:absolute; left:0%; top:0%; margin: 0px; padding: 0px; z-index:10000; border: 0px; border-bottom: none; border-top: none; height:98px; width:100%; background-image: url('../images/template/template-top.jpg');}

#logo{margin-right: auto; margin-left: auto; margin-top: 45px; max-width: 1000px; height: 67px;}

#bar {margin-top: 90px; position:absolute; left:0%; z-index:10001; padding: 0px; border: 0px; border-bottom: none; height:39px; width:100%; background-image: url('../images/template/template-top02.jpg');}


#inner_bar {margin-top: 0; z-index:10002; margin-bottom: 0; margin: 0 auto !important; height:33px; max-width:1000px; background-image: url('../images/template/template-top02.jpg');}
#inner_bar_div01{float: left; margin-top: 3px; height: 30px;}
#inner_bar_div02{float: none; max-width: 100%; height: 30px;}



#searching {margin-top: 129px; position:absolute; z-index:300; left:0%; padding: 0px; border: 0px; border-bottom: none; height:50px; width:100%; background-image: url('../images/template/template-top03.jpg');}

#inner_searching{max-width:1000px; left:0%; top:0%; margin: auto; border: 0px;}
#inner_searching_wrap{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; max-width: 100%; height: 37px;}

#inner_searching_input{float: right; padding-top:5px; overflow:hidden;}
#inner_searching_button{float: right; padding-top:5px; overflow:hidden;}

#directory_bar{height:50px; width:1000px; z-index:10003; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;}


#buffer{ background-colour: #FFFFFF; height:182px; width:100%;}
#buffer02{float: left; height:180px; width:100%;}
#buffer03{float: left; height:200px; width:590px;}
#buffer04{float: left; height:100px; width:550px;}
#buffer05{float: left; height:50px; width:550px;}
#buffer06{float: left; height:25px; width:550px;}

#directory{background-colour: #FFFFFF; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height:30px; width:1000px;}


#responsive_img{max-width:812px; height:auto; border: 0;}

/* remove rounded corners for input buttons on iphone */
input {
    -webkit-appearance: none;
	-webkit-border-radius:0px;
}

/*remove margins padding and bullet points for ul class */
ul.left_side_format{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


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


/*don't display hamburger button*/
.openbtn { display: none; }

/*don't display close cross button*/
.closebtn { display: none; }







/* class for td for product pages  */

	#product_table{width: 600px;}
	#product_table td.product_image {width: 127px; }
	
	#product_table td.product_description {width: 268px; }
	
	#product_table td.product_description_shade {width: 214px; }
	
	#product_table td.product_shade {width: 54px;}
	
	#product_table td.product_price {width: 65px; }
	
	#product_table td.product_quantity {width: 40px; }
	
	#product_table td.product_addcart {width: 100px; }






/* class for td for shopping cart  */

	#cart_product_table{width: 600px;}
	#cart_product_table td.cart_product_image {width: 83px;}
	
	#cart_product_table td.cart_product_description {width: 262px;}
	
	#cart_product_table td.cart_product_price {width: 95px;}
	
	#cart_product_table td.cart_product_quantity {width: 50px;}
	
	#cart_product_table td.cart_product_subtotal {width: 80px;}

	#cart_product_table td.cart_product_remove {width: 30px;}

	.remove_item{display: none;}





	

	
	


ul.left_menu {
    list-style-type: none;
	padding: 0;
	margin-top: -10px;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}
	
ul.left_menu li.cateogory {
	list-style-type: none;
	padding-left: 1px;
	margin-left: 8px;
	margin-top: 0px;
    float: left;
	width: 180px;
	height: 26px;
    
  
}

table.collapse{ 
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}



}




#index_wrapper02 {float: left; width: 100%; max-width: 600px; height: auto;}
#index_div_with_bg02{float: left; margin-top: 20px; width: 290px; height: auto; border: 0.5px solid #c5c5c5;}
#index_div_with_bg02_inner{margin-right: auto; }
#index_div_with_bg03{float: left; margin-top: 20px; margin-left: 11px; width: 290px; height: auto; border: 0.6px solid #c5c5c5;}
#index_div_with_bg03_inner{margin-right: auto; }
#index_div_block_space01{float: left; width: 11px;}
#index_div_block_space02{float: left; width: 600px; height: 200px;}
#index_div_block_space03{float: left; width: 600px; height: 20px;}
#index_div_block_space04{float: left; width: 600px; height: 100px;}

#index_wrapper{float: left; width: 100%; max-width: 600px; height: auto; border: 0.6px solid #c5c5c5;}
#index_container01{float: left; margin-left: 15px; margin-top: 6px; margin-bottom: 6px; width: 100%; max-width: 190px; height: auto;}
#index_container02{float: left; width: 100%; max-width: 390px; height: auto;}
#index_container02_inner{margin-bottom: 10px; margin-left: 15px; margin-top: 12px; width: 100%; max-width: 360px; height: auto;}


#brand_logo_wrapper{width: 600px; height: 227px;}
#brand_logo_wrapper2{width: 100%; max-width: 600px; height: auto;}
#brand_logo_border{background-image: url("../images/template/brands-border02.jpg"); margin-bottom: 10px; float: left; width: 180px; height: 227px;}
#brand_logo{margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; max-width: 150px; height: auto;}
#brand_word{margin-top: 20px; margin-right: auto; margin-bottom: 0;	margin-left: auto; width: 100%; max-width: 180px; height: auto;}
#brand_logo_block_space{float: left; width: 15px; height: 227px;}


#products_page_wrapper{float: left; width: 215px; height: 390px;}
#products_page_logo_container{position: relative; width: 215px; height: 215px; background-image: url("../images/template/products-page-border.jpg");}
#products_page_logo{width: 50%; height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 200px; height: 200px;}
#products_page_intro{margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 195px;}
#products_page_wrapper2{float: left; width: 385px; height: 390px;}
#products_page_category_column{float: left; width: 118px; height: 230px;}
#products_page_category_column2{float: left; width: 118px; height: 160px;}
#products_page_category{float: left; width: 118px; height: 20px;}
#products_page_block_space{float: left; width: 31px; height: 390px;}

#products_page_wrapper02{float: left; width: 100%; max-width: 1000px; height: auto;}
#products_page_bar01{float: left; width: 100%; max-width: 1000px; height: 32px; background-image: url("../images/template/products-page-bar01.jpg");}
#products_page_bar01_inner{margin-top: 6px; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; max-width: 600px;}
#products_page_bar02{float: left; width: 100%; max-width: 1000px; height: 47px; background-image: url("../images/template/products-page-bar02.jpg");}
#products_page_bar03{float: left; width: 100%; max-width: 1000px; height: 27px; background-image: url("../images/template/products-page-bar03.jpg");}
#products_page_bar03_inner{float: left; margin-top: 8px; margin-left: 10px; width: 75%;}
#products_page_bar03_inner02{float: right; margin-right: 8px; margin-top: 9px;}
#products_page_bar04{float: left; width: 100%; max-width: 1000px; background-image: url("../images/template/products-page-bar04.jpg");}
#products_page_bar05{float: left; width: 100%; max-width: 1000px; height: 26px; background-image: url("../images/template/products-page-bar05.jpg");}

#products_page_header_wrapper{float: left; width: 100%; max-width: 600px; height: 389px; background-image: url("../images/template/categories-skin-care.jpg");}
#products_page_header_wrapper2{float: left; width: 100%; max-width: 600px; height: 398px; background-image: url("../images/template/categories-makeup.jpg");}
#products_page_header_container01{float: left; margin-top: 10px; margin-left: 30px; width: 560px; height: 65px;}
#products_page_header_container02{float: left; margin-top: 35px; width: 260px; height: 200px;}
#products_page_header_container03{float: left; margin-left: 12px; width: 325px; height: 240px;}
#products_page_header_container03_inner01{float: left; margin-left: 50px; margin-right: 20px; width: 220px; height: 71px;}
#products_page_header_container03_inner02{float: left; margin-left: 50px; margin-right: 20px; margin-top: 11px; width: 220px; height: 71px;}
#products_page_header_container03_inner03{float: left; margin-left: 50px; margin-right: 20px; margin-top: 11px; width: 220px; height: 71px;}


#products_details_bar01{float: left; width: 100%; max-width: 1000px; height: 25px; background-image: url("../images/template/product-details-bar.jpg");}
#products_details_wrapper{float: left; width: 100%; max-width: 600px; height: auto;}
#products_details_buffer{float: left; width: 40px; height: 400px;}
#products_details_container01{float: left; width: 300px; height: 450px;}
#products_details_container_image{margin-top: 45px; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; max-width: 300px; height: 100%; max-height: 360px;}
#products_details_container02{float: left; width: 100%; max-width: 250px; height: auto;}
#products_details_container02 #products_details_info01{float: left; width: 250px; height: 30px;}
#products_details_container02 #products_details_info02{float: left; width: 250px; height: 30px;}
#products_details_container02 #products_details_info03{float: left; width: 250px; height: 50px;}
#products_details_container02 #products_details_info04{float: left; width: 250px; height: 25px;}
#products_details_container02 #products_details_info05{float: left; width: 250px; height: 35px;}
#products_details_container02 #products_details_info06{float: left; width: 250px; height: 40px;}
#products_details_info06 #products_details_info06_01 {float: left; width: 80px; height: 40px;}
#products_details_info06 #products_details_info06_02 {float: left; width: 170px; height: 40px;}
.add_cart_before{width: 170px;}
#products_details_info07{float: left; margin-top: 20px; margin-bottom: 15px; width: 230px; height: 71px; border: 0.5px solid #c5c5c5;}
#products_details_info07_2{float: left; margin-top: 20px; margin-bottom: 15px; width: 230px; height: 105px; border: 0.5px solid #c5c5c5;}
#products_details_info07_inner01{float: left; margin-top: 12px; margin-left: 12px; width: 100px;}
#products_details_info07_inner02{float: left; margin-top: 12px; margin-left: 5px; width: 110px;}
#products_details_info07_inner03{float: left; margin-top: 12px; margin-left: 12px; width: 135px;}
#products_details_info08{float: left; width: 250px; height: 40px;}
#products_details_wrapper02{float: left; width: 100%; max-width: 600px;}
#products_details_write_reviews_wrapper{margin-left: 50px; width: 100%; max-width: 498px; height: 477px; background-image: url("../images/template/review-box2.jpg");}
#products_details_write_reviews01{float: left; margin-top: 25px; margin-left: 12px; width: 88px;}
#products_details_write_reviews02{float: left; margin-top: 25px; margin-left: 5px; width: 355px;}


#products_categories_wrapper01{float: left; width: 600px; height: 310px;}
#products_categories_container01{float: left; width: 280px; height: 310px;}
#products_categories_container_inner01{float: left; width: 280px; height: 50px;}
#products_categories_container_inner02{float: left; width: 230px; height: 235px;}
#products_categories_container_inner03{float: left; width: 280px; height: 25px;}
#products_categories_buffer01{float: left; width: 18px; height: 310px;}
#products_categories_container02{float: left; width: 300px; height: 310px;}
#products_categories_buffer02{float: left; width: 600px; height: 20px;}
#products_categories_wrapper02{float: left; width: 320px; height: 310px;}
#products_categories_cell{float: left; width: 160px; height: 30px;}


#login_wrapper{margin-right: auto; margin-bottom: 0; margin-left: auto; margin-top: 0; width: 372px; height: 511px; background-image: url("../images/template/login-frame.jpg");}
#login_container01{float: left; margin-left: 71px; margin-top: 156px; width: 370px;}
#login_container02{float: left; margin-left: 190px; margin-top: 50px; width: 200px;}


#login_new_wrapper{margin-right: auto; margin-bottom: 0; margin-left: auto; margin-top: 0; width: 535px; height: 300px; background-image: url("../images/template/login-frame2.jpg");}
#login_new_container01{float: left; margin-left: 219px; margin-top: 35px; width: 312px;}
#login_new_container02{float: left; margin-left: 399px; margin-top: 65px; width: 200px;}
#login_new_buffer{float: left; width: 312px; height: 15px;}
#login_new_buffer2{float: left; width: 200px; height: 10px;}

#about_wrapper01{float: left; width: 100%; max-width: 1000px; height: auto;}
#about_wrapper02{float: left; width: 100%; max-width: 1000px; height: auto;}
#about_container01{float: left; width: 100%; max-width: 330px; height: auto;}
#about_container01_inner01{float: left; width: 100%; max-width: 330px; height: 120px;}
#about_container01_inner02{float: left; width: 100%; max-width: 330px; height: 252px;}
#about_container01_inner03{float: left; width: 100%; max-width: 330px; height: 30px;}
#about_container02{float: left; width: 100%; max-width: 266px; height: auto;}
#about_container03{float: left; width: 100%; max-width: 180px; height: 300px;}
#about_container03_inner01{float: left; width: 100%; max-width: 180px; height: 81px;}
#about_container03_inner02{float: left; width: 100%; max-width: 180px; height: 219px;}
#about_buffer{float: left; width: 19px; height: 269px;}

#spa_wrapper01{float: left; width: 100%; max-width: 600px; height: auto;}
#spa_container01{float: left; width: 100%; max-width: 600px; height: 200px;}
#spa_container01_inner01{float: left; width: 180px; height: auto;}
#spa_container01_inner02{float: left; width: 375px; height: auto;}
#spa_container01_inner03{float: left; width: 180px; height: auto;}
#spa_container01_inner04{float: right; width: 150px; height: auto;}

#promotion_wrapper{float: left; width: 100%; max-width: 1000px; height: auto; }
#promotion_container01{float: left; margin-top: 10px; width: 100%; max-width: 1000px; height: auto;}
#promotion_bar{float: left; width: 100%; max-width: 1000px; height: 25px; background-image: url("../images/template/discount-promotions-bar.jpg");}
#promotion_wrapper02{float: left; width: 100%; max-width: 1000px;}
#promotion_container_products{float: left; width: 190px; height: 250px; margin-top: 15px; background-image: url("../images/template/discount-promotions-product-frame.jpg");}
#promotion_container_products_inner01{float: left; margin-top: 5px; margin-left: 32px;}
#promotion_container_products_inner02{float: left; width: 160px; margin-left: 15px; margin-right: 15px;}
#promotion_container_products_inner03{float: left; width: 160px; height: 12px; margin-left: 15px; margin-right: 15px;}
#promotion_buffer{float: left; width: 10px; height: 190px;}

#contact_wrapper01{float: left; width: 100%; max-width: 600px; height: auto;}
#contact_container01{float: left; position: relative; width: 100%; max-width: 130px; height: auto;}
#contact_container_image{ margin-left: 10px; width: 65px; height: 80px;}
#contact_container02{float: left; width: 100%; max-width: 470px; height: 80px;}
#contact_container_image02{margin-top: 20px; width: 100%; max-width: 598px; height: auto;}
#contact_wrapper02{float: left; width: 100%; max-width: 600px; height: auto;}
#contact_container03{float: left; width: 100%; max-width: 194px; height: 120px;}
#contact_container03_inner{float: left; width: 192px; height: 23px; background-image: url("../images/template/contact-us-header.jpg");}
#contact_container04{float: left; width: 320px; height: 20px;}
#contact_buffer{float: left; width: 5px; height: 150px;}

#shipping_wrapper{float: left;  width: 100%; max-width: 1000px; height: auto;}
#shipping_container01{float: left; display: width: 100%; max-width: 220px; height: 220px;}
#shipping_container02{float: left; display: margin-top: 30px; margin-left: 20px; width: 100%; max-width: 320px; height: 180px;}
#shipping_buffer{float: left; width: 580px; height: 25px;}
#shipping_buffer{float: left; width: px; height: 25px;}

#rewards_wrapper{float: left; width: 100% max-width: 1000px;}
#rewards_container01{float: left; width: 280px; height: 385px;}
#rewards_container02{float: left; margin-left: 20px; width: 300px; height: 300px;}
#rewards_container03{float: left; width: 180px; height: 352px; background-image: url("../images/template/rewards-member-frame.jpg");}
#rewards_container04{float: left; width: 180px; height: 470px; background-image: url("../images/template/rewards-silver-frame.jpg");}
#rewards_container05{float: left; width: 180px; height: 548px; background-image: url("../images/template/rewards-gold-frame.jpg");}
#rewards_container_inner01{float: left;  margin-left: 30px; margin-right: 30px; margin-top: 50px; width: 120px; }
#rewards_buffer{float: left; width: 19px; height: 35px;}
#rewards_container06{float: left; width: 236px; height: 236px;}
#rewards_container07{float: left; width: 344px; height: 200px; background-image: url("../images/template/rewards-voucher-border.jpg");}

#registration_wrapper{margin-right: auto; margin-bottom: 0; margin-left: auto; width: 565px;}
#registration_container_header{float: left; width: 565px; height: 60px; background-image: url("../images/template/registration-form-header.jpg");}
#registration_container_split{float: left; width: 565px; height: 30px; background-image: url("../images/template/registration-form-split.jpg");}
#registration_container_split02{float: left; width: 565px; height: 31px; background-image: url("../images/template/registration-form-split02.jpg");}
#registration_container_bottom01{float: left; width: 191px; height: 205px; background-image: url("../images/template/registration-form-bottom01.jpg");}
#registration_container_bottom02{float: left; width: 374px; height: 205px; background-image: url("../images/template/registration-form-bottom02.jpg");}
#registration_container_left{float: left; width: 191px; height: 55px; background-image: url("../images/template/registration-form-left.jpg");}
#registration_container_left02{float: left; width: 191px; height: 55px; background-image: url("../images/template/registration-form-left02.jpg");}
#registration_container_right{float: left; width: 374px; height: 55px; background-image: url("../images/template/registration-form-right.jpg");}
#registration_container_inner{float: left; margin-left: 20px; margin-top: 12px; height: 55px;}

#store_wrapper{display: inline-block; float: left; width: 100%; max-width: 600px;}
#store_container01{float: left; width: 280px;}
#store_wrapper02{margin-top: 130px; float: left; width: 320px;}
#store_container02{float: left; width: 105px;}
#store_container03{float: left; width: 120px;}
#store_container04{float: left; width: 95px;}


#product_review_wrapper{float: left; width: 100%; margin-left: 50px; max-width: 500px;}
#product_review_container01{float: left; margin-bottom: 10px; width: 100%; max-width: 500px;}
#product_review_container01_inner01{float: left; width: 100%; max-width: 150px;}
#product_review_container01_inner02{float: left; width: 100%; max-width: 180px;}
#product_review_container01_inner03{float: left; width: 100%; max-width: 150px;}
#product_review_container02{float: left; margin-bottom: 10px; width: 100%; max-width: 500px;}
#product_review_container03{float: left; width: 100%; max-width: 500px;}
#product_review_container04{float: left; margin-top: 15px; margin-bottom: 20px; width: 100%; max-width: 500px;}
#review_buffer{display: none;}



@font-face {
    font-family: "disco";
    
    src: url('http://www.greenorganics.com.au/mycustomfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.greenorganics.com.au/mycustomfont.ttf') format('truetype');
}

@font-face {
    font-family: "disco";
    
    src: url('https://www.greenorganics.com.au/mycustomfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.greenorganics.com.au/mycustomfont.ttf') format('truetype');
}

.title_font_large{font-family: "disco", sans-serif; font-size: 15px; color: #4e4e4e; letter-spacing: 0px;}
.title_font_med{font-family: "disco", sans-serif; font-size: 12px; color: #FFFFFF; letter-spacing: 0px;}

a:link.heading_font_link {color:#666666; font-family: "disco", sans-serif; font-size: 12px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 
a:visited.heading_font_link{color:#666666; font-family: "disco", sans-serif; font-size: 12px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 
a:hover.heading_font_link {color:#FFFFFF; font-family: "disco", sans-serif; font-size: 12px; letter-spacing: 2px; font-weight: 100; background-color: #949494; text-decoration: none;} 
a:active.heading_font_link  {color:#FFFFFF; font-family: "disco", sans-serif; font-size: 12px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 
	

@font-face {
    font-family: "mangalfont";
    src: url(http://www.greenorganics.com.au/mangal.ttf) format("truetype");

}

@font-face {
    font-family: "mangalfont";
    src: url(https://www.greenorganics.com.au/mangal.ttf) format("truetype");
		
}
	
.category_font{font-family: "mangalfont", sans-serif; font-size: 9px; color: #666666; letter-spacing: 2px; font-weight: 100;}
.category_font02{font-family: "mangalfont", sans-serif; font-size: 9px; color: #666666; letter-spacing: 0px; font-weight: 100;}
.category_font_med{ font-family: "mangalfont", sans-serif; font-size: 12px; color: #9a9a9a; letter-spacing: 1px; font-weight: 100;}
.category_font_med02{ font-family: "mangalfont", sans-serif; font-size: 12px; color: #9a9a9a; letter-spacing: 0px; font-weight: 100;}
.category_font_med03{ font-family: "mangalfont", sans-serif; font-size: 11px; color: #9a9a9a; letter-spacing: 0px; font-weight: 100;}
.category_font_med04{ font-family: "mangalfont", sans-serif; font-size: 9px; color: #9a9a9a; letter-spacing: 0px; font-weight: 100;}
.category_font_large{font-family: "mangalfont", sans-serif; font-size: 15px; color: #999999; letter-spacing: 1px; font-weight: normal;}
.category_font_black{font-family: "mangalfont", sans-serif; font-size: 15px; color: #000000; letter-spacing: 1px; font-weight: normal;}

.category_font_white{ font-family: "mangalfont", sans-serif; font-size: 9px; color: #FFFFFF; letter-spacing: 2px; font-weight: 100;}
.savings_percent_font{ font-family: "mangalfont", sans-serif; font-size: 9px; color: #9a9a9a; letter-spacing: 0px; font-weight: 100;}

.category_font_white_large{ font-family: "mangalfont", sans-serif; font-size: 15px; color: #FFFFFF; letter-spacing: 1px; font-weight: 100;}

.contact_font{font-family: "mangalfont", sans-serif; font-size: 11px; color: #838383; letter-spacing: 0px; padding: 1px; font-weight: 100;}
.menu_font{	font-family: :"mangalfont"; font-size: 9px; color: #a6a6a6; letter-spacing: 0px;}

a:link.category_font_link {color:#666666; font-family: "mangalfont", sans-serif; font-size: 9px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 
a:visited.category_font_link{color:#666666; font-family: "mangalfont", sans-serif; font-size: 9px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 
a:hover.category_font_link {color:#FFFFFF; font-family: "mangalfont", sans-serif; font-size: 9px; letter-spacing: 2px; font-weight: 100; background-color: #949494; text-decoration: none;} 
a:active.category_font_link  {color:#FFFFFF; font-family: "mangalfont", sans-serif; font-size: 9px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 

.category_font_white_space_large{ font-family: "mangalfont", sans-serif; font-size: 12px; color: #FFFFFF; letter-spacing: 2px; font-weight: 100;}

a:link.category_font_link2{color:#FFFFFF; font-family: "mangalfont", sans-serif; font-size: 9px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 
a:visited.category_font_link2{color:#FFFFFF; font-family: "mangalfont", sans-serif; font-size: 9px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 
a:hover.category_font_link2 {color:#666666; font-family: "mangalfont", sans-serif; font-size: 9px; letter-spacing: 2px; font-weight: 100; background-color: #949494; text-decoration: none;} 
a:active.category_font_link2  {color:#666666; font-family: "mangalfont", sans-serif; font-size: 9px; letter-spacing: 2px; font-weight: 100; text-decoration: none;} 
	

a:link.category_font_link3{color:#686464; font-family: "mangalfont", sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: 100; text-decoration: none;} 
a:visited.category_font_link3{color:#686464; font-family: "mangalfont", sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: 100; text-decoration: none;} 
a:hover.category_font_link3 {color:#FFFFFF; font-family: "mangalfont", sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: 100; background-color: #949494; text-decoration: none;} 
a:active.category_font_link3 {color:#FFFFFF; font-family: "mangalfont", sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: 100; text-decoration: none;} 	

a:link.directory_font_link {font-family: "Sans-normal", sans-serif; letter-spacing: 1px; font-style: normal; font-size: 11px; color: #838383; font-weight: normal;} 
a:visited.directory_font_link{font-family: "Sans-normal", sans-serif; letter-spacing: 1px; font-style: normal; font-size: 11px; color: #838383; font-weight: normal;} 
a:hover.directory_font_link{font-family: "Sans-normal", sans-serif; letter-spacing: 1px; font-style: normal; font-size: 11px; color: #838383; font-weight: normal;} 
a:active.directory_font_link{font-family: "Sans-normal", sans-serif; letter-spacing: 1px; font-style: normal; font-size: 11px; color: #838383; font-weight: normal;} 

a:hover img{  opacity: 0.6;}

a:hover.category_font_link4{opacity: 0.5; text-decoration: none;}

.cart_font{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
	color: #999999;
	letter-spacing: 0px;
	font-weight: normal;
	
}



@font-face {
    font-family: "Lato";
    src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('truetype');

}

@font-face {
    font-family: "Lato";
    src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('truetype');

}

.heading_font{font-family: 'Lato', sans-serif; letter-spacing: 1px; font-style: normal; font-size: 10px; color: #999999; font-weight: normal;}


.product_details_font{font-family: 'Lato', sans-serif; letter-spacing: 0px; font-size: 23px; color: #000000; font-weight: normal;}
.product_details_font_small{font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 10px; color: #000000; font-weight: 100;}
.product_details_font_writing{font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 11px; color: #838282; font-weight: 100;}
.product_details_font_med{font-family: 'Lato', sans-serif; letter-spacing: 0px; font-size: 15px; color: #000000; font-weight: 100;}
.about_font_med{font-family: 'Lato', sans-serif; letter-spacing: 0px; font-size: 18px; color: #000000; font-weight: 100;}
.about_font_heading{font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 12px; color: #000000; font-weight: 100;}
.cart_font02{font-family: 'Lato', sans-serif; letter-spacing: 0px; font-size: 12px; color: #FFFFFF; font-weight: 100;}
.order_details_font{font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 11px; color: #000000; font-weight: 100;}
.product_details_box{font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size: 10px; font-style: normal; color: #000000; font-weight: 400;}
.product_details_box2{font-family: "mangalfont", sans-serif; font-size: 9px; color: #666666; letter-spacing: 0px; font-weight: 100;}

a:link.product_brand {font-family: 'Lato', sans-serif; letter-spacing: 0px; font-size: 23px; color: #000000; font-weight: normal; text-decoration: none;}
a:visited.product_brand {font-family: 'Lato', sans-serif; letter-spacing: 0px; font-size: 23px; color: #000000; font-weight: normal; text-decoration: none;}
a:active.product_brand {font-family: 'Lato', sans-serif; letter-spacing: 0px; font-size: 23px; color: #000000; font-weight: normal; text-decoration: none;}
a:hover.product_brand{font-family: 'Lato', sans-serif; letter-spacing: 0px; font-size: 23px; color: #838383; font-weight: normal; text-decoration: none;}

@font-face {
    font-family: "Lato-Light";
    src: url(http://www.greenorganics.com.au/Lato-Light.ttf) format("truetype");

}

@font-face {
    font-family: "Lato-Light";
    src: url(https://www.greenorganics.com.au/Lato-Light.ttf) format("truetype");

}

.product_description{font-family: 'Lato-Light', sans-serif; letter-spacing: 1px; font-size: 12px; color: #686464;}


@font-face {
	font-family: "meiryo";
	src: url(http://www.greenorganics.com.au/meiryo.ttf) format("truetype");
}

@font-face {
	font-family: "meiryo";
	src: url(https://www.greenorganics.com.au/meiryo.ttf) format("truetype");
}


@font-face {
	font-family: "leelawad";
	src: url(http://www.greenorganics.com.au/segoe-ui-light.ttf) format("truetype");
}

@font-face {
	font-family: "leelawad";
	src: url(https://www.greenorganics.com.au/segoe-ui-light.ttf) format("truetype");
}

.thin_writing{font-family: 'leelawad', sans-serif; letter-spacing: 1px; font-size: 11px; color: #686464;}



.spa_font_heading{ font-family: "meiryo"; font-size: 14px; color: #9a9a9a; letter-spacing: 6px; font-weight: 100;}
.spa_font_med{ font-family: "meiryo"; font-size: 12px; color: #9a9a9a; letter-spacing: 6px; font-weight: 100;}
.spa_font_small{ font-family: "meiryo"; font-size: 9px; color: #9a9a9a; letter-spacing: 4px; font-weight: 100;}
.spa_font_normal{ font-family: "meiryo"; font-size: 12px; color: #686464; letter-spacing: 0px; font-weight: 100;}

@font-face {
	font-family: "Sans-thin";
	src: url('http://www.greenorganics.com.au/alegreya-sans.thin.eot');
	src: url('http://www.greenorganics.com.au/alegreya-sans.thin.ttf') format('truetype'),	
		 url('http://www.greenorganics.com.au/alegreya-sans.thin.eot?#iefix') format('embedded-opentype'),
		 url('http://www.greenorganics.com.au/alegreya-sans.thin.woff') format('woff'),
		 url('http://www.greenorganics.com.au/alegreya-sans.thin.svg') format('svg');
}

@font-face {
	font-family: "Sans-thin";
	src: url('https://www.greenorganics.com.au/alegreya-sans.thin.eot');
	src: url('https://www.greenorganics.com.au/alegreya-sans.thin.ttf') format('truetype'),
		 url('https://www.greenorganics.com.au/alegreya-sans.thin.eot?#iefix') format('embedded-opentype'),
		 url('https://www.greenorganics.com.au/alegreya-sans.thin.woff') format('woff'),
		 url('https://www.greenorganics.com.au/alegreya-sans.thin.svg') format('svg');
}

.product_font_thin{ font-family: "Sans-thin", sans-serif; font-size: 9px; color: #9a9a9a; letter-spacing: 1px; font-weight: 100;}
.product_font_thin_small{ font-family: "Sans-thin", sans-serif; font-size: 14px; color: #000000; letter-spacing: 1px; font-weight: bold;}
.product_font_thin_med{ font-family: "Sans-thin", sans-serif; font-size: 20px; color: #000000; letter-spacing: 1px; font-weight: 100;}
.product_font_thin_large{ font-family: "Sans-thin", sans-serif; font-size: 18px; color: #FFFFFF; letter-spacing: 1px; font-weight: 100;}
.product_font_thin_reg{ font-family: "Sans-thin", sans-serif; font-size: 16px; color: #000000; letter-spacing: 1px; font-weight: 100;}
.product_font_thin_special{ font-family: "Sans-thin", sans-serif; font-size: 13px; color: #000000; letter-spacing: 4px; font-weight: 100;}
.product_font_thin_special2{ font-family: "Sans-thin", sans-serif; font-size: 16px; color: #000000; letter-spacing: 4px; font-weight: 100;}
a:link.logo_font_style {font-family: "Sans-thin", sans-serif; font-size: 30px; color: #000000; letter-spacing: 20px; font-weight: 100; text-decoration: none;}
a:visited.logo_font_style {font-family: "Sans-thin", sans-serif; font-size: 30px; color: #000000; letter-spacing: 20px; font-weight: 100; text-decoration: none;}
a:active.logo_font_style {font-family: "Sans-thin", sans-serif; font-size: 30px; color: #000000; letter-spacing: 20px; font-weight: 100; text-decoration: none;}
a:hover.logo_font_style{font-family: "Sans-thin", sans-serif; font-size: 30px; color: #526352; letter-spacing: 20px; font-weight: 100; text-decoration: none;}
a:link.logo_font_style02 {font-family: "Sans-thin", sans-serif; font-size: 28px; color: #000000; letter-spacing: 9px; font-weight: 100; text-decoration: none;}
a:visited.logo_font_style02 {font-family: "Sans-thin", sans-serif; font-size: 28px; color: #000000; letter-spacing: 9px; font-weight: 100; text-decoration: none;}
a:active.logo_font_style02{font-family: "Sans-thin", sans-serif; font-size: 28px; color: #000000; letter-spacing: 9px; font-weight: 100; text-decoration: none;}
a:hover.logo_font_style02{font-family: "Sans-thin", sans-serif; font-size: 28px; color: #526352; letter-spacing: 9px; font-weight: 100; text-decoration: none;}
a:link.logo_font_style03 {font-family: "Sans-thin", sans-serif; font-size: 18px; color: #000000; letter-spacing: 9px; font-weight: 100; text-decoration: none;}
a:visited.logo_font_style03 {font-family: "Sans-thin", sans-serif; font-size: 18px; color: #000000; letter-spacing: 9px; font-weight: 100; text-decoration: none;}
a:active.logo_font_style03{font-family: "Sans-thin", sans-serif; font-size: 18px; color: #000000; letter-spacing: 9px; font-weight: 100; text-decoration: none;}
a:hover.logo_font_style03{font-family: "Sans-thin", sans-serif; font-size: 18px; color: #526352; letter-spacing: 9px; font-weight: 100; text-decoration: none;}

.email_font_thin{color:#666666; font-family: "disco", sans-serif; font-size: 25px; letter-spacing: 15px; font-weight: 100; text-decoration: none;}
.writing_font {font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; margin:0px; font-weight:normal;}


@font-face {
	font-family: "Sans-normal";
	src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

@font-face {
	font-family: "Sans-normal";
	src: local('Open Sans'), local('OpenSans'), url('https://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

.directory_font{font-family: "Sans-normal", sans-serif; letter-spacing: 1px; font-style: normal; font-size: 11px; color: #838383; font-weight: normal;}
.product_quantity_font{font-family: "Sans-normal", sans-serif; font-size: 11px; color: #9a9a9a; font-weight: 100;}
.product_font_normal{ font-family: "Sans-normal", sans-serif; font-size: 9px; color: #9a9a9a; letter-spacing: 1px; font-weight: 100;}
.product_font_normal_med{ font-family: "Sans-normal", sans-serif; font-size: 11px; color: #9a9a9a; letter-spacing: 1px; font-weight: 100;}
.product_font_normal_large{ font-family: "Sans-normal", sans-serif; font-size: 15px; color: #686464; letter-spacing: 1px; font-weight: 100;}
.product_font_detail{ font-family: "Sans-normal", sans-serif; font-size: 11px; color: #686464; letter-spacing: 0px; font-weight: 100;}
.product_font_description{ font-family: "Sans-normal", sans-serif; font-size: 12px; color: #686464; letter-spacing: 0px; font-weight: 100; line-height: normal;}
.product_font_price{ font-family: sans-serif; font-size: 16px; color: #969696; letter-spacing: 0px; font-weight: 100;}
.about_font{ font-family: "Sans-normal", sans-serif; font-size: 15px; color: #686464; letter-spacing: 0px; font-weight: 100;}
.about_font02{ font-family: "Sans-normal", sans-serif; font-size: 13px; color: #686464; letter-spacing: 0px; font-weight: 100;}
.about_font03{ font-family: "Sans-normal", sans-serif; font-size: 10px; color: #686464; letter-spacing: 0px; font-weight: 100;}
.shipping_red{ font-family: "Sans-normal", sans-serif; font-size: 11px; color: #d84c4d; letter-spacing: 0px; font-weight: 100;}
.error_red{ font-family: "Sans-normal", sans-serif; font-size: 12px; color: #d84c4d; letter-spacing: 0px; font-weight: 100;}


input.addcartbutton{width: 100%; max-width: 83px;}

input[type="text"] {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Sans-normal", sans-serif;
  color: #4e4e4e;
  font-size: 10px; 
  box-shadow: none;
  border-radius: none;
  text-indent: 5px;
}



input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

input.login_page_email[type="text"]{font-family: "Sans-normal", sans-serif; color: #4e4e4e; border: 0.5px solid #c5c5c5; font-size: 12px; width: 303px; height: 20px;}


input[type="password"] {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Sans-normal", sans-serif;
  color: #4e4e4e;
  font-size: 11px; 
  appearance: none;
  box-shadow: none;
  border-radius: none;
}

/*input.login_page_pw[type="password"]{color: #4e4e4e; border: 0.5px solid #c5c5c5; border-top-color: #ffffff; font-size: 13px; width: 309px; height: 25px; background-image: url("../images/template/login-password-background2.jpg");}*/
input.login_page_pw[type="password"]{color: #4e4e4e; border: 0.5px solid #c5c5c5; font-size: 11px; width: 303px; height: 20px;}

input.registration_form[type="text"]{font-family: "Sans-normal", sans-serif; color: #4e4e4e; font-size: 12px; height: 30px; border: 1px solid #cccccc;}
input.registration_form_pw[type="password"]{font-family: "Sans-normal", sans-serif; color: #4e4e4e; font-size: 12px; height: 30px; border: 1px solid #cccccc;}
select.registration_form_select{font-family: "Sans-normal", sans-serif; color: #4e4e4e; font-size: 11px; height: 30px; border: 1px solid #cccccc;}


   
.test_font2{
	font-family: "My Custom Font2", sans-serif;
	font-size: 15px;
	color: #404040;
	letter-spacing: 1px;
	src: url(http://www.greenorganics.com.au/AlegreyaSansSC-Thin.ttf) format("truetype");

	}

	

.out_of_stock_font {color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal;}


a:link { color: #636461; text-decoration: none;}
a:visited {	color: #636461; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}






/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Screens ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Desktops and laptops --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width : 800px) and (max-width : 1224px) {

 
}







@media (min-width: 812px) {
  #directory_bar2{display:none;}
  #products_page_logo2{display: none;}
  
}











/*  --------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:990px) {
  
  #rightbar{display: none;}
  #searching{display: none;} /*hide search bar */
  #buffer{ background-colour: #FFFFFF; height:135px; width:100%;}
  
  
  
  
  
  
  /*get rid of white space on the right hand side remove the horizontal scroll*/
  html, body {

		overflow-x: hidden;
	
		/*overflow-y: scroll; 
		-webkit-overflow-scrolling: touch;
		*/
  }
  
  
}



/* iPads (portrait and landscape) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
  
	
	#searching{display: none;} /*hide search bar */
	#directory_bar{height:30px;}
	#index_container011{display: none;}

	

}


/* Smartphones (portrait and landscape 320px x 768px) -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width : 812px) {
	
	
	
	#searching {display: none;} /*hide search bar */
	#heading {display: none;} /* hide logo bar */
	#heading {position: relative;}
	#bar {position: fixed; margin-top: 0px; height:50px; z-index:10010;background-image: url('../images/template/template-top04.jpg');}
	#inner_bar {height: 48px; background-image: url('../images/template/template-top04.jpg');}
	#inner_bar_div01{display: none;}
	#inner_bar_div02{height: 48px;}
	#buffer{ background-colour: #FFFFFF; height:18px; width:100%;}
	
	#directory_bar{display: none;}
	#directory_bar2{float: left; position: fixed; height:30px; z-index:10000; width: 100%; margin-top: 32px; background-color: #ffffff;}
	
	#store_wrapper02{margin-top: 20px;}
	#products_page_header_wrapper{display: none;}
	#products_page_header_wrapper2{display: none;}
	
	
	@font-face {
    font-family: "mangalfont";
    src: url(http://www.greenorganics.com.au/mangal.ttf) format("truetype");

}
	
	/* anchor link 20px down to avoid fixed header*/
	a.anchorlinks {display: block; position: relative; top: -85px; visibility: hidden; }
	
	.logo_font_style4{font-family: "Lato", sans-serif; font-size: 10px; color: #000000; letter-spacing: 20px; font-weight: 100; text-decoration: none;}
	.category_font{font-family: "mangalfont", sans-serif; font-size: 2em; color: #666666; letter-spacing: 2px; font-weight: 100;}
	.directory_font{color: #000000;}
	
	
	
	input[type="text"] {width:50%; float: none;}
	#inner_searching_input{float: none;}
	#inner_searching_button{float: none; }
	
	#mainframe #middleframe #infoframe {margin-left: 0px;}
	
	

	
	
	
	
	#login_new_wrapper{margin-right: auto; margin-bottom: 0; margin-left: auto; margin-top: 0; width: 335px; height: 300px; background-image: url("../images/template/login-frame3.jpg");}
	#login_new_container01{float: left; margin-left: 111px; margin-top: 35px; width: 312px;}
	#login_new_container02{float: left; margin-left: 220px; margin-top: 65px; width: 200px;}
	#login_new_buffer2{width: 42px;}
	
	input.login_page_email[type="text"]{placeholder="Email" font-family: "Sans-normal", sans-serif; color: #4e4e4e; border: 0.5px solid #c5c5c5; font-size: 16px; width: 212px; height: 28px;}
	input.login_page_pw[type="password"]{ color: #4e4e4e; border: 0.5px solid #c5c5c5; font-size: 16px; width: 212px; height: 28px;}
	
	
	
	
	/*fix white space problem on the right hand side*/
	
	html, body {

		overflow-x: hidden;
	
		/*overflow-y: scroll; 
		-webkit-overflow-scrolling: touch;
		*/
	}
	
	
	

	
	
	
	
	
	a.logo_font_style {font-family: "Lato", sans-serif; font-size: 20px; color: #000000; letter-spacing: 10px; font-weight: 100; text-decoration: none;}
	a:visited.logo_font_style {font-family: "Lato", sans-serif; font-size: 20px; color: #000000; letter-spacing: 10px; font-weight: 100; text-decoration: none;}
	a:active.logo_font_style {font-family: "Lato", sans-serif; font-size: 20px; color: #000000; letter-spacing: 10px; font-weight: 100; text-decoration: none;}
	a:hover.logo_font_style{font-family: "Lato", sans-serif; font-size: 20px; color: #526352; letter-spacing: 10px; font-weight: 100; text-decoration: none;}
	
	
	
	ul.left_menu li.icon {
      float: right;
      display: inline-block;
	  height: 32px;
    }
	
	
	/******* class for td for product pages ********/
	#product_table {width: 100%;}
	#product_table td.product_image {width: 20%; padding-bottom: 18px;}
	
	
	#product_table td.product_description {width: 44%;}
	
	/*for cosmetic products with shade */
	#product_table td.product_description_shade {width: 36%;}
	#product_table td.product_shade {width: 8%;}
	
	
	#product_table td.product_price {width: 13%;}
	
	#product_table td.product_quantity {display: none; }
	.savings_percent_font{display: none;}
	.out_of_stock_font{font-size: 8px;}
	
	#product_table td.product_addcart {width: 18%; align: center;}
	
	/*responsive individual product page */
	.product_font_detail{ font-size: 12px; letter-spacing: 1px;}
	.product_font_price{ font-size: 13px; color: #000000;}
	.product_font_thin_large{letter-spacing: 0px; font-weight: bold;}
	
	
	
	
	
	
	/* class for td for shopping cart  *************************/
	/***********************************************************/

	#cart_product_table{width: 100%;}
	#cart_product_table td.cart_product_image {width: 20%;}
	
	#cart_product_table td.cart_product_description {width: 46%;}
	
	#cart_product_table td.cart_product_price {display: none;}
	
	#cart_product_table td.cart_product_quantity {width: 12%;}
	
	#cart_product_table td.cart_product_subtotal {width: 12%;}

	#cart_product_table td.cart_product_remove {display: none;}
	
	.product_font_description{font-size: 12px; letter-spacing: 1px;}
	.remove_item{display: inline-block; width: 100%; float: right; }
	.cart-heading-bar{display: none;}
	
	
	
	
	
	
	
	
	
	/* products pages heading and logo*/
	#products_page_wrapper{float: left; width: 215px; height: auto; }
	#products_page_logo_container{position: relative; width: 215px; height: auto; background-image: url("../images/template/products-page-border-none.jpg");}
	#products_page_logo{display: none;}
	#products_page_intro{display: none;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*side bar navigation **********/
	
.sidenav {
  height: 100%;
  width: 0;
  z-index: 10012;
  position: fixed;
  margin-top: 0px;
  margin-left: 0px;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
  text-align: left;
}

.sidenav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none; /*remove underline for links*/
  font-size: 12px; /*text size for nav categories*/
  color: #818181;  /*text colour for categories*/
  display: block;
  transition: 0.3s;

}

.sidenav a:hover{
  color: #f1f1f1;
  text-decoration: none; /*remove underline for hover*/
}


ul.left_side_format {
	list-style-type: none;
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
	
ul.left_side_format li{
	font-size: 8px;
	color: #ffffff;
	text-align: left;
}


.sidenav .closebtn {
  display:block;
  position: static;
  font-size: 4em;
  top: 0;
  right: 36px;
  margin-top: 0px;
  margin-left: 0px;
  
}


.openbtn {
  display:block;
  z-index: 10011;
  position: fixed;
  float:left;
  font-size: 11px;
  cursor: pointer;
  margin-top: 14px;
  margin-left: 8px;
  border: none;
}
	
.openbtn:hover {
  background-color: #444;
  text-decoration: none; /*remove underline for hover*/
}
	
	


}
	
	
	
}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
}



@media all and (min-width:568px){


#index_container011{display: none;}
.add_cart_after{display: none;}


}

/* Smartphones (portrait 568px) -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 568px) {

.bottom_table{display: none;}
#about_buffer{display: none;}
#promotion_buffer{display: none;}
#promotion_container_products{width: 178px;}
#products_page_logo2{width: 100% max-width: 200px; height: auto; padding-bottom: 20px;}

#brand_logo_border{background-image: url("../images/template/brands-border03.jpg"); margin-bottom: 10px; float: left; width: 115px; height: 145px;}
#brand_logo{margin-top: 5px; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; max-width: 100px; height: auto;}
#brand_word{margin-top: 10px; margin-right: auto; margin-bottom: 0;	margin-left: auto; width: 100%; max-width: 110px; height: auto;}
#brand_logo_block_space{width: 8px; height: 145px;}
.about_font{font-size: 16px; margin-left: 3px;}
.about_font02{font-size: 14px; margin-left: 3px;}
.about_font03{font-size: 11px; margin-left: 3px;}
#products_details_container01{height: 410px;}
#products_details_buffer2{float: left; width: 31px; height: 400px;}
#products_details_write_reviews_wrapper{margin-left: 0px;}
#products_details_write_reviews02{width: 260px;}
#product_review_wrapper{margin-left: 2px;}
#product_review_container03{max-width: 358px;}
#products_details_info01{display: none;}
#review_buffer{width: 100%; max-width: 500px;}
.product_font_description{font-size: 14px;}

#index_div_with_bg02{float: left; margin-left: 5px; width: 100%; max-width: 360px; height: 100%; max-height: 228px; border: 0.5px solid #c5c5c5;}
#index_div_with_bg03{float: left;  margin-left: 5px; width: 100%; max-width: 360px; height: 100%; max-height: 228px; border: 0.5px solid #c5c5c5;}
#index_container01{display: none;}
#index_container011{margin-left: 6px; width: 100%; max-width: 568px;}
#index_container02_inner{margin-left: 6px; }
#index_wrapper{border: 0;}



.add_cart_before{display: none;}
.add_cart_after{width: 250px;}

#products_details_container02{margin-left: 10px; max-width: 360px;}
#products_details_container02 #products_details_info04{width: 190px; height: 25px;}
#products_details_container02 #products_details_info05{margin-top: 4px; width: 170px; height: 35px;}
#products_details_container02 #products_details_info06{width: 360px; height: 40px;}
#products_details_container02 #products_details_info06 #products_details_info06_01 {float: left; display: inline-block; width: 100px; height: 40px; }
#products_details_container02 #products_details_info06 #products_details_info06_02 {float: left; width: 250px; height: 40px;}
#products_details_container02 #products_details_info07{float: left; margin-top: 20px; margin-bottom: 15px; width: 348px; height: 71px; border: 0.5px solid #c5c5c5;}
#products_details_container02 #products_details_info07_2{float: left; margin-top: 20px; margin-bottom: 15px; width: 348px; height: 105px; border: 0.5px solid #c5c5c5;}
#products_details_info07_inner01{width: 130px;}
#products_details_info07_inner02{width: 140px;}
.product_details_box{font-size: 12px;}
.product_details_box2{font-size: 12px;}
}





/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
 
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}