* {
	margin:0;
	padding:0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

a img {
	border:none;
}

body {
	text-align:center;
	font-family:Verdana, Tahoma, sans-serif;
	color: black;
	background-color:#bdbdbd;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote {
	margin: 0 0 1em 1.5em; 
	font-style:italic;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

ul,ol {
	padding:0 0 10px 20px;
	margin:0 0 10px 20px;
}

li {
	line-height:150%;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}
h2 {
	font-size:20px;
}

h3 {
	font-size:16px;
}

#headbar {
	background:#aaa url(../images/navBarBg.gif) right top no-repeat; 
	height:20px;
	color:#fff;
	padding:5px;
}
#headbar span {
	float:left;
	color:#cdff8b;
}
#headbar span a{
	display:block;
	padding: 5px 15px;
	float:left;
	color:#fff;
	font-size:10px;
	font-weight:700;
}
#headbar span a:hover{
	color:#fc0;
}

a {
	color:#090;
	text-decoration:none;	
}	

 /***** Global Classes *****/

 .clear         	{ clear:both; }
 .float-left,.flleft    	{ float:left; }
 .float-right,.flright   	{ float:right; }

.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center   	{ text-align:center; }
.text-justify  	{ text-align:justify; }

.bold          		{ font-weight:bold; }
.italic        	{ font-style:italic; }
.underline     	{ border-bottom:1px solid; }
.highlight     	{ background:#ffc; }


.img-left, .alignleft      	{ float:left;margin:4px 10px 4px 0; }
.img-right , .alignright    	{ float:right;margin:4px 0 4px 10px; }

.nopadding     	{ padding:0; }
.padding10 	  	{ padding:10px;}
.paddingLeft10 	  	{ padding-left:10px;}
.paddingRight10 	  	{ padding-right:10px;}
.noindent      	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }
 
.bd1px 	{ border:1px solid #ddd; }
.bd3px 	{ border:1px solid #ddd; }	
.bd5px 	{ border:5px solid #ddd;}	  
.left-border { border-left:1px solid #ddd;}
.right-border{ border-right:1px solid #ddd;}

.centering {
	margin:0 auto;
}

.box300{
	width:300px;
}
.error {
	color:#cc0000;
}

.empty {
	color:#666;
	font-style:italic;
}

.success {
	color:#06c;
}

.infobox {
	border:1px solid #fe0;
	background:#fffc9c;
	padding:10px;
}
.clear 			{ clear:both; }

.clearfix:after 	{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.halfbox {
	width:43%;
}

/***** Global Classes *****/
#page {
	text-align:left;
	background:#fff;/*url(../images/pagebg.gif) repeat-y; */
	padding:0 15px 0 15px;
	margin:0 auto;
	width:880px;
}

#splashPage {
	text-align:left;
	width:600px;
	margin: 15px auto;
	background:#fff;
	padding:15px;
}

#splashPage #foot{
	border-top:1px solid #ccc;
	margin:0;
	width:600px;
	text-align:center;
}

#entersplash {
	text-align:left;
	background:#f5f5f5;
	padding:0;
}

#entersplash span a{
	display:block;
	float:left;
	background:#9aea00;
	width:110px;
	font-weight:700;
	font-size:18px;
	text-align:center;
	padding:15px 20px;
	margin:0 10px 0 0;
	color:#fff;
}

#entersplash strong {
	font-weight:normal;
	line-height:45px;
	color:#888;
	font-size:12px;
}

#entersplash span a:hover{
	background:#f60;
	color:#fff;
}

#head {
	/*background:url(../images/splash.jpg) no-repeat right bottom;*/
	height:190px;
	overflow:hidden;
}

#content{
	font-size:13px;
	background:#fff;
}

#content h2{
	color:#690;
	margin:5px 0 15px;
}

#content h3{
	clear:both;	
	color:#89e000;
	margin:5px 0 15px;
}

#content p {
	line-height:150%;
	font-size:12px;
	padding:5px 0 12px 5px;
}

#Content{
	width:650px;
	float:right;	
	background:#fff;
}



.genNavLeft{
	background:url(../images/left_dot.gif) 200px 0 repeat-y;
}

#navcol {
	background:#def8ff;
	width:220px;
	float:left;
}

#headnav {
	list-style:none;
	margin:0;
	padding:0;
	height:160px;
}

#headnav li {
	float:left;
	padding:0;
	text-align:center;
}

#navigation {
	width:220px;
	margin:0 0 10px;
}

#navigation li {
	font-size:13px;
	line-height:20px;
	text-align:left;
}

#navigation li a{
	display:block;
	color:#fff;
	height:20px;
	padding:10px 20px 10px 30px;
	overflow:hidden;
	background:#96ec00;
	border-top:1px solid #deffa4;
	border-bottom:1px solid #89d800;
}
#navigation li a:hover{
	background:#fc0;
}


#logo {
	padding:0;
}

/* box */
#LeftBox {
	position:relative;
	float:left;
	width:200px;
}
* html #leftbox200 { position:relative; } 

#leftbox300{
	width:300px;
}

#rightbox550{
	width:550px;
	float:right;
}

#rightbox500{
	width:500px;
	float:right;
}

#rightbox600{
	width:600px;
	float:right;
}

#rightbox650{
	width:650px;
	float:right;
}



/* end of box */

.splash {
	height:258px;
}



#upline {
	font-size:11px;
	padding:15px;
	border-top:5px solid #690;
}

#upline {
	border-top:5px solid #f60;
}

#upline h3{
	font-size:18px;
	color:#690;
	margin:0 0 8px;
}

#upline h3{ 
	color:#f60;
}



#foot {
	clear:both;
	width:880px;
	color:#666;
	background:#eee;
	padding:5px 0px 10px;
	margin:20px auto 0;
	line-height:150%;
	border-top:2px solid #baff00;
}

#foot p {
	font-size:10px;
	padding:10px;
}

#footNav {
	padding:0 20px 5px;
	color:#ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
}
#footNav  a{
	padding:0 10px 0 0;
	font-size:11px;
	font-weight:700;
	color:#666;	
}

#footNav  a:hover{
	color:#f80;
}

#signIn {
	text-align:right;
	background:#999;
	height:60px;
	overflow:hidden;
}

.forgotPass {
	color:#f80;
	padding:3px;
	border-bottom:1px dashed #fc0;
}

.frmgeneral {
	margin:0 0 10px;
}
.frmgeneral select, .frmgeneral textarea,.frmgeneral input {
	font-family:Arial, sans-serif;
} 
.frmgeneral h3 {	
	color:#690;
	margin:0 0 15px;
	font-size:18px;
}

.frmgeneral label {
	float:left;
	display:inline;
	width:180px;
	font-weight:700;
	color:#666;
	text-align:right;
	margin: 0 0 0 -190px;
}

#content .frmgeneral p {
	font-size:11px;
	padding:8px 5px 8px 190px;
}

.frmgeneral .txtfield {	
	background:#fff;
	width:250px;
	padding:3px;
	border:1px solid #99fa00;
}

.frmgeneral .info {
	font-size:10px;
	color:#888;
}

.frmgeneral  .required {
	color:#cc0000;
}

.frmbggreen {
	background:#ebffdb;
}

.frmgreen5px {
	border:5px solid #aeff00;
}

.rtxtfield {
	text-align:right;
}

.loginModal{
	background:#fff;
	width:350px;
	font-size:11px;
}

#loginModalbody{
	background:#fff;
}

#login {
	text-align:left;
	padding:20px 0;
	border-bottom:3px solid #ccc;
}

#login h3 {	
	padding:5px;
	border-bottom:3px solid #a8ff00;
	color:#a8ff00;
	font-size:18px;
}
#login label {
	padding:2px 0;
	display:block;
}

#login p {
	padding:5px 20px;
}
#login .txtfield {
	padding:3px;
	width:250px;
}
#artNav {
	background:#f8f8f8;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
}
#artNavLeft {
	padding:10px 40px 10px 10px ;
	background:transparent url(../images/artikel/artikel_navleft.gif) right 5px no-repeat;
}

#artNavLeft a {
	color:#f60;
}

#artNavRight a {
	color:#690;
}

#artNavRight {
	padding:10px 10px 10px 40px;
	background:transparent url(../images/artikel/artikel_navright.gif) left 5px no-repeat;
}

#sidebar ul{
	padding:0;
	margin:0;
	list-style:none;
}

#sidebar li {
	padding:5px;
}

#sidebar li h2, #LeftBox h2{
	font-size:18px;
	margin:0 0 5px;
	font-weight:normal;
	border-bottom:2px solid #eee;
	padding:5px 0;
	color:#76b300;
}
#sidebar li li {
	font-size:11px;
	padding:5px 10px;
}

#LeftBox li  img{
	display:block;
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
	margin:0 auto;
}
	
#search {
	background:#a8ff00;
}

#sidebar .widget  li {
	background:url(../images/kategori_dot.gif) left 10px no-repeat;
	border-bottom:1px dotted #ccc;
	padding:5px 5px 5px 15px;
}

#sidebar .widget  li li {
	background:none;
	list-style:disc ;
	margin:0 0 0 20px;
	padding:5px;
	border:none;
	color:#888;
	font-size:10px;
}

#sidebar .widget  li li a {
	color:#666;
}

#wp-calendar {
	border-collapse: separate;
	border-spacing: 1px;
	font-size:11px;
}

#wp-calendar caption {
	background:#ccc;
	padding:5px;
	color:#fff;
}

#wp-calendar thead {
	padding:5px 10px;
	background:#a8ff00;
}

#wp-calendar th,#wp-calendar td {
	padding:3px 5px;
}

#wp-calendar th {
	color:#fff;
}

#wp-calendar td {
	color:#999;
	font-size:10px;
	background:#f8f8f8;
}
#wp-calendar td a{
	color:#76b300;
	font-weight:700;
}

.post {
	padding:5px 0;
	background:url(../images/left_dot.gif) left bottom repeat-x ;
}

.post img{
	padding:8px;
	border:1px solid #aaa;
}

.pricetable,.spricetable {
	font-size:11px;
	border-collapse:collapse;
}

.pricetable thead,.spricetable thead{
	background:#89e000 url(../images/products/thbg.gif) repeat-x left bottom;		
}

.pricetable caption,.spricetable caption {
	font-size:13px;
	font-weight:700;
	margin:0 0 10px;
}

.pricetable th{
	color:#fff;
	padding:12px 10px;
	font-weight:700;
}

.spricetable th {
	color:#fff;
	padding:3px 10px;
	font-weight:700;
}

.pricetable td{
	padding:10px;
	background:#fff url(../images/products/tdbg.gif) repeat-x left bottom;
}

.spricetable td{
	padding:3px 10px;
	background:#fff url(../images/products/tdbg.gif) repeat-x left bottom;
}

.pricetable  td.total,.spricetable  td.total{
	background:#f4f4f4 url(../images/products/tdtotalbg.gif) repeat-x left bottom;
	padding:12px 10px;
	font-size:14px;
	color:#666;
	text-transform:uppercase;
	border-top:3px solid #9fec32;
}

.pricetable td.caption,.spricetable td.caption{
	padding:5px 10px;
	border-top:1px solid #74b400;
	border-bottom:3px solid #74b400;
	background:#89e000 url(../images/products/tcbg.gif) repeat-x left bottom;		
}
.pricetable tr,.pricetable td,.spricetable tr,.spricetable td {
	border-bottom:1px solid #ccc;
}

.pricetable h4,.spricetable h4 {
	color:#690;
	font-size:14px;
	font-weight:700;
}

#zonetoggle {
	color:#888;
	font-size:11px;
	padding:10px;
}

#zonetoggle img {
	text-align:right;
	vertical-align:middle;
}
.z1,.z2,.z3 {
	display:none;
	font-weight:700;
}

#zone1,#zone2,#zone3 {
	cursor:pointer;
	font-weight:700;
}
.z1,#zone1 {
	color:#08c;
}

.z2,#zone2 {
	color:#74b400;
}

.z3,#zone3 {
	color:#cc0000;
}

.selected {
	border-bottom:2px solid;
}

#sponsor {
	text-align:left;
	width:220px;
	float:left;
	background:#fff051 url(../images/sponsorbg.gif) repeat-x left top;
	overflow: hidden;
}


#sponsor h3{
	border-bottom:3px solid #fc0;
	margin:0;
	font-size:13px;
	padding:3px 8px;
	color:#fff;
}

#sponsor div{
	padding:10px 10px 20px;
	color:#fff;
	font-size:11px;
}

#statusbox{
	background:#ccc url(../images/member/memberstatus.gif) no-repeat left top;
	height:60px;
	overflow:hidden;
}


#statusbox #welcomeMember{
	color:#fff;
	float:left;
	padding:10px;
	width:170px;
}	

#statusbox .memberStatus {
	color:#fff;
	float:left;
	padding:5px 0 5px 50px;
}

#statusbox .memberStatus p {
	font-size:11px;
	padding:0;
	margin:0;
}

span.buttongrey a, input.buttongrey{
	border:1px solid #aaa;
	background:url(../images/button/grey.gif) repeat-x left top;
}

span.buttonred a, input.buttonred {
	border:1px solid #b30000;
	background:url(../images/button/red.gif) repeat-x left top;
}
span.buttongreen a, input.buttongreen{
	border:1px solid #76b900;
	background:url(../images/button/green.gif) repeat-x left top;
}

span.buttonblue a, input.buttonblue {
	border:1px solid #06c;
	background:url(../images/button/blue.gif) repeat-x left top;
}

span.buttonorange a, input.buttonorange {
	border:1px solid #f60;
	background:url(../images/button/orange.gif) repeat-x left top;
}

input.buttonred,input.buttongreen,input.buttonorange,input.buttonblue,input.buttongrey{
	padding:5px;
	margin-right:10px;
	color:#fff;
	font-size:11px;
	font-weight:700;
	text-transform:capitalize;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	height:26px;
}

* html input.buttonred,
* html input.buttongreen,
* html input.buttonorange,
* html input.buttonblue,
* html input.buttongrey {
	border:none;
}
span.buttonred a,span.buttongreen a,span.buttonorange a,span.buttonblue a, span.buttongrey a{
	float:left;
	display:block;
	color:#fff;
	font-size:11px;
	font-weight:700;
	text-transform:capitalize;
	margin-right:10px;
	padding:5px 10px 5px 10px;
	line-height:16px;
	height:16px;
}
#foto{
	display:block;
	width:150px;
	margin:10px auto;
}
#foto img{
	border:3px solid #ccc;
}