html, body
{
  height: 100%;
  margin:0;
  padding:0;
}
body,p,ul
{
  margin:0;
  padding:0;
}
body
{
    background: url(../img/body_bg.gif) #F7F7F7 center repeat-y;
}
#wrapper_container
{
    width: 988px;
    margin:0 auto;
    height: 100%;
    position:relative;
    margin-bottom:-23px;
    background:url(../img/left_bg.gif) repeat-y left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#wrapper
{
    width:988px;
    padding: 4px 5px 0px 0px;
    float: left;
    height: auto;
    background:url(../img/left_bg.gif) repeat-y left;
}
#whole_page
{
    width:988px;
    float: left;
    padding-bottom:30px;
}
#left_part
{
    width:261px;
    float:left;
    padding-left:5px;
}
#logo
{
    width:252px;
    float:left;
}
#logo img
{
    float:left;
}
#popular
{
    width:252px;
    float:left;
    padding-bottom:3px;
    border-bottom:1px solid #00AAEE;
}
#ecards_links
{
    width:252px;
    float:left;
    padding-top:10px;
}
#ecards_links ul
{
    margin-left:15px;
    margin-top:12px;
    list-style-image: url(../img/bullet.gif);
}
#ecards_links li
{
    font-family: Verdana;
    font-size:12px;
    color:#000;
    margin-top:10px;
    padding-bottom:10px;  
    border-bottom:1px dashed  #CED3DE;     
}
#ecards_links li a
{
    font-family: Verdana;
    font-size:12px;
    color:#000;
    text-decoration: none;
}
#ecards_links li a:hover
{
    color:#00AAEE;
}
#ecards_links li a.active
{
    color:#00AAEE;
    font-weight:bold;
}

#right_part
{
    width:713px;
    padding-left:4px;
    float:left;
}
#top_banner
{
    width:713px;
    float:left;
}
#top_banner img
{
    float:left;
}
.cards
{
  width:713px;
  float:left;
  padding-top:20px;
}
.common_title
{
    width:713px;
    float:left;
}
.current_title
{
    background: url(../img/green_title.gif) no-repeat left;
}
.most_title
{
    background: url(../img/blue_title.gif) no-repeat left;
}
.latest_title
{
    background: url(../img/red_title.gif) no-repeat left;
}
.mostv_title
{
    background: url(../img/orange_title.gif) no-repeat left;
}

.card_title
{
    font-family:Verdana;
    font-size:12px;
    color:#fff;
    padding:4px 0px;
    padding-left:4px;
}
.common_cards
{
    width:703px;
    padding:9px 4px;
    float:left;
}
.current_cards
{
    border:1px solid #7BBB00;
}
.most_cards
{
    border:1px solid #00AAEE;
}
.latest_cards
{
    border:1px solid #D1008B;
}

.cards_section
{
    float:left;
    width:130px;
    padding:0px 4px;
    height: 160px;
    border-right:1px solid #E3E5E6;
}
.cards_image
{
    float:left;
    width:94px;
    margin-left:17px;
    display:inline;
}
.cards_image img
{
    float:left;
}
.cards_text
{
    width:130px;
    float:left;
    text-align:center;
    margin-top:-10px;
}
.cards_text1
{
    font-family:Arial;
    font-size:12px;
    color:#000;
}
#card_text_cap
{
    font-family: Verdana;
    font-weight:normal;
    color:#000;
    font-size:13px;
    width: 653px;
    float:left;
    padding:5px 0px 0px 5px;
}
#card_form
{
    width: 703px;
    float:left;
    padding:5px 0px 10px 5px; 
}
#footer_wrapper
{
  width:988px;
  margin:0 auto;
  position:relative;
}


#footer
{
    width:988px;
    float:left;
    height:15px;
    padding:4px 0px 4px 2px;
    text-align: center;
    background: #999999;
}
#footer p
{
    font-family:Arial;
    font-size:12px;
    color:#fff;
}

.tre12 { font-family: "Trebuchet MS";	font-size: 12px;	color: #000000;}
.labels{font-family: "Arial";	font-size: 12px;	color: #000000;}
.compul{color:#ff0000;}
.tah11 {font-family: tahoma;	font-size: 11px;}
.title {font-family: "Trebuchet MS";	font-size: 12px;	color: #E6A542;	font-weight:bold;}
.txtbox {font-family: verdana;	font-size: 11px;	color: #000000;	background-color: #FFFFFF;	height: 17px;	width: auto;	border-bottom-width: 1px;
border-top-style: none;	border-right-style: none;	border-bottom-style: dotted;	border-left-style: none;	border-bottom-color: #333333;}
.btn {font-family: verdana;	font-size: 11px;	color: #FFFFFF;	background-color: #00AAEE;	border: 1px solid #FFFFFF;	font-weight: normal;padding:3px 0px 2px 0px;cursor:pointer;}
.btn:hover { color:#000000; }
.txtbox2 {	font-family: verdana;	font-size: 11px;	color: #000000;	background-color: #FFFFFF;	border: 1px solid #999999;}
.textarea1 {	font-family: verdana;	font-size: 11px;	color: #000000;	background-color: #FFFFFF;	border: 1px solid #999999;}
.common_table{  border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.common_table td{  border-bottom:1px solid #ccc;border-right:1px solid #ccc; padding-left:10px;}
.boldfonts{font-weight:bold;}
.selectbox{font-family: verdana;	font-size: 11px;	color: #000000;font-weight:normal;width:293px;height:16px;background:#ffffff;border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px;
border-top-style: none;	border-right-style: none;	border-bottom-style: dotted;	border-left-style: dotted;  border-right-style: dotted;
border-bottom-color: #333333;border-left-color: #333333;border-right-color: #333333;border-top:1px solid #fff;}
.chkbox{float:left;background:#fff;border:none;border:1px solid #333;}


.ecards_text
{
    font-family: Verdana;
    font-weight:normal;
}
.ecards_text_size
{
    font-size:12px;
    color:#999999;
}
a.preview
{
    background-color: transparent;
    background-image: url(../img/zoom1.gif);
    background-repeat: no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    float:left;
    position:relative;
    top:-15px;
    left:79px;
}

a.preview:hover
{
    background-color: transparent;
    background-image: url(../img/zoom.jpg);
    background-repeat: no-repeat;
}