/*-------------------------------------------------------------------------
= Ecard title
--------------------------------------------------------------------------*/
h1#display-title {
	color: #4c4c4c;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}

/*-------------------------------------------------------------------------
= Ecard preview box
--------------------------------------------------------------------------*/
div.display {
	background: url(/eg/new_site/display.png) 0 71px no-repeat;
	border-bottom: 1px solid #c5c5c5;
	clear: both;
	float: left;
	width: 790px;
}

div.display-top {
	background: url(/eg/new_site/display_top.png) no-repeat;
	float: left;
	padding-top: 10px;
	position: relative;
	width: 790px;
}

/*-------------------------------------------------------------------------
= Options toolbar
--------------------------------------------------------------------------*/
div#display-options {
	background: url(/eg/new_site/display_options.png) no-repeat 10px;
	float: left;
	height: 32px;
	padding: 0 10px 0 11px;
	width: 769px;
	position: relative;
	z-index: 200;
}

a.display-option {
	border-right: 1px solid #5c5c5c;
	float: left;
	height: 32px;
	width: 156px;
}

a.display-option.email-card {
	background: url(/eg/new_site/display_email.png);
}

a.display-option.email-card#tab-selected {
	background: url(/eg/new_site/display_email_tab.png);
	margin-top: 1px;
}

a.display-option.share-card {
	background: url(/eg/new_site/display_share.png);
}

a.display-option.share-card#tab-selected {
	margin-top: 1px;
	background: url(/eg/new_site/display_share_tab.png);
}

a.display-option.email-card:hover, a.display-option.share-card:hover {
	background-position: right;
}

a#another-ecard {
	color: #fff;
	float: right;
	font-size: 11px;
	padding: 7px 9px 0 0;
	text-decoration: none;
}

span#what-can-you-do {
	color: #fff;
	float: left;
	left: 18px;
	position: absolute;
	top: 8px;
}

span#what-can-you-do span {
	background: url(/eg/new_site/display_email.png) no-repeat -11px -9px;
	float: left;
	height: 20px;
	margin-right: 10px;
	width: 20px;
}

/*-------------------------------------------------------------------------
= Ecard
--------------------------------------------------------------------------*/
div#ecard {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	margin: 10px 0 10px 95px;
	width: 600px;
}

div#ecard-info {
	background: #c5c5c5;
	float: left;
	left: 0;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

#adaptvDiv, #FlashProduct {
	visibility: visible !important;
}

/*-------------------------------------------------------------------------
= Bottom options
--------------------------------------------------------------------------*/
div#display-options-bottom {
	clear: both;
	float: left;
	height: 27px;
	overflow: hidden;
	padding: 10px 0;
	width: 790px;
}

div#display-options-bottom iframe {
	float: right;
	margin-top: 3px;
}

/*-------------------------------------------------------------------------
= Comments form
--------------------------------------------------------------------------*/
#display-page form#comments-form {
	width: 760px;
}

#display-page form#comments-form textarea {
	width: 665px;
}

#display-page div.comment {
	width: 760px;	
}

#display-page div.comment div {
	width: 667px;	
}

/*-------------------------------------------------------------------------
= 376 x 280 ad
--------------------------------------------------------------------------*/
#display-page div#ad-376x280-placeholder, #pickup-page div#ad-376x280-placeholder, #custom-page div#ad-376x280-placeholder {
	padding-left: 207px;
}

/*-------------------------------------------------------------------------
= Sending form
--------------------------------------------------------------------------*/
div#send {
	background: url(/eg/new_site/send_box.png) no-repeat bottom;
	color: #fff;
	display: none;
	float: left;
	left: 10px;
	padding-top: 10px;
	position: absolute;
	top: 30px;
	width: 769px;
	z-index: 100;
}

div.send-column {
	float: left;
	padding: 0 20px;
	width: 344px;
}

div.send-column li {
	clear: both;
}

div.display div#send h2 {
	clear: both;
	color: #fff;
	font-size: 17px;
	margin: 20px 0 20px 0;
	padding: 0;
}

div#send label {
	float: left;
	margin-top: 20px;
	width: 150px;
}

div#send input, div#send select {
	float: left;
	font-size: 12px;
	margin-top: 20px;
}

div#send input[type=text] {
	font-family: Arial;
	font-size: 12px;
	padding: 2px 0;
	width: 180px;
}

div#send textarea {
	font-family: Arial;
	font-size: 12px;
	width: 330px;
	height: 70px;
}

div#send strong, div#send em {
	float: left;
	margin-top: 20px;
}

div#colors {
	background: #fff;
	border: 1px solid #fff;
	border-top: 0;
	border-right: 0;
	float: left;
	width: 128px;
}

div#colors a {
	background: #ddd;
	float: left;
	height: 15px;
	margin: 1px 1px 0 0;
	width: 15px;
}

div#colors a#colors-1 {
	background-color: aqua;
}

div#colors a#colors-2 {
	background-color: black;
}

div#colors a#colors-3 {
	background-color: blue;
}

div#colors a#colors-4 {
	background-color: fuchsia;
}

div#colors a#colors-5 {
	background-color: green;
}

div#colors a#colors-6 {
	background-color: gray;
}

div#colors a#colors-7 {
	background-color: lime;
}

div#colors a#colors-8 {
	background-color: maroon;
}

div#colors a#colors-9 {
	background-color: navy;
}

div#colors a#colors-10 {
	background-color: olive;
}

div#colors a#colors-11 {
	background-color: purple;
}

div#colors a#colors-12 {
	background-color: red;
}

div#colors a#colors-13 {
	background-color: silver;
}

div#colors a#colors-14 {
	background-color: teal;
}

div#colors a#colors-15 {
	background-color: white;
}

div#colors a#colors-16 {
	background-color: yellow;
}

div#send-font-style {
	float: right;
}

div#send-font-style label {
	width: 50px;
	margin: 0 0 20px 0;
}

div#send div#send-font-style select, div#send div#send-font-style input, div#send div#send-font-style strong, div#send div#send-font-style em {
	margin: 0 0 20px 0;
}

div#send div#send-font-style input, div#send div#send-font-style strong {
	margin-right: 5px;
}

a.send-size {
	background: #6a6a6a;
	color: #fff;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 5px 0 0;
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
	width: 15px;
}

div#send p {
	margin: 0 0 10px 0;
}

div#send p a {
	color: #fff;
}

div#send label[for=send-date] {
	margin-top: 5px;
}

div#send input#send-date {
	margin-top: 5px;
	width: 140px;
}

div#send a img {
	float: left;
	margin: 7px 0 0 5px;
}

div#share_vg h2{	text-align:center;}
div#send h2#special-offers {
	padding-left: 20px;
	padding-top: 20px;
}

div#permissions input {
	clear: both;
	margin: 10px 5px 0 20px;
}

div#permissions label {
	float: left;
	margin: 10px 0 0 0;
	width: 700px;
}

div#future-sends {
	float: left;
	margin-top: 5px;
	width: 140px;
}

div#future-sends div {
	float: left;
	width: 46px;
}

div#send div#future-sends select {
	display: block;
	margin-top: 0;
	width: 46px;
}

div#permissions {
	float: left;
	padding: 0 0 20px 0;
}

p.install-other-stuff {
	clear: both;
	color: #888;
	text-align: center;
}

ul.send-promo {
	clear: both;
}

div#send p.install-other-stuff strong, div#send ul.send-promo strong {
	float: none;
	margin: 0;
}

p.install-other-stuff strong {
	color: #aaa;
}

div#send ul.send-promo {
	color: #888;
	list-style-type: disc;
	padding: 0 0 20px 24px;
}


/*-------------------------------------------------------------------------
= Share this ecard
--------------------------------------------------------------------------*/
div#fb-post {
	padding-top: 35px;
}

div#fb-post a.post-button {
	background: url(/eg/new_site/fb_share.png);
float: left;
font-weight: bold;
color: 
#6373A9;
height: 25px;
line-height: 20px;
margin-left: 72px;
padding-top: 5px;
text-align: center;
text-decoration: none;
width: 200px;
}

div#fb-post a.post-button:hover {
	background-position: 200px 0;
}

div#fb-post p {
	clear: both;
	display: block;
	margin: 0;
	padding: 20px 0 20px 0 !important;
	text-align: center;
}

textarea#wildfire_content {
	display: none;
}

div#show-friends {
  clear: both;
  display: none;
  float: left;
  margin: 45px 0 0 12px;
  height: 214px;
  overflow: auto;
  text-align: center;
  width: 323px;
}

div#show-friends a {
color: #333;
float: left;
height: 95px;
overflow: hidden;
padding: 5px;
text-align: center;
text-decoration: none;
width: 89px;
border: 1px dotted #CCC;
}

div#show-friends a:hover {
	background: #c0c0c0;
	color: #fff;
	border: solid 1px #999999;
}

div#show-friends a img {
border: 2px solid 
white;
background-color: 
black;
padding: 1px;
margin: 0px 20px;
width: 52px;
height: 52px;
}
div#show-friends a:hover img {
border: 2px solid #CCC;
}

/*-------------------------------------------------------------------------
= Custom preview page
--------------------------------------------------------------------------*/
#custom-page div#site-content {
	padding-left: 0;
}

#custom-page div#send {
	background: #e5e5e5;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	color: #888;
	display: block;
	position: static;
	width: 788px;
}

#custom-page div#send input[type=text], #custom-page div#send textarea {
	border: 1px solid #888;
}

#custom-page div.display div#send h2, #custom-page div#send label {
	color: #4d4d4d;
}

#custom-page div#send ul.send-promo, #custom-page p.install-other-stuff, #custom-page p.install-other-stuff strong {
	color: #000;
}

#custom-page p.install-other-stuff strong {
	color: #4d4d4d;
}


/*-------------------------------------------------------------------------
= Pickup page
--------------------------------------------------------------------------*/
form#pickup-page-form {
	float: left;
	padding: 0 10px 20px 10px;
	width: 770px;
}

form#pickup-page-form p {
	margin: 0;
	padding:  20px 0;
	text-align: center;
}

form#pickup-page-form input {
	float: left;
}

form#pickup-page-form input[type=text] {
	border: 1px solid #888;
	font-family: Arial;
	font-size: 12px;
	margin: 0 10px 0 258px;
	padding: 8px 0 7px 5px;
	width: 100px;
}

/*-------------------------------------------------------------------------
= Suggested messages
--------------------------------------------------------------------------*/
body#suggested-messages {
	background: #efefef;
}

span#suggested-messages {
	color: #999;
	font-size: 10px;
}

span#suggested-messages a {
	color: #fff;
}

#custom-page span#suggested-messages {
	color: #4d4d4d;
}

#custom-page span#suggested-messages a {
	color: #000;
}

div#suggested-messages-page {
	background: #efefef;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px;
	width: 90%;
}

div#suggested-messages-page h1 {
	color: #4d4d4d;
	font-size: 17px;
	padding: 10px 0;
}

div#suggested-messages-page label {
	display: block;
	padding: 10px 0;
}

div#suggested-messages-page select {
	clear: both;
	float: left;
	margin-bottom: 20px;
}

div#suggested-messages-page div {
	clear: both;
	float: left;
	width: 100%;
}

div#suggested-messages-page div span {
	clear: both;
	float: left;
	padding-top: 10px;
	width: 100%;
}

div#suggested-messages-page input {
	margin-right: 10px;
}

div#suggested-messages-page span.submit {
	float: left;
	margin: 20px 0;
	text-align: center;
	width: 100%;
}

/*-------------------------------------------------------------------------
= Recaptcha
--------------------------------------------------------------------------*/
div.recaptcha {
	color: #bbb;
	float: left;
	font-weight: bold;
	height: 155px;
	text-align: center;
	width: 100%;
}

div.recaptcha a {
	color: #fff;
	font-weight: normal;
}

div#recaptcha {
	float: left;
	padding: 10px 0 0 207px;
}

#custom-page div.recaptcha {
	color: #333;
}

#custom-page div.recaptcha a {
	color: #000;
}

#custom-page div#recaptcha {
	padding-left: 216px;
}

/*-------------------------------------------------------------------------
= Category page
--------------------------------------------------------------------------*/

#bb {
	width: 567px;
	height: 184px;
	margin: 0 auto !important;
	float: left;
	display: block;
	padding-top: 30px;
	margin: 0;
	position: relative;
}
a.thumb {
    width: 135px;
    height: 130px;
    margin-top: 10px;
    float: left;
    color: #3C5892;
    text-decoration: none;
    text-align: center;
    background: url("/eg/new_site/bg_thumb.png") no-repeat scroll top transparent;
}

a.thumb span {
    display: block;
    height: 38px;
    margin-left: 5px;
    margin-top: 2px;
    overflow: hidden;
    text-align: center;
    width: 125px;
}

a.thumb img {
    margin: 0 auto;
    padding: 20px 16px;
}
a.thumb span img {
	margin: 0 0 2px 0;
}

a.thumb:hover {
	color: #c9171e;
}

ul#category-thumbs {
	float: left;
	padding: 20px 20px 10px 15px;
}

ul#category-thumbs li{
    height: 170px;
    float: left !important;
    position: relative;
    margin: 10px 3px 10px 40px;
    display: block;
    width: 134px;
}

li.pagination-li {
	width: 503px !important;
	height: 40px !important;
	display: block;
	margin: 10px 0 10px 0;
	padding-top: 10px;
	float: left;
}

.vg-options {
	width: 132px;
}
#vg-options2 {
	float: left;
	padding-left: 300px;
	margin-top: 5px;
	width: 400px;
}

.vg-optionstxt {
	max-width: 67px;
	float: left;
	width: 57px;
	min-width: 57px;
	padding: 0 5px 0 5px;
	text-align: center;
	color:#999999;
	font-size: 9px;
}

.vg-optionstxt2 {
	max-width: 200px;
	float: left;
	width: 190px;
	min-width: 19px;
	padding: 0 66px 0 66px;
	text-align: center;
	color:#999999;
	font-size: 9px;
}

.way1 {
	padding: 0 18px 0 20px;
	float:left;
	border:0;
}

span.lowpics {
	width: 132px;
}

.vg {
	width:135px;
	height: 60px;
}

div#send_vg {
    background: url(/eg/new_site/overlay-customization.png) no-repeat bottom;
    color: #fff;
    display: none;
    padding-top: 40px;
    width: 437px;
    height: 322px;
	left:50%;
	top:50%;
	margin:-210px 0 0 -215px;
	position:fixed;
	z-index:9000;

}

div#preview_vg {
    background: url(/eg/new_site/overlay-preview-vgift.png) no-repeat bottom;
    color: #000;
    display: none;
    top: 300px;
    width: 427px;
    height: 408px;
	left:50%;
	top:50%;
	margin:-170px 0 0 -210px;
	position:fixed;
	z-index:9000;
}
	


div#share_vg {
    background: url(/eg/new_site/background_send_friends.png) no-repeat bottom;
    color: #000;
    display: none;
    width: 700px;
    height: 450px;
	left:50%;
	top:50%;
	margin:-200px 0 0 -340px;
	position:fixed;
	z-index:9000;
}


#container_overlay_customization {
	width:427px;
	height:322px;
	background-image: url(/eg/new_site/overlay-customization.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
	padding: 0px;
	vertical-align:top;

}
#left_gift {
		width:188px;
		vertical-align:top;
		height:322px;
		}
		
#right_gift {
		width:239px;
		vertical-align:top;
		
		}
		
#confirm_vg #gift_thumb {
	float:left;
	width:90px;
	height:90px;
	margin-top:67px;
	margin-left:53px; 
	padding:0px;
}

#send_vg #gift_thumb {
	float:left;
	width:90px;
	height:90px;
	margin-top:67px;
	margin-left:58px; 
	padding:0px;
}

.close_button {

	background-image: url(/eg/new_site/close-customization-form.jpg);
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 13px;
    margin-left: 212px;
	margin-top:7px;
    padding: 0;
    width: 13px;
}
.close_button:hover, .close_buttonx:hover{
	background-position: left -13px;	
}
.close_button a{
		width:13px;
		height:13px;
		display: block;
	
	}
.input_text 
{
	width:218px; 
	height:16px;
	margin-top:23px;
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #999999;
    float: left;
    overflow: hidden;
    padding: 0;
}
.button_gift_send {
	width:101px;
	height:22px;
	display:block;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #565656;
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
}

.button_gift_send:hover {
color:red;
}

#container_overlay-confirm_thankyou
{

	width:427px;
	height:322px;
	background-image: url(/eg/new_site/overlay-confirm_thankyou.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4D4D4D;
	vertical-align:top;
	left:50%;
	top:50%;
	margin:-170px 0 0 -210px;
	position:fixed;
	z-index:9000;
	
}

.confirm-thankyou {
	width:186px; 
	height:192px; 
	vertical-align:top;

}

.close-link-style {
	text-decoration: underline;
	color:#4D4D4D;
}
.close-link-style:hover {
	color:red;
	text-decoration:none;
}
#container_overlay-preview-vgift-vgift {

	width:427px;
	height:408px;
	background-image: url(/eg/new_site/overlay-preview-vgift.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
	padding: 0px;
	vertical-align:top;
	border-bottom: 1px solid #c0c0c0;
}

#gift_preview-vgift {
	width:400px;
	height:300px;
	margin:0 auto;
	padding:0px;

}
#gift-message-show-style {
	background-image: url(/eg/new_site/overlay-preview-vgift-message-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	min-height:50px;
}
#your_gift_message {
    width:400px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#A35579;
	font-size:10px;
	text-align: justify;
}
#gift-preview-vgift-bottom
{
	background-image: url(/eg/new_site/overlay-preview-vgift-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 56px;	
}

.position-popup {
	visibility:hidden;
	position:absolute;
    top:25%;
    right:25%;
    bottom:25%;
    left:25%;
    padding:25px;
    margin:25px;
}
#middle-box-2-top {
	position:relative;
}
#background_send_friends {
	width:700px;
	height: 450px;
	margin-left: -130px;
}
#show-friends p {
	text-align: center;
	margin: 5px
}
div.send-column {
    padding: 0;
    width: 344px;
}
div.middle-box-2-top {
	min-height: 450px;
}
.close_buttonx {
    background-image: url("/eg/new_site/close-customization-form.jpg");
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 13px;
    margin-left: 399px;
    margin-top: 7px;
    padding: 0;
    width: 13px;
}
#post-your-wall {
	margin-top:5px;
}
#browse_button {
    float: left;
    margin-left: 24px;
    margin-top: 20px;
}
input#search-fb-friends {
color: 
#333;
border: 1px solid 
#9C9C9C;
background-color: 
#CCC;
font-weight: normal;
padding: 2px 3px 3px 7px !important;
width: 311px !important;
position: absolute;
top: 97px;
left: 12px;}
div#divWildfirePost{
margin: 20px auto;
}