@font-face {
    font-family: "Trebuchet MS";
    src: url("http://www.warungmtxl.com/Calibri.ttf") format("truetype");
}

.blueMonth {
	font-family: "Trebuchet MS"; //Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #0033FF; //#0066CC;
	text-decoration: none;
}
.whiteMonth {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.tulisan {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #666; // white; // #666666;
}
.tulisanBlack {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black; // #0033FF;
	//line-height: 15px;
}
.tulisanWhite {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #9a9a9a; // #0033FF;
	//line-height: 15px;
}
.tulisanGray {
	font-family: "Trebuchet MS";
	font-size: 12px; // 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	line-height: 15px;
}
.tulisanSmall {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
}
.tulisanRed {
	font-family: "Trebuchet MS";
	font-size: 12px; // 12px; // 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #da0306;
	line-height: 15px;
}
.tulisanRedStrike {
	font-family: "Trebuchet MS";
	font-size: 12px; // 12px; // 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: line-through;
	color: #da0306;
	line-height: 15px;
}
.angka {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.errorMessages {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.orangeFont {
	font-family: "Trebuchet MS"; // Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}
.orangeFont:hover {
	font-family: "Trebuchet MS"; //  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none; // underline;
}
.pipeline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
.orangeSmallFont {
	font-family:  "Trebuchet MS";
	font-size: 12px; // 11px;
	font-weight: normal;
	color: #FECD38; // FF6600;
	text-decoration: none;
}
.orangeSmallFont:hover {
	font-family:  "Trebuchet MS";
	font-size: 12px; // 11px;
	font-weight: normal;
	color: #FECD38; // FF6600;
	text-decoration: underline;
}
.txtbox {
	font-family:  Arial;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #8b629c;
}
.bgroundOrange {
	font-family:  Arial;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #FF6600;
}
.orangeBigFont {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.orangeSmallFontStrike {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: line-through;
}
.tulisanSmallStrike {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: line-through;
	color: #666666;
	letter-spacing: normal;
}
.borderBox {
	border: 1px solid #C8C8C8; // 666; // #ECECEC;
	font-family: "Trebuchet MS"; // Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; // 11px;
	font-style: normal;
	text-decoration: none;
	color: #454545; // black; // #8b629c;
	// line-height: 2;
	padding: 5px;
}

.whiteBigFont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;	
	font-weight: normal;	
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;	
}
.mainMenu {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	color : #FFFFFF;
	line-height: 15px;
}
.mainMenu:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	color : #8b629c;
	line-height: 15px;
}
.mainMenuBox {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	background-color: #8b629c;
	color : #FFFFFF;
	line-height: 15px;
}
.mainMenu:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFCC00;
	color: #8b629c;
	line-height: 15px;
}
.topMenuBox {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	background-color: #440c5b; // #79b9f5;
	color : #FFFFFF;
	line-height: 15px;
}
.topMenuBox:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFCC00;
	color: #79b9f5;
	line-height: 15px;
}
.topMenu {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	color : #FFFFFF;
	line-height: 15px;
}
.topMenu:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #440c5b; // #79b9f5;
	line-height: 15px;
}
.shortcutMenuBox {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	background-color: #fd7110;
	color : #FFFFFF;
	line-height: 15px;
}
.shortcutMenuBox:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFCC00;	
	color: #fd7110;
	line-height: 15px;
}
.shortcutMenu {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	color : #FFFFFF;
	line-height: 15px;
}
.shortcutMenu:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #fd7110;
	line-height: 15px;
}
.borderTopNBottom {
	border-bottom: 1px solid;
	border-bottom-color: #ECECEC;
	border-top: 1px solid;
	border-top-color: #ECECEC;
}
.borderLeft {
	border-left: 1px dotted;
	border-left-color: #DDDDDD;
}
.borderRight {
	border-right: 1px dotted;
	border-right-color: #DDDDDD;
}
.borderBottom {
	border-bottom: 1px solid;
	border-bottom-color: #ECECEC;
}
.borderTop {
	border-top: 1px solid;
	border-top-color: #ECECEC;
}
.profileName {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #8b629c;
	text-decoration: none;
}
.profileName:hover {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #8b629c;
	text-decoration: underline;
}
.descTxt {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #888888; // #999999;
	text-decoration: none;
}
.starrating {
	margin-bottom:5px;
}
.commentQuote {
	font-family: "Engravers MT";
	font-size: 30px;
	font-weight: normal;
	color: #FF6600;
}
.orangeSmallFontBlink {
	font-family:  "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: blink;
}
body {
	margin:0;
	padding:0;
    	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
}
.tulisanFooter {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.tulisanFooter:hover {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}
.whiteFont {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.whiteFontStrike {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: line-through;
}
.whiteSmallFont {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.whiteSmallFont:hover{
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}
.borderNewsticker {
	border: 1px solid #cc8ee5;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #8b629c;
	background: #eee0f3;
}
.tulisanNewsticker {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #8b629c;
}
.tulisanCombo {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	line-height: 15px;
}
.orangeSmallNoLinkFont {
	font-family:  "Trebuchet MS";
	font-size: 12px; // 11px;
	font-weight: normal;
	color: white; // #FF6600;
	text-decoration: none;
}
.shareBox{
	border-bottom:1px solid #ccc;
	padding:8px 10px 4px 10px;
	color:#00266e;
	font-weight: bold;
	background:#f8f8f8;
}
.sectionBox{
	border-bottom:1px solid #ccc;
	padding:8px 10px 4px 10px;
	color:#00266e;
	font-weight: bold;
	background:#f8f8f8;
}
.pagingBox{
	border-top:1px solid #ccc;
	padding:8px 10px 4px 10px;
	color:#00266e;
	font-weight: bold;
	background:#f8f8f8;
}
.sectionTitle {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #663A79; // rgb(254, 205, 56); // rgb(204, 0, 1); // #663a79; //	#FF6600; 
}
.moduleBox{
	border-bottom:1px solid #ccc;
	padding:8px 10px 4px 10px;
	color:#00266e;
	font-weight: bold;
	background:#f8f8f8;
}
.moduleTitle {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #663a79; //	#FF6600; 
}
.productThumbBox {
	padding: 3px; 
	border: 1px solid #ECECEC;
	background-color:#FFFFFF;
}
.productDescBox {
	padding-left: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border: 1px solid #ECECEC;
	background-color:#f8f8f8;
}
.tulisanWhiteNoLink {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.footerAboutFont {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	color : #FFFFFF;
}