@CHARSET "UTF-8";

BODY,HTML{
padding:0;
margin:0;
background:#e6e6e8;
color:#3d3d3d;
font-family:Trebuchet MS,Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
}

A{
color:#cc0000;
}

TABLE{
border-collapse:collapse;
}

TD{
padding:0;
margin:0;
}

FORM{
margin:0;
padding:0;	
}

.Field{
font-size:11px;
color:#000;
margin:0;
}

H1{
font-size:20px;
font-weight:bold;
margin:0;
padding:0 0 5px 0;
}

H2{
font-size:14px;
font-weight:normal;
margin:0;
padding:0;	
}

/* Structure ---------------------------------------------- */

#Page,
#PageSimple{
background:url(../img/background-page.jpg) no-repeat;
width:992px;
margin-left:auto;
margin-right:auto;
}

#PageSimple{
background-image:url(../img/background-page-simple.jpg);
}

#BottomBackground{
background:url(../img/background-bottom-left.jpg) no-repeat;
height:398px;
}

#BottomRepeat{
height:398px;
background:url(../img/background-bottom-right.png) repeat-x;
}

#RygnarokLogo{
float:left;
margin-top:71px;
margin-left:118px;
}

#Header{
height:141px;
overflow:hidden;
}

#Footer{
width:780px;
padding-top:180px;
margin-left:auto;
margin-right:auto;
}

#MistralysLogo{
border:none;
float:right;
margin-top:-10px;
}


/* Login box ---------------------------------------------- */

#Login{
float:right;
margin-right:92px;
margin-top:55px;
}

#LoginBox{
border:none;
padding:0;
margin:3px 0 0 0;
}

#LoginFields{
background:#dddddd;
padding:5px;
}

#LoginBGR{
background:url(../img/login-right.png) no-repeat;
width:2px;
}

#LoginBGB{
background:url(../img/login-bottom.png) no-repeat;
height:2px;
}

#LoginBGC{
background:url(../img/login-corner.png) no-repeat;
}

#ForgotPassword{
float:right;
font-size:10px;
}

.FEmail{
width:90px;
margin-right:4px;
}

.FPass{
width:90px;
margin-right:3px;
}

.FSend{
margin-top:1px;
}

/* Navigation ---------------------------------------------- */

#Navigation{
margin-left:120px;
height:40px;
/*overflow:hidden;*/
}

#Navigation UL{
list-style:none;
margin:0;
padding:0;
}

#Navigation LI{
float:left;
height:40px;
margin:0;
}

#Navigation .First{
padding-left:2px;
}

#Navigation .Active{
background:url(../img/navigation-active-background.png) repeat-x;
padding-left:0; !important
}

#Navigation IMG,
#Navigation A{
float:left;	
}

#Navigation A{
height:31px;
padding:9px 15px 0 15px;
color:#fff;
font-weight:bold;
font-size:16px;
text-decoration:none;
}

/* Content ------------------------------------------------- */

#ProductBox{
position:absolute;
margin-top:-75px;
margin-left:350px;
}

.ContentTeaser{
padding:45px 0 0 137px;
height:205px; /* 255 w/o padding */
}

.TeaserList{
float:left;
margin:25px 0 0 25px;
padding:0;
list-style:none;
}

.TeaserList LI{
padding:0 0 0 30px;
margin:0 0 8px 0;
background:url(../img/bullet-teaser.png) no-repeat;
font-size:13px;
}

#ContentNavigation{
position:absolute;
margin:20px 0 0 110px;
width:162px;
overflow:hidden;
}

#ContentNavigation UL{
list-style:none;
margin:0;
padding:0;
}

#ContentNavigation LI{
padding:0;
margin:0;
background:url(../img/content-navigation-separator.png) bottom no-repeat;
height:37px;
}

#ContentNavigation .Active{
background:url(../img/content-navigation-active.png) no-repeat;
font-weight:bold;
}

#ContentNavigation A{
text-decoration:none;
color:#3d3d3d;
display:block;
padding:8px 0 0 15px;
width:147px; /* 162 w/o padding */
height:29px; /* 37 w/o padding */
font-size:13px;
}

.ContentHeader{
background:url(../img/content-top.png) no-repeat;
height:22px;
}

.ContentFooter{
background:url(../img/content-bottom.png) no-repeat;
height:17px;
}

#NavigableContent .ContentBody{
background:url(../img/content-repeat.png) repeat-y;
padding:1px 140px 1px 50px;
}

#NavigableContent .Content{
margin-left:263px;
}

#RegularContent .Content{
margin-left:140px;
width:700px;
}

.Intro{
font-size:14px;
font-style:italic;
margin-bottom:35px;
}

.Content UL{
list-style:none;
margin:0;
padding:0;
}

.Content LI{
padding:0 0 13px 21px;
background:url(../img/bullet-content.png) no-repeat 0 2px;
margin-left:26px;
}

H4{
font-size:14px;
font-weight:bold;
padding:4px 0 0 6px;
margin:26px 0 13px 0;
height:25px;
overflow:hidden;
background:url(../img/background-h4.png) no-repeat;
}

B,
STRONG{
color:#000;
}

.CustomerLogo{
float:left;
margin-right:13px;
}

.ClearFloats{
clear:both;
}

.Error{
color:#cc0000;
}