/* general styles ----------------------- */

body {
	margin: 0;
	background: #7ec1e1 url(images/content_screen.jpg) no-repeat top center;
}
	
body, table, td, p, input, select{
	font: normal 13px verdana;
	color: #333;
}

a:link{color: #0099cc;}
a:visited{color: #0099cc;}
a:active{color: #0099cc;}
a:hover{color: #006699;}	
a[name]:hover{color: #006699;}
	
	
#page{
	width: 855px;
	margin-left: auto;
	margin-right: auto;
}

.home-page-body
{	
	width: 100%;
}
	
.page-body
{
	width: 100%;
}

.page-body-content
{
	padding: 20px 25px 35px 25px;
	/*border-top: 5px solid #8db956;*/
}

	
/* header navigation styles */

#header{
	width: 100%;
	background: url(../../images/header_back.gif) repeat-x top right;
	border-bottom: 2px solid #65b5db;
}

#logo img{
	height: 140px;
	width: 550px;
}


#top-links{
	text-align: right;
}

#top-links a{ color: #fff; }

#top-links p{
	color: #817f7f;
	font-size: 15px;
	font-weight: bold;
	margin: 55px 0 0 0;
	text-align: center;
	display: block; 
}


#header-menu-nest{
	height: 30px;
}


#nav {
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	font-size: 1px;
	margin: 15px 0 0 17px;
}

#nav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	border-right: 1px solid #68bff4;
	margin-right: 2px;
	text-transform: uppercase;
}

#nav a {
	display: block;
	float: left;
	text-align: center;
	color: #3399cc;
	padding: 10px 18px 10px 23px;
	margin: 0;
	 /*height: 30px; CONFORMANT BROWSERS */
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background:  url(images/tab.gif) no-repeat top left;
}

#nav a:hover {
	color: #fff;
	background: url(images/tab-over.gif) no-repeat top left;
}


.header-button a:link, .header-button a:visited, .header-button a:active { color: #0292DD;}
.header-button a:hover {}
.header-button #selected {color: #fff; background:  url(images/tab-over.gif) no-repeat top left;}











.menu-nest{
	width: 205px;
	border-top: 0;
	background: #fff url(../../images/menu_shade.gif) no-repeat bottom left;
}

.menu {
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
	font-size: 1px;
	margin: 0;
	margin-left: 10px;
}

.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	width: 195px;
	border-top: 1px solid #ebebeb;
}

.menu a {
	display: block;
	float: left;
	padding: 7px 20px 8px 30px;
	margin: 0;
	 /*height: 30px; CONFORMANT BROWSERS */
	text-decoration: none;
	font-size: 12px;
	background: url(../../images/menu_arrow.gif) no-repeat left top;
	width: 145px;
}

.menu a:hover {
	background: #f6f6f6 url(../../images/menu_arrow.gif) no-repeat left top; 
}

.menu-button #selected {background: #f6f6f6 url(../../images/menu_arrow.gif) no-repeat left top; font-weight: bold; color: #006699;}

.menu-top{
	background: #fff url(../../images/menu_top.gif) no-repeat bottom left;
	/*border-top: 5px solid #8db956;*/
	height: 45px;
}

.menu-bottom{
	padding: 10px 20px 30px 20px;
	/*background: url(../../images/menu_bottom.gif) repeat-x top left;*/
	height: 100px;
}








.footer
{
	width: 100%; 
	background: #8fcae6;
	border-top: 2px solid #65b5db;
}
.footer p{color: #fff; font-size: 12px;	padding: 13px 28px 12px 28px; margin: 0;}

.footer a:link, .footer a:visited, .footer a:active{color:#fff;}
.footer a:hover{color:#fff;}





/* content styles ----------------------- */

h1
{
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0px 15px 0;
	padding: 0;
	color: #000;
	border-bottom: 1px solid #333;
}



.text{
	font-family: arial;
	font-size: 12px;
}

.right-pic
{
	margin: 10px 0px 10px 10px;
}

.left-pic
{
	margin: 10px 10px 10px 0px;
}


/*** home page styles ************************************************************/


#home-main{
	height: 190px;
	width: 100%;
	background: #b2d684 url(../../images/main_img.jpg) no-repeat top left;
	padding-top: 25px;
	border-bottom: 3px solid #fff;
}

#home-main p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #455f36;
	line-height: 19px;
	margin: 0px 40px 0 370px;
	padding-top: 15px;
	text-align: left;
}

#home-bottom{
	width: 100%;
	background: #fff url(../../images/fade_1.gif) repeat-x top left;
}

.home-bottom-left{
	width: 252px;
	border-right: 3px solid #fff;
	padding: 30px 35px;	
}

.home-bottom-right{
	text-align: center;
	background: url(../../images/corporate_img.jpg) no-repeat top center;
	padding: 135px 0 30px 0;
	font-size: 13px;
	font-weight: bold;
}

.address-labels{
	font-weight: bold;
}

.address-values{
}


.dots-horizontal
{
	background: url(../../images/dots.gif) repeat-x center;
}









.section-table{
	width: 100%;
}

.section-header{	
	background: #F9F7EB;
	padding: 6px 10px;
	font-weight: bold;
	color: #330000;
	font-size: 13px;
}

.section-link{
	font-size: 11px;
	background: #F9F7EB;
	text-align: right;
	padding: 6px 10px;
}

.section-content{
	padding: 0px 10px 25px 10px;
}



.SiteMap-list{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

.SiteMap-list li{font-size: 14px; font-weight: bold; padding-bottom: 20px; }
.SiteMap-list { list-style-type: none; margin-left: 5px; }
.SiteMap-list li ul{margin-left: 20px; list-style-type: square; margin-top: 5px; }
.SiteMap-list li li{font-size: 12px; font-weight: normal; padding-bottom: 0px;  }






.title-link{
	text-align: right;
	position: relative;
	float: right;
	top: -30px;
	margin: 0;
	padding: 0;
	
}





h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0 0 10px 0;
	background: url(../../images/dots.gif) repeat-x bottom left;
}





/** pop up styles */

.popup-title
{
	padding: 6px 10px 7px 10px;
	font-size: 13px;
	font-weight: bold;
	background-color: #ebebeb;
	border-bottom: 1px solid #ccc;
}

.popup-title-link
{
	padding: 6px 10px 7px 10px;
	font-size: 11px;
	background-color: #ebebeb;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

.popup-image-cell
{
	padding: 20px;
}




.pic-left{
margin: 15px;
margin-left: 0;
}

.pic-right{
margin: 15px;
margin-right: 0;
}

.arrow-next
{
	background: url(../../images/arrow_next.gif) no-repeat right;
	padding-right: 12px;	
}

.arrow-back
{
	background: url(../../images/link_arrow_back.gif) no-repeat left;
	padding-left: 12px;
}

.link-arrow
{
	background: url(../../images/link_arrow.gif) no-repeat top left;
	padding-left: 15px;
	height: 17px;
}

.link-arrow-box
{
	background: #f6f7d3 url(../../images/link_arrow.gif) no-repeat 10px 10px;
	padding: 10px 10px 12px 25px;	
	border: 1px solid #d6d7a4;
	display: block;
}
.link-arrow-box:hover
{
	background: #e3e4b5 url(../../images/link_arrow.gif) no-repeat 10px 10px;
	padding: 10px 10px 12px 25px;	
	border: 1px solid #d6d7a4;
	display: block;
}

.link-arrow-back
{
	background: url(../../images/link_arrow_back.gif) no-repeat top left;
	padding-left: 15px;
	height: 17px;
}

.grid
{
	border-collapse: collapse;
	width: 100%;
}

.grid td
{
}

.grid-label
{
	border-bottom: 1px solid #D2DBEC;
	padding: 4px 10px;
}

.grid-value
{
	border-bottom: 1px solid #D2DBEC;
	padding: 20px 0px 20px 0;
	text-align: left;
}

.grid-pic
{
	border-bottom: 1px solid #D2DBEC;
	padding: 20px 10px 20px 0;
	width: 90px;
}

.grid-header{
	background: url(../../images/grid_header_back.gif) repeat-x top left;
	font-weight: bold;
	text-transform: uppercase;
	height: 40px;
	padding: 5px 10px;
}


.pic-link {
}

A .pic-link {border: 3px solid #DFDFDF; }
A:hover .pic-link, A:active .pic-link { border: 3px solid #BDCBE2; }


.product-description{
	/*background: url(../../images/dots.gif) repeat-y top right;*/
}

.product-pictures{
	text-align: right;
	padding-left: 25px;
	/*background: url(../../images/dots.gif) repeat-x bottom right;*/
}





.contact-form
{
	border: 1px solid #ebebeb;
	background: #f6f6f6;
	padding: 20px;
	margin-right: 25px;
	text-align: left;
}

.contact-form-label
{
	padding: 3px 0 1px 0px;
	width: 100px;	
	font-weight: bold;
	color: #333;
}

.contact-form-input
{
	padding: 0px 0 4px 0px;
	color: #333;
}


input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999;
}

.button
{
	font-size: 12px; font-weight: bold;
	padding: 2px 7px;
	border: 1px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background: #ebebeb;
	color: #333;
}

.list{
	list-style-image: url(../../images/link_arrow.gif);
	margin-top: 15px;
	padding-top: 0;
}
.list li{
	padding-bottom: 5px;
}

.box-1{
	background: #f6f6f6;
}





.djs-table{
	margin-top: 10px;
	}

.djs-table td img{
	width: 130px;
	height: 100px;
	border: 1px solid #fff;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	margin-bottom: 10px;
}
.djs-table h2{
	font-size: 15px;
	text-transform: uppercase;
	color: #CC6600
}