.littlebutton { /*shared class for all title buttons*/
  font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#888888;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
}

.littlebutton:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}

.videocat{
	font-family: Arial, sans-serif, Tahoma, Verdana, Geneva, Helvetica;
	font-size: 13px;
                text-decoration: none;
            
  	color: #2B547E;
}
.videocat:hover{
	font-family: Arial, sans-serif, Tahoma, Verdana, Geneva, Helvetica;
	font-size: 13px;
	text-decoration: none;
	color: #3399CC;

}

.mainbutton{
	font-family: Arial, sans-serif, Tahoma, Verdana, Geneva, Helvetica;
	font-size: 12px;
                text-decoration: none;
            
  	color: #A5AEBC;
}
.mainbutton:hover{
	font-family: Arial, sans-serif, Tahoma, Verdana, Geneva, Helvetica;
	font-size: 12px;
	text-decoration: none;
	color: #AF78CC;

}
	
	

	body {
		font-family:georgia; 
		font-size:16px; 
	}
	a {
		text-decoration:none; 
		color:#D3790D;
	}
	
	#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:390px; 
		height:40px;
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:0px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		margin:0 13px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:url(../image/roundtail.jpg) no-repeat right center; 
		height:27px;
		
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-10px;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:url(../image/roundhead.jpg) no-repeat 0 0; 
		height:27px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:14px;
	}
	
	
	
.productBtn{
   font-size:11px;
   font-family:Verdana,sans-serif;
   color:#555555;
   width: 60px;
   height: 20px;
   background: white url(../../image/shade.gif);
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.productBtn:hover{
 color: #6666AA;
 background-color:FFF;
 border-color:#FE9A2E;
}	




.videobutton{
     font-size:11px;
   font-family:Verdana,sans-serif;
   color:#222222;
   width: 84px;
   height: 64px;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.videobutton:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}

.translateB{
     font-size:11px;
   font-family:Verdana,sans-serif;
   color:#222222;
   width: 45px;
   height: 33px;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.translateB:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}

.tBBB{
     font-size:11px;
   font-family:Verdana,sans-serif;
   color:#222222;
   width: 64px;
   height: 54px;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.tBBB:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}

.tBB{
     font-size:11px;
   font-family:Verdana,sans-serif;
   color:#222222;
   width: 54px;
   height: 43px;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.tBB:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}

.BBig{
     font-size:11px;
   font-family:Verdana,sans-serif;
   color:#222222;
   width: 60px;
   height: 50px;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.BBig:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}

.BBBig{
     font-size:11px;
   font-family:Verdana,sans-serif;
   color:#222222;
   width: 68px;
   height: 68px;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.BBBig:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}

.tBBL{
     font-size:11px;
   font-family:Verdana,sans-serif;
   color:#222222;
   width: 54px;
   height: 48px;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.tBBL:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}


.TVbutton{
     font-size:11px;
   font-family:Verdana,sans-serif;
   color:#888888;
   width: 100px;
   height: 80px;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:2px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.TVbutton:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}
.Videobutton{
      font-size:11px;
   font-family:Verdana,sans-serif;
   color:#444444;
   width: 62px;
   height: 57px;
   background-image: url('../image/videoview.jpg');
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.Videobutton:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}
.Earthbutton{
   font-size:11px;
   font-family:Verdana,sans-serif;
   color:#888888;
   width: 62px;
   height: 57px;
   background-image: url('../image/earthview.jpg');
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.Earthbutton:hover{
 color: #6666AA;
 background-color:EEEEF4;
 border-color:#9999DD;
}

	
.stores {
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 28px;
	
	
	font-style: italic;
    text-decoration: none;
	color: #A144F3;
}

.stores:hover{
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 28px;
	font-style: italic;
	text-decoration: underline;
	color: #D075BD;
}
	

	
.storehot1 {
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 30px;
    text-decoration: none;
	color: #5F04B4;
}

.storehot1:hover{
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 30px;
	text-decoration: underline;
	color: #D075BD;
}
.storehot2 {
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 26px;
    text-decoration: none;
	color: #5F04B4;
}

.storehot2:hover{
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 26px;
	text-decoration: underline;
	color: #D075BD;
}
.storehot3 {
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 22px;
    text-decoration: none;
	color: #5F04B4;
}

.storehot3:hover{
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 22px;
	text-decoration: underline;
	color: #D075BD;
}
.storehot4 {
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 18px;
    text-decoration: none;
	color: #5F04B4;
}

.storehot4:hover{
	font-family:   Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 18px;
	text-decoration: underline;
	color: #D075BD;
}

.niceButton1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#aab7c2;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.niceButton1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.niceButton1:active {
	position:relative;
	top:1px;
}




.niceButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #d197fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d197fe;
	box-shadow:inset 0px 1px 0px 0px #d197fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
	background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
	background-color:#a53df6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #9c33ed;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #7d15cd;
}.niceButton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
	background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
	background-color:#7c16cb;
}.niceButton2:active {
	position:relative;
	top:1px;
}

	
.niceButton3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d) );
	background:-moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
	background-color:#ff5bb0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ee1eb5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #c70067;
}.niceButton3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );
	background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
	background-color:#ef027d;
}.niceButton3:active {
	position:relative;
	top:1px;
}


.niceButton4 {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}.niceButton4:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}.niceButton4:active {
	position:relative;
	top:1px;
}

.niceButton5 {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
}.niceButton5:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}.niceButton5:active {
	position:relative;
	top:1px;
}


.niceButton6 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.niceButton6:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.niceButton6:active {
	position:relative;
	top:1px;
}

.niceButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:5px 2px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.niceButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.niceButton:active {
	position:relative;
	top:1px;
}
.niceButtonS {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#aab7c2;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.niceButtonS:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.niceButtonS:active {
	position:relative;
	top:1px;
}