root { 
    display: block;
}

body {
    background: #2d2d2d;
    font: 12px "segoe ui";
}

a {
    text-decoration: none;
}

h2 {
    font-size: 15px;
}

a:link img,a:active img,a:visited img,a:hover img {
  border: 0;
  text-decoration : none;
  
}

/**
 * PageContent
 * Contains all page content
 */

div#PageContent {
     margin: 10px;
     margin-top:20px;
     border: 1px solid #2d2d2d;
     background: #f5fdf6;
}

/**
 * PageHeader
 * Contains page header, including navigation tabs
 */

div#PageContent div#PageHeader {
    padding: 10px;
}

div#PageContent div#PageHeader ul#NavigationTabs {
    margin-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #2d2d2d;
    background: transparent;
}

div#PageContent div#PageHeader ul#NavigationTabs li {
     display: inline;
     list-style-type: none;
     margin: 10px;
}

div#PageContent div#PageHeader ul#NavigationTabs li a {
    padding: 15px;
    background: #fff;
    border: 1px solid #2d2d2d;
    color: #2d2d2d;
}

div#PageContent div#PageHeader ul#NavigationTabs li a:hover {
    background: #2d2d2d;
    color: #eee;
}

div#PageContent div#PageHeader ul#NavigationTabs li a#ActiveTab {
    background: #f5fdf6;
    border: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
    color: #2d2d2d;
}

div#PageContent div#PageHeader ul#NavigationTabs li a#ActiveTab:hover {

}

div#PageContent div#PageHeader ul#NavigationTabs li a#Portail {

}

div#PageContent div#PageHeader ul#NavigationTabs li a#Portail:hover {

}
/**
 * MainContainer
 * Contains configurator content (seat configuration options, pictures,...)
 */

div#PageContent div#MainContainer {
    float: left;
    width: 96%;
    padding: 20px;
    background: #f5fdf6;
    border: 1px solid #2d2d2d;
    color: #2d2d2d;
}

div#PageContent div#MainContainer div#SeatOptions {
    float: left;
}

div#PageContent div#MainContainer div#SeatOptions div {
    float: left;
    margin-right: 25px;
}

div#PageContent div#MainContainer div#SeatOptions ul {
    display: inline;
    position: absolute;
    left: 0;
}

div#PageContent div#MainContainer div#SeatOptions h2 {
   font-weight: normal;
   padding: 10px;
}

div#PageContent div#MainContainer div#SeatOptions h2 a {
   color: #000;
}

div#PageContent div#MainContainer div#SeatOptions h2 a:hover {
   color: #555;
}

div#PageContent div#MainContainer div#SeatOptions ul li {
    margin-right: 5px;
    list-style-type: none;
}

.OptionItems li {
    float: left;
    display: none;
}

.OptionSelectionTitle {
    display: none;
}

div#PageContent div#MainContainer div#SeatPreview {
    margin-top: 50px;
    float: right;
    width: 100%;
    margin-left: 10px;
    background: #fff;
}

div#PageContent div#MainContainer div#SeatPreview,img {
    border: none;
    text-align:center;
}

div#PageContent div#MainContainer div#SeatPreview h2 {
    border-bottom: 1px solid #2d2d2d;
}

/**
 * MessageBox
 * Used to display pop-up messages
 */

 div#MessageBox {
     display: none;

     position: absolute;
     top: 15px;
     bottom: 15px;
     left: 15px;
     right: 15px;
     padding: 30px;

     background: #2d2d2d;
     color: #fff;
}

div#MessageBox h1 {
    border-bottom: 1px solid #fff;
}

div#MessageBox p {
    color: #f5fdf6;
}

div#MessageBox div#MessageBoxControls {
    position: absolute;
    bottom: 30px;
    left: 15px;
    right: 15px;
    padding: 30px;

    border-top: 1px solid #fff;
    text-align: right;
}

div#MessageBox div#MessageBoxControls a {
    color: #fff;
    text-decoration: underline;
}

div#MessageBox div#MessageBoxControls a:hover {
    color: #f5fdf6;
    text-decoration: none;
}