|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/nebenefit/ |
Upload File : |
@charset "utf-8";
body {
margin:0;
padding:0;
width:100%;
background: #fff;
}
html {
padding:0;
margin:0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 2em;
font-weight: normal;
}
.clr {clear:both;}
.main {
width:1000px;
height: auto;
padding:0;
margin:30px auto 0;
background-color: #fff;
}
.body a {
color:#009;
font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
list-style: none;
}
#banner
{
width: 1000px;
height: 340px;
margin-bottom: 6px;
position: relative;
border-top: thin solid #30F;
border-left: thin solid #30F;
background: url(images/pattern.png);
}
#screen_box {
width:466px;
height:309px;
float:right;
margin: 30px 0px 0px 30px;
}
/* lslideshow*/
#slideshow {
height:305px;
width:463px;
}
#slideshow IMG {
position:absolute;
top:32px;
left:537px;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
/* banner text image spacer*/
#text_box {
width:400px;
height:140px;
float: left;
margin:1px 0px 0 86px;
text-decoration: none;
font:20px/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #003399;
}
#image_box {
width:450px;
height:180px;
float: left;
margin:10px 0px 0 40px;
}
.miniheader { width:980px; margin:0; padding:10px; float:left; height:30px;}
/* all_body*/
.large_all {
width:1000px;
padding:20px 0px 5px 0px;
margin:0px 0;
float:left;}
h2.large_all {
font: bold 24px/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #099;
width: 930px;
text-transform: uppercase;
}
p.large_all {
font: 14px/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #006;
width: 930px;
padding-left: 20px;
}
p.large_all a {
font: 14px/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #F93;
text-decoration: none;
}
/* resources*/
.small_leftgeneraltrav {
width:220px;
padding-top: 5px;
padding-left:20px;
border-top: thin solid #30F;
border-left: thin solid #30F;
margin:20px 2px;
float:left;
}
.resbuttons {
width:680px;
margin:5px 0px;
padding-left:10px;
float:left;
height: 45px;
float:left;
color: #3E8E95;
}
.restext{
font-size: 16px;
font-weight: bold;
color: #06C;
margin-left: 5px;
position:relative;
top: -20%;
left:4px;
}
#travel {
padding-top:60px;
height: 260px;
}
.travtext{
font-size: 16px;
font-weight: bold;
color: #2E8B00;
margin-left: 5px;
position:relative;
top: -20%;
left:4px;
}
/*products*/
.small_leftgeneral {
width:220px;
padding-top: 20px;
padding-left:20px;
border-top: thin solid #30F;
border-left: thin solid #30F;
margin:20px 2px;
float:left;
}
.insurance{
float:left;
width:690px;}
p.overmenu {
font-size: 15px;
float:left;
color:#693;
margin-left: -10px;
margin-top: -10px;
}
.superscript {
vertical-align: super;
font-size: small;
}
.right_body { width:310px; padding:0px 20px 20px 0px; margin:0px 0; float:left;}
.small_right { width:260px; padding:0px 20px 20px 0px; margin:0px 0; float:right; color: #036;
list-style: none;
}
.large_rightgeneral {
width:700px;
padding-left:20px;
border-top: thin solid #30F;
border-left: thin solid #30F;
margin:20px 0 0;
float:right;
}
.large_travel {
width:700px;
padding-left:20px;
background: url(images/blue.jpg) no-repeat top left;
border-top: thin solid #30F;
margin:20px 0 0;
float:right;
}
/*product images*/
.thumb {
float: right;
width: 100px;
padding-left:20px;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
}
.thumbnp {
float: right;
width: 150px;
border: 0px;
}
.large_right { width:600px; padding:0px 20px 20px 0px; margin:0px 0; float:right;}
.generalsol {
width:1000px;
padding:60px 20px 20px 20px;
background: url(images/arrow.png) no-repeat 20px top;
}
/* *****************************************************
**************************************************** */
#vertmenu {
width: 220px;
padding: 0px;
margin: 10px 0px 0px 0px;
float: left;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
display: block;
margin: 10px 0px 8px 0px;
padding: 0px 0px 0px 10px;
background: #82929d;
width:160px;
}
#vertmenu ul li.active{
margin: 10px 0px 8px 0px;
padding: 0px 0px 0px 10px;
background: #5d957e;
width:160px;
}
#vertmenu ul li a {
font-size: 13px;
display: block;
border-bottom: 1px dotted #825252;
padding: 5px 0px 2px 0px;
text-decoration: none;
color: #fff;
margin-left: -9px;
text-indent: 10px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
background-color: #5d957e;
padding: 5px 0px 2px 0px;
}
.dot {
list-style: disc;
}
.circle
{
list-style: circle;
}
/* left index container*/
#left_body
{
padding:0px 20px 20px 0px;
float: left;
width: 630px;
margin-top: 20px;
}
.left_body h2{
font: normal 18px/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
text-transform: uppercase;
}
.left_body ul {
font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
padding: 2px 0px 0px 36px;
}
.left_body li {
padding:5px 0 5px 6px;
margin:4px 2px;
list-style: square;
color:#009;
}
.left_body p {
font: normal 14px/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
margin:0 10px 0 10px;
padding:0 15px;
}
.left_body a
{
font:bold normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#069;
margin:0;
padding:0;
}
.noname p{
color: #339900;
}
.coname {
color: #F90;
text-transform: uppercase;
font: bold 20px/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.smaller {
font-size: 12px;
}
.small {
font-size: 10px;
width: 600px;
color: #960;
padding: 0px 0px 0px 50px;
}
/* left index subcontainers*/
#subl1 {
margin: 5px 0px;
padding-top: 2px;
padding-left:20px;
border-top: thin solid #30F;
border-left: thin solid #30F;
font: bold 14px/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
}
#subl2 {
margin: 20px 0px;
padding-top: 2px;
padding-left:20px;
border-top: thin solid #09C;
border-left: thin solid #09C;
font: bold 14px/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
}
/*index right_body container*/
.right_body
{
width:328px;
margin:20px 0;
float:right;
}
/* index right subcontainers*/
#subr1 {
margin: 5px 0px;
width:286px;
padding-top: 20px;
padding-left: 60px;
border-top: thin solid #30F;
border-left: thin solid #30F;
background: url(images/computer.png) no-repeat left top;
font-weight: lighter;
font-variant: normal;
}
#subr2 {
margin: 20px 0px;
width:286px;
padding-top: 20px;
padding-left:60px;
border-top: thin solid #09C;
border-left: thin solid #09C;
background: url(images/communicate.png) no-repeat 0 0;
}
#subr3 {
margin: 20px 0px;
width:286px;
padding-top: 20px;
padding-left:60px;
border-top: thin solid #09C;
border-left: thin solid #09C;
background: url(images/share.png) no-repeat left top;
height:80px;
}
#subr4 {
margin: 20px 0px;
width:286px;
padding-top: 20px;
padding-left:60px;
border-top: thin solid #09C;
border-left: thin solid #09C;
background: url(images/links.png) no-repeat left top;
}
.right_body h2 {
font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #9C0;
}
.right_body p {
font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #669900;
}
.note {
font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #9C0;
text-decoration: none;
}
.tell {
font-size: 15px;
color:#369;
padding: 5px 0px;
line-height: 1.5em;
text-decoration: none;
}
h2.tell {
font-size: 18px;
color: #360;
padding-top:2px;
}
h2.tellcon {
color: #069;
font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3.tell {
font-size: 16px;
color: #F60;
border-top: thin #393 solid;
padding-top: 20px;
}
li.tell {
font-size: 15px;
color:#693;
padding: 1px 13px 20px 0px;}
li.tellsub {
font-size: 13px;
color:#10a6b8;
padding: 1px 13px 2px 0px;}
p.tell {
font-size: 15px;
color:#369;
padding: 0px 0px 10px 0px;
line-height: 1.5em;
margin-top: -10px;
}
/* About */
#suball1 {
margin: 5px 0px;
padding-top: 5px;
padding-left:20px;
height: 150px;
border-top: thin solid #30F;
border-left: thin solid #30F;
}
#suball2 {
margin: 40px 0px;
padding-top: 5px;
padding-left:20px;
width:980px;
height: 500px;
border-top: thin solid #30F;
border-left: thin solid #30F;
}
#suball3 {
margin: 0px 0px;
padding-top: 5px;
padding-left:20px;
height: 380px;
border-top: thin solid #30F;
border-left: thin solid #30F;
}
/* Contact */
#subcon1 {
margin: 0px 0px;
width:980px;
height: 230px;
padding-top:10px;
padding-left:20px;
border-top: thin solid #30F;
border-left: thin solid #30F;
}
#subcon2 {
margin: 0px 0px;
width:980px;
height: 330px;
padding-top:10px;
padding-left:20px;
border-top: thin solid #30F;
border-left: thin solid #30F;
}
h2.con {
font: 14pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #ff9900;
list-style: none;
}
h3.con {
font: 16pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #ff9900;
list-style: none;
}
.conlist {
font: 12pt/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #68900b;
list-style: url(none) none;
padding: 2px;
text-decoration: none;
text-indent: 20px;
}
.conlist a{
font: 12pt/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #09C;
list-style: none url(none);
padding: 2px;
text-decoration: none;
}
/* footer */
.footer {
width:998px;
text-align:center;
font: normal 12px/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#039;
margin:0px auto 20px;
padding:10px 0;
background: #70A63A;
border: 1px solid #09C;
}
.footerup {
width:998px;
position:relative;
z-index: 2;
display: block;
text-align:center;
font: normal 12px/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#039;
margin:-200px auto 20px;
padding:10px 0;
background: #70A63A;
border: 1px solid #09C;
}
#space {
width:1000px;
height:300px;
}
.across {
width:998px;
position:relative;
display: block;
text-align: center;
z-index: 4;
}
.footer a {font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
.footnote {
font-size: 11px;
line-height: 1.5em;
color: #036;
margin-left: 40px;
}
.subject {
font-size: 18px;
}
.olist {
color: #ff6600;
}
/* name */
.name {
width:1000px;
height:150px;
margin:0px;
}
img {
border: none;
}