﻿@charset "utf-8";


@font-face {
    font-family: 'FuturaStdLightCondensed';
    src: url('fonts/futurastd-condensedlight-webfont.eot');
    src: url('fonts/futurastd-condensedlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurastd-condensedlight-webfont.woff') format('woff'),
         url('fonts/futurastd-condensedlight-webfont.ttf') format('truetype'),
         url('fonts/futurastd-condensedlight-webfont.svg#FuturaStdLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
background:#ffffff url(../images/layout/body_bg.jpg) left top repeat-x;
margin:0px;
padding:0px;
font-family:arial,tahoma,verdana;
font-size:12px;
}


img{
border:0px;
}

a{
color:#ff9831;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.wrap{
position:relative;
margin:0px auto 10px auto;
width:100%;
background:url(../images/layout/wrap_bg.jpg) top center no-repeat;
max-height:10000px;
overflow: hidden;
height: expression(this.scrollHeight > 10001? "10000px" : "auto" );
min-height:522px;
overflow: hidden;
height: expression(this.scrollHeight < 523? "522px" : "auto" );
}

#menu {position:relative; width:985px;padding:0px; margin:0px auto; list-style:none; height:50px;  z-index:500;font-family:arial;font-size:11px;}
#menu li {float:left;border-right:1px solid #252525;}
#menu li a {display:block; float:left; height:50px; line-height:50px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:11px; padding:0 8px 0 8px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }
/* Style the list OR link hover. Depends on which browser is used */
#menu li a:hover {z-index:200; position:relative;color:#ff9933; background:#111111;}
#menu li:hover {position:relative; z-index:200;}
#menu li:hover > a {color:#ff9933;background:#333333;}
#menu li:hover > a.sub {color:#ff9933;background:#111111;}
#menu li.current a {color:#ff9933; background:#111111;}
#menu li a.sub {background:url(../images/down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#ff9933; background:url(../images/down-arrow.gif) no-repeat right center;;}
#menu :hover ul {left:0; top:50px; width:150px; background-color:#111111;}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul
{left:120px; top:-1px; background:#111111; white-space:nowrap; width:100px; z-index:200; height:auto;}
#menu :hover ul li {margin:0; border-top:0px solid #111111;}
#menu :hover ul li a {width:150px; padding:0; text-indent:10px; background:#111111; color:#ff9933; height:30px; line-height:30px;}
#menu :hover ul :hover {color:#fff;}
#menu li a.selected{
color:#ff9933;background:#333333;
}

.content{
position:relative;
margin:0px auto 0px auto;
padding:0px;
width:900px;
height:auto;
}
.topblock{
position:relative;
float:left;
margin:0px 0px 22px 0px;
padding:0px;
width:900px;
height:137px;

}
.searchButton{
position:absolute;
right:9px;
top:47px;
width:42px;
height:44px;
}

.searchBox {
position:absolute;
right:80px;
top:60px;
width:200px; 
background:url('../images/layout/search_box_bg.jpg') repeat-x left top;
border:0px;
font-family:arial,tahoma,verdana;
font-size:11px;
height:12px;
text-align:left;
color:#ffffff;
}

.leftBlock{
position:relative;
float:left;
margin:0px;
margin-bottom:30px;
padding:0px;
width:600px;
max-height:10987px;
overflow: hidden;
height: expression(this.scrollHeight > 10988? "10987px" : "auto" );
min-height:550px;
overflow: hidden;
height: expression(this.scrollHeight < 551? "550px" : "auto" );
}
.rightBlock{
position:relative;
float:left;
margin:0px;
padding:0px;
width:300px;
max-height:10987px;
overflow: hidden;
height: expression(this.scrollHeight > 10988? "10987px" : "auto" );
min-height:550px;
overflow: hidden;
height: expression(this.scrollHeight < 551? "550px" : "auto" );
}

.footer{
position:relative;
margin:0px auto 0px auto;
width:100%;
/*height:213px;*/
height:196px;
padding-top:17px;
background:#ffffff url(../images/layout/footer_bg.jpg) repeat-x top left;
}

.linksWrapper{
position:relative;
margin:0px auto 0px auto;
width:962px;
height:196px;
}
#slider{
position:relative;
margin:0px auto;
width:900px;
}	
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{ 
width:900px;
height:155px;
overflow:hidden;
}	
#prevBtn{ 
position:absolute;
left:0px;
top:0px;
display:block;
width:31px;
height:155px;
background:url('../images/layout/prev_button_bg.jpg') no-repeat 0 0;
}	
#nextBtn{ 
position:absolute;
right:0px;
top:0px;
display:block;
width:31px;
height:155px;
background:url('../images/layout/next_button_bg.jpg') no-repeat 0 0;
}														
#prevBtn a{  
display:block;
width:31px;
height:155px;
background:url('../images/layout/prev_button.jpg') no-repeat 0 0;
}	
#nextBtn a{ 
display:block;
width:31px;
height:155px;
background:url('../images/layout/next_button.jpg') no-repeat 0 0;
}	

#prevBtn, #nextBtn{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}

.facebookLink2{
position:absolute;
left:31px;
bottom:0px;
}

.twitterLink2{
position:absolute;
left:135px;
bottom:0px;
}

.message{
position:absolute;
left:239px;
bottom:0px;
}

.counter{
position:absolute;
font-size:10px;
left:343px;
bottom:-10px;
width:147px;
height:41px;
line-height:44px;
background:transparent url('../images/layout/counter_bg.jpg') no-repeat left top;
padding-left:40px;
}

.copyright{
position:absolute;
right:31px;
bottom:0px;
color:#ff9d39;
}

.linksColumn{
font-family:arial,tahoma,verdana;
position:relative;
float:left;
padding:20px 12px 0px 24px;
width:260px;
height:135px;
}

.linksColumn a{
font-family:arial,tahoma,verdana;
font-size:11px;
color:#171717;
}

.linksColumn a:hover{
font-family:arial,tahoma,verdana;
text-decoration:none;
}

.linksColumn span{
font-family:arial,tahoma,verdana;
position:relative;
float:left;
display:block;
width:264px;
height:21px;
line-height:21px;
}

.textUnderline{
text-decoration:underline;
}
.margin5{
margin-bottom:5px;
}
.linksColumn span:hover{
font-family:arial,tahoma,verdana;
/*background-color:#fcfcfc;*/
}

.newsletter{
position:relative;
float:left;
margin:0px 0px 8px 8px;
padding:0px;
width:292px;
height:237px;
background:#ffffff url('../images/layout/newsletter_bg.jpg') left top no-repeat;
}

.newsletter p{
position:absolute;
top:75px;
left:20px;
width:252px;
color:#6d6b6b;
}

.boxRegister {
position:absolute;
left:20px;
bottom:80px;
width:250px;
background:#ffffff;
border:#ffffff 1px solid;
font-family:arial,tahoma,verdana;
font-size:12px;
text-align:left;
color:#7c7b7b;
height:25px;
line-height:25px;
padding:0px 0px 0px 2px;
}

.buttonRegister{
position:absolute;
left:20px;
bottom:25px;
width:113px;
height:39px;
}

.loading{
position:absolute;
left:250px;
top:100px;
width:100px;
height:100px;
border:#C0C0C0 1px solid;
background:#ffffff url('../images/layout/loading_1.gif') no-repeat center;
z-index:200;
}


.greenMessage{
position:absolute;
bottom:25px;
right:20px;
width:95px;
height:32px;
padding:5px 0px 0px 30px;
color:#333333;
background:#e3f3c2 url('../images/layout/success_bg.jpg') left center no-repeat;
text-transform:uppercase;
border:1px #a8ca61 solid;

}
.redMessage{
position:absolute;
bottom:25px;
right:20px;
width:95px;
height:32px;
padding:5px 0px 0px 30px;
color:#333333;
background:#e6a9ad url('../images/layout/warning_bg.jpg') no-repeat left center;
text-transform:uppercase;
border:1px #b9363f solid;

}


