﻿/************************************************************************************************/
/*1: TEMPLATE*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:Arial;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{background:#2c3238 url(../images/body.gif) repeat-x top left; padding:0px 0px 20px 0px; }
#container{width:988px; margin:0 auto 0 auto; }
.list.l1 li a, .list.l1 li.on a,#header .menu li a,#header .menu li a span.left,#header .menu li a span.right,#header .menu li.on a,#header .menu li.on a span.left,#header .menu li.on a span.right { behavior: url("../js/iepngfix.htc") }
object {outline:none;}

/************************************************************************************************/
/*2: HEADER*/
/************************************************************************************************/
#header{height:345px; background:url(../images/header_tmp.jpg) no-repeat top left; position:relative; }

/*menu*/
#header .menu{right:10px; top:312px; position:absolute; }
#header .menu li{float:left; margin-right:-5px;}

#header .menu li.on a{background:url(../images/menu_on.png) no-repeat center center; font-size:9px; color:#279cd2;  display:inline-block; height:21px; text-decoration:none; padding:9px 0px 0px 0px; margin:0px 12px 0px 13px;  vertical-align:top; zoom:1; position:relative;}
#header .menu li.on a span.left{background:url(../images/menu_on.png) no-repeat top left; width:15px; height:27px; left:-15px; top:1px; position:absolute; display:block; z-index:100;}
#header .menu li.on a span.right{background:url(../images/menu_on.png) no-repeat top right; width:15px; height:27px; right:-15px; top:1px; position:absolute; display:block; }

#header .menu li a{background:url(../images/menu.png) no-repeat center center; font-size:9px; color:#0d417d;  display:inline-block; height:21px; text-decoration:none; padding:9px 0px 0px 0px; margin:0px 12px 0px 13px;  vertical-align:top; zoom:1; position:relative;}
#header .menu li a span.left{background:url(../images/menu.png) no-repeat top left; width:12px; height:28px; left:-12px; top:1px; position:absolute; display:block; z-index:100;}
#header .menu li a span.right{background:url(../images/menu.png) no-repeat top right; width:12px; height:28px; right:-12px; top:1px; position:absolute; display:block; }
#header .menu li a:hover{color:#279cd2;}

/************************************************************************************************/
/*3: DIVISIONS, SPLITS & PADDINGS*/
/************************************************************************************************/
/*division*/
#division{zoom:1;}
#division.d1{margin:0px 0px 0px 10px; background:url(../images/division_d1.gif) repeat-y top left;}
#division.d1 #left{width:182px; height:400px; margin:0px 0px 0px 0px; padding-bottom:20px; float:left; background:url(../images/division_d1_left_shadow.gif) repeat-x top left; position:relative; display:inline;}
#division.d1 #left .shadow{right:0px; top:0px; width:182px; height:335px; background:url(../images/division_d1_left_shadow.png) no-repeat top left; position:absolute; }
#division.d1 #right{ min-height: 400px; width:786px; margin:0px 0px 0px 0px; padding-bottom:20px; float:left; background:url(../images/division_d1_right.gif) repeat-x top left; position:relative; display:inline;}

#division2{margin:0px 10px 0px 10px; padding-bottom:20px; background:#ffffff url(../images/division_d2.gif) no-repeat top right;}

/*splits*/
.split{}
.split.s1{padding-top:27px;}
.split.s1 .left{ min-height: 400px; width:198px; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; border-right:1px solid #a7b7c9; float:left; position:relative; display:inline;}
.split.s1 .right{ min-height: 400px; width:521px; padding:0px 0px 0px 30px; margin:0px 0px 0px -1px;  float:left; border-left:1px solid #a7b7c9; position:relative;}

.split.s2{padding-top:27px;}
.split.s2 .left{width:388px; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; border-right:1px solid #a7b7c9; float:left; position:relative; display:inline;}
.split.s2 .right{width:513px; padding:0px 0px 0px 30px; margin:0px 0px 0px -1px;  float:left; border-left:1px solid #a7b7c9; position:relative;}

.split.s3{padding-top:27px;}
.split.s3 .left{width:530px; margin:0px 0px 0px 0px; padding:0px 20px 0px 20px; border-right:1px solid #a7b7c9; float:left; position:relative; display:inline;}
.split.s3 .right{width:360px; padding:0px 0px 0px 30px; margin:0px 0px 0px -1px;  float:left; border-left:1px solid #a7b7c9; position:relative;}

/*paddings*/
.padding1{padding:5px; }
.padding2{padding:40px 0px 0px 30px; }

/************************************************************************************************/
/*4: LISTS*/
/************************************************************************************************/
.list{zoom:1}
.list li{zoom:1}

/*list 1*/
.list.l1{margin:8px 0px 0px 0px; }
.list.l1 li{margin:-5px 0px 0px 0px;}
.list.l1 li a{width:162px; height:24px; cursor:pointer; display:block; font-size:11px; padding:5px 0px 0px 20px; text-decoration:none; color:#0d417d;  background:url(../images/list_l1.png) no-repeat top left; }
.list.l1 li.on a{background:url(../images/list_l1_on.png) no-repeat top left; color:#279cd2; }
.list.l1 li a:hover{color:#279cd2;}
.list.l1 li ul {margin:0px;}
/*list 2*/
.list.l2{}
.list.l2 li{float:left; margin-right:5px; margin-bottom:5px;}
.list.l2 li a{text-decoration:none; }
.list.l2 li .box1.thumbs .bottom{margin-bottom:0px;}

/************************************************************************************************/
/*5: BOXES*/
/************************************************************************************************/
/*box 1*/
.box1{width:180px; margin:0px 0px 0px 0px; background:url(../images/box1.gif) repeat-y top left; position:relative; }
.box1 .content{padding:0px 0px 0px 4px; }
.box1 .top{width:180px; height:4px; background:url(../images/box1_top.gif) no-repeat top left; }
.box1 .bottom{width:180px; height:5px; background:url(../images/box1_bottom.gif) no-repeat top left; }
.box1.thumbs .bottom{margin-top:-3px;}

/*box 2*/
.box2{width:240px; margin:0px 0px 0px 0px; background:url(../images/box2.gif) repeat-y top left; position:relative; }
.box2.float{float:left; margin:0px 5px 5px 0px;}
.box2 .content{padding:0px 0px 0px 4px; }
.box2 .top{width:240px; height:4px; background:url(../images/box2_top.gif) no-repeat top left; }
.box2 .bottom{width:240px; height:5px; background:url(../images/box2_bottom.gif) no-repeat top left; }
.box2 .videoquality{width:220px; height:16px; color:#555556; padding:4px 0px 0px 10px; margin:0px 0px 2px 0px;  text-decoration:none; font-size:12px; display:block; background:url(../images/box2_videoquality.gif) no-repeat top left; }

/*box 3*/
.box3{width:355px; margin:0px 0px 0px 0px; background:url(../images/box3.gif) repeat-y top left; position:relative; }
.box3 .content{padding:15px; }
.box3 .top{width:355px; height:4px; background:url(../images/box3_top.gif) no-repeat top left; }
.box3 .bottom{width:355px; height:5px; background:url(../images/box3_bottom.gif) no-repeat top left; }

/*box 4*/
.box4{width:355px; margin:0px 0px 10px 0px; position:relative; }
.box4 .content{padding:0px 0px 0px 4px; background:url(../images/box3.gif) repeat-y top left; zoom:1}
.box4 .content img{float:left; padding:0px 15px 0px 0px;}
.box4 .content h1{padding:15px 0px 0px 0px; }
.box4 .content p{font-size:11px; color:#505050;}
.box4 .content a.more{width:62px; height:19px; display:block; background:url(../images/ui_more.gif) no-repeat top left; right:5px; bottom:5px; position:absolute; overflow:hidden; text-indent:-4000px; }
.box4 .content a.more:hover{background:url(../images/ui_more_hover.gif) no-repeat top left;}

.box4 .content a.back{width:62px; height:19px; display:block; background:url(../images/ui_back.gif) no-repeat top left; right:5px; bottom:5px; position:absolute; overflow:hidden; text-indent:-4000px; }
.box4 .content a.back:hover{background:url(../images/ui_back_hover.gif) no-repeat top left;}


.box4 .top{width:355px; height:4px; background:url(../images/box3_top.gif) no-repeat top left; }
.box4 .bottom{width:355px; height:5px; background:url(../images/box3_bottom.gif) no-repeat top left; }

/************************************************************************************************/
/*5: TABLES*/
/************************************************************************************************/
/*table 1*/
.table1{width:100%; margin-bottom:10px;}
.table1 .border{border-right:1px solid white; border-bottom:1px solid white;}
.table1 th{background:#ababab; color:white; font-size:12px; font-weight:bold; padding:3px 0px 3px 5px; text-align:left;}
.table1 td{padding:3px 5px 3px 5px; }
.table1 td span{padding:0px 0px 0px 10px; background:url(../images/ico_block_blue.gif) no-repeat center left; }
.table1 tr{background:#f3f3f3; }
.table1 tr.alt{background:#e9e9e9; }

.error{
font-size:12px;
line-height:15px;
margin:0 0 10px 0;
}

/*table 2*/
.table2{width:100%; margin-bottom:10px;}
.table2 td{ vertical-align:top;}
.table2 td p input.text{width:240px;}
.table2 td p textarea{width:240px;}

/************************************************************************************************/
/*6: MISCELLEANOUS*/
/************************************************************************************************/
table{border-collapse:collapse;}
table td{}

/*content*/
h1{color:#0d417d; font-size:14px; padding:0px 0px 5px 0px; font-weight:normal; }

p{line-height:18px; font-size:12px; color:#555556; }
p strong{color:#0d417d; }
p a{color:#0d417d; text-decoration:none; }

div.left a{line-height:18px; font-size:12px; color:#555556;text-decoration:none; }

.submit{width:103px; cursor:pointer; margin-top:10px; height:22px; color:black; border:0px; background:url(../images/input_submit.gif) no-repeat top left; text-align:center; }

/*hr*/
.hr{height:30px; width:735px; background:url(../images/hr.png) repeat-x top left; margin:10px 0px 0px 0px; }
.hr hr{display:none;}

/************************************************************************************************/
/*7: FOOTER*/
/************************************************************************************************/
#footer{height:85px; background:url(../images/footer.gif) no-repeat top left; position:relative; margin:0px 0px 0px 10px; }
#footer p.top{font-size:10px; color:white; left:0px; top:30px; position:absolute; }
#footer p.top a{color:white; text-decoration:none; }
#footer p span{padding:0px 3px 0px 3px; }
#footer p.bottom{font-size:10px; color:#5e6267; left:0px; top:60px; position:absolute; }
#footer p.bottom a{color:#5e6267; text-decoration:none; }
#footer p.language{left:860px; top:43px; position:absolute; }
#footer p.language a{font-size:10px; color:#5e6267; text-decoration:none; }
#footer p.language span{padding:0px;}

/*******************/
/* Picture */
/*******************/
.padding2 table { border: none; border-collapse: collapse; }
.padding2 table td { vertical-align: top; }
.padding2 table .box1 { margin-right: 4px; margin-bottom: 4px; }