/*====== CSS Phoenix Contact CCN-Worldwide ======*/

/* ----- IMAGES ----- */
img {border:none; margin:0; padding:0;}
#banner {display: inline}

/* ----- FORMS ----- */
form { padding:0px; margin:0px; font-size: 12px; line-height:120%}
input#quick_search { width: 142px; padding: 0px 2px 0px 2px; vertical-align: top; height: 17px; font-size: 12px; text-align: left;}
.txt {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #97AFBD;
padding:3px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
.txtarea {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #97AFBD;
width: 235px;
padding:3px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
form p {
clear: left;
margin: 0;
padding: 5px 0px 0px 0px;
text-align: left;
}
form p label {
float: left;
width: 235px;
font-size: 12px;
margin:0;
padding:0;
text-align: left;
}

.optionlist {
background-color: #ffffff;
border: 1px solid #669999;
width: 178px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#6c8da2;
}

/* ----- TABLES ----- */
td, th {font: 12px Arial, Helvetica, sans-serif; text-align: left;}
table.datatable {width:100%; border-collapse: collapse; text-align: left;}
.datatable td {text-align: left; vertical-align:top; padding: 3px 0px 3px 0px;}
.datatable th {color: #000000; font-weight: bold; text-align: left;}
tr.border-top td{border-top: 1px solid #97AFBD;}


/* ----- HEADINGS / TEXT ----- */
p {padding: 0; text-align: left;}
h1 {font-size:14px; color:#6C8DA2; margin:0px; padding:0px; font-weight:bold; text-align: left;}
h2 {font-size:12px; color:#000000; margin:0px; padding:0px; font-weight:bold; text-align: left;}
h4 {font-size:12px; margin:0px 0px 0px 0px; padding:0px; font-weight:bold; text-align: left;}
.headline {font-size:12px;line-height:13pt; font-weight: bold; }
.text {font-size:12px; color:#000000; line-height:13pt; text-align: left;}
.text_contact {font-size:11px; color: #000000; line-height:11pt; text-align: left;}
.image_caption {font-size:10px; line-height:11pt; text-align: left;}
.hdl_eservice {font-size:12px; margin:0; padding:6px 20px 5px 25px; font-weight:bold; border-top:1px solid #FFFFFF; border-bottom:1px solid #97AFBD;}


/* ----- DIVs CONTENTS ----- */
#hdl_over_banner {position:relative; padding:0; margin-top: -22px; _margin-bottom:15px;font-size:12px; padding-right:20px; text-align: left;}
#hdl_over_banner h4 {font-size:12px; margin:0px; padding:0px 20px 0px 20px; font-weight:bold; text-align: left;}

#box_header{width:200px; height:85px; background-color:#D8E1E6; position:absolute; left:750px; top:0px;}
#signal_chain{background-image: url(/global_images/img_signal_chain.gif); background-color: #FFFFFF; background-repeat: no-repeat; width: 752px; height:85px;}
#search_box {width:208px; height:85px; margin-left:17px;}
#content_right {border-right:5px solid #FFFFFF;}
#content_center {padding:0px 20px 0px 20px;}

#banner_layer {position:relative; font-size: 12px; padding:0px 20px 0px 0px; margin-left:350px; margin-top:-50px;}

#print_header {display: none;}
#print_footer {display: none;}

.ct_float_wrap {width:100%;}
.news_left {width: 98px; float:left;}
.news_right {width:366px; float:left;}
.hr {height:1px; width:100%; background-color:#97AFBD; clear:right; line-height:1px;}


/* ----- LINKS ----- */
a {color:#000000; text-decoration:none; text-align: left;}
a.top {float:right; margin-bottom:2px;}
.link_box {margin:0px; padding:5px 10px 5px 10px; list-syle:none; border:1px solid #6C8DA2;}
.link_list {margin:0px; padding:0px; list-style:none;}
.link_list li {margin: 0px 0px 5px 0px;padding: 0px 0px 0px 12px;background: url(/global_images/img_arrow_right.gif) no-repeat 0px 3px;}
.link_list li a {color: #6C8DA2; font-weight:normal; height:22px; display:inline;}
.link_list li a:hover {color: #6C8DA2; font-weight:normal; text-decoration:underline;}

a.anchor {}
a.anchor:hover {color:#6C8DA2; font-weight:bold;}
a.anc_grey {color:#6C8DA2; padding:0px 0px 0px 12px; }
a.anc_grey:hover {color: #6C8DA2; font-weight:normal; text-decoration:underline;} 
a.anc_grey_no_item {color:#6C8DA2;}
a.anc_grey_no_item:hover {color: #6C8DA2; text-decoration:underline;}
a.anchor_block {color:#6C8DA2; font-weight:normal; background:url(/global_images/img_arrow_right.gif) no-repeat 0px 5px; height:22px; padding:0px 0px 0px 12px; display:block;}
a.anchor_block:hover {color: #6C8DA2; font-weight:normal; text-decoration:underline;}
a.legal_info {display:block; color:#FFFFFF; margin-left:250px; display:inline;}

a.block {color:#97AFBD; text-decoration:none; display: inline; }
a.block:hover {color: #97AFBD; font-weight: normal; text-decoration: underline; }

/* ----- NAVIGATION - E-SERVICE ----- */
#top_navi a
{
display:block;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 25px;
color:#6c8da2;
height: 26px;
line-height: 26px;
font-size:12px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.arrow_up {background:url(/global_images/img_nav_arrow_right.gif) no-repeat 11px 0px;}


/* ----- NAVIGATION LEFT SIDE ----- */

a.active {background:url(/global_images/img_nav_arrow_right.gif) no-repeat 7px 0px;}
a.deactive {} /*for left navigation without arrow at the last level*/
.nav1 a {
font-size:12px;
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 20px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav1 a:hover{font-weight:bold;}
.nav2 a {
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 20px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
background:url(/global_images/img_nav_bg_item.gif) repeat-y;
text-align: left;
}
.nav2 a:hover {font-weight:bold;}
.nav3 a{
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 30px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav3 a:hover {font-weight:bold;}
.nav4 a{
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 40px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav4 a:hover {font-weight:bold;}
.nav5 a{
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 50px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav5 a:hover {font-weight:bold;}
.nav6 a{
display:block;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 60px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #97AFBD;
text-align: left;
}
.nav6 a:hover {font-weight:bold;}


/* ----- CLASSES POSITIONING ----- */
.clear{clear:both;}
.bottom {position:relative;}
.to-right {float:right;}
.to-left {float:left;}
.cleaner {clear: both; font-size: 1px; height: 1px; line-height:1px;}

/* ----- BASIS-LAYOUT ----- */
html,html body {height:100%;}
body
{
padding: 0px;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
}
#wrapper_1{
width: 955px;
text-align:left;
background:#FFFFFF;
}
#wrapper_2{
width: 955px;
text-align:left;
background: #D8E1E6 url(/global_images/img_nav_gradient.jpg) repeat-x;
overflow:hidden; /*firefox makes this necessary*/
} 
#header{
height: 90px; 
background-color:#FFFFFF;
width:955px;
}
.outer{
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin: 0 0 0 225px; /*** Critical left col dimension value ***/
width:730px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
background: #FFFFFF; /*** Sets background of center col***/
}
.float-wrap{
float: left;
width: 730px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px; /*** Static fix ***/
background: #FFFFFF;
}
.center{
float: right;
width: 730px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
background:#FFFFFF;
}
.center_left_col_iframe{ /*** Only for iframe Frameside ***/
float:left;
text-align:left;
width:630px;
padding:20px 20px 20px 20px;
}
.center_left_col{
float:left;
text-align:left;
width:525px;
}
.center_right_col{
float:right;
text-align:left;
width:205px;
vertical-align: top;
}
.left{
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width:225px; /*** Critical left col/divider dimension value ***/
margin-left: -225px; /*** Critical left col/divider dimension value ***/
background: url(/global_images/img_nav_gradient.jpg) no-repeat;
}
* html .left {float:left;}
#footer{
background-color:#97AFBD;
height:23px;
line-height:23px;
width:955px;
font-size:12px;
color: #FFFFFF;
border-top-width:1px;
border-top-style:solid;
border-top-color:#FFFFFF;
}