body
{
font-family: arial, verdana, sans-serif;
font-size:10px;
color: #333333;
padding: 0px;
background-color: #002D51;
}
.visual {
	SCROLLBAR-FACE-COLOR: #002D51; SCROLLBAR-HIGHLIGHT-COLOR: #dbdbdb; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-BASE-COLOR: #999999
}

h2 {
	font-size:12px;
    border-bottom:1px dashed #999999;
}
h2.batas {
	font-size:12px;
    border-bottom:1px dashed #B3B3B3;
}

.blogin {
	BORDER-RIGHT: #6F2A22 1px solid; BORDER-TOP: #6F2A22 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #6F2A22 1px solid; BORDER-BOTTOM: #6F2A22 1px solid;
}
.subtitle {
	font-family: arial,verdana, Helvetica, sans-serif;
	line-height:15px;
	font-size: 11px;
	font-style: normal;
	color: #3D3D3D;
	text-decoration: none;
	text-align: left;	
}
.rotatext {
	font-family: arial,verdana, Helvetica, sans-serif;
	padding-left:5px; padding-top:5px;
	line-height:12px;
	font-size: 11px;
	font-style:italic;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;	
}

#clear {
clear:both;
}

#homePenImage {float:left;}

#page
{
padding:10px;
width:751px;
background-color: #FFFFFF;
}
#top
{
margin-top:6px;
margin-bottom:6px;
width:100%;
}
#logo
{
padding:0px 0px 0px 0px;
width:162px;
height:81px;
}
#menu
{
padding:7px 0px 0px 0px;
width:162px;
}
#menu2
{
width:162px;
}
#menua
{
width:162px;
}

#banner
{
padding:8px 0px 0px 0px;
width:162px;
}
#bannera
{
margin-bottom:8px;
padding:8px 0px 0px 0px;
width:162px;
}

#iklana
{
padding:0px 0px 0px 0px;
width:298px;
}
#iklanb
{
padding:11px 0px 0px 0px;
width:298px;
}

#newsletter
{
margin-top:3px;
width:162px;
}

#flag
{
background:#E1E1E1;
width:251px;
height:24px;
text-align: right;
}
#search
{
background:#03578B;
width:251px;
height:30px;
}

#top2
{
padding-top:0px;
width:100%;
}

#headernews
{
padding:5px 5px 5px 15px;
background-color:#CDCDCD;
}
#contentnews
{
padding:10px 10px 5px 15px;
background-color:#FFFFFF;
}


#byline{
padding-top:20px;}

#masthead
{
width:731px;
font-size:10px;
color:#000000;
}
#topNav {
border-bottom:0px solid #888888;
padding:0px;
background-color:#999999;}

#sideLeft
{
float: left;
width:162px;
HEIGHT: auto
background-color: #FFFFFF;
}
#sideLeft2
{
float: left;
width:162px;
margin-right:7px;
HEIGHT: auto
background-color: #FFFFFF;
}
#sideRight{
float: left;
width:100px;
border-right:0px solid #888888;
background-color: #FFFFFF;
text-align:left;
}

#sideRightContent{
float: left;
width:100px;
height:81px;
border-right:0px solid #888888;
background-color: #E1E1E1;
text-align:left;
}

#content{
LEFT: 0px;
width:298px;
margin-left:10px;
margin-right:10px;
HEIGHT: auto
}
#content2{
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding-top:10px;padding-bottom:25px;padding-left:15px;;padding-right:15px
}




.header2 {
	font-family: verdana,Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size: 16px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #CCCCCC 1px solid; COLOR: #000066; BORDER-BOTTOM: #CCCCCC 1px solid;
}
#MapContent{
background-color:#E6E6E6;
padding:15px 15px 15px 15px;
font-family: Arial, Helvetica, sans-serif;
line-height:18px;
font-size:12px;
font-weight:bold;
}
#News{
width:251px;
height:206px;
background-color:#E1E1E1;

}

.Newsa{
font-family: verdana,Arial, Helvetica, sans-serif;
line-height:16px;
font-size:13px;
font-weight: bold;
color: #002D51;

}
.headerevent{
font-family: Arial, Helvetica, sans-serif;
line-height:16px;
font-size:16px;
font-weight: bold;
color: #000000;

}

.Newsb{
background-color:#E1E1E1;
font-family: Arial, verdana, Helvetica, sans-serif;
line-height:16px;
font-size:11px;
}
.Newsitus{
background-color:#E6E6E6;
font-family: Arial, Helvetica, sans-serif;
line-height:16px;
font-size:11px;
padding:8px;
}

.Testimonial{
font-family: Arial, Helvetica, sans-serif;
line-height:18px;
font-size:11px;
}

.hitcounter{
font-family: verdana,Arial, Helvetica, sans-serif;
margin-bottom:5px;margin-top:5px;
font-size:10px;
}

.Newsc{
font-family: verdana,Arial, Helvetica, sans-serif;
margin-left:7px;margin-right:7px;margin-top:7px;
line-height:17px;
font-size:10px;
}

#footer{
clear: both;
width:731px;
margin-top:10px;
margin-bottom:10px;
background-color: #FFFFFF;

color:#8E8E8E;
font-size:11;
text-align:center;}

#copyright{
clear: both;
width:731px;
background-color: #E1E1E1;
color:#8E8E8E;
font-size:11;
text-align:left;}


.item
{
margin:0px 25px 0px 30px;
padding:5px;
font-size:12px;
color:#888888;
}

.item2
{
margin:0px 0px 0px 0px;
padding:0px;
font-size:12px;
color:#888888;
}

table.news
{
font-size:11px;
color:#000000;
background-color:#DCDCDC;
font-family: arial, Helvetica, sans-serif;
line-height:13px;
border: 0px #0063B3 solid;

}
tr.news
{

font-size:10px;
color:#464646;
margin:7px;
padding:6px;
font-family: verdana, arial, Helvetica, sans-serif;
line-height:13px;

}

td.news
{
font-size:11px;
color:#464646;
padding:6px;
font-family: arial, Helvetica, sans-serif;
line-height:16px;

}
td.data
{
font-size:11px;
color:#464646;
padding:6px;
font-family: arial, verdana, Helvetica, sans-serif;
PADDING-RIGHT: 2px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #666666 1px dotted
line-height:13px;

}

td.newsbrand
{
font-size:10px;
color:#464646;
padding:3px;
font-family: verdana, arial, Helvetica, sans-serif;
line-height:13px;

}

td.news2
{
font-size:10px;
color:#464646;
padding:4px;
font-family: verdana, arial, Helvetica, sans-serif;
line-height:13px;

}


.item img {margin-top:10px;}

#topNav{
background-color:#FF9900;
width:780px;
padding:0px;
margin:0px;}

#home1 {
background-image:url("images/bgheader.jpg");
width:780px;
height:112px;
padding:5px 0px 5px 0px;
color:#6F2A22;
margin:0px;
font-size:11px;
background-color:#000000;
position:relative;

}

#linkContainer{
float:center;
width:500px;
color:#B28C37;
position:relative;
margin:0px;
z-index:1;}
a.topNavLink, a.topNavLink:visited{
color:#000000;
text-decoration:none;
font-size:10px;}
a.topNavLink:hover{color:#69434C;text-decoration:underline;}

a.creativector, a.creativector:visited{
color:#7C7C7C;
text-decoration:underline;
font-size:10px;}
a.creativector:hover{color:#FFFFFF;text-decoration:underline;}

a.topBoardLink, a.topBoardLink:visited{
color:#000000;
text-decoration:underline;
line-height:14px;
font-size:10px;}
a.topBoardLink:hover{color:#69434C;text-decoration:underline;}

a.logout, a.logout:visited{
color:#FFFFFF;
text-decoration:none;
line-height:14px;
font-size:10px;}
a.logout:hover{color:#D8FF00;text-decoration:underline;}

a.intro, a.intro:visited{
color:#FFFFFF;
text-decoration:none;
padding:10px;
line-height:14px;
font-size:10px;}
a.intro:hover{color:#FFF000;text-decoration:underline;}



a.linktestimonial, a.linktestimonial:visited{
color:#69434C;
line-height:28px;
text-decoration:none;
font-size:11px;}
a.linktestimonial:hover{color:#69434C;text-decoration:underline;}


a.topNavLink2, a.topNavLink2:visited{
color:#8E8E8E;
font-size:11px;}
a.topNavLink2:hover{color:#8E8E8E;text-decoration:underline;}

a.MapLink, a.MapLink:visited{
color:#9C0000;
font-size:11px;}
a.MapLink:hover{color:#000000;text-decoration:underline;}



a.NewsLink, a.NewsLink:visited{
color:#000000;
font-weight:bold;
font-size:11px;}
a.NewsLink:hover{color:#FF9900;font-weight:bold;
text-decoration:underline;font-size:11px;}

a.CatalogLink, a.CatalogLink:visited{
color:#03578B;
font-weight:bold;
font-size:10px;}
a.CatalogLink:hover{color:#000000;font-weight:bold;
text-decoration:underline;font-size:10px;}

a.NewsLink2, a.NewsLink2:visited{
color:#FF9900;
font-weight:bold;
font-size:9px;}
a.NewsLink2:hover{color:#000000;font-weight:bold;
text-decoration:underline;font-size:9px;}

a.product, a.product:visited{
color:#03578B;
text-decoration:none;
}
a.product:hover{color:#000000;text-decoration:underline;}


a#lastItem {border-right:none;}
#sideLeft a:link, #sideLeft a:visited{
display:block;
color:#ffffff;
font-size:x-small;
font-weight:bold;
padding:0px;
background-color:#cbcbcb;}

#sideLeft img {display:block;vertical-align:top;}
.pens {border-left:10px solid #003366;}
.pads {border-left:10px solid #990000;}
.mugs {border-left:10px solid #996699;}
.bags {border-left:10px solid #669900;}
.keyrings {border-left:10px solid #ffcc00;}
.stessbusters {border-left:10px solid #ff9900;}
#sideLeft a:hover {background-color:#999999;}

div.featuredRow {margin: 0px 35px 0px 35px;}
div.featuredRow p#left {float:left;}
div.featuredRow p#right {float:right;}
div.featuredRow p#left, div.featuredRow p#right {
margin:0px;
width:170px;
height:120px;
padding:10px;
text-align:center;
font-size:x-small;
border-right: 1px solid #888888;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;}

* html div.featuredRow p#left, * html div.featuredRow p#right {
width:200px;}

.leftPanel {
width:210px;
margin:10px;
border: 0px solid #888888;
text-align:left;
font-size:12px;}
.rightPanel {
width:137px;
margin:15px;
border: 1px solid #888888;
background-color:#ffffff;
text-align:left;
font-size:x-small;}
.orderNumber {
text-align:center;
padding:5px;
font-size:medium;
font-weight:bold;
color:#ff9900;}
.point {
padding:5px;
color:#333333;
margin:5px;}
.point:first-letter {
color:#ff9900;
font-size:medium;
font-weight:bold;}

.productListBox {
vertical-align:middle;
width:400px;
height:80px;
margin:20px 30px 20px 30px;
padding:5px;
border:1px solid #888888;
font-size:small;}
.productListImage {
float:left;
width:150px;}
span.price {font-weight:bold;}


h4.con {
color:#000000;
}

.productDetail {
border:1px solid #888888;
margin:10px 15px 10px 10px;
padding:0px;}
.productDetailLeft {
float:left;
width:310px;
height:320px;
text-align:center;}
.productDetailRight {
margin-left:310px;
height:320px;
padding:10px 10px 10px 10px;
color:#666666;
background-color:#efefef;
font-size:small;}
h1 {font-size:x-large;}
p.one 
{
font-style:italic;
}
p.two 
{
font-weight:bold;
text-align:center;
color:#000000;
}
.three 
{
font-weight:normal;
color:#000000;
font-size:12px;
}
.four 
{
font-weight:normal;
text-align:center;
color:#6F2A22;
font-size:12px;
padding:40px 70px 40px 70px;
}
.five 
{
font-weight:normal;
color:#6F2A22;
font-size:12px;
}
.p1 {
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	
}
.pintro {
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size: 10px;
	font-style: normal;
	color: #7C7C7C;
	text-decoration: none;
	
}

.titlemonth {
	font-family: Arial, Helvetica, sans-serif;
	padding:6px;
	font-weight:bold;
	line-height:20px;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	
}

.p4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	}
INPUT {
	BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #CCCCCC 1px solid; COLOR: #000066; BORDER-BOTTOM: #CCCCCC 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; HEIGHT: 17px
}
TEXTAREA {
	FONT-SIZE: 10px; COLOR: #000066; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #eeeeee
}
.check {
	BORDER-RIGHT: #dddddd 0px solid; BORDER-TOP: #dddddd 0px solid; FONT-SIZE: 9px; BORDER-LEFT: #dddddd 0px solid; COLOR: #000066; BORDER-BOTTOM: #dddddd 0px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; HEIGHT: 17px
}
.submit { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; font-style: normal; 
	font-weight: normal; color: #FFFFFF; 
	background-color: #FF9A00; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	border: 1px #666666 solid
}

.butSubmit { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; 
	margin-top: 4px; 
	border: 1px #666666 solid
}
.butSubmitGO { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal;color:#FFFFFF; 
	background-color: #002D51;
	margin-top: 4px; 
	border: 1px #0063B3 solid
}

.butweekly { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; font-weight: bold;color:#000000; 
	border-bottom: 1px #666666 dashed;
}

.SubHeaderRow {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	padding-left: 10px;
	text-align: right
}
a.rotatelink, a.rotatelink:visited{
color:#8E8E8E;
background-color:#000000;
padding: 0px 0px 0px 0px;
font-size:11px;}
a.rotatelink:hover{color:#8E8E8E;text-decoration:underline;}

.mouseover {
	BORDER-RIGHT: #50B0E0 1px solid; BORDER-TOP: #50B0E0 1px solid; BORDER-LEFT: #50B0E0 1px solid; BORDER-BOTTOM: #50B0E0 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #3F9FCF; TEXT-DECORATION: none
}
.mouseout {
	
}