/*-=LAYOUT=-*/
body
{
    background: #f1eeea;
    color: #000;
    margin: 0;
}
body.frame
{
    background: #FFF;
    margin: 20px 10px 5px 0;
}
#content
{
    width: 986px; /*overflow: auto;*/
    margin: 0px auto;
    background: url('../img/design/bg_main.gif') repeat-y #FFF;
}
#pageHead
{
    background: url('../img/design/head/bg_head.jpg') no-repeat;
    float: left;
    width: 968px;
    height: 137px;
    margin: 0 9px;
    display: inline; /* IE6 SUCKS */
}

#pageHead h1
{
    float: left;
    margin: 0px 0 0 0px;
    padding: 10px 0 0 15px;
    display: inline;
    border: 0px solid #FFF;
    width: auto;
    height: auto;
}
#pageHead h1 a.HomeBtn
{
    display: block;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    color: #FFF;
    text-indent: 0;
    width: auto;
    height: auto;
    text-decoration: none;
    font-size: 10px;
}
#pageHead h1 a.HomeBtn span
{
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin: -1px 0;
}
/* kontaktlista och logga ut-arean */
#extraButtons
{
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 5px 5px 0 0;
    display: inline;
}
#extraButtons li
{
    float: left;
    padding: 0;
    margin: 0;
}

#extraButtons a
{
    text-decoration: none;
    color: #000;
    display: block;
    height: 27px;
    float: left;
}
#extraButtons li.oversikt
{
    height: 27px;
    background: url('../img/design/head/extraButtonsBgLeft.gif') top left no-repeat;
}
#extraButtons li.oversikt a
{
    padding: 7px 12px 0 32px;
    background: url('../images/contactListBg.gif') 11px 5px no-repeat;
}
#extraButtons li.last
{
    height: 27px;
    background: url('../img/design/head/extraButtonsBgRight.gif') top right no-repeat;
}
#extraButtons li.last a
{
    padding: 7px 12px 0 23px;
    background: url('../images/logOutBg.gif') 0px 5px no-repeat;
}

#extraButtons a:hover
{
    text-decoration: underline;
}
/* /kontaktlista och logga ut-arean */
/*

#menu {
	float: left;
	width: 181px;
	margin-top: -5px;
	border-top: 6px solid #abc7e5;
	margin-left: 9px;
	display: inline;
}
*/
#main
{
    float: right;
    width: 731px;
    padding: 20px 25px 25px 25px;
}
.pyf
{
    float: left;
    width: 950px;
    padding: 20px 13px 25px 25px;
}
#pageFoot
{
    background: url('../img/design/foot/bg_foot.gif') no-repeat;
    clear: both;
    width: 986px;
    height: 76px;
}
#pageFoot ul
{
    list-style-type: none;
    margin: 0;
    padding: 18px 0 0 20px;
    float: left;
}
#pageFoot ul li
{
    margin-bottom: 2px;
}
#pageFoot ul a
{
    text-decoration: none;
    color: #000;
}
#pageFoot ul a:hover
{
    text-decoration: underline;
}
#pageFoot .HomeBtn
{
    display: block;
    width: 181px;
    height: 48px;
    float: right;
    margin: 13px 18px 0 0;
    text-indent: -800px;
    overflow: hidden;
}
#nav .hasChildren:after
{
    content: "»";
}
.fallBack
{
    display: none;
}
.deadLink
{
    cursor: default;
}
/*
.siteMapTree {
	margin: 10px 0;
	padding: 0;
}
.siteMapTree li {
	float: left;
}
.siteMapTree li li {
	display: block;
	float: none;
}
*/

/* Gamla klasser */
/* Varningsruta för fairguide på förstasidan */
#FairGuide
{
}
/* markeringsfärger för tabeller */
.TableFrameColor
{
    border-left: 1px solid #BBB;
    margin-left: 10px;
    padding-top: 10px;
    padding-left: 10px;
}
.TableFrameColorFull
{
    border: 1px solid #BBB;
    padding: 10px;
    margin: 15px 0;
}
.TableMarkedColor
{
}
.TableColor
{
}
.TableHeadColor
{
}
.orderTable
{
    border-collapse: collapse;
}
.orderTable .firstRow td
{
    border-bottom: 1px solid #BBB;
    padding-bottom: 5px;
}
.orderTable .lastRow td
{
    border-top: 1px solid #BBB;
}

/* Variant av printknapp */
#PrintBtn
{
    margin: 10px 0;
}
img
{
    border: 0;
}
.txtAttention
{
    color: #C00;
    font-weight: bold;
}
.decoPic
{
    float: right;
    margin: 0 0 25px 25px;
}
.mainPageRightCol
{
    float: right;
    margin: 0 0 25px 25px;
    border-left: 1px solid #BBB;
    padding: 10px 0 10px 15px;
}
/* inloggningssidan */
.Login #main
{
    width: 959px;
    margin: 0 0 0 13px;
    float: left;
    border: 0px solid;
    padding: 18px 0 0 0;
    display: inline;
}
.Login .loginHeadline
{
    padding-top: 18px;
    padding-left: 200px;
    height: 172px;
    background: url('../img/design/dummies/introPic.jpg') 10px 0 no-repeat;
    border-bottom: 1px solid #7f7f7f;
    margin-bottom: 13px;
    margin-left: 0px;
}
.Login .loginHeadline p
{
    margin-right: 80px;
}
.Login .loginHeadline h3
{
    margin: 0;
}
.Login .loginHeadline .en
{
    background: url('../images/introTxt_en.gif') no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    height: 100px;
    margin-top: -5px;
}
.Login .loginHeadline .se
{
    background: url('../images/introTxt_se.gif') no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    height: 100px;
}
.Login .loginHeadline h1
{
    display: none;
}
.Login .langPanel
{
    float: right;
    margin-top: -18px;
    font-size: 12px;
    margin-right: 5px;
    font-weight: bold;
}

.Login .leftCol
{
    width: 559px;
    float: left;
    margin-top: 3px;
    margin-left: 20px;
    display: inline;
}
.Login .leftCol div
{
    padding-left: 117px;
    padding-top: 17px;
    margin-bottom: 6px;
    height: 103px;
}
.Login .leftCol .wizOne
{
    background: url('../img/design/dummies/gubbe1.gif') no-repeat;
}
.Login .leftCol .wizTwo
{
    background: url('../img/design/dummies/gubbe2.gif') no-repeat;
}
.Login .leftCol .wizThree
{
    background: url('../img/design/dummies/gubbe3.gif') no-repeat;
}
.Login .leftCol div h3, .Login .leftCol div p
{
    margin-top: 0;
    margin-bottom: 0;
}
.Login .rightCol
{
    width: 333px;
    float: right;
    background: #e9eef1;
    margin-bottom: 20px;
}
.Login .rightCol .loginForm
{
    background: #dde7f3;
    border-bottom: 1px dashed #88a6ae;
}
.Login .rightCol .loginForm input
{
    margin-top: 8px;
}
.Login .rightCol .loginForm .submit
{
    margin-right: 26px;
}
.Login .rightCol .loginForm label
{
    width: 80px;
    margin-top: 11px;
    font-weight: bold;
    float: left;
    display: block;
}
.Login .rightCol .loginForm .text, .Login .rightCol .loginForm .password
{
    width: 180px;
}

.Login .rightCol div
{
    border-bottom: 1px dashed #8aa5ae;
}
.Login .rightCol .loginForm, .Login .rightCol div
{
    padding: 20px 20px 22px 20px;
}
.Login .rightCol .loginForm p, .Login .rightCol div p
{
    margin: 0;
    padding: 0;
}
/* login-steg2*/
.LoginStepTwo #main
{
    width: 959px;
    margin: 0 0 0 13px;
    float: left;
    border: 0px solid;
    padding: 18px 0 0 0;
    display: inline;
}
.LoginStepTwo .loginHeadline
{
    background: url('../images/loginStep2Deco.jpg') 10px 0 no-repeat;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 18px 120px 18px 120px;
    clear: both;
}
.LoginStepTwo .selectProject
{
    width: 100%;
    border-collapse: collapse;
    margin-top: 0px;
    clear: both;
    margin-bottom: 20px;
}
.LoginStepTwo .selectProject th
{
    text-align: left;
    background: #d8dadb;
    padding: 12px 0 9px 11px;
    border-bottom: 1px solid #8aa5b0;
    font-size: 14px;
}
.LoginStepTwo .selectProject td
{
    padding: 12px 0 9px 11px;
    border-bottom: 1px solid #8aa5b0;
    border-bottom: 1px dashed #88a6ae;
}
.LoginStepTwo .selectProject tr:hover
{
    background: #eeeeee;
}
.LoginStepTwo .selectProject a
{
    color: #000;
}
/* login-steg3*/
.LoginStepThree #main
{
    width: 940px;
    display: inline;
    border: 0px solid;
}
.LoginStepThree .checkInfo
{
    float: left;
    width: 650px;
    margin-left: 150px;
    display: inline;
}
.LoginStepThree .checkInfo p
{
    margin: 0 0 4px 0;
}
.LoginStepThree .checkInfo p input
{
    width: 270px;
}
.LoginStepThree .checkInfo p input#Homepage
{
    width: 233px;
}
.LoginStepThree .checkInfo p label
{
    font-weight: bold;
}
.LoginStepThree .formColOne
{
    width: 280px;
    float: left;
    clear: left;
}
.LoginStepThree .formColTwo
{
    width: 280px;
    float: right;
    margin-right: 20px;
    margin-left: 40px;
    clear: right;
    display: inline;
}
.LoginStepThree .formRowOne, .formRowTwo
{
    float: left;
}
/*MONTERSERVICE*/
.BodyMainMonterservice
{
    background: #FFF;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 730px;
}
.product
{
    float: left;
    margin-bottom: 15px;
}
.product .productImg
{
    border: 1px solid #000;
    float: left;
    margin-right: 10px;
    padding: 8px;
}
.product .productDesc
{
    float: left;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 645px;
    padding: 0 0 7px 0;
}
.product .productTitle
{
    background: #dfe0e1;
    float: left;
    padding: 0 13px 8px 13px;
    margin-bottom: 12px;
    clear: both;
    width: 619px;
}
.product .productTitle h2
{
    margin: 11px 0 0 0;
    padding: 0;
    float: left;
    width: 445px;
}
.product .buttons
{
    float: right;
    margin: 6px 0 0 0;
}
.product .buttons a, .product .buttons span
{
    color: #000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 6px 0 6px 14px;
    float: left;
    font-weight: bold;
}
.product .buttons .showPic
{
    border-right: 1px solid #a7a8a9;
    padding-right: 14px;
    padding-left: 14px;
}
.product .buttons .inactive
{
    color: #999;
}
.product .description
{
    padding: 0 13px 12px 13px;
    clear: both;
    float: left;
    width: 618px;
    border-bottom: 1px solid #a7a8a9;
}
.product dl
{
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}
.product dl dt
{
    font-weight: bold;
    border-bottom: 1px solid #a7a8a9;
    float: left;
    clear: both;
    width: 619px;
    padding: 8px 13px;
}
.product dl dd
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a7a8a9;
    float: left;
    clear: both;
    width: 619px;
    padding: 5px 13px;
}
.product dl dd select
{
    font-size: 100%;
}
.product dl dd
{
    text-align: right;
}
.product dl dd span
{
    display: block;
    float: left;
    padding-top: 4px;
}
.product .price
{
    float: left;
    border-right: 1px solid #a7a8a9;
    padding: 8px 20px 0 20px;
    margin: 7px 0 0 0;
    height: 20px;
}
.product .amount
{
    float: left;
    border-right: 1px solid #a7a8a9;
    height: 23px;
    padding: 5px 20px 0 20px;
    margin: 7px 0 0 0;
}
.product .amount input
{
    width: 24px;
    border: 1px solid #000;
}
.product .add
{
    float: right;
    height: 20px;
    padding: 5px 20px 0 20px;
    margin: 7px 0 0 0;
    clear: right;
}

/* STARTSIDAN */
#startLeftCol
{
    width: 242px;
    float: left;
    border-top: 6px solid #a9c5e4;
    margin: -5px 0 0 9px;
    display: inline;
}
#startLeftCol .exhibitorInfo
{
    padding: 14px 12px 14px 12px;
    margin: 0;
    border-bottom: 1px dashed #8aa5ae;
    background: #dde7f3;
}
#startLeftCol .exhibitorInfo h3
{
    padding: 0;
    margin: 0 0 4px 0;
}
#startLeftCol .exhibitorInfo p
{
    padding: 0;
    margin: 0 0 6px 0;
}
#startLeftCol .exhibitorInfo a
{
    background: url('../images/companyInfoLinkBg.gif') 0 1px no-repeat;
    display: block;
    padding: 0px 0 2px 19px;
    color: black;
    text-decoration: none;
    margin: 13px 0 5px 0;
    font-weight: bold;
}
#startLeftCol .createUser
{
    background: url('../images/createuserbg.gif') 13px 14px no-repeat #e9eef1;
    padding-left: 31px;
    height: 41px;
    border-bottom: 1px dashed #8aa5ae;
}
#startLeftCol .createUser a
{
    padding: 16px 0 0 0;
    margin: 0;
    color: #000;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
#startLeftCol .createUser a:hover
{
    text-decoration: underline;
}
#startLeftCol .introBoxes
{
    padding: 13px 5px 13px 13px;
    border-bottom: 1px dashed #8aa5ae;
}
#startLeftCol .introBoxes h3
{
    padding: 0;
    margin: 0 0 3px 0;
}
#startLeftCol .introBoxes p
{
    padding: 0;
    margin: 0;
    font-weight: normal;
}
#startLeftCol .introBoxes a
{
    display: block;
    padding-left: 14px;
    color: black;
    text-decoration: none;
    margin-top: 4px;
    font-weight: bold;
}
#startLeftCol .introBoxes a:hover
{
    text-decoration: underline;
}
#startLeftCol .basket a
{
    background: url('../images/basketLinkBg.gif') 0 1px no-repeat;
}
#startLeftCol .registredTickets a
{
    background: url('../images/registredTicketsLinkBg.gif') 0 1px no-repeat;
}
#startLeftCol .bookings a
{
    background: url('../images/bookingsLinkBg.gif') 0 1px no-repeat;
}
#startLeftCol .invites a
{
    background: url('../images/invitesLinkBg.gif') 0 1px no-repeat;
}
#startMain
{
    width: 693px;
    float: right;
    margin: 11px 9px 20px 0;
}
#leftCol
{
    width: 462px;
    float: left;
    margin-top: 13px;
}
#leftCol .projectTitle img
{
    margin-right: 10px;
}
#leftCol .infoList
{
    padding: 12px 0 8px 13px;
    margin: 0;
    border-left: 1px solid #83aad5;
}
#leftCol .infoList dt
{
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 9px 0;
    margin: 0;
}
#leftCol .infoList dd
{
    padding: 0 0 8px 14px;
    margin: 0;
    background: url('../images/infoListLinkBg.gif') 0 1px no-repeat;
    display: block;
}
#leftCol .infoList dd a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
#leftCol .infoList dd a:hover
{
    text-decoration: underline;
}
#rightCol
{
    width: 205px;
    float: right;
    margin-right: 7px;
}

#rightCol img
{
    border: 0;
}
.PrintBtn
{
    clear: both;
}
.PrintBtn a
{
    padding-left: 20px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 10px 0px 10px 40px;
    background: url('../images/printLinkBg.gif') 0 50% no-repeat;
    font-size: 12px;
}
.PrintBtn a:hover
{
    text-decoration: underline;
}
a
{
    color: #005291;
}
a:hover
{
    color: #6397cf;
    text-decoration: none;
}
.twoColFramed
{
    background: #FFF;
}
.twoColFramed a
{
    text-decoration: none;
}
.twoColFramed a:hover
{
    text-decoration: underline;
}
.twoColFramed .TableFrameColor
{
    background: #EEE;
    padding: 0;
    border: 1px solid #CCC;
    margin: 0;
}
body.left
{
    margin: 0 15px 0 0;
}
body.right
{
    padding: 0 0 0 15px;
}

dl.contactList
{
    padding: 15px 0px 15px 20px;
    margin: 0 0px 8px 0;
    float: left;
    display: inline;
}
dl.contactList dt
{
    padding: 0;
    margin: 0;
    font-weight: bold;
    clear: right;
    width: 23.0em;
    margin-left: 90px;
}
dl.contactList dd
{
    padding: 0;
    margin: 0;
    clear: right;
    width: 23.8em;
    margin-left: 90px;
}
dl.contactList dd.pic
{
    width: auto;
    float: left;
    margin-left: 0;
}
dl.contactList dd.pic img
{
}
dl.contactListSMS dt
{
    font-weight: bold;
}
dl.contactListSMS dd
{
    padding: 0;
    margin: 0;
    float: none;
    width: auto;
    border: 0;
}
hr.contactList
{
    float: left;
    clear: both;
    width: 100%;
    height: 1px;
    color: #EEE;
    background: #EEE;
    margin-top: 0;
    padding: 0;
}
.speakersCornerSlots
{
    width: 100%;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: none;
    border-left: 1px solid #CCC;
    border-collapse: collapse;
}
.speakersCornerSlots tbody tr:hover, .TableMarkedOverColor
{
    background: #F7F6F6;
}
.TableStandByColor
{
    background: #F7F7FF;
}
.speakersCornerSlots td
{
    border-bottom: 1px solid #CCC;
    padding: 3px 5px;
}
/*MÖTESBOKNINGEN*/
.motesBokning
{
    width: 100%;
    border-collapse: collapse;
    color: #3e4a8a;
    padding-right: -1px;
    border-left: 1px solid #e7ecef;
    border-top: 1px solid #e7ecef;
    border-bottom: 1px solid #c3cfd7;
    padding-bottom: 1px;
}
.motesBokning a
{
    color: #3e4a8a;
}
.motesBokning td
{
    background: #dde7f3;
    border-bottom: 1px solid #FFF;
    padding: 4px 10px;
    border-right: 1px solid #c3cfd7;
}
.motesBokning thead td
{
    /*	background: #e9eef1;*/
    border-bottom: 0;
    border-right: 1px solid #c3cfd7;
    padding: 4px 10px;
}
.motesBokning thead td.selected
{
    /*	background: #dde7f3;*/
}
.motesBokning thead .ToConfirm
{
    background: #e9eef1;
}
.motesBokning thead .TableColor
{
    background: #e9eef1;
}
.motesBokning thead .TableOver
{
    background: #dde7f3;
}
.motesBokning .TableOver
{
    background: #edf5fe;
}
.motesBokning .Confirmed
{
    background: #ddf3e5;
}
.motesBokning .Blocked
{
    background: #f3dddd;
}
.motesBokning a
{
    text-decoration: none;
}
.motesBokning a:hover
{
    text-decoration: underline;
}
.dayProperties table
{
    margin: 10px 0;
}
.dayProperties table table
{
    background: #dde7f3;
    border-top: 1px solid #e7ecef;
    border-right: 1px solid #c3cfd7;
    border-bottom: 1px solid #c3cfd7;
    border-left: 1px solid #e7ecef;
    padding: 10px;
}
.dayProperties table table table
{
    border: none;
}
.dayProperties table td
{
    border: 0px solid;
}
.coexh
{
    border: 1px solid #CCC;
    padding: 10px;
}
.coexh table td
{
    padding: 2px 4px;
}
#rightCol .banner img
{
    margin-bottom: 7px;
}
.cart
{
    border: 1px solid #CCC;
    padding: 4px 0;
}
.cart td
{
    padding: 3px 7px;
}
.cart tbody td, .cart thead td
{
    border-bottom: 1px solid #EEE;
}
.cart table td
{
    border: none;
}

/*ADDINGS BY DANIEL SVENSSON FOR EXHIBITOR BADGES. EXHIBITOBADGESREGISTRATION.ASPX*/

#divAmountOfBadges
{
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    border: 1px solid black;
    text-align: right;
    width: 100%;
    float: right;
}

#divOBS
{
    text-align: right;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}

#ctl00_pageContent_wiz_prevOrders
{
    min-height: 100px;
    text-align: left;
    width: 685px;
    border: 1px solid black;
    padding: 20px;
}

#divPersonInfoInput
{
    border: 1px solid black;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-top: 20px;
}


/*ADDINGS BY DANIEL SVENSSON FOR VOUCHERS VOUCHERS.ASPX*/

#divOrderVouchers
{
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}

#divOrderedVouchers
{
    padding: 20px;
    font-weight: Normal;
    border: 1px solid Black;
}

.Test
{
    width: 200px;
}

/*ADDINGS BY DANIEL SVENSSON FOR VOUCHERS VOUCHERS.ASPX*/

#divContentLeft
{
    float: left;
    width: 60%;
    border-right: 1px solid black;
    padding-right: 10px;
}

#divContentRight
{
    float: left;
    width: 40%;
    padding-left: 10px;
}


/* END ADDINGS */

/* ADDINGS BY DANIEL SVENSSON FOR LEADSUCCESS */

/* Lead main page*/

/*Ordering of scanners*/

/*Ordering of template/questionnaire*/

.tblQuestionniare
{
}

.txtBoxQuestionnaire
{
    width: 460px;
}

/* END ADDINGS */

/* Visa kundvagn-knapp till ny shop Johannes Hedberg */
.shoppingCartWrapper
{
    float: right;
    margin-right: 8px;
    font-weight: bold;
}
.shoppingCartWrapper span
{
    display: block;
    float: left;
    padding-top: 4px;
}
.shoppingCartBtnWrapper
{
    float: right;
    background: url('/images/btn_bg_left.gif') top left no-repeat;
    padding: 0 0 0 9px;
    margin-left: 9px;
}
.shoppingCartBtnWrapper a
{
    display: block;
    float: left;
    background: url('/images/btn_bg_right.gif') top right no-repeat;
    color: #FFF;
    text-decoration: none;
    padding: 4px 9px 5px 0;
}
.shoppingCartBtnWrapper a:hover
{
    color: #CCF;
}

/* webshop startsida johannes hedberg */
.wsStartFullCol
{
    width: 680px;
    margin-bottom: 20px;
}
.wsStartFullCol, .wsStart3Col
{
    overflow: auto;
}
.wsStartFullCol h2, .wsStartFullCol p
{
    margin-left: 20px;
    margin-right: 20px;
}
.wsStart3Col
{
    float: left;
    margin-right: 8px;
    width: 220px;
}
.wsStart3Col h2, .wsStart3Col p
{
    margin-left: 8px;
    margin-right: 8px;
}
.wsStart3ColLast
{
    margin-right: 0px;
}

/* Orderöversikt, OrderView.aspx Sanna nytt -START */
fieldset
{
    padding: 1em;
}

td.orderheader-left
{
    padding-bottom: 5px;
    padding-top: 5px;
}
td.orderheader-right
{
    padding-bottom: 5px;
    padding-top: 5px;
    float: right;
}
legend
{
    font-variant: small-caps;
    font-weight: bold;
    border-color: #F6F6F6;
}

fieldset
{
    border-color: #F6F6F6;
}

.orderline-left
{
    text-align: left;
    margin-left: 5px;
    padding-left: 5px;
}

.orderline-right
{
    text-align: right;
    margin-left: 5px;
    padding-left: 5px;
}

td.fivepercent
{
    width: 5%;
}

td.tenpercent
{
    width: 10%;
}

td.fifteenpercent
{
    width: 15%;
}

td.twentypercent
{
    width: 20%;
}

td.twentyfivepercent
{
    width: 25%;
}

td.fourtypercent
{
    width: 40%;
}

td.fiftypercent
{
    width: 50%;
}

tr.packageOrderLine
{
    font-style: italic;
    font-variant: small-caps;
}

div.hr
{
    height: 1px;
    background-color: #E6E6E6;
    color: #F6F6F6;
}
div.hr hr
{
    display: none;
}

table.orderOverView
{
}

table.paddingTopBottom
{
    padding-bottom: 10px;
    margin-bottom: 10px;
}

td.tax
{
    text-align: right;
    font-style: oblique;
    font-weight: 600;
}

Image.displayed
{
    margin-left: auto;
    margin-right: auto;
}

div.ArticleList-Image img
{
    width: 170px;
    height: 150px; /*     height:100px;     text-align:center;     line-height:100px; 	font-size:100px 	*/
}
.wsArticleList table
{
    border: 0 solid #FFF;
    margin-right: 33px;
}
.wsArticleList table td
{
    border-bottom: 1px solid #cfdeef;
    padding: 20px 20px 25px 5px;
    vertical-align: top;
    width: 220px;
}
ArticleList-Image * > div
{
}

div.ArticleList-Item
{
    /*    position:static;     min-height:2em;     text-align:center;     vertical-align:bottom;*/
    font-size: 110%;
    line-height: 140%;
}

/* PRODUKTBESKRIVNING JH */
.wsProductDetail .pic
{
    margin: 0 35px 35px 0;
    float: left;
}
.wsProductDetail .pic img
{
    width: 300px;
    height: 264px;
}
.wsProductDetail .itemsList
{
    width: 652px;
}
.wsProductDetail .itemsList td
{
    border-bottom: 1px solid #cfdeef;
    padding: 18px 12px;
    vertical-align: top;
}
.wsProductDetail .productDesc
{
    overflow: auto;
}
.wsProductDetail .shopArea
{
    background: #f2f2f2;
    padding: 18px;
    overflow: hidden;
    margin-bottom: 25px;
}

.wsProductDetail .shopArea .comment
{
    background: #FFF;
    padding: 10px;
    width: 320px;
    height: 152px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
    float: left;
}
.wsProductDetail .shopArea .comment textarea
{
    border: 0;
    width: 310px;
    height: 142px;
    resize: none;
    overflow: auto;
}
.wsProductDetail .shopArea .comment textarea:focus
{
    outline: none;
}
.wsProductDetail .shopArea ul
{
    width: 231px;
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.wsProductDetail .shopArea ul li.articleNo
{
    padding: 15px 0 4px 0;
    font-weight: bold;
    font-size: 110%;
}
.wsProductDetail .shopArea ul li.articleNo span
{
    font-weight: normal;
}
.wsProductDetail .shopArea ul li.price
{
    padding: 15px 0 4px 0;
    font-weight: normal;
    font-size: 110%;
}
.wsProductDetail .shopArea ul li.price span
{
    font-weight: bold;
}
.wsProductDetail .shopArea ul li.amount
{
    padding: 15px 0 4px 0;
    font-weight: bold;
    font-size: 110%;
}
.wsProductDetail .shopArea ul li.amount input
{
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    width: 25px;
    margin-left: 10px;
    font-size: 110%;
}
.wsProductDetail .shopArea ul li.amount input:focus
{
    outline: none;
}
.wsProductDetail .shopArea ul li.button
{
    padding: 15px 0 15px 0;
}
.wsProductDetail .shopArea ul li.button input
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    border: 0;
    color: #FFF;
    padding: 6px 15px;
    background: #2659b0; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5489e5', endColorstr='#05368b'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5489e5), to(#05368b)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #5489e5,  #05368b); /* for firefox 3.6+ */
    font-weight: bold;
    font-size: 110%;
}
.wsProductDetail .includedItems
{
    overflow: auto;
    padding-top: 0px;
}
.wsProductDetail .upsell
{
    /*	border-top: 1px solid #cfdeef;*/
    overflow: auto;
}
.wsProductDetail .upsell li img, .wsProductDetail .includedItems li img
{
    width: 170px;
    height: 150px;
}

div.ArticleList-Image img
{
    width: 170px;
    height: 150px;
}
.wsProductDetail .includedItems, .wsProductDetail .upsell
{
    margin-bottom: 25px;
    border-top: 1px solid #cfdeef;
}
.wsProductDetail table
{
    width: 100%;
}
.wsProductDetail .includedItems table td
{
    padding: 4px 20px 5px 5px;
    vertical-align: top;
}
.wsProductDetail .upsell table td
{
    padding: 20px 20px 25px 5px;
    vertical-align: top;
    width: 220px;
}
.wsProductDetail .includedItems table td h2, .wsProductDetail .upsell table td h2
{
    padding: 0;
    margin: 0;
}
.wsProductDetail .includedItems table td select
{
    margin-top: 8px;
}
.wsProductDetail .includedItems table td img, .wsProductDetail .upsell table td img
{
    width: 170px;
    height: 150px;
    margin-bottom: 10px;
}

.wsError
{
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: Red;
}
/* Sanna nytt - SLUT */

/* VARUKORG */
.wsOverview
{
    padding-right: 30px;
}
.cartOverview
{
    font-size: 110%;
    width: 100%;
}
.cartOverview th
{
    background: #FFF;
    font-size: 100%;
    color: #000;
}
.cartOverview td, .cartOverview th
{
    border-bottom: 1px solid #cfdeef;
    padding: 4px 8px 5px 8px;
}
.wsOverview .sum
{
    font-weight: bold;
    font-size: 110%;
    margin-top: 10px;
    margin-left: 8px;
    margin-right: 8px;
}
.lblNotAuthorizedUser
{
    display: block;
    float: left;
    border: 0;
    background: #e75925;
    color: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
/* Johans och Johannes asfräcka toolbars med css3 o alla grejjer 2010-12-10*/
.pageToolbar
{
    float: right;
    width: 200px;
    border: 1px solid #ccc;
    background: #eee;
    padding: 0 20px 25px 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0 3px 8px #DDD;
    -webkit-box-shadow: 0 3px 8px #DDD;
    box-shadow: 0 3px 8px #DDD;
}
.pageToolbar p
{
    margin-top: 4px;
    margin-bottom: 5px;
}
/* Slaskklass för att minska bredden på vänsterkolumnen/huvudtexten om det finns en toolbar */
.pageHasToolbar
{
    width: 470px;
    border: 0px solid;
    float: left;
}
.txtBoxQuestionnaire
{
    width: 460px;
}
/*ORDERÖVERSIKT*/
.orderOverView
{
    margin-bottom: 25px;
    margin-top: 3px;
    padding: 20px;
    border: 1px solid #CCC; /*	border:1px solid #E6E6E6;*/
    width: 100%; /*skugga*/
    -moz-box-shadow: 0px 3px 5px #AAA;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.overviewDivider
{
    border-top: 1px solid #CCC;
}
.orderDetails
{
    width: 100%;
}
.orderOverView fieldset
{
    border: 0px solid #E6E6E6;
}
.orderDetails td
{
    vertical-align: top;
}
.orderDetails td td
{
}
.wsOrderMain
{
    width: 95%;
    margin-bottom: 20px;
}

/* Sanna lägger till nytt för Leadsuccess */
.OrderQuestionnaireHeader
{
    width: 250px;
}

.OrderQuestionnaireAnswer
{
    width: 105px;
}

.QuestionnairePreviewLabel
{
    width: 100px;
    background-color: Lime;
}
.QuestionnairePreviewBarcode
{
    width: 100px;
    vertical-align: baseline;
}

