/*
 * Version: $Revision: 51839 $
 * Author: BeSite <info@besite.nl>
 * Copyright 2009 BeSite
 */



/* Algemeen
-------------------------------------------------------------- */

body, html, div {
    margin: 0; padding: 0; border: 0; outline: none;
}

.bold {
    font-weight                : bold;
}


body {
    background                : #f5f2f2 url(/img/prefabraamdorpel/bg.png) repeat-x 0 146px;
    text-align                : center;
}

td.step2 {
    padding: 0 20px 20px 20px;
}

.clear {
    clear: both;    
}

#preview{
    position:absolute;
    border:1px solid #333;
    background: #F5F2F2;
    padding:5px;
    display:none;
    color:#fff;
}

a.preview {
    display: block;
}

/* Wrapper
-------------------------------------------------------------- */

DIV#Wrapper {
    background                : #f5f2f2 url(/img/prefabraamdorpel/wrapper.png) top center repeat;
    height                    : 147px; 
    width                    : 100%;
    position                : absolute; 
    text-align                : center;
    top                        : 0; 
    left                    : 0; 
}

DIV#WrapperImg {
    background                : url(/img/prefabraamdorpel/wrapperbg.png) top center no-repeat;
    height                    : 147px; 
    margin                    : 0 auto;
    width                    : 100%;
    position                : absolute; 
    text-align                : center;
    top                        : 0; 
    left                    : 0; 
}

a.redo-icon {
    background: url(/img/prefabraamdorpel/refresh.png) #eee 10px 10px no-repeat;
    display: inline-block;
    width: 130px;
    height: 31px;
    padding-left: 40px;
    line-height: 31px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    text-indent: 40px;
}

DIV.SelectMain
{
    width: 120px;
    height: 105px;
    float: left;
}

DIV.SelectImg
{
    height: 90px;
}

DIV.SelectText
{
    height: 20px;
}

DIV.SelectControl
{
    height: 20px;
}

DIV#Center {
/*    background-color        : white; */
    overflow                : hidden;
    width                    : 960px;
    text-align                : center;
/*    margin                    : 0 auto;*/

    position: absolute;
    top: 186px;
    left:50%;
    margin: 0 0 0 -480px;    
}



/* Header
-------------------------------------------------------------- */

DIV#Header {
    background                : none;
    height                    : 147px;
    width                    : 960px;
    margin                    : 0 auto;
}

/* Logo
-------------------------------------------------------------- */

DIV#LogoDiv  {
    display                    : inline;
    height                    : 147px;
    width                    : 200px;
    float                    : left;
}

IMG#Slogan
{
    margin-left: 20px;
    margin-top: 5px;
}

A.Headerlogo  {
    background                : url(/img/prefabraamdorpel/logo2.png) no-repeat;
    behavior                : url('/bsl/htc/iepngfix.htc');
    display                    : block;
    float                    : left;
    height                    : 77px;
    margin                    : 10px 0 0 40px;
    display:inline;
    outline                    : none;
    text-indent                : -4000px;
    width                    : 124px;
}


/* Menu
-------------------------------------------------------------- */

DIV#MenuDiv  {
    display                    : inline;
    float                    : left;
    height                    : 147px;
    width                    : 740px;
}

DIV#MenuDiv ul {
    list-style                : none;
    margin                    : 80px 0 0 0;
    padding                    : 0;
    width                    : 720px;
}

DIV#MenuDiv ul li {
    float                    : right;
    margin                    : 0;
    padding                    : 0;
}

DIV#MenuDiv ul li a {
    color                    : white;
    display                    : inline-block;
    font-size                : 16px;
    height                    : 16px;
    line-height                : 16px;
    list-style                : none;
    padding                    : 8px 18px;
    text-align                : center;
    text-decoration            : none;
}

DIV#MenuDiv ul li a:hover {
    text-decoration            : underline;
}

DIV#MenuDiv ul li.Selected a,
DIV#MenuDiv ul li.Selected a:hover {
    background-color        : #ee952f;
    text-decoration            : none;
}



/* Header2
-------------------------------------------------------------- */

DIV#Header2 {
    display                    : inline;
    background                : #f5f2f2 url(/img/prefabraamdorpel/header.jpg) top center no-repeat;
    height                    : 159px;
    width                    : 960px;
    float                    : left;
}

DIV#Header2 .offerteBtn {
    float:right;
    margin:30px;
    _margin-right:10px;
}



/* Content
-------------------------------------------------------------- */

DIV#Content  {
    display                : inline;
    float                : left;
    padding                : 10px 25px 15px 20px;
    text-align            : left;
    width                : 690px;
}


DIV#content1  {
    float                : left;
    text-align            : left;
    width                : inherit;
}


/* Sidebar
-------------------------------------------------------------- */

DIV#Sidebar  {
    float                : left;
    width                : 225px;
}


/* Submenu
-------------------------------------------------------------- */

DIV#Submenu  {
    display                : inline;
    float                : left;
    min-height            : 10px;
    text-align            : left;
    margin                : 10px 0;
    width                : 225px;
}


DIV#Submenu ul    {
    margin                : 5px 0;
    border-top            : 1px solid #c0bebf;
    padding                : 0;
    list-style            : none;
}

DIV#Submenu ul li    {
    padding                : 0;
    margin                : 0;
    width                : 225px;
}

DIV#Submenu ul li a,
DIV#Submenu ul li.Selected a {
    background            : url(/img/prefabraamdorpel/submenu_arrow.gif) 10px center no-repeat ;
    border-bottom        : 1px solid #c0bebf;
    color                : #7c4f0e; 
    display                : block; 
    font-size            : 14px;
    outline                : none;
    padding                : 14px 0 14px 25px;
    text-decoration        : none; 
}    

DIV#Submenu ul li a:hover    {
    color                : #f89a1c;
}    

DIV#Submenu ul li.Selected a,
DIV#Submenu ul li.Selected a:hover    {
    background-color    : #ede9eb;
    color                : #000;
}

button.AddLine {
    color: #000;
    margin-top: 10px;
    margin-left: 7px;
    cursor: pointer;
}

a.link {
    text-decoration: underline;
    color: #34607D;
}


/* Adresgegevens
-------------------------------------------------------------- */

DIV#Adres  {
    background-color    : #34607d;
    border                : 1px solid #94a7b6;
    display                : inline;
    padding                : 30px 30px 20px 30px;
    float                : left;
    width                : 180px;
}

DIV#Adres IMG  {
    margin: 0 0 15px 0;
}

DIV#Adres P,
DIV#Adres A  {
    color                : white;
    
}

INPUT
{
    width:     300px;
}

SELECT
{
    width:     306px;
}

DT
{
    font-weight: bold;
}



TABLE.LocalQuote,
TABLE.LocalQuoteAddress
{
    width: 690px;
    border-collapse:collapse;
}


TABLE.LocalQuote tr.Merk .form,
TABLE.LocalQuote tr.Model .form,
TABLE.LocalQuote tr.Color .form,
TABLE.LocalQuote tr.Montage .form,
TABLE.LocalQuote tr.incltransport .form,
TABLE.LocalQuoteAddress {
   border:1px solid #34607D;
   margin-bottom:10px;
   padding:12px;
   background-color:#fff;
}

TABLE.LocalQuoteAddress {
       
}

TABLE.LocalQuoteAddress th.form,
TABLE.LocalQuoteAddress td.form {
   border:1px solid #34607D;
}


#CustomerSummary {
    width:690px;            
}

#CustomerSummary dt{
    border-top:1px solid #000;   
    float:left;   
    padding:10px;
}

#CustomerSummary dd{
    border-top:1px solid #000;
    padding:10px;
}

table.LocalQuoteAddress{
    width:691px;
    margin-top:-1px;
    margin-left:-1px;
}

table.LocalQuoteAddress .form {
   padding:0; 
   margin:0;
   margin-bottom:10px;
   margin-left:0px;
   background-color:#fff;
   margin-top:-1px;
}


table.LocalQuoteAddress th.form
 {
    padding:10px;
    margin-left:-1px;
    width:150px;
}

table.LocalQuoteAddress td.form
 {
    padding:9px;
 

}

.VisitorRegister input.Submit {
    width:200px;
    margin-left:150px;
    background-color:#325F7B;
    color:#fff;
}


table.VisitorLogin td.LostPassword{
   text-align:right;
   padding-right:100px;
}
TABLE.VisitorRegister  th{
    width:200px
}

TABLE.VisitorRegister  tr{
   line-height:24px;
}

TABLE.VisitorRegister {
    background-color:#fff;
    border:1px solid #34607D;
   padding:10px 10px 10px 50px;
   width:560px;
}

TABLE#VisitorRegister .verplicht {
    line-height:50px;
}

table.VisitorLogin {
background-color:#fff;
    border:1px solid #34607D;
    padding:10px 0px 10px 50px;
    width:560px;
}

table.VisitorLogin td.form input {
    width:300px;
}

table.VisitorLogin td {
    width: auto;
}

table.VisitorLogin td input.Submit {
    width:200px;
    margin-left:160px;
    background-color:#325F7B;
    color:#fff;
}

.NavigationButtons input.Submit {
    background-color:#325F7B;
    color:#fff;
}

#QuoteSummary {
    background-color:#fff;  
    padding:10px;  
    margin-bottom:20px;
    border:1px solid #325F7B;
}

table.VisitorLogin th {
    width:120px;
}

#QuoteSummary dt{
  width:100px;
  float:left;
  padding-top:8px;
  padding-bottom:8px;
  border-top:1px solid #ccc;
}

#QuoteSummary dd{
    padding-top:8px;
    padding-bottom:8px;
    margin-left:100px;
    border-top:1px solid #ccc;
}

#QuoteSummary h2 {
    color:#325F7B;
}


/** TEST JEROEN COLLAPSE **/

DIV.lineBody
{
    height: 90px;
}

DIV.bodyContainer
{
    height: 90px;
}

DIV.lineHeader
{
    width: 690px;
    height: 25px;
    float: left;
    background-color:#fff;
    color:#000;
    font-weight:bold;
}

DIV.headerImg
{
    float: left;
    width: 30px;
    padding: 5px 0 0 5px;
}

DIV.headerText
{
    padding: 5px 0 0 5px;
    width: 600px;
    float: left;
}

IMG.reset
{
    float: right;
    margin: 5px 10px 0 0;
}

Fieldset
{
    border: 0px;
    padding: 0px;
}

Fieldset.Top,
Fieldset.Bottom,
Fieldset.Finish
{
    float: left;
}

fieldset.Finish {
    margin-right:20px;
}

Fieldset.Top
{
    width: 223px;
}



fieldset.mainGroup label {
    font-size: 12px;
}

span.underline {
    text-decoration: underline;
}

#tooltip{
    position: absolute;
    margin: 0;
    color: #333;
    display:none;
    width: 500px;
    background: #F5F2F2;
    text-align: left;
    border: 1px solid #333;
    padding: 4px;
}

Fieldset.Bottom,
Fieldset.Finish
{
    width: 190px;
    padding: 5px 0 4px 10px;
    margin: 5px 2px 2px 2px;
}

Fieldset.Finish
{
    border: 1px solid #fff;
}

Label
{
    width: 88px;    
    /*margin-right: 1em;*/
}

Label.lineLabel
{
    float: left;
    margin-top: 2px;
}

Label.lineLabel.wide {
    width: 92px;
}

Label.lineLabel.less-wide {
    width: 77px;
}

Label.finishLabel
{
    float: left;
}

INPUT.lineField,
SELECT.lineField
{
    margin: 2px 2px 2px 2px;
}

SELECT.finishField
{
    width: 145px;
    margin: 5px 2px 2px 10px;
}

/** END TEST **/

TABLE.LocalQuoteLines
{
    width: 690px;
    background-color:#325F7B;
    color:#fff;
}

table.LocalQuote th {
    padding-left: 10px;
    width: 80px;
    margin-bottom: 20px;
}

table.LocalQuote td.Submit.NavigationButtons {
    padding-top: 20px;
}

table.LocalQuote td {
    padding-left: 10px;
}

TABLE.LocalQuoteLines legend {
    color:#fff;
}

TABLE.LocalQuoteLines input{
    padding:4px;
}

TABLE.LocalQuoteLines fieldset  {
  margin-top:10px
}

TABLE.LocalQuoteLines fieldset a {
    color:#fff;
}

TABLE.LocalQuoteLines fieldset legend {
   font-size:14px;
}

TABLE.LocalQuote tr.uwproject {
    line-height:50px;
}

TABLE.LocalQuoteLines TD
{
    border: 1px solid #34607D;
}

#Process {
    width:100%;
    height:30px;
    border-bottom:1px solid #34607D;
    margin-bottom: 20px;
}
#Process .Step{
    float:left;
    margin-left:30px;
}

#Process .Active{
    color:#34607D;
    float:left;
    text-decoration:underline;
    font-weight:bold;
}



TABLE.LocalQuoteLines TD.lineTitle
{
    width: 110px;
}

SELECT.shortBrand
{
    width: 110px;
}

INPUT.lineField
{
    width: 110px;
}

SELECT.lineField
{
    width: 110px;
}

TD.form
{
    width: 490px;
}

TABLE.MyQuotes
{
    width: 450px;
}

TABLE.MyQuotes tbody tr {
    border:1px solid #000;
}

TABLE.MyQuotes TD,
TABLE.MyQuotes TH
{
    width: 100px;
}

TABLE.MyQuotes TD.ID,
TABLE.MyQuotes TH.ID
{
    width: 250px;
}

BODY#IE TR
{
    height: 25px;
}

/* Footer
-------------------------------------------------------------- */

DIV#Footer {
    border                    : 1px solid #94a7b6;
    background-color        : #325f7b;
    display                    : inline;
    float                    : left;
    height                    : 22px;
    margin                    : 10px 0 0 0;
    width                    : 958px;
}

SPAN.footerText {
    color                    : white;
    line-height                : 22px;
    font-size                : 12px;
}
SPAN.footerText A {
    color                    : white;
}