.VCBox
{
  width: inherit;
  height: inherit;
  display: table-cell;
  vertical-align: middle;
}

div.preload, 
img.preload,
.preload img
{
  display: none;
  width: 0;
  height: 0;
}

/* MAIN ELEMENTS **************************************************************/

html
{
  background: #ffffff url('../images/BGStrip.png') repeat-x;
}  

body
{
  background-color:transparent;
  
  margin-left:auto;
  margin-right:auto;
  position:relative;
  width: 1000px;
  padding-bottom: 100px;
}

/* HEADER ELEMENTS ************************************************************/

#Logo
{
  position: absolute; 
  left: 366px; 
  top: 18px; 
  width: 268px; 
  height: 57px;
}

#Logo a
{
  border: 0;
  color: transparent;
  display: block;
  width: 100%;
  height: 100%
}

#CurrentSectionTab
{
  position: absolute; 
  left: 30px; 
  top: 137px; 
  width: 270px; 
  height: 89px;
  background: url('../images/CurrentSectionTab.png')
}

#CurrentSectionTab .VCBox
{
  text-align: center;
}


#CurrentSectionTab a
{
  display: block;
  width: inerit;
  padding: 0 2px 2px 2px;
  margin: 5px 10px;

  font-weight: 700; 
  font-size: 40px; 
  line-height: 45px;
  color: #ffffff;
  text-decoration: none;  
}

#CurrentSectionTab a:hover
{
  outline: #fff dashed 3px;  
}

#CurrentSectionTab span.NestingLevel1
{
  display: none;
}

#MenubarDivider
{
  position:absolute; 
  left: 30px; 
  top: 145px; 
  width: 940px; 
  height: 4px;
  background: url('../images/MenuBarStripHFlip.png')
}

#LargePageTitle
{
  position:absolute; 
  left: 320px; 
  top: 149px; 
  height: 77px;
}

#LargePageTitle div
{
  width: inherit;
  height: inherit;
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
}

#LargePageTitle span
{
  font-weight: 700; 
  font-size: 70px; 
}


#LargePageTitle span.Over15Chars
{
  font-size: 65px; 
}

#LargePageTitle span.Over20Chars
{
  font-size: 55px; 
}

#LargePageTitle span.Over25Chars
{
  font-size: 50px; 
}

#LargePageTitle span.Over50Chars
{
  font-size: 26px; 
}

#Breadcrumbs
{
  position: absolute; 
  right: 30px;
  top: 144px; 
  height: 23px;
}

div#Breadcrumbs p,
div#Breadcrumbs p a
{
  font-weight: 700; 
  font-size: 14px; 
  margin: 2px 0 0 0;
}


div#Breadcrumbs a
{
  color: #2265A4;
  text-decoration: underline;
}

div#Breadcrumbs a:visited
{
  color: #1D8D26;
}


div#Breadcrumbs a:hover
{
  color: #AB2C2C;
  background-color: transparent;
}


/* NAVIGATION BAR *************************************************************/

#Menubar
{
  position:absolute; 
  left:30px; 
  top:95px; 
  width:940px; 
  height:50px;
  background: url('../images/MenuBar.png') no-repeat;
}

#Menubar .MiddleDot
{
  position:absolute; 
  width:8px; 
  height:7px;
  top: 22px;
  background: url('../images/MiddleDot.png') 
}

#Menubar .Home,
#Menubar .Products,
#Menubar .Download,
#Menubar .Purchase,
#Menubar .Extras,
#Menubar .Contact.and.Support
{
  position: absolute;
  display: inline-block;   
  height:50px;
  text-align: center;
}


#Menubar div.VCBox
{
  display: block;
  vertical-align: middle;
  text-align: center;
  width: inherit;
  height: inherit;
}

#Menubar a
{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: inherit;
  height: inherit;
}


#Menubar .Home
{
  left: 0;
  width: 120px;  
}


#Menubar .Products
{
  left: 120px;
  width: 150px;   
}

#Menubar .Download
{
  left: 270px;
  width: 153px;   
}

#Menubar .Purchase
{
  left: 423px;
  width: 145px;   
}

#Menubar .Extras
{
  left: 568px;
  width: 121px;   
}

#Menubar .Contact.and.Support
{
  left: 689px;
  width: 252px;   
}

/* Active */

#Menubar .Home.current,
#Menubar .Products.current,
#Menubar .Download.current,
#Menubar .Purchase.current,
#Menubar .Extras.current,
#Menubar .Contact.and.Support.current,
#Menubar .Home.section,
#Menubar .Products.section,
#Menubar .Download.section,
#Menubar .Purchase.section,
#Menubar .Extras.section,
#Menubar .Contact.and.Support.section
{
  background: url('../images/MenuBarActiveSliver.png') repeat-x;
}

/* Hover */

#Menubar .Home:hover,
#Menubar .Products:hover,
#Menubar .Download:hover,
#Menubar .Purchase:hover,
#Menubar .Extras:hover,
#Menubar .Contact.and.Support:hover
{
  background: url('../images/MenuBarHoverSliver.png') repeat-x;
}


#Menubar a div div
{
  width: inherit;
  height: inherit;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#Menubar span,
#Menubar a
{
  font-weight:700; 
  font-size:19.0px; 
  line-height:1.42em; 
  color:#ffffff; 
  text-decoration:none;
}

/* LAYOUT *********************************************************************/


#LowerPart
{
  position: absolute; 
  top: 250px; 
  width: inherit;
}

#SidebarAndMainArea
{
  float: left;
  width: 100%;
  margin: 0 0 70px 0;
}

/* SIDEBAR ********************************************************************/

#SidebarContainer
{
  float: left;
  width: 270px;
  display: inline;
  padding: 0 0 0 30px;  
  text-decoration: none;   
}

#Sidebar
{
  width: inherit;
  display: inline;
}

#SidebarTop
{
  background: url('../images/SidebarTop.png') no-repeat;
  vertical-align: top;
  height: 8px;
}

#SidebarContents
{
  background: #6E87EF url('../images/SidebarCenter.png') repeat-y;
  padding: 8px 0;  
}

#SidebarBottom
{
  background: url('../images/SidebarBottom.png') no-repeat;
  vertical-align: bottom;
  height: 8px; 
}

div.SidebarLevel1
{
  display: block;
  width: inherit;  
  min-height: 50px;  

  margin: 5px 10px;
  padding: 2px 2px; 
}

div.SidebarLevel1.current
{
  background: url('../images/ActiveBox1.png') no-repeat;
  background-position: 5px 5px;
}

div.SidebarLevel1.current.hasChildren
{
  background: url('../images/ActiveDiamond1.png') no-repeat;
  background-position: 5px 5px;
}

div.SidebarLevel1.section
{
  background: url('../images/Diamond1.png') no-repeat;
  background-position: 5px 5px;
}

div.SidebarLevel1.link
{
  background: url('../images/Box1.png') no-repeat;
  background-position: 5px 5px;
}

div.SidebarLevel1.current:hover,
div.SidebarLevel1.link:hover
{
  background: url('../images/HoverBox1.png') no-repeat;
  background-position: 5px 5px;
}

div.SidebarLevel1.section:hover,
div.SidebarLevel1.current.hasChildren:hover
{
  background: url('../images/HoverDiamond1.png') no-repeat;
  background-position: 5px 5px;
}

div.SidebarLevel1:hover,
div.SidebarLevel1:hover
{
  outline: #fff dashed 3px;
}

div.SidebarLevel1 a
{
  width: inherit;
  height: 100%;  
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  text-align: left;
  padding: 12px 0 10px 55px;  
}

div.SidebarLevel1.current a,
div.SidebarLevel1.link a,
div.SidebarLevel1.section a
{
  color: white;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

div.SidebarLevel1:hover,
div.SidebarLevel1:hover,
div.SidebarLevel1:hover
{
}

div.SidebarLevel2
{
  display: block;
  width: inherit;
  
  margin: 5px 10px 5px 50px;
  padding: 2px 2px;
}

div.SidebarLevel2.current
{
  background: url('../images/ActiveBox2.png') no-repeat;
  background-position: 5px 5px;
}

div.SidebarLevel2.link
{
  background: url('../images/Box2.png') no-repeat;
  background-position: 5px 5px;
}

div.SidebarLevel2.current:hover,
div.SidebarLevel2.link:hover
{
  background: url('../images/HoverBox2.png') no-repeat;
  background-position: 5px 5px;
  outline: #fff dashed 3px;
}

div.SidebarLevel2 a
{
  display: block;
  width: inherit;
  min-height: 38px;
  text-decoration: none;
  text-align: left;
  padding: 3px 0 0 43px;
}

.SidebarLevel2 .VerticallyCenteredContent
{
  width: 125px;
  min-height: 30px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.SidebarLevel2 span
{
  color: white;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

/* OTHER **********************************************************************/

#FSButton
{
  display: none;
  width: 0px; 
  height: 0px; 
  background: transparent;
  margin: 0 0;
}

#FSButton.ColTweak
{
  display: block;
  width:260px; 
  height:70px;
  background: url('../images/fsbutton.jpg') no-repeat;
  margin: 10px 5px 10px 35px;
}

/* MAIN CONTENT ***************************************************************/

#MainAreaContainer
{
  float: right;
  width: 680px; 
}


#MainArea
{
  margin: 0 30px 0 0;
}

#MainAreaTop
{
  height: 8px;
  background: url('../images/MainTextAreaTop.png') no-repeat;
}

#MainAreaBottom
{
  height: 9px;
  background: url('../images/MainTextAreaBottom.png') no-repeat;
}

#MainAreaMiddle
{
  background: url('../images/MainTextAreaMiddle.png') repeat-y;
}

#MainAreaText
{
  padding: 20px 30px 20px 30px; 
}

#MainAreaText strong
{
  font-weight: 700; 
}

/* FOOTER *********************************************************************/

#Footer
{
  position: absolute;
  display: block;
  float: left;
  bottom: 0;
  width:940px; 
  height:50px;
  margin: 20px 30px 0 30px;
  background: url('../images/Footer.png') no-repeat;
}

#Footer div
{
  width: inherit;  
  height: inherit;  
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}

#Footer div span
{
  color: white;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

/* SPECIAL ITEMS **************************************************************/

.TwoActionButtons
{
  height: 45px;
  margin: 10px 0px; 
}

div.ActionButton 
{
  width: 220px;
  height: 45px;
  display: inline-block;
   
  margin: 0 20px 0 0;
  
  background: url('../images/BigRedButton.png') no-repeat;  
}

#MainAreaText .ActionButton a,
#MainAreaText .LongerActionButton a
{
  color: white;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;  
  text-align: center;  
}

#MainAreaText .ActionButton a:hover,
#MainAreaText .LongerActionButton a:hover
{
  font-size: 25px;
}

div.LongerActionButton
{
  margin: 0 20px 0 0;
}

div.LongerActionButton a
{
  width: 325px;
  height: 45px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
     
  background: url('../images/LongerRedButton.png') no-repeat;  
}



div.FS10
{
  display: inline-block; 
  width: 175px;
  height: 60px;
  background: url('../images/fs/fs_button10.jpg') no-repeat; 
}

div.purpleBorder
{
  border: solid 3px #627BEC;
}

div.DisplayLogos
{
  width: inherit;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 20px 0 0 0;
}

div.DisplayLogos div
{
  display: inline-block; 
  width: 175px;
  height: 60px;
  background: url('../images/fs/fs_button10.jpg') no-repeat; 
}

div.DisplayLogos div a
{
  display: block;
  width: 100%;
  height: 100%;  
}

div.SecurityInfo
{
  width: inherit;
  text-align: center;
  padding: 20px 0 0 0;
}

/* HOME PAGE LAYOUT ***********************************************************/


#HomePage
{
  position: absolute; 
  top: 144px; 
  width: inherit;
}

#HomePageTopSection
{
  float: left;
  display: block;
  width: inherit;
  padding: 20px 0 50px 0;
}

#HomePageMainText
{
  float: left;
  width: 475px;
  height: inherit;
  margin: 0 10px 0 30px;
  padding: 10px 20px 0 20px;
}

#HomePageMainText .VCBox
{
  padding: 20px 0;
}

#HomePageMainText span
{
  font-size: 150%;
  line-height: 150%;
}

#HomePageProducts
{
  float: right;
  width: 425px;
  margin: 0 0 0 0px;
}

#HomePageProducts div.Product
{
  width: 405px;
  height: 175px;
  background: url('../images/HomePageProductBG.png') no-repeat;
  margin: 0 0 20px 0px;
  margin-right: 0px;
}

#HomePageProducts div.Product div
{
  display: block;
}

#HomePageProducts div.Product div.ProductImage
{
  float: left;
  height: 144px;
  width: 144px;
  padding: 15px 0 15px 15px;
}

#HomePageProducts  div.Product div.ProductImage a
{ 
  display: block;
  width: 100%;
  height: 100%;
}

#HomePageProducts div.Product div.ProductText
{
  float: right;
  height: 155px;
  width: 205px;
  padding: 10px 20px;
}

#HomePageProducts div.ProductText div
{ 
  display: block;
}

#HomePageProducts div.ProductText div.Description
{ 
  display: block;
  height: 130px;
}

#HomePageProducts div.ProductText div.Description a
{ 
  display: block;
  width: 100%;
  height: 100%;
  
  text-decoration: none;
  color: #000;
}

#HomePageProducts div.ProductText div.Link
{ 
  text-align: right;
  height: 25px;
}


#HomePageProducts div.ProductText div.Link a
{ 
  display: block;
  width: 100%;
  height: 100%;  
}

#HomePageProducts div.ProductText div.Link a:link,
#HomePageProducts div.ProductText div.Link a:visited
{ 
  color: #00F;
}

#HomePageProducts div.ProductText div.Link a:hover
{ 
  color: #AB2C2C;
}