/** GENERIC ELEMENT STYLES **/
div, p, h1, h2, h3, h4, h5, h6, ul, li, form, fieldset, legend, label, dl, dt, dd, input, table * {
	margin: 0;
	padding: 0;
}
fieldset { border: 0; }

html {
	height: 100%;
}

body {
	font-size:18px;
	font-family: Arial, Sans-Serif;
	color: #000;
	margin: 0;
	padding: 0;
	direction:rtl;
	text-align:right;
}
p, li, legend, dt, dd {
	font-size: 0.7em;
	line-height: 1.4;
}

ul.result_search_ul li p {
	font-size: 1em;	
}

input, select, dt p, dd p, textarea {
	font-size: 1em;
	font-family:Arial, Sans-Serif;
	color:#333333;
	direction:rtl;
}

input:hover{
	color:#F16E00;
}

input[type=submit]{
	border:none;
}
em {
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
	color:#F16E00;
}

del {
	color: #999999;
}

.coming_soon {
	width: 72px;
	height: 15px;
	background: transparent url(/shop/mediaServlet/site/images/backgrounds/bg_coming_soon.png) no-repeat;
	display:block;
	text-align: center;
	color: #fff;
	font-size: 10px;
	padding-top:2px;
} 
.additionnal_informations_area {
	clear: both;
	margin: 5px 0px 5px 3px;
	height:15px;
	position: relative;
	bottom: 30px;
	width: 170px;
	right:100px;
}

.additionnal_informations_display{
	background: none repeat scroll 0 0 #F16E00;
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 15px;
	padding: 5px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	min-height: 15px;
	max-height: 30px;
}

.emailme {
	width:72px;
	height:20px;
	background:transparent url(/shop/mediaServlet/site/images/backgrounds/bg_button_72x20.png) no-repeat;
	font-size:0.7em;
	overflow:hidden;
	padding-top:2px;
	text-align:center;
	display:block;
}

.out_of_stock {
	width: auto;
	padding: 0 4px;
	height: 15px;
	background: transparent url(/shop/mediaServlet/site/images/backgrounds/bg_out_of_stock.png) no-repeat;
	display : block;
	overflow: hidden;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	font-size:0.7em;
}

.buyOld {	
	background:transparent url(/shop/mediaServlet/site/images/backgrounds/bg_button_72x20.png) no-repeat 50% 50%;
	display:block;
	width:72px;
	height:20px;
	padding-top:2px;
	text-align:center;
	font-size:0.7em;
	font-weight:bold;
}

div.containBuy {
	display:inline-block;
	float: left;	
}

div.channel-handset {
	width:100%;
	float:left;
	height:23px;
	font-size:0.7em;	
}

div.channel-handset div.channel-handset-name, div.channel-handset-price {
	float:right;
	padding-top:4px;	
}

div.channel-handset div.channel-handset-price {
	padding:8px 0 0 8px;
	width:65px;	
}
div.channel-handset div.channel-handset-name{
	width:115px;
}

div.channel-handset div.channel-handset-price-activation-fee {
    float:right;
    padding-top: 4px;
}
div.channel-handset div.channel-handset-button {
	float:left;
	padding-top:2px;
}

.discount {
	width:60px;
	background:transparent url(/shop/mediaServlet/site/images/backgrounds/sticker_promo_phone_ar.png) no-repeat 100% 50%;
	text-align: center;
	display:block;
	color: #FFFFFF;
	line-height:20px;
	font-weight:bold;
	cursor: hand;
	cursor: pointer;
}

.discounted_plan{
	width:136px;
	height:22px;
	background:transparent url(/shop/mediaServlet/site/images/backgrounds/sticker_promo_plan_ar.png) no-repeat top right;
	text-align: right;
	padding:3px 26px 0 0;
	display:block;
	color: #FFFFFF;
	font-weight:bold;
	cursor: pointer;
	margin-top:2px;	
}

.show_more {
	background: transparent url(/shop/mediaServlet/site/images/icons/icon_arrowd2_ar.gif) no-repeat 100% 2px;
	padding-right: 16px;
	font-size:0.8em;
	line-height:15px;
	vertical-align: middle;
	display:block;
}

.back_to_top {
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_go_top.gif) no-repeat scroll 100% 2px;
	padding-right:12px;
	display:block;
}

.next{
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_arrowd2_ar.gif) no-repeat 100% 2px;
	padding-right: 16px;
	font-size:0.8em;
	padding:0px 16px 2px 2px;
	font-weight:bold;
	vertical-align: middle;
	display:block;
}

.previous {
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_back_ar.gif) no-repeat 100% 2px;
	font-size:0.8em;
	font-weight:bold;
	cursor:pointer; 
	padding:0px 16px 2px 2px;
	display:block;
}

.down{
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_orange_arrowd_ar.gif) no-repeat scroll 100% 5px;	
	padding-right:10px;
	display:block;
}

.plus_box {
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_plus.gif) 100% 0 no-repeat;
	padding-right:20px;
	display:block;
}

.expand{
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_expand_ar.gif) no-repeat scroll 100% 3px;	
	padding-right:15px;
	display:block;
}

.expanded {
	background:transparent url("/shop/mediaServlet/site/images/icons/icon_collapse_ar.gif") no-repeat scroll 0 3px;	
	padding-right:15px;
	display:block;
}

.remove {
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_remove.gif) no-repeat scroll 100% 3px;
	margin:0;
	padding-bottom:8px;
	padding-right:12px;
	display:block;
}

.print {
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_print.gif) no-repeat 100% 2px;
	font-weight:bold;
	padding-right:16px;
	font-size:0.8em;
	display:block;
	}
	
div.emailLink {
	float:right;
	line-height:1.1em;
}
	
a.emailLink {
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_mail.gif) no-repeat 100% 2px;
	font-weight:bold;
	font-size:0.7em;
	padding:0 1.8em 0 1em;
	display:block;
}


.star{
	background:transparent url(/shop/mediaServlet/site/images/icons/icon_star_small.png) no-repeat scroll left top;
	padding-left:15px;
	}
/*--------------------- BUTTONS EXTENSIBLES--------------------------*/
.btn_orange{
  background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_span_orange.png) no-repeat;
  display:inline-block;
  height:21px; /*hauteur de l'image*/
}

.btn_orange a{
	padding-right:5px; /*largeur de l'image */
	margin-left:5px; /*largeur de l'image*/
	background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_a_orange2.png) no-repeat 100% 0;
	display:inline-block;
	height:21px; /*hauteur de l'image*/
	color:#FFF;
    font-weight:bold;
    padding-top:1px;
    font-size:0.8em;
}

.btn_orange a:hover{
	color:#444;
}

.btn_white{
  background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_span_white.png) no-repeat;
  display:inline-block;
  height:21px; /*hauteur de l'image*/
}

.btn_white_back{
  background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_a_white_ar.png) no-repeat;
}

.btn_white_next{
  background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_a_white_ar.png) no-repeat 0 0;
}

.btn_white a{
  padding-right:5px; /*largeur de l'image */
  margin-left:5px; /*largeur de l'image*/
  background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_a_white.png) no-repeat 100% 0;
  display:inline-block;
  height:21px; /*hauteur de l'image*/
  font-weight:bold;
  padding-top:1px;
  font-size:0.8em;
}
.btn_white_back input{
  margin-left:5px; /*largeur de l'image*/
  background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_span_wback_ar.png) no-repeat 100% 0;
  font-weight:bold;
  font-size:0.8em;
  border:none;
  padding:0 18px 5px 5px;
  height:21px;
  *height:100%;
}

 .btn_white_next input {
  margin-left:5px; /*largeur de l'image*/
  background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_span_wnext_ar.png) no-repeat 100% 0;
  font-weight:bold;
  font-size:0.8em;
  border:none;
  padding:0 18px 5px 5px;
  height:21px;
  *height:100%;
}

.btn_white_back input:hover, .btn_white_next input.hover {
	color:#F16E00;
}

.btn_orange input:hover {
	color:#000000;
}

.btn_orange input{
	padding-right:5px; /*largeur de l'image */
	margin-left:5px; /*largeur de l'image*/
	background:url(/shop/mediaServlet/site/images/backgrounds/bg_button_a_orange2.png) no-repeat 100% 0;
	display:inline-block;
	color:#FFF;
    font-weight:bold;
    font-size:0.8em;
    border:none;
}

/*--------------------- COMMON --------------------------*/
.text_orange {
	color:#F16E00;
}

.text_grey {
	color:#999999	
}

.text_black{
    color:#333;
}

a {
   color: #333333;
   text-decoration: none;
   overflow: hidden;  
}
a:hover, a:active{
   color: #F16E00;
}
img, a, a:hover, a:active{
   border: none;
}

ul {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
font-size:1.1em;
}
ul li {
	background: url(/shop/mediaServlet/site/images/icons/icon_bul_square.gif) 100% 6px no-repeat;
	padding-right: 9px;
}
ul li strong {
	color: #f50;
}
li li {
font-size:1.1em;
	
}

.horizontal li { /*liste en ligne*/
   float:left;
   margin-right:14px;
   padding:0 0 0 10px;
   font-size: 0.8em;
}
.vertical li { /*liste verticale*/
   border-bottom: solid 1px #ccc;
   font-size: 0.8em;
   height: 20px;
   line-height: 20px;
   padding: 2px;
   padding-left: 12px;
}

ul.bul_square li{
	background: url(/shop/mediaServlet/site/images/icons/icon_bul_square.gif) 100% 5px no-repeat;
	padding-right: 8px;
}

li.inline{
	display:inline;
	float:right;
	padding-left:5px;
}

.border_box {
   border: solid 1px #ccc;
}

.hide {
	font-size:0.001em;
	text-indent:-20000em;
}


/*********************************************************
 *********** common graphic styles for all pages *********
 *********************************************************/

span .checkbox {
	background-image: url(/shop/mediaServlet/site/images/buttons/btn_checkbox_all.png);
}
span .radio {
	background-image: url(/shop/mediaServlet/site/images/buttons/btn_radio_all.png);
}
span .notSelected, span .unselected{
	background-position: 100% 0px; }
	
span .notSelected:hover, span .unselected:hover {
     background-position: 100% -15px; }
     
span .selected {
     background-position: 100% -30px; }
     
span .selected:hover { 
    background-position: 100% -45px; }

.content-body { 
	height: auto;
	min-height: 100px;
	overflow:visible !important!;
	width: 586px;
}

.content-body-header { margin-bottom: 24px; }

.content-body-header p {
	font-size: 0.75em;
}

.phone-pricing {
	height: auto;
	width: auto;
}
.phone-pricing p {
	float: left;
	width: 70%;	
	height:auto;
	margin-bottom: 3px;       
	margin-top: 5px;
}
.phone-pricing span[class!=btn_buy] {
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
}

a.w_button {
    background: transparent url(/shop/mediaServlet/site/images/backgrounds/bg_button_a_white.png) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 21px;
    margin-right: 6px;
    padding-right: 6px; 
    text-decoration: none;
    width:80px;
}

a.w_button:hover {
    color: #f60;
    outline: none; 
}

a.w_button span {
    background: transparent url(/shop/mediaServlet/site/images/backgrounds/bg_button_span_white.png) no-repeat;
    display: block;
    line-height: 15px;
    padding: 3px 0 3px 6px;
    text-align: center;
}

a.o_button {
    background: transparent url(/shop/mediaServlet/site/images/backgrounds/bg_button_a_orange.png) no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 21px;
    margin-right: 6px;
    padding-right: 6px; 
    text-decoration: none;
}

a.o_button:hover {
    color: #444;
    outline: none; 
}

a.o_button span {
    background: transparent url(/shop/mediaServlet/site/images/backgrounds/bg_button_span_orange.png) no-repeat;
    display: block;
    line-height: 15px;
    padding: 3px 0 3px 6px;
    text-align: center;
}

.orange {
	background-color: #F16E00;
}
.hrEm {
	background: url(/shop/mediaServlet/site/images/backgrounds/bg_hr_embossed.gif) repeat-x scroll left center;
	height: 4px;
}
/** GENERAL CLASSES **/

.left {
	float: left !important;
}
.right {
	float: right !important;
}


.clear {
	clear: both; height: 0px; line-height: 0px; font-size: 0px;
}
.imgReplace {
	text-indent: -999em;
	background-repeat: no-repeat !important;
}
.imgReplace span {
	text-indent: -20000em;
	font-size: 0.01em;
}
.displayNone {
	display: none;
}
.invisible {
	visibility: hidden;
	line-height: 1em;
}

hr      { color: #d8d8d8; background-color: #d8d8d8; height: 1px; border: 0; }
table   { border-collapse: collapse;direction:rtl; }
thead td { font-weight: bold; }
th      { text-align: right; }

/** TEMPLATE STYLES **/
#outer { width: 990px; margin: 0 auto; }
#inner { margin: 0 10px; clear: both; } 

/*--------------------- HEADER / FOOTER --------------------------*/

h1 { color: #222; font-size: 1.75em; }
h2 { color: #666; font-size: 1em; }
h3 { font-size: .75em; padding-bottom: 5px; }
h4 { font-size: .75em; }

.footer {
    border-top: 2px solid #DDDDDD;
    margin-top: 20px;
    height:1px;
    padding-top:5px;height:70px;
}

.footer .right{
	height:60px;clear:both;width:750px;
}

.footer .left{height:60px;}

ul.plan li{display:inline;border-right:1px solid #999;padding:0px 5px;}
ul li.noborder{border-right:0px;}

.titlePage {
	color: #F16E00;
	font-size: 1.75em;
	padding: 0 0 5px 0;
}
.subTitlePage {
	font-size: 1.2em;
	padding-right: 5px;
}

/*--------------------- POPIN BLOCK --------------------------------------------*/

.block_popin {
	border: solid 1px #c2c2c2;
	padding: 2px 3px 2px 2px;
}
.block_popin_body {
	background: #fff;
	padding: 4px;
}

.block_popin_body p {
	color: #333333;
	line-height: 1em;
	margin-bottom: 0.5em;
}

.block_popin_body h4 {
	color: #333333;
	line-height: 1em;
	font-size: 0.69em;
}

.block_popin h3.on, .block_popin h3.off {
	color : #ffffff;
	display: block;
	height: 20px;
	padding-top: 6px;
	padding-left: 10px;
	font-size: 0.8em;
}

.block_popin h3.on{
    background-color: #F16E00;
}

.block_popin h3.off {
	background-color: #C0C0C0;
}

/*--------------------- BLOCK --------------------------------------------*/

.block {
	
	border: 1px solid #DDDDDD;
	padding: 2px;
	margin:0 0px 5px 0px;
}
.block_body {
	background: #fff;
	padding: 4px;
}

.block_body p {
	color: #333333;
	line-height: 1em;
	margin-bottom: 0.5em;
}

.block_body h4 {
	color: #333333;
	line-height: 1em;
	font-size: 0.69em;
}

.block h3.on, .block h3.off {
	color : #ffffff;
	display: block;
	height: 20px;
	padding-top: 6px;
	padding-right: 10px;
	font-size: 0.8em;
}

.block h3.on{
    background-color: #F16E00;
}

.block h3.off {
	background-color: #F6F6F6;
}
.block h3.off {
	color : #333333;
}

/** CONTENT BODY **/
.content-body p, .modal p { margin-bottom: 0;margin-left:20px; } 
.content-body ul, .modal ul { padding-bottom: .6em; } 


/* DEFAULT MODAL OVERLAY STYLES */

#modal_container .main { width: auto; margin: 0; padding: 0; }
#modal_container .full { width: auto; margin: 0; padding: 0; }
#modal_container .comewith-main, #modal_container #warningPopin { width: 600px; }

.main_quickview { width: 640px; }

#modal_container {
	background-color:#FFFFFF;
	overflow-x:hidden; /* corrects scrolling problems on popins */
	overflow-y:auto;
	padding:1px;
	text-align:right;
}

#modal_container.test {
	background-color:#990000;
	color:#FFFFFF;
	padding:30px;
	text-align:center;
}
#modal_overlay {
	background-color:#000000;
}
#modal_overlay.test {
	background-color:#FFFFFF;
}
.modal .modal-title-bar 		{ width: auto; height:20px; background: #333; padding: 4px 0 4px 0;  cursor: pointer; }
.modal .modal-title-bar a.close { float:left; color: #fff; font-weight: bold; background: url(/shop/mediaServlet/site/images/icons/icon_quicklookclose.gif) right center no-repeat; padding-right: 15px; margin-left: 5px; }
.modal .modal-window 			{ height:auto;margin:0;	padding:0; width:auto; /** artf63682 width 640px -> auto */}
.modal .modal-content 			{ overflow:hidden; padding-bottom:10px; }
.modal .modal-header 			{ margin-top:15px !important; overflow:hidden; }
.modal .modal-footer {
	background:transparent url(/shop/mediaServlet/site/images/backgrounds/bg_hr_embossed.gif) repeat-x scroll left top;
	overflow:hidden;
	padding-top:15px;
	margin-bottom:5px !important;
}
.modal .close-button a 			{ display:block; background: url(/shop/mediaServlet/site/images/buttons/btn_close_both.gif) no-repeat 0 0; width:53px; height:20px; }
.modal .close-button a:hover 	{ display:block; background: url(/shop/mediaServlet/site/images/buttons/btn_close_both.gif) no-repeat 0 -20px; width:53px; height:20px; }
.modal .modal-plans {
	background:transparent url(/shop/mediaServlet/site/images/backgrounds/bg_hr_embossed.gif) repeat-x scroll left top;
	overflow:hidden;
	padding-top:15px;
}
.popin_title{
	color:#F16E00;
	margin:10px;
	text-align : right;
}
.benefit_message{
	text-align:right;
	margin:10px;
}
#orange-maps ul{
	margin:15px;
}
/*********** exception management ************/
#genericPopin .modal_containerA {
	float: right;
	width: auto;
	background: #E5E5E5 none repeat scroll 0 0;
	border-left:1px solid #D2D2D2;
	border-top:1px solid #C2C2C2;
	margin-bottom:5px;
	padding:2px 3px 2px 2px;
	color: red;
}
#genericPopin .modal_overlayA {
}
#genericPopin .modal_containerB {
	z-index: 9999; 
	position: fixed; 
	top: 40%; 
	left: 30%; 
	width: 500px; 
	height: auto; 
}
#genericPopin .modal_overlayB {
	position: fixed; 
	top: 0pt; 
	left: 0pt; 
	width: 100%; 
	height: 100%; 
	z-index: 9998; 
	opacity: 0.3;
	filter:alpha(opacity=30);
   	-moz-opacity:0.3;
}
#genericPopin .classA #error_block {
	border:1px solid;
	height:200px;
	width: 500px;
	background-color: white;
}
#genericPopin .classB #error_block {
	border:1px solid;
	height:200px;
	width: 500px;
	background-color: white;
}
#genericPopin .classA .modal-window {
	width: 100%;
}
#genericPopin .classB .modal-window {
	width: 100%;
}
#genericPopin .classA .modal-title-bar {
	display: none;
}
#genericPopin .classB .modal-title-bar {
	background:#333333 none repeat scroll 0 0;
	cursor:pointer;
	height:20px;
	padding:4px 0;
	text-align:right;
	width:auto;
}
#genericPopin .classA .header {
	padding-top: 15px;
	text-align: center;
}
#genericPopin .classB .header {
	padding: 15px 0 30px 15px;
	text-align: left;
}

#genericPopin .classA  a.close {  }

#genericPopin .classB  a.close { 
	color: #fff; font-weight: bold; 
	background: url(/shop/mediaServlet/site/images/icons/icon_quicklookclose.gif) right center no-repeat; 
	padding-right: 15px; 
	margin-right: 5px; 
}

.cache {
	visibility: hidden;
}

/****************************/
/******     LOADING     *****/
/****************************/
div.sandglass {
	background: #f9f9f9;
	height:200%;
	width:100%;
	margin:0;
	padding: 0;
	filter:alpha(opacity=70);
   	-moz-opacity:0.7;
	opacity:0.7;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10000;
}
.centered_image {
	text-align:center;
	position:relative;
	margin: 0 auto;
   	top: 350px;
    width: 200px;
    height: auto;
}
.centered_image h1 {
	background: url(/shop/mediaServlet/site/images/icons/icon_loading_50x50.gif) no-repeat 50% 0;
	padding-top: 55px;
	color: #666;
}
#sandglass.hide {
	display: none;
}
.modal-info-box-left {
	width: 300px;
	height:400px;
	padding: 10px 0px 0px 0px;
	float:right;
}

.tenure {
	font-weight: normal;
	display: block;
}

/***************************************************************************/
/******     CSS CLEAN FOR longDescription (isHtml = true)     **************/
/***************************************************************************/

div.clean_css, span.clean_css {
	padding:0px;	
}

div.clean_css p {
	font-size:1em;	
	padding:0px;
}

span.clean_css p {
	font-size:1em;	
	padding:0px;
}

.rtl{
	direction:RTL;
	unicode-bidi:embed;
}