﻿/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/

.navheader a#headLogin {
	box-shadow: 0 3px 6px #ff9c00;
	font-size: 18px;
}

.navheader {
	margin-top: 48px;
	margin-right: 9px; 
}

/*** LOGIN ***/

body.login {
	background: #fff; 
}

#login {
	padding-top: 32px; 
}

#login h1 a {
	background-image: url('../image/Miko-Badge1.png');
	background-size: 211px 203px;
	height: 203px;
	margin: 10px auto;
	width: 211px;
}

#login .button-primary, #login .button, #login .button-secondary {
	background: #ea8825; 
	border-color: #ff9000; 
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#login .button-primary:hover, #login .button:hover, #login .button-secondary:hover {
	background: #ff9000; 
}

#login #recaptcha_area, #login #recaptcha_table {
	max-width: none !important; 
}

#login table#recaptcha_table {
	background: transparent; 
	border: none !important; 
}

#login .recaptchatable {
	border: none !important; 
}

#login .recaptchatable #recaptcha_response_field {
	border: 1px solid #e5e5e5 !important; 
	background: #fbfbfb;
	max-width: 205px!important;
}

#login .recaptcha_only_if_privacy {
	display: none; 
}

#login #nav, #login #backtoblog {
	display: none; 
}


/*** WooCommerce ***/
/** PRODUCT **/
.woocommerce form a.button.alt, .woocommerce form button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
	background: #ff9000;
	border-color: #999;
	color: #fff;
	margin-left: 12px; 
	text-transform: uppercase;
	text-shadow: none;
}

.woocommerce a.button.alt:hover, .woocommerce form button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover {
	background: #F9B818; 
	border-color: #ccc; 
	box-shadow: 0 5px 12px -3px #ccc; 
	color: #fff; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.6); 
}

.woocommerce #content div.post-content div.product p.price {
	font-size: 15px; 
}

.woocommerce div.product p.price .amount {
	color: #cf2626;
	font-size: 27px; 
	font-weight: bold; 
}

.woocommerce .product_meta .sku_wrapper, .woocommerce .product_meta .posted_in {
	color: #666;
	font-size: 12px;
}

.woocommerce div.post-content div.product div.images, .woocommerce #content div.post-content div.product div.images, .woocommerce-page div.post-content div.product div.images, .woocommerce-page #content div.post-content div.product div.images {
	width: 38%; 
}

.woocommerce div.post-content div.product div.images img, .woocommerce #content div.post-content div.product div.images img, .woocommerce-page div.post-content div.product div.images img, .woocommerce-page #content div.post-content div.product div.images img {
	box-shadow: none; 
}

.woocommerce #content div.post-content div.product div.images img:hover, .woocommerce-page #content div.post-content div.product div.images img:hover {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
}


.woocommerce div.product div.summary, .woocommerce div.post-content #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.post-content div.product div.summary {
	width: 56%; 
}

.woocommerce div.pp_overlay {
	background: #333; 
}

.woocommerce #content div.post-content div.product .woocommerce-tabs ul.tabs li {
	font-size: 14px; 
	margin-right: 6px; 
	text-transform: uppercase; 
}


/** SHOP **/
.woocommerce #content ul.products li.product h3, .woocommerce-page #content ul.products li.product h3 {
	font-size: 18px; 
}

.woocommerce #content ul.products li.product a:hover, .woocommerce-page #content ul.products li.product a:hover {
	color: #000; 
	text-decoration: underline; 
}

.woocommerce #content ul.products li.product a.button, .woocommerce-page #content ul.products li.product a.button, .woocommerce #content .woocommerce-message a.button {
	text-transform: uppercase;
	height: 16px;
}

.woocommerce #content ul.products li.product a.button:hover, .woocommerce-page #content ul.products li.product a.button:hover {
	text-decoration: none; 
}

/** CART **/
.woocommerce-cart h1.page-title {
	margin-bottom: 24px;
}

.woocommerce div.post-content table.cart td.actions .button.alt, .woocommerce #content div.post-content table.cart td.actions .button.alt, .woocommerce-page div.post-content table.cart td.actions .button.alt, .woocommerce-page #content div.post-content table.cart td.actions .button.alt {
	background: #ff9000;
	border-color: #999;
	color: #fff;
	margin-left: 12px; 
	text-transform: uppercase;
	text-shadow: none;
}

.woocommerce div.post-content table.cart td.actions .button.alt:hover, .woocommerce #content div.post-content table.cart td.actions .button.alt:hover, .woocommerce-page div.post-content table.cart td.actions .button.alt:hover, .woocommerce-page #content div.post-content table.cart td.actions .button.alt:hover {
	background: #F9B818; 
	border-color: #ccc; 
	box-shadow: 0 5px 12px -3px #ccc; 
	color: #fff; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.6); 
}

.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table {
	float: right; 
}

.woocommerce-page #content .woocommerce p a.button {
	font-size: 15px; 
	height: 16px; 
	text-transform: uppercase; 
}


/** CHECKOUT **/
.woocommerce-checkout h1.page-title {
	margin-bottom: 24px;
}

.woocommerce div.post-content #payment #place_order, .woocommerce-page div.post-content #payment #place_order {
	background: #ff9000;
	border-color: #999;
	color: #fff;
	margin-left: 12px; 
	text-transform: uppercase;
	text-shadow: none;
}

.woocommerce div.post-content #payment #place_order:hover, .woocommerce-page div.post-content #payment #place_order:hover {
	background: #F9B818; 
	border-color: #ccc; 
	box-shadow: 0 5px 12px -3px #ccc; 
	color: #fff; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.6); 
}

.woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li {
	list-style-type: none; 
}

div.post-content .woocommerce table.shop_table tfoot td, div.post-content .woocommerce table.shop_table tfoot th, div.post-content .woocommerce table.shop_table tfoot tr {
	border: 0; 
}

div.post-content .woocommerce table.shop_table thead {
	background: #eee; 
}

/** SIDEBAR **/

.aside-cart {
	margin-top: 18px;
	padding: 12px 0;
}

.woocommerce div.aside-cart img, .woocommerce-page div.aside-cart img {
	height: 29px;
	margin: 0 18px;
	vertical-align: top;
}

.woocommerce div.aside-cart a.button, .woocommerce-page div.aside-cart a.button {
	font-size: 15px;
	height: 16px;
	text-transform: uppercase;
}

.woocommerce aside p.title {
	background: #aaa;
}

/** ON-PAGE **/

.mc-products {
	border-bottom: 1px solid #ddd; 
	border-top: 1px solid #ddd; 
	clear: both; 
}

.mc-products h2 {
	font-size: 20px; 
	text-transform: uppercase;
}

.mc-products h2 span {
	color: #cf2626; 
	font-size: 14px; 
}

.mc-products .metaslider .caption-wrap {
	background: #fff; 
	color: #000; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 1.4em; 
	opacity: 0.9; 
}

.mc-products .metaslider .caption span {
	color: #cf2626; 
	font-size: 12px; 
}

.mc-products .metaslider .caption a {
	font-size: 12px; 
	text-decoration: underline; 
}

.mc-products .products-carousel .flexslider {
	margin-bottom: 18px;
}

.mc-products .products-carousel .flexslider ul.slides li {
	border: 1px solid #fff; 
	margin-right: 32px; 
}

.mc-products .products-carousel .flexslider ul.slides li:hover {
	border: 1px solid #aaa; 
	box-shadow: 0 1px 9px 0 #999; 
}

.mc-products .products-carousel .flexslider ul.flex-direction-nav li {
	border: 0; 
}

.mc-products .products-carousel .flexslider ul.flex-direction-nav li:hover {
	border: 0; 
	box-shadow: none; 
}

.mc-products .products-carousel .flexslider ul.flex-direction-nav .flex-prev {
	margin-left: -36px; 
}

.mc-products .products-carousel .flexslider ul.flex-direction-nav .flex-next {
	margin-right: -36px; 
}

.mci-prize {
	position: relative;
}

.mci-prize a {
	font-size: 16px;
	font-weight: bold;
	left: 90px;
	position: absolute;
	text-decoration: underline;
	top: 310px;
}

.mcw-win {
	position: relative;
}

.mcw-win a {
	font-size: 16px;
	font-weight: bold;
	left: 460px;
	position: absolute;
	text-decoration: underline;
	top: 335px;
}

.mcw-won, .mcw-mon {
	position: relative; 
}

.mcw-won a, .mcw-mon a {
	font-size: 14px;
	position: absolute;
	text-decoration: underline;

}

.mcw-won a {
	left: 485px;
	top: 110px;
}

.mcw-mon a {
	left: 400px; 
	top: 100px; 
}

.mc-notice {
	font-size: 17px;
	margin: 12px auto 48px auto;
	width: 420px;
}

.mc-notice h1 {
	color: #dd4b39; 
	font-size: 36px;
	line-height: 48px;
	text-align: center;
}


/** MISC. **/

.woocommerce iframe {
	border: 0; 
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a {
	font-size: 13px; 
}

.woocommerce ul.cart_list li a img, .woocommerce ul.product_list_widget li a img, .woocommerce-page ul.cart_list li a img, .woocommerce-page ul.product_list_widget li a img {
	background: #fff; 
	width: 45px; 
}

.woocommerce ul.cart_list li a img:hover, .woocommerce ul.product_list_widget li a img:hover, .woocommerce-page ul.cart_list li a img:hover, .woocommerce-page ul.product_list_widget li a img:hover {
	opacity: 0.6; 
}

aside .woocommerce ul.cart_list li, aside .woocommerce ul.product_list_widget li, aside .woocommerce-page ul.cart_list li, aside .woocommerce-page ul.product_list_widget li {
	padding: 9px 0 12px 0;
}


.e-buy1 h3 {
	font-size: 20px;
	margin-bottom: 24px;
	text-align: center;
}


/** MALAYSIA **/

.sidebar-new aside {
	margin-top: 36px;
}



