/*====================================*/
/* Generic styles                     */
/*====================================*/
html, body
{
  margin: 0px;
  padding: 0px;
  width: 100%;
  height:100%;
}

body
{
  background-image: url(images/border.gif);
  background-repeat: repeat-y;
  background-position: top left;
}

body, textarea
{
  background-color: #fff;
  color: #000;
  font-size: 12px;
  font-family: 'Trebuchet MS', Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

textarea { width: 450px; }

a, a:link, a:visited, a:active { color: #666; }

a:hover { color: #f80; }

/*====================================*/
/* Container DIVs                     */
/*====================================*/
#cDiv_Container
{
  width: 100%;
  height: 100%;
  background: url(images/logo.gif) no-repeat top left;
}

#cDiv_Main
{
  margin: 0px 0px 0px 263px;
  padding: 0px;
  height: 100%;
  background: url(images/bgright.gif) no-repeat top left;
  text-align: center;
}

/*====================================*/
/* Header and menu (list)             */
/*====================================*/
#cDiv_Header
{
  background: url(images/header.gif) no-repeat top left;
  width: 509px;
  height: 146px;
  margin: auto;
}

#cUl_Menu, #cUl_Menu li { margin: 0px; }

#cUl_Menu
{
  list-style-type: none;
  height: 13px;
  padding: 121px 0px 0px 0px;
  margin: 0px 0px 0px 7px;
}

#cUl_Menu li
{
  padding: 0px;
  float: left;
  height: 13px;
  background-repeat: no-repeat;
  background-position: top left;
}

#cUl_Menu li a
{
  display: block;
  height: 13px;
}

/*====================================*/
/* Menu elements                      */
/*====================================*/
/* News */
#cLi_News
{
  width: 83px;
  background-image: url(images/news1.gif);
}
#cLi_News:hover, #cLi_News.CurrentPage { background-image: url(images/news2.gif); }
#cLi_News a
{
  width: 62px;
  margin-right: 21px;
}

/* Releases */
#cLi_Releases
{
  width: 130px;
  background-image: url(images/releases1.gif);
}
#cLi_Releases:hover, #cLi_Releases.CurrentPage { background-image: url(images/releases2.gif); }
#cLi_Releases a
{
  width: 108px;
  margin-right: 22px;
}

/* Store */
#cLi_Store
{
  width: 89px;
  background-image: url(images/store1.gif);
}
#cLi_Store:hover, #cLi_Store.CurrentPage { background-image: url(images/store2.gif); }
#cLi_Store a
{
  width: 70px;
  margin-right: 19px;
}

/* Media */
#cLi_Media
{
  width: 92px;
  background-image: url(images/media1.gif);
}
#cLi_Media:hover, #cLi_Media.CurrentPage { background-image: url(images/media2.gif); }
#cLi_Media a
{
  width: 73px;
  margin-right: 19px;
}

/* Contact */
#cLi_Contact
{
  width: 101px;
  background-image: url(images/contact1.gif);
}
#cLi_Contact:hover, #cLi_Contact.CurrentPage { background-image: url(images/contact2.gif); }

/*====================================*/
/* Content                            */
/*====================================*/
#cDiv_Content
{
  width: 505px;
  margin: 20px auto 20px auto;
  text-align: justify;
  background-color: #fff;
  color: #000;
}

#cDiv_Content h3
{
  font-weight: bold;
  font-size: 13px;
  font-family: Georgia, 'Hoefler Text', Garamond, Times, serif;
  margin: 0px;
  padding: 0px;
}

/* News */
#cDiv_Content.News p { margin: 0px 0px 28px 0px; }

/* Releases */
#cDiv_Content.Releases h3.ReleaseTitle
{
  font-size: 11px;
  color: #fff;
  background-color: #000;
  padding: 2px;
  height: 13px;
  margin: 0px 0px 5px 0px;
}
#cDiv_Content.Releases h3.ReleaseTitle span { float: left; }
#cDiv_Content.Releases h3.ReleaseTitle span.ReleaseCode { float: right; }
#cDiv_Content.Releases div.ReleaseBody { margin-bottom: 5px; }
#cDiv_Content.Releases div.ReleaseCover { float: left; }
#cDiv_Content.Releases div.ReleaseCover img { margin-right: 5px; }

/* Store */
#cDiv_Content.Store ul.ProductsList
{
  padding: 0px 0px 0px 15px;
  margin: 0px;
  list-style-type: none;
}
#cDiv_Content.Store ul.ProductsList li
{
  display: block;
  margin: 0px;
  padding: 0px;
}
#cDiv_Content.Store ul.ProductsList li.Alternate { background-color: #eee; }

#cDiv_Content.Store ul { margin-top: 0px; }
#cDiv_Content.Store h4 { margin-bottom: 0px; }

/* Media */
#cDiv_Content.Media ul.Media
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#cDiv_Content.Media ul.Media li
{
  margin: 0px 0px 14px 0px;
  padding: 0px;
}

/* Contact */
#cDiv_Content.Contact address
{
  font-style: normal;
  font-weight: normal;
  margin: 10px 0px 10px 10px;
  padding: 0px 0px 0px 10px;
  border-left: solid 5px #ccc;
  display: block;
}

/*====================================*/
/* Footer                             */
/*====================================*/
#cDiv_Footer
{
  background: url(images/footer.gif) no-repeat top center;
  width: 509px;
  height: 72px;
  margin: auto;
  padding: 12px 0px 0px 0px;
}

#cDiv_Footer h4
{
  padding: 0px;
  margin: 0px;
  float: left;
  height: 14px;
  background-repeat: no-repeat;
  background-position: top left;
}

#cDiv_Footer h4 a
{
  display: block;
  height: 14px;
}

#cH4_Address
{
  width: 305px;
  background-image: url(images/address.gif);
}

#cH4_Email
{
  width: 204px;
  background-image: url(images/email1.gif);
}
#cH4_Email:hover
{
  background-image: url(images/email2.gif);
}

/*====================================*/
/* endBLOCK                           */
/*====================================*/
#endBLOCK
{
  margin: 20px auto 0 auto;
  background: url(images/endblock.gif) no-repeat top center;
  width: 183px;
  height: 16px;
}
#endBLOCK a
{
  display: block;
  width: 183px;
  height: 16px;
}

/*====================================*/
/* Admin                              */
/*====================================*/
#admin
{
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 200px;
  height: 30px;
}
#admin a span
{
  display: none;
  font-size: 10px;
}
#admin a
{
  display: block;
  width: 15px;
  height: 15px;
  text-decoration: none;
}
#admin.login  a:hover.login   { background: url(images/login.gif) no-repeat top left; }
#admin.logout a.logout  { background: url(images/logout.gif) no-repeat top left; }
#admin.logout a.password { background: url(images/changePassword.gif) no-repeat top left; }
#admin a:hover
{
  width: 200px;
  color: #000;
}
#admin a:hover span
{
  margin-left: 18px;
  display: inline;
}

/*====================================*/
/* Login                              */
/*====================================*/
#cTbl_Login
{
  border: solid 1px #ccc;
  margin: 0px auto 0px auto;
}
#cTbl_Login th
{
  text-align: center;
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
}
#cTbl_Login #cTxt_Username, #cTbl_Login #cTxt_Password
{
  width: 150px;
  border: solid 1px #ccc;
}

/*====================================*/
/* Change password                    */
/*====================================*/
#cTbl_ChangePassword
{
  border: solid 1px #ccc;
  margin: 0px auto 0px auto;
}
#cTbl_ChangePassword th
{
  text-align: center;
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
}
#cTbl_ChangePassword #cTxt_OldPassword, #cTbl_ChangePassword #cTxt_NewPassword1, #cTbl_ChangePassword #cTxt_NewPassword2
{
  width: 150px;
  border: solid 1px #ccc;
}

/*====================================*/
/* Other styles                       */
/*====================================*/
#cUl_Menu li a span, #cDiv_Footer h4 span, #endBLOCK span, .hidden { display: none; }
span.small { font-size: 9px; }
span.error
{
  font-weight: bold;
  font-style: italic;
}
label.fixedWidth
{
  display: block;
  float: left;
  clear: left;
  width: 125px;
}