/*
    AUTHOR: Alexis Sun
            alexis@lavishcreative.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
body{color:#252525; font-size: 13px; background:#e0f6a3;}
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, p, a, img, a img, ul, li, div {margin:0; padding:0;}

/* ------------------------------------------ */
/* GENERAL STYLING */
/* ------------------------------------------ */
h1{font-size:20px; line-height:30px;}
h2{font-size:18px; line-height:28px;}
h3{font-size:16px; line-height:26px;}
h4{font-size:14px; line-height:20px;}
p { font-size: 13px; line-height:18px; margin:5px 0;  }
a {color:#252525; text-decoration:none;}
a:hover{color:#6C147D; text-decoration:underline;}
a img { border: none; }

/* ------------------------------------------ */
/* PAGE LAYOUT */
/* ------------------------------------------ */
#page-wrap {	width:100%;	position:relative;}
.full_width{	width:100%;}
.page_width{	width:950px; text-align:left; margin:0 auto;}

/* ------------------------------------------ */
/* ACCOUNT BAR */
/* ------------------------------------------ */
#account_bar div{ text-align:right; font-size:11px; padding:5px 0;}
#account_bar a{ font-weight:bold;  color:#812a90;}

/* ------------------------------------------ */
/* HEADER ELEMENTS */
/* ------------------------------------------ */
#header_full {background:url(../images/header_bg.jpg) repeat; height:190px; border-bottom:3px solid #fff}
#header_full .header_top{position:relative;  height:153px; width:950px; margin:0 auto; text-align:left;}
#header_full h1 { float:left; margin-left:10px;}
#header_full h1 a{ width:225px; height:153px; display:block; text-indent:-2000px;}
#header_full #loginreg_btns{float:left; width:63px; position:relative;}
#header_full a.login_btn, #header_full a.join_btn{background-image:url(../images/login_btns_sprite.png); background-repeat:no-repeat; width:63px; height:28px; display:block; text-indent:-2000px;}
#header_full a.login_btn{ margin:70px 0 0 0; }
#header_full a.login_btn:hover{ background-position:0 -28px;}
#header_full a.join_btn{ margin:5px 0 0 0;background-position:-63px 0px;}
#header_full a.join_btn:hover{background-position:-63px -28px;}
#header_pets{  background:url(../images/header_top.gif) no-repeat top center; height:190px;}

/* ------------------------------------------ */
/* MAIN NAVIGATION ELEMENTS */
/* ------------------------------------------ */
#nav_full {background:url(../images/header_purplebar.gif) repeat-x bottom left; height:37px; }
#strapline{ float:left; background:url(../images/header_strapline.gif) no-repeat; height:26px; width:304px; text-indent:-2000px; margin:10px 0 0 10px;}
#navigation{	height:37px; width:564px; float:right; margin-right:20px; }
#navigation ul li{float:left;}
#navigation li a{ display:block; background-image:url(../images/nav_sprite.gif); background-repeat:no-repeat; height:37px; text-indent:-2000px; }
a#about_btn{ 			background-position:0px 0px; width:113px; }
a#about_btn:hover{	background-position:0px -37px;}
a#ecard_btn{ 			background-position:-114px 0px; width:110px; }
a#ecard_btn:hover{	background-position:-114px -37px;}
a#market_btn{ 			background-position:-225px 0px; width:109px; }
a#market_btn:hover{	background-position:-225px -37px;}
a#fifi_btn{ 				background-position:-334px 0px; width:112px; }
a#fifi_btn:hover{		background-position:-334px -37px;}
a#fun_btn{ 				background-position:-446px 0px; width:120px; }
a#fun_btn:hover{		background-position:-446px -37px;}

/* ------------------------------------------ */
/* HOME PAGE: featured bar */
/* ------------------------------------------ */
#home_featured{ background:#C8E8E5; height:240px; position:relative; z-index:1; }
/*#home_featured .blurb{ float:left; width:330px; text-align:center; height:240px;}
#home_featured h4{	display:block;   color:#812a90; font-weight:normal; background:#d8c1eb; margin:40px 10px 0;   }
#home_featured h4:first-letter{ font-weight:bold; font-size:20px;}
*/
#home_flash{text-align:center; width:900px; height:240px; }

/* ------------------------------------------ */
/* HOME PAGE: ecard buttons bar */
/* ------------------------------------------ */
#free_bubble{ width:90px; height:70px; background:url(../images/free_bubble.gif); padding:22px 0 0 0; text-align:center; font-size:15px;position:absolute; z-index:4; color:#fff; margin:-42px 0 0 10px; }
#ecard_band{ background:#e0f6a3;  height:31px; }
#ecard_band .page_width{ padding-left:120px; width:830px;}
#ecard_band ul li{ float:left;  border-right:1px solid #812a90; }
#ecard_band .birthday{ border-left:1px solid #812a90; }
#ecard_band ul li a{ 
display:block; height:21px;  color:#812a90; background-image:url(../images/ecard_band_bg.jpg); font-size:15px; text-align:center; text-decoration:none; width:100px; padding:5px 0; }
#ecard_band ul li a:hover{background-position:0px -31px;}


#breadcrumbs{background:#d8c1eb; padding:10px 0 10px 15px; position:relative; }

#content_full { clear:both; background:#fff;  padding:20px 0 0 0; }
#content_home{ clear:both; position:relative; z-index:2;}


/* LEFT SIDEBAR */
.child_list{list-style:none; font-size:14px; margin:0; padding:0;  }
.child_list li{ list-style:none; vertical-align:middle; padding:10px 0px 10px 13px; margin:0 4px 0 2px;}
.child_list li a{ display:block;}


/* LEFT COL SIDEBARS */
.ecards_left{background:url(../images/green/mid_green.gif);}
.ecards_left div{background:url(../images/green/top_green.gif) no-repeat; padding-top:3px;}
.ecards_left span.bottom{display:block; background:url(../images/green/bottom_green.gif) no-repeat; width:170px; height:96px;}
.ecards_left .alternate{ background:#dff892 url(../images/green/alternate.gif) bottom left repeat-x;}
.mk_left{background:url(../images/blue/mid_green.gif);}
.mk_left div{background:url(../images/blue/top_green.gif) no-repeat; padding-top:3px;}
.mk_left span.bottom{display:block; background:url(../images/blue/bottom_green.gif) no-repeat; width:170px; height:96px;}
.mk_left .alternate{ background:#d0f1f4 url(../images/blue/alternate.gif) bottom left repeat-x;}
.mk_left h2,
.ecards_left h2, 
.fifi_title h2,
.ppctv_title h2{background-image:url(../images/titles_sprite.gif); width:90%;  height:30px; text-indent:-2000px; background-repeat: no-repeat; margin-left:10px;}
.mk_left h2{ background-position:0px -130px; }
.ppctv_title h2{background-position:0px -260px;}

.mk_top_product img{ float:left; margin:0 20px 20px 0;}
.mk_top_product h6{ font-size:15px; color:#812a90; margin:10px 0 5px;}
.mk_bottom_products{ border-top:1px solid #999; clear:both; padding:10px 0 0 10px; margin-top:10px;}
img.mk_imgTh{ width:180px;}
img.mk_img{ width:300px;}

.thumbnail_float{ float:left; width:180px; margin:20px 0 10px 20px; text-align:center;}
.thumbnail_float h4, .thumbnail_float p{ color:#252525; margin:5px 0 20px 0;}

#ecardPanel{ float:left; margin:10px 10px 10px 0;}

.leftcol_home{ width:300px; float:left; overflow:hidden; margin-right:25px; padding-bottom:20px;}
.midcol span, .rightcol span{ display:block; height:16px; width:inherit; }

.midcol{width:300px; background:#aedfe4; float:left; overflow:hidden; margin-right:25px;}
.midcol span.bottom{ background:#ffffff url(../images/round_blue2.gif) no-repeat;}

.rightcol{width:300px; background:#f6d0e2; float:left; overflow:hidden; }
.rightcol span.top{ background-position:0 0; background-image:url(../images/round_pink2.gif); background-repeat: no-repeat}
.rightcol span.bottom{ background:#ffffff url(../images/round_pink2.gif) no-repeat; padding-bottom:20px;}

.leftcol_home h5, .midcol h5, .rightcol h5{  font-size:15px; margin:0 0 10px 0px; font-weight:normal; font-family:georgia;}
.leftcol_home h5{color:#693da7}
.midcol h5{color:#254b5f;}
.rightcol h5 {color:#e8529a}

h6.subTitle{ font-size:13px; color:#FFFFFF; font-weight:normal;}
.subTitle{  padding:3px 0 3px 12px; background-image:url(../images/subTitle_stars.gif); background-repeat:no-repeat; height:14px; margin-bottom:10px;}

#featured_box{ width:275px; text-align:center; border:2px solid #e1f5f7; height:190px; margin-left:11px}
	.slideshow{ height:190px; }
	/*
	.slideshow_controls {	height:25px; clear:left; padding-top:10px;}
		.slideshow_pages{ float:left; width:60%;}
			.slideshow_pages a {display: block; float: left;	margin-right: 3px;	width: 15px; height: 15px;	text-align: center;	background-image: url(../images/fp-buttons.gif); 
				font-size: 14px;	vertical-align: middle;}
			.slideshow_pages a:hover{ background-position:0px -15px;}
		.slideshow_nextprev {	width: 40%;	float: right; text-align: right; margin-right:6px;}
			.slideshow_nextprev a{ width:15px; height:15px; float: right;	margin-left: 3px; display:block; }
			.slideshow_nextprev a.button_next {	background-image:url(../images/fp-next.gif)}
			.slideshow_nextprev a.button_prev {	background-image:url(../images/fp-prev.gif)}
			.slideshow_nextprev a.button_next:hover, .slideshow_nextprev a.button_prev:hover {	background-position:0px -15px}
*/
#funstuff_box{ width:300px; background-color:#d8c1eb;}
#funstuff_box span{ display:block; height:16px; width:inherit; }
#funstuff_box span.bottom{ background-image:url(../images/round_purple2.gif)}
#funstuff_box h3{width:300px; height:60px; background:url(../images/fun_coltitle.gif) no-repeat; text-indent:-2000px;}
#funstuff_box .subTitle{ background-color:#693da7; background-position:right -60px;}
#funstuff_box span.funboxtop{ display:block; height:10px; width:280px;background:url(../images/round_purple.gif) no-repeat; margin:10px 10px 0;}
#funstuff_box .funbox_inner{ margin:0 10px; width:259px; padding:5px 10px; background:#f5e4ff;}
#funstuff_box span.funboxbottom{ display:block; height:10px; width:280px;background:url(../images/round_purple.gif) 0 -10px no-repeat; margin:0px 10px 0px; padding:0; }

#funstuff_box .more_link{color:#693da7;}

#mk_box h3{width:300px; height:60px; background:url(../images/mk_coltitle.jpg) no-repeat; text-indent:-2000px; }
#mk_box ul{ margin-left:10px; }
#mk_box ul li{padding:10px 0 0 15px; background:url(../images/bullet_blue.png) no-repeat  0 12px; }
#mk_box .subTitle{ background-color:#3b6880; background-position:right 0;}
#mk_box span.mkboxtop{ display:block; height:10px; width:280px;background:url(../images/round_blue.gif) no-repeat; margin:10px 10px 0;}
#mk_box span.mkboxbottom{ display:block; height:10px; width:280px;background:url(../images/round_blue.gif) 0 -10px no-repeat; margin:0px 10px 10px}
#mk_box .mkbox_inner{ margin:0 10px; width:259px; padding:0 10px; background:#d9f6f9;}


#fifi_box h3{ width:300px; height:60px; background:url(../images/fifi_coltitle.gif) no-repeat; text-indent:-2000px;}
#fifi_box .subTitle{ background-color:#e8529a; background-position:right -20px; }
#fifi_box  span.boxblogtop{ display:block; height:10px; width:280px;background:url(../images/round_pink.gif) no-repeat; margin:10px 10px 0;}
#fifi_box span.boxblogbottom{ display:block; height:10px; width:280px;background:url(../images/round_pink.gif) 0 -10px no-repeat; margin:0px 10px 10px}
#fifi_box .fifi_box_inner{ margin:0 10px; width:259px; padding:5px 10px 10px; background:#ffe4ed;}
#fifi_box .fifi_box_inner .boxblogtitle{ font-size:15px; margin:0; padding:0;}
#fifi_box .fifi_box_inner .boxblogdate{ font-size:11px; margin:0 0 10px 0;}
#fifi_box .more_link{color:#e8529a;}

#about_page{padding-bottom:20px; background:url(../images/about_pets.jpg) top right no-repeat;}
#about_page #about_poem{display:block; width:760px; height:365px; background:url(../images/about_poem.jpg); text-indent:-2000px; }
.left_column{width:340px; float:left; margin:10px 30px 20px 20px;}
.right_column{ width:340px; margin:10px 0 20px 0; float:left;}

#loginreg_form{ padding-bottom:20px;}
#loginreg_form h3{ margin-bottom:10px;}
#loginreg_form td{ padding:5px 5px 5px 0;} 
/* FOOTER */
#footer_full {background:#e0f6a3; position:relative; }
#footer{padding-top:20px; height:60px;}
#footer_left{ float:left; width:50%;}
#footer ul{margin:0 0 10px; padding:0;}
#footer ul li{ float:left; padding:0 10px; border-right:1px solid #999; margin-bottom:10px;}
#footer a.rights_logo{background:url(../images/rights_logo.gif) no-repeat; width:104px; height:66px; text-indent:-2000px; clear:left; display:block;}
#footer_right{ float:right; width:50%; }
#footer_right p{ text-align:right; margin:0; padding:0;}
#footer div.flags{ margin-top:10px; padding:0; }
#footer div.flags p{ display:block; width:40px; height:20px; background:url(../images/flags.gif); margin:0 5px; text-indent:-2000px; overflow:hidden; float:right; text-align:left;}
#footer div.flags p.flag_oz{ background-position:0px -20px; }
#footer div.flags p.flag_us{ background-position:0px -40px; }


/* END STRUCTURE */


.clear{ clear:both;}
.round_btn{display:block; background:url(../images/ecard_btns.gif) no-repeat; width:150px; height:24px; text-align:center; padding-top:6px; float:left; color:#ffffff; margin-left:50px; }
.round_btn:hover{ background-position:0 -30px; text-decoration:none; color:#FFFFFF;}
.pink-text{color:#ea2b6e;}
.yellowbg{ background-color:#f4f3a5}
.float-right{float:right;margin:0 0 15px 15px;}
.float-left{ float:left; margin:0 15px 15px 0;}
.clear-right{clear:right;}
.more_link{ display:block; text-align:right; margin:10px;  clear:both;}