div.clearer {
    clear: both;
    height: 0;
    line-height: .01em;
    padding: 0;
    margin: 0;
}

/* header begin */

div.header_container {
    width: 100%;
    height: 159px;
   /* min-width: 730px; ATH27012011*/
    min-width: 1230px;
    background-image: url( './images/banner_bg.gif' );
    background-repeat: repeat-x;
    background-position: left top;
}
div.header_content{
    height: 93px;
}

/* header end */

/* body start */

/* provides a continer to center a child div in */
div.body_container{
   float:left;
   margin-top:-80px;
   width:100%;
}
/* centers in parent as long as parent is larger then child*/
div.body_content {
   margin:0 /* auto ATH060909   */; 
   width:99%; /*RJE20122010*/
   padding-left: 5px;
}
div.body_content div{
   /*height: 100px;*/
}
div.navigationContainer {
    border: none;
    float: left;
    width:240px;
    border-bottom: 1px solid #d9d9d9;
}

/* margin-left should be updated along with the relative position of */
div.contentContainer {
    background: none;
    border: none;
    float:left;
    padding-left: 6px;
    width:0px;  /*RJE10032011*/

}

table.componentTabSetContainer {
    width: 100%; 
}

/* footer begin */
div.footer_container {
    float: left;
    width: 100%;
    height: 21px;
    /* min-width: 705px; ATH27012011*/
    min-width: 1230px;
    background-image: url( './images/bgslice_footer.jpg' );
    background-repeat: repeat-x;
    background-position: bottom left;
    border-color: #064D7B;
}
div.footer_content{
     height: 20px;
}

div.footer_content div{
   float:left;
 /*  padding-top:60px;*/
   padding-left:10px;
   color: white;
}
div.footer_content a, div.footer_content a:hover{
   color: orange;
   text-decoration: none;
}
div.footer_content a{

}

div.footer_content a:hover{
   text-decoration: underline;
}
/* footer end */

/* controls the appearance of links throughout the application */
a:link, a:hover, a:visited, a:active {
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    /* text-decoration: none; ATH311009*/
   /* color: #000; ATH311009*/
    color: #0033FF; /* ATH311009 */
    text-decoration:underline /* ATH311009*/
}
a:hover{
   /* color: #000033; ATH311009*/
   
  /*  text-decoration:underline ATH311009*/
}
a:visited{
    /*color: #104e5b;*/
}
a:active{
   /* color: #318496;  ATH311009*/
}



.includeIframe{
    width:100%;
    height:100%;
    border: none;
    background-color: white;
    font-size: 11pt;
}

/* Main wrapper class for all component examples */
.componentBox {
    float: left;
    padding: 0 0 0 0;
}
/* Parent of componentBox when component examples are used in portlets */
.componentBoxPortlet{
    background-color:white;   
}


.iceOutTxt {
    color: #484848;
}

.iceSelOneRb-dis {
    border: 0;
    background-color: #FFFFFF;
    color: #444444;
}

h3 {
    font: 11px tahoma;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.columnsColumn {
    border: none;
}

/*
------------- Theme Controller
*/

.themeControlContainer {
    /*float:left;*/
    border:1px solid #D9D9D9;
    height:28px;
    margin-bottom:7px;
    padding: 7px 5px 5px 5px;
    text-align:left;
    vertical-align:middle;
    white-space: nowrap;
}

.themeControlContainer .changeThemeButton {
    border: 1px solid #d9d9d9;
    display:inline;
    margin-top:3px;
    padding: 4px 25px 4px 10px;
    width: 70px;
    background-image: url('./images/theme_refresh.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.themeSelectOneMenu {
    margin:0;
    padding:0;
    margin-left: 3px;
    margin-right: 3px;
    margin-top:5px;
    border: 1px solid #d9d9d9;
    /*padding-top: 2px;*/
    width: 90px;
}

.themeControlContainer a {
    color: #444;
}

/*
------------- Navigation Tree 
*/
.navigationTree{

}
.navigationTreeRow {
    white-space: nowrap;
    vertical-align: middle;
    padding: 0;
}

.navigationTreeRow a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    padding: 0;
    padding-left: 3px;
    vertical-align: middle;
}

.navigationTreeRow a:hover {
    text-decoration: underline;
}

.navigationTreeRow img {
    border: 0;
    vertical-align: middle;
    background-repeat: repeat-y;
    padding: 0;
}
.navigationTreeRow > img{
    width: 16px;
}


.navigationTreeRow a img {
/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
    background-repeat: repeat-y;
    border: 0;
    padding: 0;
}

.navigationTreeRow * div {
    padding: 0;
    vertical-align: middle;
}



/* node selection and rollover state. */
a.navNodeSelecttrue:hover, a.navNodeSelectfalse:hover {
    color: #318496;
    text-decoration: none;
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node_rollover.gif' ) no-repeat left center;
}

a.navNodeSelecttrue:visited, a.navNodeSelectfalse:visited {
    /*color: #104e5b;*/
}

a.navNodeSelecttrue {
    font-weight: bold;
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node_selected.gif' ) no-repeat left center;
}

a.navNodeSelectfalse {
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node.gif' ) no-repeat left center;
}

a.navNodeFoldertrueExpandedfalse, a.navNodeFoldertrueExpandedfalse:hover{
    padding-left: 20px;
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
}

a.navNodeFoldertrueExpandedtrue, a.navNodeFoldertrueExpandedtrue:hover{
    padding-left: 20px;
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
}

/*
---------- end tree
*/

/* DATA PAGINATOR EXAMPLE */
.dataPaginatorDataTable {
    float: left;
    margin-top: 20px;
}

.dataPaginatorVertical_true {

}

.dataPaginatorVertical_false {
    clear: left;
}

/* END DATA PAGINATOR EXAMPLE */



/* main styles for individual component examples */



.title {
    color: yellow;
}


.centerBox {
    margin-right: auto;
    margin-left: auto;
}


table.verticalAlignTop td {
    vertical-align: top;
}
div.verticalAlignMdl{
    vertical-align: middle;
}

/* connection status style for tabbed template */
.navConnectionStatus {
    /* left:900px; /* ATH311009 */
   /* left:1050px;  ATH250510 */
    left:1180px;
    position:relative;
   /* top:33px;  ATH250510 */
   top: 40px;
}


/* left navigation panel collapsible, is not effected by theme changes.  */
.navPnlClpsbl, .navPnlClpsblColpsd {
    border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsbl {
    border: none;
}

.navPnlClpsblHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 6px 0 0 8px;
    font-weight: bold;
    height: 20px;
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
    padding-left: 22px;
}

.navPnlClpsblHdr .icePnlGrp a {
	font-weight: bold;
}

.navPnlClpsblCnt {
    font: 11px / 17px tahoma;
    color: #494949;
    background: #f5f5f5;
    padding: 4px 4px 4px 9px;
    border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsblHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 0 0 0 0;
    font-weight: bold;
    height: 20px;
    border: none;
    margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblHdr .navOutTxt {
    background: none;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 0 0 0 0;
    font-weight: bold;
    height: 20px;
    border: none;
    margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr .iceOutTxt{
    background: none;
}

.navPnlClpsblCnt .navPnlClpsblCnt {
    border-left: none;
    border-right: none;
    padding: 0 0 0 10px;
}

.navPnlClpsblCnt .navPnlClpsblColpsd {
    border: none;
}

.navPnlClpsblColpsdHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 6px 0 0 8px;
    font-weight: bold;
    height: 20px;
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    border-bottom: none;
}

.navPnlClpsblColpsdHdr .iceOutTxt,
    .navPnlClpsblHdr .iceOutTxt {
    padding-left: 22px;
    color: #484848;
}

.navPnlClpsblColpsdCnt {
    border: none;
}

.navPnlClpsblHdr, .navPnlClpsblHdr-dis, .navPnlClpsblColpsdHdr, .navPnlClpsblColpsdHdr-dis {
    cursor: pointer;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div, .navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
    background-repeat: no-repeat;
    background-position: left top;
    height: 18px;
}
/* -------------------------- */
.navPnlClpsbl a, .navPnlClpsblHdr a, .navPnlClpsblColpsdHdr a{
    color: #444444;
}
.navPnlClpsblWrapper {
    margin-top: 20px;
    display: block;
    float: left;
}

.navPnlClpsblLnks .iceOutTxt {
}

.navPnlClpsblLnks span, .navPnlClpsblLnks.nodec, .navPnlClpsblLnks:link,
    .navPnlClpsblLnks:hover, .navPnlClpsblLnks:visited {
    color: #004080;
}

.navPnlClpsblLnks:link, .navPnlClpsblLnks:visited {
    text-decoration: none;
}

.navPnlClpsblLnks:hover {
    text-decoration: underline;
}

.navPnlClpsblEnd {
    border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
    padding-left: 18px;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div  {
    background: url( './images/navigation_tree/tree_folder_open.gif' ) no-repeat 0 3px;
}
.navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat 0 3px;
}
/* end of navigation panel collapsible */




/* COLUMNS EXAMPLE */

.columnsColumn, .columnsNestedColumn, .columnsNestedBoldColumn {
    white-space: nowrap;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

.columnsColumn {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 55px;
}

/* END COLUMNS EXAMPLE */

/* MENUBAR EXAMPLE */

.menuHeadingItem a {
    width: 144px;
}

.orientationLabel {
    display: inline;
    float: left;
}

.orientationRadioBtn label {
    vertical-align: top;
}

/* END MENUBAR EXAMPLE */

/* MENUPOPUP EXAMPLE */
.menuPopupEffectsVrtSubMenuInd {
    padding-top: 0px;
}
/* END MENUPOPUP EXAMPLE */



/* SELECTINPUTDATE.JSPX */
.weekend a {
    background-color: #999999;
}

.weekend a span {
    color: white;
}

.august span {
    font-weight: bold;
}

/* END SELECTINPUTDATE.JSPX */


/* PANELPOPUP.JSPX */

.corePopup {
    position: absolute;
    z-index: 1101;
    width: 300px;
    height: 150px;
    top: 60%;
    left: 40%;
}

.popupBody {
    margin-top: 0px;
    width: 100%;
    text-align: center;
    vertical-align: top;
}

.popupHeaderWrapper {
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.popupHeaderText {
    float: left;
}
/*
.popupHeaderImage {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}*/
.popupHeaderImage {
    float: right;
    position: absolute;
    right: 2px;
    top: 2px;
}

/* END PANELPOPUP.JSPX */



/* START PANEL TABSET  */
.tabsetControls div{
    float: left;
    margin-left: 3px;
    vertical-align: middle;
}
.tabsetControls div div{
    float: left;
    margin: 3px;
    vertical-align: middle;
}
/* END PANEL TABSET  */



/* START OUTPUT PROGRESS */
.uploadProgressBar .iceOutProg, .uploadProgressBar .iceOutProgBg, .uploadProgressBar {
    width: 350px;
}
/* END OUTPUT PROGRESS */

/* START CONNECTION STATUS   */
.connectionStatusGraphics{
    width:100%;
}
.connectionStatusGraphics span{
    font-weight:bold;
}
.connectionStatusGraphics td{
    text-align: center;
    vertical-align: middle;

}
/* END CONNECTION STATUS   */

/* START TREE */
.selectedNodetrue span{
    font-weight:bold;
}
.iceTree a:hover .iceOutTxt {
    color: #318496;
}
/* END TREE */


/* ATH START */

.contentBox {
    margin: 0px 15px 15px 0;
    padding: 15px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}
.contentCheckoutBox {
    margin: 0px 15px 15px 0;
    padding: 15px;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}
.contentCheckout2Box {
    margin: 0px 15px 15px 0;
    padding: 15px;
    border: 0px ;
    display: block;
    float:left;
}
.contentBox_homepage {
    margin: 0px 0px 0px 0px;
    padding: 15px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
    width:800px;
}

.contentTabBox {
    margin: 0px 15px 15px 0;
 /*   padding: 15px; */
 padding-top:15px
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}

.contentBox a,  .contentBox a:visited, .contentBox a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.contentBox a,  .contentBox a:visited {
    text-decoration: none;
}

.contentBox a:hover {
    text-decoration: underline;
}

.contentBox .iceMnuItm a:hover {
    text-decoration: none;
}



/* session box container   */
.sessionBoxContainer {
    /*float:left;*/
    border:1px solid #D9D9D9;
    height:200px;
    margin-bottom:7px;
    padding: 7px 5px 5px 5px;
    text-align:left;
    vertical-align:middle;
   /* white-space: nowrap;*/
}



.searchPopup {
    position: absolute;
    z-index: 1001;
    width: 400px;
  /*  height: 150px;*/
    top: 60%;
    left: 40%;
}

.searchPopupSecond {
    position: absolute;
    z-index: 1001;
    width: 500px;
    top: 60%;
    left: 40%;
}

.orderBox {
    margin: 15px 2px 10px 2px;
    padding: 15px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}
.orderElementBox {
    margin: 5px 5px 0 0;
    padding: 5px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}
.orderPopup {
    position: absolute;
    z-index: 1001;
     width: 695px; /*RJE29122011*/
  /*  height: 150px;*/
    top: 5%;
    left: 5%;
}
/*FZE 04092012*/
.accessPopup {
    position: absolute;
    z-index: 1001;
    width: 700px; 
  	height: 600px;
    top: 5%;
    left: 5%;
}


.detailPopup {
    position: absolute;
    z-index: 1001;
    width: 400px;
    top: 60%;
    left: 40%;
}

.detailPopupBody {
    margin-top: 15px;
    width: 100%;
    vertical-align: middle;
}


.sessionDataTable {
    float: left;
    margin-top: 10px;
}

.sessionBoxData {
    font-size:10px;
}

.searchResultData {
    font-size:10px;
}

.tableCol
{
	text-align: center;
}


table.verticalAlignMdl td {
    vertical-align: middle;
}

.userLabel1
{
	width: 100px;
}
.userLabel2
{
	width: 200px;
}
.userLabel3
{
	width: 200px;
}

.showContainer
{
	DISPLAY: table-row;
}
.hideContainer
{
	DISPLAY: none;
}


/* pour aligner l'alignement des radio de configuration profile*/
.configRb table.iceSelOneRb td
{
	width: 120px;
}
.configRb-dis table.iceSelOneRb-dis td
{
	width: 120px;
}


.urlSelInpDatePopup {
    min-width: 60px;
}

.urlSelInpDateInput {
    width: 60px;
    margin: 2px;
}

.urlSelInpDatePopup-dis {
    min-width: 60px;
}

.urlSelInpDateInput-dis {
    width: 60px;
    margin: 2px;
}

.urlSelInpDateOpenPopup {
    display: inline;
    text-decoration: none;
    background-color: transparent;
    background-image: url( "./ecom_pcrd/css-images/cal_button.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.orderStatus10 { color: red;}
/* */

.messageInfoShow{DISPLAY: table-row;  color:#FF0000;  font-weight: bold;}

.messageInfoHide{DISPLAY: none; }

.zoneBox {
    margin: 0px 15px 15px 0;
    padding: 15px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    width: 400px;
}

.titreEntity3
{
	background-color: #F5F5F5; padding-left: 8px; height: 20px;
}

.accueilBox0 {
    margin:0px;
    padding: 0px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}

.checkoutunderMenu {
    padding-left: 20px;
	padding-top: 12px;
    background: url( './images/navigation_tree/tree_node_selected.gif' ) no-repeat left center;
	font: bold;
	text-decoration:underline;
}

.checkoutPopup {
    padding-left: 20px;
	padding-top: 1px;
    background: url( './images/navigation_tree/tree_node_selected.gif' ) no-repeat left center;
	font: bold;
	text-align: left;

}





/* CODE INFOBULLES DEFINITIONS */

div.imginfo span {
  display: none; /* on masque l'infobulle */
}
div.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
div.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  background: #eeeeee;
  color: #000000;
  padding: 3px;
  border: 0px solid grey;
  border-left: #fac541;
  border-right: #fac541;
  border-top: #fac541;
  border-bottom: #fac541;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 8px;}
div {text-decoration: none;}


  /* common to all columns*/
    .stockColumn, .modelColumn, .desriptionColumn, .odometerColumn,
    .priceColumn {
    border-left: 1px solid #FFFFFF ;
    border-bottom: 0px solid #FFFFFF;
    border-right: 0px solid #808080 ;
    background-image: url( './images/bgslice_footer.jpg' );
    background-repeat: repeat-x;
    background-position: bottom left; 
    
    }
    
   /* 
        .odometerColumn{
    width: 75px;
    
    }

    .priceColumn{
    width: 75px;
    
    }
    
    */
     a.orangeLink:link, a.orangeLink:hover, a.orangeLink:visited, a.orangeLink:active {
     font-family: Tahoma, Helvetica, sans-serif;
     font-weight: bold;
     text-decoration: none;
     color: #FFFFFF;
 }
 a.orangeLink:hover{
     color: #FFFFFF;
     font-weight: bold;
 }
a.orangeLink:active{
     color: #FFFFFF;
     font-weight: bold;

 }
a.orangeLink:link{
     color: #FFFFFF;

 }
.captcha {
	background-image:url('./images/capcha.jpg');
	background-repeat: no-repeat;
	height: 126px;
	width: 318px;
	padding-top: 2px;
	padding-left: 2px;
}
.captchacadre {
	padding-top: 8px;
	padding-left: 8px;
}
.captchaInputcadre {
	padding-top: 20px;
	padding-left: 25px;
}
.reloadcaptcha {
	background-image:url('./images/reload.jpg');
	background-repeat: no-repeat;
	

}