@import url(base.css);
@import url(baseex.css);
@import url(grid.css);
@import url(ui.css);


@media screen, projection {


/* Page
------------------------------------------------------ */
#page 					{
							width:960px; 
							margin:0 auto;
						}
a img 					{ border:none;}

.content-main-wrap 		{ margin-top:0;}


/* Separators */
.sep 					{ margin:0 1px;}

.hr hr					{ display:none;}
.hr 					{ margin:2em 0; }


/* utility classes */
.noborder 				{ border:none;}
img.right 				{ float:right; margin:20px 0px 20px 20px;}
img.left 				{ float:left; margin:20px 20px 20px 20px;}
.hide					{ display:none;}

/* Media */
.media 					{
							position:relative;
							overflow:hidden;
						}
.media img 				{ 	display:block; }
.media a:hover 			{ 	cursor:pointer}
.media .annotation		{
							position:absolute;
							top:0; left:70px;
							padding:30px;
							margin:0;
							color:#fff;
							width:200px;
							height:100%;
							font-size:12px;
							background:transparent url(img/annotation-bg-black.png);
						}
.media .annotation a	{ color:#fff; }
.media .annotation p	{ margin:0; }
.media .annotation.docked-left { left:0; width:250px;}
.media .annotation.docked-right { right:0; left:auto; width:250px;}
.media .annotation.white		{
							color:#666;
							background:transparent url(img/annotation-bg-white.png);
						}

.media.flash-alt		{ display: none; }





/*
Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) 
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) and (max-device-width: 1024px) {
	.media.flash		{ display: none; }
	.media.flash-alt	{ display: block; }
}

/* Navigation
------------------------------------------------------ */
ul.nav, ol.nav, .nav ul, .nav ol{ margin:0; padding:0;}
ul.nav li, ol.nav li, .nav ul li, .nav ol li{ margin:0; padding:0; list-style:none;}

.navigation { position:relative;}
.navigation .current, 
ul.nav .current { color:#e6007e;}


/* Content
------------------------------------------------------ */
/* textcontent */
.textcontent-wrap		{ background:transparent url('img/cboxl.png') no-repeat left top; margin:-66px 10px 10px 10px;}
.textcontent-wrap .textcontent { background:transparent url('img/cboxr.png') no-repeat right top; margin:0 0 0 15px; padding:30px 30px 30px 15px; min-height:300px;}




/* Sidebar
------------------------------------------------------ */
.banner p { text-align:center; line-height:1.5em;}

/* boxes */
.box { word-wrap:break-word; }
.bTitle 						{ 
									font-size:14px; 
									padding:2px 6px; 
									margin-top:10px; 
									margin-bottom:10px;
								}


/* infobox */
.infobox 				{ 
							border-top:4px solid #C81419; 
							background:#fff url('img/box-bg.png') repeat-x left bottom; 
							padding:30px;
							*zoom:1;
						}

.infobox .headline 		{ 
							text-transform:uppercase;
							line-height:20px;
						}

.infobox p 				{ 
							line-height:1.5em; 
							margin:10px 0;
						}
.infobox a 				{	color:#C81419; }

.infobox .link-list 	{ 
							margin:10px -20px; 
							padding:0;
						}
.infobox .link-list li 	{ 
							margin:0; 
							padding:5px 20px; 
							list-style:none; 
						}
.infobox .link-list li a { color:#666;}
.infobox .link-list .headline { 
							font-family:Verdana, Geneva, sans-serif; 
							text-transform:none; 
							font-size:13px; 
							color:#333; 
							margin-bottom:8px;
						}
.infobox .link-list .media { margin:0 -20px 10px;}
.infobox img { margin:0 -20px 10px;}


/* Header
------------------------------------------------------ */
#header 						{
									margin:0 auto; 
									padding:0;
									height:115px;
									width:960px; 
									position:relative;
									z-index:100;
								}
#header .logo 					{ 
									display:block;
									margin-top:20px;
									width:290px;
								}
#header-content					{
									width:960px;
									margin:0 auto;	
								}

#topsection { clear:both;}
#topsection .background { height:130px; background:#f9f9f9 url('img/bg.png') repeat-x; border-bottom:0px solid #F0924C;} /*KK*/
.main-navigation { 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F3EC), to(#E8E1D3)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #F6F3EC, #E8E1D3); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #F6F3EC, #E8E1D3); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #F6F3EC, #E8E1D3); /* IE10 */
  background-image:      -o-linear-gradient(top, #F6F3EC, #E8E1D3); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #F6F3EC, #E8E1D3);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF6F3EC, endColorstr=#FFE8E1D3);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF6F3EC, endColorstr=#FFE8E1D3)";
  *zoom:1; border-top:1px solid #E1D9C6;}
.main-navigation:after 					{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.main-navigation .nInner { width:960px; margin:0 auto; *zoom:1;}
.main-navigation .nInner:after 					{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.main-navigation .nav { float:right; background:transparent url('img/nav-sep.png') no-repeat;}
.main-navigation li		{  float:left; background:transparent url('img/nav-sep.png') no-repeat right top; }
.main-navigation li a 	{ font-size:12px; color:#666; text-transform:uppercase; padding:15px; display:block;}
.main-navigation li a:hover { color:#333;}
.main-navigation li a.current 	{ color:#000; font-weight:bold;}

/*submenu*/
.submenu .list { margin-bottom: 40px;}
.submenu a { display: block; border-bottom:1px solid #eee; padding:10px;}
.submenu a.current { font-weight:bold;}
.submenu a:hover { background-color: #f1f1f1; color:#999;}

.submenu a.icon { background:transparent url('img/nav-sprite.png') no-repeat; padding-left:25px;}
.submenu a.person { background-position:0 9px;}
.submenu a.contact { background-position:0 -34px;}
.submenu a.mail { background-position:0 -77px;}

								
/* global bar */
.global-bar						{ *zoom:1; padding-top:0px; padding-bottom:17px; float:right; line-height:20px; margin:0; min-height:20px;}
.global-bar	.nav li				{ float:left; font-size:12px;}
.global-bar	.nav a				{ display:block; padding:0 8px 0 15px; margin-top:58px; color:#999;}
.global-bar .nav a.current 	{  color:#F0924C;}
.global-bar .nav a:hover { color:#333;}
.global-bar:after 				{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.global-bar	.nav a.buy { background:transparent url('img/buy-em.png') no-repeat; width:226px; height:85px; margin-top:10px; margin-left:20px;}
.global-bar	.nav a.buy span { display:none}

/* Footer
------------------------------------------------------ */
#footer 						{	background:#E4E0D9 url('img/footer-rep.png') repeat-x; font-size:11px; color:#666; margin-top:40px;}

#footer #footer-content 		{ 
									margin:0 auto;
									width:960px;
									font-size:11px;
									line-height:25px;
								}
#footer #footer-content a { color:#444;}
#footer #footer-content a:hover { text-decoration:underline;}


/* Teasers
------------------------------------------------------ */
.teaser 						{  word-wrap:break-word;}
.teaser:after 					{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.teaser .headline 				{ margin:10px 0 20px; font-weight:400; font-style:normal;}
.teaser .shortdec 				{ margin:10px 0; line-height:16px;}
.teaser .date 					{ color:#888;}
.teaser .bInner 				{ padding:0 20px;}
.teaser .bInner p 				{ line-height:15px;}
.teaser .read-more				{ display:inline-block; _display:block; margin:15px 0;}
.teaser .media 					{ border-bottom:4px solid #000;}

/* Buttons
------------------------------------------------------ */
.arrow-link-btn { background:transparent url('img/arrow-green.png') no-repeat; padding:6px 0 6px 35px; line-height:28px; font-size:14px;}
.arrow-link-btn.next { background:transparent url('img/arrow-orange.png') no-repeat right top; float:right; padding:0 35px 0 0;}
.arrow-link-btn.next.facebook { background:transparent url('img/arrow-orange-facebook.png') no-repeat right top; float:right; padding:0 120px 0 0;}
.arrow-link-btn.back { background:transparent url('img/arrow-orange-left.png') no-repeat; float:left; padding:0 0 0 35px;}


/* Lists
------------------------------------------------------ */
.list 							{ margin:0; padding:0; word-wrap:break-word;}
.list li 						{ margin:0; padding:0; list-style:none;}						
.list li a 						{ 
									display:block;
									color:#333; 
								}
.list .date 					{ text-transform:uppercase;}

/* dotted list */
.dotted-list li { border-bottom:1px dotted #ccc;}
/* dashed list */
.dashed-list li { border-bottom:1px dashed #ccc;}

.image-list { width:100%; display: block; *zoom:1; margin:3em 0;}
.image-list:after   { content:"."; clear:both; display:block; height:0; visibility:hidden;}
.image-list a { background:transparent url('img/arrow-orange.png') no-repeat right 50%; margin-right:20px; padding-left:10px; padding-right:40px; min-height:68px; display:block; line-height:1.5em; color:#666;}
.image-list a:hover { background-color: #f5f5f5; color: #333;}
.image-list li { float: left; width:48%; margin-left:20px; padding-bottom:20px; font-size:11px;}
.image-list li.nthFix { border-right:1px solid #e5e5e5; margin-left:0; clear:left;}
.image-list li:nth-child(odd) { border-right:1px solid #e5e5e5; margin-left:0; clear:left;}
.image-list img { vertical-align: top; margin-right:10px; margin-left:-10px; float: left;}
.image-list .has-image a { padding-left:85px;}
.image-list .has-image img { margin-left:-85px;}


/* search
------------------------------------------------------ */

/* search bar*/
.search-bar 					{}
.search-bar .sInner 			{}

/* Global Search */

/* fancybox
------------------------------------------------------ */
#fancybox-loading 				{
									position: fixed;
									top: 50%; left: 50%;
									height: 40px; width: 40px;
									margin-top: -20px; margin-left: -20px;
									cursor: pointer;
									overflow: hidden;
									z-index: 1104;
									display: none;
								}
* html #fancybox-loading 		{	position: absolute; margin-top: 0;  }

#fancybox-loading div 			{
									position: absolute;
									top: 0; left: 0;
									width: 40px; height: 480px;
									background-image: url('img/fancybox/fancybox.png');
								}
#fancybox-overlay 				{
									position: fixed;
									top: 0; left: 0; bottom: 0; right: 0;
									background: #000;
									z-index: 1100;
									display: none;
								}
* html #fancybox-overlay 		{	position: absolute; width: 100%; }

#fancybox-tmp 					{
									padding: 0; margin: 0;
									border: 0;
									overflow: auto;
									display: none;
								}

#fancybox-wrap 					{
									position: absolute;
									top: 0; left: 0;
									margin: 0;
									padding: 20px;
									z-index: 1101;
									display: none;
								}
#fancybox-outer 				{
									position: relative;
									width: 100%; height: 100%;
									background: #fff;
								}
#fancybox-inner 				{
									position: absolute;
									top: 0; left: 0;
									width: 1px; height: 1px;
									padding: 0; margin: 0;
									outline: none;
									overflow: hidden;
								}
#fancybox-hide-sel-frame 		{
									position: absolute;
									top: 0; left: 0;
									width: 100%; height: 100%;
									background: transparent;
								}
#fancybox-close 				{
									position: absolute;
									top: -12px; right: -12px;
									width: 28px; height: 28px;
									background:transparent url('img/ico-close.png') no-repeat;
									cursor: pointer;
									z-index: 1103;
									display: none;
								}
#fancybox_error 				{
									color: #444;
									font: normal 12px/20px Arial;
									padding: 7px;
									margin: 0;
								}
#fancybox-content 				{
									height: auto; width: auto;
									padding: 0; margin: 0;
								}
#fancybox-img 					{
									width: 100%; height: 100%;
									padding: 0; margin: 0;
									border: none;
									outline: none;
									line-height: 0;
									vertical-align: top;
									-ms-interpolation-mode: bicubic;
								}
#fancybox-frame 				{
									position: relative;
									width: 100%; height: 100%;
									border: none; 
									display: block;
								}
#fancybox-title 				{
									position: absolute;
									bottom: -25px; left: 0;
									font-family: Arial; font-size: 12px;
									z-index: 1102;
								}
.fancybox-title-inside 			{
									padding: 5px 0;
									text-align: center;
									color: #fff;
									background:transparent;
									background: rgba(0, 0, 0, .90);
									filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#BB000000,endColorStr=#BB000000);
									-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#BB000000,endColorStr=#BB000000);
									zoom: 1;

								}
.fancybox-title-outside 		{
									padding-top: 5px;
									color: #fff;
									text-align: center;
								}
.fancybox-title-over 			{
									color: #fff;
									text-align: left;
								}
#fancybox-title-over 			{
									padding: 10px;
									background-image: url('img/fancybox/fancy_title_over.png');
									display: block;
								}
#fancybox-title-wrap 			{	display: inline-block; }
#fancybox-title-wrap span 		{ 	height: 32px; float: left; }
#fancybox-title-left 			{
									padding-left: 15px;
									background-image: url('img/fancybox/fancybox.png');
									background-position: -40px -90px;
									background-repeat: no-repeat;
								}
#fancybox-title-main 			{
									line-height: 29px;
									background-image: url('img/fancybox/fancybox-x.png');
									background-position: 0 -40px;
									color: #fff;
								}
#fancybox-title-right 			{
									padding-left: 15px;
									background-image: url('img/fancybox/fancybox.png');
									background-position: -55px -90px;
									background-repeat: no-repeat;
								}
#fancybox-left, #fancybox-right {
									position: absolute;
									bottom: 0;
									height: 100%; width: 35%;
									cursor: pointer;
									outline: none;
									background-image: url('img/fancybox/blank.gif');
									z-index: 1102;
									display: none;
								}
#fancybox-left 					{ 	left: 0; }
#fancybox-right 				{	right: 0; }

#fancybox-left-ico, 
#fancybox-right-ico 			{
									position: absolute;
									top: 50%; left: -9999px;
									width: 30px; height: 30px;
									margin-top: -15px;
									cursor: pointer;
									z-index: 1102;
									display: block;
								}
#fancybox-left-ico 				{
									background: url('img/arrow_white.gif') no-repeat ;
									background-position: 10px 50%;
								}
#fancybox-right-ico 			{
									background: url('img/arrow_white.gif') no-repeat ;
									background-position: -10px 50%;
								}
#fancybox-left:hover, 
#fancybox-right:hover 			{ visibility: visible;    /* IE6 */  }

#fancybox-left:hover span 		{	left: 20px; }
#fancybox-right:hover span 		{	left: auto; right: 20px; }
.fancy-bg 						{
									position: absolute;
									padding: 0; margin: 0;
									width: 20px; height: 20px;
									border: 0;									
									z-index: 1001;
								}
#fancy-bg-n 					{
									top: -20px; left: 0;
									width: 100%;
									background-image: url('img/fancybox/fancybox-x.png');
								}
#fancy-bg-ne 					{
									top: -20px; right: -20px;
									background-image: url('img/fancybox/fancybox.png');
									background-position: -40px -162px;
								}
#fancy-bg-e 					{
									top: 0; right: -20px;
									height: 100%;
									background-image: url('img/fancybox/fancybox-y.png');
									background-position: -20px 0;
								}
#fancy-bg-se 					{
									bottom: -20px; right: -20px;
									background-image: url('img/fancybox/fancybox.png');
									background-position: -40px -182px; 
								}
#fancy-bg-s 					{
									bottom: -20px; left: 0;
									width: 100%;
									background-image: url('img/fancybox/fancybox-x.png');
									background-position: 0 -20px;
								}
#fancy-bg-sw 					{
									bottom: -20px; left: -20px;
									background-image: url('img/fancybox/fancybox.png');
									background-position: -40px -142px;
								}
#fancy-bg-w 					{
									top: 0; left: -20px;
									height: 100%;
									background-image: url('img/fancybox/fancybox-y.png');
								}
#fancy-bg-nw 					{
									top: -20px; left: -20px;
									background-image: url('img/fancybox/fancybox.png');
									background-position: -40px -122px;
								}


/* carousel
------------------------------------------------------ */
#searchbar { background:#5FCAE4 url('img/trep.png') repeat-x left bottom; margin:0 0 20px 0; }
#searchbar .col { margin:0 auto; float:none;}

.scrollable .panel-nav 			{	display:none;}
.has-paging .panel-nav 			{	display:block;}
.scrollable .prev, 
.scrollable .next 				{	display:none;}
.has-prevnext .prev, 
.has-prevnext .next 			{	display:block;}
.scrollable .panel-nav .disabled	{ display:none}


.scrollable-horizontal			{ position:relative; overflow:hidden; height:330px; margin:0; }
.scrollable-horizontal .panels 			{ width:20000em; position:absolute; top: 0; left: 0;clear:both; margin:0;padding:0;}
.scrollable-horizontal .panel 				{margin:0; padding:0;  float:left; display:block; width:auto; position:relative; overflow:hidden; width:960px;}
.scrollable-horizontal .panel 	a			{ 	cursor:pointer;}
.scrollable-horizontal .panel 	a:hover		{ 	*text-decoration:none;}
.scrollable-horizontal .panel 	a img			{ 	display:block;}

.scrollable-horizontal .panel-nav .next	{ background:transparent url('img/scrollable-next-btn.png') no-repeat; border:none; width:16px; height:31px; cursor:pointer; position:absolute; top:-2px; right:0; }
.scrollable-horizontal .panel-nav .prev	{ background:transparent url('img/scrollable-prev-btn.png') no-repeat; border:none; width:16px; height:31px; cursor:pointer; position:absolute; top:-2px; left:-22px; }
.scrollable-horizontal .panel-nav 			{ position:absolute; bottom:30px; right:30px; padding:8px 25px 8px 5px; z-index:99;}
.scrollable-horizontal .panel-nav a 		{padding:2px 10px; margin:0 5px; background:transparent url('img/scrollable-panel.png') no-repeat; cursor:pointer;}
.scrollable-horizontal .panel-nav a:hover,
.scrollable-horizontal .panel-nav a.current { background-position:0 -20px; }
.scrollable-horizontal .panel-nav a:active 	{ }

.steps { border-top:1px dashed #E5E5E5; margin:4em 0; *zoom:1;}
.steps:after 				{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.steps .step { float: left; background:transparent url('img/step-sprite.png') no-repeat 1px 0; margin:-15px 64px 0 64px; width:32px; height:32px; text-align:center;}
.steps .step.current { background-position:1px -34px; margin-top:-16px;}
.steps .step a { padding:4px 0;}
.steps .step.current a { padding:0; line-height:32px;}

.formbox .bBody { padding:10px 20px 10px 70px; *zoom:1;}
.formbox .bBodySpace { padding:10px 20px 10px 127px; *zoom:1;}
.formbox .bBody:after 				{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.formbox img.left { margin-top:0;}
.cardview .highlight { position: relative;}
.cardview .highlight span { display:none; position: absolute; border:2px solid #e80000; height:10px; display: none; background:rgba(255,255,255,.5);}
.cardview .highlight.on span { display:block;}
/*
.cardview #highlight-1 span { top:-22px; left:6px; width:85px;}
.cardview #highlight-2 span { top:-10px; left:35px; width:40px;}
.cardview #highlight-3 span { top:-32px; left:80px; width:15px;}
 */
/* error page
------------------------------------------------------ */
.error-type-container { margin:0; width:100%; height:325px; line-height:325px; text-align:center;}
.error-type { font-size:140px; color:#666; opacity:0.2; text-shadow:0 2px #333; }


.card-splash { width:640px; height:500px; position:relative; display:block; background:no-repeat 0 0; margin:0 auto;}
.card-splash img { position:absolute; bottom:50px; left:50%; margin-left:-115px;}

.card-list { margin:0 0 60px 0; *zoom:1;}
.card-list:after 				{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.card-list li { float:left; margin:0 20px; }
.card-list img { margin-top:15px;}
.card-list a { display:block; border:1px solid #ccc; position:relative; width:115px; height:115px; text-align:center; }
.card-list a:hover { border-color:#E68D18;}
.card-list span.arrow { background:transparent url('img/arrow-orange.png') no-repeat; display:block; width:28px; height:28px; position:absolute; bottom:-14px; left:50%; margin-left:-14px;}
.btn-custom-file { margin-top:60px; text-align:center;}

.loading { text-align:center; margin-top:60px;}
.loading img { margin-bottom:20px; }

.card { border:1px solid #003977; height:374px; width:520px; padding:10px; margin:0 auto;} 
.card .col { height:374px;}
.card .c1 { width:398px; border-right:1px solid #ccc;} 
.card .c2 { width:120px; text-align:center; word-wrap: break-word;}
.card-labels { text-align:left; padding:10px; margin-top:100px;}
#theCard,
.nicEdit-main { width:390px; height:340px; overflow:auto!important;}
.nicEdit-main p,
.nicEdit-main * { margin:0; line-height:1em;}

.card-content { width:398px; height:374px; overflow:auto; text-align:left;}
.card-content p,
.card-content * { margin:0; line-height:1em;}


.card-view  { text-align:center;}
.card-view .size2 { width:120px;}
.card-view .size8 { width:720px; position:relative;}
.card-view img {  margin:0px auto 0 auto; }

.card-view .showtime { background:#F0924C; width:0px; height:10px; position:absolute; top:-53px; left:18px;}
#lightbox-cardpreview .showtime { position: static; top:0;}
#lightbox-cardpreview { margin:10px; width:540px;}
#lightbox-cardpreview .card {cursor:pointer}
#card-front img { display:block; margin:0 auto;}
#card-front { text-align:center;}


.card-preview { text-align:center; margin:30px 0;}
.card-preview .btn { margin:0 auto; font-size:1.4em;}

.card-tools { float:right; margin-right:40px;}
.card-tools li { margin-bottom:10px; }
.card-tools a { display: block; background:transparent url('img/ico-flip.png') no-repeat; line-height:35px; padding-left:40px; font-size:14px;}
.card-tools a:hover { color:#999;}
.card-tools .zoom { background-image:url('img/ico-zoom.png');}

body.lightbox-cards-generated #topsection,
body.lightbox-cards-generated .card-view .size2 { display:none;}
body.lightbox-cards-generated #page { width:540px;}
body.lightbox-cards-generated .card-view .size8 { width:auto; float:none;}
body.lightbox-cards-generated .textcontent-wrap,
body.lightbox-cards-generated .textcontent { background:none; margin:0; padding:0;}
body.lightbox-cards-generated .card-view .showtime { top:0; left:0; position:static; padding:0;}
body.lightbox-cards-generated .card-view img { display:block; margin:0;}
.card-view .card {cursor:pointer}

.postbox li { line-height:1.3em; border-top:1px dashed #ccc; padding:10px; *zoom:1;}
.postbox li:after 				{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.postbox li:hover { background:#f5f5f5;}
.postbox .lightbox-iframe { float:left; margin-right:30px;}
.postbox .lightbox-iframe:first-child { margin-right: 10px;}
.postbox .btn-copy { background:transparent url('img/ico-copy.png') no-repeat; float:right; padding-left:24px; height:18px; }
.postbox .btn-copy:hover { color:#999;}


.listnav { border: 1px solid #ccc; border-width:1px 0; margin: 15px 0; padding:5px 0; *zoom:1; }
.listnav:after 					{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.listnav .ln-letters { white-space: nowrap; }
.listnav a:hover, .listnav a.ln-selected { color: #333; }
.listnav a.ln-disabled { color: #ddd; }
.listnav a { display: block; float: left; font-size: 12px; padding: 1px 7px; text-decoration: none; color:#999; }
.listnav .ln-letterCount { background:#ccc; color: #666666; font-size: 1em; line-height: 1; margin-top: -38px; padding:2px 0; position: absolute; text-align: center; }
.listnav .ln-last { padding-right:0; } 

#address-list li { line-height:1.2em; border-bottom:1px dashed #ccc; padding:10px 10px 10px 40px;}
#address-list li:hover { background-color:#f5f5f5;}
#address-list .btn-address-edit { display:block; width:16px; height:16px; background:transparent url('img/icon-pen.gif') no-repeat; overflow:hidden; text-indent:100%; float:left; margin-left:-30px;}

.btn-add { background:transparent url('img/ico-add.png') no-repeat; line-height:28px; font-size:1.4em; display:block; padding-left:32px;}
.address-tools:after 					{ content:"."; clear:both; display:block; height:0; visibility:hidden;}
.address-tools .btn-add { float:left;}
.address-tools .fu { float:right; clear:none; margin-right:0;}
.address-tools .fu input[type="text"] { border:1px solid #ccc; background:transparent url('img/ico-loupe.png') no-repeat 4px 6px; padding:4px 4px 4px 20px}

.card-status { float:right;}
.card-status span { display:block; font-size:11px; padding-left:20px; line-height:16px; margin-bottom:2px; cursor:help; }
.card-status .sent { background:transparent url('img/email.png') no-repeat;}
.card-status .open { background:transparent url('img/email_open_image.png') no-repeat;}


/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list { overflow: hidden;  height: auto !important;  height: 1%;  width: 400px; border: 1px solid #999; cursor: text; font-size: 12px; font-family: Verdana; z-index: 999; margin: 0; padding: 0; background-color: #fff; list-style-type: none; clear: left; }
ul.token-input-list li { list-style-type: none; }
ul.token-input-list li input { border: 0; width: 350px; padding: 3px 8px; background-color: white; -webkit-appearance: caret; }
li.token-input-token { overflow: hidden;  height: auto !important;  height: 1%;  margin: 3px; padding: 3px 5px; background-color: #d0efa0; color: #000; font-weight: bold; cursor: default; display: block; }
li.token-input-token p { float: left; padding: 0; margin: 0; }
li.token-input-token span { float: right; color: #777; cursor: pointer; }
li.token-input-selected-token { background-color: #08844e; color: #fff; }
li.token-input-selected-token span { color: #bbb; }
div.token-input-dropdown { position: absolute; width: 400px; background-color: #fff; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; font-size: 12px; font-family: Verdana; z-index: 1; }
div.token-input-dropdown p { margin: 0; padding: 5px; font-weight: bold; color: #777; }
div.token-input-dropdown ul { margin: 0; padding: 0; }
div.token-input-dropdown ul li { background-color: #fff; padding: 3px; list-style-type: none; }
div.token-input-dropdown ul li.token-input-dropdown-item { background-color: #fafafa; }
div.token-input-dropdown ul li.token-input-dropdown-item2 { background-color: #fff; }
div.token-input-dropdown ul li em { font-weight: bold; font-style: normal; }
div.token-input-dropdown ul li.token-input-selected-dropdown-item { background-color: #d0efa0; }
/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook { overflow: hidden;  height: auto !important;  height: 1%; border: 1px solid #A6A6A4; cursor: text; font-size: 12px; font-family: Verdana; min-height: 1px; z-index: 999; margin: 0; padding: 0; background-color: #fff; list-style-type: none; clear: left; border-radius:2px; }
ul.token-input-list-facebook li input { border: 0; width: 100px; padding: 3px 8px; background-color: white; margin: 2px 0; -webkit-appearance: caret; }
li.token-input-token-facebook { overflow: hidden; height: auto !important; height: 15px; margin: 2px 0px 2px 4px; padding: 0 5px; background-color: #E4E0D9; color: #000; cursor: default; border: 1px solid #ccc; font-size: 11px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; white-space: nowrap; line-height:1em; }
li.token-input-token-facebook p { display: inline; padding: 0; margin: 0; }
li.token-input-token-facebook span { color: #F0924C; margin-left: 5px; font-weight: bold; cursor: pointer; }
li.token-input-selected-token-facebook { background-color: #F0924C; border-color:#F0924C; color: #fff; }
li.token-input-selected-token-facebook span { color:#fff; }
li.token-input-input-token-facebook { float: left; margin: 0; padding: 0; list-style-type: none; }
div.token-input-dropdown-facebook { position: absolute; width: 400px; background-color: #fff; overflow: hidden; border-left: 1px solid #A6A6A4; border-right: 1px solid #A6A6A4; border-bottom: 1px solid #A6A6A4; cursor: default; font-size: 11px; font-family: Verdana; z-index: 1; }
div.token-input-dropdown-facebook p { margin: 0; padding: 5px; font-weight: bold; color: #777; }
div.token-input-dropdown-facebook ul { margin: 0; padding: 0; }
div.token-input-dropdown-facebook ul li { background-color: #fff; padding: 3px; margin: 0; list-style-type: none; }
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook { background-color: #fff; }
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook { background-color: #fff; }
div.token-input-dropdown-facebook ul li em { font-weight: bold; font-style: normal; }
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook { background-color: #eee; color: #333; }
.fr.token-input .fu { float:none; display:block;}


/* xmas - 2012 */
.xmas-12 { background:#fff url('img/header-rep-xmas12.jpg') repeat-x;background-size:auto;}

.xmas-12 .textcontent h1 span, 
.xmas-12 .textcontent h2 span, 
.xmas-12 .textcontent h3 span, 
.xmas-12 .textcontent h4 span, 
.xmas-12 .textcontent h5 span, 
.xmas-12 .textcontent h6 span { color:#C81419;}

.xmas-12 .global-bar .nav a { color:#C81419;}
.xmas-12 .global-bar .nav a.current { color:#333;}
.xmas-12 .global-bar .nav a.buy { background:transparent url('img/buy-em-xmas12.png') no-repeat; height:88px;}

.xmas-12 #header .logo { background:transparent url('img/logo-top-xmas12.png') no-repeat; height:90px; margin-top:15px;width:600px;}
.xmas-12 #header .logo img { display:none;}

.xmas-12 #footer { background-image:url('img/footer-rep-xmas12.png'); padding-top:30px;}

 .card-view .showtime { background:#B7161A; width:0px; height:10px; position:absolute; top:-53px; left:18px;}