@charset "utf-8";
/*=================== main =====================*/

body  {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	background-image:url(images/sub/body.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}



 #container { 
	width: 799px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url(images/container-bg.jpg);
	background-repeat:repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 




 #header { 
	background-image:url(images/home-header.jpg);
	height:393px;
	background-repeat:no-repeat; 

} 

#sub-header {
background-image:url(images/sub/header.jpg);
height:140px;
background-repeat:no-repeat;
}

#banner {
height:181px;
width:799px;
}


 #sidebar1 {
	float: right; 
	width: 253px; 

	
}



 #mainContent { 
	
	padding-top:0px;
	padding-left:44px;
	padding-bottom:0px;
	padding-right:40px;
	text-align:justify;
} 

 #sub-mainContent { 
	background-image:url(images/sub/divider.jpg);
	background-repeat:no-repeat;
	width:715px;
	padding-top:20px;
	padding-left:44px;
	padding-bottom:0px;
	padding-right:40px;
	text-align:justify;
} 



 #footer { 
	
	background-image:url(images/footer-bg.jpg);
	height:80px;
	background-repeat:no-repeat;
} 




.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}



.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*=====================================================
/*=====================================================
/*=====================================================*/


/*=================== main navigation ===================*/

#navlist {
width:799px;
padding-top:150px;
margin:0px;
}

#navlist ul {
list-style-type:none;
padding:0px;
margin:0px;
}

#navlist li {
display:inline;
padding:45px;
font-size:12px;
font-weight:bold;
}

#navlist li.home {
display:inline;
padding-left:30px;
font-size:12px;
font-weight:bold;
}



#navlist ul li a:link {
color:#000000;
text-decoration:none;
}

#navlist ul li a:visited {
color:#000000;
text-decoration:none;
}

#navlist ul li a:hover {
color:#ffffff;
text-decoration:underline;
}

#navlist ul li a:active {
color:#000000;
text-decoration:none;
}

/*=================== sub navigation ===================*/

#sub-navlist {
width:799px;
padding-top:120px;
margin:0px;
}

#sub-navlist ul {
list-style-type:none;
padding:0px;
margin:0px;
}

#sub-navlist li {
display:inline;
padding:45px;
font-size:12px;
font-weight:bold;
}

#sub-navlist li.home {
display:inline;
padding-left:30px;
font-size:12px;
font-weight:bold;
}



#sub-navlist ul li a:link {
color:#000000;
text-decoration:none;
}

#sub-navlist ul li a:visited {
color:#000000;
text-decoration:none;
}

#sub-navlist ul li a:hover {
color:#ffffff;
text-decoration:underline;
}

#sub-navlist ul li a:active {
color:#000000;
text-decoration:none;
}


/*=====================================================
/*=====================================================
/*=====================================================*/

/*=================== featured product ===================*/

#sidenav {
padding-top:240px;
margin:0px;
padding-left:40px;
padding-right:55px;
font-size:10px;
font-weight:bold;
}

#boxtop {
	background:url(images/boxtop.jpg) no-repeat;
	width:253px;
	height:80px;
	float:left;
}

#boxmiddle {
	background:url(images/boxmiddle.jpg) repeat-y;
	width:163px;
	float:left;
	padding:5px 50px 0px 40px;
	font-size:11px;
}

#boxbottom {
	background:url(images/boxbottom.jpg) no-repeat;
	height:32px;
	width:253px;
	float:left;
}

#boxmiddle a:link {
text-decoration:underline;
}

#boxmiddle a:visited {
text-decoration:underline;
}

#boxmiddle a:hover {
text-decoration:underline;
}

#boxmiddle a:active {
text-decoration:underline;
}



/*=====================================================
/*=====================================================
/*=====================================================*/

/*=================== footer ===================*/

#footerlist  {

padding-top:50px;
float:left;
padding-left:44px;
}

#footerlist ul {
list-style-type:none;
padding:0px;
margin:0px;
font-size:9px;
}

#footerlist li {
display:inline;


}


#footerlist ul li a:link {
color:#000000;
text-decoration:none;
}

#footerlist ul li a:visited {
color:#000000;
text-decoration:none;
}

#footerlist ul li a:hover {
color:#ffffff;
text-decoration:underline;
}

#footerlist ul li a:active {
color:#000000;
text-decoration:none;
}

/*=====================================================
/*=====================================================
/*=====================================================*/

/*=================== footer ===================*/

#copyright {
float:left;
width:359px;
font-size:10px;
padding-right:40px;
}

/*=====================================================
/*=====================================================
/*=====================================================*/




/*=================== text styles ===================*/

h1 {
font-size:16px;
}

h2 {
font-size:22px;
padding-bottom:20px;
color:#666666;
}

h3 {
color:#333333;
font-size:14px;
}
.style1 {
font-size:14px;
font-weight:bold;
color:#000000;
}

.description {
font-size:12px;
padding-left:15px;
padding-right:10px;
text-align:left;
}

.description2 {
font-size:12px;
padding-left:15px;
padding-right:10px;
text-align:left;
}

.description3 {
font-size:12px;
padding-left:20px;
padding-right:10px;
text-align:left;
}

/*=====================================================
/*=====================================================
/*=====================================================*/


/*=================== more information ===================*/

.moreinfo1 {
font-size:11px;
font-weight:bold;
padding-left:14px;
padding-bottom:10px;
}

.moreinfo1 a:link {
text-decoration:none;
color:#FFFFFF;
}

.moreinfo1 a:visited {
text-decoration:none;
color:#FFFFFF;
}

.moreinfo1 a:hover {
text-decoration:underline;
color:#000000;
}

.moreinfo1 a:active {
text-decoration:none;
color:#FFFFFF;
}

/*=========================================*/

.moreinfo2 {
font-size:11px;
font-weight:bold;
padding-left:24px;
padding-bottom:10px;
}

.moreinfo2 a:link {
text-decoration:none;
color:#FFFFFF;
}

.moreinfo2 a:visited {
text-decoration:none;
color:#FFFFFF;
}

.moreinfo2 a:hover {
text-decoration:underline;
color:#000000;
}

.moreinfo2 a:active {
text-decoration:none;
color:#FFFFFF;
}

/*=========================================*/
.moreinfo3 {
font-size:11px;
font-weight:bold;
padding-left:24px;
padding-bottom:10px;
}

.moreinfo3 a:link {
text-decoration:none;
color:#FFFFFF;
}

.moreinfo3 a:visited {
text-decoration:none;
color:#FFFFFF;
}

.moreinfo3 a:hover {
text-decoration:underline;
color:#000000;
}

.moreinfo3 a:active {
text-decoration:none;
color:#FFFFFF;
}


/*=====================================================
/*=====================================================
/*=====================================================*/

.leftimg {
float:left;
padding-right:10px;
padding-bottom:20px;
}

.rightimg {
float:right;
padding-left:20px;
}

.productsright {
float:right;
padding-left:20px;
padding-top:65px;
}

.productsleft {

padding-left:0px;
padding-top:0px;
padding-bottom:20px;
}

img {
border:none;

}


a:link {
color:#000000;

text-decoration:none;
}

a:visited {
color:#000000;
text-decoration:none;
}

a:hover {
color:#990000;
text-decoration:none;
}

a:active {
color:#000000;

text-decoration:none;
}

#




#sub-mainContent li {
padding:5px;
text-align:left;
}


 #sub-mainContent  a.email:link {
text-decoration:underline;
font-weight:normal;
color:#0033FF;

}

#sub-mainContent   a.email:visited {
text-decoration:underline;
font-weight:normal;
color:#0033FF;
}

 #sub-mainContent a.email:hover {
text-decoration:underline;
font-weight:normal;
color:#663399;
}

 #sub-mainContent a.email:active {
text-decoration:underline;
font-weight:normal;
color:#0033FF;
}


a:link.news {
color:#000099;
text-decoration:underline;
}

a:visited.news{
color:#000099;
text-decoration:underline;
}

a:HOVER.news {
color:#FFFFFF
text-decoration:underline;
}

a:active.news {
color:#000099;
text-decoration:underline;
}

#trans {
padding:0px 0px 0px 0px;
position:absolute;
width:160px;
z-index:2;
}