html,body {
	background-image: url('../images/bg.jpg'); 
	background-position: top center; 
	margin: 0px; 
	background-repeat: repeat-x;	
	font-family: tahoma;
	font-size: 12px;
	color: #585858;
	text-align: center;
}
th {	
	color: white;
	font-weight: bold;
	background-color: #5F7755;
	padding: 4px;
}
table {
	font-family: arial;
	font-size: 12px;
	color: #585858;	
}
a {
	font-family: arial;
	font-size: 12px;
	color: #0074D3;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1 {
	font-family: arial;
	font-size: 24px;
	border-bottom: 1px solid #E1E1E1;	
	color: gray;
	margin-bottom: 12px;
	font-weight:normal;
	line-height:34px;
}
.spec {	
	color: #0074D3;	
}
.breadcrumb {
	color: #0074D3;
	font-family: arial;
	font-size: 14px;	
}
.prodimage{ 	
	border:7px solid #F5F5F5;
}
.prodlist {
	width: 757px;
	font-family: arial;
	font-size: 12px;
	color: #585858;	
	border: 1px solid #EFEFEF;    
	border-spacing: 0px;
	border-collapse: collapse;
}
.rfqlist {
	width: 100%;
	font-family: arial;
	font-size: 12px;
	color: #585858;	
	border: 1px solid #EFEFEF;    
	border-spacing: 0px;
	border-collapse: collapse;
}
.prodlisttd { 
	border: 1px solid #EFEFEF; 
    margin: 0px;
    padding: 4px;
    background-color: white;
	border-spacing: 0px;	
}
.buttons {
	background: #68b02b;
	color: white;
	font-size: 14px;
	border-bottom: 1px solid #49801c;
	border-right: 1px solid #49801c;
	border-top: 1px solid #a4e86a;
	border-left: 1px solid #a4e86a;
	padding: 4px;
}
.bodytextsm {
	font-family: tahoma;
	font-size: 12px;
	color: #585858;
}
.short { display:inline; text-decoration: none}
.long { display:none; text-decoration: none}

/* Side Navigation
--------------------------------------------------*/
.span-5 .cssbox { 
width:190px !important; 
width: 175px; 
padding-right:0px; 
margin:20px auto; } 

.span-6 .cssbox { 
width:230px !important; 
width: 230px; 
padding-right:0px; 
margin:0 0 25px 0; } 

.span-7 .cssbox { 
width:270px !important; 
width: 255px; 
padding-right:0px; 
margin:20px auto; } 

.span-8 .cssbox { 
width:310px !important; 
width: 300px; 
padding-right:0px; 
margin:20px auto; } 

.cssbox_link { 
	background: transparent url(../images/img_php.png) no-repeat bottom left; 
	margin-right:7px; padding-bottom:7px; 
}
.cssbox_link a {
	color:#464D54; display:block; border-top:1px dotted #E6E6E4; margin:0px; padding:5px 0 7px 14px; text-decoration:none;
}
.cssbox_link a:hover { 
	text-decoration:underline;
	color: #0074D3;
}
.cssbox, .cssbox_body {
	background: transparent url(../images/img_php.png) no-repeat bottom right; 
	width: 230px;
}
.cssbox_head, .cssbox_head p {
	background: transparent url(../images/img2_php.png) no-repeat bottom right; 
}
.cssbox_body { 
	background-position:bottom left; 
	margin-right:10px; 
	padding:10px 15px 2px 15px; 
}
.cssbox_head { 
	background-position:top right; 
	margin-right:0px; 
	padding-right:40px 
} 
.cssbox_head p {
	background-position:top left;
	font-weight:700; 
	font-family:Arial, Helvetica, sans-serif;margin:0; 
	border:0;  
	padding:10px 15px 8px 15px; 
	height:auto !important; 
	height:1%  
} 
/* IE Holly Hack */ /* set the lower-left corner image */ 

#menu {
	width: 757px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
}
#main {
	width: 757px;
	margin-left: auto;
	margin-right: auto;		 
}
#breadcrumbs {
	width: 100%;
	height: 70px;
	text-align: left;	
	font-size: 14px;
}
#breadcrumbs a {font-size: 14px;}
#product {
	width: 100%;	
	text-align: left;		
}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/gr-tab.jpg) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
	color:#272B2F;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
color:#;272B2F
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #D2D2D0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../m/g/loading.gif) no-repeat 0 50%;
}
/*
Tabs - additional IE specific bug fixes

Recommended usage (Conditional Comments):
<!--[if lte IE 7]>
<link rel="stylesheet" href="tabs_ie.css" type="text/css" media="projection, screen" />
<![endif]-->

*/
.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}

/* Menu Rollovers */
a.rollover_home {
	display:block;
	width: 72px;
	height:107px;	
	text-decoration: none; 
	background: url("../images/menu_home.jpg");	
}
a.rollover_home:hover { 
	background-position: -72px 0; 
}
a.rollover_products {
	display:block;
	width: 97px;
	height:107px;	
	text-decoration: none; 
	background: url("../images/menu_products.jpg");	
}
a.rollover_products:hover { 
	background-position: -97px 0; 
}
a.rollover_services {
	display:block;
	width: 92px;
	height:107px;	
	text-decoration: none; 
	background: url("../images/menu_services.jpg");	
}
a.rollover_services:hover { 
	background-position: -92px 0; 
}
a.rollover_contact {
	display:block;
	width: 92px;
	height:107px;	
	text-decoration: none; 
	background: url("../images/menu_contact.jpg");	
}
a.rollover_contact:hover { 
	background-position: -92px 0; 
}
a.rollover_about {
	display:block;
	width: 81px;
	height:107px;	
	text-decoration: none; 
	background: url("../images/menu_about.jpg");	
}
a.rollover_about:hover { 
	background-position: -81px 0; 
}

/* Image Pop-Up for Products Section */

a.screen, a.screen:visited {
	position:relative; 
	z-index:1;
}
a.screen b {
	position:absolute;
	visibility:hidden; /* hide the image */
	width:163px; /* give it a width */
	height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
	left:115px; /* position:the image */
	top:-6px;
}
a.screen:hover {
	text-decoration:none; 
	border:0; /* needed for this to work in IE */ 
	z-index:1000;
}
a.screen:hover b {
	visibility:visible; /* make the image visible */
	/* height:109px;  now give it a height */
	cursor:pointer; /* for IE */
	z-index:500; 
}
a.screen:hover b img {
	border:5px solid #5F7755;
}