@charset "utf-8";
/* CSS Document */
/****************************** Main Css ******************************/
*/
html, body {border: 0; margin: 0; padding: 0; height: auto;}
body {	
	font: 12px arial, helvetica, sans-serif;
	color: #58595b; /*Font color*/
	background:#FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
	p {}
	p, ul, ol { margin: 0; padding: 0; }
	img, img a { border: none; }
	form { margin: 0; padding: 0; }
	
hr {
  border: 0;
  width: 100%;
  color: #b5b9bc;
  background-color: #b5b9bc;
  height: 1px;
}	

.photo-left{
	padding:0 10px 10px 0;
	float:left;
}

.photo-right{
	padding:0 0 10px 10px;
	float:right;
}
/************************* Global linking *************************/	
a:link {
	color: #58595b;
	text-decoration: none;
}
a:visited {
	color: #58595b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #58595b;
}
/************************* Wrapper Css *************************/	
#Wrapper {
	width: 815px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}

/****************************** Header Css ******************************/
#header{
	width: 815px;
	float:left;
	padding-top:20px;
}
#header-top{
	width: 815px;
	float:left;
}
#header-nav{
	width: 813px;
	height:125px;
	float:left;
	border: 1px solid #a9a9a9;
	border-top:none;
	border-bottom:none;
}
#header-nav-link{
	width: 787px;
	float:left;
	text-align:left;
	padding: 35px 0 0 2px;
	letter-spacing:1px;
}
#header-nav-link-selected{
	text-decoration: none;
	color:#F60;
	font-weight:bold;
}
#header-nav-link a{
	text-decoration: none;
}

#header-nav-link a:visited {
	text-decoration: none;
}
#header-nav-link a:hover {
	text-decoration: none;
	color:#F60;
}
#header-nav-link a:active {
}

.header-share{
	width: 813px;	
	float:left;
}

.header-logo{
	width: 200px;	
	float:left;
	padding-left:20px;
}

.header-login{
	width: 370px;
	float:right;
	padding-right:20px;
	text-align:right;
}

.header-login-fill{
	width: 350px;	
	float:left;
	background-color:#aaa;
	color:#FFF;
	padding:3px 6px 3px 6px;
	font-size:11px;
}
.header-login-language{
	width: 356px;	
	float:left;
	padding:3px 0 3px 6px;
	font-size:11px;
	text-align:right;
}

/****************************** Home ******************************/
.main-share{
	width: 815px;	
	float:left;		
}
#main-images{
	width: 394px;	
	float:left;		
}
#main-copy{
	width: 421px;
	height:219px;
	float:left;		
	background: #FFFFFF url(../images/home/bg01.jpg) no-repeat top left;
	text-align:left;
	color:#285b6e;
}

/*** Table***/
.table-main-copy {
	width: 410px;
	padding: 0;
	margin: 0;
	text-align:left;
	font-size:11px;
}

.table-main-copy th {
	text-align: left;
}

.table-main-copy td {
	padding: 7px 0 0 18px;
}

.table-main-300 {
	width: 300px;
	padding: 0;
	margin: 0;
	text-align:left;
}
.table-main-260 {
	width: 260px;
	padding: 0;
	margin: 0;
	text-align:left;	
}
.table-main-570 {
	width: 570px;
	padding: 0;
	margin: 0;
	text-align:left;
}

.table-main-nav{
	width: 95%;
	padding: 0;
	margin: 0;
	text-align:center;
	font-weight:normal;
}	
.table-main-nav th{
	text-align: center;
	padding: 0;
	vertical-align: top
}	
.table-main-nav td{
	text-align: center;
	padding: 0;
	vertical-align: top
}	
	
.table-main-100p{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align:left;	
}

.table-main-570 th,.table-main-300 th, .table-main-260 th, .table-main-100p th {
	text-align: left;
	padding: 0 0 7px 0;
	vertical-align: top
}

.table-main-570 td,.table-main-300 td, .table-main-260 td, .table-main-100p td{
	padding: 0 0 7px 0;
	vertical-align: top
}
.table-main-570 th border{
		border: 2px solid #fff;
}
.table-sub-nav{
	width: 140px;
	padding: 0;
	margin: 0;
	text-align:left;
	font-size:11px;
}
.table-sub-nav th {
	text-align: left;
	padding: 3px 0 3px 0;
	vertical-align: top
}

.table-sub-nav td{
	padding: 3px 0 3px 0;
	vertical-align: top
}

.table-sub-nav-support{
	width: 180px;
	padding: 0;
	margin: 0;
	text-align:left;
	font-size:11px;
}
.table-sub-nav-support th {
	text-align: left;
	padding: 3px 0 3px 0;
	vertical-align: top
}

.table-sub-nav-support td{
	padding: 3px 0 3px 0;
	vertical-align: top
}



/****************************** Left panel Css ******************************/
#col-leftpanel {
	width: 185px;
	float:left;
	background: url(../images/bg_leftpanel01.jpg) no-repeat top left;
}
#col-leftpanel ul{
	display:block;
	width: 155px;
	height:300px;
	display:block;
}

#col-leftpanel ul li{
	display:block;
	list-style:none;
	background: url(../images/dot02.gif) no-repeat 0 5px;
	padding:3px 0 10px 14px;
	}
.col-leftpanel-insidelink, .col-leftpanel-insidelink ul{
	width: 150px;
}
.col-leftpanel-insidelink ul li{
	width: 125px;
	padding:0;
}
.thumbnail{
	border: 2px solid #fff;
	margin-bottom:10px;
}
.col-leftpanel-content {
	width: 163px;
	float:left;
	margin: 17px 0 0 12px;
	border-bottom: 1px solid #a9a9a9;
	display:inline
}
.col-leftpanel-content a {
	color:#58595b;
}

.col-leftpanel-content2 {
	width: 155px;
	float:left;
	margin: 17px 0 0 15px;
	display:inline
}

.btn-more-details{
	width: 135px;
	float:left;
	text-align:right;
	background: url(../images/icon_details2.gif) no-repeat 140px 8px;
	padding: 10px 20px 10px 0;
	font-size:11px;
}

.btn-home-details{
	width: 350px;
	float:right;
	text-align:right;
	background: url(../images/icon_details2.gif) no-repeat top right;
	padding: 2px 16px 3px 0;

}
/****************************** Content right panel Css ******************************/

.col-rightpanel {
	width: 570px;
	float:left;
	padding: 30px 30px 0 30px;
	background: url(../images/bg_rightpanel01.jpg) no-repeat top right;
}

.col-rightpanel a {
	color:#f58220;	
	text-decoration: none;
	font-weight:bold;
}

.col-rightpanel a:visited {
	color:#f58220;	
	text-decoration: none;
}
.col-rightpanel a:hover {
	text-decoration: underline;
	color:#f58220;	
}
.col-rightpanel a:active {
	color:#f58220;	
}

.col-rightpanel ul{
	width: 98%;
}
.col-rightpanel ul li{
	display:block;
	padding:0 0 5px 15px;
	list-style:none;
	background: url(../images/dot06.gif) no-repeat 0 2px;
}

.sub-link{
	width: 200px;
	float:right;
	display:block;
	text-align:right;
	font-size:11px;
	
}
.col-rightpanel-inside {
	width: 570px;
	float:left;
	padding: 30px 0 0 30px;
}

.col-rightpanel p {
	padding-bottom: 10px;
	font-size:12px;
}

.col-rightpanel-left{
	width: 235px;
	float:left;
    padding-left:30px;
	
}
.col-rightpanel-right{
	width: 200px;
	float:right;
	padding-left: 58px;
	padding-right:30px;
	border-left: 1px solid #b6bbbd;
}
.col-rightpanel-left ul, .col-rightpanel-right ul{
	display:block;
	width: 210px;
	padding-top:15px;	
}

.col-rightpanel-left ul li, .col-rightpanel-right ul li{
	display:block;
	list-style:none;
	background: url(../images/dot01.gif) no-repeat 0 5px;
	padding:3px 0 3px 14px;	
}


/****************************** Content area Css ******************************/
.main-content-area{
	width: 815px;
	text-align:left;
	background: #FFFFFF url(../images/bg01.gif) repeat-y;
	float:left;
}


/****************************** support ******************************/
#main-support-wrapper{
	width:815px;
	float:left;
	background: #FFFFFF url(../images/support/bg_support.gif) repeat-y;

	
}
.main-support{
	width:580px;
	float:left;	
}

.main-support-left{
	width:235px;
	float:left;
	background: url(../images/bg_leftpanel01.jpg) no-repeat bottom left;
}

.main-login{
	width:235px;
	height:266px;
	float:left;	
	background: #FFFFFF url(../images/support/bg_login.jpg) no-repeat top left;

}
.main-messenger{
	width:235px;
	float:left;	
	background: #FFFFFF url(../images/support/bg_messenger.gif) repeat-y;

}
.col-rightpanel-support{
	width: 520px;
	float:left;
	padding: 30px 30px 0 30px;
	background: url(../images/bg_rightpanel02.jpg) no-repeat top right;
}
.col-rightpanel-support p{
	padding-bottom:10px;
}


.col-rightpanel-support a {
	color:#f58220;	
	text-decoration: none;
	font-weight:bold;
}

.col-rightpanel-support a:visited {
	color:#f58220;	
	text-decoration: none;
}
.col-rightpanel-support a:hover {
	text-decoration: underline;
	color:#f58220;	
}
.col-rightpanel-support a:active {
	color:#f58220;	
}

.col-rightpanel-support ul{
	width: 98%;
}
.col-rightpanel-support ul li{
	display:block;
	padding:0 0 5px 15px;
	list-style:none;
	background: url(../images/dot06.gif) no-repeat 0 2px;
}



.col-leftpanel-content1 {
	width: 155px;
	float:left;
	margin: 17px 0 0 15px;
	display:inline
}

#col-leftpanel-support{
	width:235px;
	float:left;
	background: url(../images/bg_leftpanel01.jpg) no-repeat bottom left;
}
#col-leftpanel-support ul{
	display:block;
	width:205px;
	display:block;
}

#col-leftpanel-support ul li{
	display:block;
	list-style:none;
	background: url(../images/dot02.gif) no-repeat 0 5px;
	padding:3px 0 10px 14px;
	}
/****************************** Footer Css ******************************/
#footer{
	width: 815px;
	height: 60px;
	background: #FFFFFF url(../images/bg_footer.gif) no-repeat top left;

}
#footer-support{
	width: 815px;
	height: 60px;
	background: #FFFFFF url(../images/bg_footer2.gif) no-repeat top left;

}

#footercontent { 
  	float: left;
	width: 815px;
  	margin: 0;
  	padding: 0;
	color:#58595b;
  	list-style: none;
	font-size:11px;

  	}
#footercontent a {
	color:#58595b;
  	text-decoration: none;
  	}
	
#footercontent a:hover, a:active{
	color:#58595b;
	text-decoration:underline;
}

#copyright {
  	float: left;
  	margin: 0;
  	padding: 28px 0 10px 13px;
	display:block;
  	}
	
/****************************** Clear float Css ******************************/	
#clear{
	clear:both;
}