﻿* 
{
    margin:0px;
    padding:0px;
}
html
{
    
    
    padding:0px;
	margin:0px;
	text-align:center;
	height:100%;
	background:#CFCFCF;
    
}
body 
{
    margin:0px;
    padding:0px;
    background:#301E15 url('../_img/background.jpg') repeat-x 0px 0px;
}


img 
{
	border:0px none;
}

p 
{
	margin:0px;
	padding:0px;
}

ul 
{
	margin:0px;
	padding:0px;
}

ul li 
{
	margin:0px;
	padding:0px;
	list-style:none;
}

table, tr, td {
    border: 0px;
    border-collapse: collapse;
    vertical-align: top;
}

/* Clases */

.clearall, .clearleft, .clearright
{
	line-height: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
}

.clearall 
{
	clear: both;
}

.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

.divider 
{
	line-height: 0px;
	height: 0px;
	border-top:1px solid #ccc;
	margin: 5px 0px;
}

.img_border 
{
	border: 1px solid #ccc;
	padding: 2px;
}

div.crumb 
{
	margin:10px 0px 0px 0px;
	color:#999;
}


.fleft 
{
	float:left;
}

.fright
{
	float:right;
}

.show 
{
    display:block;
}

.hide 
{
    display:none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

span.more 
{
	
	background:transparent url("../_img/icon_more.gif") no-repeat 0px 2px;
	padding:0px 0px 0px 15px;
	margin:0px;
	height:13px;
	display:inline;
	color:#7585a6;

}

span.more a,span.more a:visited  
{
	position:relative;
	top:1px;
	color:#d03d46;
}

span.more a:hover
{
	padding:2px 0px 0px 0px;
	margin:0px 0px 2px 0px;
}

.errorstar 
{
	color:#f00;
}

p.note 
{
	color:#999;
	font:normal .95em Arial,verdana, tahoma;
	padding:0px 0px 10px 0px;
}




div#header, div#wrapper 
{
    width:100%;
    padding:0px;
    margin:0px;
    text-align:center;
}

div#header 
{

}

div#header div#header-content 
{
    width:855px;
    padding:0px;
    margin:0px auto;
    text-align:left;
} 

div#wrapper  div#container 
{
    width:855px;
    padding:0px;
    margin:0px auto;
    text-align:left;
}

div#header-content 
{
    background:transparent url("../_img/banner.gif") no-repeat 0px 0px;
	padding:0px;
	margin:0px;
	width:100%;
	height:87px;
}

div#header div#nav 
{
    background:transparent url("../_img/background_nav.jpg") repeat-x 0px 0px;
	margin:0px;
	width:855px;
    padding:0px;
    margin:0px auto;
    text-align:left;
	height:36px;
}

div#bottom-nav 
{
    background:transparent url("../_img/background_bottom_nav.jpg") repeat-x 0px 0px;
	padding:0px;
	margin:0px;
	width:100%;
	height:74px;
	text-align:center;
}

div#bottom-nav-content
{
    background:transparent url("../_img/background_bottom_nav.jpg") repeat-x 0px 0px;
	padding:0px;
	margin:0px auto;
	width:855px;
	height:74px;
}

a#nav_personalizedcards
{
    background:transparent url(../_img/btn_personalizedcards_off.gif) no-repeat 0px 0px;
    width:125px;
    height:74px;
    display:block;
    float:left;
    margin-left:39px;
}



a#nav_greetingcards
{
    background:transparent url(../_img/btn_greetingcards_off.gif) no-repeat 0px 0px;
    width:97px;
    height:74px;
    display:block;
    float:left;
    margin-left:59px;
}

a#nav_invitations
{
    background:transparent url(../_img/btn_invitations_off.gif) no-repeat 0px 0px;
    width:66px;
    height:74px;
    display:block;
    float:left;
    margin-left:58px;
}

a#nav_moreideas
{
    background:transparent url(../_img/btn_greatideas_off.gif) no-repeat 0px 0px;
    width:107px;
    height:74px;
    display:block;
    float:left;
    margin-left:58px;
}

a#nav_personalizedcards.active
{
    background:transparent url(../_img/btn_personalizedcards.gif) no-repeat 0px 0px;
}

a#nav_greetingcards.active
{
    background:transparent url(../_img/btn_greetingcards.gif) no-repeat 0px 0px;
}

a#nav_invitations.active
{
    background:transparent url(../_img/btn_invitations.gif) no-repeat 0px 0px;
}

a#nav_moreideas.active
{
    background:transparent url(../_img/btn_greatideas.gif) no-repeat 0px 0px;
}

div#footer
{
    background:#fff url("../_img/background_footer.jpg") repeat-x 0px 0px;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}

div#footer-content
{
    background:#fff url("../_img/background_footer_content.jpg") repeat-x 0px 0px;
	padding:0px;
	margin:0px auto;
	width:855px;
	display:block;
	height:40px;
	line-height:40px;
	
}

div#footer-content p.fleft
{
    padding:0px 0px 0px 41px;
}

div#footer-content p.fright
{
    padding:0px 41px 0px 0px;
    
}

div#footer-content p a,
div#footer-content p span 
{
    font:normal 8pt arial,tahoma,verdana;
    color:#aaa;
    text-decoration:none;
}

div#footer-content p a:hover 
{
    border-bottom:dotted 1px #ddd;
}

div#footer-content p a
{
    margin-right:10px;
}

div#footer-content p span
{
    height:40px;
    line-height:40px;
    display:block;
}



div#content 
{
    clear:both;
    padding:0px 31px 0px 31px;
    font:normal 9pt arial,tahoma,verdana;
    color:#B3ACA9;
}

div#content h1 
{
    font:normal 18pt arial,tahoma,verdana;
    color:#B3ACA9;
    border-bottom:solid 1px #403027;
    padding-bottom:10px;
    margin-bottom:20px;
    letter-spacing:-1px;
}


ul#navigation 
{
    margin:0px;
    padding:0px 31px 0px 31px;
    list-style:none;
}

ul#navigation li
{
    margin:0px;
    padding:0px 20px 0px 20px;
    list-style:none;
    float:left;
    
    color:#C50851;
    line-height:36px;
    height:36px;
}

ul#navigation li.active
{
    line-height:36px;
    height:36px;
    border-bottom:solid 2px #C50851;
    background:#edeeef;
}

ul#navigation li a
{
    color:#C50851;
    text-decoration:none;
    font:normal 9pt arial,tahoma,verdana;
}
ul#navigation li a:hover
{
    border-bottom:dotted 1px #F0C0D3;
}

span#browsecards 
{
    background:transparent url(../_img/btn_browsecards.gif) no-repeat 0px 0px;
    width:92px;
    height:86px;
    position:relative;
    right:105px;
}

span#browsecards_small 
{
    background:transparent url(../_img/btn_browsecards_small.gif) no-repeat 0px 0px;
    width:57px;
    height:46px;
    position:relative;
    display:inline-block;
}
span.announcement 
{
    font:normal 8pt tahoma,verdana;
    letter-spacing:1px;
    position:relative;
    top:25px;
    color:#fff;
}

span.announcement a
{
    color:#f1c2d5;
    border-bottom:dotted 1px #fff;padding:0px 0px 3px 0px;text-decoration:none;
}

a.link 
{
    color:#f1c2d5;
    border-bottom:dotted 1px #fff;padding:0px 0px 3px 0px;text-decoration:none;
}

div#thankyou 
{
    margin:30px 0px;
}
/************************
GALLERY
************************/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em;color:#e8c2ca;}
* html .galleria li div span{width:400px} /* MSIE bug */


/* BEGIN DEMO STYLE */
	.caption{font:normal 8pt tahoma,arial,verdana;text-align:center;width:543px;display:block;color:#e8c2ca;}
	.demo{position:relative;margin-top:20px;}
	.gallery_demo{width:543px;margin:0 auto;}
	.gallery_demo li{width:60px;height:45px;border:solid 3px #1c100c;margin: 0px 2px 3px 2px;background:#000;}
	.gallery_demo li div{}
	.gallery_demo li.active{border-style:solid;border-color:#d74060;}
	.gallery_demo li div .caption{font:normal 8pt tahoma,arial,verdana;letter-spacing:3px;color:#fff;}
	
	#main_image{margin:0 auto 50px auto;height:375px;width:543px;background:#000;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;text-transform:uppercase;}
	
	.info{
	    text-align:left;width:500px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;
	}
	.info p{margin-top:1.6em;}
p.nav 
{
    border-top:dotted 1px #ce4072;
    padding:10px 0px;
    margin:20px 0px 0px 0px;
    width:543px;
    float:right;
}
p.nav a
{
    color:#fff;
    text-decoration:none;
}

span.selectone 
{
    padding-top:8px;padding-bottom:15px;clear:both;font:80% 'helvetica neue',sans-serif;text-transform:uppercase;text-align:center;
    display:block;
}
