@charset "UTF-8";
/* CSS Document */


@font-face {
        font-family: "Perpetua";
        src: url("http://www.meeka.com/fonts/ppt.eot");
        src: url("http://www.meeka.com/fonts/ppt.eot?#iefix") format("embedded-opentype"),
        url("http://www.meeka.com/fonts/ppt.svg#Perpetua") format("svg"),
        url("http://www.meeka.com/fonts/ppt.woff") format("woff"),
        url("http://wwww.meeka.com/fonts/ppt.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
    }

	
body { margin:0px; padding:0px; font-family:"Arial", Gadget, sans-serif; font-size:12px; font-weight:normal; background-color:#F5F7E0; 
}

#meekaborder { width:98%; margin:0px auto;  padding:1%; height:auto; float:left; display:block; background-image:url(../images/meekabg.jpg);  }
#meeka { width:100%; margin:0px auto; background-color:#F5F7E0; height:auto; float:left; display:block; }

#header { width:100%; margin-top:20px; background-color:#F5F7E0; background-color:#F5F7E0 !important; display:block;  }

#headerleft { width:15%; float:left; margin-left:5%; display:block; background-color:#F5F7E0;  }
#headerleft img { width:100%; height:auto; }
#headercenter { float:left; width:45%; display:block; text-align:center; background-color:#F5F7E0;  }
#headercenter h1 { font-size:17px; font-family:"Perpetua","Arial", Gadget, sans-serif;  }
#headercenter input { border:1px solid #CCC; padding:3px; width:170px; height:22px;  }
#headercenter input[type="image"] { border:0px solid #CCC; padding:3px;   }
#headercenter p { font-size:16px; font-family:"Perpetua","Arial", Gadget, sans-serif;  }
#headerright { width:35%; float:left; }
#headerright #headercontactus { width:50%; float:left; font-size:14px; margin-top:40px; text-transform:uppercase; }
#headerright #headerfollowus { width:40%; float:left; }
#headerright #headerfollowus h1 { font-size:14px; }
#headerright #headerfollowus ul { float:left; display: block; }
#headerright #headerfollowus ul li { list-style:none; margin:0px; display:block; margin-left:-50px; }
#headerright #headerfollowus ul li a img { border:none; } 

#header #meekamenuleft { clear:both; float:left; width:75%; margin-top:20px; margin-bottom:20px; margin-left:2%; font-family:"Perpetua","Arial", Gadget, sans-serif;  }
#header #meekamenuleft li { float:left; padding-right:20px; display:block; text-decoration:none; color:#000; } 
#header #meekamenuleft li a { text-decoration:none; color:#000; font-size:24px; text-transform:uppercase; height:60px;  }

#header #meekamenuright { float:left; width:21%; margin-top:20px; margin-bottom:20px; margin-left:2%; }
#header #meekamenuright img { margin-right:20px; border:none; }

#header #mainbanner { clear:both; float:left; width:100%; }
#header #mainbanner img { width:100%; height:auto;  }  

#meekafrontpage { clear:both; float:left; width:98%; padding-left:1%; padding-right:1%;  margin-top:20px; margin-bottom:20px; }	
#meekafrontpage article { font-size:12px; line-height:20px; } 


#middleleft { float:left; display:block; width:65%; margin-top:20px; }
#middleleft ul {  margin:0px; padding:0px; }
#middleleft ul li { list-style:none; width:33.3%; float:left; text-align:center; margin:0px; padding:0px; }
#middleleft ul li h1 { font-size:14px; }
#middleleft ul li img { height:auto; width:96%; border:none; }
#middleleft ul li a { border:none; }

#middleright { float:left; display:block; width:35%; margin-top:20px; }
#middleright ul {  margin:0px; padding:0px; }
#middleright ul li { list-style:none; width:100%; float:left; text-align:center; margin:0px; padding:0px; }
#middleright ul li h1 { font-size:14px; }
#middleright ul li img { height:auto; width:95%; border:none; }


#footer { background-color:#CDC7B7; float:left; display:block; width:100%; }
#footer #footerleft { float:left; width:25%; text-align:center; font-family:"Perpetua","Arial", Gadget, sans-serif;  }
#footer #footerleft h1 a { text-decoration:none; color:#000; line-height:2; font-family:"Perpetua","Arial", Gadget, sans-serif; }

#footer #footerleft ul { font-size:16px; padding-left:0px; } 
#footer #footerleft ul li { list-style:none; font-size:20px; font-style:inherit; font-weight:bold; } 
#footer #footerleft ul li a { text-decoration:none; color:#000; line-height:2; font-family:"Perpetua","Arial", Gadget, sans-serif; }
#footer #footerleft p { font-size:16px; font-family:"Perpetua","Arial", Gadget, sans-serif; }
		 
#footer #footercenter { float:left; width:35%; text-align:center; margin-top:40px; }
#footercenter h1 { font-size:17px; font-family:"Perpetua","Arial", Gadget, sans-serif;  }
#footercenter h2 { font-size:16px; font-family:"Perpetua","Arial", Gadget, sans-serif; font-style:italic;  }
#footercenter input { border:1px solid #CCC; padding:3px; width:170px; height:22px;  }
#footercenter p { font-size:16px; font-family:"Perpetua","Arial", Gadget, sans-serif;  }

#footer #footerright { float:left; width:40%; }
#footer #footerright1 { float:left; width:20%; display:block; }
#footer #footerright1 ul {}
#footer #footerright1 ul li { list-style:none; margin-left:0px; padding-left:0px; font-size:20px; font-style:italic; line-height:30px; margin-top:50px; }
#footer #footerright1 ul li a { text-decoration:none; color:#000; }

#footer #footerright2 { float:left; width:40%; text-align:center; margin-top:20px; text-align: center; }
#footer #footerright2 h1 { font-size:14px; margin-top:20px; 	 }
#footer #footerright2 ul { float:left; display:block; margin-left:0px; list-style:none; }
#footer #footerright2 ul li { float:left; margin-left:0px; display:block; width:100%;  }
#footer #footerright2 ul li a img { border:none; } 
#footer #footerright2 a img { border:none; } 
	
#footer #footerright3 { float:left; width:30%; text-align:center; margin-top:40px; text-transform:uppercase; }
#footer #footerright3 img { margin-top:15px; border:none; }	

#footer #footerbottom { clear:both; float:right; width:98%; color:#000; font-size:16px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-align:right; margin-right:2%; margin-top:-20px;  }
#footer #footerbottom a:hover, a:visited { color:#000; margin-right:2%; }
#footer #footerbottom a { margin-right:2%; }
	
#prodheader { padding-top:10px; }
#prodheader #prodheaderleft { margin-left:2%; width:14%; margin-top:30px; float:left; }
#prodheader #prodheaderleft img { width:80%; height:auto; }
#prodheader #prodheaderleft a img { border:none; }

#prodheader #prodheaderright { float:left; display:block; width:80%; margin-right:2%; }
#prodheader #prodheaderright #phltop1 { width:25%; font-size:20px; float:left; margin-top:20px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform: capitalize; font-style:italic; font-weight:bold;  }	
#prodheader #prodheaderright #phltop1 a { text-decoration:none; color:#000; } 
#prodheader #prodheaderright #phltop2 { width:25%; font-size:16px; float:left; margin-top:20px;   }	
#prodheader #prodheaderright #phltop3 { width:35%; font-size:16px; float:left; margin-top:20px;   }	
#prodheader #prodheaderright #phltop4 { width:15%; font-size:16px; float:left;  }	
#prodheader #prodheaderright #phltop4 a { text-decoration:none; color:#000; } 
#prodheader #prodheaderright #phltop4 img { width:50%; height:auto; }
#prodheader #prodheaderright hr { width:100%; }

#prodheader #prodheaderright #prodmeekamenu { clear:both; float:left; width:100%; margin-top:10px; margin-bottom:20px; font-family:"Perpetua","Arial", Gadget, sans-serif;  }
#prodheader #prodheaderright #prodmeekamenu ul { margin:0px; padding:0px; }
#prodheader #prodheaderright #prodmeekamenu ul li { float:left; padding-right:20px; display:block; text-decoration:none; color:#000; } 
#prodheader #prodheaderright #prodmeekamenu ul li a { text-decoration:none; color:#000; font-size:24px; text-transform:uppercase; height:60px;  }


#prodmiddle #prodleft { float:left; width:15%; margin-top:20px; text-align:center; }
#prodmiddle #prodleft ul { font-size:23px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform: uppercase; margin:0px; padding:0px;  }
#prodmiddle #prodleft ul li { text-transform:capitalize; list-style:none; font-size:20px; }
#prodmiddle #prodleft ul li a { color:#000; font-style:italic; text-decoration:none; }

#prodmiddle #prodcenter { float:left; width:35%; margin-top:-20px; min-height:800px; }
#prodmiddle #prodcenter h1 { text-align:center; font-family:"Perpetua","Arial", Gadget, sans-serif; font-size:28px; font-weight:normal; line-height:0px; }
#prodmiddle #prodcenter img { width:100%; height:auto; }
#prodmiddle #prodcenter ul { margin:0px; padding:0px; width:102%; margin-top:30px; margin-bottom:20%; }
#prodmiddle #prodcenter ul li { list-style:none; width:33.3%; float:left; text-align:center; margin:0px; padding:0px; margin-top:-15px; }
#prodmiddle #prodcenter ul li img { width:94%; float:left; }
#prodmiddle #prodcenter ul li h3 { font-size:19px; font-weight:normal; font-style:italic; font-family:"Perpetua","Arial", Gadget, sans-serif;  }

#prodmiddle #prodright { float:left; width:46%; margin-right:2%; margin-left:2%; margin-top:20px; }
#prodmiddle #prodright article { font-size:16px; } 
#prodmiddle #prodright #prodfeatures { width:50%; float:left; margin-right:2%; }
#prodmiddle #prodright #prodfeatures ul { margin:0px; padding:0px; margin-top:10px; }
#prodmiddle #prodright #prodfeatures ul li { font-size:14px; margin-left:10px; font-size:12px;  } 

#prodmiddle #prodright #prodboxes { width:44%; float:left; padding:2%; background-color:#C8C2B2; margin-top:10px; font-family:"Perpetua","Arial", Gadget, sans-serif; font-weight:bold; font-size:14px;  }


#prodmiddle #prodchoose { float:left; margin-left:2%; margin-right:2%; padding:1%; width:44%; display:block; font-family:"Perpetua","Arial", Gadget, sans-serif; margin-top:2%; font-size:16px;  }

#prodmiddle #prodchoose #prodselection { float:left; margin-right:1%; width:49%; display:block; }
#prodmiddle #prodchoose #prodselection h1 { font-size:14px; clear:both; }
#prodmiddle #prodchoose #prodselection ul { margin-left:-40px; margin-top:0px; }
#prodmiddle #prodchoose #prodselection ul li { display:block; width:39px; margin:2px 2px 2px 2px; border:1px solid #a6a6a6; padding:1px; -moz-border-radius:2px; border-radius:2px; overflow: hidden; float:left;  }
#prodmiddle #prodchoose #prodselection #size { width:100%; float:left; }
#prodmiddle #prodchoose #prodselection input[type="radio"] { background-color:#C8C2B2; border: initial;font: -webkit-small-control;color: initial;letter-spacing: normal; display:none; width:30px; float:left; }
#prodmiddle #prodchoose #prodselection input[type="radio"]:checked + label{ font-weight: bold; color:# 333; background-color:#C8C2B2; }
#prodmiddle #prodchoose #prodselection label { display:block; width:39px; float:left; text-align:center } 
#prodmiddle #prodchoose #prodselection #prodsizing { float:left; width:70%; margin-right:2%; display:block; }
#prodmiddle #prodchoose #prodselection #prodsizechart { float:left; width:28%; display:block; }
#prodmiddle #prodchoose #prodselection #prodsizechart a img { border:none; }
#prodmiddle #prodchoose #prodselection select { border:1px solid #000; height:25px; }
#prodmiddle #prodchoose #prodselection .imgSubmit { background-image:url(../images/addtoshoppingbag.png); width:191px; height:39px;background-position:  0px 0px; background-repeat: no-repeat;border: 0px; background-color: none;cursor: pointer; outline: 0; margin-top:20px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }

#prodmiddle #prodchoose #prodvideos { float:left; margin-right:1%; width:49%; display:block; text-align:center; }
#prodmiddle #prodchoose #prodvideos img { width:90%; height:auto; }
#prodmiddle #prodchoose #prodvideos h1 { font-size:14px; }	
#prodmiddle #prodchoose #prodvideos p img { width:40%; height:auto; }


	
#prodmiddle #testimonial { float:left; margin-left:2%; margin-right:2%; padding:1%; width:44%; display:block; background-color:#C8C2B2; font-family:"Perpetua","Arial", Gadget, sans-serif; margin-top:2%; font-size:16px; margin-bottom:2%;  }
#prodmiddle #testimonial h1 { font-size:20px; }
.testimonialby { font-style:italic; text-align:right; }



#customercare { width:98%; float:left; padding-left:1%; padding-right:1%; margin-bottom:10px; }
#customercare ul { width:33%; float:left; list-style:none; margin:0px; padding:0px; margin-top:40px; margin-bottom:40px; text-align:center;  }
#customercare ul li { height:25px; font-size:20px; font-family:"Perpetua","Arial", Gadget, sans-serif; }
#customercare ul li a { text-decoration:none; color:#000; } 

#customercare article { padding-left:10%; padding-right:10%; width:80%; margin-bottom:40px; }
#customercare article h1 { font-size:20px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform:uppercase; }
#customercare article h2 { font-size:16px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform:uppercase; margin-top:-10px; }
#customercare article p { line-height:20px; margin-top:-10px; }
#customercare #menuarea { float:left; width:20%; line-height:22px; margin-bottom:50px;font-size:16px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform:uppercase; }
#customercare #menuarea a { text-decoration:none; color:#000; }

#customercare #contentarea { float:left; width:20%; margin-bottom:20px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform:uppercase; font-size:20px; }

#customercare label { float:left; width:100%; display:block; margin-top:10px; }
#customercare input[type=text] { float:left; width:50%; display:block; height:23px;}
#customercare input[type=submit] { clear:both; float:left; display:block; margin-top:10px; border:1px solid #333; padding:10px; background-color:#000; color:#FFF; }
#customercare textarea { clear:both; float:left; width:75%; height:150px; }

#customercare #customercareright ul { width:100%; margin-top:0px; }
#customercare #customercareright ul li { width:50%; float:left; display:block; text-align:left; }
#customercare #customercareright ul li p { font-size:16px; font-weight:bold; }
		
#customercare #sitemapleft { width:50%; float:left; }
#customercare #sitemapleft a, a:hover, a:visited, a:link { color:#000; } 
#customercare #sitemapright { width:50%; float:left; }


#viewcart { width:80%; float:left; padding-left:10%; padding-right:10%; margin-bottom:10px;  }
#viewcart h1 { font-size:20px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform:uppercase; }

.prodimage { width:17%; margin-right:2px; background-color:#333; display:block; float:left; padding:1%; color:#FFF; } 
.prodname { width:17%; margin-right:2px; background-color:#333; display:block; float:left; padding:1%; color:#FFF; } 
.prodprice { width:17%; margin-right:2px; background-color:#333; display:block; float:left; padding:1%; color:#FFF; } 
.prodqty { width:17%; margin-right:2px; background-color:#333; display:block; float:left; padding:1%; color:#FFF; } 
.prodempty { width:17%; margin-right:2px; background-color:#333; display:block; float:left; padding:1%; } 

#viewcartprodimage { width:17%; margin-right:2px; display:block; float:left; padding:1%; color:#000; } 
#viewcartprodname { width:17%; margin-right:2px; display:block; float:left; padding:1%; color:#000; } 
#viewcartprodprice { width:17%; margin-right:2px; display:block; float:left; padding:1%; color:#000; } 
#viewcartprodqty { width:17%; margin-right:2px; display:block; float:left; padding:1%; color:#000; } 
#viewcartprodempty { width:17%; margin-right:2px; display:block; float:left; padding:1%;} 

#viewcartsubmit { float:left; width:95%; margin-bottom:20px; }


#signin { width:80%; float:left; padding-left:10%; padding-right:10%; margin-bottom:10px;  }
#signin h1 { font-size:20px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform:uppercase; }


#signinleft { float:left; width:50%; display:block; margin-bottom:20px; }
#signinleft h2 { font-size:14px; }
#signinleft h3 { font-size:13px; font-weight:normal; margin-bottom:20px; }
#signinleft label { clear:both; width:30%; float:left; display:block; margin-bottom:5px; }
#signinleft input[type=text] { float:left; width:30%; display:block; height:20px; line-height:25px; margin-bottom:5px;}
#signinleft input[type=password] { float:left; width:30%; display:block; height:20px; line-height:25px; margin-bottom:5px;}

#signinright { float:left; width:49%; display:block; margin-bottom:20px; margin-left:1%; }
#signinright h2 { font-size:14px; }
#signinright h3 { font-size:13px; font-weight:normal; margin-bottom:20px; }
#signinright label { clear:both; width:30%; float:left; display:block; margin-bottom:5px; }
#signinright input[type=text] { float:left; width:30%; display:block; height:20px; line-height:25px; margin-bottom:5px;}
#signinright input[type=password] { float:left; width:30%; display:block; height:20px; line-height:25px; margin-bottom:5px;}

#myaccount { width:80%; float:left; padding-left:10%; padding-right:10%; margin-bottom:10px;  }
#myaccount h1 { font-size:20px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform:uppercase; }
#myaccount div { float:left; width:50%; display:block; }

#myaccount #myaccountleft { float:left; width:50%; display:block; }
#myaccount #myaccountleft div { border:1px solid #000; width:80%; margin:0px; padding:0px; margin-bottom:20px; }
#myaccount #myaccountleft div ul { list-style:none; background-color:#000; color:#FFF; width:100%; margin:0px; padding:0px; line-height:25px;  }
#myaccount #myaccountleft div ul span { margin-left:2%; }
#myaccount #myaccountleft div ul li { background-color:#FFF !important; }
#myaccount #myaccountleft div ul li span { margin-left:2%; }
#myaccount #myaccountleft div ul li span a { color:#000; }
#myaccount #myaccountleft div ul li span a:hover { color:#000; }


#myaccount #myaccountright { float:left; width:50%; display:block; }
#myaccount #myaccountright div { border:1px solid #000; width:80%; margin:0px; padding:0px; margin-bottom:20px; }
#myaccount #myaccountright div ul { list-style:none; background-color:#000; color:#FFF; width:100%; margin:0px; padding:0px; line-height:25px;  }
#myaccount #myaccountright div ul span { margin-left:2%; }
#myaccount #myaccountright div ul li { background-color:#FFF !important; color:#000 !important; }
#myaccount #myaccountright div ul li span { margin-left:2%; }
#myaccount #myaccountright div ul li span a { color:#000; }
#myaccount #myaccountright div ul li span a:hover { color:#000; }

#myaccount .accountborder {
	border:solid #000 1px;
}
#myaccount .accounttitle {
font-size:13px; color:#FFFFFF; background-color:#000; line-height:25px; padding-left:10px;
}

#myaccount .accounttitlelink {
font-size:13px; line-height:20px; padding-left:10px; height:20px;color:#000;
}

#myaccount .accounttitlelinked { 
	color:#6A0203;font-size:13px;
}

#viewcartleft { float:left; width:50%; display:block; margin-bottom:20px; }
#viewcartright { float:left; width:49%; display:block; margin-bottom:20px; margin-left:1%; }

#viewcart table { color: #000; }
#viewcart .fullimage { width:100%; height:auto; }
.bordertable { border:#000 1px solid; }
.turun { margin-top:20px;}
.tabletitle { color:#FFF; background-color:#000; height:25px; }
.hitam { background-color:#000; color:#000; }

#viewcartleft2 { float:left; width:74%; display:block; margin-bottom:20px; }
#viewcartright2 { float:left; width:25%; display:block; margin-bottom:20px; margin-left:1%; }

#viewcartpaid { float:left; width:100%; display:block; margin-bottom:20px; }


#createwholesaler { width:78%; float:left; padding-left:11%; padding-right:11%; margin-bottom:10px; }
#createwholesaler article { padding-left:10%; padding-right:10%; width:80%; margin-bottom:40px; }
#createwholesaler h1 { font-size:20px; font-family:"Perpetua","Arial", Gadget, sans-serif; text-transform:uppercase; }
#createwholesaler input[type=text] { float:left; width:50%; display:block; height:20px; line-height:25px; margin-bottom:5px;}
#createwholesaler input[type=password] { float:left; width:50%; display:block; height:20px; line-height:25px; margin-bottom:5px;}

		
/*320*/
@media only screen and (min-width: 20.063em) and (max-width: 40.063em) {



}

/*641*/
@media only screen and (min-width: 40.063em)  and (max-width: 64.063em) {


}


/*1024*/
@media only screen and (min-width: 64.063em) {


}

/*1440*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) {

}


/*1921*/
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
	
	
}/* CSS Document */


/*
@font-face { 
	font-family:'Perpetua';
	src:url(http://www.meeka.com/fonts/ppt.eot);
	src:local('☺'),url(http://www.meeka.com/fonts/ppt.woff) format('woff'),url(http://www.meeka.com/fonts/ppt.ttf) format('truetype'),url(http://www.meeka.com/fonts/ppt.svg#webfontYkbWDHlk) format('svg');font-weight:normal;font-style:normal; }
*/