/*
pagecolor: e5e8e8

*/

body{
    /*
    background for the ever repeating loop
    */
    background:white url(../images/background-main-repeat-fade.png) repeat scroll 0 0;
    /*
    background: #8FDADC url(../images/background-main-bottom-fade.png) repeat-y scroll center 0;
    */
    height: 100%;
    margin:0;
    font-family:Arial,Helvetica,sans;
    font-size: 12px;
}
a{
    color: #50AFB2;
}
.holder-left-top,.holder-right-top{
    position:absolute;
    height:100%;
    max-height:250px;
    width:50%;
    border:1px solid black;
}
.holder-left-top{
    background-color:transparent;
}
.holder-right-top{
    background-color:transparent;
    right:0px;
}
.background-holder-center,.background-holder-center-full{
    max-height:999px;
    /*max-height:995px;*/
    background:transparent url(../images/background-main-full-fade.png) repeat-x scroll 0 top;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}
.background-holder-center-img{
    background:transparent url(../images/background-main-full-small.png) no-repeat scroll center top;
    height:100%;
    margin:0 auto;
    max-width:1100px;
}
.background-holder-center-full{
    background:#8FDADC url(../images/background-main-bottomspan-fade.png) repeat-y scroll center 0;
    max-height:none;
}
/*
E4E7E7
*/
.main-page-wrapper{
    /* START Styles to make the fade repeat itself.
    Also check the menuholder 100
    also check the body tag
    */
    padding:0 40px;
    background:transparent url(../images/background-main-repeat.png) repeat-y scroll center 0;
    /* END*/
    position:relative;
    margin: 0 auto;
    width:932px;
}
.holder-right{
    top:0px;
    right:0px;
}

/*
The header
*/
#header-holder{
    height:187px;
    width:932px;
}

#header-holder div{
    float:left;
}
#header-holder div#header-left,#header-holder div#header-center,#header-holder div#header-right{
    height:187px;
    width:37px;
    background-color:transparent;
}
#header-holder div#header-left{
    background:#FFFFFF url(../images/layout/head-top-left-shadow.png) no-repeat scroll 0 0;
}
#header-holder div#header-center{
    width:862px;
    background:#FFFFFF url(../images/layout/head-top-center-shadow.png) repeat scroll 0 0;
}
#header-holder div#header-right{
    background:#FFFFFF url(../images/layout/head-top-right-shadow.png) no-repeat scroll 0 0;
    width:33px;
}

#header-logo{
    background:transparent url(../images/logo.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    height:91px;
    margin-top:35px;
    width:270px;
}
#top-login-holder{
    position:absolute;
    right:71px;
    top:60px;
    text-align:left;
}
#top-login-holder input.text{
    margin:0;
    padding:0 0 0 2px;
    width:100px;
}
#top-login-holder .desc{
    
}
#top-login-holder .desc span{
    color:#999999;
    margin-left:5px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:10px;
}
#top-login-holder .desc span,#top-login-holder .desc a{
    color:#999999;
    margin-left:5px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:10px;
    text-decoration:none;
}
#top-login-holder .desc a:hover{
    text-decoration:underline;
}
#header-menu-holder{
    background:transparent url(../images/layout/head-menu-top-bg.png) repeat-x scroll 0 0;
    height:58px;
    left:77px; /* 37 old */
    position:absolute;
    top:129px;
    width:863px;
}
/*
E4E7E7
*/
#content-holder{
    background:transparent url(../images/layout/head-top-below-shadow.png) no-repeat scroll center 0;
    min-height:120px;
    /*
    padding-left:37px;
    padding-right:33px;
    */
    padding-top:15px;
}


#content-holder #content{
    padding-left:6px;
}

/*

Footer

*/
#footer-holder{
    background:transparent url(../images/footer-fade-onepx.png) repeat-x scroll 0 -80px;
    padding-top:40px;
    width:932px;
    margin-left:1px;
}
#footer-holder div{
    height:10px;
    width:932px;
}
#footer-holder #footer-text{
    height:26px;
    padding-top:8px;
    background-color:white;
}
#footer-holder #footer-stripes{
    background:transparent url(../images/stripes-932x1.png) repeat-y scroll 0 0;
}

/*
The column
*/


.column,.column div.row-bottom{
    background-color:white;
}

/*
the crappy corners
*/

#content.container div .column-row{
    
}

#content.container div .column-row.content-row{
    padding:0 0;
}

.rounded-corners-holder{
    
}
#content.container div div.row-top,#content.container div div.row-bottom{
    
}
#content.container div div.row-bottom{
    height:5px;
}

#content.container div div.row-top .row-top-right,
#content.container div div.row-top .row-top-center,
#content.container div div.row-top .row-top-left,
#content.container div div.row-bottom .row-bottom-right,
#content.container div div.row-bottom .row-bottom-left{
    float:left;
    min-height:5px;
    width:5px;
}
#content.container div div.row-top .row-top-right,
#content.container div div.row-bottom .row-bottom-right{
    float:right;
}
/* The top corners*/

/*
#content.container div div.row-top .row-top-left{
    background: transparent url(../images/corners/page-top-left.png) no-repeat top left;
}
*/

/*
#content.container div div.row-top .row-top-right{
    background: transparent url(../images/corners/page-top-right.png) no-repeat top right;
}
*/

/* The bottom corners */
/*
#content.container div div.row-bottom .row-bottom-left{
    background: transparent url(../images/corners/page-bottom-left.png) no-repeat bottom left;
}
*/

/*
#content.container div div.row-bottom .row-bottom-right{
    background: transparent url(../images/corners/page-bottom-right.png) no-repeat bottom right;
}
*/

#content.container div div.row-top .row-top-center{
    min-width:10px;
    width:auto;
}

/*
the menu
*/

.page-menu{
    height:20px;
    left:10px;
    line-height:0;
    margin-right:20px;
    margin-top:0;
    position:relative;
    top:0;
}

ul.no-disc{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

ul.top-menu,ul.top-submenu,ul.page-menu{
    float:left;
    margin:0;
    padding:0;
    width:862px;
}

ul.top-submenu{
    margin-top:2px;
}

ul.top-menu li,ul.top-submenu li,ul.page-menu li{
    float:left;
}
ul.top-submenu li a{
    background:transparent url(../images/menu/dot-inactive.png) no-repeat scroll 3px 1px;
    margin-left:20px;
    padding-left:20px;
}
ul.top-submenu li a{
    text-decoration:none;
    color:black;
}
ul.top-submenu li a:hover{
    background-image:url(../images/menu/dot-inactive-hover.png);
    text-decoration:underline;
}
ul.top-submenu li.active a{
    background-image:url(../images/menu/dot-active.png);
}
ul.top-submenu li.active a:hover{
    background-image:url(../images/menu/dot-active-hover.png);
}
ul.page-menu{
    background-color: transparent;
}
ul.page-menu li a{
    background-color:red;
    padding:6px 10px 9px;
    position:relative;
    top:13px;
    
}

ul.page-menu li span.pre-padd,ul.page-menu li span.post-padd{
    background-color:blue;
    display:block;
    float:left;
    height:29px;
    position:relative;
    top:0;
    width:21px;
    margin:0;
    padding:0;
}
ul.page-menu li span.post-padd{
    display:none;
    float:right;
    top:-9px;
}
ul.page-menu li.last span.post-padd{
    background-color:transparent;
    height: 28px;
}
/*
The diferent parts of the menu
*/
/*ul.page-menu{
    background:transparent url(../images/menu/pagemenu/backgrounds.gif) no-repeat scroll right -90px;
    width:auto;
    padding-right:21px;
    height:29px;
}*/
ul.page-menu.lastIsActive{
    background:transparent url(../images/menu/pagemenu/backgrounds.gif) no-repeat scroll right -242px;
}
ul.page-menu li a{
    background: transparent url(../images/menu/pagemenu/backgrounds.gif) repeat-x scroll 0 -60px;
    color:black;
    /*
    font-family:arial;
    top:12px;
    position:relative;
    */
    font-weight:bold;
    text-decoration:none;
}
ul.page-menu li a:hover{
    color: #444444;
}
ul.page-menu li span.pre-padd{
    background: transparent url(../images/menu/pagemenu/backgrounds.gif) no-repeat scroll 0 -180px;
}
ul.page-menu li.first span.pre-padd{
    background: transparent url(../images/menu/pagemenu/backgrounds.gif) no-repeat scroll 0 0;
}
ul.page-menu li.active a{
    background: transparent url(../images/menu/pagemenu/backgrounds.gif) repeat-x scroll 0 -30px;
}
ul.page-menu li.active span.pre-padd{
    background: transparent url(../images/menu/pagemenu/backgrounds.gif) no-repeat scroll 0 -150px;
}
ul.page-menu.firstIsActive li.first span.pre-padd{
    background: transparent url(../images/menu/pagemenu/backgrounds.gif) no-repeat scroll 0 -212px;
}
ul.page-menu li span.post-padd{
    background: transparent url(../images/menu/pagemenu/backgrounds.gif) no-repeat scroll 0 -90px;
}
ul.page-menu li.afterActive span.pre-padd{
    background: transparent url(../images/menu/pagemenu/backgrounds.gif) no-repeat scroll 0 -120px;
}

/*
Newsfeed
*/
#newsFeed{
    margin:0;
    padding:0;
}
#newsFeed div.item{
    margin-bottom: 7px;
    line-height:1.3em;
    
}
.newsPageTitle span.title{
    font-weight: bold;
    margin-left: 0.6em;
}
.newsPageTitle span.date{
    font-weight:normal;
}
#newsFeed .readmore, #newsFeed .hide{
    color:#50AFB2;
    text-decoration:none;
    /*font-weight:bold;*/
    cursor:pointer;
}

#newsFeed .readmore, #newsFeed .hide, #newsFeed .desc{
    display:none;
}
#newsFeed .readmore, #newsFeed .hide{
    background-color:white;
    left:1px;
    margin-left:100px;
    padding-left:5px;
    position:relative;
    top:-1.5em;
    width:65px;
}
#newsFeed .readmore, #newsFeed .dots{
    display: block;
    width:10px;
    background-color:white;
    left:1px;
    margin-left:170px;
    position:relative;
    top:-1.4em;
}
#newsFeed .hide{
    margin-left:125px;
    top:-0em;
}

#newsFeed .desc{
    height:3em;
    overflow-x:hidden;
    overflow-y:hidden;
    font-size:10px;
}
#newsFeed .date{
    color: #BB0000;
    display:block;
    float:left;
    width:66px;
}
h2.moreNews{
    /*font-size:18px;*/
}
#newsFeed .text{
    
}
#newsFeed .item a{
    text-decoration: none;
}
#newsFeed .item a:hover{
    text-decoration: underline;
}
div.sidebar{
    margin-left:15px;
}
div.content-column,div.content-column div.row-top,div.content-column div.row-bottom{
    width:630px;
}
.sidebar .content-row{
    margin-left:20px;
    margin-top:10px;
    width:175px;
}

.content-column .content-row{
    margin-left:10px;
    margin-top:6px;
    width:615px;
}
/*
Headlines Htags htags h-tags h tags headline tags
*/
h1,h2,h3,div.title-text{
    color:#50afb2;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
}
h1{
    font-size:14px;
}
h3{
    font-size:12px;
    margin-bottom:5px;
}
h2{
    font-size:14px;
}

textarea#text{
    height:15em;
    width:603px;
}

p{
    margin-bottom: 1em;
}
.three-holder div.column{
    margin-right:15px;
    width:200px;
}
.imageInfoTxt{
    margin-top:5px;
}
div.three-holder div.row-top,div.three-holder div.row-bottom{
    width:200px;
}
.three-holder .content-row div{
    margin-bottom:4px;
    margin-left:4px;
    margin-top:5px;
    width:175px;
}

.three-holder .content-row{
    height:18em;
}

.three-holder img{
    margin-bottom:3px;
    margin-left:3px;
    margin-top:3px;
}
.three-holder div.column.last{
    margin-right:0;
}

.fastNavForm select{
    width:170px;
}

.staff div{
    /*font-style:italic;*/
}
.staff div.name{
    /*
    font-style:normal;
    font-weight:bold;
    font-size:130%;
    */
}
.product-page,.product-side{
    margin-top: 1em;
}
.product-page{
    margin-top: 0.1em;
}
.product-side{
    /*margin-top: 1.5em;*/
}
.spalt-distancer{
    margin-left:1em;
}
.screendumps-holder img{
    border: 1px solid #cccccc;
}

.product-slogan-holder{
    height:182px;
}

form dl dd{
    margin-left:0;
}
h1{
    margin-bottom:1em;
}
h2{
    
}
.screendump-helptext{
    font-style:italic;
    font-size:10px;
    margin-right: 1em;
}
.contactHead{
    margin: 3em 0 1em 0;
}
.contactHead.first{
    margin-top:0;
}
#scroller_container{
    position: relative;
    width:860px;
    height:1.5em;
    overflow:hidden;
}
#scroller{
    white-space: nowrap;

}
#scroller a{
    color: #000000;
    margin-right: 2em;
}

.justify{
    text-align:justify;
}
.grayBox{
    background-color:#CCCCCC;
}
.product-side .grayBox ul{
    padding:1em 0.5em;
}
.product-side .grayBox h1{
    padding: 1em 0 0 1.4em;
    color:#000000;
    font-size: 18px;
    text-transform: none;
}
.productAboutInfoBoxHolder{
    margin-left:50px;
    width:500px;
}
.infoBox{
    background: transparent url(../images/speach-bubble-red-pixel.gif);
    /*text-align:center;*/
    color:#FFFFFF;
    font-size:20px;
    padding:1em;
}
.italic{
    font-style:italic;
}
.center{
    text-align:center;
}
.bold{
    font-weight:bold;
}

#cycleImages {
	position:relative;
	width:400px;
	height:250px;
}

#cycleImages img {
	display:none;
	position:absolute;
	top:0;
	left:0;
}

#cycleImages img.current {
	display:block;
}

 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; text-align:center}
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.success a  { color: #264409; }

.mceEditor{
    position:absolute;
    z-index:1000;
}