/* Page layout & design is copyright 2003-2019 by MyBrotherSteve.com All rights reserved. Thank you very much for your interest in our work. We'd be very glad to help with your next project! */ html,body{ height:100%; margin:0; padding:0; } BODY { FONT-FAMILY:Arial, Helvetica, sans-serif; scrollbar-face-color:#DAD5B5; scrollbar-arrow-color:#400000; scrollbar-track-color:#778EBA; BACKGROUND-COLOR:#BEC8D2; background-image:url(../images/cleardot.gif); text-align:center; min-width:788px; min-height:864px; } #vertical{ float:left; width:100%; height:50%; margin-top:-427px;/* half vertical height*/ } #hoz { width:788px; height:870px; margin-left:auto; margin-right:auto; /* adjusting this HEIGHT larger compensates for a longer page from gTrans conversion - French, etc. - Originally, it was only 4px larger than CONTAINER HEIGHT */ border:1px solid #BEC8D2; background:#BEC8D2; overflow:auto;/* allow content to scroll inside element */ text-align:left; clear:both; } #container { width:786px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar, if res. = 800x600. */ height:851px; /* background-image:url(images/mbs-bg-grad.gif); */ margin:0px auto; /* the auto margins (in conjunction with a width) center the page */ border:0px; text-align:left; /* this overrides the text-align:center on the body element. */ position:relative; top:0px; } A { color:#313131; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; text-transform:none; } A:hover { color:#313131; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:1.0em; text-decoration:none; text-transform:none; } A.beige { color:#FFFFE2; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:11px; text-transform:none; } A.beige:hover { color:#FFFFE2; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:11px; text-decoration:none; text-transform:none; } A.charcoal { color:#2A2A2A; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:11px; text-transform:none; } A.charcoal:hover { color:#2A2A2A; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:12px; text-decoration:none; text-transform:none; } A.footer { background-color:#afb9ff; color:#454545; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:12px; text-decoration:none; text-transform:none; } A.footer:hover { background-color:#2A2A2A; color:#FDFEEC; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:12px; text-decoration:none;text-transform:none; } .textstyle0 { FONT-WEIGHT:bold; FONT-SIZE:16px; COLOR:#000040; FONT-FAMILY:Arial, Helvetica, sans-serif; } .textstyle1 { FONT-SIZE:16px; COLOR:#000040; FONT-FAMILY:sans-serif; text-align:left; } .textstyle1sm { FONT-SIZE:11px; COLOR:#000040; FONT-FAMILY:sans-serif; text-align:left; } .textstyle2 { FONT-WEIGHT:bold; FONT-SIZE:11px; COLOR:#313131; FONT-FAMILY:Arial, Helvetica, sans-serif; } .textstyle3 { FONT-SIZE:11px; COLOR:#313131; FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .textstyle4 { FONT-SIZE:11px; COLOR:#454545; FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .textstyle5 { FONT-SIZE:9px; COLOR:#454545; FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .textstyle5w { FONT-SIZE:9px; COLOR:#FFF; FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica, sans-serif; } .textstyle6 { FONT-WEIGHT:bold; FONT-SIZE:11px; COLOR:white; FONT-FAMILY:Arial, Helvetica, sans-serif; } .textstyle7 { FONT-SIZE:12px; COLOR:#000000; FONT-FAMILY:Arial, Helvetica, sans-serif; MARGIN-LEFT:8px; line-height:20px; } .textstyle7i { FONT-SIZE:12px; COLOR:#000000; FONT-FAMILY:Arial, Helvetica, sans-serif; font-style:italic; MARGIN-LEFT:8px; line-height:19px; } .textstyle8 { FONT-WEIGHT:bolder; FONT-SIZE:14px; COLOR:#252525; FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-ALIGN:center; LINE-HEIGHT:20px; } .textstyle9 { background-color:#FFFFFF; COLOR:#313131; font-family:Arial, Helvetica, sans-serif; FONT-SIZE:12px; } .subsubgreen { FONT-WEIGHT:bolder; FONT-SIZE:12px; COLOR: #050; FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-ALIGN:center; LINE-HEIGHT:20px; } /* .questionText { font:12px arial, helvetica; margin:0px 0px 2px 0px; color:#333333; inherit; } TD { font:12px arial, helvetica; color:#333333; } */ /* ------------------------------------- textstyle 10 - 15 --------------------------------------------- textstyle 10 - 15 are for spacing where cleardot.gif isn't getting the desired result... */ .textstyle10 { FONT-SIZE:6px; COLOR:#123456; FONT-FAMILY:Arial, Helvetica, sans-serif; } .textstyle10pbc { FONT-SIZE:10px; COLOR:#161935; FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica, sans-serif; text-align: center; } .textstyle11 { line-height:1px; FONT-SIZE:1px; FONT-FAMILY:Arial, Helvetica, sans-serif; } .textstyle12 { line-height:2px; FONT-SIZE:2px; FONT-FAMILY:Arial, Helvetica, sans-serif; } .textstyle13 { line-height:3px; FONT-SIZE:3px; FONT-FAMILY:Arial, Helvetica, sans-serif; } .textstyle14 { line-height:4px; FONT-SIZE:4px; FONT-FAMILY:Arial, Helvetica, sans-serif; } .textstyle15 { line-height:5px; FONT-SIZE:5px; FONT-FAMILY:Arial, Helvetica, sans-serif; } /* ------------------------------------- textstyle 10 - 15 ------------------------------------------ */ .style1 { FONT-SIZE:11px; COLOR:#313131; } .style2 { FONT-SIZE:11px; COLOR:#313131; font-weight:bold; } .col-hr-clear { background-image:url(../images/cleardot.gif); background-repeat:repeat; width:198px; height:11px; line-height:11px; font-size:11px; } .col-hr-gold { background-image:url(../images/gold-hr.gif); background-repeat:repeat; width:198px; height:4px; line-height:4px; margin-left:4px; font-size:4px; } .newstitle { line-height:18px; FONT-SIZE:13px; font-weight:900; margin: 4px auto; } /* ------------------------------------- MAINDIV --------------------------------------------- This DIV lets overflow text, beyond specified width-height, scroll down, as opposed to using an i-frame inset. */ #maindiv { text-align:left; width:383px; height:530px; overflow:auto; background-color:#FFFFFF; COLOR:#313131; font-family:Arial, Helvetica, sans-serif; FONT-SIZE:12px; } #maindivcontent { background-color:#FFFFFF; COLOR:#313131; font-family:Arial, Helvetica, sans-serif; FONT-SIZE:12px; line-height:15px; width:351px; } /* ------------------------------------- MAINDIV --------------------------------------------- */ /* This is the main content table. */ DIV.Object00 { POSITION:absolute; LEFT:10px; TOP:0px; width:766px; height:850px; border:1px solid #999; } /* This is the main content table. */ DIV.Object01 { Z-INDEX:1; POSITION:absolute; LEFT:227px; TOP:11px; } DIV.Object02 { Z-INDEX:2; POSITION:absolute; LEFT:232px; TOP:61px; } DIV.Object03 { Z-INDEX:3; POSITION:absolute; LEFT:233px; TOP:105px; } DIV.Object04 { Z-INDEX:4; POSITION:absolute; LEFT:299px; TOP:105px; } DIV.Object05 { Z-INDEX:5; POSITION:absolute; LEFT:379px; TOP:105px; } DIV.Object06 { Z-INDEX:6; POSITION:absolute; LEFT:465px; TOP:105px; } DIV.Object07 { Z-INDEX:7; POSITION:absolute; LEFT:531px; TOP:105px; } DIV.Object08 { Z-INDEX:8; POSITION:absolute; LEFT:597px; TOP:105px; } DIV.Object09 { Z-INDEX:9; POSITION:absolute; LEFT:13px; TOP:25px; width:209px; height:100px; background-image: url(../images/navbar-l-top.gif); background-repeat:no-repeat; } DIV.Object10 { Z-INDEX:10; POSITION:absolute; LEFT:13px; TOP:125px; } DIV.Object11 { Z-INDEX:11; POSITION:absolute; LEFT:13px; TOP:155px; width:209px; height:185px; background-image:url(../images/navbar-l-bottom.gif); background-repeat:no-repeat; } DIV.Object12 { Z-INDEX:12; POSITION:absolute; LEFT:222px; TOP:126px; width:543px; height:29px; } DIV.Object13 { Z-INDEX:13; POSITION:absolute; LEFT:191px; TOP:160px; width:543px; height:60px; background-image:url(../images/banner-ad-ice-cube1.jpg); background-repeat:no-repeat; } /* DIV.Object14 { Z-INDEX:42; POSITION:absolute; LEFT:18px; TOP:710px; font-size:1px; background-image:url(images/colrow-line.gif); background-repeat:repeat-x; width:740px; height:1px; } */ DIV.Object15 { Z-INDEX:41; POSITION:absolute; LEFT:11px; TOP:791px; width:759px; height:60px; border-top:solid 1px #798fbb; border-bottom:solid 1px #798fbb; } DIV.Object16 { Z-INDEX:16; POSITION:absolute; LEFT:190px; TOP:131px; width:528px; } DIV.Object101 { Z-INDEX:17; POSITION:absolute; LEFT:11px; TOP:341px; width:206px; height:450px; } #col-l101 { width:206px; height:450px; border-top:solid 1px #789; border-right:solid 1px #789; border-radius:0px 14px 0px 0px; -moz-border-radius-topright:14px; -webkit-border-top-right-radius:14px; background-color:#FFCC66; display:table; } /* DIV.Object102 { Z-INDEX:18; POSITION:absolute; LEFT:10px; TOP:341px; width:207px; height:1px; background-image:url(images/colrow-line.gif); font-size:1px; } DIV.Object103 { Z-INDEX:19; POSITION:absolute; LEFT:216px; TOP:341px; width:1px; height:459px; background-image:url(images/colrow-line.gif); font-size:1px; } */ DIV.Object201 { Z-INDEX:21; POSITION:absolute; LEFT:175px; TOP:225px; width:543px; } DIV.Object202 { Z-INDEX:22; POSITION:absolute; LEFT:232px; TOP:260px; width:383px; } /* DIV.Object204 { Z-INDEX:27; POSITION:absolute; LEFT:333px; TOP:696px; } */ DIV.Object301 { Z-INDEX:31; POSITION:absolute; LEFT:616px; TOP:260px; width:155px; height:220px; } #col-r301 { width:154px; height:220px; border-radius:7px 0px 0px 0px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; padding:5px; background-color:#DAD5B5; display:table; } DIV.Object303 { Z-INDEX:33; POSITION:absolute; LEFT:616px; TOP:485px; width:155px; height:220px; } DIV.Object400L { Z-INDEX:44; POSITION:absolute; LEFT:0px; TOP:1px; width:12px; height:851px; border-right:solid 1px #789; background-image:url(../images/pg-l-shadow.gif); background-repeat:repeat-y; } DIV.Object400R { Z-INDEX:44; POSITION:absolute; LEFT:770px; TOP:1px; width:12px; height:851px; border-left:solid 1px #789; background-image:url(../images/pg-r-shadow.gif); background-repeat:repeat-y; } DIV.Object401 { Z-INDEX:50; max-width: 160px; POSITION:absolute; LEFT:605px; TOP:59px; text-align:right; /* height:29px; */ overflow: hidden; } DIV.Object500 { Z-INDEX:50; POSITION:absolute; LEFT:702px; TOP:15px; width:60px; cursor: not-allowed; } /* Lightbox Gallery */ /* div#nyroModalFull { font-size: 12px; color: #777; } div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(lightbox/ajaxLoader.gif) no-repeat; background-position: center; } div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; } div#nyroModalWrapper { background: #fff; border: 4px solid #777; } a#closeBut { position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(lightbox/ajaxclose.gif) no-repeat; outline: 0; } h1#nyroModalTitle { margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #D3D9FA; } div#nyroModalContent { overflow: auto; } div.wrapper div#nyroModalContent { padding: 5px; } div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center; } div.wrapperImg img { vertical-align: baseline; } div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20); } div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; filter: alpha(opacity=50); cursor: help; } a.nyroModalPrev, a.nyroModalNext { z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background: left 20% no-repeat; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ /*} div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { height: 60%; width: 20%; } a.nyroModalPrev { left: 0; } a.nyroModalPrev:hover { background-image: url(lightbox/ajaxprev.gif); } a.nyroModalNext { right: 0; background-position: right 20%; } a.nyroModalNext:hover { background-image: url(lightbox/ajaxnext.gif); } */ .mbs-gallery { FONT-SIZE:11px; font-weight:normal; line-height:12px; COLOR: #662211; FONT-FAMILY:Tahoma, Geneva, sans-serif; text-align:center; margin-bottom:13px; } /* --------------- This HIDDEN PIC class is to preload an image -------------------------- so it will display faster when its' page loads, or when the cursor hits a rollover image */ .hiddenPic {visibility:hidden;} /* ------------------------------- HIDDEN PIC class ----------------------------------- */ .spin-cw-5:hover { margin:0; -moz-animation:spin .25s linear 5; -webkit-animation:spin .25s linear 5; animation:spin .25s linear 5; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .swing-l-r:hover{ -webkit-animation:swinging 10s ease-in-out 0s infinite; -moz-animation:swinging 10s ease-in-out 0s infinite; animation:swinging 10s ease-in-out 0s infinite; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; transform-origin:50% 0; } @-webkit-keyframes swinging{ 0% { -webkit-transform: rotate(0); } 5% { -webkit-transform: rotate(10deg); } 10% { -webkit-transform: rotate(-9deg); } 15% { -webkit-transform: rotate(8deg); } 20% { -webkit-transform: rotate(-7deg); } 25% { -webkit-transform: rotate(6deg); } 30% { -webkit-transform: rotate(-5deg); } 35% { -webkit-transform: rotate(4deg); } 40% { -webkit-transform: rotate(-3deg); } 45% { -webkit-transform: rotate(2deg); } 50% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(0); } } @-moz-keyframes swinging{ 0% { -moz-transform: rotate(0); } 5% { -moz-transform: rotate(10deg); } 10% { -moz-transform: rotate(-9deg); } 15% { -moz-transform: rotate(8deg); } 20% { -moz-transform: rotate(-7deg); } 25% { -moz-transform: rotate(6deg); } 30% { -moz-transform: rotate(-5deg); } 35% { -moz-transform: rotate(4deg); } 40% { -moz-transform: rotate(-3deg); } 45% { -moz-transform: rotate(2deg); } 50% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(0); } } @keyframes swinging{ 0% { transform: rotate(0); } 5% { transform: rotate(10deg); } 10% { transform: rotate(-9deg); } 15% { transform: rotate(8deg); } 20% { transform: rotate(-7deg); } 25% { transform: rotate(6deg); } 30% { transform: rotate(-5deg); } 35% { transform: rotate(4deg); } 40% { transform: rotate(-3deg); } 45% { transform: rotate(2deg); } 50% { transform: rotate(0); } 100% { transform: rotate(0); } } .blink_me { animation: blinker 1.25s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } .color-awesome { color:#313131; text-shadow: 1px 1px 2px #555; -webkit-animation:colorchange 20s infinite alternate; } @-webkit-keyframes colorchange { 0% { color: #1701D9; } 10% { color: #8e44ad; } 20% { color: #1abc9c; } 30% { color: #d35400; } 40% { color: #1701D9; } 50% { color: #34495e; } 60% { color: #1701D9; } 70% { color: #2980b9; } 80% { color: #f1c40f; } 90% { color: #2980b9; } 100% { color: #F58EFF; } } .shirt-fadein { position:relative; top:0px; left:66px; height: 410px; margin:auto; } .shirt-fadein img { position:absolute; left:-65px; top:0; -webkit-animation-name: fade; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 9s; animation-name: fade; animation-iteration-count: infinite; animation-duration: 9s; } @-webkit-keyframes fade { 0% {opacity: 0;} 20% {opacity: 1;} 33% {opacity: 1;} 53% {opacity: 0;} 100% {opacity: 0;} } @keyframes fade { 0% {opacity: 0;} 13% {opacity: 1;} 39% {opacity: 1;} 53% {opacity: 0;} 100% {opacity: 0;} } #f1 { } #f2 { -webkit-animation-delay: -6s; } #f3 { -webkit-animation-delay: -3s; } .sly { display: none; } .px1 { font-size:1px; font-family:Arial, Helvetica, sans-serif; line-height:1px; } .px2 { font-size:2px; font-family:Arial, Helvetica, sans-serif; line-height:2px; } .px3 { font-size:3px; font-family:Arial, Helvetica, sans-serif; line-height:3px; } .px4 { font-size:4px; font-family:Arial, Helvetica, sans-serif; line-height:4px; } .px5 { font-size:5px; font-family:Arial, Helvetica, sans-serif; line-height:5px; } .px6 { font-size:6px; font-family:Arial, Helvetica, sans-serif; line-height:6px; } .px7 { font-size:7px; font-family:Arial, Helvetica, sans-serif; line-height:7px; } .px8 { font-size:8px; font-family:Arial, Helvetica, sans-serif; line-height:8px; } .px9 { font-size:9px; font-family:Arial, Helvetica, sans-serif; line-height:9px; } .px10 { font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:10px; } .px11 { font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:11px; } .px12 { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:12px; } .px16 { font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:16px; } .px18 { font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:18px; }