/*------------------------------------------------------------------------*/
/*     Global Font and Background                                         */
/*------------------------------------------------------------------------*/

body { 
font: normal 14px/14px Arial, Helvetica, sans-serif; 
color: #818181; 
margin: 0px; 
padding: 0px; 
background-color:#FFF;
/*background: url("/style/template/bkg.gif") repeat-x #486c80;*/
}



/*    Begin intl drop down menu   */


		
		a.dropdown:link {color:#fff; font-size:12px; text-decoration:none; margin:0px 10px;}      
		a.dropdown:visited {color:#fff;} 
		a.dropdown:hover {color:#fff;}  
		a.dropdown:active {color:#fff;}
       
        .desc { color:#6b6b6b;}
        .desc a {color:#0092dd;}        
		
		 .dropdown dl { position:relative; border:1px solid #f00; height:0px; }
		
        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; float:left; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { color:#fff; text-decoration:none; outline:none;}
        .dropdown a:hover { color:#fff; text-decoration:none;}
		
        .dropdown dt a:hover { color:#fff; border:0px solid #000;}
		
        .dropdown dt a {background:#b4b4b4 url(/style/template/arrow.png) no-repeat scroll right center; display:block;
                        border:0px solid #f00; width:210px; position:relative; left:-16px; top:-20px; height:27px;}
						
        .dropdown dt a span {cursor:pointer; display:block; padding:6px 0px 0px 5px;}
		
        .dropdown dd ul { background:#fff none repeat scroll 0 0; border:1px solid #b4b4b4; color:#C5C0B0; display:none;
                          left:43px; padding:5px 0px; position:absolute; top:-18px; width:auto; min-width:210px; list-style:none;}
        .dropdown span.value { display:none;}
        .dropdown dd ul li a { padding:5px; display:block;}
        .dropdown dd ul li a:hover { background-color:#fff;}
        
        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
        .flagvisibility { display:none;}


/*    End intl drop down menu     */




/************************************************/
/*              Bread Crumbs                             */
/************************************************/

.breadcrumb-list{
border:0px solid #f00;
margin:0px 0px 10px;

}

.breadcrumbtext {color:#818181; font-size:10px; padding:0px 8px 0px 0px;}

a.breadcrumb:link {color:#818181; font-size:10px; text-decoration:underline; margin:0px 8px 0px 0px; font-family:Arial, Helvetica, sans-serif;}      
a.breadcrumb:visited {color:#818181;} 
a.breadcrumb:hover {color:#818181;}  
a.breadcrumb:active {color:#818181;}


a.breadcrumb-selected:link {color:#818181; font-size:10px;text-decoration:none; margin:0px 8px 0px 0px; font-weight:none; font-family:Arial, Helvetica, sans-serif;}
a.breadcrumb-selected:visited {color:#818181; font-size:10px;text-decoration:none;}
a.breadcrumb-selected:hover {color:#818181; font-size:10px;text-decoration:none;}
a.breadcrumb-selected:active {color:#818181; font-size:10px;text-decoration:none;}




/************************************************/
/*              End Bread Crumbs                      */
/************************************************/




/***************************************************/
/* JQUERY Carousel                                      */
/**************************************************/

.carouselLeft {	
	display:none;
	background:url(/images/left.png);	
	width:20px;
	height:20px;
	background-position: 0px 0px;
}
.carouselLeft:hover {		
	width:20px; 
	height:20px;
	background-position: 0px 40px;
	cursor:auto;
}
.carouselRight {
	display:none;
	background:url(/images/right.png);	
	width:20px;
	height:20px;
	background-position: 0px 0px;
}
.carouselRight:hover {	
	width:20px; 
	height:20px;
	background-position: 0px 40px;
}
/****************************************/

#carousel-title {
	display:none;	
	color:#44697d;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:0px;
	text-transform:uppercase;
	/*letter-spacing:1px;*/
	margin-bottom:5px;
	width:80%;
	padding-top:20px;
}

#carousel-alt{
	display:none;	
	font-family:Arial, Arial, Helvetica, sans-serif;
	color:#818181;
	margin:0px;
	margin-top:0px;
	font-size:13px;
	border:0px solid #000;

}




.carousel:link {color:#FFF; border:none;}      /* unvisited link */
.carousel:visited {color:#FFF;border:none;}  /* visited link */
.carousel:hover {color:#FFF;border:none;}  /* mouse over link */
.carousel:active {color:#FFF;border:none;}  /* selected link */



img{
border:none;
}


/************************************************/
/*               End Carousel                              */
/************************************************/



/**********************************************/
/* Contact Methode                                   */
/**********************************************/

.contact-holder{
border:0px solid #000;
width:207px;
height:100%;
background-color:#e8ecf0;
}


.contact-header-holder{
background-color:#00a8ff;
}

.contact-header{
font-size:14px;
font-weight:bold;
color:#fff;
height:20px;
width:207px;
padding:5px 0px 0px 10px;
margin:0px  5px;
}


.cont-info-holder{
border:0px solid #ff0000;
width:195px;
height:60px;
margin:5px 0px 0px 0px;
padding:5px;
clear:right;
}

.cont-country{
color:#344a5c;
padding-bottom:4px;
}


.cont-ph-hold{
height:20px;
margin-bottom:2px;
background:#fff url("/images/phone-icon.gif") no-repeat;		
}


.cont-ph{
float:right;
font-size:11px;
padding-right:5px;
}



.cont-em-hold{
background:#fff url("/images/email-icon.gif") no-repeat;	
height:20px;
}


.cont-em{
float:right;
font-size:11px;
padding-right:5px;
}


.see-all{
padding-top:4px;
background-color:#fff;
height:25px;
background:#fff url("/images/email-arrow.gif") no-repeat top right;	
}



/**********************************************/
/* End contact methode */
/**********************************************/





/**********************************************/
/* CSS FOR INTL SITES DROP DOWN */
/**********************************************/

.intl-hdr{
color:#fff;
font-size:11px;
font-weight:none;
padding:2px;
height:20px;
}

#nav{
float:left;
width:200px;
list-style:none;
/*list-style-position:outside;*/
padding:0px;
font-weight:bold;
margin:0px 0px 4px 0px;

border:0px solid #00ff00;
}

#nav li{
float:left;
/*margin-right:0px;*/
position:relative;
display:block;
/*list-style-position:outside;*/
z-index:40000;
}

#nav li a{
display:block;
color:#fff;
z-index:40000;
text-decoration:none;
width:200px;
margin:0px;
padding:0px;
background-color:#fff;
}

#nav li a:hover{
color:#fff;
background-color:#fff;
/*background:#6b0c36; /* Solid colour fall-back */
/*background:rgba(107,12,54,0.75); /* It'll look nice semi-transparent */
text-decoration:underline;
z-index:40000;
}

/*--- DROPDOWN ---*/
#nav ul{
list-style:none;
/*background-color:#fff;*/
border:0px solid #ff0000;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
opacity:0; /* Set initial state to transparent */
/*-webkit-transition:0.25s linear opacity;  Make the dropdown fade-in in Webkit */
padding:0px;
margin:0px;
z-index:40000;
}

#nav ul li{
padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
z-index:40000;
float:left;
}

#nav ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
color:#818181;
display:block;
z-index:40000;
/*background-color:#fff;*/
float:left;
}

#nav li:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
opacity:1; /* Fade to opaque */
}

#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
border-left:1px solid #ccc;
border-right:1px solid #ccc;
Border-bottom:1px solid #ccc;
padding:2px 0px 2px 3px;
/*background:#ffffff;*/ /* Solid colour fall-back */
/*background:rgba(107,12,54,0.75); It'll look nice semi-transparent */
text-decoration:none;
}

#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
text-decoration:none;
/*background-color:#fff;
/*-webkit-transition:-webkit-transform 0.075s linear;*/
}

#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
background:#00A8FF; /* Solid colour fall-back */
/*background:rgba(51,51,51,0.75); It'll look nice semi-transparent */
text-decoration:none;
padding:2px 0px 2px 3px;
}



/******************************************/
/* END CSS INTL DROP DOWN */
/*****************************************/



.splash{
background: url("/images/sp-background.gif") no-repeat;		
border:0px solid #000;
width:990px; 
height:320px; 
margin:0px auto;	
}


.sp-logo{
border-bottom:1px solid #818181;	
}


.sp-links{
float:left;
padding:4px 5px 2px 2px;
/*border-right:1px solid #818181;*/
}

a.sp-links:link {
font-size:16px;
color: #45697D;
text-decoration:none;

}

a.sp-links:visited {
font-size:16px;
color: #45697D;
text-decoration:none;

}

a.sp-links:hover {
font-size:16px;
color:#FFFFFF;
background:#00A8FF;
text-decoration: underline;
}

.sp-text{
float:right;
border-left:1px solid #818181;
width:800px;
height:250px;
padding:18px 5px 0px 5px;
}


.sp-hdr{
font-size:18px;
color: #45697D;

}


.sp-hdr-small{
font-size:14px;
font-weight:bold;
color: #45697D;
padding-top:10px;

}


.sp-par{
padding:10px 5px 0px 5px;
}