@import url(http://www.testwebben.se/1179/5101.css);
/* 
#sidebar,
#sidebar h1, 
#sidebar h2, 
#sidebar h3, 
#sidebar h4, 
#sidebar h5, 
#sidebar h6
{
 	color: black;  
}
*/
#sidebar
{
	font-size: 0.8em;
 	/* color: black;  */
}

#main
{
    float:left;
    width: 580px;

} 


div#eclogin
{
	border: 1 px solid #cccccc;
}

/*
  ###################################################################################
  ###################################################################################
  ###################################################################################

  EHANDEL

  ###################################################################################
  ###################################################################################
  ###################################################################################
*/

/* Vänsterkolumn */
#sidebar {
   padding: 10px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   width: 260px;
   float: left;
}

/*
  ###################################################################################

  GENERELLT

  ###################################################################################
*/

/* Inmatningsfel */
input.inputError {
    border: 12px solid #F00;
    background-color: #F88;
}

/* Meddelanden */
div.message {
    padding: 3px;
}
/* OK */
div.okMessage {
    background-color: #8F8;
    border: 1px solid #999;
}
/* FEL */
div.errorMessage {
    background-color: #F88;
    border: 1px solid #d24a41;
}
div.errorMessage ul {
    margin: 0px;
    padding: 0px;
}
div.errorMessage ul li {
    margin-left: 20px;
}

/* Knappar */
input.button {
    line-height: 1.1em;
    padding-top: 0.05em;
    border: 1px outset #AAA;
    padding: 2px;
}


/*
  ###################################################################################

  PRODUKTTABELLER

  ###################################################################################
*/
/* Hela tabellen */
table#productTable {
   width: 100%;
   border: 1px solid #AE927B;
font-size: 0.8em;
}

/* Rubriker */
table#productTable tr.header {
   background-color: #AE927B;

}
table#productTable tr.header h2{
   padding: 2px;
   margin: 0px;
   font-size: 1.1em;
}
table#productTable tr.header td {
   margin: 0px;
   padding: 0 3px;
   font-weight: bold;
}

/* En orderrad. */
table#productTable tr.row {


}
table#productTable tr.row td {
    padding: 3px;
    line-height: 20px;
}
/* Jämn orderrad. */
table#productTable tr.rowEven td {
    background-color: #AE927B;
}
/* Udda orderrad. */
table#productTable tr.rowOdd td {

}

/* Fot */
table#productTable tr.footer {

}
table#productTable tr.footer td {
   margin:0px;
   padding:0px;
   border-top: 1px solid #AE927B;
}
table#productTable tr.footer td div#col1 {
   float:right;
   margin-top: 2px;
   text-align: right;
}
table#productTable tr.footer td div#col1 div.row {
   padding-right: 10px;
}
table#productTable tr.footer td div#col1 div.finalRow {
   font-weight: bold;
   font-size: 1.2em;
}

table#productTable tr.footer table.taxation {
   display: block;
   padding-top: 20px;
}

table#productTable tr.footer table.taxation td {
   padding: 5px;
}

table#productTable tr.footer td div#col2 {
   float:right;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 2px;
   text-align: right;
}
table#productTable tr.footer td div#col2 div.row {
   padding-right: 2px;
}
table#productTable tr.footer td div#col2 div.finalRow {
   text-decoration: underline;
   font-size: 1.2em;
}

table#productTable tr.footer td div.separator {
  border-top: 1px solid #AE927B;
}

table#productTable tr.footer td div.vspace {
  margin-bottom: 10px;
}



/*
  ###################################################################################

  BOXAR

  ###################################################################################
*/
div.box {
   border: 1px solid #AE927B;
   margin-top: 10px;
   padding: 0px;
}
/* Rubrik */
div.box h2 {
   background-color: #AE927B;
   padding: 3px;
   margin: 0px;
}
/* Innehåll */
div.box div.body {
   padding: 5px;

 
}



/*
  ###################################################################################

  FORMULÄR

  ###################################################################################
*/
/* Obligatorisk */
label.required {
   font-weight: normal;
}
/* Stjärna */
label span.requiredFieldStar {
   color: #F00;
   font-weight: bold;
   color: #af2415;
}



/*
  ###################################################################################

    KUNDVAGN - LITEN STORLEK

  ###################################################################################
*/
/* Wrapper för hela kundvagnen. */
div#cartWrapper {
    border: 1px solid #AE927B;
    background-color: #9D7859;
    margin-top: 10px;
    padding: 3px;
}
/* Titel */
div#cartWrapper h2 {
    margin: 0 0 5px 0;
}

/* Tabell */
div#cartWrapper table {
    border-collapse: collapse;
    width: 100%;
    font-size: 1em;
}

/* Behållare för innehållet (orderrader). */
div#cartWrapper div.content {

}

/* Drop-down */
div#cartWrapper div.content td.rows select {
    width: 100%;
}

/* Behållare för länkar. */
div#cartWrapper div.footer {
   clear:left;
}
div#cartWrapper div.footer a.showCartLink {
   float:left;
   display:block;
}
div#cartWrapper div.footer a.checkOutLink {
   float:right;
}

/* Tom kundvagn. */
div#cartWrapper tr.emptyRow {
   text-align: center;
   background-color: #FFF;
   height: 25px;
   line-height: 25px;
}

/* En orderrad. */
div#cartWrapper tr.row {
    padding: 3px;
}
/* Jämn orderrad. */
div#cartWrapper tr.rowEven {
    background-color: #AE927B;
}
/* Udda orderrad. */
div#cartWrapper tr.rowOdd {

}

/* Ordercell - Antal. */
div#cartWrapper tr.row td.quantity {
    width: 10%;
}

div#cartWrapper table td
{
	/* border: 1px solid black; */
}

/* Ordercell - Specification. */
div#cartWrapper table td.specification {
    /* display: block; */
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ordercell - Pris. */
div#cartWrapper table td.price {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 30%;
    padding-right: 0.2em;
}

/* Behållare för pris */
div#cartWrapper div.totalPriceWrapper {
    border-top: 1px solid #999;
}
div#cartWrapper div.totalPriceWrapper span {
    text-align: right;
    display: block;
}



/*
  ###################################################################################

    KUNDVAGN - FULL STORLEK

  ###################################################################################
*/

/* Behållare för hela kundvagnen. */
div#fullCartWrapper
{
    margin: 10px 0 0 0;
}

/* Behållare för innehåll (orderrader). */
div#fullCartWrapper div.content {
    border: 1px solid #ccc;
}

/* Behållare för länkar. */
div#fullCartWrapper div.footer {
    margin-top: 10px;
}
/* Uppdatera */
div#fullCartWrapper div.footer input#btnSubmitCartUpdate {
   float: left;
}
/* Till kassa */
div#fullCartWrapper div.footer input#btnCheckout {
   float: right;
}

/* Ordercell - Antal. */
div#fullCartWrapper td.quantity {
    width: 40px;
    margin-top: 0px;
}
div#fullCartWrapper td.quantity input {
    border: 1px solid #ccc;
    padding: 2px;
    width: 30px;
}
div#fullCartWrapper td.quantity input.inputError {
}

/* Ordercell - Specification. */
div#fullCartWrapper td.specification {
    margin-right: 10px;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ordercell - Artikelnummer. */
div#fullCartWrapper td.productNumber {
    width: 100px;
    margin-right: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ordercell - Orderstatus. */
div#fullCartWrapper td.stockStatus {
    width: 70px;
    margin-right: 10px;
    text-align: left;
    overflow: hidden
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ordercell - Pris. */
div#fullCartWrapper td.rowPrice {
    width: 80px;
    margin-right: 10px;
    text-align: right;
    overflow: hidden
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ordercell - Totalpris. */
div#fullCartWrapper td.totalRowPrice {
    width: 80px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ta bort */
div#fullCartWrapper td.delete {
    margin-right: 10px;
    margin-top: 2px;
}

/* Behållare för pris */
div#fullCartWrapper div.totalPriceWrapper {
    padding: 3px;
    background-color: #FFF;
}




/*
  ###################################################################################

    KATEGORIVISNING

  ###################################################################################
*/
div#categoryWrapper {

}

div#categoryWrapper div.categoryRow {
    width: 30%;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    text-align: center;
    border: 1px solid #AE927B
}

/* En rad */
div#categoryWrapper div.categoryRow div.content {
    height: 150px;
}
div#categoryWrapper div.categoryRow div.footer div.LinkURL {
    background-color: #AE927B;
    border-top: 1px solid #AE927B
}
div#categoryWrapper div.categoryRow img {
    background-color: #EEE;
    padding: 0px;
}
div#categoryWrapper div.categoryRow div.footer div.LinkURL a {
    padding: 4px;
    display: block;
    font-size: 0.9em;
}
div#categoryWrapper div.categoryRow div.footer div.LinkURL a:hover {

    font-size: 0.9em;
}
div#categoryWrapper div.categoryRow a.Title {
    font-weight: bold;
    display: block;
}
div#categoryWrapper div.categoryRow span.Price {
    margin-top: 5px;
    font-size: 0.9em;
}
div#categoryWrapper div.categoryRow div.Image {
    margin-top: 5px;
}




/*
  ###################################################################################

    PRODUKTVISNING

  ###################################################################################
*/
/* Rubrik */
div#productViewWrapper h2 {
   margin: 0 0 5px 0;
}

/* Vänster kolumn */
div#productViewWrapper div#leftColumn {
    float: left;
    width: 300px;
    margin: 0px;
    padding: 0px;
}

/* Höger kolumn */
div#productViewWrapper div#rightColumn {
    margin-left:310px;
    padding: 0px;
}


/* Produktbild */
div#productViewWrapper div#variantImage {
    float:left;
    margin-top: 10px;
    margin-bottom: 20px;
    border:1px solid #ccc;
}
div#productViewWrapper div#variantImage img {
    border:0px;
    padding:0px;
    margin:0px;
}

/* Lägg i kundkorgen */
div#productViewWrapper div#buy {
    font-weight: bold;
    margin-top: 10px;
}
div#productViewWrapper div#buy div#quantityHeader {
    float: left;
    font-weight: bold;
    width: 70px;
}
div#productViewWrapper div#buy input#txtQuantity {
    padding: 3px;
    border: 1px solid #ccc;
    width: 25px;
}
div#productViewWrapper div#buy input#btnSubmitAdd {

}
div#productViewWrapper div#buy a {
    display: inline-block;
    padding: 3px;
    text-align: center;
    border: 1px outset #AAA;
    background-color: #EEE;

}


/* Beskrivning */
div#productViewWrapper div#descriptionWrapper {
    padding-top: 5px;
    margin-right: 10px;
}
div#productViewWrapper div#descriptionHeader {
    font-weight: bold;
}
div#productViewWrapper div#description 
{

}

/* Andra produkter */
div#productViewWrapper div#otherProductsWrapper {
    clear: left;
}
div#productViewWrapper div#otherProductsWrapper div#oherProductsHeader {
    font-weight: bold;
    float: left;
    width: 70px;
}
div#productViewWrapper div#otherProductsWrapper select#otherProducts {
    border: 1px outset #666;
}


/* Vikt */
div#productViewWrapper div#weightWrapper {
    margin-top: 10px;
}
div#productViewWrapper div#weightWrapper span#weightHeader {
    font-weight: bold;
    float: left;
    width: 70px;
}


/* Pris */
div#productViewWrapper div#priceWrapper {
    margin-top: 10px;
}
div#productViewWrapper div#priceWrapper span#priceHeader {
    font-weight: bold;
    float: left;
    width: 70px;
}
div#productViewWrapper span#oldPrice {
    margin-left: 70px;
    display: block;
    text-decoration: line-through;
}
div#productViewWrapper span#price {
    margin-left: 70px;
    display: block;
}
div#productViewWrapper span#priceOldPriceVisible {
    margin-left: 70px;
    display: block;
    color: #F00;
}

/* Lager */
div#productViewWrapper div#stockWrapper {
    margin-top: 10px;
}
div#productViewWrapper div#stockWrapper span#stockHeader {
    float: left;
    font-weight: bold;
    width: 70px;
}
div#productViewWrapper div#stockWrapper span#stock {
}


/* Produktbilder */
div#productViewWrapper div#imagesWrapper {
    margin-top: 30px;
    background-color: #FFF;
    border: 1px solid #AAA;
}
div#productViewWrapper div#imagesWrapper div#images {
    overflow: hidden;
    margin-left: 5px;
    margin-bottom: 5px;
}
div#productViewWrapper div#imagesWrapper span {
    display: block;
    font-weight: bold;
    background-color: #EEE;
    border-bottom: 1px solid #AAA;
    text-align: center;
    vertical-align: middle;
    padding-left: 5px;
}
div#productViewWrapper div#imagesWrapper div#images a,
div#productViewWrapper div#imagesWrapper div#images a:link,
div#productViewWrapper div#imagesWrapper div#images a:visited {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
}
div#productViewWrapper div#imagesWrapper div#images a:hover div {
    background-color: #EEE;
    border: 1px solid #000;
    cursor: pointer;
}

/* Produkt-filer */
div#productViewWrapper div#extraFilesWrapper {
    background-color: #FFF;
    border: 1px solid #AAA;
    margin-top: 5px;
}
div#productViewWrapper div#extraFilesWrapper span {
    display: block;
    font-weight: bold;
    background-color: #EEE;
    border-bottom: 1px solid #AAA;
    text-align: center;
    vertical-align: middle;
}
div#productViewWrapper div#extraFilesWrapper div#extraFiles {
    overflow: hidden;
    padding: 5px;
}
div#productViewWrapper div#extraFilesWrapper div#extraFiles ul {
    list-style-type: square;
    margin: 0px;
    margin-left: 20px;
    padding: 0px;
}
div#productViewWrapper div#extraFilesWrapper div#extraFiles ul li {
    margin: 0px;
    padding: 0px;
}



/*
  ###################################################################################

    PRODUKTBILD - POPUPFÖNSTER

  ###################################################################################
*/
html#productImagePopup {
    background-color: #FFF;
}
html#productImagePopup body {
    margin:0px;
    background-color: #FFF;
}

/* Bild */
html#productImagePopup body div#imageWrapper {
    text-align: center;
}
html#productImagePopup body div#imageWrapper img {
    margin: 0px;
}

/* "Ladda ner" länk */
html#productImagePopup body a#download {
    display: block;
    width: 100%;
    background-color: #EEE;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #000;
}

/* Titel */
html#productImagePopup body span {
    width: 100%;
    display: block;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    background-color: #FFF;
}

/* Föregående/Nästa */
/* (Finns enbart på produktgruppsbilder-popup */
html#productImagePopup body div#popupFooter {
    position: absolute;
    bottom: 0px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #000000;
    background-color: #EEE;
    width: 100%;
    text-align: center;
}

/* Föregående */
html#productImagePopup body div#popupFooter div#previous {
    float:left;
    position: absolute;
    left: 10px;
}

/* Nästa */
html#productImagePopup body div#popupFooter div#next {
    float: left;
    position: absolute;
    right: 10px;
}



/*
  ###################################################################################

    LOGGA IN

  ###################################################################################
*/
div#loginWrapper {
    border: 1px solid #AE927B;
    background-color: #9D7859;
    padding: 3px;
    margin-top: 12px;

}
/* Titel */
div#loginWrapper h2 {
    margin: 0 0 5px 0;
}

/* Login-fel */
div#loginWrapper span#loginError {
    display: block;
    color:#F00;
    text-align: center;
}

/* Behållare för email-fält */
div#loginWrapper div#loginEmailWrapper {
    margin: 0px;
    padding: 0px;
}

/* Behållare för lösenords-fält */
div#loginWrapper div#loginPasswordWrapper {
    margin: 0px;
    padding: 0px;
    margin-top: 2px;
}

/* Behållare för "behåll produkter" */
div#loginWrapper div#loginKeepProductsWrapper {
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
}

/* Innehåll */
div#loginWrapper div.body {

    padding: 5px;
}

/* Rubriker för inmatningsfält */
div#loginWrapper div.body label {
    float: left;
    width: 30%;
    margin: 0px;
    padding: 0px;
}
div#loginWrapper div.body label#loginKeepProductsLabel {
    width: 195px;
}

/* Email */
div#loginWrapper div.body input#txtLoginEmail,
div#loginWrapper div.body input#txtLoginPassword {
    border: 1px solid #AAA;
    padding: 2px;
    margin: 0px;
    width: 60%;
    float:right;
}

/* Kryssruta */
div#loginWrapper div.body input#chkKeepProducts {
    float: left;
}

/* Behållare för login-knapp */
div#loginWrapper div#loginSubmitWrapper {
    text-align: right;
}
/* Knapp */
div#loginWrapper div.body input#btnSubmitLogin {
}


/*
  ###################################################################################

    LOGGA UT

  ###################################################################################
*/
/* Wrapper för logga ut */
div#logoutWrapper {
    border: 1px solid #AE927B;
    background-color: #9D7859;
    padding: 3px;
    margin-top: 10px;
}

/* Titel */
div#logoutWrapper h2 {
    margin: 0 0 5px 0;
}

/* Innehåll */
div#logoutWrapper div.body {

}

/* Välkomsttext */
div#logoutWrapper div.body span#welcome {
}

/* Länkar */
div#logoutWrapper div.body div.links {
    margin-top: 5px;
}

/* Behållare för knapp. */
div#logoutWrapper div#logoutSubmitWrapper {
    text-align: right;
}
/* Knapp */
div#logoutWrapper div#logoutSubmitWrapper input#btnSubmitLogout {
}



/*
  ###################################################################################

    KUND - UPPGIFTER

  ###################################################################################
*/
/* Rot-wrapper */
div#userInfoWrapper {
}

/* Felmeddelande */
div#userInfoWrapper div.errorMessage {
}

/* OK meddelande */
div#userInfoWrapper div.okMessage {
}

/* Box (kundtyp) */
div#userInfoWrapper div#userTypeBox {
    width: 48%;
}

/* Box (generellt) */
div#userInfoWrapper div#generalBox {
    width: 48%;
}

/* Box (Inloggning) */
div#userInfoWrapper div#deliveryBox {
    float: left;
    margin-top: 10px;
    width: 48%;
}
/* Box (Leverans) */
div#userInfoWrapper div#invoiceBox {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    width: 48%;
}

/* Etiketter för alla boxar (E-postadress, Ändra lösenord, Förnamn, ...) */
div#userInfoWrapper label {
    float: left;
    display: block;
    width: 40%;
}

/* Inmatningsfält */
div#userInfoWrapper input.input {
    float: right;
    width: 55%;
    border: 1px solid #AAA;
    padding: 2px;
}
div#userInfoWrapper select {
    float: right;
    width: 57%;
    border: 1px solid #AAA;
}
/* Felaktig inmatning */
div#userInfoWrapper input.inputError {
}

/* Alla rader (Etikett   text) */
div#userInfoWrapper div.row {
    padding: 2px;
}
/* Jämna rader */
div#userInfoWrapper div.evenRow {
    background-color: #AE927B;
}
/* Udda rader */
div#userInfoWrapper div.oddRow {

}

/* Behållare för spara-knapp */
div#userInfoWrapper div#customerInfoSubmitWrapper {
    clear: left;
    padding-top: 10px;
}
/* Spara knapp */
div#userInfoWrapper div#customerInfoSubmitWrapper input#btnSubmitSave {

}



/*
  ###################################################################################

    KUND - REGISTRERING

  ###################################################################################
*/
div#customerRegisterWrapper {

}

/* Felmeddelande */
div#customerRegisterWrapper div.errorMessage {
}

div#customerRegisterWrapper div.accountCreated {
    margin-left: 65px;
}

/* Formulär */
div#customerRegisterWrapper div.body label {
    float: left;
    display: block;
    width: 130px;
}
div#customerRegisterWrapper div.body .input {
    width: 180px;
    border: 1px solid #AAA;
    padding: 2px;
}
div#customerRegisterWrapper div.body select {
    width: 186px; /* 180   2*1 (txt-border)   2*2 (txt-padding) */
}

/* Fast bredd på vissa inmatningsfält */
div#customerRegisterWrapper div.body input#txtSSN1,
div#customerRegisterWrapper div.body input#txtSSN2,
div#customerRegisterWrapper div.body input#txtOrgNb1,
div#customerRegisterWrapper div.body input#txtOrgNb2,
div#customerRegisterWrapper div.body input#txtVatNb2,
div#customerRegisterWrapper div.body input#txtVatNb3 {
    width: 50px;
}
div#customerRegisterWrapper div.body input#txtVatNb1 {
    width: 20px;
}

/* En rad */
div#customerRegisterWrapper div.body div.row input.inputError {
}
div#customerRegisterWrapper div.body div.row {
    padding: 2px;
}
div#customerRegisterWrapper div.body div.evenRow {
 
}
div#customerRegisterWrapper div.body div.oddRow {
 
}

/* Behållare för knapp */
div#customerRegisterWrapper div.body #customerRegisterSubmitWrapper {
    clear: left;
    padding-top: 10px;
}
/* Knapp */
div#customerRegisterWrapper div.body input#btnSubmitRegister {
}



/*
  ###################################################################################

    KUND - GLÖMT LÖSENORD

  ###################################################################################
*/
div#customerLostPassword {
}

/* Meddelanden */
div#customerLostPassword div.errorMessage {
}
div#customerLostPassword div.okMessage {
}

/* Inmatning */
div#customerLostPassword input#txtEmail {
    padding: 2px;
}
div#customerLostPassword input.input {
    width: 280px;
    border: 1px solid #AAA;
    padding: 2px;
}
div#customerLostPassword input.inputError {
}

div#customerLostPassword input#btnSubmitSend {
}


/*
  ###################################################################################

    KUND - ORDRAR

  ###################################################################################
*/

/* Wrapper för hela kundvagnen. */
div#customerOrdersWrapper {
}

/* Ordertabell */
div#customerOrdersWrapper table {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

/* Orderceller */
div#customerOrdersWrapper table td {
    border: 0px;
}

/* Huvudrubriker. */
div#customerOrdersWrapper table tr.header td {
   margin: 0px;
   padding: 3px;
   font-weight: bold;
}

/* Behållare för innehåll */
div#customerOrdersWrapper div.content {
    border: 0px solid #CCC;
    margin-top: 10px;
}

/* En orderrad. */
div#customerOrdersWrapper tr.row {
    padding: 3px;
    line-height: 20px;
}
/* Jämn rad. */
div#customerOrdersWrapper tr.rowEven {
    background-color: #EEE;
}
/* Udda rad. */
div#customerOrdersWrapper tr.rowOdd {
    background-color: #FFF;
}

/* Orderdatum. */
div#customerOrdersWrapper td.orderDate {
    width: 150px;
    margin-top: 0px;
}

/* Ordernummer. */
div#customerOrdersWrapper td.orderNumber {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Antal. */
div#customerOrdersWrapper td.numProducts {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Summa. */
div#customerOrdersWrapper td.sum {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

/* Status. */
div#customerOrdersWrapper td.status {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/*
  ###################################################################################

    KUND - ORDERVISNING

  ###################################################################################
*/

/* Wrapper för hela ordervisningen. */
div#customerOrderViewWrapper {
}

/* Wrapper för innehållet (exklusive rubrik) */
div#customerOrderViewWrapper div.content {
    border: 0px solid #AAA;
}

div#customerOrderViewWrapper div#printable {
    float: right;
}

div#customerOrderViewWrapper textarea {
}

/* En rad i en box */
div#customerOrderViewWrapper div.body div.row {
   clear: left;
}

/* Boxtitlar */
div#customerOrderViewWrapper div.title {
   float: left;
   width: 100px;
   font-weight: bold;
   margin-bottom: 5px;
}

/* Box (Faktura) */
div#customerOrderViewWrapper div#invoiceBox {
   float: left;
   width: 48%;
}
/* Box (Leverans) */
div#customerOrderViewWrapper div#deliveryBox {
   float: right;
   width: 48%;
   margin-left: 10px;
}
/* Box (Orderinformation) */
div#customerOrderViewWrapper div#orderInfoBox {
   float: right;
   width: 48%;
}

/* Box (Orderinformation) */
div#customerOrderViewWrapper div#messageBox {
   float: left;
   width: 48%;
}

/* "Produkt". */
div#customerOrderViewWrapper table#productTable {
    clear: left;
}

/* "Produktnummer". */
div#customerOrderViewWrapper td.productNumber {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* "Antal". */
div#customerOrderViewWrapper td.quantity {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* "Á-pris". */
div#customerOrderViewWrapper td.rowPrice{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
/* "Summa". */
div#customerOrderViewWrapper td.totalRowPrice {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}



/*
  ###################################################################################

    KASSA

  ###################################################################################
*/

/* Wrapper för hela ordervisningen. */
div#checkoutWrapper {
}

div#checkoutWrapper div.box {
    border: 1px solid #AE927B;
}
div#checkoutWrapper div.productTable {
    border: 1px solid #AE927B;
}

/* Wrapper för innehållet (exklusive rubrik) */
div#checkoutWrapper div.content {
    border: 0px solid #AE927B;
}

/* Toppknappar */
div#checkoutWrapper ul#topButtons {
   list-style-type: none;
   text-align: right;
   margin-bottom: 20px;
}
div#checkoutWrapper ul#topButtons li {
   display: inline;
   padding: 5px;
   margin-left: 5px;
   text-align: center;
   background-color: #EEE;
   border: 1px solid #AE927B;
   width: 75px;
   color: #888;
}
div#checkoutWrapper ul#topButtons li.selected {
   background-color: #d5ebba;
   color: #000;
}

/* Skriv ut */
div#checkoutWrapper div#printable {
    float: right;
}

/* Kundmeddelande */
div#checkoutWrapper textarea {
}

/* En rad i en box */
div#checkoutWrapper div.body div.row {
   clear: left;
}

/* Boxtitlar */
div#checkoutWrapper div.title {
   float: left;
   width: 100px;
   font-weight: bold;
   margin-bottom: 5px;
}

/* Box (Faktura) */
div#checkoutWrapper div#invoiceBox {
   float: left;
   width: 48%;
}
/* Box (Leverans) */
div#checkoutWrapper div#deliveryBox {
   float: right;
   width: 48%;
   margin-left:10px;
}
/* Box (Orderinformation) */
div#checkoutWrapper div#paymentBox {
   float: left;
   width: 48%;
}
div#checkoutWrapper div#paymentBox div#errorMessage {
   border: 1px solid #F00;
   background-color: #FAA;
   padding: 5px;
   margin-top: 5px;
}
/* Box (Orderinformation) */
div#checkoutWrapper div#messageBox {
   float: right;
   width: 48%;
   margin-left: 10px;
}
div#checkoutWrapper div#messageBox textarea {
   width: 100%;
   padding: 0px;
   margin: 0px;
   margin-top: 10px;
   border: 1px solid #999;
}

/* "Produkt". */
div#checkoutWrapper td.product {
    width: 180px;
}
/* "Produktnummer. */
div#checkoutWrapper td.productNumber {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* "Antal". */
div#checkoutWrapper td.quantity {
    width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* "Á-pris". */
div#checkoutWrapper td.rowPrice{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
/* "Summa". */
div#checkoutWrapper td.totalRowPrice {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

/* Produkttabell - Summa */
div#checkoutWrapper div#productsFooter {
    float:right;
    padding-right: 26px;
    margin-top: 10px;
}
/* Titlar */
div#checkoutWrapper div#productsFooter div.title {
    float: left;
    text-align: right;
    width: 80px;
}
/* Text */
div#checkoutWrapper div#productsFooter span {
    float: left;
    width: 130px;
    text-align: right;
    display: block;
}
/* Rad (titel text) */
div#checkoutWrapper div#productsFooter div.row {
    clear: left;
}

/* "Order total" */
div#checkoutWrapper div#productsFooter div.totalSumRow span {
    text-decoration: underline;
}

/* Behållare för knappar */
div#checkoutWrapper div#buttonWrapper {
    clear: both;
    margin-top: 10px;
}
div#checkoutWrapper div#buttonWrapper input.button#btnSubmitBack {
    float: left;
}
div#checkoutWrapper div#buttonWrapper input.button#btnSubmitNext {
    float: right;
}



/*
  ###################################################################################

    MENY

  ###################################################################################
*/

div#menuWrapper {
    border: 1px solid #AE927B;
    background-color: #9D7859;
    padding: 3px;
    margin-bottom: 10px;
}


/* Rotlista */
div#menuWrapper ul.menuTree {

    font-family: verdana;
    font-size: 8pt;
    margin: 0px;
    padding: 0px;
}

/*
 Nollställer float
 Används även för mellanrum
*/
div#menuWrapper ul.menuTree div {
	clear: both;

	/* Nollställ */
	margin: 0px;
	padding: 0px;
	font-size:1px;  /* IE gillar inte 0px */

	/* Mellanrum */
	line-height: 1px;
	height: 1px;
}

/* Rotlista & alla underlistor */
div#menuWrapper ul.menuTree,
div#menuWrapper ul.menuTree ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
/* Listor nivå 2,3,4,...,n */
div#menuWrapper ul.menuTree ul {
    background-image: url('/images/ecommerce/menutree/dot.gif');
    background-repeat: repeat-y;

    /* Flytta in streck */
    margin-left:4px;
}
/* Listor nivå 3,4,...,n */
div#menuWrapper ul.menuTree ul li ul {
	margin-left:5px;
}


/* Öppen lista */
div#menuWrapper ul.menuTree ul.opened {
    display: block;
}
/* Stängd lista */
div#menuWrapper ul.menuTree ul.closed {
    display: none;
}


/*
 Sista listan i ett sub-träd.
 Tar bort bakgrunden under plus/minus.
*/
div#menuWrapper ul.menuTree ul.lastChild {
	background: none;
}


/* Alla list-items. */
div#menuWrapper ul.menuTree li {
	/* Alla nivåer */
    clear:left;

    /* Endast nivå ett */
    /* Se overriding nedanför */
    margin: 0px;
    padding: 0px;
}
/* Nivå 2,3,4,...,n */
div#menuWrapper ul.menuTree li ul li {
	/* Flyttar ut plus/minus bild */
    padding-left: 11px;
}


/*
 Löv (nod utan undernoder).
 Nivå 1,2,3,4,...,n
*/
div#menuWrapper ul.menuTree li.leaf {
	/* "T-korsning" */
	background: url('/images/ecommerce/menutree/intersection.gif') no-repeat;

	/* Flyttar ut "T-korsning"-bilden till mitten under förälderkatalog. */
    margin-left: 4px;

    /* Flyttar ut katalogen till höger om "T-korsning"-bilden */
	padding-left: 10px;
}
/* Nivå 2,3,4,...,n */
div#menuWrapper ul.menuTree ul li.leaf {
	/* Flyttar ut "T-korsning"-bilden till mitten under förälderkatalog. */
    margin-left: 16px;

    /* Flyttar ut katalogen till höger om "T-korsning"-bilden */
	padding-left: 11px;
}
/* Nivå 3,4,...,n */
div#menuWrapper ul.menuTree ul li ul li.leaf {
	margin-left: 17px;
}



/*
 Löv (nod utan undernoder) sist i listan.
 Nivå 1,2,3,4,...,n
*/
div#menuWrapper ul.menuTree li.lastLeaf {
	/* "L" bild. */
    background-image: url('/images/ecommerce/menutree/last.gif');
    background-repeat: no-repeat;

	/* Flyttar ut "T-korsning"-bilden till mitten under förälderkatalog. */
    margin-left: 4px;

    /* Flyttar ut katalogen till höger om "T-korsning"-bilden */
	padding-left: 10px;
}
/* Nivå 2,3,4,...,n */
div#menuWrapper ul.menuTree ul li.lastLeaf {
	/* Flyttar ut "T-korsning"-bilden till mitten under förälderkatalog. */
    margin-left:16px;

    /* Flyttar ut katalogen till höger om "T-korsning"-bilden */
	padding-left: 11px;
}
/* Nivå 3,4,...,n */
div#menuWrapper ul.menuTree ul li ul li.lastLeaf {
	margin-left:17px;
}


/* Alla länkar */
div#menuWrapper ul.menuTree a.linkDirClosed {
    /* Katalogbild */
    background-image: url('/images/ecommerce/menutree/folder_closed.gif');


}
div#menuWrapper ul.menuTree a.linkDirOpened {
    /* Katalogbild */
    background-image: url('/images/ecommerce/menutree/folder_open.gif');
}
div#menuWrapper ul.menuTree a {
    float: left;

	/* Katalogbild */
    background-repeat: no-repeat;
    background-position: left;

    /* Om kant används, sätt färg=bakgrundsfärg */
    border: 0px;

    /* Flytta ut text höger om katalogbild. */
    /*
	/* Bredd på katalogbild   mellanrum */
	padding: 0px;
    padding-left: 18px;

    /* Höjd på katalogbild */
    height:15px;

	/* Utöka länkens klickbara bredd */
	/* (Bredd anges nedan, per nivå) */
    display: -moz-inline-box;
    display: inline-block;
}
/* Länkar, nivå 1 */
div#menuWrapper ul.menuTree li a {
	width:200px;
}
/* Länkar, nivå 2 */
div#menuWrapper ul.menuTree li ul li a {
	width:184px;
}
/* Länkar, nivå 3 */
div#menuWrapper ul.menuTree li ul li ul li a {
	width:166px;
}


/*
 Alla länkar - mus över osv.
 (Ärver av "Alla länkar")
*/
div#menuWrapper ul.menuTree a:link {}
div#menuWrapper ul.menuTree a:visited {}
div#menuWrapper ul.menuTree a:active {}
div#menuWrapper ul.menuTree a:hover {
	background-color: #AE927B;
	border: 0px solid #AAA;
	font-weight: bold;
}
/* Länkar, nivå 1 */
div#menuWrapper ul.menuTree li a:hover {}
/* Länkar, nivå 2 */
div#menuWrapper ul.menuTree li ul li a:hover {}
/* Länkar, nivå 3 */
div#menuWrapper ul.menuTree li ul li ul li a:hover {}


/* Alla länkar - Vald länk */
div#menuWrapper ul.menuTree a#selected {
	/* Bakgrundsfärg */
	background-color: #AE927B;

	/* Kant */
	border: 0px;

	/* Flytta ut text höger om katalogbild. */
	/*
	/* Bredd på katalogbild   mellanrum */
	padding: 0px;
	padding-left: 18px;

	/* Fetstilt */
	font-weight: bold;
}
/* Länkar, nivå 1 */
div#menuWrapper ul.menuTree li a#selected {}
/* Länkar, nivå 2 */
div#menuWrapper ul.menuTree li ul li a#selected {}
/* Länkar, nivå 3 */
div#menuWrapper ul.menuTree li ul li ul li a#selected {}


/* Alla bilder */
div#menuWrapper ul.menuTree li img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


/*
 plus/minus bild
 Nivå 1,2,3,...,n
*/
div#menuWrapper ul.menuTree li img.toggleImage {
    float: left;

    /* Flytta ner till mitten */
    margin-top: 3px;

	/* Mellanrum katalog/text */
	margin-right: 5px;
}
/* Nivå 2,3,4,...,n */
div#menuWrapper ul.menuTree li ul li img.toggleImage {
	/* Flyttar ut plus/minus bild så att den */
	/* hamnar exakt under lodräta strecket */
	margin-left: 1px;

	/* Mellanrum katalog/text */
	margin-right: 6px;
}

/*Ta bort  -*/
img.toggleImage {
visibility:hidden;
}

.leaf {
background-image:none !important;
}

.parentLeaf {
background-image:none !important;
}

.linkDirClosed, .linkDirOpened, .opened, .lastLeaf {
background-image:none !important;
}