/*---------- RESET --------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Verdana;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.1;
	color: black;
	background-color: white;
}
ol, ul, li {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

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

#footer
{
  color: #666;
  border-top: 0px solid #CCC;
  background-color:#DDDDDD;
  text-align: right; /*font-size: .7em;*/
  font-size: 8pt;
  padding-top: 5px;
  min-height: 50px;
  padding-right:10px;
}

#footer a
{
  color: #044368;
  text-decoration: none;
}

#footer .linkLogoBottom
{
  display: inline-block;
  width: 150px;
  height: 25px;
  background: url('Images/logo_with_label.gif') no-repeat;
  margin-top: 3px;
}

/*---------- CLEARFIX --------------------------------------------------------------------------------------*/
.clearfix:after {   
    content: ".";   
    display: block;   
    clear: both;   
    visibility: hidden;   
    line-height: 0;   
    height: 0;   
}   
.clearfix {   
    display: inline-block;   
}
html[xmlns] .clearfix {   
    display: block;   
}
* html .clearfix {   
    height: 1%;   
}  
/*---------- REDEFINITIONS --------------------------------------------------------------------------------------*/
* html body	{
	height: 100%;
	min-height: 100%;
}
html, body {
	height: 100%;
	min-height: 100%;
}
body	{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: .9em;
}
input,textarea,select	{
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
a	{
	color: #4b606f;
}
a img	{
	border: 0;
}
#ctn	{
}
h1 
{
    font-size: 17pt;
    margin-bottom: 5px;
	margin-top: 15px;
	font-weight: lighter;
	color: #0c1216;
    background: #d7dfe5;
    padding: 5px 10px;
    }
h1 span.sub {
    font-size: 9pt !important;
    color: #666;
    position: relative;
    top: -2px;
}
h2 
{
    font-size: 1.2em;
    margin-bottom: 15px;
	font-weight: lighter;
	color: #0079c1;
    }
p
{
    margin-bottom: 15px;
    }
    
 A:link
{
  color: #680B1F;
  text-decoration: none;
}

A:hover
{
  text-decoration: underline;
}

A:visited
{
  color: #680b1f;
  text-decoration: none;
}
    
    
    .infoPanelConfirm
{
  background: #f3ffe0 url('Images/panelInfoConfirmIcon.png') no-repeat 10px;
  border: solid #c9ee96;
  border-width: 2px 0;
  padding: 20px 20px 20px 50px;
  margin-bottom: 15px;
  font-size: 11pt;
  display: block;
}

/*---------- LISTVIEW --------------------------------------------------------------------------------------*/
    
.vehicleOverview 
    {
        width: 100%;
        }
    .vehicleOverview td
    {
        padding: 5px;
        vertical-align: top;
        }
        
    .vehicleOverview .vehicleSortHeader
    {
        background: #222d34;
        }
    .vehicleOverview .vehicleSortHeader td
    {
        }
    .vehicleOverview .vehicleSortHeader td a
    {
        color: #fff;
        text-decoration: none;
        }
        
    .vehicleOverview .image
    {
        width: 70px;
        }
    .vehicleOverview .image img
    {
        border: 1px solid #c0c9cf !important;
        }
        
    .vehicleOverview .specifics
    {
        width: 300px;
        }
        
    .vehicleOverview .content a
    {
        text-decoration: none;
        display: block;
        }
    .vehicleOverview .content a:hover
    {
        background: #f0f5f8;
        }
    .vehicleOverview .content.alternate a:hover
    {
        background: #d7dfe5;
        }
    .vehicleOverview .content .identification
            {
                display: block;
                font-size: 1.2em;
                padding: 1px 5px;
                background: #f0f5f8;
                }
            .vehicleOverview .content a:hover .identification { background: #e6edf1; }
            .vehicleOverview .content.alternate .identification { background: #d7dfe5; }
            .vehicleOverview .content.alternate a:hover .identification { background: #cad3da; }
    
    .vehicleOverview .content .extra
    {
        display: block;
        padding: 1px 5px 0 5px;
        color: #000;
        }
    .vehicleOverview .content .additional
    {
        display: block;
        font-size: 0.8em;
        color: #999;
        padding: 0 5px 1px 5px;
        }
        
    .vehicleOverview .content.alternate
    {
        background: #e7eef3;
        }
    .vehicleOverview .content.alternate td
    {
        border: solid #c0c9cf;
        border-width: 1px 0;
        }
    /*.customerGroup
    {
        width:26px;
        height:24px; 
        }*/
    .customerGroup
    {
      width:26px;
      height:24px;
      background-image:url(Images/logo_g2_24px.gif);
      background-repeat:no-repeat;
      background-position:center;
      
    }
    .customer
    {
        width:1px;
        padding:0px!important;
        }
    
    
/*---------- Buttons --------------------------------------------------------------------------------------*/    
    
    .addButton
{
  display: block;
  background: url('Images/Buttons/green150.png') no-repeat top;
  border: 0;
  text-align: center;
  text-decoration: none;
  font-size: 9pt;
  line-height: 23px;
  color: #fff !important;
  width: 150px;
  height: 23px;
  cursor: pointer;
}
.addButton:hover
{
  background: url('Images/Buttons/green150.png') no-repeat bottom;
}
    
    
    
    
    
/*---------- DETAIL --------------------------------------------------------------------------------------*/

.vehicleDetailCtn	
{
    padding: 15px;
    border: 1px slid red;
    }
    .vehicleDetailCtn .titleMain
    {
        background: #5b6268;
        color: #fff;
        font-size: 20pt;
        padding: 10px;
        }
     .vehicleDetailCtn .titleMain span
     {
       font-size: 20pt;
     }   
    .vehicleDetailCtn .inner
    {
        }
    .vehicleDetailCtn fieldset	{
        border: 1px solid #c0c9cf;
        margin-bottom: 10px;
        background: #f0f5f8;
        padding: 10px;
    }
    .vehicleDetailCtn legend	{
        color: #044368;
        margin: 0 10px 5px 10px;
        padding: 0 5px;
    }
    .vehicleDetailCtn .formItem	{
        width: 260px;
        float: left;
    }
    .vehicleDetailCtn .formItem .label	{
        width: 120px;
        display: inline-block;
        padding: 3px;
        margin-bottom: 3px;
        background: #d7dfe5;
   }
    .vehicleDetailCtn .colSmall	{
        padding: 3px;
        margin: 0 0 2px 0;
        clear: both;
    }
    
    .vehicleDetailCtn h2.price  {
        font-size: 22pt;
        float: left;
    }
    
    .vehicleDetailCtn .vatdeductable    {
        position: relative;
        top: 13px;
        left: 8px;
        font-size: 8pt;
        color: #666;
    }
    
.vehicleUploadThumbnails
{
    }
    .vehicleUploadThumbnails .thumbnailItem
    {
        display: block;
        width: 125px;
        height: 101px;
        background-color: #d7dfe5 !important;
        border: 1px solid #c0c9cf;
        margin: 5px;
        float: left;
        }
    .vehicleUploadThumbnails .thumbnailImage
    {
        display: block;
        width: 125px;
        height: 86px;
        }
    .vehicleUploadThumbnails .thumbnailImage.noDelete
    {
        height: 101px;
        }
    
    
    .textMedium {
        display: inline-block;
        padding-bottom: 5px;
    }
    
    
    
    
    
    
    
    
    
    
/*---------- PAGING --------------------------------------------------------------------------------------*/
    
.vehicleDataPagerCtn 
{
    text-align: right;
    padding: 5px;
    }
    .vehicleDataPagerCtn .label
    {
        display: inline-block;
        padding-bottom: 3px;
        }
    .pagerNextPrevious  {
        padding: 3px;
        display: inline-block;
        text-decoration:none;
        color: #999;
    }
    a.pagerNextPrevious  {
        border: 1px solid #ddd;
        background: #f8f8f8;
        color: #4b606f;
    }
    .pagerNumeric   {
        padding: 3px;
        display: inline-block;
        border: 1px solid #ddd;
        background: #f8f8f8;
        text-decoration:none
    }
    .pagerCurrent   {
        color: #4b606f;
        padding: 3px;
        display: inline-block;
        border: 1px solid #c0c9cf;
        background: #d7dfe5;
    }
    .contentBlock {
	background-color:#eeeeee;
	border: 1px solid #cccccc;
}   
.label span
{
  font-size:12px !important;
  color:Black ;
}
.details
{
  cursor:pointer;
  text-decoration:none;
}
  .details:hover
  {
    text-decoration: underline;
  }
.formItem input
{
  font-size:8pt;
}

/* car images */
table.imagegallerytable
{
  border-spacing: 5px;
}

.imagegallerytable td.notEmpty
{
  height: 101px;
  width: 125px;
  margin: 5px;
  background-color: #d7dfe5 !important;
  border: #c0c9cf 1px solid;
  vertical-align: middle;
  text-align: center;
}

.imagegallerytable td div
{
  width: 125px!important;
}

/* end car images */

/* car list navigation links*/

.divNavigationButtons
{
  max-width: 450px;
  float: right;
  padding-top: 20px;
}

.divNavigationButtons a
{
  color: #fff;
}

.divNavigationButtons ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}
.divNavigationButtons ul li
{
  margin: 0 3px 0 0;
  padding: 0;
  float: left;
}

.linkPreviousVehicle
{
  display: inline;
  padding: 7px 3px 8px 3px !important;
  cursor: pointer;
  text-decoration: none;
  font-size: 12px;
}
.linkNextVehicle
{
  display: inline;
  padding: 7px 3px 8px 3px !important;
  cursor: pointer;
  text-decoration: none;
  font-size: 12px;
}
.linkBackToVehicleList
{
  display: inline;
  padding: 7px 3px 8px 3px !important;
  cursor: pointer;
  text-decoration: none;
  font-size: 12px;
}
.separatorNavigationVehicle
{
  display: inline;
  margin-top: 3px;
  padding: 3px 2px 5px 2px !important;
  text-decoration: none;
  color: #FFF !important;
  font-size: 13px !important;
}

/* end car list navigation links*/

.formInputMedium
{
  width: 175px;
}