/************************************************
	Copyright
    Byte Art 2008
	CSS StyleSheet by Tavis Basing
    Last Updated: 17 Oct 2008
	http://www.byteart.com

************************************************/

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]


************************************************/

/**********  [=TEMP]   **********/


.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/

* { margin: 0; padding: 0; }
body { font: 16px/1.5 Trebuchet MS, Arial, Helvetica, Verdana, Sans-Serif; background: #00367B url(../graphics/bg1920.gif) repeat-y top center; }
.bodyinner { }
#wrap { width: 732px; text-align: center; margin: 0 auto; overflow: hidden;height:100%; }
h2 { font-size: 12px; font-weight: bold; }
h1 { color: #95167E; font-size: 17px; font-weight: bold; line-height: 1.8; margin: 10px 0 0; }
h4 { color: #95167E; font-size: 14px; font-weight: bold; line-height: 1.8; }
h5 {color: #95167E; font-size: 13px; font-weight: bold;}
img { border: none; }
.clear { clear: both; margin-bottom: 0px; }
.clearlist { clear: both; margin-bottom: 10px; margin-top: 10px; }
a { text-decoration: none; color: #666666; }
a:hover { text-decoration: underline; }
.quotetxt { color: White; padding: 5px 0px 0px 5px; }
.quotebtn { cursor: pointer; font-size: 6pt; line-height: 1.3em; font-family: Arial; font-weight: bold; background: url(../graphics/getaquotebtn.jpg) no-repeat 0px 0px; height: 64px; width: 221px; text-align: left; }
.botbtn { margin: 5px 0 0 0px; cursor: pointer; }
a.button { background: url(../graphics/btn_leftjoint.gif) no-repeat left bottom; color: white; display: block; cursor: pointer; float: left; height: 20px; overflow: hidden; font-weight: bold; margin-right: 0px; padding-right: 0px; /* sliding doors padding */ text-decoration: none; width: 135px; }
a.button:hover { background: url(../graphics/btn_leftjoint.gif) no-repeat left top; }
a.button span { background: transparent url(../graphics/btn_right_joint.gif) no-repeat bottom right; cursor: pointer; display: block; line-height: 20px; padding: 0 0 0 8px; }
a.button:hover span { background: transparent url(../graphics/btn_right_joint.gif) no-repeat top right; }
a.button:active { background-position: top left; color: #fff; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span { background-position: top right; padding-top: 1px; line-height: 21px; /* push text down 1px */ }
.labelred { color: #95167E; }

.sendbtn { margin: 10px 0 0 0px; float: right; cursor: pointer; }
a.sbutton { background: url(../graphics/btn_leftjoint.gif) no-repeat left bottom; color: white; display: block; cursor: pointer; float: left; height: 20px; overflow: hidden; font-weight: bold; margin-right: 0px; padding-right: 0px; /* sliding doors padding */ text-decoration: none; width: 75px; }
a.sbutton:hover { background: url(../graphics/btn_leftjoint.gif) no-repeat left top; cursor: pointer; }
a.sbutton span { background: transparent url(../graphics/btn_right_joint.gif) no-repeat bottom right; cursor: pointer; display: block; line-height: 20px; padding: 0 0 0 8px; }
a.sbutton:hover span { cursor: pointer; background: transparent url(../graphics/btn_right_joint.gif) no-repeat top right; }
a.sbutton:active { background-position: top left; color: #fff; outline: none; /* hide dotted outline in Firefox */ }
a.sbutton:active span { background-position: top right; padding-top: 1px; line-height: 21px; /* push text down 1px */ }

a.srbutton { background: url(../graphics/btn_leftjoint.gif) no-repeat left bottom; color: white; display: block; cursor: pointer; float: left; height: 20px; overflow: hidden; font-weight: bold; margin-right: 10px; padding-right: 0px; /* sliding doors padding */ text-decoration: none; width: 75px; }
a.srbutton:hover { background: url(../graphics/btn_leftjoint.gif) no-repeat left top; cursor: pointer; }
a.srbutton span { background: transparent url(../graphics/btn_right_R_joint.jpg) no-repeat bottom right; cursor: pointer; display: block; line-height: 20px; padding: 0 0 0 8px; }
a.srbutton:hover span { cursor: pointer; background: transparent url(../graphics/btn_right_R_joint.jpg) no-repeat top right; }
a.srbutton:active { background-position: top left; color: #fff; outline: none; /* hide dotted outline in Firefox */ }
a.srbutton:active span { background-position: top right; padding-top: 1px; line-height: 21px; /* push text down 1px */ }




.aboutBox { float: left; width: 367px; padding-top: 10px; }
.aboutleft { float: left; width: 176px; text-align: left; }
.aboutright { float: left; width: 190px; text-align: left; }
div.form { list-style: none; font-size: 13px; }
.textarea { width: 190px; height: 75px; margin-top: 2px; background-color: #F6EFDD; border: none; }
.aboutright input.textfield { width: 190px; background-color: #F6EFDD; border: medium none; }
.aboutright input.textfieldsm { width: 166px; background-color: #F6EFDD; border: medium none; }
.uploadfield { background-color: #F6EFDD; border: none; }

.radiobtn { padding-right: 5px; }
.submitBtn { }

.shortdropdown { width: 190px; font-size: 13px; background-color: #F6EFDD; border: none; }
.longdropdown { width: 190px; font-size: 13px; background-color: #F6EFDD; border: none; }

.validationMsg { }
.errorMsg { color: Red; font-size: 10px; }
a.newsArchiveLink { clear: both; display: block; margin: 20px 0 0 9px; text-align: left; font-weight: 200; font-size: 11px; }
a.newsArchiveLink:hover { text-decoration: underline; }

/**********  [=HEADER]   **********/

#header { height: 340px; margin: 0 0 0px 0; background: #FFFDF5;}
.datetime { font-family: Arial; margin: 0px 10px 0px 10px; float: right; width: 530px; }
.left { float: left; width: 210px; }
.right { float: right; padding-right: 40px; width: 280px; }
.headertext { font-family: Verdana; width: 450px; font-size: 12pt; color: Black; padding-left: 140px; padding-top: 30px; float: left; }
.logo { float: left; margin: 70px 0px 0px 40px; }
.bannertop { margin: 20px 40px 10px 0; float: right; font-size: 9pt; line-height: 1.3em; font-family: Arial; font-weight: bold; background: url(../graphics/getaquote_btn.jpg) no-repeat 0px 0px; height: 64px; width: 221px; text-align: left; }
.bannertxt { color: #E7CAD7; padding: 15px 0px 0px 18px; display: block; }
.bigquote { color: White; font-size: 13pt; }
.bannertop:hover { background: url(../graphics/getaquote_btn.jpg) no-repeat bottom left; text-decoration: none; }
.bannertop:hover span { color: #FFFDF5; }
.bigquote:hover { color: #FFFDF5; }
.logotxt { color: #00519E; font-family: Arial; font-size: 11pt; font-weight: bold; margin-right: 54px; }
.logoemail a { color: #00519E; font-family: Arial; font-size: 11pt; font-weight: bold; margin-right: 17px; }
.addthis { margin-top: 5px; text-align: right; }
.bluline { height: 1px; background-color: #00519E; width: 490px; }
.navibartxt { font-family: Trebuchet MS; color: #A1A2A4; font-size: 13px; text-align: right; }
.navibartxt a { padding-left: 15px; }
.navi { height: 34px; display: block; margin: 0px 9px 0px 9px; }
.navi ul { list-style: none; height: 34px; }
.navi ul li { display: inline; }
.navi ul li a { width: 118px; height: 34px; background: url(../graphics/menu_1pxjoint.gif) bottom left; border-right: solid 1px #010551; display: block; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.navi ul li a { font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 2.3em; }
.navi ul li a.on { font-size: 14px; font-weight: bold; text-decoration: none; background: url(../graphics/menu_1pxjoint.gif); color: #ffffff; }
.navi ul li a:hover { background-position: top left; color: #ffffff; }
.navi ul li a.last { width: 118px; margin: 0; border-right: none; background: url(../graphics/menu_1pxjoint.gif) bottom left; }
.navi ul li a.laston { width: 118px; border-right: none; margin: 0; background: url(../graphics/menu_1pxjoint.gif) top left; color: #ffffff; }
.navi ul li a.last:hover { background: url(../graphics/menu_1pxjoint.gif) top left; border-right: none; }

.btnSearch { background: url() no-repeat 0px 0px; border: none; height: 34px; width: 114px; margin-left: 10px; font-family: Arial; font-weight: bold; font-size: 14px; color: #00A5E3; text-align: center; }
.headerEmail { width: 300px; font-size: 11px; text-align: right; margin: -20px 5px 0 530px; }
.headerEmail a:hover { color: #A60531; }

/**********  [=HOME]   **********/

#homeMiddle { text-align: left; line-height: 1.6;  background: #FFFDF5;overflow:hidden:height:100%;}
.topBanner { height: 158px; background: url(graphics/); display: block; margin-top: 16px; }

.top { font-size: 11px; padding: 0px 23px 0px 23px; overflow:hidden;height:100%;}
.topleft { background: transparent url(../graphics/line_long.gif) no-repeat 0px 0px; background-position: top left; display: block; float: left; margin: 10px 0 30px 20px; padding: 0 20px 10px; width: 368px; color: #4D4D4D; font-size: 10pt; }
.topleft p { margin: 0 0 8px 0; margin: 0 0 20px; }
.topleft li { padding-left: 15px; }
.topleft ul { line-height: 1.6em; list-style: none; }
.topleft li { background: url(../graphics/triangle_b-point.gif) left no-repeat; background-position: top left; }
.topright { float: right; display: block; margin: 30px 23px 0px 10px; width: 225px; }
.topright h2 { color: #0094A7; }
.topleft table td label {margin-left:5px;}
.aboutBoxT span label {margin-left:5px;}

.topcolpink { height: 20px; background-color: #95167E; width: 214px; padding-left: 10px; font-weight: bold; color: White; font-size: 11pt; padding-bottom: 3px; }
.topcol { background: transparent url(../graphics/smallbox.jpg) no-repeat 0px 0px; height: 100px; width: 225px; }
.topcolbig { background-image: url(../graphics/smallboxDsize.jpg); height: 211px; }

.topcol { color: #00519E; padding: 5px 0px 0px 20px; }
.hide { }
.dot { height: 4px; width: 4px; margin-right: 5px; padding-bottom: 2px; }
#scrolltext { height: 75px; overflow: hidden; font-size: 10pt; line-height: 1.4; }
#scrolltextl { height: 75px; overflow: hidden; font-size: 10pt; line-height: 1.4; }

#scrolltext3 { height: 186px; overflow: hidden; font-size: 10pt; line-height: 1.4; }
#scrolltext4 { height: 186px; overflow: hidden; font-size: 10pt; line-height: 1.4; }

.bottom { clear: both; font-family: Trebuchet MS Arial, Helvetica, Verdana, Sans-Serif; font-size: 12pt; font-weight: bold; padding: 18px 0 23px 0; margin: 0 23px; color: #95167E; overflow:hidden;height:100%;}
.btmtxt { height: 20px; background-color: #00519E; width: 213px; padding-left: 10px; font-weight: bold; color: White; font-size: 11pt; padding-bottom: 3px; }
.btmleft { width: 200px; height: 131px; display: block; float: left; }
.bottom .btmleft { background: url(../graphics/line_short.jpg) no-repeat 0px 0px; background-position: left; }
.btmleft img { padding: 20px 0px 0px;max-width:160px;max-height:60px; }
.btmmiddle { width: 215px; height: 131px; display: block; float: left; }
.btmmiddle img { padding: 20px 0px 0px; }

.bottom .btmmiddle { background: url(../graphics/line_short.jpg) no-repeat 0px 0px; background-position: left; }
.bottom .btmrightline .logos,.bottom .btmleft .logos,.bottom .btmmiddle .logos{line-height:80px !important;}
.bottom div img{padding:0 !important;vertical-align:middle !important;}
.bottom .logos{padding:10px 0 0;}

.btmright { float: left; height: 131px; width: 1px; }
.bottom .btmright { background: url(../graphics/line_short.jpg) no-repeat 0px 0px; background-position: left; }

.btmrightline { float: right; height: 131px; width: 224px; background: url(../graphics/line_short.jpg) no-repeat 0px 0px; background-position: right; }
.btmrightline img { padding: 22px 0px 0px; }

/**********  [=LANGUAGE LIST]   **********/
.langlist { width: 366px; }
.leftcol { width: 122px; float: left; margin-bottom: 10px; }
.middlecol { width: 122px; float: left; margin-bottom: 10px; }
.rightcol { width: 122px; float: left; margin-bottom: 30px; }


/**********  [=CONTACT]   **********/

companyContactDetails { text-align: center; width: 161px; }
address { font: 11px/1.3 Arial, Helvetica, Verdana, Sans-Serif; margin: 20px 15px; }
address span { display: block; text-align: left; width: 160px; }
address span.officename { font-size: 12px; color: #A60531; font-weight: 200; }
address span.mapLink a { text-decoration: underline; }

/**********  [=FOOTER]   **********/

#footer { overflow: hidden; display: block; padding: 0 10px 0 10px; margin: 0 auto; width: 732px; }
#footer p.copyright { color: #ffffff; font-size: 11px; }
#footer p.copyright a { color: #ffffff; padding: 0px 20px 0px 0px; }
#footer p.copyright a:hover { text-decoration: underline; }
.leftf { float: left; margin-top: 20px; padding-bottom: 10px; }
.rightf { float: right; margin-top: 20px; padding-bottom: 10px; }

.testimonials li { background: none; padding: 0; }
.testimonials div { overflow: hidden; height: 100%; }
.testimonials div img { max-width: 150px; max-height: 60px; }
.testimonials div b {display:block; }
.testimonials div span { float: left; clear: left; }

.clientlist { overflow: hidden; height: 100%; }
.clientlist li {line-height:50px;vertical-align:middle;padding: 0; border: 1px solid #CCCCCC; margin: 0 10px 10px 0; background: none; float: left; width: 54px; height:54px;text-align: center; overflow: hidden; }
.clientlist li img { padding:2px;max-height: 50px; max-width:50px;  vertical-align:middle;line-height:50px;}
.clientlist li span { display: block; padding: 0; }

.scrolltext ul { list-style: none; }
.scrolltext ul li { padding: 0 0 0 10px; background: url(../graphics/dot.gif) no-repeat left center; }
.scrolltext ul li.nobg { background: none; }

.logos { text-align: center; height:100px;overflow:hidden;}
ul.logos{list-style:none;}
ul.logos li{width:200px;}

/************ [Translator] ****************/

.aboutBoxT { float: left; width: 367px; padding-top: 10px; }
.aboutleftT { float: left; width: 165px; text-align: left; }
.aboutrightT { float: left; width: 202px; text-align: left; }
div.form { list-style: none; font-size: 13px; }
.textareaT { width: 190px; height: 75px; margin-top: 2px; background-color: #F6EFDD; border: none; }
.aboutrightT input.textfield { width: 190px; background-color: #F6EFDD; border: medium none; }
.aboutrightT input.textfieldsm { width: 166px; background-color: #F6EFDD; border: medium none; }
.uploadfield { background-color: #F6EFDD; border: none; }