@charset "utf-8";
/* CSS Document */

* {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#333}
a {text-decoration:none;color:#007fff}
body {margin:0}
table {border-collapse:separate}
h1 {font-size:17px;font-weight:bold}

#mainWrap {
  width:980px;
  background:#fff;
  margin:0 auto;
}

.header {height:106px;margin-top:10px;background:url(images/ecards_head_bg.gif) repeat-x}

.topBar {height:26px;background:url(images/ecards_topbar_bg.gif) repeat-x}
.topMenuLeft {list-style:none;float:left;margin:0 15px;padding:0;position:relative;top:3px;color:#FFFF00;font-weight:bold;font-size:12px}
.topMenu {list-style:none;float:right;margin:0 15px;padding:0;position:relative;top:3px}
.topMenu li {float:left;padding:0 10px;border-left:#ccc 1px solid}
.topMenu li.first {border:none}
.topMenu li a {color:#fff;font-weight:bold}
.topMenu li a:hover, .topMenu li a.active {color:#00FF7F}

.header img {float:left}

.views-field-body label {display:none}
.sideAd {margin-top:10px;text-align:center}
.headAd1 div .content {position:absolute;bottom:0px;right:0px}
.headAd2 {position:relative;float:right}
.headAd1 {
  text-align:right;
  float:right;
  height:100px;
  width:650px;
  position:relative;
  margin:0;
  padding:0;
  top:-5px
}

.lowerHeadAd {
  position:relative;
  top:5px;
  float:right;
}


.textContent {margin:15px}

#bodyWrap {margin-top:30px}
#bodyLeft, #bodyMain {float:left}
#bodyLeft, #bodyMain, #bodyRight {border:#999 1px solid;padding:5px;}

#bodyLeft {width:164px;margin-right:10px}

.catMenuTitle {
  font-size:14px;
  font-weight:bold;
  border:#999 1px solid;
  background-color:#009900;
  color:#fff;
  text-align: center;
  padding:5px 10px
}
#catMenu a {
  font-size:12px;
  font-weight:bold;
  display:block;
  height:20px;
  width:132px;
  color:#333;
  border:#999 1px solid;
  border-top:none;
  padding:5px 0px 0px 30px
}
#catMenu a:hover, #catMenu a.active {background:#3300ff;color:#fff}

#bodyMain {
  width:550px;
  margin-right:10px;
  min-height:300px;
  padding:10px
}


/* eCards sent grid */

.imgtr {float:left; clear:both; display:block; width:550px; border-bottom:#B7D2EC 1px solid; padding:7px 0;}
.firstimgtr {float:left; clear:both; display:block; width:605px; border-bottom:#B7D2EC 1px solid; padding:0 0 7px;}
.imgstyle {padding:10px;vertical-align:middle;}
.imgtd {float:left; border-right:#B7D2EC 1px solid; padding:3px 0;height:180px; width:179px;}
.imgtdnoborder {float:left; padding:3px 0;}
.meduiimgtr {float:left; clear:both; width:855px; padding:7px 0 10px 0;}
.meduiimgtd {float:left;}
.meduimgstylebottom {padding-right:10px;}
.meduimgstyletop {padding-right:22px;}
.orangeHeading {padding-bottom:0 !important; color:#C93; font-size:1.33em !important; font-weight:bold;}
.headerruler {margin:2px 0 20px 0 !important; _margin:0 0 20px 0 !important;}
.maindiv {margin-left:40px; width:800px;}
.headerdiv {display:block; padding:20px 0 0 0;}
.bottomText {padding-top:30px;}
.imgtr:after,.firstimgtr:after,.meduiimgtr:after {clear:both; display:block; visibility:hidden; height:0; content:"some content";}

/* eCards sent grid */



#bodyRight {
  float:right;
  width:200px;
}

.mostPopTitle {
  font-size:12px;
  font-weight:bold;
  border:#999 1px solid;
  background-color:#cc3399;
  color:#fff;
  padding:5px 0;
  text-align:center
}

#footWrap {clear:both;text-align:center;border:#999 1px solid;padding:10px;margin-bottom:20px}
#bodyRight div img {background-color:#fff;padding:3px;border:1px #777 solid;margin:0 2px}

table#ecards-table img {
  background-color:#eee;
  border:1px solid #ccc;
  padding:3px;
}

table#ecards-table img:hover {
  background-color:#aaa;
}

.home-head {
  font-family: Arial;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.home-head h1 {
  font-size: 1.5em;
  color: #228B22;
}

.home-head h1 .head-free {
  font-size: 1.2em;
  color: #FF4500;
}

.home-head .foot span {
  color: #DC143C;
  font-size: 1.5em;
  margin: 0 10px;
}

.with-audio {
  position:relative;
  display:block;
}

.audio-overlay {
  position:absolute;
  z-index:1;
  top:6px;
  left:131px;
}

.audio-overlay img {
  border:none !important;
  padding:0 !important;
  opacity:0.50;
  filter:alpha(opacity=50);
}