@import url("reset.css");
@import url("typography.css");
html, body {
	height:100%;
}
body {
	background-color:#fff;
}
#header {
	background:url(../img/header_bg.gif) repeat-x top;
	height:158px;
	width:100%;
}
#header-wrapper {
	background:url(../img/header_decoration.jpg) no-repeat top;
	height:143px;
	margin:0 auto;
	width:960px;
}
#logo {
	height:50px;
	float:left;
	width:360px;
	margin:45px 0 0 34px;
}
/* START search styles */
#search-fieldset {
	float:right;
	width:261px;
	margin:49px 4px 0 0;
}
#search-fieldset .search-input-bg {
	background:url(../img/search_input_bg.gif) no-repeat;
	height:22px;
	width:226px;
	float:left;
}
#search-fieldset .search-input {
	border:0 none;
	background:none;
	width:210px;
	margin:2px 0 0 10px;
}
#search-fieldset .search-button {
	float:left;
	height:22px;
	width:35px;
}
/* END search styles */

/* START main menu */
#main-menu {
	float:right;
	margin:22px 2px 0 0;
	width:526px;
}
#main-menu .home-button a, #main-menu .home-button a:hover, #main-menu .home-button-selected a, #main-menu .home-button-selected a:hover,
#main-menu .about-us-button a, #main-menu .about-us-button a:hover, #main-menu .about-us-button-selected a, #main-menu .about-us-button-selected a:hover,
#main-menu .services-button a, #main-menu .services-button a:hover, #main-menu .services-button-selected a, #main-menu .services-button-selected a:hover,
#main-menu .news-button a, #main-menu .news-button a:hover, #main-menu .news-button-selected a, #main-menu .news-button-selected a:hover,
#main-menu .contact-button a, #main-menu .contact-button a:hover, #main-menu .contact-button-selected a, #main-menu .contact-button-selected a:hover  {
	display:block;
	float:left;	
	height:27px;
	text-indent:-9000px;
}
#main-menu .home-button a {
	background:url(../img/home.gif) no-repeat;	
	width:102px;	
}
#main-menu .home-button a:hover, #main-menu .home-button-selected a {
	background:url(../img/home_hover.gif) no-repeat;	
	width:102px;	
}
#main-menu .about-us-button a {
	background:url(../img/about_us.gif) no-repeat;	
	width:116px;
}
#main-menu .about-us-button a:hover, #main-menu .about-us-button-selected a {
	background:url(../img/about_us_hover.gif) no-repeat;	
	width:116px;	
}
#main-menu .services-button a {
	background:url(../img/services.gif) no-repeat;	
	width:111px;
}
#main-menu .services-button a:hover, #main-menu .services-button-selected a {
	background:url(../img/services_hover.gif) no-repeat;	
	width:111px;
}
#main-menu .news-button a {
	background:url(../img/news.gif) no-repeat;	
	width:87px;
}
#main-menu .news-button a:hover, #main-menu .news-button-selected a {
	background:url(../img/news_hover.gif) no-repeat;	
	width:87px;	
}
#main-menu .contact-button a {
	background:url(../img/contact.gif) no-repeat;	
	width:110px;
}
#main-menu .contact-button a:hover, #main-menu .contact-button-selected a {
	background:url(../img/contact_hover.gif) no-repeat;	
	width:110px;	
}
/* END main menu */

/* START secondary menus */
#main-menu li {
	position:relative;
	display:inline;
	float:left;
	z-index:10;
}
#main-menu li .secondary-menu {
	display:block;
	left:0;	
	position:absolute;
	visibility:hidden;	
	z-index:10;	
	width:182px;
}
/* Sub level menu list items */
#main-menu li .secondary-menu li {
	display:list-item;
	float:left;
	width:182px;
}
#main-menu .secondary-menu li a, #main-menu .secondary-menu li a:hover {
	background-image:none;
	border-bottom:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;	
	border-right:1px solid #d7d7d7;	
	float:left;
	height:20px;
	padding:6px 0 6px 10px;
	text-indent:0;
	width:170px;

}
#main-menu .secondary-menu li a {
	background-color:#e9e9e9;
}
#main-menu .secondary-menu li a:hover {
	background-color:#f3f3f3;
}
#menu-shadow {
	background:url(../img/menu_shadow.gif) no-repeat;
	float:right;
	height:4px;
	width:526px;
}
/* END secondary menus */

/* START home page body content */

/* START footer adjustment */
#home-wrapper {
	min-height:100%;
	position:relative;	
	margin-bottom:-272px;
}
#interior-wrapper {
	min-height:100%;
	position:relative;	
	margin-bottom:-100px;
}
.clear-interior-footer {
	clear:both;
	height:100px;
}
.clear-home-footer {
	clear:both;
	height:272px;
}
/* END footer adjustment */
#body-wrapper {
	margin:0 auto;
	width:960px;
}
.body-top, .body-bottom {
	height:18px;
	float:left;
	width:960px;
}
.body-top {
	background:url(../img/body_top.gif) no-repeat;
}
.body-bottom {
	background:url(../img/body_bottom.gif) no-repeat;
}
.body-middle {
	float:left;
	width:960px;
	background:url(../img/body_middle.gif) repeat-y;
}
.body-content {
	background:url(../img/body_gradient.gif) no-repeat top;
	float:left;
	margin:0 0 0 5px;	
	position:relative;
	width:950px;
	
	min-height:250px;
	height:auto !important;
	height:250px;	
}
.inside-fix {
	margin-bottom:8px;
}

/* START Easy Slider styles */
#slider {
	left:42px;
	position:absolute;
	top:-4px;
	z-index:1;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li { 
	/* define width and height of container element and list item (slide)
	list items must be the same size as the slider area */ 
	width:882px;
	height:248px;
	overflow:hidden; 
}
span#prevBtn a, span#nextBtn a {
	height:50px;
	position:absolute;
	width:50px;
	text-indent:-9000px;
	top:100px;
	display:block;	
}
span#prevBtn a {
	background:url(../img/sleft_arrow.gif) no-repeat;
	left:-25px;

}
span#prevBtn a:hover {
	background-position: 0px -50px;  
}	
span#nextBtn a {
	background:url(../img/sright_arrow.gif) no-repeat;	
	right:-25px;
}
span#nextBtn a:hover {
	background-position: 0px -50px;  
}				
/* END Easy Slider styles */

/* START slider-1 contents */
.slider-left {
	float:left;
	margin:0 16px 0 0;
	width:416px;
}
.slider-left h1 {
	float:left;
	width:100%;
	margin:14px 0 0 0;
}
.slider-left p {
	float:left;
	margin:8px 0 8px 0;
	width:100%;
}
.slider-right {
	background:url(../img/slider_decoration.gif) no-repeat;
	float:left;
	height:245px;
	width:450px;
	margin:3px 0 0 0;
}
.slide-image {
	margin:6px 0 0 6px;
}
/* END slider-1 contents */

/* START slider-3 contents */
.slider-centered {
	float:left;
	width:100%;
}
.slider-centered h1 {
	width:100%;
	margin:10px 0 10px 0;	
}
.slider-gallery-wrapper {
	float:left;
	width:100%;
}
.slider-gallery-content {
	text-align:center;
	height:100px;
	margin:20px 0 0 0;	
}
.slider-gallery-item {
	display:inline;
	margin:0 10px 0 10px;
	line-height:0;
}
/* targets ie6 only */
* html .slider-gallery-item  {
	margin:0 13px 0 13px;
} 
/* targets ie7 only */
*:first-child+html .slider-gallery-item {
	margin:0 13px 0 13px;
}
.slider-gallery-content a {
	background-color:#fff;	
	display:table-cell;
	display:inline-block;
	height:78px;
	margin:0 auto;	
	width:126px;
	border:1px solid #d5d5d5;
}
.slider-gallery-content a:hover {
	border:1px solid #ababab;
}
.slider-gallery-content a img {
	border:4px solid #f7f7f7;
}
/* END slider-3 contents */

/* START slider-2 contents */
.slider-list {
	float:left;
	width:100%;
	margin:8px 0 0 0;
}
.slider-list span {
	background:url(../img/list_arrow.gif) no-repeat top left;
	float:left;
	display:block;
	margin:4px 0 3px 0;
	padding:0 0 0 24px;	
	width:388px;
}
/* END slider-2 contents */
.outside-area {
	float:left;
	width:916px;
	margin:0 0 0 22px;
}
.outside-area h1 {
	margin:16px 0 6px 0;
}
.hbox-wrapper {
	float:left;
	margin:0 0 0 -8px;
	width:968px;
}
.hbox {
	float:left;
	height:312px;
	width:314px;
	margin:0 0 0 8px;
	display:inline;
} 
.hbox-top, .hbox-bottom {
	float:left;
	height:18px;
	width:314px;
}
.hbox-top {
	background:url(../img/hbox_top.gif) no-repeat;
}
.hbox-bottom {
	background:url(../img/hbox_bottom.gif) no-repeat;
}
.hbox-middle {
	background:url(../img/hbox_middle.gif) repeat-y;
	float:left;	
	width:314px;	
}
.hbox-content {
	background:url(../img/hbox_gradient.gif) no-repeat top;
	height:275px;
	float:left;
	position:relative;
	width:314px;	
}
.hbox-content h3 {
	margin:0 0 2px 22px;
}
.hbox-underline {
	background:url(../img/underline_decoration.gif) repeat-x;
	float:left;
	height:2px;
	width:268px;
	margin:0 0 0 22px;
}
.hbox-content .hbox-imgfix {
	float:left;
	margin:10px 8px 0 22px;
	width:110px;
	position:relative;
	left:0;
}
.hbox-content p {
	margin:10px 20px 0 22px;
}
.hbox-readmore {
	margin:5px 0 0 20px;
}
.slider-learnmore {
	position:relative;
	top:6px;
	left:138px;
}
/* START home footer styles */
#footer-h {
	background:url(../img/hfooter_bg.gif) repeat-x;
	float:left;
	height:272px;
	position:relative;
	margin:6px 0 0 0;
	width:100%;
}
#footer-h #footer-h-wrapper {
	background:url(../img/hfooter_decoration.png) no-repeat bottom;
	height:272px;
	margin:0 auto;
	width:960px;
}
#footer-h-news {
	float:left;
	width:328px;
}
#footer-h-testimonials {
	float:right;
	width:436px;
	margin:0 25px 0 0;
}
#footer-h-news h3, #footer-h-testimonials h3 {
	width:100%;	
 	float:left;	
	border-bottom:1px solid #ababab;	
}
#footer-h-news h3 {
	margin:24px 0 4px 20px;
}
#footer-h-testimonials h3 {
	margin:24px 0 0 0px;
}
#footer-h-news ul {
	float:left;
	width:328px;
	margin:0 0 0 20px;
}
#footer-h-news ul li {
	float:left;
	width:100%;
	margin:5px 0 5px 0;
}
.testimonial-h-block {
	background:url(../img/testimonial_h_bg.gif) no-repeat;
	float:left;
	height:128px;
	margin:14px 0 0 0;
	width:436px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.testimonial-h-block p {
	float:left;
	margin:8px 0 0 14px;
	width:406px;
}
.testimonial-h-block .testimonial-h-sig {
	margin:2px 0 0 14px;
}
.footer-h-bottom {
	border-top:1px solid #ababab;
	float:left;
	width:100%;
}
.footer-menu {
	float:left;
	margin:10px 0 0 10px;
	width:504px;
}
.footer-menu a {
	display:block;
	float:left;
	margin:0 12px 0 12px;
}
.footer-menu .footer-bullets-fix {
	float:left;
	margin:8px 0 0 0;
	width:5px;
}
.footer-copyright {
	float:right;
	margin:10px 0 0 0;
	text-align:right;
	width:440px;	
}
*:first-child+html .footer-h-bottom {
	margin:4px 0 0 0;
}
/* END home footer styles */

/* START normal footer styles */
#footer {
	background:url(../img/footer_bg.gif) repeat-x;
	float:left;
	height:100px;
	margin:6px 0 0 0;
	position:relative;
	width:100%;
}
#footer #footer-wrapper {
	background:url(../img/footer_decoration.png) no-repeat bottom;
	height:87px;
	margin:13px auto 0 auto;
	width:960px;
}
.footer-bottom {
	float:left;
	margin:12px 0 0 0;
	width:100%;
}
/* END normal footer styles */
.body-left {
	float:left;
	margin:10px 0 0 18px;
	border-right:1px solid #d5d5d5;
	width:602px;
	padding:0 20px 0 0;
}
.body-right {
	float:left;
	margin:10px 0 0 18px;
	width:270px;
}
.body-left h1 {
	float:left;
	width:100%; 
	margin:-5px 0 2px 0;
}
/* targets ie6 only */
* html .body-left h1  {
	margin:-6px 0 -4px 0;
} 
/* targets ie7 only */
*:first-child+html .body-left h1 {
	margin:-6px 0 -4px 0;
}
.body-left p {
	margin:8px 0px 8px 0;
}
.body-left h3 {
	float:left;
	width:100%;
}
.img-right-container a, .img-left-container a {
	background-color:#fff;
	border:1px solid #d3d3d3;
	display:block;
	height:142px;
	width:230px;
}
.img-right-container a {
	float:right;
	margin:6px 0 0 10px;	
}

.img-left-container a {
	float:left;
	margin:6px 10px 0 0;		
}
/* targets ie6 only */
* html .img-left-container a  {
	margin:6px 10px 0 0;
} 
/* targets ie7 only */
*:first-child+html .img-left-container a {
	margin:6px 10px 0 0;
}
.img-right-container a:hover, .img-left-container a:hover {
	border:1px solid #ababab;
}
.img-right-container a img, .img-left-container a img  {
	margin:4px 0 0 4px;
}
/* targets ie6 only */
* html .img-right-container a  {
	margin:12px 0 0 6px;
} 
/* targets ie7 only */
*:first-child+html .img-right-container a {
	margin:12px 0 0 6px;
}

/* START latest news block */
.latest-news-block {
	float:left;
	width:270px;
}
/* targets ie7 only */
*:first-child+html .latest-news-block {
	margin:0 0 8px 0;
}
.latest-news-block h3 {
 	float:left;	
	width:100%;	
}
.latest-news-block ul {
	float:left;
	width:270px;
}
.latest-news-block ul li {
	margin:5px 0 5px 0;
	float:left;
	width:100%;
}
/* END latest news block */

/* START services block */
.services-list-block {
	float:left;
	font-size:12px;
	width:270px;
	margin:8px 0 0 0;	
}
.services-list-block ul li {
	background:url(../img/list_arrow.gif) no-repeat top left;
	float:left;
	margin:4px 0 3px 0;
	padding:0 0 0 26px;	
	width:230px;
}
/* END services block */

/* START product gallery block */
.product-gallery-block {
	float:left;
	width:270px;
	margin:8px 0 0 0;	
}
.product-gallery-block h3 {
	margin:8px 0 0 0;
}
.product-gallery-block ul {
	float:left;
	margin:0 0 0 -17px;
	width:288px;
}
.product-gallery-block ul li {
	background-color:#fff;
	display:block;
	float:left;
	height:76px;
	width:124px;
	margin:9px 0 9px 18px;	
}
.product-gallery-block ul li a {
	border:1px solid #d3d3d3;
	display:block;
	height:76px;	
	width:124px;
}
.product-gallery-block ul li a:hover {
	border:1px solid #ababab;
}
.product-gallery-block ul li a img {
	margin:4px 0 0 4px;
}
/* END product gallery block */

/* START product table styles */
.product-table {
	float:left;
	width:602px;
	margin:8px 0 16px 0;
	border-collapse:separate;
}
.prodtbl-header tr td {
	background-color:#222267; 
	height:27px;
	border-bottom:1px solid #fff;	
}
.prodtbl-header tr td, .prod-tbl-body tr td, .prodtbl-footer tr td {
	padding:0 0 0 10px;	
}
.prodtbl-th1 {
	width:160px;
}
.prodtbl-th2, .prodtbl-th3, .prodtbl-th4 {
	width:143px;
}
.prodtbl-td1, .prodtbl-td2, .prodtbl-td3, .prodtbl-td4 {
	height:27px;
	border:1px solid #fff;
}
.prodtbl-td2 .prodtbl-availability, .prodtbl-td3 .prodtbl-availability, .prodtbl-td4 .prodtbl-availability {
	position:relative;
	top:-1px;
	vertical-align:middle;
}
.prodtbl-odd td {
	background-color:#f1f1f1;
}
.prodtbl-even td {
	background-color:#e4e4e4;
}
.prodtbl-tf1, .prodtbl-tf2, .prodtbl-tf3, .prodtbl-tf4 {
	height:40px;
	border:1px solid #fff;
}
.prodtbl-tf2 .prodtbl-purchase, .prodtbl-tf3 .prodtbl-purchase, .prodtbl-tf4 .prodtbl-purchase {
	vertical-align:middle;
}

/* END product table styles */

/* START item list styles */

.itemlist-img-content {
	background-color:#fff;
	display:block;
	float:left;
	height:76px;
	width:124px;
	margin:2px 12px 0 0;
}
.item-list-block {
	float:left;
	width:100%;
	margin:0 0 16px 0; /* you might want to modify the bottom margin the item list block if you plan on using h1 tags, 0 0 18px 0 should do it */
}
/* uncomment this if you plan on using h1 tags in the item list headers
.item-list-block h1 {
	line-height:30px;
	margin:-5px 0 0 0;

}
*/

.item-list-block .itemlist-wrap {
	float:left;
	position:relative;
	top:-8px;
	width:100%;
}
.item-list-block .itemlist-wrap p {
	margin:2px 0 0 0;
}

.item-list-block .itemlist-date {
	float:left;
	position:relative;
	top:-10px;	
	width:100%;
}
.itemlist-img-content a {
	border:1px solid #d3d3d3;
	display:block;
	height:76px;	
	width:124px;
}
.itemlist-img-content a:hover {
	border:1px solid #ababab;
}
.itemlist-img-content a img {
	margin:4px 0 0 4px;
}
.item-list-pagination {
	width:100%;
	float:left;
	text-align:center;
}
.ilpag-wrapper {
	margin:0 auto;
}

.ilpag-wrapper ul li {
	display:inline;
}
.ilpag-wrapper ul li a {
	display:table-cell;
	display:inline-block;
	height:20px;
	margin:0 auto;	
	width:20px;
}
/* END item list styles */

/* START contact page styles */
.body-left address {
	font-style:normal;
	margin:3px 0 8px 0;
	float:left;
	width:100%;
}
.contact-fieldset {
	float:left;
	width:100%;
}
.contact-fieldset ul li {
	float:left;
	margin:4px 0 4px 0;
	width:100%;
}
.contact-fieldset ul li label {
	float:left;
	width:100px;
}
.c-input-bg {
	background:url(../img/contact_input_bg.gif) no-repeat;
	float:left;
	height:21px;
	width:227px;
}
.c-input {
	background:none;
	border:0 none;
	padding:2px 0 4px 0;
	width:225px;
}
.c-textarea-bg {
	background:url(../img/contact_textarea_bg.gif) no-repeat;
	float:left;	
	height:141px;
	width:417px;

}
.c-textarea {
	background:none;	
	border:0 none;
	height:138px;
	overflow:hidden;
	width:415px;
}
.c-send-button {
	left:100px;
	position:relative;	
	top:2px;
}
.contact-fieldset input:focus, .contact-fieldset textarea:focus {
	border:1px solid #b2b2b2;
}
/* START tabular data block */
.tabular-block {
	float:left;
	font-size:12px;
	margin:12px 0 0 0;	
	width:270px;
	font-size:11px;		
}
.ui-tabs .ui-tabs-nav {
	margin:10px 0 0 0;
}
.ui-tabs .ui-tabs-nav li { 
	float:left;
	width:88px;
	margin:0 1px 0 1px;
 }
.ui-tabs .ui-tabs-nav li a { 
	display:block;
	text-align:center;
	text-decoration:none;
	height:22px;
	padding-top:4px;
	background-color:#dedede;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-color:#85afdf;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text; 
	background-color:#85afdf;
	color:#fff;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; 
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { 
	margin:6px 0 0 1px;
	float:left;
	width:268px;
}
.ui-tabs .ui-tabs-panel h6 {
	margin:6px 0 0 0;
}
.ui-tabs .ui-tabs-panel p {
	margin:4px 0 8px 0;
}
.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}	
/* END tabular data block */

/* START generic styles */
.legend-index {
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
.legend-index h1, .legend-index h2, .legend-index h3, .legend-index h4, .legend-index h5, .legend-index h6 {
	margin:6px 0 6px 0;
	width:100%;
}
.legend-index ul {
	float:left;
	list-style:disc inside;
	margin:0 0 0 20px;	
	font-size:11px;	
}
.legend-index ul ul {
	float:left;
	list-style: circle inside;
	margin:0 0 0 20px;
}
.legend-index ul li {
	line-height:20px;
}
.legend-index ol {
	list-style:decimal inside;
	margin:0 0 0 20px;
	float:left;
	font-size:11px;		
}
.legend-index ol li {
	line-height:20px;
}
.legend-index blockquote {
	background-color:#eaeaea;
	border:1px solid #d5d5d5;
	font-style:italic;
	float:left;
	line-height: 20px;
	margin:0px 0 0 0;
	padding:0 10px 0 10px;
	margin:6px 0 6px 0;
	width:580px;
}
/* END generic styles */