@charset "UTF-8";
/*
Copyright @2012 123greetings.com. All rights reserved.
Created: 7 March 2010
Version:1.00
Comments: Home page
Release date: 
*/

@import url("styleopt_R1.css");
@import url("modal_window_R1.css");
/*-----------------------------*/
.body2-left{}
ul.info-block{
height:90px;
}
.breadcrumb ul li a:hover{
text-decoration:none;
}
.body2-left-narrow{
width:200px;
}
.body2-left-narrow,
.body2-middle,
.card-gallery li,
.pop-events li div.date-cal{
float:left;
}
.body2-left-narrow,
.body2-middle{
margin-top:8px;
}
.body2-middle{
margin-left:10px;
width:420px;
}
ol.ordered-list{
list-style:decimal;
}
ol.ordered-list li{
border-top:1px dashed #ccc;
list-style:decimal inside;
font-weight:bold;
padding:4px 5px;
line-height:16px
}
*:first-child+html ol.ordered-list li{
padding:4px 5px 5px 5px;
}
ol.ordered-list li a {
vertical-align:middle;
/*width:155px;*/
width:auto;
}
ol.ordered-list li a,
.card-gallery li div.roun-corn a,
.roun-corn span,
.view-more,
.view-less,
iew-more-docker a.close,
.card-gallery li div.roun-corn a.sm-prev {
display:inline-block;
}
*:first-child+html ol.ordered-list li a {
margin-left:8px
}
ol.ordered-list li:first-child{
border:0;
}
.all-hp-hl{
height:auto;
}
.all-hp-hl h2 a, 
.all-hp-hl h2{
font:bold 14px/24px Georgia,serif;
height:26px;
margin:0;
padding:1px 0;
}
.all-hp-hl h2 a.more{
line-height:24px;
text-align:right;
height:26px;
font-weight:normal;
font-size:12px
}
.card-gallery li input,
.shop-now-btn,
.quick-send ul li textarea,
.quick-send ul li input {
font-size:11px;
}
.all-hp-hl h2 a.more,
.card-gallery li input,
.shop-now-btn,
.quick-send ul li textarea,
.quick-send ul li input,
quick-send ul li button.send-btn{
font-family:Arial, Helvetica, sans-serif
}
.all-hp-hl h2 a.more,
.pop-events h2 span a.rss,
.card-gallery li img,
.roun-corn img,
.pop-events li div.date-cal,
.view-more,
.view-less,
.quick-send ul li textarea,
.quick-send ul li input {
vertical-align:middle
}
.all-hp-hl h2{
border-bottom:2px solid #999;
}
.card-gallery{
overflow:visible;
border:1px solid #ccc;
margin-bottom:10px;
}
*:first-child+html .card-gallery{
z-index:9;
}
.all-hp-hl h2 span,
.card-gallery h2 span,
.pop-events h2 span,
.photo-card h2 em{
display:inline-block;
vertical-align:middle;
color:#AB1717;
line-height:22px;
padding-left:5px;
}
.all-hp-hl h2 a:first-child,
.card-gallery h2 a:first-child,
.pop-events h2 a:first-child{
color:#AB1717;
}
.all-hp-hl h2 span{
width:150px;
}
.pop-events h2 span,
.photo-card h2 em{
width:270px;
}
.pop-events h2 span a:first-child{
width:auto
}
.pop-events h2 span a.rss{
height:14px;
margin:0 2px
}
.card-gallery h2 span{
width:260px;
}
.card-gallery ul{
padding:8px 0 0 0;
height:150px
}
.card-gallery ul.static-b{
height:27px;
padding:5px 0 4px 0;
display:block;
}
.card-gallery ul.static-b li:first-child{
margin-left:8px
}
.card-gallery li:first-child{
margin-left:6px;
}
*:first-child+html .card-gallery li:first-child{
margin-left:10px;
}
.card-gallery li:first-child{
margin-left /*\**/:8px\9;
}
.card-gallery li{
width:130px;
text-align:center;
margin-right:5px;
background:#fff;
}
.card-gallery li{
margin-right/*\**/:4px\9
}
.card-gallery li:first-child{
margin-left/*\**/:16px\9;
}
/* IE9-IE10pp4 */ /* for ie- 9 css hack*/
/*/////////////////////////////////*/


:root .card-gallery li:first-child{margin:0 0 0 11px\9;}


/*/////////////////////////////////*/
.card-gallery li h3{
height:30px;
display:block;
padding:7px 5px 4px 5px;
letter-spacing: 0.025em;
overflow:hidden;
}
*:first-child+html .card-gallery li h3{
padding:0 10px 2px 10px;
}
@media \0screen {
.card-gallery li h3{
padding:0 10px 2px 10px;
}}
.card-gallery li a{
font-weight:bold
}
.card-gallery li img{
max-width:100px;
height: auto;
}
.card-gallery li input{
border:1px solid #BDC7D8;
color:#888;
line-height:18px;
height:18px;
margin:2px auto;
padding:1px;
width:110px;
}
.roun-corn{
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px; /* CSS3 */
width:100px;
height:100px;
-moz-box-shadow:3px 3px 4px #999;
-webkit-box-shadow: 3px 3px 4px #999;
box-shadow:3px 3px 4px #999;
border:1px solid #999;
overflow:hidden;
padding:5px;
margin: 0 auto;
line-height:100px;
}
.roun-corn img{
max-height:100px;
width: auto;
}
.card-gallery li div.roun-corn a{
background:#000;
padding:0;
height:100px;
width:100px;
line-height: 98px;
overflow: hidden;
}
*:first-child+html .roun-corn{
border:0;
background: url(/images/master_icon_set_2.webp) no-repeat -170px -334px;
height: 100px;
line-height: 100px;
margin: 0 0 5px;
overflow: hidden;
padding: 7px 10px 10px 8px;
vertical-align: middle;
width: 100px;
}
@media \0screen {.roun-corn{
border:0;
background:url(/images/master_icon_set_2.webp) no-repeat -170px -334px;
height:100px;
line-height:100px;
margin:0 0 5px;
overflow:hidden;
padding:7px 10px 10px 8px;
vertical-align:middle;
width:100px;
}}
.roun-corn span{
height:100%;
vertical-align: middle;
line-height:100px;
text-align:center
}
.pop-events{}
.pop-events li{
line-height:normal;
border-top: 1px dashed #ccc;
line-height:12px;
height:50px;
letter-spacing:.045em
}
.pop-events li:first-child{
border-top:0;
}
.pop-events li h3{
background:none;
border:none;
text-align:left;
margin-bottom:3px;
line-height: normal;
letter-spacing:.075em
}
.pop-events li div.date-cal{
background: url(/images/master_icon_set.webp) no-repeat -165px -76px;
font-weight: bold;
height: 32px;
line-height: 14px;
margin: 5px 8px 5px 5px;
padding-top: 4px;
text-align:center;
width: 35px;
}
*:first-child+html .pop-events li div.date-cal{
margin: 5px 10px 5px 5px;
}
.pop-events li div{
margin:3px 0 5px 0;
}
/***new style for seo***/
.header .logo{
position:relative;
}
.header .logo h1{
position:absolute;
top:72px;
left:28px;
display:inline-block;
font-size:.7em;
color:#666;
background:#fff;
text-transform:uppercase;
padding:0 20px 0 0;
font-weight:normal;
margin-top:2px;
}
.pop-up-events li div h2{
border:none
}
.pop-up-events li div h2, .pop-up-events li div h2 a{
font:12px Arial, Helvetica, sans-serif;
height:auto;
letter-spacing: 0.075em;
line-height: normal;
margin-bottom: 3px;
color: #18397C !important;
font-weight:700
}
.rank-text{
clear:both;
padding:5px 10px 10px;
margin:0 10px;
color: #666;
border:1px solid rgb(200,200,200);
margin-bottom:1em
}
/***END SEO ***/

.view-more{
background: url(/images/master_icon_set.webp) no-repeat -248px -353px;
height:24px;
width:25px;
margin-left:5px;
padding:0
}
.view-more{
width/*\**/:25px\9;
}
.card-gallery h2 a:first-child{
width/*\**/:347px\9;
}
.view-less{
background: url(/images/master_icon_set.webp) no-repeat -220px -353px;
height:24px;
width:25px;
margin-left:5px;
padding:0
}
.shop-now-btn{
font-weight:bold;
width:100px;
height:20px;
cursor:pointer;
color:#003399;
border:1px solid #999; 
margin:0 0 0 25px;
font-size:11px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9d0d4'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c9d0d4)); /* for webkit browsers */
background: -moz-linear-gradient(top, #fff, #c9d0d4); /* for firefox 3.6+ */ 
}
/***Quick Send***/
/*
.flies{
position:relative;
z-index:9999;
}
*/
.quick-send,
.card-gallery li div.roun-corn a.sm-prev{
position:absolute
}
.qswrap{

}
.quick-send{
background:rgb(255,255,255);
border:1px solid rgb(153,153,153);
display:block;
height:auto;
left:-120px;
top:-35px;
width:250px;
z-index:999999;
min-height:90px;
-moz-box-shadow:0 0 6px 3px rgb(153,153,153);
-webkit-box-shadow:0 0 6px 3px rgb(153,153,153);
box-shadow:0 0 6px 3px rgb(153,153,153);
}
.quick-send p{
padding:7px 5px 5px 15px;
text-align:left
}
.quick-send ul{
height:auto;
overflow:visible;
padding: 8px 0 0 8px;
}
*:first-child+html .quick-send ul{
margin-left:0;

}
.quick-send ul li{
height:25px;
padding:0 5px 0 0;
width:115px;
margin:0;
}
.quick-send ul li.odd{
margin:0;
padding:0;
}
.quick-send ul li:first-child{
margin-left:0 !important;
}
.quick-send ul li textarea{
border:1px solid rgb(189,199,216);
color:rgb(136,136,136);
line-height:18px;
height:20px;
margin:2px 0;
padding: 0 2px;
width: 106px;
overflow:auto;
zoom:1;
}
.quick-send ul li input{
border:1px solid rgb(189,199,216);
color:rgb(136,136,136);
line-height:18px;
height:18px;
margin:2px 0 !important;
padding: 1px;
width: 108px;
/*vertical-align:middle*/
}
.quick-send ul li button.send-btn{
color:#fff;
font-size:12px;
font-weight:bold;
/*height:22px;*/
line-height:17px;
width:112px;
border:1px solid rgb(153,153,153); 
margin:2px 0;
cursor:pointer;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#003366'); 
background-image:-webkit-gradient(linear, left top, left bottom, from(#336699), to(#003366));
background-image:-webkit-linear-gradient(top, #336699, #003366);
background-image:-moz-linear-gradient(top, #336699, #003366);
background-image:-o-linear-gradient(top, #336699, #003366);
background-image:linear-gradient(to bottom, #336699, #003366);
border:1px solid #003366;
}
/*
*:first-child+html .quick-send ul li button.send-btn{
padding-left:7px
}
*/
/***top***/
.top-rep{
background: url(/images/qs_top.png) repeat-x;
height:7px;
width:100%;
top:-7px;
left:0;
}
span.top-left{
background: url(/images/qs_top_left.png) no-repeat 0 0;
top:-7px;
left:-7px
}
span.top-right{
background: url(/images/qs_top_right.png) no-repeat 0 0;
top:-7px;
right:-7px
}
span.top-arrow{
background: url(/images/qs_top_arrow.png) no-repeat 0 0;
height:14px;
left:173px;
top:-14px;
width:23px;
z-index:9;
}
/***bottom***/
.bot-rep{
background:url(/images/qs_bot.png) repeat-x;
height:7px;
width:100%;
bottom:-7px;
left:0
}
span.bot-left{
background: url(/images/qs-bot_left.png) no-repeat 0 0;
bottom:-7px;
left:-7px
}
span.bot-righ{
background: url(/images/qs_bot_right.png) no-repeat 0 0;
bottom: -7px;
right: -7px
}
/***left***/
.left-rep{
background: url(/images/qs_left.png) repeat-y;
left: -7px
}
/***right***/
.right-rep {
background: url(/images/qs_right.png) repeat-y;
right:-7px
}
.left-rep, 
.right-rep{
width:7px;
height:100%;
top:0;
}
/***close***/
.quick-send a.qs-close{
background: url(/images/qs_close.png) no-repeat 0 0;
height: 25px;
width: 25px;
bottom: -15px;
right: -14px;
z-index:9999;
cursor:pointer;
padding:0
}
*:first-child+html .quick-send a.qs-close{
bottom: -14px;
right: -13px;
}
@media \0screen {
.quick-send a.qs-close {
bottom: -14px;
right: -13px;
}}
/***xxx***/
a.qs-close, 
.top-rep, 
.bot-rep, 
.left-rep, 
.right-rep, 
span.top-right, 
span.top-left, 
span.bot-right, 
span.bot-left, 
span.top-arrow{
position:absolute;
display:block;
font-size:1px;
line-height:1px
}
span.top-left, 
span.top-right, 
span.bot-left, 
span.bot-right{
width:7px;
height:7px;
z-index:9;
display:block;
font-size:1px;
line-height:1px
}
.yellow-strip{
background:rgb(255,255,204);
border: 1px solid #ffcc66;
clear: both;
padding:2px;
margin: 8px 10px 0;
position: relative;
height:25px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.yellow-strip button{width:auto;height:auto; background: #E1E1E1;
}}

/*.yellow-strip*/
.set-hp button.shop-now{
color:rgb(0,51,153);
font-size:12px;
font-weight:bold;
height:22px;
width:110px;
border:1px solid rgb(153,153,153); 
margin:2px 4px;
cursor:pointer;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9d0d4'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(ffffff), to(#c9d0d4)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffffff, #c9d0d4); /* for firefox 3.6+ */ 
}
.ys-new{
background:url(/images/master_icon_set.webp) no-repeat -74px 0;
display:inline-block;
height:16px;
margin:0 3px;
padding:0;
vertical-align: middle;
width:30px;
}
.ys-close{
background:url(/images/master_icon_set.webp) no-repeat 0 0;
display:block;
height:11px;
padding:0;
position:absolute;
right:6px;
top:9px;
width:11px;
}
/*flash */
#swf_mantle{
height:262px;
width:634px;
}
.card-gallery h2 span.scroll-nav{
width:130px;
padding-left:15px;
}
a.prev,
a.next{
width:33px;
height:27px;
padding:0 !important;
}
a.prev{
background: url(/images/master_icon_set.webp) no-repeat 0 -52px;
}
a.next{
background: url(/images/master_icon_set.webp) no-repeat -33px -52px;
}
.card-gallery h2 span.scroll-nav a.dab,
.card-gallery h2 span.scroll-nav a.current{
height:9px;
width:9px;
margin-right:3px;
}
.card-gallery h2 span.scroll-nav a.dab{
background: url(/images/master_icon_set.webp) no-repeat -13px -78px;
}
.card-gallery h2 span.scroll-nav a.current{
background: url(/images/master_icon_set.webp) no-repeat -2px -78px;
}
.card-gallery h2 span.scroll-nav,
a.prev,
a.next,
.card-gallery h2 span.scroll-nav a.dab,
.card-gallery h2 span.scroll-nav a.current{
display:inline-block;
vertical-align:middle;
overflow:hidden;
}
.scroller{
overflow:hidden;
height:160px;
position:relative;
padding-bottom:8px;
}
/* move 135px */
.scroller ul{
width:2040px;
left:0;
position: relative;
top:0;
z-index:1
}
.card-gallery li div.roun-corn a.sm-prev{
background:url(/images/master_icon_set.webp) no-repeat -212px -182px;
height:16px;
width:16px;
top:90px;
left:5px;
z-index:999
}
.card-gallery li div.roun-corn a.sm-prev:hover{
background-position:-237px -182px;
}
*:first-child+html .card-gallery li div.roun-corn a.sm-prev{
top:92px;
left:8px;
}
.card-gallery li div.roun-corn a.sm-prev{
top:90px\0/;
left:5px\0/;
}
@media all and (min-width:0){
.card-gallery li div.roun-corn a.sm-prev{
top:90px \0/;
left:5px \0/;
}}
/* yellow bar fb connect button */
.fb-connect-hp{
background: url(/images/big_img_sprite.webp) no-repeat -155px 0; 
width: 86px; 
height: 22px; 
display: inline-block; 
vertical-align: middle; 
margin:0 10px 0 5px;
}
.mob-app h2{
margin-bottom:.5em
}
.mob-app{
overflow:auto;
text-align:left
}
.mob-app div{
width: 140px;
float:left;
margin:.2em .7em
}
.special_img{text-align:center; padding:2px;}
.fb-friends{padding:0 5px; display:inline-block;}
.prev-scroll, .next-scroll{background:url(/images/icon_set_R1.webp) no-repeat; width:6px; height:10px; position:absolute; top:50px;}
.fb-friends a.prev-scroll{background-position:-24px -430px; left:1px;}
.fb-friends a.next-scroll{background-position:0 -430px; right:1px;}
.fb-friends a.prev-scroll:hover{background-position:-16px -430px;}
.fb-friends a.next-scroll:hover{background-position:-8px -430px;}
ul.slider-fb{display:inline-block; padding:5px 3px;}
ul.slider-fb li{float:left; border:none; height:auto; margin-right:2px; width:150px; width:149px\9;}
ul.slider-fb li:last-child{margin-right:0;}
ul.slider-fb li img{width:35px; float:left; margin-right:5px;}
ul.slider-fb li span.fb-name{font-size:11px; font-weight:bold; float:left; color:#18397C}
ul.slider-fb li span.fb-bday{font-size:11px; float:left; margin:2px 0;}
ul.slider-fb li button.fb-wish{
background:#036;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699',endColorstr='#003366');
background-image:-webkit-gradient(linear,left top,left bottom,from(#369),to(#036));
background-image:-webkit-linear-gradient(top,#369,#036);
background-image:-moz-linear-gradient(top,#369,#036);
background-image:-o-linear-gradient(top,#369,#036);background-image:linear-gradient(to bottom,#369,#036);
border:1px solid #036; color:#ffffff; cursor:pointer; display:block; font:bold 10px Arial,Helvetica,sans-serif; padding:1px 4px; text-align:center; vertical-align:middle; white-space:nowrap;}
.pop-events p{font-size:12px; margin:4px;}
.pop-events p span.fb-icon{background: url(/images/master_icon_set.webp) no-repeat scroll -121px -511px #FFFFFF; height:16px; line-height:18px; margin:0 5px 0 0; width:16px; display:inline-block; vertical-align:middle;}
.nounder:hover{text-decoration:none !important;}

.heading_tag {
border-bottom: 2px solid #999;
}
.heading_tag {
font: bold 14px/24px Georgia,serif;
height: 26px;
margin: 0;
padding: 1px 0;
}
.heading_tag span {
width: 150px;
}
.card-gallery .heading_tag span{width: 260px;}
.heading_tag span{
display: inline-block;
vertical-align: middle;
color: #AB1717;
line-height: 22px;
padding-left: 5px;
}
.heading_tag span a{color:#AB1717;}

.heading_tag a.more {
line-height: 24px;
text-align: right;
height: 26px;
font-weight: normal;
font-size: 12px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
}

.card-gallery .heading_tag span.scroll-nav{
width:130px;
padding-left:15px;
}
.card-gallery .heading_tag span.scroll-nav a.dab,
.card-gallery .heading_tag span.scroll-nav a.current{
height:9px;
width:9px;
margin-right:3px;
}
.card-gallery .heading_tag span.scroll-nav a.dab{
background: url(/images/master_icon_set.webp) no-repeat -13px -78px;
}
.card-gallery .heading_tag span.scroll-nav a.current{
background: url(/images/master_icon_set.webp) no-repeat -2px -78px;
}
.card-gallery .heading_tag span.scroll-nav,
.card-gallery .heading_tag span.scroll-nav a.dab,
.card-gallery .heading_tag span.scroll-nav a.current{
display:inline-block;
vertical-align:middle;
overflow:hidden;
}

.pop-events .heading_tag span {
width: 270px;
}
.ordered-list h2{border:none;  font:100%/101% Arial, Helvetica, sans-serif; height:inherit; margin:0; padding:0; display:inline-block;}
.ordered-list h2 a{color:rgb(24,57,124) !important; font-size:12px; height:auto; margin:0; padding:0; font-weight:bold !important; font:100%/101% Arial, Helvetica, sans-serif;}

.tag_cloud{clear:both; margin:10px;}
.tag_cloud .heading_tag span{width:94%;}
.mt0{margin-top:0;}
.pt-2{padding:9px 0; height:161px;}
.pt-2 ul{padding-top:5px;}
ol.pnew li{padding:5.5px 5px}

/*** E N D   A L L ***/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/