/* Rendering /var/www/prod/bigbandaixenprovence.com/www/templates/global/global.css */
/* Shopsailors' CSS File */
/* UTF-8 Check : à  ç  é  è  */
*{outline: 0;}
*:focus{outline: 0;}
body{ text-align: justify; overflow-y: scroll;}
p{ text-align: inherit; margin: 0; padding: 0; text-indent: 0;}
table{ border-collapse: collapse;}
/* page de connexion: container */
.bg_identification_top{ background: transparent url(admin/websailors_notification_top.png) no-repeat center top; width: 433px; height: 65px; margin-left: auto; margin-right: auto;}
.bg_identification_middle{ background: transparent url(admin/websailors_notification_middle.png) repeat-y center top; width: 433px; margin-left: auto; margin-right: auto;}
.bg_identification_bottom{ background: transparent url(admin/websailors_notification_bottom.png) no-repeat center top; width: 433px; height: 30px; margin-left: auto; margin-right: auto;}
.identificationContainer{ width: 400px;}
.identificationContainer div{ padding-top: 5px;}
.identificationContainer input, .identificationContainer textarea{ border: 1px solid #333333;}
#connection_mainContainer{ text-align: left; width: 100%; color: #333333; margin-top: 10px;}
#connection_mainContainer div{}
#connection_mainContainer .notifM_content table#createAccount_formTable td input[type=submit]{width:100px}
#connection_mainContainer .notifM_content table#createAccount_formTable td input{width:250px}
#connection_mainContainer .notifM_content table#createAccount_formTable td textarea{width:250px}
#connection_mainContainer .notifM_content table{width:400px;margin-top: 0;margin-left: -10px}
#connection_mainContainer .notifM_content table td{padding: 4px}
#connection_mainContainer .notifM_content table td.partTitle{font-size: 110%;font-weight: bold;background-color: #fcfcfc;border-top: 1px solid #999;border-bottom: 1px solid #999;padding: 4px;}
#connection_mainContainer .notifM_content table td.partTitle2{border-top: 1px solid #999;}
#connection_mainContainer .notifM_content table td.captchaContainer{border-top: 1px solid #999;background-color: #fcfcfc}
#connection_mainContainer .notifM_content table td.inputContainer{margin: 0 auto;text-align: center;background-color: #fcfcfc}
#connection_mainContainer .notifM_content .errorLogin {width:380px;padding-top: 5px;}
#connection_mainContainer .notifM_content .passPhraseInfo{padding-top: 10px;}
#connection_mainContainer .notifM_content .step2_passWord{font-weight: bold;}
#connection_mainContainer .notifM_content .passPhrase_container{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px}
#connection_mainContainer .notifM_content .passPhrase{margin:5px;font-style:italic;font-weight:bold;}
#connection_mainContainer .notifM_content .inputContainer{padding: 10px 0;}
#connection_mainContainer .backToCart a{display: block;color: #333;text-decoration: none}
#connection_mainContainer .backToCart img{padding: 5px 0}
#connection_mainContainer .backToCart a:hover .text{text-decoration: underline}
#connection_mainContainer .backToCart .text{padding-bottom: 5px;text-decoration: underline}
.errorLogin{ width: 400px; text-align: center; color: #660000;}
/* page de connexion: identification */
#clientConnection{ text-align: center;}
.clientConnection_title{ text-align: center; font-size: 120%; font-weight:bold;}
.adminConnection_firefox{ text-align: center; font-weight:bold; margin-top: 10px;}
.pictoConnection{ width: 20px;}
/* page de connexion: lien pour créer un compte */
.connectionStep1_username{ padding-top: 10px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.connectionStep1_username input{width: 240px}
.captchaAdmin{padding-top: 10px;}
#createAccountLink{padding-top: 10px}
#createAccountLink a{font-size: 14px;font-weight: bold;}
/* NOTIFICATIONS */
.notif_container{ text-align: center; width: 100%; color: #333333; font-family: arial; font-size: 12px;}
.notif_container a{color: #666;}
.notif_container a:hover{color: #333333;}
.notif_container div{ margin-left: auto; margin-right: auto;}
.notif_container .notif_divAlignLeft{text-align: left;padding: 5px 0;}
.notif_container .notif_divAlignLeft div{margin: 0 0;text-align: left}
.notif_container input{border: 1px solid #333}
.notif_container textarea{border: 1px solid #333}
.notif_container .separator{ border-top: 1px dashed #666; padding-top: 5px; margin-top: 5px}
.notif_container hr{height: 1px;background-color: #ccc;border: none}
.notif_container ul{ text-align: left; margin-top: 0px; padding-top: 10px; margin-bottom: 0px; margin-left: 10px}
.notif_container li{ text-align: left; margin-top: 0px;}
.notif_container h3{ margin-top: 0; margin-bottom: 0;}
/*notification alert container*/
.notif_container_alert{ text-align: center; width: 100%; color: #660000; font-family: arial;}
.notif_container_alert a{color: #660000;}
.notif_container_alert h3{margin: 0;line-height: 12px; font-size: 110%;}
.notif_container_alert ul{ text-align: left; margin-top: 0px; padding-top: 10px; margin-bottom: 0px;}
.notif_container_alert li{ text-align: left; margin-top: 0px;}
.notif_container_alert div{ margin-left: auto; margin-right: auto;}
/*notification_elements*/
.notif_borderLeft{ border-left: 1px solid #666;}
.notif_borderRight{ border-right: 1px solid #666;}
.notif_borderTop{ border-top: 1px solid #666;}
.notif_borderBottom{ border-bottom: 1px solid #666;}
.notif_container input{border: 1px solid #666}
.notif_container textarea{border: 1px solid #666}
.notif_table{ text-align: left; margin-top: 10px;}
.notif_table td{ padding: 5px;}
.notif_table th{ padding: 5px;}
.notif_inputSmall{ width: 100px;}
/*Small*/
.notifS_top{ background: transparent url(/images/template/notifS_top.png) no-repeat top center; height: 20px; width: 200px;}
.notifS_middle{ background: transparent url(/images/template/notifS_middle.png) repeat-y top center; width: 200px;}
.notifS_bottom{ background: transparent url(/images/template/notifS_bottom.png) no-repeat top center; height: 20px; width: 200px; margin-bottom: 10px;}
.notifS_content{ width: 180px; padding: 4px 4px 8px 4px; margin-left: auto; margin-right: auto;}
.notifS_content textarea{ width: 180px; border: 1px solid #666666;}
.notifS_content table{ margin-left: auto; margin-right: auto;}
.notifS_content table.form_checkbox, .notifS_content table.form_radiobox{ margin-left: 0px; margin-right: 0px;}
.notifS_top h3{ padding-top: 5px; font-size: 110%;}
/*medium*/
.notifM_top{ background: transparent url(/images/template/notifM_top.png) no-repeat top center; height: 20px; width: 400px;}
.notifM_middle{ background: transparent url(/images/template/notifM_middle.png) repeat-y top center; width: 400px;}
.notifM_bottom{ background: transparent url(/images/template/notifM_bottom.png) no-repeat top center; height: 20px; width: 400px; margin-bottom: 10px;}
.notifM_content{ width: 380px; padding: 4px 4px 8px 4px; margin-left: auto; margin-right: auto;}
.notifM_content textarea{ width: 380px; border: 1px solid #666666;}
.notifM_content table{ margin-left: auto; margin-right: auto;}
.notifM_content div{ margin-left: auto; margin-right: auto;}
.notifM_content table.form_checkbox, .notifM_content table.form_radiobox{ margin-left: 0px; margin-right: 0px;}
.notifM_top h3{ padding-top: 5px; font-size: 110%;}
/*Large*/
.notifL_top{ background: transparent url(/images/template/notifL_top.png) no-repeat top center; height: 20px; width: 600px;}
.notifL_middle{ background: transparent url(/images/template/notifL_middle.png) repeat-y top center; width: 600px;}
.notifL_bottom{ background: transparent url(/images/template/notifL_bottom.png) no-repeat top center; height: 20px; width: 600px; margin-bottom: 10px;}
.notifL_content{ width: 580px; padding: 4px 4px 8px 4px; margin-left: auto; margin-right: auto;}
.notifL_content textarea{ width: 580px; border: 1px solid #666666;}
.notifL_content table{ margin-left: auto; margin-right: auto;}
.notifL_content table.form_checkbox, .notifL_content table.form_radiobox{ margin-left: 0px; margin-right: 0px;}
.notifL_content table.form_checkbox, .notifL_content table.form_radiobox{ margin-left: 0px; margin-right: 0px;}
.notifL_top h3{ padding-top: 5px; font-size: 110%;}
/*Extra large*/
.notifXL_top{ background: transparent url(/images/template/notifXL_top.png) no-repeat top center; height: 20px; width: 800px;}
.notifXL_middle{ background: transparent url(/images/template/notifXL_middle.png) repeat-y top center; width: 800px;}
.notifXL_bottom{ background: transparent url(/images/template/notifXL_bottom.png) no-repeat top center; height: 20px; width: 800px; margin-bottom: 10px;}
.notifXL_content{ width: 780px; padding: 4px 4px 8px 4px; margin-left: auto; margin-right: auto;}
.notifXL_content textarea{ width: 780px; border: 1px solid #666666;}
.notifXL_content table{ margin-left: auto; margin-right: auto;}
.notifXL_content table.form_checkbox, .notifXL_content table.form_radiobox{ margin-left: 0px; margin-right: 0px;}
.notifXL_top h3{ padding-top: 5px; font-size: 110%;}
/* TAB GROUPS */
.tabGroup{ margin-left: auto; margin-right: auto; font-family: arial; font-size: 12px;}
.tabGroup_S{ width:200px;}
.tabGroup_M{ width:400px;}
.tabGroup_L{ width:600px;}
.tabGroup_XL{ width:800px;}
.tabGroup_containerTitle,.tabGroup_containerTitleButton,.tabGroup_containerTitleInactive{ float:left; background-color:rgba(255,255,255,0.2); border:1px solid #666; margin-right: -1px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright:  6px;}
.tabGroup_containerTitle,.tabGroup_containerTitleInactive{ padding:6px 8px;}
.tabGroup_containerTitle{ cursor:pointer;}
.tabGroup_containerTitleButton{ padding: 4px 8px;}
.tabGroup_containerTitleIcon{ max-width:16px; max-height: 16px; margin-top: -3px; margin-bottom: -3px; padding-right: 3px;}
input[type="submit"].tabEntry_hideButton{ border:0 none; background-color: transparent;}
.tabGroup_containerTitleButton:hover,.tabGroup_containerTitle.selected, .tabGroup_containerTitle:hover{ background-color:#999; color:#e7e7e7;}
.tabGroup_content{ display:none;}
.tabGroup_content hr{ height: 1px; padding: 0; margin: 15px 40px; background-color: #666; border: 0;}
.tabGroup_content.selected{ display:block;}
.tabGroup_title{ width:100%;}
.tabGroup_container{ width:100%; border: 1px solid #666; padding:10px 4px 10px 4px; -moz-border-radius: 6px; -moz-border-radius-topleft: 0px; -webkit-border-radius: 6px; -webkit-border-radius-topleft: 0px; border-radius: 6px; border-radius-topleft: 0px; background-color:rgba(255,255,255,0.2); margin-top: -2px;}
div.tab_buttons,div.admin_buttons{ text-align: center; font-family: arial; font-size: 12px;}
div.tab_buttons.left{text-align: left;}
div.tab_buttons .tab_button,div.admin_buttons .admin_button{ background-color: transparent; background-position: top left; background-repeat: no-repeat; width: 165px; height: 29px; padding-left: 30px; padding-bottom: 5px; text-align: center; border:0; vertical-align: bottom; font-size: 11px; color: #333;}
div.tab_buttons .tab_button.btn_validate,div.admin_buttons .admin_button.admin_validate{ background-image: url(/images/shared/icons/input_validate.png);}
div.tab_buttons .tab_button.btn_calculate,div.admin_buttons .admin_button.admin_calculate{ background-image: url(/images/shared/icons/input_calculate.png);}
div.tab_buttons .tab_button.btn_cancel,div.admin_buttons .admin_button.admin_cancel{ background-image: url(/images/shared/icons/input_cancel.png);}
div.tab_buttons .tab_button.btn_previous,div.admin_buttons .admin_button.btn_previous{ background-image: url(/images/shared/icons/input_previous.png);}
div.tab_buttons .tab_button.btn_next,div.admin_buttons .admin_button.btn_next{ background-image: url(/images/shared/icons/input_next.png);}
div.tab_buttons .tab_button.btn_add,div.admin_buttons .admin_button.btn_add{ background-image: url(/images/shared/icons/input_add.png);}
div.tab_buttons .tab_button:hover,div.admin_buttons .admin_button:hover{ background-position: bottom left; padding-top: 2px;}
.tabGroup_adminTitle{ float:left; background-color:rgba(255,255,255,0.3); padding:2px 3px 1px 3px; border:1px solid #666; margin-right: -1px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright:  6px; border-radius-topleft: 6px; border-radius-topright:  6px;}
/* page de création de compte */
.adminLink a{ color: #333333;}
.createAccount_mainContainer textarea{ border: 1px solid #333333; width: 200px; height: 50px;}
.createAccount_mainContainer .captcha_image{ border: 1px solid #333333;}
.createAccount_title{ text-align: center; font-size: 120%; font-weight:bold;}
.formAccount_captcha img{ border: 1px solid #333333;}
.formAccount_error input, .formAccount_error textarea{ border: 1px solid #660000; background-color: #cc6666;}
.noteText,.infoText{ font-style: italic; font-size: 80%;}
/* Connexion reussie */
#connection_succefull{ font-size: 110%; font-weight: bold; text-align: center; width: 370px; margin-left: auto; margin-right: auto; color: #333333;}
.connection_infos{ margin-top: 10px; font-weight: normal; font-style: italic;}
.failuresAttempts{ padding-top: 5px; font-weight: bold;}
.connection_failure{ width: 100%; margin-top: 5px;}
/* Message page d'erreur */
.error_content{}
.form_error{ color: #660000; font-style: italic;}
/* Default templates listing style */
#templateLister{ text-align: center; width: 850px;}
.templateDescription{ text-align: justify; font-weight: bold; width: 500px; color: #333333; margin-top: 5px; margin-right: auto; margin-left: auto;}
#listerSlideShow{ width: 500px; margin-right: auto; margin-left: auto;}
#templateLister table{ border-collapse:collapse;}
#templateLister td{ padding:0;margin:0;}
#templateLister .thumb{ width:100px}
#templateLister .textLeftBackground{ width:30px; height:100px; background:transparent url(/templates/preview/images/summary_bg_left.png) no-repeat right top;}
#templateLister .textRightBackground{ padding-right:15px; height:100px; background:transparent url(/templates/preview/images/summary_bg_right.png) no-repeat right top;}
#templateLister .linkImage{ height:100px; width:80px;}
.templateList{ text-align: center;}
.templateList img{ margin-top: 10px; margin-left: 5px; margin-right: 5px;}
/* Css RENDER CHECKBOX */
.form_checkbox td input{ margin: 0; padding: 0; width: auto; height: auto; border: none;}
.form_checkbox td{ vertical-align: top;}
.form_checkbox .form{ vertical-align: top;}
.form_elementTd{ width: 10px;}
input[type='submit'], input[type='button']{ cursor: pointer; border: 1px solid #666666;}
.helpToolTip{ margin-left: 4px; margin-right: 4px;}
.render_help_explanation{ color: #333333; font-size: 10px;}
.render_help_explanation div{ width: 400px; text-align: justify;}
/* Classes global */
.spacer, .clearBoth, .noFloat, .clear{clear: both;height: 1px;}
.floatRight{float:right;}
.floatLeft{float:left;}
.falseLink{ cursor: pointer;text-decoration: underline;}
.underline{text-decoration: underline;}
.top{vertical-align: top;}
.bottom{vertical-align: bottom;}
.middle{vertical-align: middle;}
table.middle td{vertical-align: middle;}
.verticalAlign_top{vertical-align: top;}
.verticalAlign_bottom{vertical-align: bottom;}
.verticalAlign_middle{ vertical-align: middle;}
.nobr{white-space: nowrap;}
input[type=text]{width: 150px;}
.pointer{cursor: pointer;}
.noDisplay{display:none;}
.inputCaptcha input{width: 60px;height: 70px;}
img.showBackground, .showBackground img{ border:1px solid black; background:transparent url(/images/shared/icons/transparent_bg.png) repeat top left;}
.right{text-align: right;}
.center{text-align: center;}
.left{text-align: left;}
.bold{font-weight: bold;}
.lineThrough{ text-decoration: line-through;}
.italic{font-style: italic;}
.halfSize{width:50%;}
.hideLink, .hideLink a{text-decoration:inherit; color:inherit;}
.nav_square35{height: 35px;width: 35px;}
.nowrap{white-space: nowrap;}
.noBorder, .noBorder img, .noBorder input,   input[type="image"].noBorder{border: none;}
.noBordLeft{border-left: none;}
.noBordRight{border-right: none;}
ul{color: inherit;}
.cursorArrow{cursor: inherit;}
.bgBlack{background-color: #000000;}
.bgWhite{background-color: #ffffff;}
.bgInherit{background-color: inherit;}
.borderBottom_white{border-bottom: 1px solid #ffffff; }
.borderLeft_white{border-left: 1px solid #ffffff; }
.borderLeft_66{border-left: 1px solid #666666; }
.borderRight_66{border-right: 1px solid #666666; }
.borderTop_66{border-top: 1px solid #666666; }
.borderBottom_66{border-bottom: 1px solid #666666; }
.tal{text-align: left;}
.tar{text-align: right;}
.taj{text-align: justify;}
.marginAuto{margin-left: auto;margin-right: auto;}
.no-margin{margin:0;}
.noMargin{ margin:0;}
.noPadding{padding:0;}
.noMargin_bottom{margin-bottom:0;}
.noPadding_bottom{padding-bottom:0;}
.marginLeft_5px{margin-left: 5px;}
.marginTop_5px{margin-top: 5px;}
.marginTop_10px{margin-top: 10px;}
.marginTop_15px{margin-top: 15px;}
.marginTop_20px{margin-top: 15px;}
.marginBottom_5px{margin-bottom: 5px;}
.marginBottom_10px{margin-bottom: 10px;}
.marginBottom_15px{margin-bottom: 15px;}
.noPadding_bottom{padding-bottom:0;}
.ml_5{margin-left: 5px;}
.ml_10{margin-left: 10px;}
.ml_15{margin-left: 15px;}
.ml_20{margin-left: 20px;}
.mt_5{margin-top: 5px;}
.mt_10{margin-top: 10px;}
.mt_15{margin-top: 15px;}
.mt_20{margin-top: 20px;}
.mt_100{margin-top: 100px;}
.mb_5{margin-bottom: 5px;}
.mb_10{margin-bottom: 10px;}
.mb_15{margin-bottom: 15px;}
.mb_20{margin-bottom: 20px;}
.paddingTop_10px{padding-top: 10px;}
.paddingTop_15px{padding-top: 15px;}
.paddingTop_20px{padding-top: 20px;}
.paddingLeft_5px{padding-left: 5px;}
.padd5{padding: 5px}
.padd10{padding: 10px}
.pt_5{padding-top: 5px;}
.pt_10{padding-top: 10px;}
.pt_15{padding-top: 15px;}
.pt_20{padding-top: 20px;}
.pl_5{padding-left: 5px;}
.pl_10{padding-left: 10px;}
.pl_15{padding-left: 15px;}
.pl_20{padding-left: 20px;}
.pr_5{padding-right: 5px;}
.pr_10{padding-right: 10px;}
.pr_15{padding-right: 15px;}
.pr_20{padding-right: 20px;}
.pb_5{padding-bottom: 5px;}
.pb_10{padding-bottom: 10px;}
.pb_15{padding-bottom: 15px;}
.pb_20{padding-bottom: 20px;}
.height250{height: 250px;}
.h_10{height: 10px;}
.h_20{height: 20px;}
.w100pct{width: 100%}
td.w50px{width: 50px}
.position_absolute{position: absolute;}
.borderGray_cc{border: 1px solid #cccccc;}
.borderGray_66{border: 1px solid #666666;}
.test{border: 1px solid red;}
label{cursor: pointer;}
input[type=image]{margin-bottom: 2px;}
input[type=image]:hover{margin-top: 2px;margin-bottom: 0;}
input w50{width: 50px}
.betterCheckbox input{position:absolute;opacity:0;cursor: pointer}
.betterCheckbox input + label{ background-repeat: no-repeat; line-height : 170%; background-image: url(/images/shared/icons/checkbox_small.png); padding-left:20px; background-position: left -2px; cursor: pointer}
.betterCheckbox input:checked + label{background-position: left -52px;}
.Internet_Explorer_6_0 .betterCheckbox input,.Internet_Explorer_7_0 .betterCheckbox input,.Internet_Explorer_8_0 .betterCheckbox input{ position:relative;opacity:1;}
.Internet_Explorer_6_0 .betterCheckbox input + label,.Internet_Explorer_7_0 .betterCheckbox input + label,.Internet_Explorer_8_0 .betterCheckbox input + label{ line-height :inherit; background-image: none; padding-left:0; cursor: pointer;}
.betterCheckbox label.betterCheckbox_pushing{ background-position: left -27px;}
.betterCheckbox label.betterCheckbox_unpushing{ background-position: left -77px;}
/**/
.test_checkbox input{position:absolute;opacity:0;filter : alpha(opacity=0);}
.test_checkbox input + label{ background-image: url(/images/shared/icons/checkbox_small.png); padding-left:20px; background-repeat: no-repeat; background-position: left -2px; cursor: pointer;}
.test_checkbox input[type=checkbox]:checked + label{ background-position: left -52px;}
/* Content replacement on roll over */
.replaceOnFocus .hover{ display:none;}
.replaceOnFocus:hover .notHover{ display:none;}
.replaceOnFocus:hover .hover{ display:inline-block;}
.tabGroup_container td{ vertical-align: top; padding-top: 2px;}
.tabGroup_container .billing_enterAdress{border-bottom: 1px dashed #666;padding-bottom: 4px;margin-bottom: 10px;font-size: 14px}
.tabGroup_container .command_billing_address,.tabGroup_container .command_billing_zipCode,.tabGroup_container .command_billing_citiy{margin-top: 10px}
.contentFreePages .likebutton{background-color: #d3dfe7;padding: 4px;margin-top: 10px}
.browser_documentSelector input{ cursor:pointer; width:350px;}
.browser_documentSelector img{ height: 20px;}
.addOverflow{ overflow:hidden;}
.addOverflow:hover{ overflow:auto;}
/* No files to include */