﻿
html { height: 100%; }

/* clearfix */
html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* { margin: 0; padding: 0; }

body { font-family: Arial; font-size: 12px; padding: 0; margin: 0 !important;  color:#3a3a3a;}
h2 { font-size: 20px; color: red; font-family: Georgia, Arial; }
h3 { font-size: 16px; color: red; font-family: Georgia, Arial; }
h4 { font-size: 13px; color: #dd252b; font-family: Arial, Georgia; }
form { height: 100%; }
.pointer { cursor: pointer; }
a { color: #cb090e; text-decoration:none; font-size:11px;}
span {color: #cb090e; text-decoration:none; font-size:11px; margin:0 0 0 2px;}
a.button { display: block; text-decoration: none; overflow: hidden; width: 100%; height: 100%; }
.hidden { visibility: hidden; overflow: hidden; }
#primary li h4, #primary li p { visibility: hidden; margin: 0; padding: 0; height: 1px; overflow: hidden; }
.justify {text-align:justify;}
.center{text-align:center;}
.group{ padding: 4px 0px; overflow: auto; }
.radio_group{padding:5px 0px 5px 0px; }
.textBox{padding:2px 0px 2px 0px;}
.TB_closeAjaxWindow a{ background:url(../fr/modal/images_modal/modal_close.gif) no-repeat; border:none; float:right;height:33px; margin:1px 1px 0 0; text-decoration:none; width:40px;}
.info_left{float:left; width:213px;}
.info_right{float:left; width:174px; height:108px; background:url(../fr/modal/images_modal/additional_info_bg.gif) no-repeat; margin:0 0 0 50px;}
.form_left{float:left; text-align:right; }
.form_right{float:right; text-align:right;}
.top_info{overflow:auto;}
.centerDiv{text-align:center;}
.btn_submit{background:url(../fr/modal/images_modal/btn_submit.gif) no-repeat; width: 86px; height:24px; border:medium none; margin:0 0 0 30px; cursor: pointer;}
.btn_sign_up{background:url(../fr/modal/images_modal/btn_sign_up.gif) no-repeat; width: 84px; height:24px; border:medium none; cursor: pointer;}
.btn_cancel{background:url(../fr/modal/images_modal/btn_cancel.gif) no-repeat; width:80px; height:24px; border:medium none; margin:11px 58px 0 210px; cursor: pointer;}
.modal_content{background:white url(../images/master/ctrl_gradient.gif) repeat-x; overflow:auto;}
.signUp{background:url(../fr/modal/images_modal/btn_signup.gif) no-repeat; width: 130px; height:24px; border:medium none; margin:10px 0 8px 20px; cursor: pointer;}
.btn_no_thanks{background:url(../fr/modal/images_modal/btn_no_thanks.gif) no-repeat; width: 100px; height:24px; border:medium none; margin:10px 0 0 96px; cursor: pointer;}
.float_right{float:left;}
.btn_login{background:url(../fr/modal/images_modal/btn_login.gif) no-repeat; width: 150px; height:24px; border:medium none; cursor: pointer;}
.btn_join{background:url(../fr/modal/images_modal/btn_join.gif) no-repeat; width: 130px; height:24px; border:medium none; cursor: pointer;}
.btn_remove{background:url(../fr/modal/images_modal/btn_remove.gif) no-repeat; width:80px; height:24px; border:medium none; cursor: pointer;}
#divErrorMessage {color:#cb090e;}
.text_box{width:202px; height:20px;}
.check_box{float:left; width:10px; padding:0px 6px 0 0; }
span.check_box_text{float:left; color:#414141; font-family:Arial; font-size:12px; margin:0px 0 0 7px; width:580px; }
.radio_btn{color:#414141; font-family:Arial; font-size:12px; margin:0px 0px 0px 4px;}
label {margin:0 5px 0 3px;}
.privacy_policy{color:#7f7f7f; font-family:Arial; font-size:11px;}
#similar{overflow:auto;}
.span_space{padding:0 32px 0 0 }

body.modal_body { margin: 0 auto !important; width: 1017px !important; position: relative !important; }

#divConfirmation{margin:0 auto !important;padding:30px 0 0;width:485px;}
#divConfirmation #confirmation_header{background:url(../fr/modal/images_modal/modal_general_thank_you.gif) no-repeat; width:485px; height:36px;}           
#divConfirmation #confirmation_bottom_corners{background:url(../fr/modal/images_modal/bottom_corners_small.gif) no-repeat; width:485px; height:12px;}
#divConfirmation .modal_content { width:485px; }
#divConfirmation .modal_content .modal_content_container{padding:15px;  text-align:center;}


#divComment{ margin: 0 auto; padding: 30px 0 0; width: 487px; }
#divComment #comment_header{background:url(../fr/modal/images_modal/modal_comment.gif) no-repeat; width:487px; height:36px;}           
#divComment #comment_bottom_corners{background:url(../fr/modal/images_modal/bottom_corners_small.gif) no-repeat; width:487px; height:12px;}
#divComment .modal_content { width:487px; }
#divComment .modal_content .modal_content_container{padding:15px; }
#divComment .modal_content .modal_content_container .btn_cancel{margin:11px 58px 0 89px; cursor: pointer;}
#divComment .modal_content .modal_content_container .info_right p{margin:20px 0px 0px 0px; font-size:11px;}
#divComment .modal_content .modal_content_container .info_right a{width:164; height:62px;}
#divComment .modal_content .modal_content_container .info_right #login{margin:31px 0 0 11px;}
#divComment .modal_content .modal_content_container #similar_bottom{overflow:auto; width:456px;}
#divComment .modal_content .modal_content_container #similar_bottom .form_right{width:208px; float:left; text-align:left; margin:5px 0 0;}
#divComment .modal_content .modal_content_container #similar_bottom .form_left{text-align:left; width:243px;}
#para_width{width:450px;}

#divSpread{margin:0 auto; padding:30px; width:567px;}
#divSpread #spread_header{background:url(../fr/modal/images_modal/modal_spread.gif) no-repeat; width:567px; height:36px; margin:10px 10px 0 0;}           
#divSpread #spread_bottom_corners{background:url(../fr/modal/images_modal/comment_bottom_corners.gif) no-repeat; width:567px; height:12px;}
#divSpread .modal_content { width:567px; }
#divSpread .modal_content .modal_content_container{padding:15px; }
#divSpread .modal_content .modal_content_container #similar{width:500px;}
#divSpread .modal_content .modal_content_container #similar .form_right{float:right; text-align:left; }
#divSpread .modal_content .modal_content_container #similar .form_left{float:left; text-align:left; }
#divSpread .modal_content .modal_content_container #divTerms span.check_box_text{width:500px; }
#divSpread .modal_content .modal_content_container #similar_bottom{overflow:auto; width:500px;}
#divSpread .modal_content .modal_content_container #similar_bottom .form_right{width:258px; text-align:left; margin:5px 0 0;}
#divSpread .modal_content .modal_content_container #similar_bottom .form_left{text-align:left; }
#divSpread .modal_content .modal_content_container .btn_cancel{margin:11px 58px 0 134px; cursor: pointer;}


#divEng{padding: 46px 0 0; margin: 0 auto !important; width: 484px;}  
#divEng #divSignUp #eng_header{background:url(../fr/modal/images_modal/modal_thank_you.gif) no-repeat; width:485px; height:36px;}   
#divEng #eng_bottom_corners{background:url(../fr/modal/images_modal/bottom_corners_small.gif) no-repeat; width:485px; height:12px;}
#divEng #divSignUp .modal_content { width:485px; }
#divEng #divLoggedIn .modal_content { width:485px; }
#divEng .modal_content .modal_content_container{padding:15px; }
#divEng .modal_content .modal_content_container .btnSignUp{margin:0; }
#divEng .modal_content .modal_content_container .btn_no_thanks{margin:0 0 0 3px;}
#divEng .modal_content .modal_content_container .group_buttons{margin:14px 0 6px 109px;}

#divEng #divLoggedIn #eng_header_logged{background:url(../fr/modal/images_modal/modal_thank_you.gif) no-repeat; width:485px; height:36px;}      
#divEng #eng_bottom_corners_l{background:url(../fr/modal/images_modal/bottom_corners_small.gif) no-repeat; width:485px; height:12px;}
#divEng .modal_content .modal_content_container .btn_take_me_there{background:url(../fr/modal/images_modal/btn_take_me_there.gif) no-repeat; width:103px; height:25px; border:medium none; margin:0 0 4px 26px;}
#divEng .modal_content .modal_content_container .info_right p{margin:20px 0px 0px 0px; font-size:11px;}
#divEng .modal_content .modal_content_container .info_right a{width:164; height:62px;}
#divEng .modal_content .modal_content_container .info_right #login{margin:31px 0 0 11px;}



#divReport{margin:0 auto; padding:42px 0 0; width:507px;}
#divReport #report_header{background:url(../fr/modal/images_modal/modal_report.gif) no-repeat; width:507px; height:36px;}           
#divReport #report_bottom_corners{background:url(../fr/modal/images_modal/bottom_corners_report.gif) no-repeat; width:507px; height:12px;}
#divReport .modal_content { width:507px; }
#divReport .modal_content .modal_content_container{padding:15px; overflow:hidden; }
#divReport .modal_content .modal_content_container .info_right p{margin:20px 0px 0px 0px; font-size:11px;}
#divReport .modal_content .modal_content_container .info_right a{width:164; height:62px;}
#divReport .modal_content .modal_content_container .privacy_policy{width:450px; }
#divReport .modal_content .modal_content_container .info_right #login{margin:70px 0 0 11px;}
#divReport .modal_content .modal_content_container .info_left{width:238px;}
#divReport .modal_content .modal_content_container .info_left .text_box{width:233px;}
#divReport .modal_content .modal_content_container #similar_bottom{overflow:hidden; width:476px;}
#divReport .modal_content .modal_content_container #similar_bottom .form_right{margin:12px 26px 0 0; text-align:left; width:210px; text-align:left; }
#divReport .modal_content .modal_content_container #similar_bottom .form_left{text-align:left; width:240px; }
#divReport .modal_content .modal_content_container .btn_cancel {margin:11px 58px 0 100px; cursor: pointer;}

#forgot{margin:0 auto; padding:30px 0 0; width:327px;}
#forgot #forgot_header{background:url(../fr/modal/images_modal/modal_password.gif) no-repeat; width:327px; height:36px;}           
#forgot #forgot_bottom_corners{background:url(../fr/modal/images_modal/bottom_corners_password.gif) no-repeat; width:327px; height:12px;}
#forgot .modal_content { width:327px; }
#forgot .modal_content .modal_content_container{padding:15px; }
#forgot .modal_content .btn_submit{margin:4px 0 0 0;}
#forgot .modal_content .modal_content_container .info_right p{margin:20px 0px 0px 0px; font-size:11px;}
#forgot .modal_content .modal_content_container .info_right a{width:164; height:62px;}
#forgot .modal_content .modal_content_container .info_right #login{margin:70px 0 0 11px;}
#forgot .modal_content .modal_content_container #similar{overflow:auto;}


#divLogin_EN {margin:0 auto; padding: 45px 0 0; width: 505px;}
#divLogin_EN #enLogin_header{background:url(../fr/modal/images_modal/modal_my_ost.gif) no-repeat; width:507px; height:36px;}           
#divLogin_EN #enLogin_bottom_corners{background:url(../fr/modal/images_modal/bottom_corners_my_ost.gif) no-repeat; width:507px; height:12px;}
#divLogin_EN .modal_content { padding:0 0 0 9px; width:498px;}
#divLogin_EN .modal_content .modal_content_container{padding:15px; }
#divLogin_EN .modal_content .modal_content_container .info_left h2{background:url(../fr/modal/images_modal/header_already_joined.gif) no-repeat; height:33px; width:207px;}
#divLogin_EN .modal_content .modal_content_container .float_right h2{background:url(../fr/modal/images_modal/header_new_to_ost.gif) no-repeat; height:26px; width:207px;}
#divLogin_EN .modal_content .modal_content_container .float_right {float:left; width: 207px; padding: 0 0 0 28px;}
#divLogin_EN .modal_content .modal_content_container .float_right p{text-align:center; width:183px; line-height:18px;}
#divLogin_EN .modal_content .modal_content_container .info_left {border-right:1px dotted grey; float:left; padding:0 17px 0 0;}
#divLogin_EN .modal_content .modal_content_container #similar{overflow:auto;}



#divRemove{margin:0 auto !important; padding:53px 0 0; width:485px;}
#divRemove #remove_header{background:url(../fr/modal/images_modal/modal_remove.gif) no-repeat; width:485px; height:36px;}           
#divRemove #remove_bottom_corners{background:url(../fr/modal/images_modal/bottom_corners_small.gif) no-repeat; width:485px; height:12px;}
#divRemove .modal_content { width:485px; }
#divRemove .modal_content .modal_content_container{padding:15px; }
#divRemove .modal_content .modal_content_container .info_right p{margin:20px 0px 0px 0px; font-size:11px;}
#divRemove .modal_content .modal_content_container .info_right a{width:164; height:62px;}
#divRemove .modal_content .modal_content_container .info_right #login{margin:70px 0 0 11px;}
#divRemove .modal_content .modal_content_container #similar{overflow:auto;}
#divRemove .modal_content .modal_content_container .btn_cancel{margin:11px 58px 0 112px; cursor: pointer;}


#divSubmit{padding:45px 0 0; width: 525px; margin:0 auto !important; }
#divSubmit #submit_header{background:url(../fr/modal/images_modal/modal_submit.gif) no-repeat; height:38px; width:525px;}           
#divSubmit #submit_bottom_corners{background:url(../fr/modal/images_modal/submit_bottom_corners.gif) no-repeat; width:525px; height:12px;}
#divSubmit .modal_content { width:525px; }
#divSubmit .modal_content .modal_content_container{padding:15px; }
#divSubmit .modal_content .modal_content_container .radio_group{width:478px; }
#divSubmit .modal_content .modal_content_container .info_right p{margin:20px 0px 0px 0px; font-size:11px;}
#divSubmit .modal_content .modal_content_container .info_right a{width:164; height:62px;}
#divSubmit .modal_content .modal_content_container .info_right #login{margin:31px 0 0 11px;}
#divSubmit .modal_content .modal_content_container #similar{overflow:auto;}
#divSubmit .modal_content .modal_content_container #similar_bottom {height:102px;}
#divSubmit .modal_content .modal_content_container #similar_bottom .form_right{margin:5px 0 0; width:254px;}
#divSubmit .modal_content .modal_content_container #similar_bottom .form_right .text_box{float:left;}
#divSubmit .modal_content .modal_content_container #similar_bottom .form_right p{text-align:left;}
#divSubmit .modal_content .btn_cancel{margin:0 58px 0 152px; }



#divSignUp{ margin:0 auto !important; padding:46px 0 0; width:877px; }
#divSignUp #signUp_header{background:url(../fr/modal/images_modal/submit_header.gif) no-repeat; width:877px; height:36px; }           
#divSignUp #signUp_bottom_corners{background:url(../fr/modal/images_modal/sign_in_bottom_corners.gif) no-repeat; width:879px; height:12px; }
#divSignUp .modal_content { width:877px; overflow:hidden;}
#divSignUp .modal_content .modal_content_container{padding:15px; }
#divSignUp .modal_content .modal_content_container .btn_cancel{margin:11px 58px 0 300px;}
#divSignUp .modal_content .modal_content_container .form_left .text_box{float:left; }
#divSignUp .modal_content .modal_content_container .form_left {width:207px; }
#divSignUp .modal_content .modal_content_container .privacy_policy{width:831px; }
#divSignUp .modal_content .modal_content_container #similar{overflow:auto;}
#divSignUp .modal_content .modal_content_container #similar .form_right {width:611px; height:345px; overflow:hidden; }
#divSignUp .modal_content .modal_content_container .form_left p{text-align:left; }
#divSignUp .modal_content .modal_content_container .form_right p{text-align:left; }
#divSignUp .modal_content .modal_content_container .form_right .check_box_text{text-align:left; width: 567px; overflow:auto; float:right;}
#divSignUp .modal_content .modal_content_container .info_right a{width:164; height:62px;}
#divSignUp .modal_content .modal_content_container .info_right #login{margin:70px 0 0 11px; }
#divSignUp .modal_content .modal_content_container #similar_bottom .form_right2{float:right; margin:5px 0 0; width:364px;  }
#divSignUp .modal_content .modal_content_container #similar_bottom .form_right2 .radio_group{float:left; }
#divSignUp .modal_content .modal_content_container #similar_bottom .form_right2 .text_box{float:left;}
#divSignUp .modal_content .modal_content_container #similar_bottom .form_left {width:243px;}
#divPostal{float:left; margin:0 0 0 5px; overflow:auto; width:585px;}
#divPostal #txtPostal{float:left; }


#divSignUp2{margin:0 auto !important; padding:46px 0 0; width:877px;}
#divSignUp2 #signUp_header{background:url(../fr/modal/images_modal/submit_header.gif) no-repeat; width:877px; height:36px; }           
#divSignUp2 #signUp_bottom_corners{background:url(../fr/modal/images_modal/sign_in_bottom_corners.gif) no-repeat; width:879px; height:12px; }
#divSignUp2 .modal_content { width:877px; overflow:hidden;}
#divSignUp2 .modal_content .modal_content_container{padding:15px; }
#divSignUp2 .modal_content .modal_content_container .btn_cancel{margin:11px 58px 0 300px;}
#divSignUp2 .modal_content .modal_content_container .form_left .text_box{float:left; }
#divSignUp2 .modal_content .modal_content_container .form_left {width:207px; }
#divSignUp2 .modal_content .modal_content_container .privacy_policy{width:831px; }
#divSignUp2 .modal_content .modal_content_container #similar{overflow:auto;}
#divSignUp2 .modal_content .modal_content_container #similar .form_right {width:611px; overflow:hidden; }
#divSignUp2 .modal_content .modal_content_container .form_left p{text-align:left; }
#divSignUp2 .modal_content .modal_content_container .form_right p{text-align:left; }
#divSignUp2 .modal_content .modal_content_container .form_right .check_box_text{text-align:left; width: 567px; overflow:auto; float:right;}
#divSignUp2 .modal_content .modal_content_container .info_right a{width:164; height:62px;}
#divSignUp2 .modal_content .modal_content_container .info_right #login{margin:70px 0 0 11px; }
#divSignUp2 .modal_content .modal_content_container #similar_bottom .form_right2{float:right; margin:5px 0 0; width:364px;  }
#divSignUp2 .modal_content .modal_content_container #similar_bottom .form_right2 .radio_group{float:left; }
#divSignUp2 .modal_content .modal_content_container #similar_bottom .form_right2 .text_box{float:left;}
#divSignUp2 .modal_content .modal_content_container #similar_bottom .form_left {width:243px;}
#divPassword{width:207px;}

