body {
	font-size : 11px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #000000;
	line-height: 150%;
	margin: 0px;
}
table {
	font-size : 11px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #000000;
	line-height: 150%;
}
.detail {
	font-size : 10px;
   	color : #666666;	
	line-height: 115%;
}
input.button {
	font-size : 11px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #000000;
	padding:3px;	
}
input.field {
	font-size : 11px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #000000;
	border: 1px solid #7694B8;	
	background-color: #F4F5F7;		
}
select {
	font-size : 11px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #000000;
	border: 1px solid #7694B8;	
	background-color: #F4F5F7;		
}
textarea {
	font-size : 11px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #000000;
	border: 1px solid #7694B8;	
	background-color: #F4F5F7;		
	line-height : 150%;	
	padding:5px;
}
.invfield {
	border: 2px solid #FFFFFF;
	background-color: #ffffff;	
	font-size : 11px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #000000;
	line-height : 150%;	
	margin : 0px;
	padding : 0px;	
	font-weight:bold;
}
.error {
	font-size : 11px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #FF0000;
	line-height : 150%;
}

a.buttextlight {
   	color : #ffffff;
	font-weight:bold;
	text-decoration:none;
}
a.buttextdark {
   	color : #404040;
	font-weight:bold;
	text-decoration:none;
}
a.buttextlight:hover {
   	color : #efefef;
	font-weight:bold;
	text-decoration:none;
	line-height : 100%;
}
a.buttextdark:hover {
   	color : #666666;
	font-weight:bold;
	text-decoration:none;
	line-height : 100%;
}
a.greentab {
	font-size : 12px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #527900;
	line-height : 100%;
	font-weight:bold;
	text-decoration:none;
}
a.graytab {
	font-size : 12px;
   	font-family : Verdana, Arial, Helvertica, sans-serif;
   	color : #484848;
	line-height : 100%;
	font-weight:bold;
	text-decoration:none;
}

a.cart       		{ color:#666666; text-decoration:none  }
a.cart:link       	{ color:#666666; text-decoration:none  }
a.cart:hover      	{ color:#000000; text-decoration:none  }

a.menu       		{ padding: 2px; color:#333; background-color:#fff; text-decoration:none; display:block; }
a.menu:link       	{ padding: 2px; color:#333; background-color:#fff; text-decoration:none; display:block; }
a.menu:hover      	{ padding: 2px; color:#333; background-color:#f2f2f2; text-decoration:none; display:block; }
a.menu:visited       { padding: 2px; color:#333; text-decoration:none; display:block; }

a.mylink       		{ color:#666666; font-size:10px; font-weight:bold; text-decoration:none  }
a.mylink:link       	{ color:#666666; font-size:10px; font-weight:bold; text-decoration:none  }
a.mylink:hover      	{ color:#999999; font-size:10px; font-weight:bold; text-decoration:underline  }

/* start dome */
		.trigger{
			cursor:pointer;
			padding:2px;
			display:block;
		}		
		.trigger:hover{
			cursor:pointer;
			padding:2px;
			background:#E6E9EC;
			display:block;
		}		
		.expanded{
			cursor:pointer;
			padding:2px;
			display:block;
		}
		.expanded:hover{
			background:#E6E9EC;
			padding:2px;
			cursor:pointer;
			display:block;
		}
		.show{
			 position:static;
			 display: table;
			 display:block;
		}
		.hide{
			position:absolute;
			left:-999em;
			height:1px;
			/*width:100px;*/
			overflow:hidden;
			display:block;
		}
		img {
			border:0px;
		}
div#invisible
{
	margin: 0px 20px 0px 20px;
	display: none;
}		

.sembunyi {	
	display: none; 
	/*background-color: #F2F2F2; 
	border: thin none #003399;
	padding: 5px 5px 5px 5px;*/
}

a.tooltip {
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
	line-height: 110%;
	}

a.tooltip:hover {
	z-index:25; 
	background-color:#ff0; 
	color:#000000; 
	text-decoration:none; 
	line-height: 110%;
	}

a.tooltip span {display: none}

a.tooltip:hover span { /*the span will display just on :hover state*/
    font-size:10px;
	display:block;
    position:absolute;
    top:-45px; left:-270px; width:260px;
    border:1px solid #FFCC00;
    background-color:#FFFFCC; 
	color:#000;
	padding: 10px;
    text-align: left;
	}
	
/* Advanced Search Form */

.AdvancedSearchInput {width: 60% !important;}

.AdvancedUserInput, #DiscussionAutoCompleteResults,

#CommentAutoCompleteResults {width: 194px !important;}	

/* Autocomplete results */

.AutoCompleteContainer {border: 1px solid #EEE;	border-top: 0;}

.AutoCompleteContainer td {padding: 2px;cursor: pointer;}

.AutoCompleteRow td {background: #FFF;}

.AutoCompleteHoverRow td {background: #CC0000;color: #FFF;}

/* AJAX TABS.CSS */

/* ######### CSS for FAQ & Item Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 25px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #eaeaea;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}



.shadetabs_item{
padding: 3px 0;
margin-left: 25px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs_item li{
display: inline;
margin: 0;
}

.shadetabs_item li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #999999;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs_item li a:visited{
color: #2d2b2b;
}

.shadetabs_item li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.shadetabs_item li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs_item li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs_item li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Store Tabs. Remove if not using ######### */

.storetabs{
padding: 3px 0;
margin-left: 25px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.storetabs li{
display: inline;
margin: 0;
}

.storetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #eaeaea;
color: #2d2b2b;
/*background: #DDDDDD url(images/.gif) top left repeat-x;*/
background-color: #DDDDDD;
}

.storetabs li a:visited{
color: #2d2b2b;
}

.storetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.storetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.storetabs li a.selected{ /*selected main tab style */
background-image: url(images/shade.gif);
border-bottom-color: #E6E9EC;
}

.storetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}



.storetabs_item{
padding: 3px 0;
margin-left: 25px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.storetabs_item li{
display: inline;
margin: 0;
}

.storetabs_item li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #999999;
color: #2d2b2b;
background: #efefef url(images/.gif) top left repeat-x;
}

.storetabs_item li a:visited{
color: #2d2b2b;
}

.storetabs_item li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.storetabs_item li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.storetabs_item li a.selected{ /*selected main tab style */
background-image: url(images/shade.gif);
border-bottom-color: #E6E9EC;
}

.storetabs_item li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* DHTMWINDOW.CSS */

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 12px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

@font-face {
	font-family: 'FreestyleScriptRegular';
	src: url('fontface/FREESTYLE_SCRIPT.eot');
	src: local('Freestyle Script Regular'), local('FreestyleScript-Regular'), url('fontface/FREESTYLE_SCRIPT.ttf') format('truetype'), url('fontface/FREESTYLE_SCRIPT.svg#FreestyleScript-Regular') format('svg');
}

@font-face {
	font-family: 'TrumaniaEENPlain';
	src: url('fontface/TRUMANIA.eot');
	src: local('Trumania EEN Plain'), local('TrumaniaEENPlain'), url('fontface/TRUMANIA.ttf') format('truetype'), url('fontface/TRUMANIA.svg#TrumaniaEENPlain') format('svg');
}

@font-face {
	font-family: 'ArnoProCaption';
	src: url('fontface/ArnoPro-Caption.eot');
	src: local('Arno Pro Caption'), local('ArnoPro-Caption'), url('fontface/ArnoPro-Caption.otf') format('opentype'), url('fontface/ArnoPro-Caption.svg#ArnoPro-Caption') format('svg');
}

		p.trumania-big {font: 32px/40px 'TrumaniaEENPlain', Arial, sans-serif;letter-spacing: 0; line-height:80%}
		p.trumania {font: 18px/27px 'TrumaniaEENPlain', Arial, sans-serif;}
		 .arial-small {font: 11px Arial, sans-serif; line-height:115%; color:#666666}
		h2.arno {font: 36px/44px 'ArnoProCaption', Arial, sans-serif;letter-spacing: 0;}
		p.arno {font: 26px/36px 'ArnoProCaption', Arial, sans-serif; color:#CC0000; line-height:100%}
		.arno-medium {font: 18px/24px 'ArnoProCaption', Arial, sans-serif;; line-height:105%}
		.arno-small {font: 14px/20px 'ArnoProCaption', Arial, sans-serif;; line-height:98%}
		#container {
			width: 500px;
			margin-left: auto;
			margin-right: auto;
		}
		#platinumbox {
			width: 56px;
			height:26px;
			padding:2px;
			font: 11px Arial, sans-serif; 
			line-height:115%; 
			color:#000000;
			border: 1px solid #FF3300;
			background-color:#FFCC99;
			text-align:center;
			vertical-align:middle;
		}
		#goldbox {
			width: 56px;
			height:26px;
			padding:2px;
			font: 11px Arial, sans-serif; 
			line-height:115%; 
			color:#000000;
			border: 1px solid #FFCC00;
			background-color:#FFFFCC;
			text-align:center;
			vertical-align:middle;
		}
		#beginnerbox {
			width: 56px;
			height:26px;
			padding:2px;
			font: 11px Arial, sans-serif; 
			line-height:115%; 
			color:#000000;
			border: 1px solid #99CC00;
			background-color:#f1ffb9;
			text-align:center;
			vertical-align:middle;
		}				
		.red {color: #CC0000}		
		
		#navlist
		{
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		font: 14px sans-serif, Arial;
		line-height:150%;
		}
		
		#navlist li
		{
		padding-left: 20px;
		background-image: url(images/bullet-tick.gif);
		background-repeat: no-repeat;
		background-position: 0 0.2em;
		}	
		
/* affiliate		 */
#greenbox {
	font: 14px Arial, sans-serif; 
	line-height:115%;
	background-color:#f1ffb9; 
	border:2px solid #99cc00;
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#orangebox {
	font: 14px Arial, sans-serif; 
	line-height:115%;
	background-color:#ffffcc; 
	border:2px solid #FFcc66;
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#redbox {
	font: 14px Arial, sans-serif; 
	line-height:115%;
	background-color:#ffcc99; 
	border:2px solid #FF3300; 
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#container {
			width: 500px;
			margin-left: auto;
			margin-right: auto;
}

.small {
	font-size:11px;
	line-height: 120%;
}

.medium {
	font-size:14px;
	line-height: 125%;
}

.big {
	font-size: 16px; 
	line-height:115%;
	font-weight:bold;
}