html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0;  border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }


/** { margin: 0; padding: 0;}*/
body { font: 14px Arial, sans-serif;/* color: #919390;*/}
html, body { margin: 0; padding: 0; height: 100%;}

img {max-width: 100%;}

/*global classes*/
/*ul, li { list-style: none;}*/
a, input, textarea, select { outline: none;color:#999;}
a, a:hover { text-decoration: none;}
h2, h3, h3, h5 { font-family: 'helvetica_ceregular'; text-transform: uppercase;}
.button1 {background-color: #8CAEE0;border: medium none;color: #FFFFFF;font-weight: bold;padding: 5px 15px;}
.mt15 { margin-top: 15px !important;}
.mt5 { margin-top: 5px !important;}
.small-12 {font-size:12px !important; }
.small-10 {font-size:10px !important; }
.mt0 { margin-top: 0 !important;}
.mb0 { margin-bottom: 0 !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.pd-none { padding:0 !important;}
.clear { clear: both;}
.clear-left { clear: left;}
.displayNone { display: none !important;}
.floatLeft { float: left !important;}
.floatnone { float:none;}
.floatRight { float: right !important;}
.cmnFloat { float:left; width:100%;}
.width48 { width:48% !important;}
.cmnFloatForce { float:left !important; width:100% !important;}
.templateWidth { max-width: 1122px; margin: 0 auto;}
.icons { background: url(../images/images.png) 0 0 no-repeat;}
.posRel { position: relative !important; /*text-align:center;*/
    
}
.customframe {text-align:center}
.posAbs { position: absolute !important;}
.right0 { right: 0 !important;}
.bottom0 { bottom: 0 !important;}
.tShadowBlack { text-shadow: 0 1px 0 #000 !important;}
.tShadowwhite { text-shadow: 0 1px 0 #fff}
.fs13 { font-size:13px;}
.greenButton { border: 1px solid #63a62f !important; overflow: hidden; border-radius: 5px; box-shadow: 0 2px 1px #7b7b7b !important;}
.greenButton span { cursor: pointer; display: block; color: #fff; text-transform: uppercase; box-shadow: 0 1px 0 #bcdda2 inset; padding: 14px 30px 11px 30px; font: bold 16px 'helvetica_ceregular'; text-shadow: 0 1px 0 #477226; background: #7ebe4c; background: -moz-linear-gradient(top,  #7ebe4c 0%, #64a730 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebe4c), color-stop(100%,#64a730)); background: -webkit-linear-gradient(top,  #7ebe4c 0%,#64a730 100%); background: -o-linear-gradient(top,  #7ebe4c 0%,#64a730 100%); background: -ms-linear-gradient(top,  #7ebe4c 0%,#64a730 100%); background: linear-gradient(to bottom,  #7ebe4c 0%,#64a730 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebe4c', endColorstr='#64a730',GradientType=0);}
.grayButton { cursor: pointer; display: block; color: #fff !important; text-transform: uppercase; padding: 14px 30px 11px 30px; font: bold 16px 'helvetica_ceregular'; text-shadow: 0 1px 0 #336baa; background: #7da7cd; background: -moz-linear-gradient(top,  #7da7cd 0%, #418ff9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7da7cd), color-stop(100%,#418ff9)); background: -webkit-linear-gradient(top,  #7da7cd 0%,#418ff9 100%); background: -o-linear-gradient(top,  #7da7cd 0%,#418ff9 100%); background: -ms-linear-gradient(top,  #7da7cd 0%,#418ff9 100%); background: linear-gradient(to bottom,  #7da7cd 0%,#418ff9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da7cd', endColorstr='#418ff9',GradientType=0 ); border: 1px solid #2577ed !important; box-shadow: 0 2px 1px #ccc !important; border-radius: 4px;}
.grayButtonDisable {background: #efefef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #efefef 0%, #c9c9c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#c9c9c9));
background: -webkit-linear-gradient(top,  #efefef 0%,#c9c9c9 100%);
background: -o-linear-gradient(top,  #efefef 0%,#c9c9c9 100%);
background: -ms-linear-gradient(top,  #efefef 0%,#c9c9c9 100%);
background: linear-gradient(to bottom,  #efefef 0%,#c9c9c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c9c9c9',GradientType=0 );
border: 1px solid #DDDDDD !important;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 2px 1px #FFFFFF !important;
color: #BCBCBC !important;
cursor: pointer;
display: block;
font: bold 16px 'helvetica_ceregular';
padding: 14px 30px 11px;
text-shadow: 0 1px 0 #EEF2FF;
text-transform: uppercase;
opacity:0.5; cursor:not-allowed
}

.learnMore { display: block; color: #4e9418; width: 89px; background-position: 81px -195px;}
.gray { color: #919390 !important;}
.green { color: #68a82e !important;}

.mediaNavs { display: none;}

/*container*/
#container { border-top: 3px solid #68a82e; background: url(../images/header-shadow.png) 0 0 repeat-x;}

/*main header*/
#mainHeader { min-height: 48px; padding-bottom: 22px; border-bottom: 1px solid #dedede; box-shadow: 0 1px 0 #fff; background-image: url(../images/background.gif); z-index: 1;}
#mainHeader .logo { margin-top: 70px;}
#mainHeader .login { background-color: #68a82e; color: #fff; float: right; padding-right: 16px; border-radius: 0 0 8px 8px; box-shadow: 2px 2px 3px #d3d3d3;}

#mainHeader .welcome { float: left; padding: 6px 0 8px 17px;}
#mainHeader .welcome strong { float: left; font-size: 12px; padding-top: 8px;}
#mainHeader .welcome .cart { cursor:pointer; float: left; font-size: 12px; position: relative; padding: 0 26px 0 40px; background-position: 14px 8px; border-right: 1px solid #568e23; box-shadow: 1px 0 0 #72b337;}

#mainHeader .cart .arrow { position: absolute; left: 34px; top: 0;}
#mainHeader .cart span { float: left; padding: 8px 10px; border-radius: 3px 3px 4px 3px; background-color: #5d9629; border-bottom: 1px solid #7fb54d; box-shadow: -1px 1px 2px #41681c inset; padding-top: 9px\9;}

#mainHeader .login ul { float: left; padding: 13px 0 11px 18px; list-style: none outside none;}
#mainHeader .login ul li { float: left; padding: 0 9px; border-left: 1px solid #fff;}
#mainHeader .login ul li:first-child { border-left: none;}
#mainHeader .login li a { color: #fff; font-size: 12px; font-weight: bold;}

#mainHeader .navs { float: left; padding-top: 35px; list-style: none outside none;}
#mainHeader .navs li { float: left; text-transform: uppercase;}
#mainHeader .navs li a { color: #2a2a2a; font-size: 14px; padding: 10px 16px; font-family: 'helvetica_ceregular';}
#mainHeader .navs li:hover a, #mainHeader .navs li.active a { background-color: #10375c; color: #fff; border-radius: 4px;}
#mainHeader .navs li.active a { font-weight: bold;}

/*main slider*/
#mainSlider { background-color: #f5f5f5; position: relative;}
#mainSlider .sliderMain { max-width: 100%;}
#mainSlider .friendly { position: absolute; top: 84px; left: 63px;}
.friendly h2 { font: 45px/45px 'helvetica_light'; color: #2a2a2a; text-transform: uppercase; max-width: 590px;}
.friendly h4 { font: 20px/24px 'helvetica_light'; text-transform: uppercase; padding-top: 36px; max-width: 450px;}
.friendly .greenButton { font-weight: bold; margin: 36px 28px 0 0;}

.customize { color:#919390; position: absolute; width: 100%; bottom: 0; left: 0; padding: 30px 0; background-image: url(../images/slider-background.png); box-shadow: 0 4px 5px #222 inset;}
.customize h2 { font: bold 26px 'helvetica_ceregular'; color: #fff; text-transform: uppercase;}
.customize .list { padding: 16px 0 0 19px;}
.customize .list li { background-position: 0 -164px; padding: 5px 0 3px 29px; font-size: 16px;}

.customize .rightSection { padding-top: 16px;}
.customize .rightSection h3 { font: bold 21px 'helvetica_ceregular'; text-transform: uppercase; font-weight: normal;}
.customize .rightSection ul { float: left; padding: 30px 0 0 0;list-style:none;}
.customize .rightSection ul li { float: left; padding: 5px 16px 5px 12px; background: url(../images/gray-border.png) 0 0 no-repeat;}
.customize .rightSection ul li:first-child { padding-left: 0; background: none;}
.customize .rightSection li span { float: left; text-align: right; padding: 3px 10px 0 0; max-width: 75px;}
.customize .rightSection li strong { float: left; font-size: 35px; color: #69ac36;}
.customize .rightSection .greenButton { float: left; color: #fff; margin-top: 34px; box-shadow: 0 2px 2px #141414 !important;}

.innerPage .customize { position: relative; padding: 30px 20px; width: auto; border-radius: 8px; margin-top: 90px; display:block; clear:left}
.innerPage .customize .templateWidth { width: auto;}
.innerPage .customize .leftSection, .innerPage .customize .rightSection { width: auto !important; padding-right: 0 !important;}
.innerPage .customize h2 { font-size: 22px !important; color: #fff !important;}
.innerPage .customize h3 { font-size: 20px !important; color: #919390 !important;}

.socialLinks {list-style:none;padding:0;}

/*main content*/
#mainContent { padding: 50px 0;}
/*#mainContent .slider li { float: left; width: 248px; height: 269px; border-radius: 5px; margin-left: 69px; border: 1px solid #e5e5e5; padding: 48px 39px 43px 39px; background-image: url(../images/content-slider-background.png);}
#mainContent .slider li:first-child { margin-left: 0;}
#mainContent .slider li .imageShadow { padding-bottom: 23px; background: url(../images/content-slider-shadow.png) bottom center no-repeat;}
#mainContent .slider li .imageShadow img { display: block; margin: 0 auto;}
#mainContent .slider li h3 { padding: 15px 0 22px 0; font: bold 18px 'helvetica_ceregular'; text-transform: uppercase; color: #2a2a2a;}
#mainContent .slider li .learnMore { margin-top: 22px;}
#mainContent .slider .prev, #mainContent .slider .next { position: absolute; width: 26px; height: 49px; top: 156px; left: -57px; background-position: 0 -265px;}
#mainContent .slider .next { right: -57px; left: auto; background-position: 0 -216px;}*/

#mainContent .logoHelp { padding-top: 70px; text-align: center; clear: both; text-transform: uppercase;}
#mainContent .logoHelp h2 { font: bold 36px 'helvetica_ceregular'; color: #2a2a2a;}
#mainContent .logoHelp .sendLogo { height: 161px; color: #898989; margin-top: 10px; background: url(../images/logo-help-background.png) top center no-repeat;}
#mainContent .sendLogo h3 { color: #4e9418; font: 35px/32px 'helvetica_light';}
#mainContent .sendLogo h4 { padding: 25px 0 0 0; letter-spacing: .70px; font: 16px/32px 'helvetica_light';}
#mainContent .sendLogo h5 { font: 15px/32px 'helvetica_light';}
#mainContent .sendLogo .greenButton { display: block; margin: 16px auto 0 auto; width: 255px;}

#mainContent .logos { margin: 85px 0 0 0; float: left; width: 100%; list-style:none;padding:0;}
#mainContent .logos li { display: inline-block; padding: 0 36px;}

/*main footer*/
.address{list-style:none;padding:0;margin:0;}
#mainFooter { background-image: url(../images/footer-background.gif);}
#mainFooter .content { padding: 55px 0 64px 0;color:#919390;}
#mainFooter .content h3 { font: bold 16px 'helvetica_ceregular'; text-transform: uppercase; color: #68a82e; padding-bottom: 28px;}
#mainFooter .content .lists { float: left; max-width: 380px;}
#mainFooter .content .lists ul { font-size: 13px; width: 160px; list-style:none;padding:0;margin:0;}
#mainFooter .content .lists li { padding: 6px 0 8px 0; display: block; border-top: 1px solid #141414; box-shadow: 0 1px 0 #353535 inset;}
#mainFooter .content .lists li:first-child { border-top: none; box-shadow: none;}
#mainFooter .content .lists li a { color: #fff;}

#mainFooter .content .subscribe { max-width: 356px; padding: 0 61px 0 51px;}
#mainFooter .subscribe h4 { font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; text-shadow: 0 1px 0 #000; padding-bottom: 17px;}
#mainFooter .subscribe input { float: left; color: #747474; font-size: 13px; padding: 0 13px; border: 1px solid #dedede; height: 37px;}
#mainFooter .subscribe input.txt { border-radius: 3px 0 0 3px; height: 35px; width: 168px;}
#mainFooter .subscribe input.btn { cursor:pointer;border: 1px solid #63a62f; font-size: 11px; font-weight: bold; color: #fff; width: 160px; text-shadow: 0 1px 0 #4e7e2a; text-transform: uppercase; border-radius: 0 3px 3px 0; background: url(../images/subscribe-button-background.png) 0 0 repeat-x;}
#mainFooter .subscribe .posRel img { position: absolute; top: 8px; right: 159px;}
#mainFooter .subscribe p { padding-top: 20px; font-size: 12px; line-height: 18px;}

#mainFooter .social { max-width: 274px;}
#mainFooter .social .socialLinks li { float: left; padding-right: 18px;}
#mainFooter .social .socialLinks li a { float: left; width: 33px; height: 32px; background-position: 0 -30px;}
#mainFooter .social .socialLinks li a.twitter { height: 33px; background-position: 0 -62px;}
#mainFooter .social .socialLinks li a.googlePlus { height: 33px; background-position: 0 -95px;}
#mainFooter .social .socialLinks li a.rss { background-position: 0 -128px;}
#mainFooter .social .address li { border-top: 1px solid #353535; font-size: 12px; padding: 5px 0;}
#mainFooter .social .address li:first-child { padding-top: 50px; border-top: none;}
#mainFooter .social .address li a { color: #919390;}
#mainFooter .copyRight { padding: 34px 0 25px 0; color: #616160; font-size: 12px; background-image: url(../images/copyright-background.gif) }
#mainFooter .copyRight a { color: #616160;}

/*login*/
.innerPage #mainContent { background: url(../images/content-background.gif) 0 0 repeat-x;}
#mainContent .gray-border { padding: 14px; border: 1px solid #e5e5e5; border-radius: 5px; background-image: url(../images/background.gif);}

#mainContent .leftSection { width: 281px; /*padding-right: 28px; */ float: left;}
#mainContent .leftSection .navs .parent { display: block; color: #fff; border-radius: 3px; padding: 14px 15px; border: 1px solid #689e36; text-transform: uppercase; text-shadow: 0 1px 0 #54812c; font: bold 17px 'helvetica_ceregular'; background-image: url(../images/left-nav-background.gif);}
#mainContent .navs .dropArrow { float: right; width: 7px; height: 14px; margin-top: 2px; background-position: 0 -323px;}
#mainContent .navs .active .dropArrow { width: 14px; height: 7px; margin-top: 6px; background-position: 0 -315px;}
#mainContent .navs li { padding-top: 10px;}
#mainContent .navs li:first-child { padding-top: 0;}
#mainContent .navs li li { border-top: 1px solid #ececec; padding: 0;}
#mainContent .navs li ul { display: none;}
#mainContent .navs li li:first-child { border-top: none;}
#mainContent .navs li li a { color: #919390; font-size: 13px; padding: 10px; display: block;}
#mainContent .navs li li .icons { float: right; width: 8px; display: none; background-position: 0 -197px;}
#mainContent .navs li li a:hover, #mainContent .navs li li a.active { color: #4e9418;}
#mainContent .navs li li a:hover .icons, #mainContent .navs li li a.active .icons { display: block;}

.leftSection .gray-border { font-size: 13px;}
.leftSection .gray-border strong { color: #68a82e;}
.leftSection .gray-border a { color: #68a82e; text-decoration: underline;}

#mainContent .rightSection { float: right; width: 813px;}
#mainContent .rightSection .gray-border { padding: 35px 50px;}
#mainContent .rightSection h2 { color: #2a2a2a; font: bold 28px 'helvetica_ceregular';}
#mainContent .rightSection h2 span { color: #2a2a2a; font: bold 18px 'helvetica_ceregular'; text-transform:none; font-weight:normal;}
#mainContent .rightSection h3 { color: #2a2a2a; font: bold 21px 'helvetica_ceregular';}
#mainContent .rightSection .tabs { overflow: hidden; padding-top: 20px;}
#mainContent .rightSection .tabs li a { float: left; padding: 9px 0; min-width: 160px; margin-right: 65px; font-size: 12px; text-transform: uppercase; color: #919390;}
#mainContent .rightSection .tabs li a.active { color: #2a2a2a; padding: 9px 13px; border-radius: 3px; background-color: #eaeaea;}
#mainContent .rightSection .tabs input { border: none; padding: 0; margin: 1px 10px 0 0;}
#mainContent .rightSection .tabs label { cursor: pointer;}
#mainContent .rightSection form li { width: 45%;}
#mainContent .rightSection form label { display: block; font-size: 16px; font-weight: bold; padding: 25px 0 5px 0;}
#mainContent .rightSection form input { padding: 5px 8px; width: 95%; border: 1px solid #d6d6d6; border-radius: 3px;}
#mainContent .rightSection form select { padding: 4px 8px; width: 100%; border: 1px solid #d6d6d6; border-radius: 3px;}
#mainContent .rightSection form textarea { padding: 4px 8px; width: 43%; border: 1px solid #d6d6d6; border-radius: 3px;}
#mainContent .rightSection form input[type=checkbox] { width: auto; float: left; margin: 2px 10px 0 0;}
#mainContent .rightSection form .button { width: auto; padding: 10px 30px 8px 30px;}
#mainContent .rightSection form a { color: #4e9418;}
#mainContent .rightSection form .wide { width: 100%;}
#mainContent .rightSection form li { position: relative;}

.how-it-works { font-size: 13px;}
.how-it-works span, .how-it-works h5 { color: #2a2a2a;}
.how-it-works h2 { padding: 10px 0;}
.how-it-works p, .how-it-works ul { padding: 17px 0;}
.how-it-works a { color: #68a82e; font-weight: bold;}
.how-it-works li { font-weight: bold; color: #2a2a2a; list-style: disc; margin-left: 15px;}
.how-it-works .gray-border { margin: 20px 0; padding: 20px 25px !important;}
.how-it-works .gray-border .listing { padding: 10px 0;}
.how-it-works .listing li { padding: 5px 0; margin: 0; list-style: none; overflow: hidden; border-top: 1px solid #e5e5e5;}
.how-it-works .listing li:first-child { border-top: none;}
.how-it-works .listing .gray { width: 110px; float: left;}
.how-it-works .listing .green { width: 140px; float: left;}
.how-it-works img.posAbs { z-index: -1;}

/*targeting google chrome and apple safari*/
@media all and (-webkit-min-device-pixel-ratio: 0) { #mainContent .sendLogo .greenButton { width: 270px; font-weight: normal;}}

/*2013-04-24 Messages start*/
.messages { color: #8a1f11; line-height: 150%; padding: 5px 10px; border:1px solid #8a1f11; background-color: #ffc0cb; border-radius: 5px; box-shadow: 0 1px 0 #fff inset;}
.messages.success { color: #264409; border-color: #a2d246; background-color: #ebf8a4;}
.messages.info { color: #514721; border-color: #3a6C7e; background-color: #e8eef1;}
/*2013-04-24 Messages end*/

/* eCards 30-04-13 */
.ecards-main { float: left;}
.ecards-disc { font-size: 16px; padding: 5px 0 10px 0 !important;}
.ecards-disc1 { margin-top: -10px;}
.ecards-main-inner { float: left; width: 100%;}
.ecards-main-inner ul { float: left; width: 100%;}
.ecards-main-inner ul li { float: left; width: 30%; min-height: 10px; background: #e3e3e3; padding: .5%; margin: 12px 0; position: relative;}
.ecards-main-inner ul li.mid { margin-left: 3.5%; margin-right: 3.5%;}
.ecards-inner-1 { float: left; width: 100%; position: relative;}
.ecards-inner-1 img { width: 100%;}
.ecards-inner-1 span { float: left; width: 100%; position: absolute; z-index: 1; left: 0; bottom: 1.7%; padding: 25px 0; background: rgba(0,0,0,.5); font: bold 15px 'helvetica_ceregular'; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0,.75); text-align: center; color: #fff; cursor: pointer;}
.pagination { float: right; width: auto; margin: 10px 0 0;}
.pagination a { float: left; width: auto; border-radius: 2px; border: 1px solid #e5e5e5; height: 27px; padding: 0 10px; font: bold 14px 'helvetica_ceregular'; color: #999; line-height: 27px; margin: 0 5px 5px; background: #ffffff; background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); background: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );}
.pagination a.active, .pagination a:hover { color: #71b23e; background: #f5f5f5; box-shadow: inset 0 0 5px rgba(187,187,187,.70);}

/* Music 30-04-13 */
.music-main { float:left;}
#mainContent .rightSection.music-main.gray-border { padding:20px 25px !important; width:760px;}
.music-main .ecards-main-inner ul li { background:#fff; box-shadow:0 0 10px rgba(0,0,0,.5);}
.music-main .ecards-inner-1 span { width:96.7%; background:url(../images/music-ttl-bg.png) repeat;}
.music-main .ecards-main-inner ul li:hover blockquote { display:block;}
.music-main .ecards-main-inner ul li blockquote { display:none; background:url(../images/music-hover-bg.png) no-repeat rgba(0,0,0,.15); background-size:100% 100%; height:100%; position:absolute; top:0; left:0; float:left; width:100%; z-index:4;}
.music-main .ecards-main-inner ul li blockquote a { /*position:absolute; left:50%; top:50%; margin:-19px 0 0 -19px; z-index:5;*/}
.music-main .ecards-main-inner ul li blockquote a img { width:38px;}

.music-glass-top { position:absolute; top:0; left:0; max-width:100%; z-index:3;}

/* customize-eCard-Step1 30-04-13 */
.fullSection { float:left;}
#mainContent .fullSection.gray-border { float:left; width:100%; padding:0; border:none;}
.customize-eCard-main { float:left; width:96%; padding:2%;background:#e6e6e6; border-radius: 5px; border: 1px solid #e5e5e5;}
.customize-eCard-right { float:right; width:650px; padding:10px; margin: 2% 2% 0 0; background:#fff;}
.customize-eCard-right-prw { float:left; width:100%;}
.customize-eCard-right-prw img, .customize-eCard-right-prw iframe, .customize-eCard-right-prw object, .customize-eCard-right-prw video,.customize-eCard-right-prw embed { max-width: 100% !important;width:100% !important;}
.customize-eCard-right-prw img.sound-icon{width:25px!important;}
.customize-eCard-right-prw-shdw { position:absolute; bottom:-28px; left:0; float:left; width:100%;}
.music-off {position:absolute; left:0; top:0; z-index:2;}
#b2b-flash { }
.customize-eCard-right-cstm-msg { float:left; width:100%; font:bold 20px 'helvetica_ceregular'; color:#5a5a5a; text-align:center; margin:25px 0; text-transform:uppercase;}
.customize-eCard-right-cstm-logo { float:left; width:100%; font:bold 24px 'helvetica_ceregular'; color:#cbcbcb; text-align:center; margin:0;}
.eCard-logo { padding: 20px 0; text-align: center;}
.eCard-logo a {display:block;text-decoration:none;}
.customize-eCard-right-cstm-logo p { float:left; width:100%; font:normal 12px 'helvetica_ceregular'; color:#cbcbcb; text-align:center; text-decoration:underline; margin:2px 0;}
.customize-eCard-right-cstm-btm { float:left; width:100%; text-align:center; font:normal 11px Arial, Helvetica, sans-serif; color:#6C6C6C; margin:30px 0 15px;}

.customize-eCard-left { float:left; width:370px; padding:2%; background:#e6e6e6;}
.cst-eCard-lHead { float:left; width:100%; border:1px solid #74a547; background:url(../images/cstm-step-bg.jpg) repeat; padding:10px 0; border-radius:2px; text-align:center; color:#fff; text-transform:none; font:normal 18px 'helvetica_ceregular';}
.cst-eCard-lHead strong { float:none; color:#1c1c1c; font-weight:normal;}
.cst-eCard-ldisc { float:left; width:100%; color:#919390; padding:20px 0;}
.cst-eCard-lform { float:left; width:100%;}
.cst-eCard-lform1 { float:left; width:100%; margin:10px 0;}
.cst-eCard-lform1 label { float:left; width:95%; font:bold 16px Arial, Helvetica, sans-serif; color:#919390; margin-bottom:5px; text-shadow:0 1px 0 #fff;}
.cst-eCard-lform1 label span.block-txt { display: block; }
.cst-eCard-lform1 label select { padding:5px; margin-left:10px; min-width:158px;}
.cst-eCard-lform1 label select, .cst-eCard-lform1 input { font:normal 14px Arial, Helvetica, sans-serif; color:#919390; border:1px solid #c4c4c4; box-shadow:0 1px 0 rgba(255,255,255,.5); border-radius:3px;}
.cst-eCard-lform1 input { float:left; width:99%; height:33px; line-height:16px;padding-left:2px;}
.cst-eCard-lform1 a.etpo { float:left; font:bold 28px 'EntypoRegular'; background:url(../images/cstm-step-inp-nd.png) no-repeat; width:36px; padding-left:7px; height:35px; line-height:35px; text-shadow:0px 1px 0 rgba(0,0,0,.3); text-align:center; color:#fff; top: 26px; right: -3px; top: 24px\9;}
.cst-eCard-lform1 p { float:left; width:100%; font:normal 13px Arial, Helvetica, sans-serif; /*color:#68a82e;*/ margin:5px 0 0;}
.cst-eCard-lform1-dv1 { float:left; width:58%;}
.cst-eCard-lform1-dv2-outer {
	float: right;
	width: 36%;
	margin-top: 10px;
}
.cst-eCard-lform1-dv2 {
	
	border: 1px solid #bec0c9;
	border-radius: 3px;
	background: rgba(255,255,255,.5);
	padding-bottom: 10px;
	
}
.cst-eCard-lform1-dv2 h3 { text-transform:uppercase; text-shadow:0 1px 0 #fff; color:#303030; font:bold 14px Arial, Helvetica, sans-serif; line-height:33px; padding:0 10px; background:#c7c7c7; margin-bottom:10px;}
.cst-eCard-lform1-dv2 h3 img { float:left; padding:2px 0; margin-right:3px;}
.cst-eCard-lform1-dv2 a { display:block; clear:both; text-indent:8px; margin-left:8px; float:none; font:normal 12px Arial, Helvetica, sans-serif; line-height:20px; color:#2a2a2a; background:url(../images/cstm-step-arw-sml.png) no-repeat left center;}
.cst-eCard-lform1-dv2-outer .message {
	color: #4472C4;
	font-size: 12px;
	text-align: center;
	padding: 10px 5px;
}
.cst-eCard-gry { float:left; width:100%; padding:12px 0 11px; text-align:center; font-weight:bold; font-size:14px; margin:20px 0;}
.cst-eCard-gry2 { width:47%;}
.eCard-right-prw-s2-top {width:100%; background:rgba(255,255,255,.20); /*float:left; position:absolute; top:0; left:0;*/ text-align:center; color:#fff; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:10px 0; text-shadow:0 1px 0 #1a1a1a;/* box-shadow:0 2px 2px rgba(0,0,0,.4);*/}
.eCard-right-prw-s2-top a { color:inherit; font:inherit;}
.eCard-right-prw-s2-top span { margin:0 10px;}


/* customize-eCard-Step1 2-05-13 */
.ecardBox { max-width: 1127px; margin: 0 auto; padding: 10px 0;}
.ecardBox h2 { padding-bottom: 15px; text-align: center; background: url(../images/ecard_border.png) center bottom no-repeat; color: #2a2a2a; font: bold 28px 'helvetica_ceregular'; font-size: 28px; text-transform: uppercase;}
.ecardBox .ecard { padding-top: 80px; float: left; width: 100%;}
.ecardBox .firstcard { padding: 2px 0 0 0; float: left; width: 350px; border: 1px solid #adbac3; border-radius: 5px; box-shadow: 0 3px 10px #b9b8b8; background: url(../images/ecard_bg.png) repeat;}
.ecardBox h3 { padding: 22px 20px 32px 20px; font-family: Arial, Helvetica, sans-serif; color: #0c4d83; font-size: 26px; font-weight: normal; text-align: center; text-transform: uppercase; text-shadow: 1px 0 0 #fff; background: url(../images/ecard_headbg.png) repeat-x;}
.ecardBox h3 a { color: #0c4d83;}
.ecardBox span.price { padding: 10px 0 10px 0; display: block; text-align: center; color: #0c4d83; font: bold 50px Arial, Helvetica, sans-serif;}
.ecardBox .firstcard.green ul { min-height: 340px;}
.ecardBox .firstcard.green h3 a { color: #fff;}
.ecardBox .firstcard ul { min-height: 280px;}
.ecardBox .firstcard li { padding-left: 26%; background: url(../images/border.png) repeat-x;}
.ecardBox .firstcard li:first-child { background: none;}
.ecardBox .firstcard li a { padding-left: 31px; color: #6494bb; font-size: 16px; line-height: 40px; display: block; background: url(../images/check_img.png) left center no-repeat;}
.ecardBox .firstcard li a:hover { text-decoration: underline;}
.ecardBox .firstcard a.order_btn { padding: 1px; margin-top: 0; border-top: 1px solid #adbac3; display: block;}
.ecardBox .firstcard a.order_btn span { border: 1px solid #bbbdc9; border-radius: 3px; text-transform: uppercase; background: #aaadb7; display: block; text-align: center; height: 68px; font: bold 26px 'helvetica_ceregular'; color: #fff; text-shadow: 1px 0 0 #727580; line-height: 68px;}
.ecardBox .firstcard.green { padding: 0; width: 416px; border: 1px solid #888; position: relative; margin: -30px -5px 0 -5px; box-shadow: 0 3px 10px #b9b8b8; background: url(../images/green_bg.png) repeat;}
.ecardBox .firstcard.green h3 { color: #fff; background: url(../images/gree_headbg.png) repeat-x;}
.ecardBox .firstcard.green li { padding-left: 30%; background: url(../images/border1.png) repeat-x;}
.ecardBox .firstcard.green li a { padding: 2px 0 2px 31px; color: #fff;}
.ecardBox .firstcard.green li:first-child { background: none;}
.ecardBox .firstcard.green span.price { padding-bottom: 10px; color: #fff;}
.ecardBox .firstcard.green a.order_btn { background: #7dbd4b url(../images/green_order_bg.png) repeat-x;}
.ecardBox .firstcard.green a.order_btn span { background: none;}
.ecardBox .firstcard.last { margin-left: 0;}
.ecardBox .firstcard.last h3 { padding-bottom: 31px;}
.ecardBox .firstcard.last span.price { padding-bottom: 10px;}
.ecardBox .firstcard.last a.order_btn { margin-top: 0;}
.ecardBox .ecard.show_price { display: none;}
.ecardBox .ecard.show_price .content { display: none;}
.clear5 { height: 8px; overflow: hidden; clear: both;}
#uploadMask, .green-button { width: auto; display: block; float: left; margin-right: 0; position: relative;}
#uploadMask input { position: absolute; top: 0; bottom: 0; right: 0; opacity: 0; filter: alpha(opacity=0); z-index: 2; cursor: pointer;}
#uploadMask .button, .green-button .button { border: 1px solid #74a547; background: url(../images/cstm-step-bg.jpg) repeat-x; padding: 5px 15px; color: #fff; text-align: center; border-radius: 2px; line-height: 24px;}
.music-main .ecards-main-inner ul li blockquote a.check_btn img { width: 35px;}
.over_btn { position: absolute; top: 50%; left: 50%; width: 80px; margin: -19px 0 0 -20px; display: block; z-index: 99;}
label.fiel_path { float: left; font: bold 12px Arial, Helvetica, sans-serif; padding-right: 10px; padding-top: 5px; width: auto;}
.over_btn.sec { margin: -19px 0 0 -40px;}

/* My Account */
.current-order-tbl { float:left; width:100%; margin-bottom:10px;}
.current-order-tbl table { text-align:left;}
.current-order-tbl table tr th, .current-order-tbl table tr td { padding:10px; border:1px solid #E5E5E5; vertical-align:middle; box-shadow:0 1px 0 #fff;}
.current-order-tbl table tr th { background:#f5f5f5; color:#555}
.current-order-tbl table tr td big { color:#5a5a5a; font-size:24px;}
.current-order-tbl table tr.total-p td { background:#f5f5f5; }
.acc-overvw-main{float:left;width:100%;}
.acc-overvw-main-iner.gray-border{	float:left;	width:40%;		padding:2%;
	margin:5px 0;
}
.acc-overvw-main h4
{
	float:left;
	width:100%;
	font-size:16px;
}
.acc-overvw-main ul
{
	float:left;
	width:100%;
	padding:10px 0;
}
.acc-overvw-main ul li
{
	list-style:none none;
	margin:0;
	padding:5px 0;	
	padding-left:15px;
	background:	url(../images/cstm-step-arw-sml1.png) left center no-repeat;
}
.gray-border-wp
{ border: 1px solid #e5e5e5; border-radius: 5px; background-image: url(../images/background.gif);}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}




/*213-05-30 start*/
.ml10 { margin-left: 10px;}
.select-music-list { 
    padding:0;
    list-style:none; 
    border: 3px solid #cbcbcb; 
    border-top-width: 2px; 
    width: 300px; left: 100px; 
    top: 23px; color: #fff; 
    font-weight: bold; 
    background-color: #669934; 
    box-shadow: 0 3px 5px #555; 
    z-index: 10; 
    max-height: 417px; 
    overflow: auto; 
    -webkit-transform: translate3d(0,0,0);
}
.select-music-list ul { padding: 0;}
.select-music-list li { float: left; padding: 2%; width: 96%; border-top: 1px solid #cbcbcb;}
.select-music-list li .track-name { max-width: 215px;}
.select-music-list li img { float: left; width: 20px; margin-left: 5px;}
/*213-05-30 end*/


#mainContent .checkbox-col label{ font-size:12px!important; font-weight:normal!important; padding:0!important}
#mainContent .checkbox-col li{ width:100%!important}
#mainContent .rightSection form li .col-1{ float:left; position:relative; width:45.9%}
#mainContent .rightSection form li .col-1 .field-validation-error{ top:34px}




@font-face {
    font-family: 'GreatVibesRegular';
    src: url('GreatVibes-Regular-webfont.eot');
    src: url('GreatVibes-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('GreatVibes-Regular-webfont.woff') format('woff'),
         url('GreatVibes-Regular-webfont.ttf') format('truetype'),
         url('GreatVibes-Regular-webfont.svg#GreatVibesRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.ecardmessage{padding:5px 10px;text-align:center;word-wrap: break-word; color:#000; }
/*.ecardmessage a{text-decoration:underline;}
.ecardmessage a:hover{text-decoration:underline;}*/

.grey-top 
{
    margin-top: 37px !important;
}
.grey-top .eCard-right-prw-s2-top
{
     /*top: -46px;
    left: -10px;*/
    padding: 10px 0;
    background-color: #5A5A5A;
    /*border-radius: 10px 10px 0 0;*/
}

.pL5 { padding-left: 5px !important;}
.w50px { width: 50px; left: 0;}
.play_btn .embed { position: absolute; z-index: 0; left: 0; top: 0;}
.play_btn embed { opacity: 0; position: relative; z-index: 1;}

.no-background { background: none !important;}
.mb0 { margin-bottom: 0 !important;}
.mt10 { margin-top: 10px !important;}

.cardBg { padding:0; width:100%;}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:57%;  position:relative;}.embed-responsive.embed-responsive-4by3{padding-bottom:75%;background: transparent!important;}


.mailview { width:660px; margin:0 auto; }
.playcardview { width:820px; margin:0 auto; display:block; }
.carbg_wrapper {background: #fff; display: block; clear: both;}
.shadow {text-align:center;}
.topheader {background: #5a5a5a;
color: #fff; font: bold 14px Arial,Helvetica,sans-serif; padding: 10px 5px;
margin: 10px 0 0 0; text-align: center; text-shadow: 0 1px 0 #1A1A1A; text-transform: uppercase;
width: auto; top: 0; left: 0; border-radius: 10px 10px 0 0;}

.topheader-new {
    text-align:center; background-color:#bfbfbf ; padding:8px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; text-shadow: 0 1px 0 #999;
    /*border-radius: 10px 10px 0 0;*/margin: 10px 0 0 0;
}

.ecardsview { /*overflow:hidden;*/}

.eCard-link {padding: 0 0 5px}
.eCard-link a{ font: 11px Arial, Helvetica, sans-serif;color:#999; text-decoration:none;}
.music-icon {height: 20px;position: relative; text-align:left;}
.rightbg { background: #fff ; padding :10px; }
.no-back { background: transparent !important; padding: 0 !important;}
.no-back-new { background: transparent !important; padding: 22px 0 0 0 !important;}
.eCard-logo img {border:0!important;}
.nicEdit-main p {padding : 5px;}


/*  Added on 06/09/16   */
.optional_btn { float:left; width:100%; border:1px solid #1381b8; background:#42a7db; padding:10px 0; border-radius:2px; text-align:center; color:#fff; text-transform:none; font:normal 18px 'helvetica_ceregular';}

.centerLogoPosition{position: absolute; width: 100%;   text-align: center; top: 45%; left: 0;}
.topLogoPosition{position: absolute; width: 100%;   text-align: center; top: 1%; left: 0;}
.bottomLogoPosition{position: absolute; width: 100%;   text-align: center; bottom: 1%; left: 0;}
/*  Added on 06/09/16   */

/*  Added on 14/09/16   */
.tooltip{
   			display: inline;
    		position: relative;
		}
		
		.tooltip:hover:after{    		
    		background: rgba(16,55,92,.9);    		
    		bottom: 106%;
    		color: #fff;
    		content: attr(title);
    		left:0;
    		padding: 5px 3%;
    		position: absolute;
    		z-index: 98;
    		width: 94%;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #57728c transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 103%;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
            
            
		}
	
		.input-textArea{
            width:450px;
            height: 200px;
		}
/*  Added on 14/09/16   */



input[type="text"]#website {
	display: none;
}



.blue-button {
	color: #fff !important;
	border-radius: 3px;
	border: 1px solid #3c8add;
	font-size: 14px;
	font-weight: bold !important;
	display: inline-block;
	background: #71a3de;
	padding: 5px 20px !important;
	text-decoration: none !important;
	background: -moz-linear-gradient(top, #71a3de 0%, #4692f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71a3de), color-stop(100%,#4692f8));
	background: -webkit-linear-gradient(top, #71a3de 0%,#4692f8 100%);
	background: -o-linear-gradient(top, #71a3de 0%,#4692f8 100%);
	background: -ms-linear-gradient(top, #71a3de 0%,#4692f8 100%);
	background: linear-gradient(to bottom, #71a3de 0%,#4692f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a3de', endColorstr='#4692f8',GradientType=0 );
	*display: inline;
	*zoom: 1;
	margin: 20px 0;
}