BODY	{COLOR:#000000;MARGIN-TOP:10px;MARGIN-BOTTOM:10px;MARGIN-LEFT:0px;MARGIN-RIGHT:0px;}
BODY, TABLE, TD, TR {FONT-SIZE:10pt;FONT-FAMILY:Arial, Helvetica, sans-serif}
TABLE 	{BORDER:0px}

.bg{
	background-color: #ffffff;
	border: 1px solid #000000;
	background-image: url(images/);
}
.bg2{
	background-color: #ffffff;
	border: 1px solid #dddddd;
	background-image: url(images/);
}
/*.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
}
.menu:hover {
	color: #0095d7;
	text-decoration: none;
}
.menudis {
	font-size: 10pt;
	color: #968a20;
	text-decoration: none;
}*/
.menul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
.menul:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
}
.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}
.menu2:hover {
	color: #0095d7;
	text-decoration: none;
}
.menu2dis {
	font-size: 10pt;
	color: #968a20;
	text-decoration: none;
}
.menu3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #3285e3;
	font-weight:bold;
	text-decoration: none;
}
.menu3:hover {
	color: #ff0000;
	text-decoration: none;
}


.cat {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #2f241e;
	text-decoration: none;
}
.cat:hover {
	color: #62605f;
	text-decoration: none;
}
.scat {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7d716b;
	text-decoration: none;
}
.scat:hover {
	color: #a09189;
	text-decoration: none;
}
.plinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0095d7;
	text-decoration: none;
}
.plinks:hover {
	color: #ff0000;
	text-decoration: none;
}
.plinks2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #7590bd;
	text-decoration: none;
}
.plinks2:hover {
	color: #ff0000;
	text-decoration: none;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	text-decoration: none;
}
.title {
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	/*color: #669900;*/
	color: #3285e3;
	text-decoration: none;
/*	line-height: 10px;*/

}
.titlelink {
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #3285e3;
	font-weight:bold;
	text-decoration: none;
}
.titlelink:hover {
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	color: #ff0000;
	text-decoration: none;
}
.titlered{
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #ff0000;
	text-decoration: none;
}

.title2 {
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #333333;
	text-decoration: none;
}
.ptitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #878787;
	text-decoration: none;
}
.ptitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #666666;
	text-decoration: none;
}
.ptitle3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #45accf;
	text-decoration: none;
	font-weight:bold;
}
.ptitle4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
	text-decoration: none;
}
.ptitle5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.ptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #666666;
	text-decoration: none;
}
.ptext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.ptext2:hover{
	font-size: 11pt;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.ptext3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #666666;
	text-decoration: none;
	line-height: 15px;
}
.ptext4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.ptext5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #999999;
	text-decoration: none;
}
.ptext6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
}
.ptext6:hover{
	font-size: 8pt;
	color: #ffffff;
	text-decoration: none;
}

.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #444444;
	text-decoration: none;
}
.price2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #45accf;
	text-decoration: none;
}




input {
border:1px solid #ffffff;
background-color:#f4f4f4;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
}
input:focus, textarea:focus{
background-color:e0e0e0;
color:222222;
}
.input2 {
border:1px solid #d9d9d9;
background-color:#d9d9d9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:20px;
}
.input2:focus{
background-color:e0e0e0;
color:222222;
}
.input3 {
padding-left:3px;
border:1px solid #ababab;
background-color:#f4f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:150px;
height:20px;
}
.input3:focus{
background-color:e0e0e0;
color:222222;
}

.input4 {
border:1px solid #ababab;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:30px;
}
.input5 {
border:1px solid #ababab;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:400px;
height:20px;
}
.input6 {
border:1px solid #ababab;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:350px;
height:20px;
}
.input7 {
border:1px solid #ababab;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:230px;
}
option {
border:1px solid #f4f4f4;
background-color:#f4f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;

}

.option2 {
border:1px solid #f4f4f4;
background-color:#f4f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
background-color:#ffffff;
width:175px;
}
textarea {
border:1px solid #f4f4f4;
background-color:#f4f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:350px;
}

.textarea2 {
border:1px solid #f4f4f4;
background-color:#f4f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:250px;
}
.textarea3 {
border:1px solid #ababab;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:333333;
width:550px;
}

select { 
border:1px solid #f4f4f4;
background-color: #f4f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#333333;
}

input.button {
background-color:ffffff;
border:1px solid #f4f4f4;
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:0095d7;
cursor:pointer;
}
input.button:hover {
color:ff0000;
}
input.button:active {
color:ff0000;
} 

input.button2 {
background-color:ffffff;
border:1px solid #f4f4f4;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color:0095d7;
cursor:pointer;
}
input.button2:hover {
color:ff0000;
}
input.button2:active {
color:ff0000;
} 


input.btncheckout{
background-color:ffffff;
border:1px solid #f4f4f4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color:0095d7;
cursor:pointer;
padding:2px;
}
input.btncheckout:hover {
color:ff0000;
}
input.btncheckout:active {
color:ff0000;
} 



.mnavigationtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
}
.mnavigationtext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc0000;
	text-decoration: none;
}

.mnavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc0000;
	text-decoration: none;
}
.mnavigation:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #66ccff;
	text-decoration: none;
}
.mnavigationdis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc0000;
	text-decoration: none;
}
.bgproduct{
	background-color: #ffffff;
	background-image: url(images/bg-product.gif);
	background-repeat: repeat-x;
}
.td1 {
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #666666;
	background-color: #cecece;
}















.td5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	background-color: #a7a4a4;
	border-bottom: 1px solid #cecece;
}
.td6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	background-color: #dcdbdb;
	border-bottom: 1px solid #ffffff;
}
.td7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	background-color: #b9b8b8;
	border-bottom: 1px solid #ffffff;
}


.bgleft{
	background-color: #f7f7f7;
	background-image: ;
		border: 0px solid #e1e1e1;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
	background-color:#d6d6d6
}

.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}

.titlelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.titlelinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.textlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0095d7;
	text-decoration: none;
}
.textlinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ff0000;
	text-decoration: none;
	border-bottom-color: #FF0000;
}
.textlinksdis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	text-decoration: none;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #e8e8de;
	text-decoration: none;
}


.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #cc0000;
	text-decoration: none;
}
.links:hover {
	color: #ff0000;
	text-decoration: none;
}


.msg {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF3300;
}
.message {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF3300;
	font-weight: bold;
}

.error1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cc3366;
	font-weight: bold;
}


.titlelist TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	background-color: #858484;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}


.unselected TD { 
	font-size: 8pt;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	color: #999999;
}
.selected TD {
	font-size: 8pt;
	border-bottom: 1px solid #cccccc;
	color: #999999;
	background-color: #f7f6f6;
}

.texttitle {
	font-size: 8pt;
	color: #4d4d4d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textentry {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4d4d4d;
}



.stitle TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #aaaaaa;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}
.stext td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
	border-bottom: 1px solid #cccccc;
}
.stextb td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
}

.stext2 td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}
.stext2b{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
}
.stext3b{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0c8ee5;
	font-weight: bold;
}
.pstrike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF6600;
	text-decoration: line-through;
	line-height: 15px;
}




/* untuk mouse over menu */
.showlayer{display:block} /*show layer*/
.hiddenlayer{display:none} /*hidden layer*/
.showsublayer{display:block} /*show layer*/
.hiddensublayer{display:none} /*hidden layer*/

#occassion_over{
	position:absolute; 
	width:82px; 
	height:30px; 
	left:0px; 
	z-index:1; 
} 
#occassion_list{
	position:absolute; 
	width:163px; 
	height:100px; 
	left:0px; 
	z-index:2; 
} 


#passion_over{
	position:absolute; 
 	width:82px;
	height:30px;
	left:0px;
	z-index:3; 
	}
#passion_list{
	position:absolute; 
 	width:163px;
	height:100px;
	left:0px;
	z-index:4; 
	} 
#recipient_over{
	position:absolute; 
	width:82px; 
	height:30px; 
	left:0px; 
	z-index:1; 
} 
#recipient_list{
	position:absolute; 
	width:163px; 
	height:100px; 
	left:0px; 
	z-index:2; 
} 


#special_over{
	position:absolute; 
 	width:82px;
	height:30px;
	left:0px;
	z-index:3; 
	}
#special_list{
	position:absolute; 
 	width:163px;
	height:191px;
	left:0px;
	z-index:4; 
	} 

/*untuk content, about us dll*/
.ctitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0c8ee5;
	font-weight: bold;
}
.ctext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-align: justify;
}
.cbullet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FF6600;
}
.clinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0c8ee5;
	text-decoration: none;
}
.clinks:hover {
	color: #ff0000;
	text-decoration: none;
}

#lyrCat13{	position:absolute;width:150px;height:60px;left:0px;z-index:10;}#lyrCat14{	position:absolute;width:150px;height:80px;left:0px;z-index:10;}#lyrCat47{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat40{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat41{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat43{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat42{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat39{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat22{	position:absolute;width:150px;height:80px;left:0px;z-index:10;}#lyrCat46{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat44{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat45{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat15{	position:absolute;width:150px;height:80px;left:0px;z-index:10;}#lyrCat25{	position:absolute;width:150px;height:60px;left:0px;z-index:10;}#lyrCat52{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat50{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat55{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat53{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat9{	position:absolute;width:150px;height:20px;left:0px;z-index:10;}#lyrCat10{	position:absolute;width:150px;height:20px;left:0px;z-index:10;}#lyrCat54{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat11{	position:absolute;width:150px;height:20px;left:0px;z-index:10;}#lyrCat12{	position:absolute;width:150px;height:20px;left:0px;z-index:10;}#lyrCat51{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat48{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat49{	position:absolute;width:150px;height:0px;left:0px;z-index:10;}#lyrCat20{	position:absolute;width:150px;height:40px;left:0px;z-index:10;}#lyrCat21{	position:absolute;width:150px;height:20px;left:0px;z-index:10;}#lyrCat1{	position:absolute;width:150px;height:140px;left:0px;z-index:10;}#lyrCat38{	position:absolute;width:150px;height:20px;left:0px;z-index:10;}#lyrCat19{	position:absolute;width:150px;height:140px;left:0px;z-index:10;}#lyrCat4{	position:absolute;width:150px;height:200px;left:0px;z-index:10;}#lyrCat2{	position:absolute;width:150px;height:220px;left:0px;z-index:10;}#lyrCat18{	position:absolute;width:150px;height:140px;left:0px;z-index:10;}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066FF;
	font-size: 10px;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
}
