/*
Contents: 
1. Colours 
2. Reset
3. Typography
4. Links
5. Page Layout
6. Skin & Pages
7. Messages (error, success etc)
8. Clearfix
*/

/********** 1. Colours **********/
/*- Deep Grey #3d3d3d (body text)
- Light Grey #ccc (body nav background)
- Deep Grey #333 (body nav link)
- Red #fb2936 (body nav hover background)
- Deep Grey #62595b (body h2 link)
- Grey link text #454545 (header link)
- Red link text #ea0132 (header link hover)
- Grey link text #4b4b4c (body link)
- Red link text #FB2836 (body link hover)
- Light Grey #cfcecf (visit website link)
- Grey #dbdbdb (border color)*/
/* End Colours */


/* Capture the browser compatibility */
@import url('browsers.css');

/********** 2. Reset **********/
*, html, body {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit;
	font-size:100%; font-family:inherit; vertical-align:baseline;
	}
body {line-height:1;}
ol, ul {list-style:none; margin:0; padding:0;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* for HTML 5 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0px;padding:0px;border:0px;outline:none;font-size:100%;vertical-align:baseline;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0px;}
iframe,fieldset,img{border:0px;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0px;font-variant:normal;}
sub,sup{vertical-align:baseline;}
legend{color:rgb(0,0,0);background-color:rgb(255,255,255);}
ins{background-color:rgb(0,15,249);color:rgb(0,0,0);text-decoration:none;}
mark{background-color:rgb(0,15,249);color:rgb(0,0,0);font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted rgb(0,0,0);cursor:help;}


/* End Reset */


/********** 4. Links **********/
a, a:link, a:visited {
	color:#4b4b4c; text-decoration:none;
	}
a:hover {
	color:#FB2836; text-decoration:none;
	}
/* End Links */

/********** 4. Typography **********/
body {
	font:normal 11px/14px arial;
	}
	
/* End Typography */


/********** 5. Page Layout **********/
header {
	width:914px; height:70px; margin:6px auto 10px auto;
	}
.container {
	width:914px; margin:0 auto;
	}
footer {
	width:990px; height:22px; margin:20px auto 5px auto;
	}
.home, .corp, .contact {
	width:914px; height:516px;
	}

/* End Page Layout */


/********** 6. Skin & Pages **********/
header {
	position:relative;
	}
header img {
	position:absolute; top:0; left:24px;
	}
header ul {
	position:absolute; bottom:0; left:108px;
	}
header ul li {
	float:left; font-size:9px; padding:0 18px 0 0; text-transform:uppercase;
	}
header ul li a {
	background:url(../images/icon/tng-arrow.gif) 0 4px no-repeat; padding:0 0 0 10px;	
	}
header ul li a:hover {
	background:url(../images/icon/tnr-arrow.gif) 0 4px no-repeat; color:#ea0132;
	}
header ul li a.active {
	background:url(../images/icon/tnr-arrow.gif) 0 4px no-repeat; color:#ea0132;
	}
	
.home {
	background:url(../images/background/homebg.jpg) 0 0 no-repeat; position:relative;
	}
.weblinks {
	width:420px; position:absolute; top:300px; right:51px;
	}
.weblinks h2 {
	font-size:18px; background:url(../images/background/h2-line.gif) left bottom repeat-x;
	padding:0 0 9px 0; color:#62595b;
	}
.weblinks ul {
	margin:10px 0 0 1px;
	}
.weblinks ul li{
	font-size:10px; height:19px; float:left; width:100px;
	}
.weblinks ul li .active {
	color:#ea0132;
	}
.ch div.cntsh {
    width:361px; height:131px; margin:0px auto; display:none; position:absolute; bottom:29px; left:0;
	background:url(../images/background/countrybg.jpg) 0 0 no-repeat; color:#fff;
    }
.ch div.active {
	display:block;
    }
.ch div.cntsh h3 {
	margin:28px 0 0 20px; font-size:14px; text-transform:uppercase; color:#333;
	}
.ch div.cntsh p {
	color:#333; margin:10px 0 0 20px;
	}
.ch div.cntsh a {
	color:#333; text-decoration:underline;
	}
.ch div.cntsh .vws {
	float:right; margin:0; color:#333; text-decoration:none; font-size:11px;
	background:url(../images/icon/tnr-arrow.gif) right 7px no-repeat; padding:0 6px 0 0;
	position:absolute; bottom:17px; right:22px;
	}
	
	
/*** Corporate ***/
.corp {
	position:relative;
	}
.ttab {
	width:914px; height:27px; margin:0 auto 3px auto;
	background:url(../images/background/greycornertopright.gif) top right no-repeat #ccc;
	}
.ttab ul {
	width:914px; height:22px; margin:0 auto; padding:5px 0 0 0; list-style:none;
	text-align:center; background:url(../images/background/greycornertopleft.gif) 0 0 no-repeat;
	}
.ttab ul li.noanchor {
	padding:0 0 0 18px; background:url(../images/background/arrowwhite.gif) 8px 5px no-repeat;
	}
.ttab ul li {
	display:inline; padding:0; font:normal 10px/24px Arial;
	text-decoration:none; color:#909090; text-indent:20px; margin:1px 0 0 0;
	background:url(../images/background/arrowwhite.gif) 8px 5px no-repeat;
	}
.ttab ul li a {
	text-decoration:none; color:#353535;
	padding:5px 0 3px 18px; outline:none;
	}
.ttab ul li a:hover {
	background:url(../images/background/lefttabover.gif) 0 0 no-repeat #fff; color:#353535;
	}
.ttab ul li a span.rs {
	width:7px; height:24px; padding:5px 13px 0 0;
	}
.ttab ul li a:hover span.rs {
	background:url(../images/background/righttabhover.gif) top right no-repeat;
	}
.ttab ul li a.selected {
	background:url(../images/background/lefttab1.gif) top left no-repeat #fb2836;
	text-decoration:none; color:#fff; padding:5px 0 3px 18px; cursor:default;
	}
.ttab ul li a span.selected {
	width:7px; height:24px; background:url(../images/background/righttab.gif) top right no-repeat;
	padding:5px 13px 0 0;
	}
.ttab ul li a.deactive {
	font:bold 10px/14px Arial; text-decoration:none; padding:5px 0 3px 18px;
	}
.cufon-canvas {
	padding:0 !important; background:none !important;
	}
.cormid {
	background:url(../images/background/corpbg.jpg) 0 0 no-repeat; width:914px; height:486px;
	}
.slup {
	position:absolute; bottom:15px; left:14px; z-index:0;
	}
	
	
/*** History ***/
.histmid {
	background:url(../images/background/histbg.jpg) 0 0 no-repeat; width:914px; height:486px; overflow:hidden;
	}
.hist p { 
	width:660px; border-bottom:1px solid #dbdbdb; margin:0 0 8px 24px; padding:0 0 6px 0 !important; overflow:hidden;
	}
.hisp p { 
	border-bottom:1px solid #dbdbdb; margin:0 62px 8px 8px; padding:0 0 8px 0 !important; overflow:hidden;
	}
	
	
/*** Contact ***/
.mcontentwrapper {
	height:424px !important;
	}
.contact {
	background:url(../images/background/contactbg.jpg) 0 0 no-repeat; position:relative;
	}
.arrow {
	background:url(../images/icon/red-arrow.jpg) 0 2px no-repeat; padding:0 0 0 12px;
	}
.arrow:hover {color:#FB2836 !important;}
.fform {
	position:absolute; width:914px; height:516px; left:0; top:0;
	border:0; background:url(../images/background/contactbg_over.png) 0 0 no-repeat;
	filter:alpha(opacity=90);
	}
.finner {
	background-color:#fff; width:661px; height:456px; margin:18px 0 0 107px; -moz-opacity:1; opacity:100; filter: alpha(opacity=100);
	background:url(../images/background/lboxbg.gif) 0 0 no-repeat; position:relative; padding:30px 20px 0 30px;
	}
#close {
	float:right; position:absolute; top:16px; right:32px;
	}
.fdforms {
	width:680px;
	}
.iframeArea {
    width:632px; border:none !important; margin:0 0 0 20px;  border:1px solid #fff;
    font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; height:442px; overflow:hidden;
    }
.iframeArea iframe {
    width:630px; height:420px; overflow:scroll; overflow-x:hidden !important; border-color:inherit;
    }
/*** footer ***/
footer {
	background:url(../images/background/footerBg.gif) 0 0 repeat-x; text-align:center; padding:7px 0 0;
	}
footer span {
	background-color:#fff; padding:2px 165px 3px 165px;
	}
footer span a {
	padding:0 9px; color:#000;
	}
.footer a.active {
	color:#fb2836;
	}
/* End Skin & Pages */


/********** 8. Clearfix **********/
.clear{clear:both; margin:0; padding:0; height:0; line-height:0; font-size:0}

/* End Clearfix */


/* teaser popup start */
.teaserbigtop {
	background:url(../images/background/spupdt.png) 0 0 no-repeat;
	width:740px; height:45px; margin:0; padding:5px 0 0 24px; color:#353535;
	font:bold 11px/14px Arial; 
	}
.teaserbigtop h2 {
	color:#3d4142; font-size:14px; text-transform:uppercase; padding:26px 0 0;
	}
.teaserbig {
	float:left; position:relative; padding:0 5px 0 0; margin:0; z-index:10;
	}
.teaserbig .ntbot {
	width:740px; height:180px; border:0; margin:0; padding:5px 0 0 18px;
	font-weight:bold; background:url(../images/background/spdwn.png) left bottom no-repeat;
	font:bold 11px/14px Arial; color:#353535;
	}
.teaserbig .dt p {
	font-weight:normal; padding:0 53px 10px 8px;
	}
.teaserbig .dt p strong {
	display:block; padding:0 0 3px 0; font-weight:bold;
	}
.teaserbig .dt p span {
	width:491px; display:block;
	}
.teaserbig .dt img {
	float:right; padding:0 10px 0 30px;
	}
.teaserbig .dd {
	position:absolute; overflow:hidden; width:757px; margin:0; padding:0;
	display:none; z-index:200; opacity:0; background:none;
	}
.teaserbig .dd .tipup {
	display:block; z-index:10;
	}
.teaserbig ul {
	width:757px; list-style:none; margin:0; padding:0;
	}
.teaserbig li.uup { 
	background:url(../images/background/spup.png) 0 0 no-repeat; padding:12px 22px 0px 0;
	}
.teaserbig li h2, .tstrip h2 {
	color:#3d4142; font-size:14px; text-transform:uppercase; padding:18px 0 10px 24px;
	}
.teaserbig li p, .tstrip p {
	font:normal 11px/14px Arial; color:#3d3d3d; padding:0 36px 10px 25px; overflow:hidden;
	}
.teaserbig li p strong, .tstrip p strong {
	display:block; padding:0 0 3px 0; font-weight:bold;
	}
.teaserbig li p span, .tstrip p span {
	width:491px; display:block;
	}
.teaserbig li p img, .tstrip p img {
	float:right; padding:0;
	}
.teaserbig li p a, .tstrip p a {
	color:#353535; text-decoration:none;
	}
.teaserbig li p a:hover, .tstrip p a:hover {
	color:#fb2836; text-decoration:none;
	}
.teaserbig li ol, .tstrip ol {
	list-style-position:outside; padding:0 40px 12px 40px;
	}
.teaserbig li ol li, .tstrip ol li {
	list-style-type:upper-roman; padding:0 0 9px 0; text-indent:1px;
	}

.teaserbig li a, .tstrip a {
	text-decoration:none; color:#fb2836;
	}
.teaserbig a:hover, .tstrip a:hover {color:#353535;}
/* teaser popup end */


/* Scroll Bar Master Styling Starts Here */

.scrollgeneric {
	line-height:1px; font-size:1px; position:absolute; top:0; left:0;
	}
.vscrollerbase, .vscrollerbar {
	width:15px;
	}
.hscrollerbase, .hscrollerbar {
	height:15px;
	}
.vscrollerbar, .hscrollerbar {
	padding:17px; z-index:2;
	}
.vscrollerbarbeg {
	background:url(../images/background/windows_drag_top.gif) -1px 0 no-repeat; width:15px; height:4px;
	}
.vscrollerbar {
	width:15px; background:url(../images/background/vscroller.gif) 0 50% no-repeat;
	}
.vscrollerbarend {
	background:url(../images/background/windows_drag_bottom.gif) bottom center no-repeat; width:15px; height:4px;
	}
.hscrollerbarbeg {
	background:url(../images/background/hscrollleft.gif) 0 0 no-repeat; height:15px; width:4px;
	}
.hscrollerbar {
	height:15px; background:url(../images/background/hscroller.gif) 50% 0 no-repeat;
	}
.hscrollerbarend {
	background:url(../images/background/hscrollright.gif) 0 0 no-repeat; height:15px; width:4px;
	}
.vscrollerbase {
	background-image:url(../images/background/scrollbaseback.png) ;
	}
.hscrollerbase {
	background-image:url(../images/background/scrollbasebackH.png);
	}
.hscrollerbasebeg {
	height:15px; width:18px; background:url(../images/background/scrollbaseLeft.png) 0px 0px no-repeat;
	}
.hscrollerbaseend {
	height:15px; width:18px; background:url(../images/background/scrollbaseRight.png) 0% 0% no-repeat;
	}
.vscrollerbasebeg {
	width:15px; height:18px; background:url(../images/background/scrollbaseTop.png) 0px 0px no-repeat;
	}
.vscrollerbaseend {
	height:18px; width:15px; background:url(../images/background/scrollbaseBot.png) 0px 0px no-repeat;
	}
.scrollerjogbox {
	width:15px; height:15px; top:auto; left:auto; bottom:0px; right:0px;
	background:white url(../images/background/scrolljog.png) 50% 50%;
	}
#divScrollable {
	height:430px !important; overflow:scroll;
	}
/* Scroll Bar Master Styling Ends Here */

.teaserbig li ul {padding:3px 0 12px 50px; width:650px;}
.teaserbig .dt ul {padding:0 0 12px 35px; width:650px;}
.teaserbig li ul li, .teaserbig .dt ul li {list-style-type:disc; font-weight:normal; padding:0 0 4px 0; color:#353535;}
.jobcat {padding:3px 0 20px 25px !important;}
.jobcat li {margin:0;}
.jobcat li a {background:url(../images/icon/red-arrow.jpg) 0 6px no-repeat; color:#353535; padding:4px 0 0 12px; display:inline; /* width:60px;*/}
.subhdr { font-size:12px; font-weight:bold;}

.fullcont {
	width:758px; height:448px; position:absolute; bottom:15px; left:14px; padding:9px 22px 0 0;
	background:url(../images/background/spdwn2.png) 0 0 no-repeat; overflow:hidden;
	}
.tstrip {background:url(../images/background/spdwn.png) left bottom no-repeat;  height:428px; padding:0 22px 20px 0; }
.teaserbig li ul li strong, .teaserbig .dt ul li strong { font-weight:bold; /*width:105px;*/ display:inline-block;}
.red {color:#fb2836 !important;}

/* print css*/
.pcontainer{width:653px; margin:0 auto; font-family:Arial; font-size:11px; color:#000000;}
.accprint_header{border-bottom:3px solid #333333; font-family:Arial; font-size:11px; height:79px;}
.plogo { float:left;}
.plogo img {margin-left:28px; margin-top:2px;}
.pbutton {width:150px; height:29px; padding-top:0; float:right; margin-right:10px;}

.pbtnspan {float:right; margin:40px 0 0; padding:0; height:18px; font-size:0; line-height:0; display:block;}
.pbtnspan a {font:normal 10px/18px Arial; color:#fff; text-decoration:none; padding:0 12px 0 25px; background:url(../images/icon/printred.gif) 0 0 no-repeat; display:block; cursor:pointer;}

.pcontent {height:36px; padding-top:9px; font-family:Arial; font-size:11px; padding-left:8px; padding-right:8px;}
.pcontent h2 {padding:5px 0 14px 0; font-size:14px; font-weight:bold;}
.pcontent p {padding:0 0 12px 0; font-size:11px;}
.printtop { position:absolute; top:12px; right:10px;}
.printbot { text-align:right; overflow:hidden; margin:0 20px 10px 0;}
.printtop a, .printbot a {text-decoration:none; cursor:pointer;}

.pmbtnspan {float:right; margin:0; padding:0; height:18px; /*background:url(../images/icon/printRCbg1.gif) right top no-repeat #fb2836;*/ font-size:0; line-height:0; display:block;}
.pmbtnspan a {font:normal 10px/18px Arial; color:#fff; text-decoration:none; padding:0 12px 0 25px; background:url(../images/icon/printgrey.gif) 0 0 no-repeat; display:block; cursor:pointer;}
.pmbtnspan a:hover {color:#fff; background:url(../images/icon/printred.gif) 0 0 no-repeat;}