/*Style for Stewart Engineering */


/* Tags */
body {
background-color: #fff;
margin: 0px;
}

/* Anchors */

a {
color: #f40f0c;
text-decoration: none;
}
a:hover {
color: #ff9700;
text-decoration: underline;}

img.catalogue {
border:3px double rgb(175,215,193);
}
img.catalogue:hover {
border:3px solid rgb(242,148,0);}


a.nav {
color: #fff;
text-decoration: none;}
a.nav:hover {
color: #ff9700;
text-decoration: none;}

a.nav2 {
color: #699e8c;
text-decoration: none;}
a.nav2:hover {
color: #ff9700;
text-decoration: none;}

a.nav3 {
color: #535353;
text-decoration: none;}
a.nav3:hover {
color: #fff;
text-decoration: none;}
/* Backgrounds */
.dgreen {
background-color: #7fb1a8;
}

.lgreen {
background-color: #afd7c1;
}

.orange {
background-color: #ff9700;
border-bottom: 1px solid #fff;
}

.dgreen2 {
background-color: #679e8c;
}

.bdrorange {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

/* Fonts */
body, td, textarea, div, span {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-size: 11px;
}

.f6 {
font-size: 6px;}
.f7 {
font-size: 7px;}
.f8 {
font-size: 8px;}
.f9 {
font-size: 9px;}
.f10 {
font-size: 10px;}
.f11 {
font-size: 11px;}
.f13 {
font-size: 13px;}
.f12 {
font-size: 12px;}
.f14 {
font-size: 14px;}
.f16 {
font-size: 16px;}
.f18 {
font-size: 18px;}
.f19 {
font-size: 19px;}
.f20 {
font-size: 20px;}
.f24 {
font-size: 24px;}
.f28 {
font-size: 28px;}
.f30 {
font-size: 30px;}
.f36 {
font-size: 36px;}
.f40 {
font-size: 40px;}
.f48 {
font-size: 48px;}
.f60 {
font-size: 60px;}
.bld, .b {
font-weight: bold;}
.em {
font-style: italic;}
.u {
text-decoration: underline;}
.caps {
font-variant: small-caps;}
.c, .cnt {
text-align: center;}
.l {
text-align: left;}
.r {
text-align: right;}
.j {
text-align: justify;}
.tp {
vertical-align: top;}
.btm {
vertical-align: bottom;}
.mid {
vertical-align: middle;}
.hand {
cursor:pointer;
}

/* Classes */

.tpr {
vertical-align: top;
text-align: right;}

.tpc {
vertical-align: top;
text-align: center;}

.tpl {
vertical-align: top;}

.tpr {
vertical-align: top;
text-align: right;}

.btr {
vertical-align: bottom;
text-align: right;}

.btl {
vertical-align: bottom;
text-align: left;}


span.alphabeta {
cursor:pointer;
font-size: 14px;
color:rgb(201,0,0);
font-weight:bold;
vertical-align:bottom;
line-height:16px;
}

/* Colours */

.wht {
color: #fff;}

.blk {
color: #010000;}

.red {
color: #f40f0c;}

.o, .ora {
color: #ff9700;}

.grnlt {
color: #afd9c3;}

.grndk {
color: #699e8c;}

.main {
color: #444444; }

.dgrey {
color: #535353;}

/* Borders n Butttons */

.box1 {
border: 1px solid #010000;
background-color: #ffffff;
font: 11px arial,sans-serif;
color: #535353;
padding: 1px 4px;
}

.box2 {
border: 1px solid #010000;
background-color: #ffffff;
font: 9px arial,sans-serif;
color: #535353;
padding: 1px 4px;
height:18px;
}

.bdr {
border: 1px solid #afd9c3;}

.bdrO {
border: 1px solid #ff9700;}

/*images*/

.gradslice {
background: url(../images/gradslice.gif) repeat-x 0px 0px;
}

.orangeline {
background: url(../images/orangeline.gif) repeat-x 0px 0px;
}

.whitegreenline {
background: url(../images/whitegreenline.gif) repeat-x 0px 0px;
}

.rightgreengrad {
background: url(../images/rightgreengrad.gif) repeat-y 0px 0px;
}

.orangeshadowgrad {
background: url(../images/index15.gif) repeat-y 0px 0px;
}

.greenlineww {
background: url(../images/greenlineww.gif) repeat-y 0px 0px;
}

.menupic {
background: #679e8c url(../images/index20.jpg) no-repeat 0px 0px;
}

.btmbar {
background: #fff url(../images/btmbar.gif) repeat-x 0px 0px;}

/* borders and buttons */

.padbtm {
padding-bottom: 2px;
}

.padlbtm {
padding-bottom: 2px;
padding-left: 4px;
}
.pad4 {
padding: 4px;}

.pad4l {
padding-left: 4px;}

.pad10x {
padding-left: 10px;}

.pad10 {
padding: 5px 10px;}

.box {
border: 1px solid #ff9700;
padding: 0px 4px;
background-color: #fff;
color: #000;
font: 12px Arial, Helvetica, sans-serif;}

.butt {
border: 1px solid  #000;
background-color: #ff9700;
color:#fff;
font: 12px Arial, Helvetica, sans-serif;
cursor:pointer;}

.butt:hover {
border: 1px solid #ff9700;
background-color: #fff;
color: #000;
}

.print {
visibility: visible;}

 /*Ids */
#first:first-letter {
color: #699e8c;font-size:160%;}

.fll {
      float:left;
      margin-right: 6px;
      margin-bottom: 4px;
}
.flr {
      float:right;
      margin-left: 6px;
      margin-bottom: 4px;
}
.clearL {
      clear: left;
}
.clearR {
      clear:right;
}
.clearB {
      clear:both;
}

textarea.mono {
      font-family: 'courier new', 'andale mono', courier, monospaced;
      font-size: 14px;}