/* Main Site Styles Items */
body { color: #777; font-size: 62.5%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif, Tahoma, "Trebuchet MS"; background-color: #fff; margin: 0; }
ul { }
li { font-size: 12px; line-height: 1.6em; }
a { color: #5178b4; text-decoration: underline; }
a:hover { text-decoration: none; }
p { font-size: 1.2em; line-height: 1.6em; }
td { font-size: 1.1em; }
H1 { color: #154b81; font-size: 3em; font-weight: bold; }
H2 { }
/* Page Layout Items */
#wrapper { margin: 0 auto; width: 971px }
#header { background-image: url(../images/interface/technickon-logo.gif); background-repeat: no-repeat; width: 971px; height: 122px; float: left; }
#imageblock { background-image: url(../images/interface/img-address-block.gif); background-repeat: no-repeat; width: 971px; height: 153px; float: left; }

#column-left { width: 266px; float: left; }
#column-middle { width: 446px; float: left; padding-bottom: 20px; }
#content-middle { width: 426px; float: left; margin-top: 20px;}
#column-right { width: 259px; float: left; }

#sectionheader { color: #bbe300; font-size: 1.3em; font-weight: bold; line-height: 1.4em; background-image: url(../images/interface/arrow-left-column.gif); background-repeat: no-repeat; text-indent: 24px; width: 266px; height: 17px; float:left; margin-top: 20px; }

#crumbtrail { font-size: 1em; font-weight: bold; line-height: 1.7em; background-image: url(../images/interface/arrow-middle-column.gif); background-repeat: no-repeat; text-indent: 24px; width: 446px; height: 17px; float:left; margin-top: 20px; }
#crumbtrail a { color: #7e9fd2; }

#accessibility { font-size: 1em; font-weight: bold; line-height: 1.7em; text-align: right; width: 259px; height: 17px; float:left; margin-top: 20px; }
#accessibility a { color: #7e9fd2; }

#sidenav { line-height: 2em; width: 266px; float: left; margin-top: 28px; }
#sidenav li { font-size: 1.1em; margin-left: -5px; list-style-image: url(../images/interface/list-green-arrow.gif); }
#sidenav a { color: #868686; }

#flashgallery { width: 259px; height: 197px; float: left; margin-top: 95px; margin-bottom: 20px; }

#btn-quickquote a { background-image: url(../images/interface/btn-quickquote.gif); background-repeat: no-repeat; text-indent: -9999px; width: 259px; height: 83px; float: left; }
#btn-quickquote a:hover { background-position: 0 -83px; }

#btn-downloadcentre { float: left; width: 131px; height: 31px; margin-top: 10px; margin-left: 33px; }
#download-buttons { text-align: right; width: 240px; margin-top: 20px; }

/* Text  Styles */
.list { list-style-image: url(../images/interface/list-green-arrow.gif); }
.list-tech { color: #5178b4; list-style-image: url(../images/interface/list-tech-logo.gif); }
.small { font-size: 0.9em; }
.navy { color: #154b81; }
.grey { color: #868686; }
.green { color: #96b600; }
.red { color: #d21900; }


/* Table Colour Styles */
.td-grey { background-color: #f6f6f6; }


/* Navigation Strip Items */
#nav { width: 665px; height: 22px; float: right; margin-top: 55px; }

#btn01 a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; text-indent: -9999px; width:101px; height: 22px; float: left; }
#btn01 a:hover { background-position: 0 -22px; }
#btn01-on a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; background-position: 0 -44px; text-indent: -9999px; width:101px; height: 22px; float: left; }
#btn01-on a:hover { background-position: 0 -22px; }

#btn02 a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; text-indent: -9999px; width:123px; height: 22px; float: left; }
#btn02 a:hover { background-position: 0 -22px; }
#btn02-on a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; background-position: 0 -44px; text-indent: -9999px; width:123px; height: 22px; float: left; }
#btn02-on a:hover { background-position: 0 -22px; }

#btn03 a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; text-indent: -9999px; width:113px; height: 22px; float: left; }
#btn03 a:hover { background-position: 0 -22px; }
#btn03-on a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; background-position: 0 -44px; text-indent: -9999px; width:113px; height: 22px; float: left; }
#btn03-on a:hover { background-position: 0 -22px; }

#btn04 a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; text-indent: -9999px; width:131px; height: 22px; float: left; }
#btn04 a:hover { background-position: 0 -22px; }
#btn04-on a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; background-position: 0 -44px; text-indent: -9999px; width:131px; height: 22px; float: left; }
#btn04-on a:hover { background-position: 0 -22px; }

#btn05 a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; text-indent: -9999px; width:116px; height: 22px; float: left; }
#btn05 a:hover { background-position: 0 -22px; }
#btn05-on a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; background-position: 0 -44px; text-indent: -9999px; width:116px; height: 22px; float: left; }
#btn05-on a:hover { background-position: 0 -22px; }

#btn06 a { background-image: url(../images/interface/btn06.gif); background-repeat: no-repeat; text-indent: -9999px; width:80px; height: 22px; float: left; }
#btn06 a:hover { background-position: 0 -22px; }
#btn06-on a { background-image: url(../images/interface/btn06.gif); background-repeat: no-repeat; background-position: 0 -44px; text-indent: -9999px; width:80px; height: 22px; float: left; }
#btn06-on a:hover { background-position: 0 -22px; }

/* Footer Items */
#footer { background-image: url(../images/interface/footer-strip.gif); background-repeat: repeat-x; background-position: 0 top; width: 100%; height: 150px; float: left; }
#footer-text { color: #476e8d; font-size: 1em; font-weight: bold; line-height: 1.4em; text-align: left; width: 950px; margin-top: 35px; }
#footer-text a { color: #476e8d; }


