#body{padding:0px;margin:0px; font-family: arial; font-size:12px;}
#siteWrap{ background:url('../Images/bg.jpg') repeat-x #fff center top;}/****/
.pageElement{border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:10px;}
.floatLeft{float:left;}
.clearLeft{clear:left;}
.centerText{text-align:center;}
.rightText{text-align:right;}
.floatRight{float:right;}
.floatLeft{float:left;}
.center{margin:0 auto;}
.teaserText{font-size: 16px; padding:30px;}
.alignCenter{text-align:center;}
.hide{display:none;}
.show{display:block;}
.relative{position:relative;}
.thisIs{position:absolute; left:-999px; color:#fff;}
.hr_arrow_1_2{border-bottom: 1px solid #ddd; height:10px; background: url('../Images/boxTopArrow.png') no-repeat; background-position: 220px; margin-bottom:20px;}
.hr_arrow_2_2{border-bottom: 1px solid #ddd; height:10px; background: url('../Images/boxTopArrow.png') no-repeat; background-position: 700px; margin-bottom:20px;}

.tabs li a span{font-size:18px; width:215px; height: 40px; line-height: 200%;}

.backgroundColor{background: #000;}
.wrapColor{background: #fff;}
.contentColor{background: #fff;}
.box{border:1px dashed #639ed2; background: #fff;}

h1{font-family:"arial"; font-size:20px;}
h2{font-family:"arial"; font-size:16px; margin:0px; color:#004990;}
.customHeadline{background: #009ddd; color:#ffffff;}

#quickMenu ul li a.language{font-size:10px; color:#74abdd; text-decoration: none;}
.selectedLanguageArrow{background: url('../Images/selectedLanguage.gif') no-repeat center 2px; position: absolute; width:33px; height:10px;}

a, a:visited, a:active{color:black;}

#quickMenu{position:fixed; z-index: 999; width:100%; height:22px; left:0px; background: url('../Images/bgQuick.jpg') repeat-x;}
#quickMenu ul{list-style: none;}
#quickMenu ul li{display:inline; margin-left: 10px;}
#quickMenu ul li a{font-size:10px; color:#fff; text-decoration: none;}

#aboutSubNav ul{list-style: none;}
#aboutSubNav ul li{border-top: 1px solid #fff; text-align: right;}
#aboutSubNav ul li a{padding: 5px 25px 5px 0px; display:block; text-decoration: none; border-right: 3px solid #fff;}
#aboutSubNav ul li a.current{border-right: 3px solid #004990;}
#aboutSubNav ul li a:hover{border-right: 3px solid #eee;}

.examplesAjaxTricker a{display:block; border-right:3px solid #fff; border:1px solid #fff; color:#004990; padding:2px; text-decoration: none;}
.examplesAjaxTricker a:hover{border:1px solid #333;}
.examplesAjaxTricker a.current{border:1px solid #ddd; border-right:3px solid #004990;}

#header{position:relative; height:100px; background: url('../Images/logo.gif') no-repeat top left;}
#logoLink img{width:220px; height:100px;}
#ingenco2FrontTop{position: absolute; right:5px; top:40px; z-index: 999;}

#main{min-height:300px;}
#mainInfoText{border:1px solid #eee; margin:13px 0px;}
#pageContainer{min-height: 250px;}

#footer{background: #000; padding-top:20px;}
.footerContent{color:#999999; font-size: 10px; height:50px; line-height: 150%;}/**2e9ad8**/
#footer h1{color:#999999; background: #111; font-size: 14px; padding:5px 0px;}
#footer a{color:#999999;}

/**Fieldset top arrows**/
.boxTopArrow_1_2{position:absolute; top:-10px; left:200px;}
.boxTopArrow_2_2{position:absolute; top:-10px; left:680px;}

/**Top boxes**/
.productsMainSwitch,.supportMainSwitch,.topBox{font-size: 18px; font-family: arial; text-decoration: none; color:#fff; font-weight: bold; text-align: center; padding-top:60px;}

/**Support**/
#supportTop{background: url('../Images/supportTop.jpg') no-repeat; height:150px;}
.supportMainSwitch div{height:150px;}
#supportSearchInput{width:650px; font-size: 18px}
#supportQuickSearch{padding: 30px; background: url('../Images/focusSitesBg.jpg');}

/**Contact form**/
#contactMessage{height:100px;}

/** Example sites **/
.examplesContainer{min-height:220px;}
.examplesContainer table{width:950px; height:100%;}
.examplesContainer table td{height:100%;}
.examplesTop{padding:30px 0px 10px 0px; background: url('../Images/examplesTop.jpg') no-repeat;}
.examplesHome{padding:20px 0px 10px 0px; background: url('../Images/focusSitesBg.jpg') no-repeat;}
img.reflected {margin-bottom: 1px;}

.referencesBranchWrap{float:left; width:120px;}
.referencesBranchWrap{margin-bottom:15px;}
.referencesBranchWrap h1{font-size:14px; font-weight:bold; margin:0px;}

/**Catalog**/
.catalogCategory li{display:inline;}

/** Products **/
#productsTop{background: url('../Images/productsTop.jpg') no-repeat; height:150px;}
.productsMainSwitch div{height:100%;}
.productsMain{position: relative;}
.productsMain h1{color:#666; font-size: 22px; text-decoration: inherit; background: #eee; padding: 10px; border-bottom: 1px solid #ccc;}
#productsBusiness{display:none;}
.productShort{padding-bottom: 20px; cursor:pointer; width:25%; height:200px;}
.productShortLinkDiv{position: absolute; width: 100%; height: 100%;}
.productShort:hover{background:url("../Images/gradient.jpg");}
.productShort img{float:left;margin:0px 10px 5px 0px;}
.productSectionTab a{color:#eee;text-decoration:none;display:block; padding:8px;}
#productSection_freeAccount{display:none;}
.productSection{border-top:1px solid #000;}
.productName{font-weight:bold; font-size: 14px;}
#brickSale{background: url('../Images/brickPackBg.jpg') no-repeat; padding:45px 0px 0px 30px; color:#fff; height:140px; margin-bottom: 20px;}
#brickSamples{background: url('../Images/brickSamplesBg.jpg') no-repeat; padding:45px 0px 0px 30px; color:#fff; height:140px;}
#brickSamples a{color:#ccc;}

/** Single product presentation **/
#bodyProductPresentation img{border:0px;padding:5px; max-width: 650px}
#bodyProductPresentation .productLogo{padding:15px 20px 10px 0px; float:left;}
.productImageThumbLink{float:left;}
.productImageThumbLink img{margin-bottom: 10px; border: 1px solid #999; padding:10px; width:145px;}
.productPresentationImagesWrap{}
.productPresentationLargeIcon{float:left; margin:-5px 30px 10px 0px;}
.productPresentationExampleLink{border-bottom: 1px dashed #666; text-decoration: none;}
.productPresentationLinksWrap{margin-bottom:10px;}

/**Menus**/
#topNavWrap{position:absolute; height: 30px; top:44px; left:210px; margin:0px;}
#topNavWrap a {display:block; text-decoration:none; font-family:arial; font-weight: bold; font-size:12px; padding:7px 5px 0px 5px; white-space: nowrap;}

/**LavaLamp**/
.lavaLampWithImage {position: relative;height: 29px;width: 650px;padding: 0px 30px 0px 30px;margin:0px;overflow: hidden;}
        .lavaLampWithImage li {float: left;list-style: none;}
            .lavaLampWithImage li.back {background: url("../Js/LavaLamp/lava.gif") no-repeat right -30px;width: 9px; height: 30px;z-index: 8;position: absolute;}
                .lavaLampWithImage li.back .left {background: url("../Js/LavaLamp/lava.gif") no-repeat top left;height: 30px;margin-right: 9px; /* 7px is the width of the rounded shape */}
            .lavaLampWithImage li a {font: bold 14px arial;text-decoration: none;color: #333;outline: none;text-align: center;
                letter-spacing: 0;z-index: 10;display: block;float: left;height: 30px;position: relative;overflow: hidden;margin: auto 10px;}
                .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {border: none;}

/**Coda bubbles**/
.bubbleInfo {position: relative;}
.bubbleInfo a{text-decoration: none; color:#333;}
.trigger{position:absolute; background: url('../../Bricksite/Mediafile/Images/transparent.gif');}
.trigger a img{width:110px; height:100px; position:absolute;}
.popup {position: absolute; display:none; background:url('../Images/bubblePopup.png'); width:220px; height:100px; /* keeps the popup hidden if no JS available */}
.popupInner{margin:10px;}
#triggerReadymade{position: absolute; width:110px; height: 100px; top:120px; right:112px;}
#triggerSelfmade{position: absolute; width:110px; height: 100px; top:120px; right:250px;}


/** UI TABS ************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display: none;}}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    /**font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;**/
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url('../Js/Tabs/tab.png') no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 0px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}