@charset "utf-8";
@import "/Portals/0/Skins/skincmn.css";

/* ===========================================================
 gNav tokenMenu
=========================================================== */
/* bg */
.headBottom{position:relative;background:#de3451;}
.headBottom:before{content:"";position:absolute;bottom:7px;width:100%;height:1px;background:#fff;}
.headBottom:after{content:"";position:absolute;bottom:0;width:100%;height:7px;background:#4ec4c2;}
.headBottom .inner{padding:0 20px;}
/* txt */
.tokenMenu ul{margin:0;padding:0;list-style:none;}
.tokenMenu ul li,
.tokenMenu ul li.Tab378>a{display:none;float:left;padding:0;}
.tokenMenu ul:after{content:"";display:block;clear:both;}
.tokenMenu .Tab378{display:block;}
.tokenMenu ul li.Tab380,
.tokenMenu ul li.Tab517,
.tokenMenu ul li.Tab384,
.tokenMenu ul li.Tab518,
.tokenMenu ul li.Tab382{display:block;}
.tokenMenu ul ul li a{display:block;height:63px;color:#fff;text-indent:200%;white-space:nowrap;overflow:hidden;background:url(images/txt_gnav.png) no-repeat;}
.tokenMenu ul li.Tab380,
.tokenMenu ul li.Tab517,
.tokenMenu ul li.Tab384{width:200px;}
.tokenMenu ul li.Tab518{width:190px;}
.tokenMenu ul li.Tab382{width:210px; margin-top:-8px;background:#ff5b7d;border-radius:3px 3px 0 0;}
.tokenMenu ul li.Tab380 a{background-position:0 0;}
.tokenMenu ul li.Tab517 a{background-position:-200px 0;}
.tokenMenu ul li.Tab384 a{background-position:-400px 0;}
.tokenMenu ul li.Tab518 a{background-position:-600px 0;}
.tokenMenu ul li.Tab382 a{background-position:-790px 8px;}
.tokenMenu .Tab378>ul{position:relative;}
.tokenMenu .Tab378>ul:before{content:"";position:absolute;top:10px;left:-1px;width:1px;height:35px;background:#a0253b;}
/*.tokenMenu .Tab378>ul:after{content:"";position:absolute;top:10px;right:-1px;width:1px;height:35px;background:#e3516a;}*/
.tokenMenu .Tab378>ul>li a{position:relative;}
.tokenMenu .Tab378>ul>li a:before{content:"";position:absolute;top:10px;right:0;width:1px;height:35px;background:#a0253b;}
.tokenMenu .Tab378>ul>li a:after{content:"";position:absolute;top:10px;left:0;width:1px;height:35px;background:#e3516a;}
.tokenMenu .Tab378>ul>li.Tab518 a:before{display:none;}
.tokenMenu .Tab378>ul>li.Tab382 a:before{display:none;}
.tokenMenu .Tab378>ul>li.Tab382 a:after{display:none;}
.tokenMenu .Tab378>ul>li{position:relative;}
.tokenMenu .Tab378>ul>li:hover:before{content:"";position:absolute;top:6px;left:0;right:0;display:block;width:auto;height:42px;margin:0 5px 0 6px;border:1px solid rgba(255,255,255,0.3);background:rgb(217,67,87);background:-moz-linear-gradient(top,rgb(217,67,87) 0%, rgb(211,35,59) 100%);background:-webkit-linear-gradient(top,rgb(217,67,87) 0%,rgb(211,35,59) 100%);background:linear-gradient(to bottom,rgb(217,67,87) 0%,rgb(211,35,59) 100%);}
.tokenMenu .Tab378>ul>li.Tab382:hover:before{height:48px;top:9px;}
.tokenMenu .Tab378>ul>li.currentItem:before{content:"";position:absolute;top:4px;left:0;right:0;display:block;width:auto;height:52px;margin:0 8px 0 9px;background:#4ec4c2;}
.tokenMenu .Tab378>ul>li.currentItem:hover:before{border:none;}
.tokenMenu .Tab378>ul>li.Tab382.currentItem:before{top:6px;height:58px;}
.tokenMenu .Tab378>ul>li.Tab382.currentItem:hover:before{border:none;}
.tokenMenu .Tab378>ul>li.parentItem:before{content:"";position:absolute;top:4px;left:0;right:0;display:block;width:auto;height:52px;margin:0 8px 0 9px;background:#4ec4c2;}
.tokenMenu .Tab378>ul>li.parentItem:hover:before{border:none;}
.tokenMenu .Tab378>ul>li.Tab382.parentItem:before{top:6px;height:58px;}
.tokenMenu .Tab378>ul>li.Tab382.parentItem:hover:before{border:none;}

/* ===========================================================
 css for each skin
=========================================================== */
/* index */
#skinIndex .ContentPane{/*float:left;width:680px;*/}
#skinIndex .contentMiddle01{background:url(images/bg_point.gif) repeat;}
#skinIndex .contentMiddle02{background:url(images/bg_needs.png) center 0 no-repeat #44b4b3;}
#skinIndex .contentMiddle .inner{padding-top:40px;}
/* 2col */
#skin2Columns .mainArea{float:right;width:700px;}
#skin2Columns .sideArea{float:left;width:250px;}

/**/