* {
	padding : 0;
	margin : auto;
}


html {
	height : 100%;
	min-height : 100%;
}
body {
	margin : auto;
	background : url(images/bg.png) no-repeat #212737;
	background-position: top center;
	font : 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color : #5b6265;
}


hr {
	border-bottom-color : #d7d7d7;
	border-bottom-style : solid;
	border-bottom-width : 1px;
}
a {
	text-decoration : none;
}

h1{
	color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 2em;
    letter-spacing: 3px;
    padding: 15px 15px 25px 10px; 
	font-family: 'Ubuntu Condensed',Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#page_container {
	width : 963px;
	margin : auto;
}
#header {
	width : 963px;
	height : 80px;
	
}
#header #logo {
	display : block;
	width : 250px;
	height : 58px;
	top : 0;
	position : relative;
	float : left;
	margin-right : 35px;
	background : url(images/ecardmax_logo.png) 0%;
	margin-left : 10px;
	margin-top : 10px;
}
#header #ddtopmenubar {
	background-image : url(images/menu_bg.png);
	background-repeat : no-repeat;
	width : 621px;
	height : 44px;
	float : right;
	margin-top : 20px;
}

#ecardmax_topmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px;width : 651px; float : right;} 
#ecardmax_topmenu > ul {list-style:inside none; padding:0; margin:0;} 
#ecardmax_topmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#ecardmax_topmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font: 15px/100% 'Ubuntu Condensed', Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#ecardmax_topmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#ecardmax_topmenu > ul > li > a:after{ content:''; position:absolute;  top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#ecardmax_topmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#ecardmax_topmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#ecardmax_topmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#ecardmax_topmenu ul li.has-sub:hover > a{ background:#3f3f3f;  padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#ecardmax_topmenu ul li.has-sub:hover > ul, #ecardmax_topmenu ul li.has-sub:hover > div{display:block;} 
#ecardmax_topmenu ul li.has-sub > a:hover{background:#3f3f3f; } 
#ecardmax_topmenu ul li > ul, #ecardmax_topmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#ecardmax_topmenu ul li > ul{width:200px;} 
#ecardmax_topmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#ecardmax_topmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 

/*#ecardmax_topmenu, #ecardmax_topmenu > ul > li > ul > li a:hover{ background:#475059; background:-moz-linear-gradient(top,  #475059 0%, #1e252d 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#475059), color-stop(100%,#1e252d)); background:-webkit-linear-gradient(top,  #475059 0%,#1e252d 100%); background:-o-linear-gradient(top, #475059 0%,#1e252d 100%); background:-ms-linear-gradient(top, #475059 0%,#1e252d 100%); background:linear-gradient(top,  #475059 0%,#1e252d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#475059', endColorstr='#1e252d',GradientType=0 ); } */
#ecardmax_topmenu, #ecardmax_topmenu > ul > li > ul > li a:hover{ background:#475059; }
#ecardmax_topmenu{border-color:#1b313d;} 
#ecardmax_topmenu > ul > li > a{color:#fff;} 
#ecardmax_topmenu > ul > li > a:after{} 

#ecardmax_topmenu > ul > li > a:hover{background:#3f3f3f;} 


#home_banner {
	width : 1026px;
	background-color : #12151e;
	height : 570px;
	text-align : center;
	vertical-align : middle;
}

/*--------------------Begin note*/
#home_page_content {
	width : 100%;
	background-image : url(images/home_content_bg.png);
	float : left;
	background-position : 0% 0%;
	background-repeat : repeat-x;
	margin-top : 0;
	/*padding-top : 30px;
	padding-bottom : 30px;*/
	background-attachment : scroll;
	background-color : transparent;
	background-color : #212737;
}
#phone_line{
    font-family: 'PT Sans';
    font-size:14px;
    text-align:left;
    padding:0px 0px 10px 200px;
    color:#A8A5A5;
    
}
#big_banner{    
    width:100%;
    height:405px;
    background-image : url(images/big_banner.png);
    background-repeat:no-repeat;
    background-attachment : scroll;
	background-color : transparent;
    background-color : #212737; 
}
#big_banner_intro{
    width:430px;
    height:auto;
    float:left;
    margin-top: 150px;
    margin-left:40px;
}
#intro_title{
    font-family: 'Ubuntu Condensed',arial;
    font-size:36px;
    color:#FFF;
	text-align:center;  
	padding:0;
	font-weight: normal;
	text-shadow: -1px -1px white, 2px 2px #333
}
#intro_text{
    font-family: 'PT Sans',arial;
    font-weight: normal;
    font-size:18px;
	color: #B2B4B8;
	text-align:center;
	margin-top:10px;
	text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
	
}
#big_banner_learnmore{
    float:left;
    background-image : url(images/learnmore.png);
    background-repeat:no-repeat;
    width:133px;
    height:31px;
    margin: 20px 0px;
	padding-left:40px;
	color:#FFF;
	padding-top:7px;
}
#ecardmax_img{
    background-image : url(images/ecardmax_img.png);
	top: 7px;
    background-repeat:no-repeat;
    background-color : transparent;
    width:512px;
    height:392px;
    position:relative;
    right:-275px;
	border:0;
}


#mini_banner{
    width : 100%;
	background-image : url(images/mini_banner.png);
    height:165px;
}

#why_ecardmax{
    background-image : url(images/why.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:220px;
    height:42px;
    position:relative;
    left:-380px;
    top:65px;
}
/*   banner   */


#why_ecardmax_loco{
    background-image : url(images/mini_banner1_llaco.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:70px;
    height:47px;
    position:relative;
    left:-130px;
    top:-23px;
}
#why_ecardmax_monqua{
    background-image : url(images/mini_banner1_monqua.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:20px;
    height:21px;
    position:relative;
    left:-205px;
    top:-10px;
}
#why_ecardmax_monqua_text{
    /*width:20px;
    height:21px;*/
    position:relative;
    left:300px;
    top:-27px;
}

#why_ecardmax_stars{
    background-image : url(images/mini_banner1_stars.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:23px;
    height:29px;
    position:relative;
    left:-205px;
    top:-10px;
}
#why_ecardmax_stars_text{
    /*width:20px;
    height:21px;*/
    position:relative;
    left:300px;
    top:-34px;
}

#why_ecardmax_quality{
    background-image : url(images/mini_banner1_quality.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:59px;
    height:54px;
    position:relative;
    left:140px;
    top:-157px;
}
#why_ecardmax_hoamai5canh{
    background-image : url(images/mini_banner1_hoamai5canh.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:20px;
    height:21px;
    position:relative;
    left:50px;
    top:-145px;
}

#why_ecardmax_hoamai5canh_text{
    /*width:20px;
    height:21px;*/
    position:relative;
    left:555px;
    top:-163px;
}

#why_ecardmax_file{
    background-image : url(images/mini_banner1_file.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:30px;
    height:33px;
    position:relative;
    left:50px;
    top:-145px;
}
#why_ecardmax_file_text{
    /*width:20px;
    height:21px;*/
    position:relative;
    left:555px;
    top:-174px;
}

#why_ecardmax_home{
    background-image : url(images/mini_banner1_home.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:46px;
    height:45px;
    position:relative;
    left:370px;
    top:-297px;
}
#why_ecardmax_folder_block{
    background-image : url(images/mini_banner1_folderblock.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:35px;
    height:28px;
    position:relative;
    left:310px;
    top:-275px;
}

#why_ecardmax_folder_block_text{
    position:relative;
    left:820px;
    top:-300px;
}

#why_ecardmax_block{
    background-image : url(images/mini_banner1_block.png);
    background-repeat:no-repeat;
    background-color : transparent;
    width:36px;
    height:328px;
    position:relative;
    left:305px;
    top:-283px;
}
#why_ecardmax_block_text{
    position:relative;
    left:820px;
    top:-604px;
}

/*  end banner*/

#why_ecardmax p{
	padding-top:10px;
	padding-left:25px;
}
	
#why_ecardmax a{
	font-size:18px;
	color:#000;
	font-family: 'Ubuntu Condensed', Arial;
}

#why_ecardmax_support{
	
}

#content_head{
    width : 100%;
	background-image : url(images/bg_top.png);
    height:192px;
}
#content_head_quote{
    float:left;
    width: 630px;
    border:1px solid  #44464A;
    border-style:none none solid none;
    margin: 40px 0px 0px 50px;
    text-align:justify;
}

#content_head_quote p{
    color:#FFF;
    padding-bottom:20px;
    font-size:14px;
    font-family: arial;
}

#content_wrapper{
    background-color:#0B0D11;
    height:auto;/*305*/    
    padding: 30px 40px 0px 50px;
}
#content_middle{    
    width:100%;
    height: auto;/*340*/
    /*border:1px solid  #44464A;
    border-style:none none solid none;*/
}

#content_middle_left{
    float:left;
    height: auto;
    width:670px;/*670*/
	margin-top:-100px;
}
#content_middle_right{
    float:left;
    height: auto;
    width:202px;
}

#item{
    height:95px;
    width:330px;
    float:left;
}
#item img{
    float:left;
    padding:0;
    border:0;
	padding-right:3px;
}
#item_title{
    color:#17CAFD;
    font-family:'Ubuntu Condensed', arial;
    font-weight:normal;
    padding:0px 0px 5px 0px;
    font-size:16px;
	
}
#item_quote{
    color:#769099;
    padding-right:45px;
    text-align:justify;
}

#key_head{
    text-transform: uppercase;
    font-weight:bold;
    color: #93A6B2;
    font-size:14px;
    padding:0px 0px 10px 10px;
}
#key_list{
    background-color:#1E2024;
    width:auto;
    padding:5px 0px 5px 25px;
}
#key_list ul li{
    list-style : square;
	line-height : 200%;
    color:#9BADB8;
}
#content_footer{
    background-color:#0B0D11;
    height:auto;/*305*/    
    padding: 10px 40px 0px 50px;
}
#column{
    width:153px;
    float:left;
    margin-right:20px;
}
#column_title{
    text-transform: uppercase;
    color:#048EBE;
    font-weight:bold;
    padding-bottom: 10px;
    font-size:12px;
}
#column_link{
    border:1px solid #161F25;
    border-style: none none solid none;
    padding:10px 0px;
}
#column_link a{
    color: #769099;
    font-size:11px;
}
#column_link img{
    float:left;
	border:0;
}
#copyright{
    width:100%;
    text-align:center;
}
#copyright_title{
    font-size: 12px;
    font-weight:bold;
    color:#73878D;
    padding-bottom:5px;
	text-align:center;
}
#copyright_text{
    font-size: 11px;
    color:#73878D; 
    line-height:130%;   
	text-align:center;
}

#content_top{
    width:100%;
    height:20px;
    background-image : url(images/content_top.png);
    background-repeat:no-repeat;
    background-attachment : scroll;
	background-color : transparent;
    background-color : #212737;    
}
#content_bottom{
    width:100%;
    height:20px;
    background-image : url(images/content_bottom.png);
    background-repeat:no-repeat;
    background-attachment : scroll;
	background-color : transparent;
    background-color : #212737;    
}

.clear{
    clear:both;
}
/*----------------------End note------------------------*/




#home_page_content #home_left {
	width : 660px;
	float : left;
	padding-left : 20px;
}
#home_page_content #home_right {
	width : 270px;
	float : right;
	padding-right : 20px;
}
#home_page_content #home_right h4 {
	border-bottom-color : #d7d7d7;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	margin-bottom : 8px;
	padding-bottom : 8px;
}
#home_page_content #home_right > ul {
	padding-left : 20px;
}
#home_page_content #home_right > ul > li {
	list-style : square;
	line-height : 20px;
}
#home_page_content #home_right > ol {
	padding-left : 20px;
}
#home_page_content #home_right > ol > li {
	list-style : square;
	line-height : 20px;
}

#home_content{
 	width: 100%;
	background-image:url(images/home_content_bg.png);
	background-color:#FFF;
 	background-repeat: repeat-x;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	float:left;
	padding-top:30px;
	padding-bottom:20px;

}


#home_content #product_left {
	width : 250px;
	float : left;
	padding-left : 20px;
	padding-right : 20px;
	
}
#home_content #product_left h1 {
	font-size:18px;
	color:#066389;
	margin-bottom:5px;
	padding-bottom:5px;
	font-family: 'Ubuntu Condensed',arial;
	font-weight: normal;
}
#home_content #product_left > ul {
	padding-left : 15px;
}
#home_content #product_left > ul > li {
	list-style : square;
	line-height : 20px;
	border-bottom: 1px solid #CCC;
	line-height:30px;
}
#home_content #product_left > ul > li > a, #home_content #product_left > ul > li:link > a, #home_content #product_left > ul > li:visited > a{
	color : #666;
}

#home_content #product_left > ul > li:hover > a {
	color: #000;
}

#active_cate{
	color: #000;
	font-weight:bold;
	
}


#home_content #product_right {
	width : 650px;
	float : left;
	padding-right : 20px;
}

#product_right  h1{
	color: #000;
    font-size: 30px;
	width:100%;
    text-align: center;
}
#product_right p{
	padding: 10px 0;
	
}
#product_right  h3{
	color: #3A4346;
	
    font-size: 16px;
	width:100%;
    text-align: left;
	letter-spacing: 2px;
	font-family: 'Ubuntu Condensed',Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
#product_right #demo_discprition{
	text-align:center;
	font-size:16px;
	
}
#list_feature_img{
    float:left;
    padding:0;
    border:0;
	width:50px;
}

#list_feature_content{
    float:left;
    border:0;
	width:265px;
	padding-left:5px;
	
}
.list_feature_title{
    color:#000;
    font-family:arial;
    font-weight:bold;
    font-size:13px;
	padding-bottom:5px;
	padding-right:5px;
}
.list_feature_quote{
    color:#000;
    text-align:justify;
	padding-right:5px;
}

#product_right p {
	text-align : justify;
	line-height : 17px;
}
#product_right #col1 {
	width : 325px;
	float : left;
}
#product_right #col2 {
	width : 325px;
	float : right;
}
#product_right #col3 {
	width : 215px;
	float : left;
	text-align : center;

}

div#showcase{
	width : 210px;
	height:210px;
	float : left;
	text-align : center;
	margin:auto;
	padding:10px 2px;
	background-color: #1a1f28;
	
	border-radius: 5px 5px 5px 5px;
} 
div#showcase:hover{
	width : 210px;
	height: 210px;
	background-color: #2b3037;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	 border-top: 1px solid #3E434E;
    box-shadow: 0 -5px 4px rgba(1, 1, 1, 0.3);
} 

div#showcase img{
	width : 206px;
	height:154px;
	text-align:center;
	border:0;
} 

#product_right #col4 {
	width : 215px;
	float:right;
	text-align : center;
	padding-right:3px;

}


#product_right #col5 {
	width : 215px;
	float : right;
	text-align : center;
}

div#onlinedemo{
	width : 310px;
	height:410px;
	float : left;
	text-align : center;
	margin:auto;
	padding:10px 5px;
	background-color: #1a1f28;
	border-radius: 5px;
	
    -webkit-border-radius: 5px;

} 
div#onlinedemo:hover{
	width : 310px;
	height: 410px;
	background-color: #2b3037;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	 border-top: 1px solid #3E434E;
    box-shadow: 0 -5px 4px rgba(1, 1, 1, 0.3);
} 

div#onlinedemo p{
 padding:15px 5px;	
}
div#onlinedemo img{
	width : 300px;
	height:225px;
	text-align:center;
	border:0;
} 

div#headline_demo{
	font-size:20px;
	text-align: center;
	color:#FFF;
	padding:10px;
}

div#headline_demo_link{
	background-color:#0094C8;
	width:300px;
	line-height:30px;
	-webkit-border-radius: 3px;
border-radius: 3px; 
	
}

div#headline_demo_link a{
	color:#FFF;
	
}

#product_right #col2 #feature_compare {
	background-color : #ffffdd;
	border : 1px solid #cdcdcd;
	padding : 2px;
}
.feature_table {
	border : 1px solid #cdcdcd;
	background-color : #ffffdd;
	padding : 2px;
	height : 380px;
	width : 100%;
}
.feature_table .row {
	float : left;
	width : 100%;
}
.feature_table .body {
	padding : 8px 3px 8px 3px;
	text-align : center;
	float : left;
	color : #000000;
	margin : 2px;
	background-color : #cdcdcd;
	width : 30%;
	font-weight : bold;
	height : 35px;
}
.feature_table .body_content {
	padding : 8px 3px 8px 3px;
	text-align : left;
	float : left;
	color : #000000;
	margin : 2px;
	width : 30%;
	
}
#product_right #headline {
	color : #3a4346;
	display : block;
	font-size : 1.4em;
	line-height : 18px;
	padding-bottom : 8px;
}
#product_right * > ul {
	padding-left : 20px;
}
#product_right * > ul > li {
	list-style : url(images/bullet.png);
	line-height : 20px;
	list-style-position : outside;
}
#product_right > ul {
	padding-left : 25px;
}
#product_right > ul > li {
	list-style : url(images/bullet.png);
	line-height : 20px;
	list-style-position : outside;
}
#product_right #product_thumb {
	float : left;
	width : 85px;
	padding : 1px;
	text-align : center;
}
#product_right #product_discription {
	float : left;
	width : 550px;
	padding-left : 10px;
}
#product_right * #hoteditor_thumb {
	float : left;
	width : 85px;
	padding : 1px;
	text-align : center;
	height : 64px;
}
#product_right * #hoteditor_discription {
	float : left;
	width : 210px;
	margin : auto;
	vertical-align : text-bottom;
	padding-left : 5px;
	height : 64px;
}
#product_right a {
	color : #0094c8;
	font-weight : bold;
	outline-style : none;
	outline-width : medium;
	text-decoration : none;
}
#product_right a:hover {
	color : #5b6265;
	font-weight : bold;
	outline-style : none;
	outline-width : medium;
	text-decoration : none;
}

#product_right #support1 {
	width : 215px;
	float : left;
}
#product_right #support12 {
	width : 415px;
	float : left;
}

#div_center {
	text-align : center;
}
#div_game_spot {
	float : left;
	background-image : url(images/spot_the_differences_game.jpg);
	width : 310px;
	height : 260px;
	margin-bottom : 15px;
}
#div_game_memory {
	float : left;
	background-image : url(images/memory-game.jpg);
	width : 310px;
	height : 260px;
	margin-bottom : 15px;
}
#div_game_play {
	vertical-align : bottom;
	height : 30px;
	background-color : #000000;
	position : relative;
	margin-top : 220px;
	text-align : center;
	padding-top : 10px;
}
#affiliate_left {
	width : 500px;
	float : left;
	text-align : left;
}
#affiliate_right {
	float : left;
	text-align : center;
	color : #800000;
}