/* Asia Card - Stylesheet - Main */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/top_bg.gif) 0 0 repeat-x;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
img {
  border:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
td {
  font:normal 13px/19px Arial, Helvetica, sans-serif;
  vertical-align:top;
}
a {
  color:#000;
}
a:hover {
  text-decoration:none;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topmain{
	width:100%;
	height:134px;
	padding:19px 0 0 0;
	background:url(images/logo.jpg) no-repeat top center;
}
#top{
  width:955px;
	margin:0 auto;
	height:134px;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	padding:7px 0 0 0;
	float:left;
	margin:0 82px 22px 0;
}
#top p.topTxt{
	display:block;
	width:365px;
	font-size:12px;
	line-height:19px;
	color:#D4F5FF;
	background-color:inherit;
	float:left;
	padding:21px 0 0 275px;
}
#top p.topTxt span.yellow{
	font-weight:normal;
	color:#F4F23C;
	background-color:inherit;
}
#top p.topTxt span.red{
	font-weight:normal;
	color:#fff;
	background-color:#B70D0D;
	padding:2px;
}
#top form{
	background:url(images/serch_bg.gif) 0 0 no-repeat;
	width:249px;
	height:47px;
	float:right;
	padding:10px 8px 7px 53px;
}
#top form input.txtBox{
	width:184px;
	height:15px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	background-color:#fff;
	color:#000;
	float:left;
	padding:3px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
	line-height:15px;
}
#top form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:21px;
	float:right;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	color:#333333;
	background-color:#0D6C8A;
	border:none;
	cursor:pointer;
	margin:0 0 5px 0;
}
#top form a{
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#D6DF43;
	background-color:#0D6C8A;
	float:left;
	display:block;
	width:89px;
	text-decoration:none;
}
#top form a:hover{
	text-decoration:underline;
}
#top ul.nav{
	width:847px;
	height:26px;
	padding:15px 0 0 56px;
	float:left;
}
#top ul.nav li{
	float:left;
	margin:0 3px 0 0;
	font-size:0;
	line-height:0;
}
#top ul.nav li.noMargin{
	margin:0;
}
#top ul.nav li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 no-repeat;
	width:82px;
	height:26px;
	font:bold 11px/26px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#EBEBEB;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#top ul.nav li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 no-repeat;
	color:#444444;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 no-repeat;
	width:82px;
	height:26px;
	font:bold 11px/26px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#444444;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	cursor:text;
}
#top ul.sub{
	width:950px;
	height:29px;
	padding:0 0 0 35px;
	float:left;
}
#top ul.sub li{
	float:left;
	background:url(images/nav_div.gif) right top no-repeat;
	padding:0 2px 0 0;
}
#top ul.sub li.noImg{
	background-image:none;
}
#top ul.sub li a{
	padding:0 14px;
	font:normal 11px/29px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#1F2123;
	background-color:inherit;
	text-decoration:none;
}
#top ul.sub li a:hover{
	color:#B70D0D;
	background-color:inherit;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:url(images/body_bg.gif) 0 0 repeat-x #E8E8D0;
	color:#000;
	padding:35px 0 28px 0;
}
#body{
	width:958px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images/innerbg.gif);
	background-repeat: repeat-y;
	background-position: -23px;
}
/*------------------------------------------------left--------------------*/
#left{
	width:240px;
	float:left;
}
#left h2{
	display:block;
	width:224px;
	height:22px;
	background:url(images/left_head_1px.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 0 0 14px;
	margin:0 0 1px 0;
}
#left h2 span{
	background:url(images/arrow.gif) 0 3px no-repeat;
	padding:0 0 0 16px;
	font-size:12px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;
}
#left ul{
	width:240px;
}
#left ul li{
	margin:0 0 1px 0;
}
#left ul li a{
	display:block;
	background:url(images/arrow_green.gif) 19px 9px no-repeat #DBDBBE;
	padding:0 21px 0 31px;
	font-weight:normal;
	color:#2F2F20;
	font-size:11px;
	line-height:24px;
	text-decoration:none;
}
#left ul li a span.bg{
	background-color:#F3F3DD;
	color:#000;
	width:15px;
	height:15px;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	float:right;
	margin:4px 0 0 0;
}
#left ul li a span.nor{
	color:#000;
	background-color:inherit;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	margin:4px 0 0 4px;
}
#left ul li a:hover{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.bg{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.nor{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left form{
	width:210px;
	padding:5px 15px 20px 15px;
	background-color:#D2D2B4;
	color:#000;
}
#left form label{
	display:block;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	float:left;
}
#left form input.txtBox{
	width:175px;
	padding:3px;
	height:18px;
	background-color:#f9f9e4;
	color:#000;
	border:#989898 solid 1px;
	float:left;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
#left form a{
	display:block;
	font:normal 11px/21px Arial, Helvetica, sans-serif;
	float:left;
	color:#945E02;
	background-color:inherit;
	text-decoration:none;
	margin:4px 0 0 0;
}
#left form a:hover{
	text-decoration:underline;
}
#left input.login{
	background:url(images/btn_login.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	float:right;
	font:normal 11px/21px Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:#D2D2B4;
	border:none;
	cursor:pointer;
	margin:4px 0 0 0;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:695px;
	float:right;
}
#green{
	width:662px;
	background:url(images/green_bg.jpg) 0 0 no-repeat;
	height:181px;
	margin:0 0 16px 0;
	padding:34px 0 0 32px;
}
#green h2{
	display:block;
	background:url(images/why_ecode.gif) 0 0 no-repeat;
	height:63px;
	margin:0 0 10px 0;
	text-indent:-2000px;
}
#green p{
	display:block;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#FFFFC1;
	background-color:inherit;
	width:256px;
}
#green p span{
	font-weight:bold;
	color:#fff;
	background-color:inherit;
}
#right h3{
	display:block;
	height:30px;
	border-bottom:#C5C5A8 solid 1px;
	font:normal 24px/28px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	margin:0;
}
#right h4{
	display:block;
	font:bold 17px/46px Arial, Helvetica, sans-serif;
	color:#6B1420;
	background-color:inherit;
	margin:0;
}
#right p.rightTxt1{
	display:block;
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#B3770F;
	background-color:inherit;
	margin:0 0 18px 0;
}
#right p.rightTxt1 span{
	font:normal 13px/23px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#right p.rightTxt2{
	display:block;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	margin:0 0 28px 0;
}
#right p.rightTxt2 span{
	color:#000;
	background-color:#F4F4E3;
}
.cats{
	width:680px;
}
.cats a {
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	width:76px;
	height:21px;
	font:normal 11px/21px Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
.cats a:hover {
  text-decoration: underline;
}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:175px;
	background:#78785e url(images/footer_bg.gif) 0 0 repeat-x;
}
#footer{
	width:958px;
	margin:0 auto;
	position:relative;
	height:109px;
}
#footer ul{
	width:712px;
	position:absolute;
	left:252px;
	top:18px;
}
#footer ul li{
	float:left;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 10px;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	left:261px;
	top:37px;
	color:#FEDC3B;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:245px;
	height:18px;
	padding:0;
	position:absolute;
	left:261px;
	top:58px;
	font:bold 17px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F5F5C7;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 17px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F5F5C7;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
#footer a.xhtml{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	position:absolute;
	left:0;
	top:18px;
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.xhtml:hover{
	color:#000;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	position:absolute;
	left:72px;
	top:18px;
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.css:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/




/*------------------------------------------------Contact--------------------*/

.linkpopup {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #666600;
	height: 18px;
	width: 250px;
}

.linkpopup span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopup:link span,
.linkpopup:visited span {
 visibility: hidden;
}

.linkpopup:hover span,
.linkpopup:focus span,
.linkpopup:active span {
	color: #000000;
	text-decoration: none;
	visibility: visible;
	border: 1px solid #000000;
	background-color: #E6E9CF;
}
.linkpopupmessagebox {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #1D859B;
	height: 170px;
	width: 310px;
}

.linkpopupmessagebox span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupmessagebox:link span,
.linkpopupmessagebox:visited span {
 visibility: hidden;
}

.linkpopupmessagebox:hover span,
.linkpopupmessagebox:focus span,
.linkpopupmessagebox:active span {
 color: #000;
 text-decoration: none;
 visibility: visible;
}
/*------------------------------------------------Email--------------------*/

.linkpopupemail {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #1D859B;
	height: 18px;
	width: 200px;
}

.linkpopupemail span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupemail:link span,
.linkpopupemail:visited span {
 visibility: hidden;
}

.linkpopupemail:hover span,
.linkpopupemail:focus span,
.linkpopupemail:active span {
	color: #000;
	text-decoration: none;
	visibility: visible;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/* Other */
.formbox {
  padding:3px;
  height:18px;
  border:1px solid #d2d2b4;
  width:80%;
  font:normal 12px/18px Arial, Helvetica, sans-serif;
}
textarea {
  padding:3px;
  border:1px solid #d2d2b4;
  width:90%;
  font:normal 12px/18px Arial, Helvetica, sans-serif;
  height:175px;
}
#errors {
  padding:5px 50px 5px 5px;
  background:#fff url(images/error.gif) no-repeat right center;
  margin-bottom:20px;
  border:1px dashed #076481;
  font:bold 12px/18px Arial, Helvetica, sans-serif;
}
#thanks {
  padding:10px;
  background:#fff url(images/thanks.gif) no-repeat right center;
  margin-bottom:20px;
  border:1px dashed #076481;
  font:bold 12px/18px Arial, Helvetica, sans-serif;
}
#pages {
  margin-top:20px;
  text-align: center;
  background:#d2d1b3;
  padding:5px;
  font-size:12px;
}
#pages a {
  font-size:12px;
}
#left .menuStatsH {
  display:block;
	width:224px;
	height:22px;
	background:url(images/stats_bg.gif) repeat-x;
	border-left:#076481 solid 1px;
	border-right:#076481 solid 1px;
	border-bottom:#076481 solid 1px;
  padding:6px 0 0 14px;
	margin:0 0 1px 0;
}
#left .menuStatsH span {
	background:url(images/arrow.gif) 0 3px no-repeat;
	padding:0 0 0 16px;
	font-size:12px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;
}
.menuStats {
  display:block;
  background:#f4f4e3;
  border-bottom:1px solid #e8e8d0;
  font:normal 11px/26px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#444444;
	padding-left:10px;
}
.number {
  background:url(images/ball.gif) no-repeat center center;
  display:block;
  width:20px;
  height:20px;
  font:normal 10px/12px Arial, Helvetica, sans-serif;
  color:#fff;
}
.number span {
  padding-top:3px;
  display:block;
}
.viewFullSizeImage {
  height: 700px;
  background:#e8e8d0;
}

/* ecards */
.displayImage {
}
#e-image {
}
#e-image p {
  text-align:center;
}
#e-image img {
  border:10px solid #f9f9e4;
  width: 640px;
}
#e-image .name img {
  width:16px;
  height:16px;
  background:#f9f9e4;
}
#e-image .name {
  background:#f9f9e4;
  font:normal 13px/15px Arial, Helvetica, sans-serif;
  text-align:left;
  width:640px;
  margin:0 auto;
  padding:0 10px 10px 10px;
  border-bottom:3px solid #d2d2b4;
}
#e-image .name p {
  float: right;
  background:#f9f9e4;
}
#e-image .flash {
  float: right;
  background:#f9f9e4;
}
.e-name-block,.e-name-block-book,.e-name-block-figlet {
  background:#f9f9e4;
  padding:5px;
}
.wrapArea {
  border:1px solid #d2d2b4;
  border-bottom:3px solid #d2d2b4;
  margin-top:20px;
  background:#dbdbbe;
}
.wrapArea span {
  display: block;
  background:#dbdbbe;
  font:bold 13px/15px Arial, Helvetica, sans-serif;
  padding:5px;
  height:18px;
}
.wrapArea .addressBook {
  float:right;
  padding:5px;
  height:18px;
}
.wrapArea .boxHeader {
  background:#f9f9e4;
  padding:5px;
}
.boxHeader .to {
  background:url(images/to.gif) no-repeat left center;
  padding-left:30px;
}
.boxHeader .from {
  background:url(images/from.gif) no-repeat left center;
  padding-left:60px;
}
.wrapArea .boxHeaderComms {
  padding:5px;
  background:#f9f9e4;
  font:normal 12px/16px Arial, Helvetica, sans-serif;
}
.boxHeaderComms .comments {
  background:#f9f9e4 url(images/comments.gif) no-repeat top left;
  padding:0 10px 0 30px;
}
.boxHeaderComms .comments2 {
  background:#f9f9e4 url(images/comments2.gif) no-repeat right top;
}
#emoticons {
  background:#e8e8d0;
  padding:5px;
  font:normal 10px/12px Arial, Helvetica, sans-serif;
  border:1px solid #d1d2b3;
  margin-bottom:5px;
}
#music {
  background:#e8e8d0;
  padding:5px;
  font:normal 10px/12px Arial, Helvetica, sans-serif;
  border:1px solid #d1d2b3;
  margin-bottom:5px;
  width:250px;
}
#figlink a {
  background:url(images/reload.gif) no-repeat left center;
  padding-left:25px;
}
.formErrors {
  margin-top:5px;
  font:normal 12px/14px Arial, Helvetica, sans-serif;
  color:#fff;
  border:1px solid #000;
  background:#076481 url(images/form_error.gif) no-repeat right bottom;
  padding:5px;
}
.ecardRecipient {
  display: block;
  line-height:18px;
  background:url(images/recipient.gif) no-repeat left center;
  padding-left:15px;
}