﻿html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body
{
	font-family:Arial;
	font-size:12px;
	color: #333; 
	margin-left:auto;
 	margin-right:auto;
 	background-image:url(images/main.gif);
 	background-repeat:repeat-x;
}

#wholepagediv
{
	width:967px;
	height:600px;
	margin-left:auto;
 	margin-right:auto;
}

/*** Main Menu Styling ***/

#mainmenudiv 
{
	width: 941px;
	height:37px;
	margin-left:13px;
 	position:absolute;
 	top:13px;
 	background-color:Transparent;
}

 .mainmenu
 {
 	 list-style-type: none;
     list-style-position:outside;
     position: relative;
     margin: 0;
     padding: 0;
     
 }
 
 .mainmenu li{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 135px;
    height: 37px;
    margin-right: 0px;
    background-image:url(images/navbar.gif);
    background-repeat:no-repeat;
}

.mainmenu a{
	display:block;
	height:37px;
	text-indent:-9999px;
	outline:none;
}

#mainmenu1 {
	background-position:0px 0px;
	width: 38px;
}
#mainmenu2 {
	background-position:-40px 0px;
	width: 158px;
}
#mainmenu3 {
	background-position:-197px 0px;
	width: 149px;
}
#mainmenu4 {
	background-position:-346px 0px;
	width: 129px;
}
#mainmenu5 {
	background-position:-475px 0px;
	width: 146px;
}
#mainmenu6 {
	background-position:-621px 0px;
	width: 148px;
}
#mainmenu7 {
	background-position:-768px 0px;
	width: 173px;
}

#mainmenu1.active, #mainmenu1:hover {
	background-position: 0 -37px;
}
#mainmenu2.active, #mainmenu2:hover{
	background-position: -40px -37px;
}
#mainmenu3.active, #mainmenu3:hover{
	background-position: -197px -37px;
}
#mainmenu4.active, #mainmenu4:hover {
	background-position: -346px -37px;
}
#mainmenu5.active, #mainmenu5:hover {
	background-position: -475px -37px;
}
#mainmenu6.active, #mainmenu6:hover {
	background-position: -621px -37px;
}
#mainmenu7.active, #mainmenu7:hover {
	background-position: -768px -37px;
}

/*** Secondary Menu Styling ***/
#secondaryMenuDiv
{
    top:63px;
	width:941px;
	height:121px;
	margin-left:13px;
	text-align:center;
	position:absolute;
    border-width:1px;
    border-style:solid;
    border-color:#d9d9d9;
    background-color:White;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.secondaryMenu
 {
 	 list-style-type: none;
     list-style-position:outside;
     margin: 0;
     text-align:center;
     padding: 0;
 }
 
.secondaryMenu li
{
    display: inline-block;
    overflow: hidden;
	width: 100px;
	height:110px;
	background-color:White;
	color:#AAA;
	outline:none;
	text-align:center;
	padding-left:13px;
	padding-right:13px;
	margin: 4px auto;
	vertical-align:text-top;
}

.secondaryMenu li img
{
	width:100px;
	height:50px;
	margin:13px 0px 6px 0px;
	cursor:pointer;
}

.secondaryMenu li span
{
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}

#pagecontentdiv
{
	width:967px;
	margin-left:auto;
	margin-right:auto;
}

#mainfocusdiv
{
	top:198px;
	width:643px;
	height:415px;
	margin-left:13px;
    background-color:White;
    position:absolute;
    border-width:1px;
    border-style:solid;
    border-color:#d9d9d9;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.dyncontent
{
	display:none; 
	width:643px; 
	height:370px;
	font-size:10;
}

#rightsidediv
{
	width:283px;
	top:198px;
	position:absolute;
	margin-left:669px;
	background-color:Transparent;
	height:415px;
}

.rightsideblock
{
	width:283px;
	height:94px;
	left:0px;
	padding: 0;
	position:absolute;
	background-image:url(images/rhsBoxes.gif);
	background-repeat:repeat-x;
	border-width:1px;
	border-style:solid;
	border-color:#D9D9D9;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.rightsideblock table
{
	height:94px;
}

#rightsideblock1
{
	top:0px;
}

#rightsideblock2
{
	top:106px;
}

#rightsideblock3
{
	top:212px;
}

#rightsideblock4
{
	top:321px;
}

.rightPromoText 
{
	padding:0px 3px;
	color:Gray;
	font-size:8pt;
	text-align:justify;
	margin:auto 0px auto 0px;
}

.rightPromoHeading
{
	color:Black;
	font-weight:bold;
}

img.rightSidePromo
{
	padding:3px;
	width:74px;
	height:74px;
}

.rightSideLink
{
	color:Blue;
}

.rightsideblock a
{
	text-decoration:none;
	outline-style:none;
	border-style:none;
}

img.centeredImage
{
	padding: 6px; 
	display:block; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
}

a img
{
	border-style:none;
}

.productImage
{
	height:200px;
	margin-top:auto;
	margin-left:13px;
	margin-bottom:auto;
}

.productRow
{
	height:415px;
}


img.promoImage
{
	padding: 6px; 
	display:block; 
	vertical-align:middle;
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
	width:220px;
}

.promoHeading, .productText b
{
	font-size:18pt;
	font-weight:bold;
	color:Black;
	text-align:left;
	line-height:30px;
}

.productText, .promoText
{
	display:table-cell;
	vertical-align:middle;
	padding-left:13px;
	padding-right:26px;
	margin:auto;
	font-size:12px;
	line-height:20px;
	text-align:justify;
	color:Gray;
	height:389px;
}

.pagefooter
{
    position:absolute;
    top:626px;
	color: #666666;
    font-family: Verdana,sans-serif;
    font-size: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 967px;
}

.pagefooter a, .pagefooter a:link, .pagefooter a:visited,
.pagefooter a:hover, .pagefooter a:active
{
	color:Black;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}
