body { 

  font-family: sans-serif, tahoma;
  font-size: 10pt; 
  font-weight: normal;
	color: #000000; 
	background: #ffffff;
	margin: 0px;
	padding:0px;
}

form {
  margin:0px;
  padding: 0px;
}

h1 { 
  margin-top: 5px;
  margin-bottom: 5px;
	text-align: left;
  font-size: 1em;
  font-weight: bold;
}

h2 { 
	text-align: left;
  font-size: 1em;
  font-weight: bold;
}

h3 { 
	text-align: left;
  font-size: 1em;
  margin-bottom: 5px;
  margin-top: 0px;
}

a:hover {
  text-decoration:underline;
}

a {
  text-decoration:none;
  background-color: transparent;
}	

a:link {
	text-decoration: none; 
	background-color: transparent;
}

a:visited { 
	text-decoration: none; 
	background-color: transparent;
}

a:hover, a:active { 
  text-decoration: underline; 
  background: transparent;
}

input.textbox{
  border: solid 1px;
  border-color: #999999;
  font-size: 1em; 
  height: 18px;
}

input.textboxdisabled{
  border: solid 1px;
  border-color: #999999;
  font-size: 1em; 
  height: 18px;
  background: #dddddd;
}

input.filebox{
  border: solid 1px;
  border-color: #999999;
  font-size: 1em; 
  height: 22px;
}

select.selectbox{
  border: solid 1px;
  border-color: #999999;
  font-size: 1em; 
  height: 18px;
}

select.selectboxdisabled{
  border: solid 1px;
  border-color: #999999;
  font-size: 1em; 
  height: 18px;
  background: #dddddd;
}

textarea.textareabox{
  border: solid 1px;
  border-color: #999999;
  font-size: 1em; 
  height: 50px;
  width: 300px;
}

input.checkbox {           
  padding: 0px 0px 0px 0px;
}

input.radiobutton {
  padding: 0px 0px 0px 0px;
}

input.button {
  border: solid 1px;
  border-color: #333333;
  font-size: 1em; 
  height: 22px;
  width: auto;
  background: url(images/fade.png);
  cursor: hand;
}

.menuselected {
  font-weight: bold;
}

/* ---- major div positioning ---- */

#header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 760px;
  height: 90px;
  padding: 0px;
  background: #006699 url(images/banner-www.topklik.com.jpg);
  color: #ffff99;
}

#footer {
  clear: both;
  width: 760px;
  margin: 0px;
  border-top: solid #ffcc99 1px;
  background: #eeeedd;
}

#container {
	position: absolute; 
	left: 50%;
	width: 760px;
	margin-left: -380px;	
	color:#111144;
	background: #ffffff;
	border: solid #cccccc 1px;
}

#content {
  width: 560px;  
  float: right;
  margin-top: 114px;
  padding-left: 0px;
  padding-top: 0px;
  margin-right: 0px;
  margin-left:1px;
  /*background: #ffdddd;*/
}

#menu {
  width: 196px;  /* 2 pixel is used by the border left and right */
  float: left;
  margin-top: 114px;
  margin-bottom:0px;
  margin-left:1px;
  margin-right:1px;
  padding: 0px;
  /*background: #ffddcc;*/
}
/* ---- end of major div positioning ---- */


/* ---- header div layout ---- */
#headermenu {
  position: absolute;
  width:760px;
  height:22px;
  top:90px;
  right:0px;
  text-align: right;
  border-top: solid 1px #555555;
  border-bottom: solid 1px #555555;
  background: #dddddd url(images/menubar.png) repeat-x;
  font-size: 0.9em;
}

#headermenu div {
  margin-right: 20px;
  margin-top: 4px;
}

#headermenu a {
  color: #770000;
}

#headermenu a:hover {
   color: #0000ff; 
}

#headerbanner {
  position: absolute;
  top: 0px;
  left: 0px;
  width:760px;
  height:100px;  
}

#headerlogininfo {
  position: absolute;
  top:20px;
  right:10px;
  text-align: right;
  font-size: 0.8em;
  color: #cccc99; 
}
#headerlogininfo a {
  color: #cccc99; 
}


#headerlocale {
  position: absolute;
  top:5px;
  right:10px;
  text-align: right;
  font-size: 0.8em;
  color: #ffff99;
}

#headerlocale a {
  color: #ffff99; 
}

/* ---- top menu div layout ---- */
#footercopyright {
  float: left;
  width: auto;
  text-align: left;
  margin-left: 20px;
  height: 35px;
  font-size: 0.8em;
  vertical-align: bottom;
}

#footermenu {
  float:right;
  width: auto;
  text-align: right;
  margin-right: 20px;
  margin-top: 10px;
  height: 25px;
  font-size: 0.8em;  
  right: 0px;
}

#footercopyright table tr td {
  vertical-align: center;
  height: 35px;
}

#footercopyright p, #footermenu p {
  margin: 0px;
  padding: 0px;
}
#footerprovider {
  clear: both;
  text-align: center;
  border-top: solid #ffcc99 1px;
  padding-top: 3px;
  font-size: 0.8em;
}

#footerfeed {
  clear: both;
  text-align: center;
  padding-top: 3px;
  padding-right: 20px;
  font-size: 0.8em;
}

#footerfeed img,  #footerprovider img {
  border : none;
}

/* memberlogin section */
#createaccount {
  margin: 0px;
  padding: 0px;
  background: #A5c6f0 url(images/menuheader-all.png) no-repeat;
  background-position: 0px 0px;
  border: solid 1px #999999;
  margin-bottom: 2px;
}

#createaccount h2 {
  text-align: left;
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 30px;  
  height: 18px;
  color: #0000bb;
}
#createaccount h2 a {
  color: #000000; 
}


#leftmemberlogin {
  margin-bottom: 2px;
  padding: 0px;
  border: solid 1px #999999;
}

#leftmemberlogin h2 {
  text-align: left;
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 30px;
  background: #A5c6f0 url(images/menuheader-all.png) no-repeat;
  background-position: 0px -22px;
  border-bottom: solid 1px #999999;
  height: 18px;
  color: #0000bb;
}

#leftlogininfo {
  font-size : 0.8em;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;  
  margin: 0px;  
}

#leftloginemail, #leftloginpwd, #leftloginfix, #leftloginbtn{
  clear: both;
  padding-left:15px;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  margin:0px;
}

#leftloginemailtext, #leftloginpwdtext, #leftloginfixtext, #leftloginbtntext {
  height: 20px;
  width: 55px;
  float:left;
  padding:0px;
  margin-top: 0px;
}

#leftloginemailinput, #leftloginpwdinput {
  padding:0px;
  margin: 0px;
  width: 100px;
  float:left;
}

#leftloginemailinput input, #leftloginpwdinput input {
  height: 15px;
  width: 100px;
  padding-top:1px;
  padding-bottom:0px;
  margin:0px;  
}

#leftloginfixinput input  {
  padding:0px;
  margin:0px;
}

#leftloginbtninput input {
  height: 22px;
  width: 70px;
  padding-bottom:2px;
  margin-top:2px;  
  background: #dddddd url(images/fade.png);
}

#leftloginforgot {
  padding-left:15px;
  padding-top:5px;
  padding-right:0px;
  padding-bottom:0px;
  width: 100px;
  margin:0px;
}

#leftloginforgot a {
  color: #3333ee;
}

/* main menu section */

.greeting {
  margin: 5px 0px 5px 5px;
  padding: 0px 0px 1px 0px;
  font-weight:bold;
}

#cartmenu {
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 1px #999999;
  clear:both;
}

#cartmenu h2 {
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 30px;
  background: #A5c6f0 url(images/menuheader-all.png) no-repeat;
  background-position: 0px -44px;
  border-bottom: solid 1px #999999;
  height: 18px;
}

#cartmenu p {
  font-size:1em;
  text-align : left;
  margin: 0px 0px 5px 10px;
}

#cartmenu a, #cartmenu a:active, #cartmenu a:visited {
  color: #0000ff;
}


/* common menu style */
#mainmenu, #managemenu, #auctmenu {
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
  border: solid 1px #999999;
  clear:both;
}

#mainmenu h2, #managemenu h2, #auctmenu h2 {
  text-align: left;
  height: 18px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 30px;
  background: #A5c6f0 url(images/menuheader-all.png) no-repeat;
  background-position: 0px -66px;
  border-bottom: solid 1px #999999;
}

.menulist {
 margin: 5px 0px 3px 10px;
}

.menugroup {
 list-style: none;
 padding: 0px 0px 0px 0px;
 margin: 1px 0px 4px 0px;
 font-size:1em;
}

li.menuitem {
	list-style-type: none; 
	padding: 0px 0px 0px 0px;
}

li.menuitem div {
	padding: 0px 0px 0px 15px;
	background: transparent url(images/listbackground.png)   no-repeat 0px -120px;
}

li.menuitem_l2 div {
	padding: 0px 0px 0px 30px;
	background: transparent url(images/listbackground.png)   no-repeat 0px -150px;
}

li.menuitem a:hover, li.menuitem a:active, li.menuitem a:visited {
  color: #0000ff;
}


#menuadcreate  { background: transparent url(images/listbackground.png)   no-repeat 0px -15px;  padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menuadlist    { background: transparent url(images/listbackground.png)   no-repeat 0px -15px;  padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menusitecreate{ background: transparent url(images/listbackground.png)   no-repeat 0px -45px;  padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menusitelist  { background: transparent url(images/listbackground.png)   no-repeat 0px -60px;  padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menupaidads   { background: transparent url(images/listbackground.png)   no-repeat 0px -30px;  padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menuorderlist { background: transparent url(images/listbackground.png)   no-repeat 0px -180px; padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menubidlist   { background: transparent url(images/listbackground.png)   no-repeat 0px -180px; padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menucartlist  { background: transparent url(images/listbackground.png)   no-repeat 0px -90px;  padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menumybidlist { background: transparent url(images/listbackground.png)   no-repeat 0px -180px; padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menumyaccount { background: transparent url(images/listbackground.png)   no-repeat 0px -105px; padding: 0px 0px 0px 20px; position: relative; left: -5px;}
#menumyrewards { background: transparent url(images/listbackground.png)   no-repeat 0px -75px;  padding: 0px 0px 0px 20px; position: relative; left: -5px;}




/* --- clear div */
.cleardiv {
  clear: both;
  height: 0px;
  width: 0px;
}

.cleardiv img {
  height: 0px;
  width: 0px;
}

#bookmark_invoker {
  clear: both;
  margin: 0px 0px 0px 0px;
  background: #9999ff;
}

#bookmarker {  
  display: none;
  width: 240px;
  position: absolute;
  padding: 1px 1px 1px 1px;
  zindex: 0;
  background: #9999ff;
  border: 1px solid #dddddd;
  font-size :0.8em;
}

#bookmarker h3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 3px 0px;
  text-align: center;
}

#bookmarker ul {  
  width: 240px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}

#bookmarker li {
  width: 74px;
  margin: 0px 0px 0px 0px;
  padding: 0px 3px 0px 3px;
  float: left;
  background: #f5f5f5;
}

#topbookmark {
  position: absolute;
  top: 70px;
  right: 10px;
  font-weight: bold;  
}
#topbookmark a {
  color: #ffff99;
}

.banner_here {
  text-align: center;
  width: 196px;
  height: 60px;
  background: url(images/your-banner-here.jpg) no-repeat center center;
  font-size: 0em;
  color:#ffffff;
  text-decoration: none;
  cursor: hand;
  margin: 20px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

.left_banner_item {
  list-style-type: none;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
                    
.left_banner_item li {
  margin: 5px 0px 5px 0px;
  width: 196px;
  height:60px;
}

.left_banner_item li img {
  border: none;
}
.acccontent {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

h1 {
  margin-top: 10px;
  margin-bottom: 10px;  
  padding-bottom: 1px;
  color: #000055;
  border-bottom: dotted 1px #bb00bb;
}

.accmsgerr {
  padding-bottom: 10px;
  font-weight: bold;
  color: #ee0000;
}

.accmsgok {
  padding-bottom: 10px;
  font-weight: bold;
  color: #0000dd;
}

.accinfo{
  padding: 20px;
}

.fieldgrp {
  border-bottom: 1px dashed #bbbbbb;
}

.fieldtext {
  float: left;  
  width:120px;
  padding-top: 5px;
}

.fieldmandatory .fieldtext {
  font-weight: bold;
}

.secret_field  .fieldtext {
  font-weight: bold;
}

.fieldinput {
  padding-bottom: 2px;
}

.accbtn input.button {
  border: solid 1px;
  border-color: #333333;
  font-size: 1em; 
  height: 22px;
  width: 160px;
  background: url(images/fade.png);
  margin-top: 10px;
  padding-bottom: 2px;
}

#fullname  { width: 300px; }
#nickname  { width: 200px; }
#email     { width: 300px; }
#pwd       { width: 200px; }
#pwd2      { width: 200px; }
#addr      { width: 300px; }
#city      { width: 200px; }
#state     { width: 200px; }
#country   { width: 300px; }
#zip       { width: 200px; }
#secretcode{ width: 100px; }

.secret {
  clear:both;
  margin: 20px;
  padding: 0px;
}

.secret_text {
}

.secret_img {
  margin-left: 120px;
  margin-top:  10px;
  margin-bottom:  10px;
}

.accbtn, .accbtnmsg {
  margin-left: 20px;
}