@charset "utf-8";
/* CSS Document */

/* ########################### HEAD ###########################################*/


#container {
width:865px;
margin:auto;
font:12px Arial, Verdana, Helvetica, sans-serif;
text-align:left;
}


#main {padding: 20px 20px 15px; background: #fff url(/images/gen/gbl/bottom_corners_2.gif) no-repeat left bottom;}

#hphead {
	height:60px;
}

#hphead h1 {
	font-weight: normal;
	font-size: 22px;
	color: #2f91ec;
	padding-top: 7px;
}

#hphead h1 a {
	font-weight: normal;
	font-size: 22px;
}
#hphead h1 a:hover {text-decoration: none!important;}

#hpheadtxt {
	float: right;
}

#hpheadtxt h2{
	font-size: 14px;
	color: #84a3c7;
	line-height: 17px;
	font-weight: normal;
	text-align: right;
	padding-top: 3px;
}


input.wish-code {padding: 17px 0 0 64px; background: url(/images/gen/home/wishcode-bg.gif) no-repeat 0 0; width: 156px; height: 33px; border: none; position: absolute; left: 165px; top: 163px; color: #555; font-size: 11px; font-weight: normal; font-family: Arial, Verdana; }

#hpheadtxt #headbutton{
display:block;
height:28px;
width:183px;
text-align:center;
padding-top:6px;
margin-left:400px;
margin-top:16px;
border: solid 4px #fff;
}

#hpheadtxt #headbutton .txtMidWhite { 
	font-size: 16px;
	font-weight: bold;
}

#hpheadswitch {
width:425px;
margin-left:210px;
margin-top:-3px;
text-align:center;
height: 32px;
}

html:first-child #hpheadswitch {
	position: relative;
	z-index: 10;
}

#hpheadswitch .txtMidGrey {
	color: #fff;
}

#hpheadswitch a.inactiv:hover {
	text-decoration: underline;
}

/*#### MIDDLE #############*/

#hpmiddle {
	height:250px;
	margin-bottom: 30px;
}

.steps {float:left; width: 272px; height:250px; margin-right: 10px; background: #38A5F0 url(/images/gen/home/steps_bg.gif) repeat-x 0 0; position: relative; color: #fff;}
* html .steps {display: inline;}

#step2 {width: 261px;}

#step3 {margin-right: 0;}

.img_bg {position: absolute;}
#step1 .img_bg {width: 101px; height: 122px; top: 0; right: 0; background: url(/images/gen/home/home_sprite.gif) no-repeat 0 0; z-index: 1;}
#step2 .img_bg {width: 139px; height: 96px; top: 114px; right: 0; background: url(/images/gen/home/home_sprite.gif) no-repeat 0 -139px;}
#step3 .img_bg {width: 110px; height: 250px; top: 0; right: 0; background: url(/images/gen/home/home_sprite.gif) no-repeat 0 -250px;}

.steps span {display: block; font-size: 36px; padding: 6px 0 0 14px;}
#step1 span {background: url(/images/gen/home/home_sprite.gif) no-repeat -103px -2px;}
.steps p {margin: 0; font-size: 14px; line-height: 17px; position: absolute; left: 0; bottom: 0; height: 70px; padding: 0 0 0 14px; z-index: 20;}
#step1 p {background: url(/images/gen/home/home_sprite.gif) no-repeat -103px -52px;}
.steps h3 {font-size: 22px; font-weight: normal; line-height: 27px; padding: 4px 0 0 14px; position: relative;  z-index: 20; color: #fff;}

.steps input {float: left; margin: 17px 0 0 14px; border: none; position: relative; z-index: 10; padding: 9px 20px 9px 9px; width: 186px; height: 23px; background: url(/images/gen/home/home_sprite.gif) no-repeat 0 -512px;}
.steps input.submit {cursor: pointer; margin: 17px 0 0 0; padding: 0; width: 33px; height: 41px; background: url(/images/gen/home/home_sprite.gif) no-repeat -215px -512px;}

#step3 a {margin: 17px 0 0 12px; padding: 9px 0 0 0; position: relative; z-index: 20; display: block; color: #fff; font-size: 17px; width: 205px; text-align: center; height: 31px; background: url(/images/gen/home/home_sprite.gif) no-repeat 0 -562px;}
#step3 a:hover {color: #fff;}

#auctions {float: right; height: 291px; margin-right: 0; padding: 0 3px 4px 4px; width: 265px; position: relative;}
#auctions .auction_mask {width: 272px; height: 295px; position: absolute; left: 0; top: 0; background: url(/images/gen/home/auction_mask.gif) no-repeat 0 0;}
#auctions .mask {overflow: hidden; z-index: 100; width: 5px; height: 5px; position: absolute; background: url(/images/gen/home/mask.gif) no-repeat 0 0; }
#auctions .mask_left_top {left: 4px; top: 63px;}
#auctions .mask_right_top {left: 264px; top: 63px; background-position: -260px 0;}
#auctions .mask_left_bottom {left: 4px; top: 287px; background-position: 0 -224px;}
#auctions .mask_right_bottom {left: 264px; top: 287px; background-position: -260px -224px;}



#auctions h3 {font-size: 18px; padding: 6px 0 1px 9px;}
#auctions p {position: static; padding: 0 0 0 9px; height: auto;}
#auctions .jCarouselLite_container {overflow: hidden; border: solid 1px #fff; position: relative; z-index: 10; width: 263px; height: 226px; margin-top: 12px;}
#auctions .jCarouselLite ul {list-style-type: none; margin: 0; padding: 0;}
#auctions .jCarouselLite ul li {float: left!important; padding: 5px 0 6px 5px; margin: 0; list-style-type: none; width: 258px; height: 42px; border-bottom: solid 1px #fff; background: #fff url(/images/gen/home/auction_bg.gif) repeat-x 0 0; position: relative;}
#auctions .jCarouselLite ul li img {margin: 0 6px 0 0; float: left; width: 54px; vertical-align: top;}
#auctions .jCarouselLite ul li a.title {}
#auctions .jCarouselLite ul li a.submit {display: block; position: absolute; right: 0; bottom: 0; width: 119px; height: 18px; color: #fff; text-align: center; background: url(/images/gen/home/auction_link_bg.gif) repeat-x 0 0;}
#auctions .jCarouselLite ul li span {padding: 0; font-size: 14px; display: block;  color: #525252;}

/*### BOTTOM ###########*/

#hp_bottom {height: 295px;  width: 543px; background: url(/images/gen/home/advantages_bg.png) no-repeat 0 0; position: relative; /*margin-bottom: 28px;*/}

#advantages {padding: 10px 0 0 14px; width:275px; height: 285px; float: left; position: relative;}
#advantages h2 {font-size: 20px;}
#advantages ul {font-size: 17px; color: #2F91EC; margin: 0; padding: 7px 0 0; list-style-type: none; }
#advantages ul li {padding: 3px 0 5px 22px; background: url(/images/gen/home/home_sprite.gif) no-repeat -130px -258px;}
* html #advantages ul li {display: inline-block;}
#advantages ul li span {color: #ff7206; font-weight: bold;}

#advbutton {width: 249px; height: 31px; display: block; color: #fff; font-size: 17px; text-align: center; padding: 8px 0 0 0; position: absolute; left: 12px; bottom: 11px; background: url(/images/gen/home/home_sprite.gif) no-repeat 0 -613px;}

#hp_bottom .img_man, #hp_bottom .img_logo, #hp_bottom .img_info, #hp_bottom .movie_container, #hp_bottom .movie_container_en, #hp_bottom .img_man_en  {position: absolute;}
#hp_bottom .img_man {left: 305px; top: -24px; z-index: 10;}
#hp_bottom .img_man_en {left: 303px; top: -25px; z-index: 10;}
#hp_bottom .img_logo {left: 425px; top: 57px;}
#hp_bottom .img_info {color: #ff7206; font-size: 14px; left: 425px; top: 84px;}
#hp_bottom .movie_container {width: 256px; height: 160px; background: url(/images/gen/home/big_movie_bg.gif) no-repeat 0 0; top: 127px; right: 11px; z-index: 1; text-align: center;}
#hp_bottom .movie_container_en {width: 256px; height: 130px; background: url(/images/gen/home/big_movie_bg_en.gif) no-repeat 0 0; top: 157px; right: 11px;}
#hp_bottom .movie_container a {color: #ff7206; font-size: 24px; display: block; background: url(/images/gen/home/big_movie_bg.gif) no-repeat 103px -258px; padding: 49px 0 0 0; margin-top: 40px;}
#hp_bottom .movie_container_en p {padding: 0 5px 5px 15px;text-align:left; margin: 0; line-height: 20px; color: #2F91EC;}
#hp_bottom .movie_container_en p span {font-weight: bold; color: #FF7206;}
#hp_bottom .movie_container_en a {color: #2F91EC; font-size: 12px; display: inline; background: none; padding: 0; margin: 0;}

#hp_movies {height: 139px; margin-left: -3px; display: none;}
#hp_movies .movie_container {width: 207px; height: 139px; background: url(/images/gen/home/big_movie_bg.gif) no-repeat -293px 0; float: left;}
#hp_movies .movie_container a {margin: 52px 0 0 88px; display: block; background: url(/images/gen/home/big_movie_bg.gif) no-repeat -468px -268px; width: 32px; height: 32px; }

#hpbottom {
padding:2px;
height:200px;
margin:20px 12px 0;
}


.jobheading{
display:block;
font:16px Arial;
margin:0 0 0 10px;
padding-top:10px;
}

.proheading{
display:block;
font:16px Arial;
margin:0 0 0 15px;
padding-top:10px;
}

/* ################ Jobslider ########################## */
#hpbottom #joboutbox{
float:left;
width:350px;
height:100%;
padding:10px;
}

#hpbottom #jobbox{
width:100%;
height:100%;
background:#FFF;
border-top:1px solid #FFF;
border-right: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
}

#jobslider {
margin-top:20px;
}


#jobslider ul{
list-style:none;
margin:0;
margin-left:20px;
padding:0;
}

#jobslider #jobs1 {
position:absolute;
padding-left:5px;
opacity:1;
filter:alpha(opacity=90);
width:315px;
}

#jobslider #jobs2 {
position:absolute;
padding-left:5px;
opacity:0;
filter:alpha(opacity=0);
width:315px;
}

.jobheader {
list-style:none;
margin-bottom:15px;
}


#jobslider .jobheader a{
background:#FFF;
}

#jobslider .jobheader a:hover{
background:#ff6500;
}

/*  ################# profiles ################### */
#hpbottom #profileoutbox{
width:430px;
height:100%;
padding:10px;
float:right;
}

#hpbottom #profilebox{
height:100%;
width:430px;
background:#FFF;
border-top:1px solid #FFF;
border-right: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
}

#hpbottom #profileinnerbox{

margin:auto;
}

.profilebox {
float:left;
width:115px;
padding:5px;
border:1px solid #2f91eb;
margin-top:15px;
margin-left:2px;
display: inline;
}

#profile1 {
margin-left:12px;
}

#profile2 {
margin-left:12px;
}

#profile3 {
margin-left:12px;
}
.profilebox .profimg{
float:left;
}