/*=============================================================================
*
*============================================================================*/
html {
   padding: 0;
   margin: 0;
}

/*=============================================================================
*
*============================================================================*/
body {
   padding: 24px 0;
   margin: 0;
   background-color: #000000;
}

/*=============================================================================
*
*============================================================================*/
div#page {
   width: 768px;
   margin: auto;
   background-color: #000000;
}

/*=============================================================================
*
*============================================================================*/
div#header {
   background-image: url('../img/background/page-background.png');
   background-position: top left;
   padding: 8px;
}

/*=============================================================================
*
*============================================================================*/
div#top {
   margin: 0;
   padding: 8px 0 8px 8px;
   font-size: 4pt;
   font-family: arial;
   text-align: left;
   line-height: 1px;
}

div#top h1 {
   margin: 0;
   padding: 4px;
   color: #a63737;
   font-size: 8pt;
   font-family: arial;
   text-align: right;
}

div#top h1 a {
   color: #a63737;
}

/*=============================================================================
*
*============================================================================*/
div#presentation {
   height: 256px;
   background-color: black;
   border: 1px solid #414141;
}

/*=============================================================================
*
*============================================================================*/
div.navigation {
   height: 32px;
   background-color: #000000;
   padding: 4px 0 4px 0;
}

div.navigation ul {
   list-style-type: none;
   padding: 0;
   margin: 0 auto;
   width: 717px;
   height: 32px;
}

div.navigation ul li {
   padding: 0;
   margin: 0 1px;
   float: left;
   background-image: url('../img/background/navigation-background.png');
}

div.navigation ul li.separator {
   width: 1px;
   height: 32px;
   display: block;
}

div.navigation ul li a {
   color: #c4bab8;
   font-size: 11px;
   font-family: arial;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
   border: 1px solid #000000;
   display: block;
   padding: 8px 0px;
   width: 112px;
   text-align: center;
   background-color: #000000;
}

div.navigation ul li a:hover {
   color: #e5dda7;
   border: 1px solid #312e2e;
   background-image: url('../img/background/page-background.png');
}

div.navigation ul li a.active {
   text-decoration: underline;
}

/*=============================================================================
*
*============================================================================*/
div#page-list {

}

div#page-list ul {

}

div#page-list ul li {

}

div#page-list ul li a {
   color: #c4bab8;
}

/*=============================================================================
*
*============================================================================*/
div#content {
   background-image: url('../img/background/page-background.png');
   background-position: top left;
   padding: 0;
}

div#content h2 {
   color: #c4bab8;
   padding: 2px 4px 2px 4px;
   margin: 0;
   font-size: 12pt;
   font-family: arial;
   background-color: #1B1B1B;
}

div#content h3 {
   color: #c4bab8;
   padding: 2px 6px;
   margin: 8px 0 8px 0;
   font-size: 11pt;
   font-family: arial;
}

div#content p {
   color: #c4bab8;
   font-family: arial;
   font-size: 10pt;
   padding: 0;
   margin: 16px 12px;
   line-height: 150%;
}

div#content a {
   color: #a63737;
}

div#content ul {
   color: #c4bab8;
   font-size: 10pt;
   font-family: arial;
   line-height: 150%;
   padding: 0;
   margin: 12px 12px 12px 36px;
   list-style-type: square;
}

/*=============================================================================
*
*============================================================================*/
table.bipanel {
   width: 100%;
   border-spacing: 8px;
}

table.bipanel td {
   background-color: #000000;
   padding: 4px;
   margin: 0;
   vertical-align: top;
}

/*=============================================================================
*
*============================================================================*/
div.thumbnail {
   background-color: #1B1B1B;
   padding: 3px;
   width: 162px;
   height: 266px;
   float: left;
   margin: 4px 4px 0 0;
}

div.thumbnail h3 {
   padding: 1px 2px 5px 2px !important;
   margin: 0 !important;
   text-align: center;
}

div.thumbnail h3 a {
   text-decoration: none;
   color: #c4bab8 !important;
}

div.thumbnail img {
   border: 1px solid #414141;
}

/*=============================================================================
*
*============================================================================*/
label {
   color: #c4bab8;
   font-size: 11px;
   font-family: arial;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

input.textbox {
   border: 1px solid #414141;
   background-color: #1B1B1B;
   color: #c4bab8;
}

select.combo {
   border: 1px solid #414141;
   background-color: #1B1B1B;
   color: #c4bab8;
}

input.button {
   border: 1px solid #414141;
   background-color: #1B1B1B;
   padding: 2px;
   margin: 4px 0 0 0;
   color: #c4bab8;
   width: 215px;
   font-weight: bold;
   font-size: 11px;
   font-family: arial;
}

textarea.note {
   border: 1px solid #414141;
   background-color: #1B1B1B;
   padding: 2px;
   margin: 0;
   color: #c4bab8;
   width: 209px;
   font-size: 11px;
   font-family: arial;
}

/*=============================================================================
*
*============================================================================*/
div#footer {
   background-image: url('../img/background/page-background.png');
   background-position: top left;
   margin: 32px 0 0 0;
   padding: 2px;
   text-align: center;
   font-family: arial;
   color: #c4bab8;
   font-size: 8pt;
}

div#footer p {
   margin: 2px;
   padding: 0;
   text-align: center;
   font-family: arial;
   color: #c4bab8;
   font-size: 8pt;
}

div#footer a {
   color: #c4bab8;
}

/*=============================================================================
*
*============================================================================*/
div#signature {
   padding: 2px;
   margin: 0;
   text-align: center;
   font-family: arial;
   color: #252525;
   font-size: 8pt;
   font-weight: bold;
}

div#signature a {
   color: #252525;
   text-decoration: none;
}

/*=============================================================================
*
*============================================================================*/
table.layout-panel {
   border-collapse: separate;
   border-spacing: 4px;
   margin: 16px;
}

table.layout-panel td.label {
   width: 160px;
   vertical-align: top;
}

table.layout-panel td.input {
   padding: 0;
   margin: 0;
}

table.layout-panel td.text {
   width: 160px;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
}

table.layout-panel td.required input.textbox  {
   border: 1px solid #a63737 !important;
}

table.layout-panel td.required select.combo  {
   border: 1px solid #a63737 !important;
}

table.layout-panel td.label label {
   font-family: verdana;
   font-size: 10pt;
   font-weight: bold;
}

table.layout-panel td.input input.textbox {
   width: 160px;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   border: 1px solid #414141;
}

table.layout-panel td.input select.combo {
   width: 166px;
   border: none;
   padding: 1px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   border: 1px solid #414141;
}

table.layout-panel td.calculation input.textbox {
   text-align: right;
}

textarea#comments{
   width: 384px;
   height: 98px;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   border: 1px solid #414141;
}

/*=============================================================================
*
*============================================================================*/
table.datagrid {
   padding: 0;
   margin: 0 auto;
   border-collapse: separate;
   border-spacing: 1px;
   background-color: #1B1B1B;
}

table.datagrid th {
   font-family: verdana;
   font-size: 10pt;
   background-color: black;
   padding: 4px;
   margin: 0;
   color: #c4bab8;
}

table.datagrid th.item {
   width: 64px;
}

table.datagrid th.quantity {
   width: 64px;
}

table.datagrid th.kit {
   width: 64px;
}

table.datagrid th.photo {
   width: 308px;
}

table.datagrid th.price {
   width: 96px;
}

table.datagrid th.line-total {
   width: 96px;
}

table.datagrid td {
   background-color: #000000;
}

table.datagrid td.item {
   width: 64px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
   color: #c4bab8;
}

table.datagrid td.quantity {
   width: 64px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
}

table.datagrid td.kit {
   width: 64px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
}

table.datagrid td.photo {
   width: 308px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
}

table.datagrid td.price {
   width: 96px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
}

table.datagrid td.line-total {
   width: 96px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
}

table.datagrid td.quantity input {
   width: 64px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
   border: 1px solid #414141;
}

table.datagrid td.kit input {
   width: 64px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
   border: 1px solid #414141;
}

table.datagrid td.photo input {
   width: 308px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
   border: 1px solid #414141;
}

table.datagrid td.price input {
   width: 96px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
   border: 1px solid #414141;
}

table.datagrid td.line-total input {
   width: 96px;
   border: none;
   padding: 2px;
   margin: 0;
   font-family: verdana;
   font-size: 10pt;
   text-align: center;
   border: 1px solid #414141;
}

table.datagrid td.label {
   text-align: right;
   padding: 2px;
   vertical-align: top;
}

table.datagrid td.label label {
   font-family: verdana;
   font-size: 10pt;
   font-weight: bold;
}

table.split-container {
   width: 100%;
}

table.split-container td.left-panel {
   width: 50%;
}

table.split-container td.right-panel {
   width: 50%;
}