/* 

     Tritech International Limited Website Stylesheet > V2.0 
	 -------------------------------------------------------
	 
	 Contains styling and layout for site.

*/


/* Style: Basic Standard */

body {background: url(../images/layout/background5.gif) #FFF repeat-x; margin: 10px 0; padding: 0;}  

h1 {font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; background-color: #FFF; color: #F30;}
h2 {font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; background-color: #FFF; color: #666;}
h3 {font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #FFF; color: #666;}
h4 {font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #FFF; color: #666;}

p, ul, ol, blockquote {font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #FFF; color: #666;}

p {text-align: justify;}
p a {color: #03F; background-color: #FFF; text-decoration: underline;}
p a:hover {color: #F30; background-color: #FFF;}

blockquote {font-style: italic;}

ol li {padding: 5px 0px 5px 0px; margin: 0;}

form {margin: 0; padding: 0;}
select {
	font-family:arial, helvetica, sans-serif;
	font-size:11px; font-weight:normal; 
	background-color:#FFF; 
	color:#666; 
	width:100px; list-style:circle;
}/* addition for feedback form*/
textarea#usermessage {visibility:hidden; display:none;}

table {font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal;}
table th {color: #666; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold;}
table td {color: #666; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal;}
table a {color: #03F; background-color: #FFF; text-decoration: underline;}
table a:hover {color: #F30; background-color: #FFF;}


/* Style: Basic Styled */

h1.pageheader {border-bottom: 1px solid #666; margin-bottom: 2px;}
h1.largeheader {font-size: 36px;}

h2.headertext {font-family: "Lucida Grande", verdana, sans-serif; font-size: 10px; font-weight: normal; background: url(../images/navmenu/navbkg.gif) #fff repeat-x 20px; color: #000;}
h2.headertext {text-align: left; margin: 10px 0px 10px 0px; padding: 2px; border: #666 1px solid;}

h3.productheader {font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #EEE; color: #FFF;}
h3.productheader {text-align: left; margin:0; padding:0px 0px 0px 2px;}
h3.productheader a {background-color: #EEE; color: #03F; text-decoration: none;}
h3.productheader a:hover {background-color: #EEE; color: #F30; text-decoration: none;}

ul.bullet-list {list-style-type: none; padding: 0; margin: 0;}
ul.bullet-list li {background-image: url(../images/common/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 0.8em;;}
ul.bullet-list li a {color: #03F; background-color: #FFF; text-decoration: underline;}
ul.bullet-list li a:hover {color: #F30; background-color: #FFF;}	

ul.pdf-list {list-style-type: none; padding: 0; margin: 0;}
ul.pdf-list li {background-image: url(../images/logos/pdf-icon.gif); background-repeat: no-repeat; background-position: 0 .3em; padding-left: 2em; line-height: 20px;}	
ul.pdf-list li a {color: #03F; background-color: #FFF; text-decoration: underline;}
ul.pdf-list li a:hover {color: #F30; background-color: #FFF;}

ul.pp-list {list-style-type: none; padding: 0; margin: 0;}
ul.pp-list li {background-image: url(../images/logos/powerpoint-icon.gif); background-repeat: no-repeat; background-position: 0 .3em; padding-left: 2em; line-height: 20px;}	
ul.pp-list li a {color: #03F; background-color: #FFF; text-decoration: underline;}
ul.pp-list li a:hover {color: #F30; background-color: #FFF;}

ul.rss-list {list-style-type: none; padding: 0; margin: 0; line-height: 1.6em;}
ul.rss-list li {background-image: url(../images/icons/feed.gif); background-repeat: no-repeat; background-position: 0 .2em; padding-left: 1.8em;}	
ul.rss-list li a {color: #03F; background-color: #FFF; text-decoration: underline;}
ul.rss-list li a:hover {color: #F30; background-color: #FFF;}

ul.wmv-list {list-style-type: none; padding: 0; margin: 0; line-height: 1.6em;}
ul.wmv-list li {background-image: url(../images/logos/wmv-icon.gif); background-repeat: no-repeat; background-position: 0 .2em; padding-left: 1.8em;}	
ul.wmv-list li a {color: #03F; background-color: #FFF; text-decoration: underline;}
ul.wmv-list li a:hover {color: #F30; background-color: #FFF;}

ul.large-list {font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: normal; background-color: #FFF;color: #C96; list-style-type: none; line-height: 1.5em;}
ul.large-list li {background-image: url(../images/common/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-left: 0.8em;}

.buttonstyle {color: #000; background: url(../images/navmenu/navbkg4.gif) #FFF repeat-x 20px; font: 10px "Lucida Grande", verdana, sans-serif; height: 22px; border: 1px solid #999;}

a.sitemaplink {color: #FFF; background-color: transparent; font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline;}

td.dottedline {border-bottom: 1px dotted #666;}


/* Style: Text Styled */

.standardtext {font-family:arial, helvetica, sans-serif; font-size:11px; font-weight:normal; background-color:#FFF; color:#666;}
.standardtext {text-align: justify;}
.standardtext a {color: #03F; background-color: #FFF; text-decoration: underline;}
.standardtext a:hover {color: #F30; background-color: #FFF;}

.underlinetext {font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; background-color: #FFF; color: #666; text-decoration: underline;}

.smalltext {font-family:arial, helvetica, sans-serif; font-size:10px; font-weight:bold; background-color:#FFF; color:#666;}
.smalltext {text-align: left;}
.smalltext a {color: #03F; background-color: #FFF; text-decoration: underline;}
.smalltext a:hover {color: #F30; background-color: #FFF;}

.subtxt {font-size:9px; color:#AAA; background-color:#FFF;}

.footertext {font-family:arial, helvetica, sans-serif; font-size:10px; font-weight:bold; background-color:transparent; color: #666;}
.footertext {text-align: left;}
.footertext a {color: #03F; background-color: transparent; text-decoration: underline;}
.footertext a:hover {color: #F30; background-color: transparent; text-decoration: underline;}

.sidebartext {font-family: arial, helvetica, sans-serif; font-size: 10px; background-color: #FFF; color: #666;}
.sidebartext {text-align: justify; margin: 0; padding: 0px 10px 0px 10px;}
.sidebartext a {color: #03F; background-color: #FFF; text-decoration: underline;}
.sidebartext a:hover {color: #F30; background-color: #FFF;}

.sidebarhdr {font-family:arial, helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#FFF; color:#666;}
.sidebarhdr {text-align: left; margin: 0; padding: 10px 10px 0px 10px;}

.notetext {font-family:arial, helvetica, sans-serif; font-size:10px; font-weight:bold; background-color:#EEE; color:#F30;}
.notetext {text-align: justify; padding: 10px; border: #666 1px dashed;}

.notetext a {color: #F30; background-color: #EEE; text-decoration: underline;}
.notetext a:hover {color: #03F; background-color: #EEE; text-decoration: underline;}

.headerstroke {font-family:arial, helvetica, sans-serif; font-size:16px; font-weight:normal; background:#fff; color:#C96;}
.headerstroke {text-align:left; margin:10px 0px 0px 0px; padding:2px; border-bottom:#C96 1px solid;}

.headerlink {font-family: "Lucida Grande", verdana, sans-serif; font-size: 10px; font-weight: bold; background-color: #FFF; color: #666;}
.headerlink {text-align: left; margin: 10px 0px 10px 0px; padding: 2px; border-bottom: #666 1px solid;}
.headerlink a {background-color: #FFF; color: #39C; text-decoration: none;}
.headerlink a:hover {background-color: #FFF; color: #F30; text-decoration: none;}						


/* Layout Stylesheet */ 

#v3-container {width: 809px; border: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0; color:#FFF; background-color: transparent;}
#v3-header {margin: 0; padding: 0; background: url(../images/layout/v3-header3.gif) no-repeat 0 0; height: 110px;}
#v3-content {margin: 0; padding: 0; background: url(../images/layout/v3-content.gif) repeat-y;}
#v3-footer {margin: 0; padding: 0; background: url(../images/layout/v3-footer.gif) no-repeat 0 0; height: 52px;}

#v3-header-container {margin: 0 22px 0 162px; padding: 0;}
#v3-header-search {margin: 12px 0 10px 0; padding: 0; float: right;}
#v3-content-container {margin: 0 22px; padding: 5px 0 15px 0;}
#v3-footer-container {margin: 0; padding: 16px 22px 0 22px;}

.v3-margintxt {font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFF;}
.v3-margintxt {text-align: left;}
.v3-margintxt a {color: #FFF; text-decoration: underline;}
.v3-margintxt a:hover {color: #F30; text-decoration: underline;}

.v3-float-r {margin: 0; padding: 0; float: right;}
.v3-float-l {margin: 0; padding: 0; float: left;}

#background {margin: 0; padding: 0; background: url(../images/layout/background2.jpg) repeat-x; position: absolute; left: 0; top: 0; width: 100%;}
#container {width: 765px; border: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0;}
#banner {margin: 0; padding: 0; background: url(../images/layout/tritech-banner-logo2.gif) no-repeat 0px 0px; height: 105px;}
#banner-leftside {margin: 0; padding: 0; float: left; width: 125px}
#banner-rightside {margin: 0px 0px 0px 0px; padding: 0; float: right; width: 625px; background:url(../images/layout/tritech-banner-slogan.gif) no-repeat 0px 0px;}
#banner-testrightside {margin: 0px 0px 0px 0px; padding: 0; float: right; width: 625px;}
#banner-top {width: 100%; margin: 10px 0px 0px 0px; padding: 0;}
#banner-topleft {margin: 0; padding:0; float: left; height: 50px;}
#banner-topright {margin: 0; padding:0; float: right; height: 50px;}
#content {float: right; width: 573px; margin: 0; padding: 0px;}
#sidebar-container {float: left; width: 182px; margin: 0; padding: 0;}
#sidebar-menu {width: 100%; margin: 0px; padding: 5px; border: 1px solid; color: #000; background-color: #FFF;}
#sidebar-item {width: 100%; margin-top: 10px; padding: 5px; border: 1px solid; color: #000; background-color: #999;}
#footer {clear: both; padding: 5px; margin-top: 5px; border: 0px;}
#breadcrumb {margin-top: 0px}

.oldbox-top {background: url(../images/layout/box.gif) no-repeat 100% 0px; margin: 10px 0px 0px 10px; height: 19px;}
.oldbox-top DIV {background: url(../images/layout/box.gif) no-repeat 0px 0px; left: -10px; width: 10px; position: relative; height: 19px;}
.oldbox-bottom {background: url(../images/layout/box.gif) no-repeat 100% 100%; margin: 0px 0px 0px 13px; height: 12px;}
.oldbox-bottom DIV {background: url(../images/layout/box.gif) no-repeat 0px 100%; left: -13px; width: 13px; position: relative; height: 12px;}

.box-top {background: url(../images/layout/box2.gif) no-repeat 100% 0px; margin: 0px 0px 0px 10px; height: 20px;}
.box-top DIV {background: url(../images/layout/box2.gif) no-repeat 0px 0px; left: -10px; width: 10px; position: relative; height: 20px;}
.box-bottom {background: url(../images/layout/box2.gif) no-repeat 100% 100%; margin: 0px 0px 0px 10px; height: 20px}
.box-bottom DIV {background: url(../images/layout/box2.gif) no-repeat 0px 100%; left: -10px; width: 10px; position: relative; height: 20px;}

.i1 {padding:0px 0px 0px 1px; background:url(../images/layout/borders.gif) repeat-y 0px 0px;}
.i2 {padding:0px 1px 0px 0px; background:url(../images/layout/borders.gif) repeat-y 100% 0px;}
.i3 {padding:10px 10px 0px 10px; border-top:#fffffe 1px solid; border-right:#fffffe 0px solid; border-bottom:#fffffe 1px solid; border-left:#fffffe 0px solid; background:#fff; color:#000; height:100%;}
.i3-nopad {padding:0; border-top:#fffffe 1px solid; border-right:#fffffe 0px solid; border-bottom:#fffffe 1px solid; border-left:#fffffe 0px solid; background:#fff; color:#000; height:100%;}

.subbox-bottom {background:url(../images/layout/box3.gif) no-repeat 100% 100%; margin:0px 0px 0px 10px; height:20px;}
.subbox-bottom DIV {background:url(../images/layout/box3.gif) no-repeat 0px 100%; left:-10px; width:10px; position:relative; height:20px;}
.subbox-i3 {padding:10px 10px 0px 10px; border-top:#01AFF1 1px solid; border-right:#01AFF1 0px solid; border-bottom:#01AFF1 1px solid; border-left:#01AFF1 0px solid; background:#01AFF1; color:#FFF; height:100%;}

#navcontainer {margin:0; padding:15px 0 0 0; text-align:center;}
#navcontainer ul li {list-style-type:none; padding:0; margin:0; display:block; float:left; background:url(../images/navmenu/navbkg4.gif) repeat-x 20px; font:10px/20px "Lucida Grande", verdana, sans-serif; text-align:center;}
#navcontainer ul {list-style:none; padding:0; margin:0;}
#navcontainer a {color:#000; text-decoration:none; display:block; width:88px; border-top:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #666;}
#navcontainer li#lastitem {border-right:1px solid #666;}
#navcontainer li.active {background:url(../images/navmenu/navbkg-hover4.gif) repeat-x 20px;}
#navcontainer a:hover {background:url(../images/navmenu/navbkg-hover4.gif) repeat-x 20px;}

.menubuttonscontainer {width:160px; padding-top:10px;}

.content-padding {margin:0; padding:0px 10px 0px 10px;}

.sidebox-content {margin:0px 10px 0px 10px; padding:0;}
.sidebox-icon {margin:0; padding:0; float:left; width:20px;}
.sidebox-hdr {margin:0; padding:0; float:left; width:135px;}
.sidebox-contentend {margin:0; padding:0; clear:both;}

.clear {margin:0; padding:0; clear:both;}
.float-left {margin:0; padding:0; float:left;}
.float-right {margin:0; padding:0; float:right;}

.vspace {margin:0; padding:0; height:10px; width:100%;}
.dashedline {margin:20px 0; padding:0; border-top:1px dashed #666;}
.dottedline {margin:0; padding:0; border-bottom:1px dotted #666;}

.bordertable {text-align:left; border:0px solid #EEE; border-collapse:collapse; border-spacing:0px;}
.bordertable th {border-top:1px solid #EEE; border-bottom:1px solid #EEE;}
.bordertable td {border-top:1px solid #EEE; border-bottom:1px solid #EEE;}