body {
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #565656;
	margin:0px;
	padding:0px;
	background-image: url(../include/mainbackground.jpg);
	background-repeat: repeat;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #565656;
	}
a {
	text-decoration:none;
	color: #565656;
}
.style1 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.style11 {
	padding-left:8px;
}
.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.style3 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #303030;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	font-weight: bold;
	}
.style4 a{
	color: #01bf13;
	text-decoration: none;
}
.style6 {
	color: #3e3d3d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.style6 a{
	text-decoration: none;
	color: #3e3d3d;
	}

#searchcategories
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 15x;
	margin:1px; 
	}
#searchtext
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 14px;	
	margin:1px;
	}
#act
	{
	height: 17px;
	width: 35px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #303030;
	color: #FFFFFF;
	margin-bottom:3px;
	margin-right:20px;
	}	
form
	{
	margin:0px;
	padding:0px;
	}	
#onetroleyheader
	{
	background-image:url(../include/cute.jpg);
	background-repeat:repeat-x;
	padding: 2px;
	margin:2px;
	height:50px;
	}
#mainsidebar
	{
	background-color: #bfecfe;
	padding-left:10px;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}		
#sidebarimg
	{
	margin-top:5px;
	margin-left:5px;
	}	

#bullet
	{
	padding-left:10px;
	background-image: url(../include/bullet.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	height: 25px;
	width: 130px;
	color: #6a7e45;
	}	
#bullet:hover
	{
	color: #333333;
	font-weight: bold;
	
	}	
#bullet2
	{
	padding-left:10px;
	background-image: url(../include/bullet.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	height: 25px;
	width: 130px;
	color: #333333;
	font-weight: bold;
	}	
	
#mainpage
	{
	background-color: #FFFFFF;
	background-image: url(../include/main.jpg);
	background-repeat: no-repeat;
	padding:10px;
	}	
#footer2
	{
	background-image: url(../include/footer2.png);
	background-repeat: repeat-x;
	background-position: center;
	}	
#menu2
	{
	height:20px;
	padding-left:10px;
	}
.logo {
	background-image: url(../include/logo2.gif);
	background-repeat:no-repeat;
	background-position: center -20px;
	height:50px;
	}
.logo2 {
	background-image: url(../include/logo2.gif);
	background-repeat:no-repeat;
	background-position: 30 10px;
	height:50px;
	}	
.brand {
	width:115px;
	height:23px;
	font: bold 14px  Arial, Helvetica, sans-serif;
	color:#565656;
	float:left;
	margin-top:20px;
	margin-bottom:5px;
	text-align: center;
	padding-top:5px;
	background-image: url(../include/cat.gif);
	}	
.brand2 {
	width:115px;
	height:23px;
	font: bold 14px  Arial, Helvetica, sans-serif;
	color:#565656;
	float:left;
	margin-bottom:5px;
	text-align: center;
	padding-top:5px;
	background-image: url(../include/cat.gif);
	}		
.sort 	{
	font: 10px  Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	}	
.product	
	{
	width:133px;
	height:175px;
	float:left;
	margin: 5px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align:center;
	text-decoration: none;
	color:#565656;
	position:relative;
	}
	
.product a
	{
	color:#565656;
	text-decoration: none;
	}		
	
.page
	{
	width:98%;
	float:left;
	margin:5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	text-align:right;
	}	
.titik
	{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CFCFCF;
	padding-left: 20px;
	}	

.coverNew{position:absolute; width:31px; height:31px; background:url(../include/cover-new.gif) no-repeat; left:5px}
.coverNew span{display:none}
#highlightbox .coverNew{top:0}
	
<!-- tabs              ->
   #tabsB {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
      }
    #tabsB ul {
        margin:0;
        padding:4px 10px 0 20px;
        list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
	font: bold 12px  Arial, Helvetica, sans-serif;
      float:left;
      background:url(../include/tableftB.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url(../include/tabrightB.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

        #tabsB #current a {
                background-position:0% -42px;
        }
        #tabsB #current a span {
                background-position:100% -42px;
        }
	/*end tabs */	