//* Biladi - ELEMENTS */

#contentRight .title { font-size: 14px; display: block; padding-bottom: 0.3em; color: #003366; }
/* Biladi - pageUp */
#contentRight .pageUp { padding-bottom: 0.5em; }
#contentRight .pageUp .productTitle,
#contentRight #pageUp .productTitle { margin-bottom: 0.5em; font-size: 16px; font-weight: bold; color: #d56917; }
#contentRight .pageUp p { font-size: 11px; }
#contentRight .pageUp .resultsTitle { color: black; }

/* Biladi - productTabs */
#tabsContent { width: 59em; }
#tabsContent a { height: 2.42em; line-height: 2.5em; }
#tabsContent a.active { height: 2.55em; }
#productTabs .tabs span { font-size: 12px; }
#productTabs, #tabsContent a.active, #tabsContent a:hover { background-color: #faefe2; }
#productTabs, #tabsContent a { border: 1px solid #e6d8cc; }
#tabsContent li { background-color: #dc9158; }
#tabsContent a { color: white; }
#tabsContent a.active, #tabsContent a:hover { color: #003366; border-bottom: none; }
#productTabs .tabs ul li { background: transparent url(../images/icon_marker-1.gif) no-repeat left 0.4em; }

#productTabs { position: relative; margin-top: 4.2em; }
#productTabs .tabs { padding: 1em 2em 2.5em; }
#tabsContent { position: absolute; top: -3.2em; left:-0.05em; }
#tabsContent li, #tabsContent a { float: left; }
#tabsContent li { margin-right: 0.2em; }
#tabsContent a { 
  font-size: 12px; padding: 0.2em 1.5em; font-weight: bold; text-decoration: none;
}
#productTabs .tabs { font-size: 12px; }
#productTabs .tabs .title { margin: 1.3em 0 0em; }
#productTabs .tabs ul { margin-left: 1.5em; }
#productTabs .tabs ul li { padding-left: 1em; margin-bottom: 1em; }
/* Next comment: let’s keep homogeneous bullet spacing throughout.  Better, I guess, than just-this-once narrowser spacing. */
/*#productTabs #panelPricing.tabs ul li { margin-bottom: 0.5em; } */
#productTabs .tabs p { margin-bottom: 1em; }
#productTabs .more { display: block; padding: 0.3em 0 0 1.5em; }

/* buttons */
#contentRight .buttons { padding: 1.5em 0; text-align: center; width: 100%; }
#contentRight .buttons.noBottomSpace { padding-bottom: 0; }
#contentRight .buttons input, #contentRight .buttons a { 
  width: 20em; text-align: center; font-size: 11.5px; font-weight: bold; vertical-align: middle;
  cursor: pointer; border: none; color: white; 
}
#contentRight .buttons a {
  margin-right: 2em; line-height: 1.4em; padding: 0.54em 3em; text-align: center; 
  background: #0d6c84 url(../images/bg_btn_intern_b.png) repeat-x top left; 
}

#contentRight .buttons a:hover { 
  text-decoration: none; 
  background: #a8611a url(../images/bg_btn_intern_b2.png) repeat-x top left; 
}
#contentRight .buttons input { 
  margin: 0.1em 0; height: 2.5em; line-height: 1.2em; 
  color: white; background: #0d6c84 url(../images/bg_btn_intern_b.png) repeat-x top left;  
}
#contentRight .buttons input:hover { 
  background: #a8611a url(../images/bg_btn_intern_b2.png) repeat-x top left;  
}
/* Hacks I-e */#pageLeft .buttons input { *margin-top: 0; }

/* address */
.shadow { background-image: url(../images/bg_shadow.png); background-position: bottom left; background-repeat: repeat-x; }

.address { width: 55em; padding: 0.5em 2em 3em; background-color: #edf1f2; }

.address .checkBoxLign { 
  clear: both; display: block; margin-top: 0.5em; padding: 2em 0 0.5em; 
  font-size: 12px; text-align: center; font-weight: bold;
}
.address .checkBoxLign span { display: block; width: 18.6em; margin: 0 auto 0.5em; text-align: left; }
.address .checkBoxLign input { margin-right: 0.6em; }
.address .noPadding  { margin-top: 1.5em; padding: 0; }

.topAddress { padding: 1em 0 2em; color: #4a7180; }
.topAddress .topTitle, .topAddress .topInfos { width: 100%; }
.topAddress .topTitle,  .topAddress .topTitle span, .topAddress .topInfos, .topAddress .topInfos span { float: left; }
.topAddress .topTitle span { font-weight: bold; }
.topAddress .topInfos { margin-bottom: 1em; }
.topAddress span.legend { float: right; font-size: 9px; font-weight: normal; }
.topAddress .topLink { 
  margin-left: 1em; padding-left: 1.8em; font-weight: bold; color: #E2E2E2; 
  background: transparent url(../images/icon_address_select.gif) left 50% no-repeat;
}
.topAddress .topLink:hover { color: white; }

.address .addressSavedContent { 
/*  float: left; display: inline; width: 53em; margin-left: 2em; padding: 3em 1em 2.5em;
  border-bottom: 1px solid #dce4e7;  */
  float: left; display: inline; width: 53em; padding: 3em 0 0; clear: both;
}
.accountAddressList .addressSavedContent {
  margin-left: 2em; padding: 3em 1em 2.5em; border-bottom: 1px solid #dce4e7;
}
.address .addressSavedContent li.first { margin-left: 0; }
.address .addressSavedContent .addressSaved { float: left; display: inline; width: 15em; margin-left: 2em; }
.address .addressSavedContent .addressSaved div { display: block; margin-left: 1.7em; }
.address .addressSavedContent .addressSaved .radioBox { position: absolute; top: 0; left: 0; width: 1.5em; height: 1.4em; }
.address .addressSavedContent .addressSaved label { display: block; }
.address .addressSavedContent .addressSaved .name { font-weight: bold; margin-bottom: 0.4em; color: #d56917; }
.address .addressSavedContent .addressSaved span { display: block; }
.address .addressSavedContent .addressSaved a { 
  width: 7em; display: block; margin-top: 0.3em; padding-left: 1em;
  color: #4e7180; background: transparent url(../images/icon_marker1.gif) left 50% no-repeat; 
}
.address .addressSavedContent .addressSaved div input { 
  width: 6.5em; padding-left: 0.7em; text-align: right; cursor: pointer; border: none;
  color: #4e7180; background: transparent url(../images/icon_marker2.gif) left 50% no-repeat;
}
.address .addressSavedContent .addressSaved a:hover, .address .addressSavedContent .addressSaved input:hover { 
  text-decoration: none; color: #FA9C28;
}

.address .formLign { width: 55em; padding-top: 0.6em; }
.address .formLign input, .address .formLign select, #contentRight .address .birthDay input,
#contentRight .address .loyalty span { margin-left: 0.82em; }
.address .formLign span input, .address .formLign span select { margin-left: 0; }
.address .formLign span { width: 27em; }
.address .formLign, .address .formLign label, .address .formLign span, 
.address .formLign input, .address .formLign select { float: left; display: inline; }
.address .formLign span input, .address .formLign span select, .address textarea, 
.address .formLign .right { float: right; display: inline; }
.formLign input, .address .formLign select { border: 1px solid #c6c6c6; }
.address .formLign span span { width: 15em; }
.address .formLign span span input { width: 4em; }
.address .formLign span .right { width: 11em; }
.address .formLign span .right label { width: 6em; }
.address .formLign input { width: 16em; }
.address .formLign label { width: 10em; text-align: right; font-size: 11px; font-weight: bold; }

.address .formLign #cbxReqCivility { width: 5em; }
.address .civility select { width: 5em; }
.address .country select { width: 16.2em; }
#contentRight .address .birthDay input { float: left; width: 8.5em; }
/* input.date override */
#contentRight .address .birthDay input { border: 1px solid #c6c6c6; width: 6.5em; }
#contentRight .address .birthDay .right { margin-top: 0.2em; }
#contentRight .address .birthDay span { width: auto; }
#contentRight .address .loyalty span { color: #4e7180; }
.address .formLign #cbxReqCountry { width: 16.1em; }

.address .messageContent { width: 100%; margin: 1em 0; }
.address .messageContent textarea { width: 43.8em; height: 4em; }

/* cartTable */
.cartTable { margin-bottom: 2em; }
.cartTable table { 
  width: 100%; text-align: center; border-collapse: collapse; border: none;
}
.cartTable table thead th { 
  padding: 0.5em 0; font-size: 11px; 
  font-weight: bold; text-align: center;
}
.cartTable th, .cartTable td { 
  padding: 0.5em; border-left: none; border-left: hidden; border-right: none; border-right: hidden;
  text-align: center;
}
.cartTable table tr td { border-top: none; border-bottom: none; border-bottom: hidden; }
.cartTable .color { background-color: #e4eaed; border-top: none; border-top: hidden; }
.cartTable table tr .commandNumber { border-bottom: none; }
.cartTable .col1 { padding-left: 1em; text-align: left; }
.cartTable .col1 img { vertical-align: middle; width: 5.4em; height: 5.5em; border: 1px solid white; }
.cartTable .col2 { font-size: 11px; }
.cartTable .col2 span { margin-left: 1em; font-weight: bold; }

.cartTable tbody input { width: 5em; text-align: right; }
.cartTable tbody input.forMe { width: auto; text-align: center; }
.cartTable tbody .deleteContent { width: 2em; }
.cartTable tbody .delete { width: 1.3em; height: 1.6em; }
.cartTable tfoot .text { padding-right: 1.8em; text-align: right; text-transform: uppercase; font-weight: bold; }
.cartTable tfoot .recalculate { text-align: right; }
.cartTable tfoot .recalculate input { 
  width: 8.2em; padding: 0.1em 0; cursor: pointer;
  font-size: 12px; font-weight: bold; border: 1px solid #0175b0; color: white;
  background: #074d7c url(../images/bg_btn_recalculate.png) repeat-x top left;
}
.cartTable tfoot .recalculate input:hover { 
  border: 1px solid #3b8fba;
  background: #1f6594 url(../images/bg_btn_recalculate2.png) repeat-x top left;
}

input.date {
  border: 1px solid #888; padding: 2px 27px 2px 2px;
  background: white url(../images/bg_date_input.png) top right no-repeat;
}
input.date.jsEnabled { cursor: default; }

p.stockWarning { color: #a00; }

span.stars {
  background: url(../images/icon_stars.gif) center left repeat-x;
  width: 8px; height: 1em; margin-left: 0.7em; float: left; display: block; text-indent: -9999px; overflow: hidden;
}
span.stars.zero { display: none; }
span.stars.two { width: 20px; }
span.stars.three { width: 32px; }
span.stars.four { width: 44px; }
span.stars.five { width: 56px; }

ul.identity { margin: 0.25em 0 0; }
ul.identity li {
  display: list-item; width: auto; margin: 0 0 0.5em 0; color: #779dab; font-weight: bold;
  padding: 0 0 0 10px; background: url(../images/icon_marker1.gif) left 0.3em no-repeat;
}

#productTabs .tabs p.phoneNumberHighlight { text-align: center; }
