@charset "utf-8";

/*START GLOBAL CSS*/
#areaHeader {
	background-image: URL("../_images/bg_header.jpg");
	background-color: #FFF;
	margin: 0;
	padding: 0 0 0 40px;
}

.headerClick {
	float: right;
	background-color: red;

	padding: 0;
	margin: 0;
}

#areaBanner {
	background-color: #CCC;
	margin: 0;
	padding: 0;
	border: none;
	height: 157px;
	border-top: 4px solid #A5A5A5;
	border-bottom: 3px solid #FFF;
}

#areaFooter {
	clear: both;
	background-image: URL("..//_images/bg_footer.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #809DB2;
	margin: 0;
	padding: 15px 10px 10px 10px;
	color: #FFF;
	font-size: 11px;
	text-align: right;
}

#areaFooter2 {
	clear: both;
	
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #809DB2;
	margin: 0;
	padding: 10px 10px 0px 10px;	
	color: #FFF;
	font-size: 11px;
	text-align: right;
}

#areaFooterDetail {
	clear: both;
	background-image: URL("..//_images/bg_footer_detail.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #809DB2;
	margin: 0;
	padding: 15px 10px 10px 10px;
	color: #FFF;
	font-size: 11px;
	text-align: right;
}

#areaFooter a , #areaFooterDetail a{
	color: #FFF;
	text-decoration: none;
}

#areaFooter2 a , #areaFooterDetail a{
	color: #FFF;
	text-decoration: none;
}

#areaFooter a:hover, #areaFooter a.actived,
	#areaFooterDetail a:hover, #areaFooterDetail a.actived {
	color: #000;
	text-decoration: underline;
}

#areaFooter2 a:hover, #areaFooter a.actived,
	#areaFooterDetail a:hover, #areaFooterDetail a.actived {
	color: #000;
	text-decoration: underline;
}

#areaFooter span.floatLeft,
	#areaFooterDetail span.floatLeft {
	float: left;
	position: relative;
}

#areaFooter2 span.floatLeft,
	#areaFooterDetail span.floatLeft {
	float: left;
	position: relative;
}

.areaKickerRight {
	width:302px; 
	padding:0;
	margin: 0;

	background-image: URL("../_images/bg_kickerRight.jpg");
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #CCC;
}

.areaCenter {
	padding: 30px 55px 30px 45px;
	margin: 0;
	width:531px;

	background-color: #FFF;
}

.areaCenterDetail {
	padding: 30px 55px 30px 45px;
	margin: 0;
	width: 833px;
	background-color: #FFF;
}

.areaKickerLeft {
	width: 167px;
	vertical-align: top;
	padding: 0;
	margin: 0;

	background-image: URL("../_images/bg_kickerLeft.jpg");
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #CCC;
}

#areaNav {
	background-image: URL("../_images/bg_nav.gif");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #000;
	text-align: center;
	padding: 0;
	margin: 0;
}

#areaNav a, #areaNav a:hover, #areaNav a.actived {
	background-image: URL("../_images/bg_nav.gif");
	background-position: top left;
	background-repeat: repeat-x;

	width: 167px;
	display: block;
	margin: 0;
	padding: 5px 0 6px 0;

	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;

	border-bottom: 1px solid #FFF;
}

#areaNav a:hover, #areaNav a.actived {
	background-image: URL("../_images/bg_nav_on.gif");
}

#areaNav a span {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	
	font-family: Arial, Verdana, Tahoma, sans serif;
	display: block;
	font-weight: normal;
}

body {
	margin: 15px 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, sans serif;
	font-size: 12px;
	background-image: URL("../_images/bg_body.jpg");
	background-repeat: repeat-x;
	background-color: #809DB2;
}

/*END GLOBAL CSS*/

h1 {
	color: #39C;
	font-size: 15px;
	font-family: Arial, Verdana, Tahoma, sans serif;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: URL("../_images/bg_h1line.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

h1 span {
	color: #999;
}

h2 {
	color: #39C;
	font-size: 13px;
	font-family: Arial, Verdana, Tahoma, sans serif;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 5px 0;
}

td p, p {
	line-height: 16px;
	padding: 4px 0;
	margin: 0;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, sans serif;
	color: #000;
}

td {vertical-align: top;}

hr {
	border: none;
	border-top: 1px dotted #000;
	background-color: #FFF;
	color: #FFF;
	padding: 0;
	margin: 15px 0;
}

a {
	color: #39C;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, sans serif;
}

a:hover {text-decoration: underline;}

a.arrowPrev {
	background-image: URL("../_images/arrowPrev.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 10px;
	margin: 0;
	color: #333;
	text-decoration: none;
}

a.arrowPrev:hover {
	background-image: URL("../_images/arrowPrev_on.gif");
	color: #39C;
	text-decoration: none;
}

a.arrowNext {
	background-image: URL("../_images/arrowNext.gif");
	background-repeat: no-repeat;
	background-position: center right;
	padding: 0 10px 0 0;
	margin: 0;
	color: #333;
	text-decoration: none;
}

a.arrowNext:hover {
	background-image: URL("../_images/arrowNext_on.gif");
	color: #C60;
	text-decoration: none;
}

.indexPage {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, sans serif;
	color: #333;
}

.indexPage a {
	color: #333;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, sans serif;
}

.indexPage a:hover, .indexPage a.actived {
	color: #39C;
	text-decoration: none;
}

.bPromotion {
	width: 177px;
	padding: 0;
	margin: 0;
}

.container {
	width: 1000px;
	text-align: left;
}

.areaContent {
	clear: both;
	background-image: URL("../_images/bg_content.jpg");
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #FFF;
	padding: 0 0 10px 0;
	margin: 0;
	border-top: 4px solid #F00;
}


.areaContentDetail {
	clear: both;
	background-image: URL("../_images/bg_content_detail.jpg");
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	border-top: 4px solid #F00;
}


#areaMainContent {
	width: 625px; /*REAL SIZE 698px | 695-70*/
	padding: 35px 25px 35px 35px;
	margin: 0;
}

#areaMainContentDetail {
	width: 855px; /*REAL SIZE 1000px | 1000-150*/
	padding: 35px 110px 35px 35px;
	margin: 0;
}


#bSearch {
	width: 242px;
	background-image: URL("../_images/bg_search.jpg");
	background-position: top left;
	background-repeat: no-repeat;

	padding: 9px 30px 9px 30px;
	margin: 0;
}

.inpSearch, .inpSend, .inpSignup {
	font-size: 10px;
	padding: 2px 0 2px 3px;
	margin: 0 5px 0 0;
}

.inpSearch {
	width: 160px;
}

.inpSend {
	width: 129px;
	margin: 0;
}

.inpSignup {
	width: 135px;
}

.btSearch, .btSend, .btSignup {
	background-repeat: no-repeat;
	background-color: #F90;
	border: none;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 3px 0;
	margin: 8px 0 0 0;

}

.btSearch {
	background-image: URL("../_images/btSearch.jpg");
	width: 65px;
	margin: 0;
	cursor: pointer;
}

.btSend {
	background-image: URL("../_images/btSend.jpg");
	width: 54px;
	cursor: pointer;
}

.btSignup {
	background-image: URL("../_images/btSignup.jpg");
	width: 65px;
	cursor: pointer;
}

a.btContact, a.btMore, a.btForm {
	background-repeat: no-repeat;
	background-color: #F90;
	border: none;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 3px 0;
	margin: 5px 0 0 0;
	text-align: center;
	display: block;
	text-decoration: none;
}

a.btContact {
	background-image: URL("../_images/btContact.jpg");
	width: 71px;
}

a.btMore {
	background-image: URL("../_images/btMore.jpg");
	width: 58px;
}

a.btContact:hover, a.btMore:hover {
	text-decoration: none;
}

a.btForm {
	background-image: URL("../_images/btForm.jpg");
	width: 65px;
	float: left;
	padding: 3px 0 3px 0;
	margin: 5px 5px 0 0;
}

a.btForm:hover {
	background-image: URL("../_images/btForm_on.jpg");
}


#bKicker {
	width: 242px;
	padding: 5px 0;
	margin: 9px 30px;
}

.border_bKicker {
	border: none;
	border-right: 1px solid #A8A8A8;
	background-color: #FFF;
	padding: 9px 11px;
	margin: 0;
}

.border_bKicker hr {
	border: none;
	border-top: 1px dotted #000;
	background-color: #FFF;
	color: #FFF;
	padding: 0;
	margin: 0;
}

.border_bKicker p {
	padding: 2px 0;
	margin: 0;
	line-height: 15px;
}

#bSend {
	padding: 5px 0;
	margin: 9px 0;
}

.border_bSend {
	border: none;
	border-right: 1px solid #A8A8A8;
	border-left: 1px solid #A8A8A8;
	background-color: #FFF;
	padding: 9px 11px;
	margin: 0;
}

#kickerContact {
	width: 242px;
	padding: 5px 0;
	margin: 9px 30px;
	text-align: right;
}

#kickerContact p{
	font-family: Arial, Verdana, Tahoma, sans serif;
	line-height: 18px;
	font-size: 12px;
	color: #000;
}

#kickerContact a {
	font-size: 12px;
	color: #39C;
	font-weight: normal;
	text-decoration: none;
}

#kickerContact a:hover {
	text-decoration: underline;
}


.tbRecentRelease td, .tbRecentReleaseDetail td {
	font-family: Arial, Verdana, Tahoma, sans serif;
	font-size: 11px;
	color: #333;
	line-height: 16px;
}

.tbRecentRelease td p, .tbRecentReleaseDetail td p {
	font-family: Arial, Verdana, Tahoma, sans serif;
	font-size: 11px;
	line-height: 18px;
	padding: 3px 0;
	margin: 0;
}

.tbRecentRelease td.morelink-space {
	padding: 8px 0 0 0;
	margin: 0;
}

.tbRecentRelease td img {
	margin-right: 8px;
}

.tbRecentReleaseDetail img {
	margin: 0;
	padding: 0;
}

.title_blue {
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, sans serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;

	background-image: URL("../_images/bg_title_blue.gif");
	background-repeat: repeat-x;
	background-position: left top;

	padding: 3px 0 4px 0;
	margin: 0;

	text-align: center;
}

.title_grey {
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, sans serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;

	background-image: URL("../_images/bg_title_grey.gif");
	background-repeat: repeat-x;
	background-position: left top;

	padding: 3px 0 4px 0;
	margin: 0;

	text-align: center;
}

.title_grey_lrg {
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, sans serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;

	background-image: URL("../_images/bg_title_grey_lrg.gif");
	background-repeat: repeat-x;
	background-position: left top;

	padding: 4px 0 5px 0;
	margin: 0;

	text-align: center;
}

.bNew_Release {
	width: 202px;
}

.bNews {
	width: 202px;
}

.border_bPromotion {
	border: none;
	border-left: 1px solid #A8A8A8;
	border-right: 1px solid #A8A8A8;
/*
	background-image: URL("../_images/bg_bottom_bPromotion.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
*/
	padding: 0 11px 0 11px;
	margin: 0;
}

.bNew_Release ul, .bNews ul {
	padding: 4px 0 8px 20px;
	margin: 0;
	list-style-image: URL("../_images/arrow_black.gif");
	list-style-position: left top;

	background-image: URL("../_images/bg_h1line.gif");
	background-repeat: repeat-x;
	background-position: left bottom;

	line-height: 18px;
}

.bNew_Release ul li, .bNews ul li{
	padding: 0;
	margin: 0;
}

.bNew_Release a, .bNews a {
	color: #39C;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, sans serif;
}

.bNew_Release a:hover, .bNews a:hover {
	text-decoration: underline;
}

.linkMore {
	padding: 4px 0 4px 19px;
	margin: 0;
}

.linkMore a{
	font-size: 11px;
	color: #F30;
	text-decoration: none;
	font-family:  Arial, Verdana;
	font-weight: bold;
}

.linkMore a:hover {
	text-decoration: underline;
}


p.recommend {
	font-family: Arial, Verdana, Tahoma, sans serif;
	font-size: 11px;
	line-height: 17px;
	padding: 10px 0 15px 0;
	margin: 0;
	background-image: URL("../_images/bg_h1line.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

.recommend b {
	font-family: Arial, Verdana, Tahoma, sans serif;
	font-size: 12px;
	line-height: 17px;
}

.recommend img {
	padding: 0;
	margin: 0 8px 0 0;
}

.txtRed {
	color: #F00;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

.category {
	float: right;
}

.category a {
	padding: 0 8px;
	margin: 0;
	color: #999;
	text-decoration: none;
	font-size: 13px;
}

.category a:hover, .category a.actived {
	color: #39C;
	text-decoration: none;
}

.tableStyle {
	border: 1px solid #CCC;
	border-right: none;
	border-bottom: none;
}
.tableStyle th {
	background-color: #39C;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCC;
	border-left: none;
	border-top: none;
}

.tableStyle td {
	border: 1px solid #CCC;
	border-left: none;
	border-top: none;
}
.colorBlue {color: #39C;}
.colorRed {color: #F00;}

ol { font-size: 11px;}
ol li {padding-bottom:3px;}