﻿


.dummy
{
}

html, body
{
    height: 100%;
}
body
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Tahoma, Trebuchet MS, Sans-Serif;
    font-size: 13px;
    line-height: 17px;
    color: #454851;
    background: #666666; /* #59a1BB; /* url("Images/backgroundFade.jpg") repeat-x;*/
}
.bodyWebShop
{
    background: #444444;
}
p
{
    margin-top: 0px;
    margin-bottom: 10px;
}

.gridRow a
{
    color: #215269;
}

#imagePopBody
{
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}

/* Trinty formatmall*/

.Rubrik, h1
{
    font-family: Tahoma;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
    margin-top: 0px;
}

.Underrubrik, h2
{
    font-family: Tahoma;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    color: #333333;
    margin-bottom: 5px;
    margin-top: 0px;
}

.Brodtext
{
    font-family: Tahoma;
    font-size: 11px;
    line-height: 17px;
    color: #333333;
}

/* End Trinity formatmall*/

.bold
{
    font-weight: bold;
}

.boldLink
{
    font-weight: bold;
}

.link
{
    color: #5252FF;
    text-decoration: underline;
}

a
{
    font-weight: bold;
    color: #1C4E65; /*#CC0000; /*#215269;*/
    cursor: pointer;
}

img
{
    border: none;
}


a:hover
{
    text-decoration: underline;
    color: #F58220; /* #215269; */
}

table
{
    border: hidden;
    font-family: Trebuchet MS;
    font-size: 11px;
}

hr
{
    color: #EEEEEE;
    height: 1px;
}

#mainTable
{
    width: 791px;
    height: 100%;
}
/* ===================== REUSABLES ==================== */

.panel
{
    --border: 1px solid #C4C4C4;
    padding: 10px;
    --margin: 10px;
}

/* ===================== MASTER===================== */

.trademarkList
{
    float: left;
    background: #fff;
}
.trademark
{
    float: left;
    width: 64px;
    height: 64px;
    margin: 4px;
    text-align: center;
}
.trademark a
{
    margin: 0 auto;
    width: 62px;
    height: 62px;
    display: table-cell;
    vertical-align: middle;
}


/* ===================== CHECKOUT ===================== */

#checkoutDeliveryTable
{
    float: left;
    margin-left: 20px;
}
#divShippingOptionsContainer div
{
    float: left;
}
#divShippingOptionsContainer
{
    float: left;
    margin: 10px 0 0 0;
}
#divShippingOptionsContainer label
{
    float: left;
    width: 260px;
}
#divShippingOptionsContainer input
{
    float: left;
    margin-right: 10px;
}
#divPaymentContainer, #divShippingContainer
{
    float: left;
    width: 620px;
}
.secNoLookUp
{
    float: left;
    margin: 0 0 20px 0;
}

.secNoLookUp .buttonContainer, .secNoLookUp label, .secNoLookUp input
{
    float: left;
    margin-right: 5px;
}
#divAddressContainer
{
    float: left;
}
.shippingAddressContainer, .invoiceAddressContainer
{
    float: left;
    width: 320px;
    margin-top: 10px;
}
.shippingAddressContainer label, .invoiceAddressContainer label
{
    float: left;
    width: 140px;
}
.shippingAddressContainer input, .invoiceAddressContainer input
{
    float: left;
    width: 140px;
    margin: 0 0 3px 0;
}
#chkSameAsInvoice
{
    margin: 3px 0 6px 0;
}
#commentsContainer
{
    float: left;
    margin: 10px;
}
#orderDetailsContainer
{
    float: left;
    width: 670px;
}
.paymentMethodContainer
{
    float: left;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    width: 650px;
    border-bottom: 1px solid #c4c4c4;
}
.paymentMethodContainer input
{
    margin: 5px;
}
.paymentMethodContainer label
{
    font-weight: bold;
}
.paymentDescription
{
    float: left;
}
#divAdvancePaymentInfo
{
    clear: both;
    width: 160px;
    margin: 0 0 0 30px;
}
#divAdvancePaymentInfo div
{
    float: right;
}
.paymentSelector
{
    float: left;
}
.paymentLogo
{
    float: right;
    margin: 0 50px 0 0;
}
#divStoreAddress
{
    border: 1px solid;
    float: left;
    width: 250px;
    opacity: 0.6;
    padding: 5px;
    margin: 5px;
}

#checkoutCart
{
    clear: both;
    margin-top: 40px;
}

/* ================== DIBS CANCEL ================ */

.dibsPaymentCancelledText
{
    text-align: center;
    margin: 30px 0 80px 0;
}
.dibsPaymentCancelledText b
{
    color: Red;
}


/* ================================== */


.notEnabled
{
    text-decoration: none;
    color: #999999;
}

#date
{
    text-align: right;
    padding-right: 10px;
}

#headerTR
{
    height: 130px;
}

#headerTD
{
    vertical-align: top;
}

#header .contentPadding
{
    padding: 10px 10px 0px 10px;
}

#headerInformation
{
    float: right;
    text-align: right;
}

#subHeader
{
    width: 791px;
    margin-bottom: 10px;
}


#search .contentPadding
{
    padding: 10px 0px 0px 10px;
}

#siteMapPath
{
    width: 936px;
    line-height: 8px;
    color: #333333;
}

#siteMapPath a
{
    color: #215269;
    font-weight: bold;
}

#siteMapPath .contentPadding
{
    padding: 5px 0 10px 221px;
}

#menuTD
{
    vertical-align: top;
    width: 191px;
}

#menuContainer
{
    height: 100%;
    width: 191px;
    overflow: auto;
}

#menuHeader
{
    background: url("Images/menuHeader.jpg") no-repeat;
    height: 19px;
}

#menuHeader .contentPadding
{
    padding: 2px 0px 0px 10px;
}

#menuContent
{
    width: 171px;
}

#menuFooter
{
    background: url("Images/menuFooter.jpg") no-repeat;
    height: 20px;
    margin-top: 3px;
}

#contentTD
{
    vertical-align: top;
    width: 600px;
}

#test
{
    width: 936;
    border: solid 1px red;
}

#innerContent
{
    width: 570px;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.clearBoth
{
    clear: both;
}

#footerTR
{
    height: 65px;
}

#footer
{
    background: url("Images/footer.jpg");
    height: 35px;
    width: 936px;
    margin-top: 10px;
}

#footer .contentPadding
{
    padding: 5px 10px 0px 10px;
}

#globalFooter table
{
    font-size: 10px;
    color: #999999;
}

#footerTD
{
    vertical-align: top;
}

/* NewsControl */
.NewsHeader
{
    float: left;
}

.NewsText
{
    margin-top: 10px;
    clear: both;
}

.boxFont
{
    font-family: Trebuchet MS;
    font-size: 11px;
    line-height: 12px;
    margin-top: -1px;
    margin-bottom: 0px;
}

.HeadLine
{
    font-family: Trebuchet MS;
    font-size: 18;
    font-weight: bold;
    height: 25px;
}

#content .contentPadding
{
    padding: 10px 5px 10px 10px; /*5px 10px 0px 10px;*/
}

.headLine3
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #1C4E65;
    line-height: 11px;
}

.articlePageLink
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #1C4E65;
    line-height: 11px;
    text-decoration: none;
}


.boxImage
{
    float: right;
}

.extra
{
    clear: both;
}

.gridHeader
{
    background: #ddd url("Images/gridHeader2.gif") repeat-x;
    min-height: 26px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
}

.gridHeaderWebShop
{
    background: url("Images/menuWebShopBackground.gif") repeat-x;
    height: 26px;
}

.sectionGridHeader
{
    font-weight: bold;
    background: #EEEEEE url("Images/articleGridHeader.jpg") repeat-x;
    min-height: 20px;
}

.gridHeaderText
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

.tahoma
{
    font-family: Tahoma;
    font-size: 11px;
}

.gridHeaderContentPadding
{
    padding: 6px 10px 2px 10px;
}

.campaignMargin
{
    margin-top: 10px;
    border: solid 1px red;
}

.campaignBoxContentPadding
{
    padding-top: 4px;
    padding-left: 4px;
}

.campaignTitle
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #ACDCEC;
    line-height: 11px;
}

.campaignText
{
    padding-top: 10px;
    width: 80px;
    float: right;
}

.campaignArticleNo
{
    width: 80px;
    float: right;
}

.campaignImage
{
    width: 100px;
    height: 100px;
    float: left;
}

.searchBox
{
    float: left;
}

.footerTopContentPadding
{
    padding: 10px 9px 4px 15px;
}

#footerCartLinkBox
{
    float: left;
    width: 225px;
    margin-top: 4px;
}

.footerTopText
{
    color: #000000;
    padding-top: 5px;
    padding-left: 10px;
}

.footerBottomText
{
    color: #FFFFFF;
    float: right;
    padding-top: 5px;
    padding-right: 5px;
}

.footerBottomTextAnchor
{
    color: #FFFFFF;
    text-decoration: underline;
}

.left
{
    float: left;
}

.extra, .clearBoth
{
    clear: both;
}

.wrapper
{
    margin: 0 0 0 10px;
    width: 1162px;
    background-color: #FFFFFF;
}

.padding, .contentPadding
{
    padding: 10px;
}

.header
{
    background: url(Images/headerBg.png) repeat-x;
    height: 73px;
}

.header .padding
{
    padding-left: 10px;
    padding-top: 15px;
}

.headerBottom
{
    background: #abddec url(Images/headerBg_1141px.jpg) repeat-x;
    height: 110px;
}
/*.headerRight
{
	background: #abddec url(Images/headerbg_right.jpg) repeat-x;
	height: 201px;
}
*/
.red
{
    background-color: #FF0000;
}


.marginTop
{
    margin-top: 10px;
}

.whiteBox
{
    background-color: #FFFFFF;
    line-height: 15px;
}

.border
{
    border: solid 1px #C4C4C4;
}

.borderBottom
{
    border-bottom: solid 1px #C4C4C4;
}

.marginBottom
{
    margin-bottom: 10px;
}

.paddingLeft
{
    padding-left: 10px;
}

.paddingRight
{
    padding-right: 10px;
}

.paddingRightSmall
{
    padding-right: 5px;
}

.paddingRightLarge
{
    padding-right: 20px;
}

.paddingBottomSmall
{
    padding-bottom: 5px;
}


.noFloat
{
    float: none !important;
}

.tradeMarkWidth
{
    width: 172px;
}

.center
{
    text-align: center;
}

.trademarkPadding
{
    padding-left: 17px;
}

.textAlignCenter
{
    text-align: center;
}

.textAlignRight
{
    text-align: right;
}

.height120
{
    height: 120px;
}

.width120
{
    width: 120px;
}

.height60
{
    height: 60px;
}

.width60
{
    width: 60px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.marginTopSmall
{
    margin-top: 5px;
}

.paddingLarge
{
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.paddingXLarge
{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.marginLeft
{
    margin-left: 10px;
}

.marginRight
{
    margin-left: 10px;
}


.paddingLeftSmall
{
    padding-left: 5px;
}

.paddingSmall
{
    padding: 5px;
    vertical-align: middle;
}

.paddingLeftLarge
{
    padding-left: 20px !important;
}

#menuTreeViewBG
{
    background-color: #FAFAFA;
    border: 1px solid #C4C4C4;
    padding-bottom: 10px;
}
.PrintInfoLink
{
    height: 20px;
    color: GrayText;
}
.nonActiveLink a:hover
{
    text-decoration: none;
    color: GrayText;
}
#printFooter
{
    height: 50px;
    border: 1px solid gray;
    padding: 4px;
    margin-top: 10px;
}

#headerCatalogBox
{
    height: 196px;
    width: 186px;
    position: absolute;
    top: 20px;
    left: 940px;
}

.ac_results
{
    padding: 0px;
    border: 1px solid #C4C4C4;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul
{
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li
{
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/
    font: menu; /*font-size: 12px;*/ /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/
    line-height: 16px;
    overflow: hidden;
}

.ac_loading
{
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd
{
    background-color: #eee;
}

.ac_over
{
    background-color: #0A246A;
    color: white;
}

.textAlignRight
{
    text-align: right;
}

.cartArticle
{
    width: 140px;
}

.redText
{
    color: Red;
}

.ui-effects-transfer
{
    border: solid 1px #C4C4C4;
}

.whiteText
{
    color: #FFFFFF;
}

.whiteText a
{
    color: #FFFFFF !important;
}

.paddingTop
{
    padding-top: 10px;
}
.paddingBottom
{
    padding-bottom: 10px;
}
.paddingTopSmall
{
    padding-top: 3px;
}

.paddingTopXSmall
{
    padding-top: 2px;
}

.menuSeparators
{
    border-left: solid 1px #FFFFFF;
}

.RadTreeView_Default, .RadTreeView_Default a.rtIn, .RadTreeView_Default .rtEdit .rtIn input
{
    color: #000;
    font: 11px/17px Tahoma, Arial, sans-serif !important;
    color: #454851 !important;
}
select
{
    border: solid 1px #C4C4C4;
    font-family: Tahoma;
    font-size: 11px;
}
input[type=text]
{
    border: solid 1px #C4C4C4;
    width: 170px;
}

.quantityText
{
    width: 20px !important; /*height: 20px;*/
}

/*button
{
    background: green url("Images/btnBg.png") repeat-x;
    height: 24px;
    border: solid 1px #CC0000;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Tahoma, Sans-Serif;
    font-size: 11px;
}

button :hover
{
    background: #F58220;
    color: #000000;
}*/

button
{
    border: 0;
    cursor: pointer;
    font-weight: bold;
    padding: 0 20px 0 0;
    text-align: center;
}
button span
{
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 0 0 0 20px;
}

/*blue buttons*/
button
{
    background: url(Images/button1.png) right no-repeat;
    font-size: 13px;
    height: 32px;
    width: 63px;
    color: #ffffff;
}
/*
button span { 
  height:32px; 
  line-height:32px;
  background:url(Images/button_1.1.png) left no-repeat;
  color:#fff; 
}
button:hover {
	background:url(Images/button_1.2_hover.png) right no-repeat; 
}
button:hover span {
	background:url(Images/button_1.1_hover.png) left no-repeat; 
}
*/


a.lnkBuySmall
{
    background: url(Images/button0.png) left center no-repeat;
    padding-top: 6px;
    padding-left: 1px;
    font-weight: bold;
    text-align: center;
    font-size: 10px !important;
    color: #FFFFFF !important;
    text-decoration: none;
    display: inline-block;
    height: 22px;
    width: 44px;
    cursor: pointer;
}

a.lnkBuy
{
    background: url(Images/button1.png) left center no-repeat;
    padding-top: 19px;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF !important;
    text-decoration: none;
    display: inline-block;
    height: 32px;
    width: 63px;
    cursor: pointer;
}
a.lnkChoose
{
    background: url(Images/InfoButtonLarge.png) left center no-repeat;
    padding-top: 30px;
    text-align: center;
    font-size: 12px;
    color: #000000 !important;
    text-decoration: none;
    display: inline-block;
    height: 71px;
    width: 256px;
    cursor: pointer;
}
a.lnkChoose2
{
    background: url(Images/InfoButton.png) left center no-repeat;
    padding-top: 19px;
    text-align: center;
    font-size: 12px;
    color: #000000 !important;
    text-decoration: none;
    display: inline-block;
    height: 55px;
    width: 216px;
    cursor: pointer;
}

a.lnkChooseOrange
{
    background: url(Images/InfoButtonOrange.png) left center no-repeat;
    padding-top: 23px;
    padding-left: 5px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF !important;
    text-decoration: none;
    display: inline-block;
    height: 55px;
    width: 216px;
    cursor: pointer;
}
a.lnkBuy2
{
    background: url(Images/button2.png) left center no-repeat;
    padding-top: 15px;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF !important;
    text-decoration: none;
    display: inline-block;
    height: 30px;
    cursor: pointer;
    width: 102px;
}
a.lnkBuy3
{
    background: url(Images/button3.png) left center no-repeat;
    padding-top: 18px;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF !important;
    text-decoration: none;
    display: inline-block;
    height: 32px;
    width: 130px;
    cursor: pointer;
}

a.lnkMail
{
    background: url(Images/mail.jpg) left center no-repeat;
    padding-top: 18px;
    }
/*
 a.lnkSubmit:active { 

   background:url(Images/button1.png) left center no-repeat;
    padding: 1.4em 1.4em; 
    font: 11pt Tahoma !important;
    font-weight:bold !important;

    font-size:13px; 
    color: #00FFAA; 
    text-decoration: none; 
    letter-spacing: 0px; 

                               }

a.lnkSubmit:visited { 
  background:url(Images/button1.png) left center no-repeat;
    padding: 1.1em 1.1em; 
    font: 11pt Tahoma !important;
    font-weight:bold !important;

    font-size:13px; 
    color: #00FFAA; 
    text-decoration: none; 
    letter-spacing: 0px; 

                               }

*/





.smallButton
{
    height: 20px !important;
}

input[type=button], input[type=submit]
{
    background: green url("Images/btnBg.png") repeat-x;
    height: 24px;
    border: solid 1px #CC0000;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Tahoma, Sans-Serif;
    font-size: 11px;
}

.attribCell
{
    text-align: right;
    padding-right: 4px;
}

.buyCell
{
    text-align: center;
    width: 40px;
}

.cell
{
    text-align: left;
    padding-left: 4px;
}

.quantityBox
{
    width: 30px !important;
}

.RadTreeView
{
    font-family: Trebuchet MS, Tahoma !important;
    font-size: 12px !important;
}

.menuItem
{
    font-family: Tahoma !important;
    font-size: 12px;
    text-decoration: none;
}

.menuItem a:hover
{
    color: #000000;
}

.sectionTable
{
    border-color: #E0DFE3;
    border-width: 1px;
    border-style: solid;
    width: 100%;
    border-collapse: collapse;
}

.notBold
{
    font-weight: normal !important;
}

.categoryHeight
{
    height: 60px;
}

.categoryTable
{
    border-collapse: collapse;
}

.categoryTable tr
{
    border-bottom: solid 1px #CCCCCC;
}

.sectionTable
{
    border-width: 0px 0px 1px 1px;
    border-color: #DDDDDD;
    border-style: solid;
}

.sectionTable td
{
    border-width: 1px 1px 0px 0px;
    border-color: #DDDDDD;
    border-style: solid;
}

#ajaxDisable
{
    background-color: #000000;
    z-index: 800;
    width: 100%;
    height: 100%;
    display: none;
}

.imageCell
{
    width: 60px;
}

.categoryCell
{
    width: 350px;
}

.slideCell
{
    width: 300px;
}

.noBorder
{
    border: none;
}

.noBorder td
{
    border: none;
}

.noBorder tr
{
    border: none;
}

.width240
{
    width: 220px;
}

.treePosition
{
    position: absolute;
    top: 430px;
    left: 30px;
    width: 210px;
}

.divWebShopQuestion
{
    background-color: #FFFFDD;
    height: 200px;
    width: 600px;
    display: none;
    z-index: 999;
    position: relative;
}

.divWebShopQuestion .floatLeft, .divWebShopQuestion .floatRight
{
    padding: 30px;
}
.divWebShopQuestion .floatLeft img, .divWebShopQuestion .floatRight img
{
    margin: 0 0 10px 30px;
}

.dialog
{
    background-color: #fff;
    min-height: 200px;
    width: 600px;
    display: none;
    z-index: 99999999;
    position: relative;
}

.borderedBox
{
    background-color: #fff;
    border: solid 1px #C4C4C4;
}

.ajaxDivTop
{
    /*    display: none;     visibility: hiden;     background-color: Red !important;*/
}

.klarnaLogo
{
    width: 220px;
    height: 90px;
    background: #fff url(Images/klarnax2.png) no-repeat;
    border: solid 1px #C4C4C4;
}
.dibsLogo
{
    margin-top: 5px;
    width: 220px;
    height: 70px;
    background: #fff url(Images/visalogobig.jpg) no-repeat;
    border: solid 1px #C4C4C4;
}

.smallLink
{
    color: #FFFFFF;
    font-weight: normal;
    font-size: 10px;
    text-decoration: none;
}

.textAlignRight
{
    text-align: right;
}

.monthlyPrice
{
    font-weight: bold;
    color: #FF0000;
}

#divContact
{
    background-color:White;
    padding: 20px 20px 20px 20px;
}
