/***********************************
	      SHIPPER 2.0 - 20
************************************/

#fs-scw2 {
     position:relative;
     width:600px;
     height:610px;
     background-color:#ddd;
     border-bottom:5px solid #bbb;
     border-top:5px solid #bbb;
}
 #fs-scww2 {
     position:relative;
     width:600px;
     height:600px;
     clear:both;
     overflow:hidden;
}
 #fs-scw2 #fs-scabout {
    position:absolute;
     top:500px;
     left:0;
     width:578px;
     height:100px;
     padding:5px 10px 5px 10px;
}
 #fs-scaboutc {
    position:absolute;
     display: inline-block;
     top:5px;
     left:5px;
     width:460px;
     height:100px;
     padding:2px;
     overflow:auto;
     font-size: 11px;
     font-family: sans-serif;
     text-align: left;
     color:#000;
}
 #fs-scabout img {
    position:absolute;
     display: inline-block;
     top:5px;
     right:5px;
     margin-left:6px;
     width:100px;
     height:100px;
     padding:2px;
     border:1px solid #999;
}
 #fs-scw2 .tabs {
    position:absolute;
     padding-left:6px;
     left:0;
     top:0px;
     width:593px;
}
 #fs-scw2 .tab {
     float:left;
}
 #fs-scw2 .tab label {
     display:inline-block;
     position:relative;
     width:50px;
     height:50px;
     background-color:#757575;
     border:2px solid #ddd;
     background-size:53px auto;
     background-position:top center;
     margin:2px 5px 2px 0px;
}
 #fs-scw2 .tab [type=radio] {
     display: none;
}
 .fs-scontw2 {
     position:absolute;
     top:125px;
     bottom: 0px;
     right: 0px;
     width:560px;
     height:320px;
     left: -650px;
     padding:20px;
     border-top:8px solid #ddd;
     border-bottom:10px solid #ddd;
     -webkit-transition-duration: .8s;
     -moz-transition-duration: .8s;
     -o-transition-duration: .8s;
     opacity:0;
     border-top:8px solid #bbb;
     border-bottom:8px solid #bbb;
}
 [type=radio]:checked ~ label .tab {
    z-index: 6;
}
 [type=radio]:checked ~ label:after {
     background-color:#ccc;
     z-index: 6;
}
 [type=radio]:checked ~ label ~ .fs-scontw2 {
    z-index: 7;
     left:0;
     opacity:1;
}
 .fs-sinfo {
     width:170px;
     border-bottom:1px solid #999;
     color:#000 !important;
     font-family:'calibri', sans-serif;
     font-size:11px;
     text-align:left;
     padding:0 5px 0 5px;
     margin:15px 10px 5px 5px;
     text-transform: uppercase;
     font-weight: bold;
}
 .fs-sinfo2 {
     width:170px;
     border-bottom:1px solid #999;
     color:#000 !important;
     font-family:'calibri', sans-serif;
     font-size:11px;
     text-align:right;
     padding:0 5px 0 5px;
     margin:15px 0 5px 17px;
     text-transform: uppercase;
     font-weight: bold;
}
 .fs-scname {
    position:absolute;
     top:0;
     left:200px;
     width:380px;
     height:20px;
     background:#ccc;
     padding:15px 20px 16px 0px;
     font-family:'Fjalla One', sans-serif;
     font-size:24px;
     text-align: right;
     color:#000;
}
 .fs-smcinfo {
    position:absolute;
     top:50px;
     right:0;
     width:379px;
     height:290px;
     padding:10px;
     color:#000;
     line-height:130%;
     font-family:tahoma, 'calibri', sans-serif, sans-serif;
     font-size:11px;
     background:#f1f1f1;
     overflow:auto;
     text-align:justify;
     border-right:1px solid #ccc;
}
 .fs-scinfo {
    height:240px;
     width:190px;
     position:absolute;
     top:0px;
     left:0px;
     background:#ccc;
     padding:5px 10px 115px 0;
     line-height:120%;
     font-size:11px;
     font-family:tahoma,'calibri', sans-serif,sans-serif;
     color:#222;
}
 .fs-scont {
     width:180px;
     min-height:96px;
     background-color:#ddd;
     margin-bottom:20px;
     position:relative;
     left:5px;
     top:5px;
     z-index:99;
     border:2px solid #ddd;
     background-size:180px 98px;
     background-position:top center;
}
 .fs-simgs {
     width:180px;
     height:30px;
     margin:auto;
     position:absolute;
     left:5px;
     bottom:0px;
     z-index:99;
}
 .fs-simgs i {
     color:#222;
     font-size:20px;
}
 .fs-simgs a {
     width:50px;
     display:inline-block;
}
 #mortal .fs-sinfo::before, #mortal .fs-sinfo2::after{
    color:#992f2f !important;
}
 #mortal b, #mortal .fs-simgs i {
    color:#992f2f !important;
}
 #mortal .fshipc {
    border:8px solid #992f2f !important;
}
 #mortal .ft1 {
    border-bottom:4px solid #992f2f;
}
 #mortal .fs-scontw2 {
    border-top:8px solid #992f2f;
     border-bottom:8px solid #992f2f;
}
 #mortal .fs-scont {
    border:2px solid #992f2f;
}
 #mortal label {
    border:2px solid #992f2f !important;
}
 #sempiternal .fs-sinfo::before, #sempiternal .fs-sinfo2::after{
    color:#548134 !important;
}
 #sempiternal b, #sempiternal .fs-simgs i {
    color:#548134 !important;
}
 #sempiternal .fshipc {
    border:8px solid #548134 !important;
}
 #sempiternal .ft1 {
    border-bottom:4px solid #548134;
}
 #sempiternal .fs-scontw2 {
    border-top:8px solid #548134;
     border-bottom:8px solid #548134;
}
 #sempiternal .fs-scont {
    border:2px solid #548134;
}
 #sempiternal label {
    border:2px solid #548134 !important;
}
 #immortal .fs-sinfo::before, #immortal .fs-sinfo2::after{
    color:#527a9f !important;
}
 #immortal b, #immortal .fs-simgs i {
    color:#527a9f !important;
}
 #immortal .fshipc {
    border:8px solid #527a9f !important;
}
 #immortal .ft1 {
    border-bottom:4px solid #527a9f;
}
 #immortal .fs-scontw2 {
    border-top:8px solid #527a9f;
     border-bottom:8px solid #527a9f;
}
 #immortal .fs-scont {
    border:2px solid #527a9f;
}
 #immortal label {
    border:2px solid #527a9f !important;
}
 #eternal .fs-sinfo::before, #eternal .fs-sinfo2::after{
    color:#7e5d8f !important;
}
 #eternal b, #eternal .fs-simgs i {
    color:#7e5d8f !important;
}
 #eternal .fshipc {
    border:8px solid #7e5d8f !important;
}
 #eternal .ft1 {
    border-bottom:4px solid #7e5d8f;
}
 #eternal .fs-scontw2 {
    border-top:8px solid #7e5d8f;
     border-bottom:8px solid #7e5d8f;
}
 #eternal .fs-scont {
    border:2px solid #7e5d8f;
}
 #eternal label {
    border:2px solid #7e5d8f !important;
}