/* Caution! Ensure accessibility in print and other media types... */
@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 */

/*-- tab bucket --*/
div#dmtbs div {width:100%; margin:0 auto; padding:0;}
div#dmtbs {width:570px; } /* don't forget the width on the ul in the tab area; it's the same minus 2 pixels for padding */
	/*-- sub pages --*/
	#sub #pltfrm #cntnt div div#dmtbs {width:auto; margin-top:10px;}

/*-- tab sections --*/
div#dmtbs div div.tabs-container {border:2px solid #e85601; border-width:0 0 2px; margin:0; padding:0;  overflow:auto; padding-bottom: 10px;}
#home div#dmtbs div div.tabs-container {border:none; }
div#dmtbs div div#advertis {height:auto; z-index:0; border-bottom:none;}
div#dmtbs div div#manufact {position:relative;}
div#dmtbs div div#manufact div {margin:0;padding:0;position:absolute;}
div#dmtbs div div#manufact div ul.cardindex {width:100%;}
div#dmtbs div div#manufact div#man-list {top:1.5em;}
div#dmtbs div div#manufact div h3{float:left;}
div#dmtbs div div#manufact div p{float:right;}
/*
div#dmtbs div div#manufact div#sublinkholder {overflow:hidden;height:1.2em;}
div#dmtbs div div#manufact div#holder {overflow:hidden;}
div#dmtbs div div#manufact div#holder div#pane{overflow:auto;}
*/
	/*-- sub pages --*/
	#sub #pltfrm #cntnt div div#dmtbs div div {
		height:auto;
		border-bottom:1px solid #046BC4;
		margin:0 0 20px 0;
		padding:0;
		overflow:auto;
	}

/*-- tab area --*/
div#dmtbs div ul.tabs-nav {width:572px; margin:0; padding:0 0 0 2px; position:relative; z-index:0; background-color:inherit; color:#000; list-style-type:none;}
div#dmtbs div ul.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display:block;
  clear:both;
  content:" ";
}
/* Hide from IE5/MAC \*/
* html div#dmtbs div ul.tabs-nav {height:1%; display:block;}
/* End hide from IE5/MAC */
 
	/*--sub pages--*/
	#sub #pltfrm #cntnt div div#dmtbs div ul.tabs-nav {width:auto;border-bottom:1px solid #046BC4;}


/* tab non-active state */
div#dmtbs div ul.tabs-nav li {float:left; margin:0 2px 0 0; padding:0; list-style-type:none; min-width:85px; /* be nice to Opera */	list-style-type:none;}
div#dmtbs div ul.tabs-nav li#advtab {float:right; margin-right:4px; min-width:50px}
div#dmtbs div ul.tabs-nav li#soltab {margin:0 2px;}
div#dmtbs div ul.tabs-nav a, 
div#dmtbs div ul.tabs-nav a span {
    display:block;
    padding:0 5px;
    background:url(/images/layout/tabs.gif) no-repeat;
}
div#dmtbs div ul.tabs-nav a {
    position:relative;
    top:0;
    z-index:2;
    color:#000;
		background-color:inherit;
		padding-left:0;
    font-size:11px;
    font-weight:bold;
    line-height:1.2em;
    text-align:center;
    text-decoration:none;
    /*white-space:nowrap;*/ /* required in IE 6 */
}
	/*--sub pages--*/
	div.col-lrg div#dmtbs div ul.tabs-nav a {
		font-size:11px;
	}

/* tabs -- active state (anchors) */
div#dmtbs div ul.tabs-nav li.tabs-selected a, 
div#dmtbs div ul.tabs-nav a:hover, 
div#dmtbs div ul.tabs-nav a:focus, 
div#dmtbs div ul.tabs-nav a:active {
    background-position:100% -450px;
    outline:0; /* prevent dotted border in Firefox */
		color:#fff;
		background-color:#e85601;
}

/*  tabs -- non-active state (anchors) */
div#dmtbs div ul.tabs-nav a, 
div#dmtbs div ul.tabs-nav li.tabs-disabled a:hover, 
div#dmtbs div ul.tabs-nav li.tabs-disabled a:focus, 
div#dmtbs div ul.tabs-nav li.tabs-disabled a:active {
    background-position:100% -300px;
		color:#fff;
		background-color:#2E3D58;
}

/*  tabs -- active state (span)*/
div#dmtbs div ul.tabs-nav li.tabs-selected a span, 
div#dmtbs div ul.tabs-nav a:hover span, 
div#dmtbs div ul.tabs-nav a:focus span, 
div#dmtbs div ul.tabs-nav a:active span {
    background-position:0 -150px;
		color:#fff;
		background-color:#e85601;
}

/*  tabs -- non-active state (span) */
div#dmtbs div ul.tabs-nav a span, 
div#dmtbs div ul.tabs-nav li.tabs-disabled a:hover span, 
div#dmtbs div ul.tabs-nav li.tabs-disabled a:focus span, 
div#dmtbs div ul.tabs-nav li.tabs-disabled a:active span {
    background-position:0 0;
		color:#fff;
		background-color:#2E3D58;
}

/* tab sizing */
div#dmtbs div ul.tabs-nav li a span {
    width:97px; /* IE 6 treats width as min-width */
    min-width:97px;
    height:15px; /* IE 6 treats height as min-height */
    min-height:15px;
    padding:4px 0 4px 6px; /*anchor adds 6px to the right*/
}

/* tab sizing extra long */

div#dmtbs.long div ul.tabs-nav li a span {
    width:110px; /* IE 6 treats width as min-width */
    min-width:110px;
    height:15px; /* IE 6 treats height as min-height */
    min-height:15px;
    padding:4px 0 4px 6px; /*anchor adds 6px to the right*/
}

/* tab sizing extra extra long */

div#dmtbs.longer div ul.tabs-nav li a span {
    width:130px; /* IE 6 treats width as min-width */
    min-width:130px;
    height:25px; /* IE 6 treats height as min-height */
    min-height:25px;
    padding:4px 0 4px 6px; /*anchor adds 6px to the right*/
}
	/*--sub pages--*/
	div.col-lrg div#dmtbs div ul.tabs-nav li a span {
		width:97px; /* IE 6 treats width as min-width */
    min-width:97px;
    height:14px; /* IE 6 treats height as min-height */
    min-height:14px;
    padding:4px 0 4px 6px; /*anchor adds 6px to the right*/
	}

div#dmtbs div ul.tabs-nav li#advtab a span {width:50px; min-width:50px; height:15px; min-height:15px; margin-top:15px;  font-size:.6em; font-weight:normal;}
*>div#dmtbs div ul.tabs-nav li a span { /* hide from IE 6 */
    width:85px;
    height:auto;
}

/* tab selected modification */
div#dmtbs div ul.tabs-nav li.tabs-selected a span {
  padding-top:4px;
  color:#fff !important;
}

/* cursor for active tab */
div#dmtbs div ul.tabs-nav li.tabs-selected a:link, 
div#dmtbs div ul.tabs-nav li.tabs-selected a:visited, 
div#dmtbs div ul.tabs-nav li.tabs-disabled a:link, 
div#dmtbs div ul.tabs-nav li.tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor:text;
}
div#dmtbs div ul.tabs-nav a:hover, 
div#dmtbs div ul.tabs-nav a:focus, 
div#dmtbs div ul.tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor:pointer;
}
div#dmtbs div ul.tabs-nav li.tabs-disabled {
    /*opacity:.2;*/
		visibility:hidden;
}
.tabs-container {
    border-top:1px solid #97a5b0;
    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(loading.gif) no-repeat 0 50%;
}

/*-- modify ad area --*/
div#dmtbs div div object, 
div#dmtbs div div img {padding:0; margin:0;}

/* ----- Internal Content Styling ----- */
#solusect dl {margin:7px;}
#solusect dl dt {font-size:1.1em;}
#solusect dl dd {font-size:1em; margin-bottom:10px;}
#products dl {margin:7px; width:29%; float:left;}
#products dl dt {font-size:1.2em; display:block; border-bottom:1px solid #E85601; margin-bottom:5px; padding-bottom:5px; height:50px;}
#products dl dt a:link, #products dl dt a:visited {color:#2D3D57; text-decoration:none;}
#products dl dt a:hover, #products dl dt a:active {color:#2D3D57; text-decoration:underline;}
#products dl dd {font-size:1em; line-height:1.4em;}
#products dl dd a:link, #products dl dd a:visited {color:#000; text-decoration:underline;}
#products dl dd a:hover, #products dl dd a:active {color:#000; text-decoration:none;}
#manufact {position:relative;}
#manufact ul {margin:7px 0 7px 20px;}
#manufact ul li {line-height:1.4em;}
#manufact ul li a:link, #manufact ul li a:visited {color:#000; text-decoration:underline;}
#manufact ul li a:hover, #manufact ul li a:active {color:#000; text-decoration:none;}
#services h3 {font-size:1.2em; color:#2D3D57; margin:7px; font-weight:bold; display:block; border-bottom:1px solid #E85601; height:1.3em;}
#services h3 a:link, #services h3 a:visited {color:#2D3D57; text-decoration:none;}
#services h3 a:hover, #services h3 a:active {color:#2D3D57; text-decoration:underline;}
#services dl {margin:7px 7px 15px 7px;}
#services dl dt {font-size:1.1em; margin-top:10px;}
#services dl dd {font-size:1em;}
#services dl dd a:link, #services dl dd a:visited {color:#000; text-decoration:underline;}
#services dl dd a:hover, #services dl dd a:active {color:#000; text-decoration:none;}
#services .tabs-column {float:left; width:48%; overflow: hidden;}
#trning h3 {color:#e85601; font-size: 14px; line-height:18px; padding-left: 5px;}
#trning p {color: #000; font-size:12px; line-height:18px; padding-left:10px;}
#trning p.right {color:#000; font-size:12px; float: right; width: 40%; margin-top: 0px; padding:5px;}
#trning p.left {margin-right: 300px; width: 50%; height:auto;}
#trning a.color {color:#e85601; font-weight:bold; font-size:12px; line-height:18px; text-decoration: none;}
#trning a:hover.color {color:#e85601; font-weight:bold; font-size:12px; line-height:18px; text-decoration: underline;}
/*
#ftr h3 {color:#e85601; font-size: 14px; line-height:18px; padding-left: 5px;}
#ftr p {color: #000; font-size:12px; line-height:18px; padding-left:10px; padding-right:5px;}
#ftr ul {color: #000; font-size:12px; line-height:18px; padding-left:10px; padding-top:5px;}
#ftr a.color {color:#e85601; font-weight:bold; font-size:12px; line-height:18px; text-decoration: none; padding-top: 5px;}
#ftr a:hover.color {color:#e85601; font-weight:bold; font-size:12px; line-height:18px; text-decoration: underline;}
*/
#prduct h3 {color:#e85601; font-size: 14px; line-height:18px; padding-left: 5px;}
#prduct p {color: #000; font-size:12px; line-height:18px; padding-left:10px; padding-right:5px;}
#prduct ul {color: #000; font-size:12px; line-height:18px; padding-left:10px; padding-top:5px;}
#prduct a.color {color:#e85601; font-weight:bold; font-size:12px; line-height:18px; text-decoration: none; padding-top: 5px;}
#prduct a:hover.color {color:#e85601; font-weight:bold; font-size:12px; line-height:18px; text-decoration: underline;}
#offers h3 {color:#e85601; font-size: 14px; line-height:18px; padding-left: 5px;}
#offers p {color: #000; font-size:12px; line-height:18px; padding-left:10px; padding-right:5px;}
#offers a.color {color:#e85601; font-weight:bold; font-size:12px; line-height:18px; text-decoration: none;}
#offers a:hover.color {color:#e85601; font-weight:bold; font-size:12px; line-height:18px; text-decoration: underline;}