html, body {
margin: 0;
padding: 0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
width:auto;
height:auto;
}
body{
background-color: #4B88C9;
font-family: Tahoma, Helvetica, Verdana, sans-serif;
color: #CCC;
line-height:1.5;
font-size:small;
voice-family: "\"}\"";
voice-family:inherit;
font-size:small;
text-align: left;
}
A
{
FONT-SIZE: 8pt;
COLOR: #D15001;
FONT-FAMILY: Arial, Helvetica, sans serif;
TEXT-DECORATION: none
}
A:hover
{
TEXT-DECORATION: underline
}
TD, TH
{
FONT-SIZE: 8pt;
COLOR: #333333;
FONT-FAMILY: Arial, Helvetica, sans serif;
}
P { font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
color : black;}
INPUT
{
FONT-SIZE: 8pt;
COLOR: #333333;
FONT-FAMILY: Arial, Helvetica, sans serif
}
SELECT
{
FONT-SIZE: 8pt;
COLOR: #333333;
FONT-FAMILY: Arial, Helvetica, sans serif
}
TEXTAREA
{
FONT-SIZE: 8pt;
COLOR: #333333;
FONT-FAMILY: Arial, Helvetica, sans serif
}
.pagetext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
}
INPUT.button,
INPUT.buttonM
{
background: #FFF;
border: 1px solid #4C77B6;
color: #000;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
padding: 1px;
CURSOR: hand;
WIDTH: auto;
}
.search
{
BORDER-RIGHT: black 1px solid;
PADDING-RIGHT: 5pt;
BORDER-TOP: black 1px solid;
PADDING-LEFT: 5pt;
PADDING-BOTTOM: 5pt;
BORDER-LEFT: black 1px solid;
PADDING-TOP: 5pt;
BORDER-BOTTOM: black 1px solid;
BACKGROUND-COLOR: #e5e5e5
}
.shade
{
COLOR: #333333;
BACKGROUND-COLOR: #F3F2E9;
}
.blackshade
{
BACKGROUND-COLOR: #333333;
FONT-WEIGHT: bold;
}
.rowselected
{
COLOR: #333333;
BACKGROUND-COLOR: #999999;
}
.message
{
FONT-SIZE: 8pt;
FONT-WEIGHT: bold;
COLOR: #cc3300;
FONT-FAMILY: Arial, Helvetica, sans serif;
}
.SELECTS
{
BORDER-RIGHT: gray 1px solid;
BORDER-TOP: gray 1px solid;
BORDER-LEFT: gray 1px solid;
BORDER-BOTTOM: gray 1px solid;
COLOR: #333333;
width: 57px;
FONT-FAMILY: Arial, Helvetica, sans serif
}
h1
{
FONT-FAMILY: Arial, Helvetica, sans serif;
font-size: 13pt;
}
.headertext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
}
h2
{
FONT-FAMILY: Arial, Helvetica, sans serif;
font-size: 10pt;
}
.tableheader
{
FONT-FAMILY: verdana, Arial;
font-size: 13px;
FONT-WEIGHT: bold;
BACKGROUND-COLOR: #5A83C3;
COLOR: #FFFFFF;
padding: 5px;
}
.header2
{
BACKGROUND-COLOR: #D1DCEB;
padding: 10px;
}
.fieldname
{
FONT-FAMILY: verdana, Arial;
color: #3A4F6C;
font-weight: bold;
padding: 5px;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;background: #DFE6EF;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #08c; border-width:0 1px; padding: 4px; background: #DFE6EF;}
.bg {
background-image: url(../images/trio_bg.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-color:#FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.textboxbg {
background-image: url(../images/trio_template_07.jpg);
background-repeat: repeat;
}
.sidebarbg1 {
background-image: url(../images/trio_template_08.jpg);
background-repeat: repeat;
}
.sidebarbg2 {
background-image: url(../images/trio_template_10.jpg);
background-repeat: repeat;
}
#navbar {
background-image: url(../images/navunder.gif);
background-repeat: repeat-x;
background-position:top left;
width:918px;
margin-left:10px;
margin-right:10px;
height:47px;
z-index:3;
}
#majorOptionsMenu{
font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
}
#majorOptionsMenu a{
}
#majorOptionsMenu a:hover{
}
ul { /* all lists */
list-style: none;
color:#000000;
}
li { /* all list items */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
li ul { /* second-level lists */
display: none;
position: absolute;
left: 0;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
ul#nav {
font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
padding: 0;
padding-top:9px;
margin: 0;
}
#majorOptionsMenu ul{
}
/*Mainlist - >sub`st - > sublist item*/
#majorOptionsMenu li { /* nav list items */
float: left;
position: relative;
}
#majorOptionsMenu li ul li{
background-color:#EEEEEE;
padding:0;
display:block;
width:180px;
height:30px;
border-bottom:1px solid #CCCCCC;
}
#majorOptionsMenu li ul li a{
background-color:#F5F5F5;
background-image:url(../images/men_1.gif);
background-repeat:repeat-x;
background-position:top left;
color:black;
padding:0px;
margin:0px;
text-decoration:none;
display:block;
padding-left:5px;
width:175px;
padding-top:5px;
height:25px;
}
#majorOptionsMenu li ul li a:hover {
background-color:#FFCC00;
background-image:url(../images/men_2.gif);
background-repeat:repeat-x;
background-position:top left;
color:black;
padding:0;
margin:0px;
padding-left:5px;
width:175px;
padding-top:5px;
height:25px;
}
#majorOptionsMenu li ul{
border:1px solid #e3e3e3;
padding:0px;margin:0px;
}
#majorOptionsMenu li ul{
border:1px solid #e3e3e3;
padding:0px;margin:0px;
}
#breadcrumb ul li{
list-style-image: none;
display:inline;
padding: 0 3px 0 0;
margin: 3px 0 0 0;
}
#breadcrumb ul{
margin:0;padding:0;
list-style-type: none;
padding-left: 1em;
}
#Layer3 {
position:absolute;
width:924px;
height:115px;
z-index:2;
}
#Table_01 {
position:relative;
left:0px;
top:0px;
width:954px;
height:942px;
}
#trio-template-05 {
position:absolute;
left:0px;
top:47px;
width:609px;
height:23px;
}
#trio-template-06 {
position:absolute;
left:609px;
top:47px;
width:311px;
height:23px;
}
#maintextarea {
position:absolute;
left:0px;
top:61px;
width:589px;
height:614px;
overflow: auto;
padding: 10px;
margin: 0px;
}
#trio-template-08 {
position:absolute;
left:626px;
top:264px;
width:311px;
height:172px;
overflow: auto;
}
#trio-template-09 {
position:absolute;
left:626px;
top:436px;
width:311px;
height:30px;
}
#trio-template-10 {
position:absolute;
left:626px;
top:466px;
width:311px;
height:423px;
overflow: auto;
}
#trio-template-11 {
position:absolute;
left:17px;
top:889px;
width:920px;
height:53px;
}
.whitebg {
background-color: #FFFFFF;
}
#home_button {
position:absolute;
width:106px;
height:33px;
z-index:1;
left: 21px;
top: 8px;
}
#Layer1 {
position:absolute;
width:585px;
height:2px;
z-index:1;
left: 126px;
top: 34px;
}
#Layer2 {
position:absolute;
width:196px;
height:69px;
z-index:1;
left: 707px;
top: 55px;
}
li.homeButton{
background-image:url(../images/homeButton_bg.gif);
background-repeat:no-repeat;
width:102px; /*99*/
height:31px; /*31*/
}
li.homeButton a {
background-image:url(../images/homeButton_bg.gif);
background-repeat:no-repeat;
display:block;
text-decoration:none;
padding-top:8px;
padding-left:40px;
height:28px;
font-size:12px;
color:black;
}
li.hardwareButton{
background-image:url(../images/hingeButton_bg.gif);
background-repeat:no-repeat;
background-position:top left;
width:170px; /*99*/
height:31px; /*31*/
}
li.hardwareButton a {
display:block;
text-decoration:none;
padding-top:8px;
padding-left:45px;
height:28px;
font-size:12px;
color:black;
}
li.architectualButton{
background-image:url(../images/archButton_bg.gif);
background-repeat:no-repeat;
background-position:top left;
width:175px; /*99*/
height:31px; /*31*/
}
li.architectualButton a {
display:block;
text-decoration:none;
padding-top:8px;
padding-left:45px;
height:28px;
font-size:12px;
color:black;
}
li.locksButton{
background-image:url(../images/locksButton_bg.gif);
background-repeat:no-repeat;
background-position:top left;
width:102px; /*99*/
height:31px; /*31*/
}
li.locksButton a {
display:block;
text-decoration:none;
padding-top:8px;
padding-left:45px;
height:28px;
font-size:12px;
color:black;
}
li.binLiftersButton{
background-image:url(../images/binLiftersButton_bg.gif);
background-repeat:no-repeat;
background-position:top left;
width:102px; /*99*/
height:31px; /*31*/
}
li.binLiftersButton a {
display:block;
text-decoration:none;
padding-top:8px;
padding-left:33px;
height:28px;
font-size:12px;
color:black;
}
li.doItYourselfButton{
background-image:url(../images/doItYourselfButton_bg.gif);
background-repeat:no-repeat;
background-position:top left;
width:109px; /*99*/
height:31px; /*31*/
}
li.doItYourselfButton a {
display:block;
text-decoration:none;
padding-top:8px;
padding-left:35px;
height:28px;
font-size:12px;
color:black;
}
li.corporateButton{
background-image:url(../images/corporateButton_bg.gif);
background-repeat:no-repeat;
background-position:top left;
width:130px; /*99*/
height:31px; /*31*/
}
li.corporateButton a {
display:block;
text-decoration:none;
padding-top:8px;
padding-left:35px;
height:28px;
font-size:12px;
color:black;
}
li.contactButton{
background-image:url(../images/contactButton_bg.gif);
background-repeat:no-repeat;
background-position:top left;
width:102px; /*99*/
height:31px; /*31*/
}
li.contactButton a {
display:block;
text-decoration:none;
padding-top:8px;
padding-left:30px;
height:28px;
font-size:12px;
color:black;
}
#content_nav{
padding-left:10px;
padding-top:0px;
width:918px;
height:auto;
}
#contentMiddle{
width:560px;
float:left;
text-align:left;
}
#contentMiddleInner{
width:913px;
float:left;
text-align:left;
}
#rightSide{
width:310px;
float:right;
}
#contentFooter{
clear:both;
}
#contentFooter a{
color:#000000;
text-decoration:none;
}
#stage{
margin:0 auto;
background-image:url(../images/stage_base.jpg);
background-repeat:repeat-y;
background-position:top left;
width:938px;
}
#flashHeader{
margin-left:8px;
}
.divider{
background-image:url(../images/greyDivider_bg.gif);
background-repeat:no-repeat;
background-position:top left;
height:3px;
width:288px;
margin-top:5px;
margin-bottom:3px;
}
div#sidebar{
background-image:url(../images/sidebar_tile.gif);
background-repeat:repeat-y;
background-position:top left;
}
div#sidebar .top{
background-image:url(../images/sidebar_top.gif);
background-repeat:no-repeat;
background-position:top left;
width:295px;
height:43px;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding-top:15px;
padding-left: 15px;
}
div#sidebar .bottom{
background-image:url(../images/sidebar_bottom.gif);
background-repeat:no-repeat;
background-position:top left;
width:310px;
height:19px;
clear:both;
}
div#sidebar .inner{
padding-left:17px;
margin-right:5px;
font-family: Arial,Tahoma, Helvetica, Verdana, sans-serif;
display:block;
width:270px;
}
/*div#sidebar .testimonial{
padding:10px;
}
div#sidebar .testimonial h1{
color:#256e9d;
font-style:italic;
font-size:18px;
letter-spacing:0.3px;
text-align:justify;
margin-bottom:4px;
}
div#sidebar .testimonial h2{
font-size:12px;
color:#424242;
margin:0px;
padding-bottom:10px;
text-align:right;
}
*/
div#sidebar .inner h1{
font-size:14px;
color:#256e9d;
margin:0px;
padding:0px;
}
div#sidebar .inner h2{
font-size:12px;
color:#424242;
margin:0px;
padding:0px;
}
div#sidebar .clear {
clear:both;
}
div#sidebar .centreHinges{
margin:0 auto;
width:240px;
display:block;
}
.nav ul{
border:0px;
margin:0px;
}
#footer{
background-image:url(../images/trio_footer_tile.jpg);
background-repeat:repeat-x;
background-position:top left;
margin-left:10px;
margin-right:10px;
width:918px;
height:51px;
}
.alignLeft{
float:left;
}
.alignRight{
float:right;
}
.footerText{
float:right;
width:745px;
height:51px;
}
.alignLeft p{
padding-top:5px;
margin:0px;
}
.talignLeft{
text-align:left;
}
.talignRight{
text-align:right;
}
.talignCentre{
text-align:center;
}
.center{
margin:0 auto;
padding-left:25px;
}
div#aboutTrio{
background-image:url(../images/aboutTrio_tile.jpg);
background-repeat:repeat-y;
background-position:top left;
width:601px;
}
div#aboutTrio .top {
background-image:url(../images/aboutTrio_title.gif);
background-repeat:no-repeat;
background-position:top left;
width:590px;
height:28px;
clear:both;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
padding-left: 18px;
padding-top: 15px;
}
div#aboutTrio .bottom {
background-image:url(../images/aboutTrio_bottom.gif);
background-repeat:no-repeat;
background-position:top left;
width:601px;
height:17px;
clear:both;
}
div#aboutTrio .awards {
width:185px;
height:326px;
margin-left:15px;
float:left;
border:1px solid #FF0000;
}
div#aboutTrio .container{
width:580px;
}
div#aboutTrio .content{
width:550px;
float:left;
padding: 5px;
margin-left:15px;
}
div#standardContent{
background-image:url(../images/innerPageTile.jpg);
background-repeat:repeat-y;
background-position:top left;
width:909px;
margin-top:2px;
margin-left:3px;
display:block;
text-align:justify;
}
/* div#standardContent ul{
color:#000000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
float:none;
list-style-position:inside;
}
div#standardContent li{
color:#000000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
float:none;
list-style-position:inside;
} */
div#standardContent .top {
background-image:url(../images/contentno_title.gif);
background-repeat:no-repeat;
background-position:top left;
width:888px;
height:28px;
clear:both;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
padding-left: 18px;
padding-top: 15px;
}
div#standardContent .top h1{
font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
font-size:16px;
color:#ffffff;
font-weight:bold;
}
div#standardContent .bottom {
background-image:url(../images/innerPageContent_bottom.gif);
background-repeat:no-repeat;
background-position:top left;
width:909px;
height:17px;
clear:both;
}
div#standardContent .container{
width:870px;
padding:20px;
padding-top:5px;
font-size:12px;
}
div#standardContent .container h2{
font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
font-size:14px;
color:#000000;
}
div#standardContent .container ul{
list-style:circle;
list-style-type:circle;
}
div#standardContent .container li{
list-style:circle;
list-style-type:circle;
}
ul.standard li{
vertical-align:top;
}