.Slink{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #3498BD; text-decoration: underline; line-height: 18px;}
a.Slink:link{color: #3498BD; text-decoration: underline; }
a.Slink:visited {color: #3498BD; text-decoration: underline; }
a.Slink:hover {color: #3498BD; text-decoration: underline; }
a.Slink:active  {color: #3498BD; text-decoration: underline; }

.title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A6C6C;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
	text-align: left;
}
a.title:link{color: #3498BD; text-decoration: underline; }
a.title:visited {color: #3498BD; text-decoration: underline; }
a.title:hover {color: #3498BD; text-decoration: underline; }
a.title:active  {color: #3498BD; text-decoration: underline; }


.PGlink{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF00; line-height: 18px;}
a.PGlink:link { color: #FFFF00; text-decoration: underline}
a.PGlink:visited { color: #FFCC33; text-decoration: underline}
a.PGlink:active { color: #FFCC00; text-decoration: underline}
a.PGlink:hover { color: #FFFF66}

.PGlink02{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #87D8EF;
	line-height: 18px;
	font-weight: bold;
	text-decoration: underline;
}
a.PGlink02:link { color: #FFFFFF; text-decoration: none}
a.PGlink02:visited { color: #CCCCCC; text-decoration: none}
a.PGlink02:active { color: #FFFF99; text-decoration: underline}
a.PGlink02:hover {
	color: #FFCC33;
	text-decoration: underline;
}

.iclone_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D1D1D1;
    text-decoration: none;
}
.Plink{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ; color: #D1D1D1}
a.Plink:link { color: #D1D1D1; text-decoration: underline}
a.Plink:visited { color: #D1D1D1; text-decoration: underline}
a.Plink:active { color: #D1D1D1; text-decoration: underline}
a.Plink:hover { color: #D1D1D1}

.content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: top;
	line-height: normal;
	font-weight: normal;
}
a.content:link { color: #3498BD; text-decoration: underline}
a.content:visited { color: #3498BD; text-decoration: underline}
a.content:active { color: #3498BD; text-decoration: underline}
a.content:hover { color: #3498BD}

.pack_main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #d1d1d1;
	margin: 0px;
	padding: 0px;
}

.packTub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #FFFFFF;
	font-weight: bold;
}
.ThumName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
	font-weight: bold;
}
.ThumPrice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
}
.ThumSave {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #C8320A;
	font-weight: bold;
}
.textarea01 {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 5px 0px;
}
.textarea02 {

	padding-top: 0px;
	padding-bottom: 0px;
	margin: 10px 0px;
}
.videotitlearea {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 13px;
	color: #D1D1D1;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textarea03 {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 10px;
	text-align: left;
}
.relatedtitle {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3597BB;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;

}
.relatedtitle2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A6C6C;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
.relatedcontent {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: normal;
	font-weight: normal;
}



/************ RelatedVideo ************/
#divRelatedVideo {
	margin-left:-10px;
	>margin-left: -10px;
	*margin-left: -10px;
	_margin-left: -10px;
	margin-top:3px;
	overflow: hidden;
}

#divRelatedVideoTitle {
	margin-left:8px;
	margin-top:15px;
	height:30px;
	overflow: hidden;
	width: 795px;
	background-image: url(image/RelatedVideo/Title_Related.gif);
	background-repeat: no-repeat;
}

#videomenu 
{
	margin-left:8px;
	height:280px;
	overflow: hidden;
	width: 795px;
	background-image: url(image/RelatedVideo/menu_item.gif);
	background-repeat: no-repeat;
	margin-top: 3px;
	_z-Index:-1;
}

/*---  btn : Prev, Next  ---*/
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(image/RelatedVideo/menu_arrow_left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(image/RelatedVideo/menu_arrow_right.png);
	clear:right;	
}

/*---  navigator  ---*/
#menu_header
{
	margin-left:8px;
	height:37px;
	overflow: hidden;
	width: 795px;
	background-image: url(image/RelatedVideo/menu_header.gif);
	background-repeat: no-repeat;
}

/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
	margin-top:-25px;
}

/* items inside navigator */
div.navi a 
{
	margin-left:328px;
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(image/RelatedVideo/menu_arrow_navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 

/*---  the following needs to adjust by case  ---*/
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 713px;	 
	height:212px;
	>height:212px;
	*height:212px;
	margin-top: -280px;
	margin-left: 45px;
	*margin-left: 44px;
	_margin-left: -1px;
	float:left;
	_z-Index:1;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #00;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top: -175px;
}
a.prev {
	margin-left: 18px;
	>margin-left: 190px;
	*margin-left: 19px;
	_margin-left: 9px;
}
a.next {
	margin-left: 765px;
	>margin-left: 6px;
	*margin-left: 6px;
	_margin-left: 8px;
}

/* single item */
#thumbs div {
float:left;
width:178px;
*width:179px;
_width:178px;
height:213px;
_height:213px;
/*background:transparent url(image/RelatedVideo/menu_line.png) no-repeat scroll 100% 130%;*/
background-color:#353535;
border-left:0px solid #333;
cursor:pointer;
text-align:left;
color:#999;
}

#thumbs p.menu_img
{
	margin-top:10px;
	text-align:center;
}

#thumbs p.menu_title, #thumbs p.menu_text
{
	margin-left:15px;
	/*margin-bottom:5px;*/
	
}
#thumbs p.menu_title
{
	font-size:12px;
	font-weight:bolder;
	overflow:hidden;
}
#thumbs p.menu_text
{
	margin-top:0px;
	font-size:10px;
}

/* style when mouse is over the item */
#thumbs div.hover {
	color:#999;
	background-color:#434343;
}