/* CSS Document */

body {
background: #999999 url(../images/page-bg.jpg) repeat-x;
margin-top: 0px;
padding: 0px;
}

#mainContainer {
position: relative;
width: 770px;
margin: 0px auto;
padding: 0;
}

html>body #mainContainer .leoLogo {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
background: #FFFFFF;
padding: 2px;
margin: 0px;
height: 96px;
width: 96px;
}

#mainContainer .leoLogo {
position: absolute;
top: 10px;
right: 21px;
z-index: 1;
background: #FFFFFF;
padding: 2px;
margin: 0px;
height: 96px;
width: 96px;
}

#mainContainer .storeLogo {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

#logoBar {
position: relative;
width: 770px;
height: 70px;
background: rgb(28, 47, 103);
margin-top: 0px;
padding:0px;
}

#bottomContainer {
position:relative;
width: 770px;
/*border-left: 4px solid #FFFFFF;
border-right: 4px solid #FFFFFF;
border-bottom: 4px solid #FFFFFF;*/
background-color: #FFFFFF;
padding: 0px 4px 4px 4px;
}

#miniCart {
width: 153px;
background-color: #A4ADC9;
/*border-right: 4px solid white;*/
border-right: 4px solid #FFFFFF;
border-bottom: 4px solid #FFFFFF;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#shoppingCart {
width: 110px;
border: 1px solid #1C2F67;
padding: 5px;
margin: 4px 0px 0px 0px;
background: #D5D5D5;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #333333;
line-height: 14pt;
}

#subHead {
width: 617px;
height: 165px;
background-color: #E6E9EE;
margin: 4px 0px 0px 0px;
}

#subHeadImage img {
width: 614px;
height: 162px;
background: #1C2F67;
}

#subHead h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-weight: normal;
color: rgb(28, 47, 103);
border-bottom: 1px solid #1C2F67;
display: block;
margin: 22px 20px 4px 20px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-weight: normal;
color: rgb(28, 47, 103);
display: block;
margin: 0px 0px 0px 0px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
line-height: 12pt;
color: #CC0000;
text-align: center;
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

h2 span {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #1C2F67;
font-weight: normal;
line-height: 8pt;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
margin: 5px 0px 25px 0px;
}

p span {
font-weight: bold;
}

#navArea {
/*border-right: 4px solid #FFFFFF;
border-top: 4px solid #FFFFFF;*/
width: 175px;
background: rgb(28, 47, 103);
text-align:left;
border-right: 4px solid #FFFFFF;
padding: 15px 0px 25px 0px;
}

#navArea a {
font-family: Arial, Helvetica, sans-serif;
font-size:11pt;
color:#FFFFFF;
display:block;
padding: 10px 0px 10px 20px;
text-decoration:none;
}

#navArea a:hover {
/*background-color: #A4ADC9;*/
color: rgb(28, 47, 103);
background: #A4ADC9 url(../images/nav-square.gif) no-repeat 13px 7px;
}

#navProducts {
width: 175px;
background: #606982;
text-align:left;
padding:15px 0px 15px 0px;
}

#navProducts a {
padding: 0px 0px 2px 20px;
display:block;
}

#navProducts span {
font-family: Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
display:block;
padding: 0px 0px 4px 20px;
text-decoration:none;
}

#navProducts span a {
font-family: Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
display:block;
padding: 0px 0px 0px 0px;
text-decoration:none;
}

#navProducts span a:hover {
color: #000000;
background-color: #606982;
background-image: none;
display:block;
}

#navProducts h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #FFFFFF;
padding: 0px 0px 0px 20px;
margin: 0px;
display:block;
}

#navProducts h1 a, #navProducts h1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #FFFFFF;
padding: 0px;
margin: 0px;
background: none;
display:block;
}

#featuredBlock {
display: block;
height: 117px;
margin: 0px 0px 0px 20px;
}

html>body #featuredBlock .img {
width: 125px;
height: 92px;
background: #A4ADC9;
padding: 3px 3px 22px 3px;
margin: 0px 18px 0px 0px;
caption-side:bottom;
float: left;
}

#featuredBlock .img {
width: 125px;
height: 92px;
background: #A4ADC9;
padding: 3px 3px 0px 3px;
margin: 0px 18px 0px 0px;
caption-side:bottom;
float: left;
}

#featuredBlock .img span a {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #666666;
line-height: 9pt;
margin: 0px 0px 0px 4px;
clear: both;
background: transparent url(../images/square.gif) no-repeat top left;
padding: 0px 0px 3px 7px;
text-decoration: none;
}

.home {
width: 617px;
background: #E6E9EE;
}

.inside {
width: 617px;
background: #FFFFFF;
padding: 25px;
}

#productContent {
padding: 0px 0px 0px 0px;
}

#footer {
width: 780px;
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #999999;
}

#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
text-align: center;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}

#footer p a {
text-decoration: underline;
padding: 0px;
color: #333333;
}

.newsletter {
width:175px;
padding: 7px 0px 0px 0px;
margin: 7px 0px 0px 0px;
border-top: 1px solid #FFFFFF;
}

.newsletter p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #FFFFFF;
line-height: 10pt;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}

.newsletter h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
color: #FFFFFF;
line-height: 12pt;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}
#customerService {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background-color: #4d5794;
	padding: 20px;
	margin-top: -15px;
	border-bottom: 4px solid #FFFFFF;
}
.serviceNumber {
	font-size: 22px;
}