
/* general styles ----------------------- */

body {
	margin: 0px;
	text-align: center;
	background: #fff url(../../images/page_back.jpg) repeat-x top center;
	}
	
body, table, td, p, input, select{
	font: normal 12px arial;
	color: #333;
}

a:link{color: #9E0A1A;}
a:visited{color: #9E0A1A;}
a:active{color: #9E0A1A;}
a:hover{color: #333;}	
a[name]:hover{color: #333;}
	
	
#page{
	width: 720px;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 1px;
}

.home-page-body
{
	background: #fff;
	width: 100%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
	
.page-body
{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../../images/body_back.gif) repeat-x top left;
}

.page-body-content
{
	width: 678px;
	padding: 20px 25px;
}

	
/* header navigation styles */

#header{
	width: 720px;
	background: url(../../images/header_back.jpg) repeat-x top left;
}

#logo{
	background: url(../../images/header_logo.gif) no-repeat top left;
	width: 415px;
	height: 93px;
}

#logo a {
	display: block;
	float: left;
	text-align: center;
	color: #2E6090;
	padding: 0;
	margin: 0;
	width: 180px;
	height: 90px; /* CONFORMANT BROWSERS */
	text-decoration: none;
	font-size: 0;
}


#top-links{
	font-size: 11px;
	text-align: right;
	height: 65px;
	padding: 10px 35px 30px 10px;
	color: #fff;
}

#top-links a{ color: #FDF8CE; }
#top-links a:hover{ color: yellow; }

#header-menu-nest{
background: #fff;
padding: 7px 0;
}


#nav {
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	font-size: 1px;
	margin: 15px 0 0 17px;
}

#nav li {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	display: block;
	float: left;
	border-right: 1px solid #ccc;
}

#nav a {
	display: block;
	float: left;
	text-align: center;
	color: #9E0A1A;
	padding: 8px 14px 8px 14px;
	margin: 0;
	 /*height: 30px; CONFORMANT BROWSERS */
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#nav a:hover {
	 background: #5084B6; color: #fff;
}


.header-button a:link, .header-button a:visited, .header-button a:active { color: #9E0A1A;}
.header-button a:hover {}
.header-button #selected { background: #5084B6; color: #fff;}










.menu-nest{
	background-color: #BDB588;
}

.menu{
	width: 180px;
}

.search-box{
	padding: 10px 15px;
	border-left: 1px solid #fff;
	background: #FDF8CE;
}

.search-box-title
{
	background: url(../../images/lblSearch.gif) no-repeat left top;
	height: 36px;
	font-size: 0;
	vertical-align: text-top;
}

.browse-box-title
{
	background: url(../../images/lblBrowse.gif) no-repeat left top;
	height: 42px;
	font-size: 0; color: #7E7956;
	vertical-align: text-top;
}

.browse-box
{
	background: #9B9571;
	border-left: 1px solid #F5F2D8;
	border-bottom: 1px solid #F5F2D8;
}

.browse2-box-title
{
	background: url(../../images/lblBrowseByTitle.gif) no-repeat left top;
	height: 42px;
	font-size: 0; color: #7E7956;
	vertical-align: text-top;
}

.browse2-box
{
	background: #9B9571;
	border-left: 1px solid #F5F2D8;
	border-bottom: 1px solid #F5F2D8;
	padding: 10px 15px 15px 15px;
	line-height: 18px;
}

.browse2-box a:link, .browse2-box a:visited, .browse2-box a:active{color:#F0EEE6;}
.browse2-box a:hover{color:yellow; }

.menu-links{
	margin-left: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
}

.menu-links li a:link, .menu-links li a:visited, .menu-links li a:active{text-decoration: none; color:#FEFFFF;}
.menu-links li a:hover{text-decoration: none; color:yellow;}

.menu-links li{	
	border-bottom: 1px dotted #B5AF8D;
	padding: 5px 0;
}


.footer
{
	padding: 13px 20px 25px 20px;
	width: 100%; height: 40px;
	margin: 20px 0;
	background: #919DAC;
	border-bottom: 5px solid #737C88;
	color: #fff;
}
.footer td{color: #fff; font-size: 11px;}

.footer a:link, .footer a:visited, .footer a:active{color:#fff;}
.footer a:hover{color:#000;}






/* content styles ----------------------- */
.page-content
{
	padding: 20px 30px 20px 30px;
	width: 560px;
	background: url(../../images/content_back.jpg) no-repeat top right;
}

h1
{
	font-family: Arial;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: normal;
	color: #000;
	margin: 5px 0px 10px 0;
	background: url(../../images/dots.gif) repeat-x bottom left;
}


h2
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin: 5px 0 10px 0;
}



p
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	margin-top: 15px;
}

.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{
}

.home-main-side{
	background: #E8F28F url(../../images/home_main_back.gif) repeat-x top left;
	width: 420px;
}



.dots-horizontal
{
	background: url(../../images/dots.gif) repeat-x center;
}









.section-table{
	width: 100%;
}

.section-header{	
	background: #737C88;
	padding: 9px 15px 8px 15px;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

.section-link{
	font-size: 11px;
	background: #F9F7EB;
	text-align: right;
	padding: 6px 10px;
}

.section-content{
	padding: 15px 15px 25px 15px;
}



.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;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	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/arrow_back.gif) no-repeat left;
	padding-left: 12px;
}

.link-arrow
{
	background: url(../../images/link_arrow.gif) no-repeat left;
	padding-left: 10px;
}

.grid
{
	border-collapse: collapse;
}

.grid td
{
}

.grid-label
{
	background: #F8FBE4;
	border-bottom: 1px solid #C7E2AB;
	border-left: 1px solid #C7E2AB;
	padding: 4px 10px;
	font-size: 11px;
}

.grid-value
{
	background: #fff;
	border-bottom: 1px solid #C7E2AB;
	border-left: 1px solid #C7E2AB;
	border-right: 1px solid #C7E2AB;
	padding: 4px 10px;
	text-align: center;
	font-size: 11px;
}

.grid-pic
{
	border-bottom: 1px solid #C7E2AB;
	border-left: 1px solid #C7E2AB;
	border-right: 1px solid #C7E2AB;
	text-align: center;
	padding: 0;
}

.grid-header{
	background: url(../../images/grid_header_back.gif) repeat-x top left;
	font-weight: bold;
	text-transform: uppercase;
	height: 40px;
	padding: 5px 10px;
}

.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
{
	background: #E7EF9E;
	padding: 20px;
	border: 1px solid #D6DE8A;
	width: 300px;
	margin-right: 20px;
}


.vertical-line{
background: url(../../images/dots.gif) repeat-y top center;
}

.special{
	border: 3px dotted red;
	padding: 20px;
	background: #f5f5e2;
}
