/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
html{
background:url(../images/mistergreetingcard/bg_tile.gif);
}
body{
background:url(../images/mistergreetingcard/bg_tile_x.gif) top left repeat-x;
text-align:center;
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
color: #006079;
line-height: 1.5;
}
#bgfoot{
background:url(../images/mistergreetingcard/bgfoot.gif) repeat-x bottom left;
}
#frame{
width:999px;
margin:auto;
text-align:left;
}
.frame{
width:999px;
margin:auto;
text-align:left;
}
.clearer{
clear:both;
height:1px;
overflow:hidden;
visibility:hidden;
}
.image-header{
text-indent: -999em;
}

.image-link{
display: block;
text-indent: -999em;
}

.bullet{
padding-right:13px;
}
.support-image-right{
float: right;
}
/* -----------------------------------*/
/* -------->>> Text Styles <<<--------*/
/* -----------------------------------*/
#insidepage{
color: #2b4147;
}
h1{
font-family: Georgia, Arial, sans-serif;
font-size:25px;
font-weight: normal;
color:#c9276b;
padding-bottom: 5px;
}
h2{
font-family: Helvetica, Arial, sans-serif;
font-size:18px;
color:#1294ac;
font-weight: normal;
padding-bottom: 5px;
}
h3{
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
color:#90001b;
padding-bottom: 5px;
}
p{
padding-bottom: 10px;
}
.small-light-text{
font-size: 11px;
color: #1e94b2;
}
.light-green{
color: #6ba802;
}
/*  editted by Inigo: Nov 22  */
#category-list h3{
display:block;
padding-top: 12px;
height:37px;
line-height:37px;
font-family: Helvetica, Arial, sans-serif;
font-size:21px;
font-weight:normal;
color:#ffffff;
}
#category-list a{
color: #ffffff;
text-decoration: none;
}
#category-list a:hover{
color: #7ae4ff;
}

#artist-list h3{
display:block;
padding-top: 12px;
height:37px;
line-height:37px;
font-family: Helvetica, Arial, sans-serif;
font-size:21px;
font-weight:normal;
color:#ffffff;
}
#artist-list a{
color: #ffffff;
text-decoration: none;
}
#artist-list a:hover{
color: #7ae4ff;
}

/*  end of by Inigo: Nov 22  */


/* -----------------------------------*/
/* ------>>> Main Layout CSS <<<------*/
/* -----------------------------------*/
#header{
width:999px;
height:106px;
background: url(../images/mistergreetingcard/headerbg.jpg) top left no-repeat;
position: relative;
z-index:99999;
}
#logo{
position:absolute;
width: 230px;
height: 85px;
top: 0px;
left: 5px;
}
#logo a{
width: 230px;
height: 85px;
background: url(../images/mistergreetingcard/mistergreetingcard_logo.gif) top left no-repeat;
}

#tagline{
position:absolute;
width: 230px;
height: 13px;
top: 85px;
left: 5px;
text-align:center;
}
#tagline a
{
	text-decoration: none;
	font-family: Helvetica;
	color: #006079;
	font-size :10px;
	letter-spacing: 1px;
	width: 230px;
	height: 13px;
/*background: url(../images/mistergreetingcard/tagline.gif) top left no-repeat;*/
}
#navigation{
float: right;
padding-right: 5px;
}

#loginul{
float: right;
padding-right: 19px;
}
#nav{
float: right;
}
#product-nav{
float: right;
margin-top: 3px;
}
#nav li, #product-nav li, #loginul li{
float: left;
position: relative;
}
#nav li{
z-index: 9998;
}
#loginul li{
height: 31px;
line-height: 31px;
color: #ba628f;
padding-right: 7px;
}
#product-nav li{
margin-left: 12px;
z-index: 998;
}

#nav li a{
display: block;
height: 32px;
}

#product-nav li a{
display: block;
height: 40px;
}

#loginul li a{
color: #ba628f;
text-decoration: none;
font-size: 11px; 
}

#loginul li a:hover{
text-decoration: underline;
}

#home{
width:72px;
background:url(../images/mistergreetingcard/home.gif) top left no-repeat;
}
#about{
width:83px;
background:url(../images/mistergreetingcard/aboutus.gif) top left no-repeat;
}
#greetingcardfun{
width:130px;
background:url(../images/mistergreetingcard/greetingcardfun.gif) top left no-repeat;
}
#mistergreetingcardbusiness{
width:215px;
background:url(../images/mistergreetingcard/greetingcardbusiness.gif) top left no-repeat;
}
#help{
width:57px;
background:url(../images/mistergreetingcard/help.gif) top left no-repeat;
}
#contact{
width:82px;
background:url(../images/mistergreetingcard/contact.gif) top left no-repeat;
}

#greetingcards{
width: 107px;
background:url(../images/mistergreetingcard/greetingcards.gif) top left no-repeat;
}
#mobilegreetingcards{
width: 152px;
background:url(../images/mistergreetingcard/mobilegreetingcards.gif) top left no-repeat;
}
#specialgreetingcards{
width: 179px;
background:url(../images/mistergreetingcard/specialgreetingcards.gif) top left no-repeat;
}
#startpersonalizing{
width: 143px;
height: 40px;
background:url(../images/mistergreetingcard/startpersonalizing.gif) top left no-repeat;
}



#nav li .main-sub, #product-nav li .main-sub{
position: absolute;
left: 0px;
display: none;
z-index: 997;
}
#nav li .main-sub{
top:32px;
}
#product-nav li .main-sub{
top: 40px;
}
#nav li .main-sub li, #product-nav li .main-sub li{
float: none;
position: static;

}

#nav li .main-sub li{
z-index: 9999;
}
#product-nav li li{
margin: 0px;
z-index: 999;
}

#nav li:hover .main-sub, #product-nav li:hover .main-sub{
display: block;
}


#product-nav li#specialgreetingcardsli .main-sub .main-sub-bgtile{
width: 169px;
padding: 0px 5px;
background: url(../images/mistergreetingcard/special-greeting-cards-submenu-bg.gif) repeat-y top left;
}
#product-nav li#specialgreetingcardsli .main-sub .main-sub-bgtile li a{
width: 169px;
}
#nav li li a{
height: 26px;
line-height: 26px;
}
#investors{
width: 88px;
background:url(../images/mistergreetingcard/investors.gif) top left no-repeat;
}
#offices{
width: 88px;
background:url(../images/mistergreetingcard/offices.gif) top left no-repeat;
}
#blog{
width: 88px;
background:url(../images/mistergreetingcard/blog.gif) top left no-repeat;
}      
#disclaimer{
width: 88px;
background:url(../images/mistergreetingcard/disclaimer.gif) top left no-repeat;
}   
#realgreetingcards{
width: 148px;
background:url(../images/mistergreetingcard/realgreetingcards.gif) top left no-repeat;
}   
#portfolio{
width: 148px;
background:url(../images/mistergreetingcard/portfolio.gif) top left no-repeat;
}
#easytoorder{
width: 148px;
background:url(../images/mistergreetingcard/easytoorder.gif) top left no-repeat;
}
#coverage{
width: 148px;
background:url(../images/mistergreetingcard/coverage.gif) top left no-repeat;
}

#greetingcardmarketing{
width: 153px;
background:url(../images/mistergreetingcard/greetingcardmarketing.gif) top left no-repeat;
}
#largequantities{
width: 153px;
background:url(../images/mistergreetingcard/largequantities.gif) top left no-repeat;
}
#faq{
width: 158px;
background:url(../images/mistergreetingcard/faq.gif) top left no-repeat;
}      
#explanation{
width: 158px;
background:url(../images/mistergreetingcard/explanation.gif) top left no-repeat;
}

#product-nav li li a{
height: 30px;
}
#chocolategreetingcards{
background: url(../images/mistergreetingcard/chocolategreetingcards.gif) top left no-repeat;
}


#product-nav li#specialgreetingcardsli .main-sub .main-sub-bgbottom{
width: 179px;
height: 10px;
background: url(../images/mistergreetingcard/special-greeting-cards-submenu-bgbtm.png) no-repeat top left;
}



#nav li:hover a, #product-nav li:hover a{
background-position: bottom left;
}
#nav li:hover li a{
background-position: top left;
}
#nav li li:hover a{
background-position: bottom left;
}

#product-nav li:hover li a{
background-position: top left;
}
#product-nav li li:hover a{
background-position: bottom left;
}


#aboutli .tb, #aboutli .bb{
width: 102px;
}
#greetingcardfunli .tb, #greetingcardfunli .bb{
width: 162px;
}
#mistergreetingcardbusiness .tb, #mistergreetingcardbusiness .bb{
width: 167px;
}
#helpli .tb, #helpli .bb{
width: 172px;
}


.tb{
margin-top: 5px;
}
.tb, .tl, .tc, .tr{
height: 10px;
z-index: 9999;
}
.tl{
float: left;
width: 8px;
background:url(../images/mistergreetingcard/tl-bg.png) top left no-repeat;
}
.tc{
background:url(../images/mistergreetingcard/tc-bg.png) top left repeat-x;
margin: 0px 12px 0px 8px;
}
.tr{
width: 12px;
float: right;
background:url(../images/mistergreetingcard/tc-br.png) top right  no-repeat;
}
.mb{
height: 100%;
position: relative;
}
.ml{
float: left;
width: 6px;
background:url(../images/mistergreetingcard/ml-bg.png) top left repeat-y;
height: 100%;
position: absolute;
top:0px;
left: 0px;
bottom: 0px;
}
.mc{
margin: 0px 8px 0px 6px;
height: 100%;
background: #edf9ff;
}
.mr{
float: right;
width: 8px;
background:url(../images/mistergreetingcard/mr-bg.png) top right repeat-y;
height: 100%;
position: absolute;
top:0px;
right: 0px;
bottom: 0px;
}


.bb, .bl, .bc, .br{
height: 13px;

}
.bl{
float: left;
width: 8px;
background:url(../images/mistergreetingcard/bl-bg.png) bottom left no-repeat;
}
.bc{
background:url(../images/mistergreetingcard/bc-bg.png) top left repeat-x;
margin: 0px 10px 0px 8px;
}
.br{
width: 10px;
float: right;
background:url(../images/mistergreetingcard/br-bg.png) bottom right  no-repeat;
}

#footer{
width:999px;
height:310px;
}
#footerleft{
float: left;
width: 195px;
height:214px;
font-family: Arial, sans-serif;
font-size:11px;
color:#cce0e5;
padding: 0px 0px 0px 5px;
line-height: 1.3;
}
#footerleft a{
color:#71b6fc;
text-decoration: none;
}

#followtwit{
display: block;
width: 132px;
height: 91px;
text-indent: -999em;
background:url(../images/mistergreetingcard/followtwitter.gif) top left no-repeat;
margin-bottom: 5px;
}

#footerleft #copyright{
font-size:10px;
color:#b5e3ec;
line-height: 1.5;
padding: 5px 1px 0px 0px;
}

.footersitelinks, .affiliationlink{
float: left;
height:182px;
padding: 32px 10px 0px 13px;
}
.footersitelinks h4, .affiliationlink h4{
font-size: 12px;
text-decoration: underline;
}

.footersitelinks li, .affiliationlink li{
height:23px;
height: auto;
min-height:23px;

}
.footersitelinks li a{
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
color:#b5e3ec;
text-decoration: none;
}

.affiliationlink li a{
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
color:#de9b43;
text-decoration: none;
}
.footersitelinks li a:hover{
color:#fff;
}
.affiliationlink li a:hover{
color:#fff;
}

.affiliationlink p{
font-size:11px;     
font-style: italic;
color: #d3d0c7;
}
#partners{
width:999px;
height: 93px;
padding-top: 2px;
background: url(../images/mistergreetingcard/partnersbgtop.gif) top left repeat-x;
}
#partners h4{
color: #a35998;
padding-right: 20px;
}
#partners img, #partners h4{
float: left;
}

#loginform{
display: none;
background: #e6f4fd;
overflow: hidden;
}
#loginform .frame{
padding: 6px 0px;
padding-right: 27px;
}
#loginusername, #loginpassword, #dummypass,
#ctl00_loginusername, #ctl00_loginpassword, #ctl00_dummypass{
width:141px;
height:13px;
padding: 4px 0px 0px 2px;
margin-right: 4px;
display:block;
border:1px solid #d2f0fb;
background:#fff;
font-size:10px;
float: right;
color: #2b4147;

}
#loginbutton, #ctl00_loginbutton{
float: right;
width:69px;
height:20px;
}
#forgotlink{
float: right;
display:block;
width:99px;
padding: 3px 0px 0px 8px;
height:13px;
line-height:13px;
font-size:10px;
color:#a5d2e8;
text-indent:4px;
text-decoration:none;
}
#forgotlink:hover{
text-decoration:underline;
}
#loginmsg{
float: right;
display:block;
height:13px;
line-height:13px;
font-size:10px;
color:Red;
}
/* -----------------------------------*/
/* ------->>> Home page CSS <<<-------*/
/* -----------------------------------*/
#bannerwrap{
width:999px;
height:291px;
overflow: hidden;
}
#banner{
width:999px;
height:291px;
position: relative;

}
#slide-nav{
width: 15px;
padding-top: 10px;
position: absolute;
top:4px;
right: 22px;
z-index: 999;
background:url(../images/mistergreetingcard/slide-nav-bgtile.gif) 7px 0px repeat-y;
}
#slide-nav a{
display: block;
width: 15px;
height: 15px;
text-indent: -999em;
margin-top: 5px;
background: url(../images/mistergreetingcard/slide-nav-bg.png) bottom left no-repeat;
}
#slide-nav a.activeSlide { 
background-position: top left;
}
#slideshow
{
	z-index: 3;
}
#slideshow .slide
{
	z-index: 1;
}
/*
#bannerproper{
float:left;
width:664px;
height:246px;
}
*/
/*
h2#intromessage{
width:664px;
height:246px;
text-indent:-999em;
background:url(images/bannerintro.jpg) top left no-repeat;
}
*/

#mothersdayslide
{
width:859px;
height:266px;
padding:25px 0px 0px 140px;
background: url(../images/mistergreetingcard/mothersdaybanner.jpg) top left no-repeat;
}
#mothersdayslide h2{
width:491px;
height:171px;
background: url(../images/mistergreetingcard/mothersday-banner-header.jpg) top left no-repeat;
padding: 0px;
}
#mothersdayslide .start-here-btn{
width:264px;
height:69px;
margin-left: 88px;
background: url(../images/mistergreetingcard/mothersday-startbtn.jpg) top left no-repeat;
}


#mobidokislide{
width:937px;
height:266px;
padding:25px 0px 0px 62px;
background:url(../images/mistergreetingcard/mobidokibanner.jpg) top left no-repeat;
}
#mobidokislide h2{
width:627px;
height:156px;
background: url(../images/mistergreetingcard/mobidoki-banner-header.jpg) top left no-repeat;
padding: 0px;
}
#mobidokislide p{
width:314px;
height:62px;
background:url(../images/mistergreetingcard/brought-to-you-banner-mobidoki.jpg) top left no-repeat;
float: left;
}
#mobidokislide .start-here-btn{
float: left;
width:264px;
height:69px;
margin-left: 37px;
background: url(../images/mistergreetingcard/mobidoki-startbtn.jpg) top left no-repeat;
}
/* birthday slide */
#birthdayslide{
width:586px;
height:265px;
padding:26px 0px 0px 413px;
background: url(../images/mistergreetingcard/birthdaybanner.jpg) top left no-repeat;
}
#birthdayslide h2{
width:541px;
height:169px;
background: url(../images/mistergreetingcard/birthday-banner-header.jpg) top left no-repeat;
padding: 0px;
}
#birthdayslide p{
width:272px;
height:59px;
background:url(../images/mistergreetingcard/create-birthday-greetingcards.jpg) top left no-repeat;
float: left;
}
#birthdayslide .start-here-btn{
float: left;
width:264px;
height:69px;
background: url(../images/mistergreetingcard/birthday-startbtn.jpg) top left no-repeat;
}
#mothersdayslide a:hover, #mobidokislide a:hover, #birthdayslide a:hover{
background-position: bottom left;
}
#mothersdayslide a:active, #mobidokislide a:active,  #birthdayslide a:active{
background-position: top right;
}



#maincontent{
width:999px;
}

#category-list{
float:left;
width:197px;
height: 433px;
background:url(../images/mistergreetingcard/categorylistbgtile.gif) top left repeat-y;
}
#category-list .bgtop{
width:197px;
height: 433px;
background:url(../images/mistergreetingcard/categorylistbgtop.jpg) top left no-repeat;
}
#category-list .bgbottom{
width:178px;
height: 433px;
background:url(../images/mistergreetingcard/categorylistbgbottom.gif) bottom left no-repeat;
padding-left:19px;
line-height:1.7;
color:#ffffff;
}

#middlecontent{
float:left;
width:606px;
min-height: 368px;
height:auto !important;
height: 368px;
background: url(../images/mistergreetingcard/middlecontentbgtile.jpg) top left repeat-y;
}
#middlecontent .bgtop{
width:606px;
min-height: 368px;
height:auto !important;
height: 368px;
background:url(../images/mistergreetingcard/middlecontentbgtop.jpg) top left no-repeat;
}
#middlecontent .bgbottom{
width:600px;
min-height: 364px;
height:auto !important;
height: 364px;
background:url(../images/mistergreetingcard/middlecontentbgbottom.jpg) bottom left no-repeat;
padding: 0px 0px 4px 6px;
}

#mobilegreetingcards-box{
float: left;
width: 272px;
padding:  0px 12px 11px 11px;
}
#mobilegreetingcards-box h3{
height: 53px;
background:url(../images/mistergreetingcard/mobilegreetingcards-header.gif) top left no-repeat;
}

#send-mobile-greetings-btn{
width: 160px;
height: 36px;
background:url(../images/mistergreetingcard/sendmobilegreetings-btn.gif) top left no-repeat;
}

#chocolategreetingcard-box{
float: left;
width: 286px;
padding:  0px 0px 11px 12px;
position: relative;
}
#misterchocolate{
position: absolute;
top:4px;
right: 0px;
}
#chocolategreetingcard-box h3{
height: 53px;
background:url(../images/mistergreetingcard/chocolategreetingcards-header.gif) top left no-repeat;
}
#send-chocolate-greetings-btn{
width: 180px;
height: 36px;
background:url(../images/mistergreetingcard/sendchocolategreeting-btn.gif) top left no-repeat;
}

#send-mobile-greetings-btn:hover, #send-chocolate-greetings-btn:hover{
background-position: bottom left;
}


#registered-user-benefits{
width: 593px;
min-height: 104px;
height:auto !important;
min-height: 104px;
}
#registered-user-benefits .bgtop{
width: 593px;
min-height: 104px;
height:auto !important;
min-height: 104px;
background:url(../images/mistergreetingcard/middlecontent-bottomspacebg.jpg) top left no-repeat;
}
#registered-user-benefits .bgbottom{
width: 569px;
min-height: 100px;
height:auto !important;
min-height: 100px;
background:url(../images/mistergreetingcard/middlecontent-bottomspacebgbottom.jpg)  bottom left no-repeat;
padding: 8px 12px 0px 12px;
}

#registered-user-benefits ul{
float: left;
padding: 0px 20px 0px 20px;
}
#registered-user-benefits ul li{
padding-bottom: 3px;
}
#registered-user-benefits ul li img{
padding-right: 15px;
vertical-align: middle;
}


#side-bar{
float:left;
width:196px;
font-size: 11px;
}
#side-bar h3{
font-size: 11px;
}
#animation{
width: 186px;
height: 257px;
background: url(../images/mistergreetingcard/animationbg.jpg) top left no-repeat;
padding: 9px 0px 0px 10px;
}
#creative-partner{
padding: 5px;
}

#featured-cards-box{
width:999px;
height:140px;
background:url(../images/mistergreetingcard/featcardsbg.gif) top left no-repeat;
position:relative;
padding:4px 0px 0px 0px;
}
#featured-cards-box h3{
display:block;
position:absolute;
top:2px;
left:22px;
height:36px;
line-height:36px;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#594f4f;
}
#featuredcards{
list-style:none;
padding-right: 18px;
}
#featuredcards li{
float:right;

}
#featuredcards li a{
float: left;
display:block;
line-height:34px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#594f4f;
text-decoration:none;
text-align:center;
}
#featuredcards li a#new{
width:139px;
height:34px;
background:url(../images/mistergreetingcard/useruploadedbg.gif) top left no-repeat;
}

#featuredcards li a#mostpopular{
width:139px;
height:34px;
background:url(../images/mistergreetingcard/useruploadedbg.gif) top left no-repeat;
}
#featuredcards li a#recentuser{
width:139px;
height:34px;
background:url(../images/mistergreetingcard/useruploadedbg.gif) top left no-repeat;
}
#featuredcards li a#mostpopular:hover, #featuredcards li a#recentuser:hover, #featuredcards li a#new:hover{
background-position:bottom;
}
#newcardselection, #mostpopularcardselection, #recentusercardselection{
position:absolute;
width:938px;
height:75px;
top:38px;
left:36px;
padding-top:4px;
display:none;
}
.newcard, .mostpopularcard, .recentcard{
padding-right:10px;
}
.landscape {padding-top:10px;}
/* -----------------------------------*/
/* ----------->>> FORMS <<<-----------*/
/* -----------------------------------*/

/*-----------Scroll Panel----------*/

.violet-bar .jScrollPaneTrack {
    background: #d07bad;
}
.violet-bar .jScrollPaneDrag {
    background: #dcf6f5 no-repeat 50% 50%;
}
.violet-bar .scroll-pane {
    
}

.holder {
    float: left;
    margin: 10px;
}

.scroll-pane {
    width: 150px;
    height: 350px;
    overflow: auto;
    /*background: #ccc;*/
    float: left;
 padding-left:2px; 
position:absolute;
}
/*---------------------*/

/*-----------COUNTRY CHOICES----------*/
#countries{
float:left;
width:77px;
min-height:28px;
height:auto !important;
height:28px;
}


#selectedcountry{
width:68px;
height:20px;
padding:8px 0px 0px 9px;
}


a#selectedflagUSA{
display:block;
width:57px;
height:20px;
text-indent:-999em;
background:url(../images/v3/us.gif) no-repeat top left;
border: dotted 1px #d968ba;
}

a#selectedflagUSA:hover{
background:url(../images/v3/us.gif) no-repeat bottom left;
}

a#selectedflagUK{
display:block;
width:57px;
height:20px;
text-indent:-999em;
background:url(../images/v3/uk.gif) no-repeat top left;
border: dotted 1px #d968ba;
}

a#selectedflagUK:hover{
background:url(../images/v3/uk.gif) no-repeat bottom left; 
}

a#selectedflagNL{
display:block;
width:57px;
height:20px;
text-indent:-999em;
background:url(../images/v3/netherlands.gif) no-repeat top left;
border: dotted 1px #d968ba;
}

a#selectedflagNL:hover{
background:url(../images/v3/netherlands.gif) no-repeat bottom left;
}
 

#countrychoices{
list-style:none;
width:200px;
height:140px;
position:absolute;
top:8px;
left:-100px;
padding-left:0px;
padding-right:10px;
/*display:none;*/
}

#countrychoices li{
float:left;
width:45px;
height:21px;
overflow:hidden;
border-style:hidden;
border-width:1px;
border-color: Blue;
}

#countrychoices li:hover{
float:left;
width:45px;
height:21px;
overflow:hidden;
border: dotted 1px #d968ba;
}
#countrychoices li a{
display:block;
width:65px;
height:21px;
}


/*---------------------*/
.sitelinks{
float: left;

padding: 32px 10px 0px 13px;
}
.sitelinks h4{
font-size: 14px;
text-decoration: underline;
color:#90001b;
}

.sitelinks li{
height:23px;
height: auto;
min-height:23px;

}
.sitelinks li a{
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
color:#006079;
text-decoration: none;
}

input.createAccount{
width:281px;
height:39px;
background:url(../images/v2/createAccount.jpg) no-repeat top left;
border:0px;
margin:0px;
padding:0px;

}

input.createAccountNL{
width:281px;
height:39px;
background:url(../images_nl/v2/createAccount.jpg) no-repeat top left;
border:0px;
margin:0px;
padding:0px;

}
/* newborn slides */ 
#newbornslide{ display: none; } 
#newbornb{ position: absolute; top:0px; left: 0px; } 
#newbornp{ position: absolute; top:0px; left: 0px; }


/*-------
font-family: Georgia, Arial, sans-serif;
font-size:25px;
font-weight: normal;
color:#c9276b;
padding-bottom: 5px-----------*/

/* -----------------------------------*/
/* ---------->>> From old <<<-----------*/
/* -----------------------------------*/

/*
#nav{
list-style:none;
padding:0px;
margin:0px;
}
#nav li{
float:left;
}
#nav li a{
display:block;
text-indent:-999em;
}

a#home{
width:70px;
height:30px;
background:url(images/home.gif) top left no-repeat;
}
a#makecard{
width:103px;
height:30px;
background:url(images/makeacard.gif) top left no-repeat;
}
a#support{
width:97px;
height:30px;
background:url(images/support.gif) top left no-repeat;
}

a#home:hover, a#makecard:hover, a#support:hover{
background-position:bottom left;
}

#supportdd{
list-style:none;
width:244px;
height:30px;
background:url(images/supportsubnavbg.png) top left no-repeat;
position:absolute;
top:55px;
right:2px;
padding-left:9px;
z-index:100;
display:none;
}
#supportdd li{
float:left;
}
#supportdd li a{
display:block;
text-indent:-999em;
}
a#about{
width:80px;
height:26px;
background:url(images/about.gif) top left no-repeat;
}
a#contact{
width:78px;
height:26px;
background:url(images/contact.gif) top left no-repeat;
}
a#help{
width:68px;
height:26px;
background:url(images/help.gif) top left no-repeat;
}
a#about:hover, a#contact:hover, a#help:hover{
background-position:bottom left;
}
*/

/*
#banneroptions{
float:left;
width:335px;
height:246px;
}
#loginlinks{
width:312px;
height:29px;
padding-right:23px;
position:relative;
}
#loginul{
list-style:none;
float:right;
}
#loginul li{
float:left;
}
#loginul li a{
display:block;
text-indent:-999em;
}
a#loginbtn{
width:54px;
height:24px;
background:url(images/login.gif) top left no-repeat;
}
a#signupbtn{
width:54px;
height:24px;
background:url(images/signup.gif) top left no-repeat;
}
a#loginbtn:hover, a#signupbtn:hover{
background-position:bottom left;
}
#loginforms{
width:276px;
height:103px;
position:absolute;
top:29px;
left:43px;
display:none;
background:url(images/loginformsbg.png) top left no-repeat;
}
#inputforms{
width:148px;
height:90px;
float:left;
padding:13px 0px 0px 17px;
}
#inputbuttons{
width:111px;
height:96px;
padding:7px 0px 0px 0px;
float:left;
}
#loginusername, #loginpassword, #dummypass{
width:143px;
height:20px;
display:block;
border:0px;
background:none;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
margin-bottom:9px;
padding-top:8px;
}
#loginbutton{
width:99px;
height:43px;
}
#loginul li a#forgotlink{
display:block;
width:99px;
height:31px;
line-height:31px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#a5d2e8;
text-indent:4px;
text-decoration:none;
}
#loginul li a#forgotlink:hover{
text-decoration:underline;
}
#divideli{
width:3px;
height:24px;
background:url(images/divide.gif) top left no-repeat;
}
#startbuttons{
width:335px;
height:129px;
background:url(images/startbuttonsbg.jpg) top left no-repeat;
}
#startbuttons h2{
width:330px;
height:36px;
background:url(images/startbuttonstag.gif) top left no-repeat;
text-indent: -999em;
top:0px;
left: 0px;
}
#starthere{
display:block;
float:left;
text-indent:-999em;
width:263px;
height:92px;
background:url(images/startherebutton.gif) no-repeat top left;
margin:5px 0px 0px 32px;
}
#ourselection{
display:block;
float:left;
text-indent:-999em;
width:165px;
height:79px;
background:url(images/ourselection.gif) no-repeat top left;
}
#fromphoto{
display:block;
float:left;
text-indent:-999em;
width:165px;
height:79px;
background:url(images/fromphoto.gif) no-repeat top left;
}
#ourselection:hover, #fromphoto:hover{
background-position:bottom left;
}
#starthere:hover{
background-position:bottom left;
}
#starthere:active{
background-position:top right;
}
#promos{
width:255px;
height:86px;
padding-left:80px;
background:url(images/promosbg.jpg) top left no-repeat;
position:relative;
}
#promohead{
text-indent:-999em;
display:block;
width:172px;
height:77px;
padding:0px;
margin:0px;
background:url(images/collectionorphoto.gif) top left no-repeat;
}
#promoimg{
position:absolute;
left:222px;
top:1px;
}


#leftcontentbgbottom a:link, #leftcontentbgbottom a:visited{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fefefe;
text-decoration:none;
} 

#leftcontentbgbottom a:hover{
color:#78ebff;
}

#topmiddle{
width:521px;
min-height:212px;
height:auto !important;
height:212px;
background:url(images/middlecontentbgtile.gif) top left repeat-y;
}
#topmiddlebgtop{
width:521px;
min-height:212px;
height:auto !important;
height:212px;
background:url(images/middlecontentbgtop.gif) top left no-repeat;
}
#topmiddlebgbottom{
width:521px;
min-height:212px;
height:auto !important;
height:212px;
background:url(images/middlecontentbgbottom.gif) bottom left no-repeat;
color:#37464c;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7;
}
#middleleft{
float:left;
width:241px;
min-height:212px;
height:auto !important;
height:212px;
padding-left:20px;
position:relative;
}
#middleright{
float:left;
width:250px;
min-height:212px;
height:auto !important;
height:212px;
padding-left:10px;
}

#middleleft h3, #middleright h3{
display:block;
height:66px;
line-height:66px;
font-family: Helvetica, Arial, sans-serif;
font-size:21px;
font-weight:normal;
color:#46ceec;
}
#middleleft h3{
padding-left:8px;
width:252px;
}
#middleright h3{
padding-left:11px;
width:249px;
}
#middleleft .textwrap{
width:127px;
padding-left:3px;
}
#artistimg{
position:absolute;
top:45px;
right:3px;
}
#learnmorebtn{
display:block;
width:88px;
height:36px;
text-indent:-999em;
background:url(images/learnmore.gif) top left no-repeat;
}
#learnmorebtn:hover{
background-position:bottom;
}
.subheaders{
color:#37464c;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:1.3;
font-weight:bold;
}

ul#steps{
list-style:none;
padding:4px 0px 0px 0px;
margin:0px;
}
ul#steps li{
float:left;
display:block;
width:81px;
height:85px;
text-indent:-999em;
}
#stepdesign{
background:url(images/designit.gif) top left no-repeat;
}
#stepprint{
background:url(images/printit.gif) top left no-repeat;
}
#stepdeliver{
background:url(images/deliverit.gif) top left no-repeat;
}




#rightcontent{
float:left;
width:241px;
min-height:338px;
height:auto !important;
height:338px;
background:url(images/rightcontentbg.jpg) top left no-repeat;
padding:19px 0px 0px 14px;

}


#footer{
width:999px;
height:135px;
}
*/