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

html { height: 100%; }
body { position: relative; height: auto!important; min-height: 100%; height: 100%; }
body { margin: 0; padding: 0; background: #f5f5f5 url(../img/bg.png) 0 0 repeat-x; }
body { font-family: Tahoma; font-size: 12px; color: #000; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }

p, form, table { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
th, td { vertical-align: top; }

h3 { margin: 0; padding: 0; font-size: 16px; }
h4 { margin: 0; padding: 0; font-size: 13px; font-weight: normal; }
h6 { padding: 0; margin: 0; font-weight: normal; }

/* -- CLASSES -- */
.clear { clear: both; height: 0; _line-height: 0; }
.float_left { float: left; }
.float_right { float: right; }


/*.iefix { display: none; }*/
.iefix { *display: inline-block; *width: 0; *overflow: hidden; }
.valign { display: inline-block; line-height: 1.2; vertical-align: middle;}


/* -- BTN RED -- */
.btn_red { 
	background: url(../img/btn_red_r.png) 100% 0 no-repeat; max-width: 300px; padding: 0 10px 0 0;
	text-align: center; 
}
.btn_red .side_l { background: url(../img/btn_red.png) 0 0 no-repeat; height: 41px; padding-left: 10px; }
.btn_red h6, 
.btn_red h6 a { color: #fff; position: relative; }
.btn_red h6 { font-size: 18px; font-weight: normal; padding-top: 10px; }
.btn_red h6 a { padding: 0 0 1px; text-decoration: none; border-bottom: 1px #fff dashed; }

.btn_red.hovered:hover { background-position: 100% 100%; }
.btn_red.hovered:hover .side_l { background-position: 0 100%; }
.btn_red.hovered:hover a { border: none; }


/* -- BTN GREY -- */
.btn_gray { 
	background: url(../img/btn_gray_r.png) 100% 0 no-repeat; max-width: 300px; padding: 0 10px 0 0;
	text-align: center; 
}
.btn_gray .side_l { background: url(../img/btn_gray.png) 0 0 no-repeat; height: 41px; padding-left: 10px; }
.btn_gray h6, 
.btn_gray h6 a { color: #e7072b; position: relative; }
.btn_gray h6 { font-size: 18px; font-weight: normal; padding-top: 10px; }
.btn_gray h6 a { padding: 0 0 1px; text-decoration: none; border-bottom: 1px #e7072b dashed; }

.btn_gray.hovered:hover { background-position: 100% 100%; }
.btn_gray.hovered:hover .side_l { background-position: 0 100%; }
.btn_gray.hovered:hover a { border: none; }


/* -- -- */
.prev_block { margin: 0 0 6px; }
.prev_block.r-star-shape .content { padding: 5px 15px; }
.prev_block.r-star-shape .r-star .content { padding: 0; }
.prev_block h6.title { color: #4e5d64; font-size: 17px; font-weight: bold; text-transform: uppercase; padding: 0 0 15px 10px; }


/* -- -- */
.images_list { margin: 0 -40px 0 0; padding: 0; list-style: none; }
.images_list li { margin: 0 10px 0 0; padding: 0; float: left; }


/* -- -- */
#body { 
	width: 990px; padding: 0 123px; margin: 0 auto; position: relative;
}

#logos { height: 130px; padding: 13px 0 0 10px; }
#logos div { float: left; }


/* -- HAT -- */
#hat { margin: 255px 0 0; height: 304px; }
/* IE */ #hat { *height: 308px; }
#action_keys { 
	background: url(../img/red_corn.png) 0 100% no-repeat; margin: 0 0 0 15px; 
	width: 543px; padding: 0 0 17px 1px; position: relative; z-index: 20; float: left;
}
/* -- action_keys -- */
#action_keys .btn_red { float: left; margin: 0 0 -0px 143px; }
#action_keys .bg { background: url(../img/ban_bg.png) 0 100% repeat-x; padding: 20px 15px 0 35px; color: #fff; }
#action_keys .bg h6 { font-size: 24px; padding-bottom: 10px; }
#action_keys .bg h6 span { color: #feeb12; }
#action_keys .bg p { font-size: 13px; font-weight: bold; }
#action_keys .bg ul { display: inline-block; width: 100%; margin: 0; padding: 20px 0 0; list-style: none; }
#action_keys .bg ul li { float: left; margin: 0; padding: 0 5px 0 0; font-size: 12px; }
#action_keys .bg ul li span { 
	display: block; float: left; width: 15px; height: 14px; 
	color: #e99d13; text-align: center; padding: 0 5px 0 0;
	background: url(../img/circle_yellow.png) 0 0 no-repeat; 
}
/* -- action -- */
#action { width: 215px; float: left; margin: 0 0 -80px 7px; position: relative; z-index: 20; top: -45px; }
#action .content { padding: 20px 0 0 17px; }
#action .content h6 { font-size: 24px; color: #fb7c11; padding: 58px 0 0 18px; }
#action .content div h6 { font-size: 48px; color: #d00b25; text-transform: uppercase; padding: 0 0 10px 18px; }

#action .content h4 { color: #ec4f08; }
#action .content form { padding: 15px 10px 0; font-size: 11px; color: #3a4950; }
#action .content form p { color: #075981; }
#action .content form .radio { padding: 10px 0 0; height: 11px; }
#action .content form .txt { 
	border: 1px #bdbdbd solid; padding: 2px 5px 0; height: 18px; width: 150px; font-size: 11px;
	display: block; margin: 15px 0 0; color: #bbc1c3;
}
#action .content form .btn { 
	background: url(../img/btn_send.png) 0 0 no-repeat; border: none; 
	width: 195px; text-align: center; height: 29px; line-height: 26px; 
	color: #fff; font-size: 11px; display: block; margin: 15px -15px 0;
}

/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left; z-index: 2; }
.jNiceRadio {
	background: url(../img/radio.gif) no-repeat center 0;height: 9px; width: 9px; 
	position:absolute;left:0px;top:3px;cursor:pointer;vertical-align:middle;overflow:hidden;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background-position: center -9px;}

.jNiceFocus {/* border: dotted 1px #666666; */}

.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}

/* -- play -- */
#play { float: left; padding: 74px 0 0 32px; position: relative; z-index: 20; }
#play h6 { padding: 10px 0 0 22px; font-size: 14px; }
#play h6 a { color: #f2530a; text-decoration: none; border-bottom: 1px #f2530a dashed; display: block; float: left; }
#play h6 a:hover { border: none; padding-bottom: 1px; }

#hat .r-star { 
	background: url(../img/top_bg.png) 0 0 repeat-x; top: -101px; 
	font-size: 13px; color: #6f919f; font-style: italic; font-weight: bold;
}
/* IE */ #hat .r-star { *top: -137px; }
#hat .r-star .content { height: 62px; padding: 135px 16px 0; }
/* IE */ #hat .r-star .content { *height: 87px; *padding-top: 150px; }
#hat .r-star .cn { background: url(../img/rstar_top.png) 0 0 no-repeat; }
#hat .r-star a { color: #6f919f; border-bottom: 1px #6f919f dashed; text-decoration: none; margin-left: 15px; }
#hat .r-star a:hover { border: none; }
#hat .r-star span { color: #ef4c02; }
#hat .r-star .content div {
	background: url(../img/cd.gif) 3px bottom no-repeat; padding: 0 0 0 91px;
	min-height: 36px; _height: 36px; margin-right: 431px;
}
#hat .r-star .content div.float_right {
	background: url(../img/star.gif) 0 0 no-repeat; padding: 15px 180px 0 75px;
	margin-right: 0; 
}


#announce { }
#announce .images_list { margin-top: -18px; }
#announce .images_list li { margin: 0; padding: 18px 21px 0 0; width: 466px; }
#announce .images_list li .r-star .content { height: 102px; background: url(../img/rel_bg.png) 0 0 repeat-x; }
#announce .images_list li img { position: absolute; left: 0; top: 0; z-index: 20px; }
#announce .images_list li .text { padding: 15px; font-size: 11px; line-height: 15px; color: #fff; }
#announce .images_list li .signature { font-size: 11px; color: #fe610c; line-height: 32px; }
#announce .images_list li .signature h6 { font-size: 16px; color: #802b86; padding-top: 10px; }
/* IE */ #announce .images_list li .signature h6 { *padding-top: 0px; } 
#announce .images_list li .r-star.signature .content { 
	min-height: 27px; height: auto!important; padding: 0 10px 5px; 
	background: #fdfdfe url(../img/info_bg.png) 0 100% repeat-x; 
}
#announce .images_list li.col_1 .signature h6 { color: #b90717; }
#announce .images_list li .btn_red, 
#announce .images_list li .btn_gray { width: 276px; }
#announce .images_list li:hover img { display: none; }


#foot_logo { 
	background: url(../img/foot_info.png) 0 0 no-repeat; height: 86px; 
	position: relative; top: -7px; padding: 0 0 0 35px; color: #fff; 
}
#foot_logo h6 { font-size: 36px; padding-top: 27px; float: right; }
/* IE */ #foot_logo h6 { *padding: 20px 10px 0 0; }
#foot_logo h6 span { font-size: 20px; }
/* -- FOOT -- */
#foot { font-size: 11px; color: #d96c7b; padding: 0 22px 23px 0; position: relative; top: -10px; }
#foot a { color: #d03e53; text-decoration: none; }
#foot a:hover { text-decoration: underline; }
#foot ul { margin: 0; padding: 0 37px 0 0; list-style: none; }
#foot ul li { float: left; margin: 0; padding: 0 11px 2px; background: url(../img/vline_red.gif) 0 1px no-repeat; }
#foot ul li.first { background: none; }





/* -- FORM -- */

#overflow { display: none;
	position: absolute; left: 0; top: 0; z-index: 1000; 
	width: 100%; height: 100%; background: #000; 
	opacity: 0.7; filter: alpha(opacity=70);
}
#overform, #overform_e { display: none;
	width: 464px; position: absolute; left: 35%; top: 10%; z-index: 1500;
	 
}
#overform .content, #overform_e .content { background: #fff url(../img/bg_gray.png) 0 100% repeat-x; padding: 15px 23px 20px; }
#overform .cn.bl, #overform_e .cn.bl, 
#overform .cn.br, #overform_e .cn.br { background-image: url(../img/shape_b_gray.png); }
#overform label, #overform_e label { display: block; color: #494949; padding: 0 0 0 5px; position: relative; }
#overform label.red_txt, #overform_e label.red_txt { color: #d24055; }
/* txt field */
#overform .txt, #overform_e .txt, 
#overform .txt span, #overform_e .txt span { background: url(../img/txt_bg.gif) 0 0 no-repeat; overflow: hidden; }
#overform .txt, #overform_e .txt { width: 245px; margin: 5px 0; }
#overform .txt span, #overform_e .txt span { background-position: 100% -40px; padding: 0 4px; display: block; }
#overform .txt span span, #overform_e .txt span span { background-position: 0 -20px; background-repeat: repeat-x; height: 20px; padding: 0; }
#overform .txt input, #overform_e .txt input { background: none; border: none; display: block; height: 18px; width: 100%; padding: 2px 0 0; }
#overform .btn_red_min, #overform_e .btn_red_min { margin-top: 20px; }

#close, #close2 { 
	background: url(../img/close.gif) 0 0 no-repeat; width: 9px; height: 7px;
	position: absolute; right: 14px; top: 11px; cursor: pointer;
}

.btn_red_min, .btn_red_min span { background: url(../img/btn_bg.png) 0 0 no-repeat; }
.btn_red_min { 
	background: url(../img/btn_bg.png) 0 0 no-repeat; width: 195px; display: block; 
	color: #fff; font-size: 12px; text-decoration: none; text-align: center; 
}
.btn_red_min span { background-position: 100% -58px; padding: 0 10px; display: block; }
.btn_red_min span span { background-position: 0 -29px; background-repeat: repeat-x; padding: 0; height: 29px; line-height: 29px; }
.btn_red_min input { 
	margin: 0; padding: 0; border: none; background: none; cursor: pointer;
	display: block; height: 27px; width: 100%; color: #fff; 
}
.btn_red_min:hover, .btn_red_min:hover span { background-image: url(../img/btn_bg_rel.png); }