/*------------------ Universal Tags ------*/

html > body * {
	outline:none;
}

body {
	margin:0px;
	padding:0px;
	font-family:Tahoma;
	font-size:11px;
	color:#000;
	font-weight:normal;
	line-height:18px;
	text-align:center;
	background:#FFFFFF url("../images/header-repeater.gif") left top repeat-x;
}
h1, h2, h3, h4, h5, h6, form, label, input, legend, ul, ol, li, dl, dt, dd, p, div {
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
p {
	margin-bottom:10px;
	letter-spacing:1px;
	text-align:justify;
}
h1 {
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#1d3b5c;
	margin-bottom:17px;
}
h2 {
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#1d3b5c;
	margin-bottom:17px;
}
h3 {
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:9px;
}
h4 a:hover {
	color:#000000;
	text-decoration:none;
}
h5{
font-weight:bold;
font-size:12px;
color:#285686;
}
h6{
font-family: Arial, Helvetica, sans-serif;
margin-bottom:5px;
font-size:11px;
font-weight:bold;
color:#285686;
}
.clear {
	height:1px;
	clear:both;
}
.float-left {
	float:left;
}
.float-right {
	float: right;
	text-align:right;
	width:150px;
	margin-left:15px;
}
.red-color{
color:#990000;
}

.textarea{
width:180px;
}
.text{
width:140px;
height:12px;
font-family:Tahoma;
font-size:11px;
}

.textstdcode{
width:60px;
height:12px;
font-family:Tahoma;
font-size:11px;
}

.ctc{
width:190px;
font-size:11px;
line-height:12px;
}
.contactnumber{
width:140px;
}

.contactnumberstdcode{
width:60px;
}

.input-box
{
width:186px;
font-family:Tahoma;
font-size:11px;
}
.file{
size:12;
}
/*------------------ Header Tags ------*/

#global {
	padding:0px;
	/*background:url(../images/collage-glow-bg.jpg) center 96px no-repeat;*/
	margin:0px;
	text-align:center;
}
#header-container {
	width:779px;
	height:366px;
	padding:0px;
	margin:0px auto;
}
#logo-container {
	width:779px;
	height:63px;
	padding:0px;
	margin:0px auto;
	text-align:left;
}
#logo {
	float:left;
	padding:11px 0px 0px 24px;
}
#top-links {
	float:left;
	width:575px;
	text-align:right;
	padding:0px 15px 0px 0px;
}
#top-links-box {
float:right;
width:59px;
height:23px;
background:url(../images/top-links-bg.gif) left top no-repeat;
text-align:left;
}

/*------------------ Main Collage Tags ------*/

#collage-container {
	width:779px;
	padding:0px;
	margin:0px auto;
	text-align:left;
}
#top-navigation {
	width:779px;
	height:40px;
	padding:0px;
	margin:0px auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#676767;
	font-weight:normal;
	text-transform:uppercase;
}
#top-navigation ul {
	padding:0px 0px 0px 0px;
	margin:0px auto;
	list-style-type:none;
}
#top-navigation ul li {
	padding:0px;
	margin:0px auto;
	float:left;
}
#top-navigation ul li a {
	display:block;
	float:left;
	padding:8px 32px 14px 32px;
	margin:0px auto;
	color:#676767;
	text-decoration:none;
}
#top-navigation ul li a:hover {
	color:#df7900;
	background:url(../images/top-nav-arrow.gif) center bottom no-repeat;
}
#top-navigation ul li a#current {
	color:#df7900;
	background:url(../images/top-nav-arrow.gif) center bottom no-repeat;
}
#collage-area {
	width:779px;
	padding:0px;
	margin:0px auto;
	text-align:center;
}
/*------------------ Main Body Content Tags ------*/

#content-global {
	padding:0px;
	margin:0px;
	text-align:center;
}
#content-container {
	width:779px;
	position:relative;
	padding:24px 0px 0px 0px;
	margin:0px auto;
	text-align:left;
}
#left-column {
	width:245px;
	padding:0px 23px 0px 20px;
	margin:0px 0px 0px 0px;
	float:left;
	background:url(../images/vertical-divider.gif) right   repeat-y;
}
#inner-left-column {
	width:171px;
	margin:0px;
	float:left;
	/*background:url(../images/vertical-divider.gif) right   repeat-y;*/
	
	padding: 0px 18px 0px 14px;
	margin-bottom:15px;
}

#left-column hr {
	background:url(../images/horizontal-divider.gif) left top repeat-x;
	border: none;	
}


#inner-left-column-ss {
	width:171px;
	margin:0px;
	float:left;
	background:url(../images/vertical-divider.gif) right   repeat-y;
	
	padding: 0px 19px 0px 14px;
	margin-bottom:15px;
}
#inner-left-column-ss hr {
	background:url(../images/horizontal-divider.gif) left top repeat-x;
	border:none;
}
#inner-left-column hr {
	background:url(../images/horizontal-divider.gif) left top repeat-x;
	border:none;
}

/*------------------ Right Column Tags ------*/

#right-column {
	width:491px;
	margin:0 0 20px 0;
	float:left;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#inner-right-column {
	width:540px;
	padding:0px 10px 0px 20px;
	margin:0px 0px 0px 0px;
	float:left;
	background:url(../images/vertical-divider.gif) left 25px repeat-y;
}
#inner-right-column-ss {
	width:540px;
	padding:0px 10px 0px 20px;
	margin:0px 0px 0px 0px;
	float:left;
	
}
#mctl-box{
	width:445px;
	padding:23px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	float:left;
	background:url("../images/right-box-top-bg.gif") left top no-repeat;
}
#inner-mctl-box{
	width:540px;
	padding:23px 0px 0px 0px;
	float:right;
	background:url("../images/inner-right-box-top-bg1.jpg") left top no-repeat;
}
#mctl-content-box{
	width:400px;
	padding:0px 21px 0px 22px;
	margin:0px 0px 0px 0px;
	float:left;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	background: #e6e6e6 url(../images/right-box-middle-repeater.gif) left top repeat-x;
}
#inner-mctl-content-box{
	width:508px;
	padding:0px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:left;
	line-height:20px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	background: #e6e6e6 url(../images/right-box-middle-repeater.gif) left top repeat-x;
}
ul.orange{ margin:0px;
padding:0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#333333;
	list-style-type:none;
}
ul.orange li{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:url(../images/arrow-orange-bold-1.gif)  left top no-repeat ;
	font-size: 11px;
	font-weight: normal;
	padding:5px 0px 2px 16px;
	color:#333333;
	line-height:18px;}

#mctl-content-box hr {
	background:url(../images/mctl-divider.gif) left top repeat-x;
	border:none;
	height:2px;
	margin:11px 0px;
	padding:0px;
}
#inner-mctl-content-box hr {
	background:url(../images/mctl-divider.gif) left top repeat-x;
	border:none;
	height:2px;
	margin:11px 0px;
	padding:0px;
}
#inner-right-column hr {
	background:url(../images/mctl-divider.gif) left top repeat-x;
	border:none;
	height:2px;
	margin:11px 0px;
	padding:0px;
}
.blue-heading{
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#214064;
	margin-bottom:5px;
	padding:0px;
	display:block;
}
.light-blue{
font-weight:bold;
color:#285686;
}
.heading-blue-heading{
font-size:16px;
font-weight:bold;
color:#285686;
}
#mctl-bottom-box{
	width:445px;
height:35px;
	float:left;
	background:url(../images/right-box-bottom-bg.gif) left top no-repeat;
}
#inner-mctl-bottom-box{
	width:540px;
	height:35px;
	float:left;
	background:url("../images/inner-right-box-bottom-bg1.jpg") left top no-repeat;
	padding-bottom: 25px;
	
}
a.light-blue-to-veiw-right{
	font-weight:bold;
	color:#285686;
	background:url(../images/zoom.gif) left 2px no-repeat ;
	margin-right:15px;
	float:right;
	padding: 1px 0px 1px 22px;
	
}
a.light-blue-to-veiw-right:hover {
	text-decoration:none;		
}
a.light-blue-to-veiw-left{
	font-weight:bold;
	color:#285686;
	background:url(../images/zoom.gif) left 2px no-repeat ;
	margin-left:15px;
	float: left;
	padding: 1px 0 1px 22px;	
}
a.light-blue-to-veiw-left:hover
{
		text-decoration:none;	
}
/*------------------ Customer Service Tags ------*/

#customer-service-box {
	padding:0px;
	margin:0px;
	text-align:center;
	background:#162e4d;
	color:#b2b2b2;
}
#service-container {
	width:779px;
	position:relative;
	overflow:hidden;
	padding:20px 20px 25px 20px;
	margin:0px auto;
	}
#service-box {
	width:233px;
	padding:0px 12px 0px 8px;
	float:left;
	margin:0px;
}
#service-box img {
	margin:0px;
}
#service-box a {
	color:#b2b2b2;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dashed #df7900;
	padding:0px 0px 1px 0px;
}
#service-box a:hover {
	border-bottom:none;
}
/*Login Section Tags*/
#login-container{
width:526px;
float:right;
}
#login-container img{
padding-right:12px;
float:left;
}
.login-box{
width:163px;
padding:5px 0px 0 3px;
float:left;
background:url("../images/loginbox-bg.gif") top left no-repeat;
height:77px;
}
.login-type{
font-weight:bold;
color:#285686;
line-height:12px;
font-size:10px;
padding:0px 0 0 5px;
}
.loginfield{
width:120px;
height:12px;
}
.lable{
color:#b16700;
padding-left:5px;
}
.sign-in{
height:18px;
font-family:Tahoma;
font-size:10px;
margin-left:5px;
}

/*------------------ Footer Tags ------*/

#footer-global {
	padding:0px;
	margin:0px;
	text-align:center;
	background:#2b5278 url(../images/footer-repeater.gif) left top repeat-x;
	color:#FFFFFF;
	overflow:hidden;
}
#footer-bound {
	width:779px;
	position:relative;
	padding:0px;
	margin:0px auto;
	text-align:left;
}
#footer-top-links {
	width:779px;
	height:28px;
	padding:0px;
	margin:0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
#footer-top-links ul {
	padding:3px 0px 0px 0px;
	margin:0px;
	list-style-type:none;
}
#footer-top-links ul li {
	padding:0px 30px 0px 32px;
	margin:0px;
	display:inline;
}
#footer-top-links ul li a {
	background:url(../images/white-arrow.gif) left 3px no-repeat;
	padding:0px 0px 0px 15px;
	text-decoration:none;
	color:#FFFFFF;
}
#footer-top-links ul li a:hover {
	color:#f48705;
}

#footer-main-links {
	width:779px;
	padding:15px 0px 20px 0px;
	margin:0px;
	float:left;
	line-height:20px;
	font-family:tahoma;
	font-size:11px;
}
#footer-main-links a{
color:#FFFFFF;
text-decoration:none;
}
#footer-main-links a:hover{
color:#f48705;
}
#footer-main-links ul {
	padding:0px 0px 0px 12px;
	margin:0px;
	list-style-type:none;
}
#footer-main-links ul li{
	padding:0px 0px 0px 13px;
	margin:0px;
	font-weight:bold;color:#f48705;
}
#footer-main-links ul li ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#footer-main-links ul li ul li{
	padding:0px 0px 0px 0px;
	margin:0px;
	font-weight:normal;
	color:#FFFFFF;
}
#footer-main-links a.white_color{
/*font-weight:bold;*/
color:#FFFFFF;
}
#footer-main-links a.white_color:hover{
color:#f48705;
}

#footer-main-links ul li a{
color:#f48705;
text-decoration:none;
}
#footer-main-links ul li a:hover{
color:#ffffff;
text-decoration:none;
}
#footer-main-links ul li ul li a{
	text-decoration:none;
	color:#FFFFFF;
}
#footer-main-links ul li ul li a:hover{
	text-decoration:none;
	color:#f48705;
}

#copyright-container {
	width:779px;
	padding:0px 0px 20px 0px;
	margin:0px;
	float:left;
	line-height:20px;
	font-family:tahoma;
	font-size:11px;
	color:#afafaf;
}
#copyright-box{
float:left;
}
#branding-box{
float:right;
}
#copyright-container a{
text-decoration:none;
	color:#afafaf;
}
#copyright-container a:hover{
text-decoration:underline;
}

/*------------------ Common Tags ------*/

a.grey-links {
	color:#707070;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dashed #df7900;
	padding:0px 0px 1px 0px;
}
a.grey-links:hover {
	border-bottom:none;
}
a.blue-link {
	color:#4476a2;
	text-decoration:underline;
	font-weight:bold;
}
a.blue-link:hover {
	color:#1a3555;
	text-decoration:none;
}
a.mailblue-link {
	color:#4476a2;
	text-decoration:underline;
	
}
a.mailblue-link:hover {
	color:#1a3555;
	text-decoration:none;
}

/*------------------ menu left ------*/
#outer {
	width:168px;
	height:162px;
	position:relative;
	color:#000;
	background-repeat: repeat-x;
	float: left;
	margin-bottom: 20px;	
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {
	padding:0;
	margin:0;
	width:168px;
	
}
/*.menu {margin:0px 20px 40px 5px;}*/
/* for IE7 to position the tables correctly */
.menu {position:relative; float:left;}

/* for IE5.5 and IE6 to position the tables corectly */
* html .menu {position:static;}

/* Set up the size of the list items and float left to place inline */
.menu li {
	display:block;
	float:left;
	width:168px; /*border:1px solid #000; border-color:#fff #000 #000 #fff;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;	
}

/* Give the sub level list item a diffent background color to make it 'stand out'. */

.menu li.sub {
	/*background:#89a;*/border-bottom-color: #e2e2e2;
	width: 168px;
	
	
}
.menu li.toplevel{
/*background:#89a;*/border-bottom-color: #e2e2e2;
	width: 130px;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:24px; position:absolute; bottom: 0; top:auto; left:0; font-size:1em;}

/* Default link styling */
.menu li a {
	display:block;
	color:#000;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:25px;
	height:25px;
	text-decoration:none;
	text-indent:10px;
	
	
}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {
	/*background:#578;*/
	background-color: #f4f4f4;
	
}

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu :hover > a {
	background-color: #f4f4f4;
	
}

/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:208px; top:0;}

/* Position the flyout sub levels to 'pull-up' or 'drop-down' when hovering over the sub level list OR link.  the transparent gif is for IE7 only and need not actually exist. File transparent.gif supplied with zip file */
/* pull up */
.menu :hover ul, 
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
	left:168px;
	top:-21px;/*background:transparent url(trans.png);*/
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
} 
/* drop down */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul {
	left:208px;
	top:auto;
	bottom:-27px;
	_bottom:-29px;
	
	margin-bottom: 0px;
	/*left:208px;
	top:-21px;
	bottom:auto;
	margin-top: 20px;
	
	margin-bottom: 20px;*/
	
}
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul {
	left:208px;
	top:auto;
	bottom:-27px;
	_bottom:-29px;
	
	margin-bottom: 0px;
	
}

.menubg{

	background-image: url(file:///D|/Methodex/www/images/re1.gif);
	background-repeat: repeat-x;
	border: 1px solid #e2e2e2;
	background-color: #f7f7f7;
	width: 0px;
}

.high-orange {
	color: #df7900;
	font-weight: bold;
}
.blue-list{
margin:0 20px;
padding:0;
font-size:11px;
list-style-type:none;
}
.blue-list li{
margin:0;
padding:0 0 5px 12px;
background:url("../images/arrow2.gif") left 7px no-repeat;
}
#clientlist{
border:1px dashed #8e9291;
}
#clientlist .odd{background-color:#e7e7e7;}
#clientlist .even{ background-color:#F1F1F1;}

.currency{border:1px dashed #8e9291;}
.currency .odd{background-color:#e7e7e7; padding-left:10px;}
.currency .even{ background-color:#F1F1F1; padding-left:10px;}
.th{ background:url(../images/tdheading.gif) top left repeat-x; text-align:center; padding:3px 0 3px 0px;}

.contact{
width:100%;
}
.contact input{
font-size:9px;
}

/*------------------ Thumnail CSS ------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	
/* Drop Down Menu CSS  */
.navigation {
	width:779px;
	height:40px;
	}
.navigation ul {
	padding:0;
	list-style-type:none;
	height:40px;
	margin:0px auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.navigation ul ul {
	width:100px;
}

.navigation ul li {
	margin:0;
	padding:0px 1px 0px 0px;
	float:left;
	line-height:2em;
	height:2em;
	
	}
.navigation ul ul li {
	display:block;
	width:12em;
	background:none;
	height:auto;
	line-height:1em;
}

.navigation a, .navigation a:visited {
	display:block;
	float:left;
	height:40px;
	text-decoration:none;
	color:#676767;
	text-align:center;
	width:100px;
	padding:3px 13px 0px 13px;
	
}
* html .navigation a, * html .navigation a:visited {
	width:120px;
	w\idth:8.5em;
	color:#676767;
}

.navigation ul ul a, .navigation ul ul a:visited {
	display:block;
	background:#193656;
	color:#ffffff;
	width:199px;
	height:100%;
	text-align:left;
	line-height:15px;
	padding:0.5em 1em;
	border-bottom:1px solid #000;
	border-top:1px solid #676767;
	border-left:1px solid #d6dbef;
	border-right:1px solid #d6dbef;
}
* html .navigation ul ul a, * html .navigation ul ul a:visited {
	width:199px;
	w\idth:199px;
}

.navigation table {
	border-collapse:collapse;
	padding:0;
	margin:-1px;
	width:0;
	height:0;
	font-size:1em;
	z-index:1;
}



* html .navigation a:hover {
	color:#df7900;
	position:relative;
	z-index:100;
}
.navigation li:hover {
	position:relative;
}
.navigation :hover > a {
	color:#df7900;
	}

* html .navigation ul ul a:hover {
	color:#df7900;
	background:#dedede;
	position:relative;
	z-index:110;
}
.navigation ul ul li:hover {
	position:relative;
}
.navigation ul ul :hover > a {
	color:#df7900;
	background:#dedede;
}

* html .navigation ul ul ul a:hover {
	background:#bf235c;
	position:relative;
	z-index:120;
}
.navigation ul ul ul :hover > a {
	background:#bf235c;
}

.navigation ul ul ul ul a:hover {
	background:#bf235c;
	position:relative;
	z-index:130;
}

.navigation ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:34px;
	left:0;
	width:14em;
}

.navigation ul ul ul {
	left:8em;
	top:0;
	width:14em;
}

.navigation ul :hover ul {
	visibility:visible;
	height:auto;
	padding:0 3em 3em 3em;
	left:-3em;
}

.navigation ul :hover ul ul {
	visibility:hidden;
}

.navigation ul :hover ul :hover ul ul {
	visibility:hidden;
}

.navigation ul :hover ul :hover ul {
	visibility:visible;
	left:9em;
}

.navigation ul :hover ul :hover ul :hover ul {
	visibility:visible;
}