/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html {
height: 100%;
margin-bottom: 0px;
}
form {
margin: 0;
padding: 0;
}
body {
margin: 0px 0px 0px 0px;
font-size: 11px;
background-image: url(../images/page_bg_img.jpg) ;
background-repeat: repeat-x;
background-color: #ffffff;
}
a:link, a:visited {
color: #0892B9;
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
font-weight: normal;
color: #DF0408;
}
input.button {
margin: 0px;
padding: 0px;
cursor: pointer;
background-color: #0092BA;
color: #FFFFFF;
font-weight: bold;
line-height: 16px;
font-size: 12px;
font-family: Tahoma, Verdana, sans-serif;
border: 0px;
}
p {
margin-top: 0;
margin-bottom: 5px;
}
div, p, table, td, th {
font-family: Tahoma, Verdana, sans-serif;
line-height: 1.3em;
font-size: 11px;
color: #536169;
}
/*****************************/
/******* Lidco Layout ********/
/*****************************/
.clear { clear: both; padding: 0px; margin: 0px; }
.spacer { height: 3px; padding: 0px; margin: 0px; width: 759px; background-color: #FFFFFF; clear: both; overflow: hidden; }
#slantedmenu{
width: 759px;
font-weight: bold;
font-size: 11px;
margin-bottom: 10px;
}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #F3F3F3;
border-top: 1px solid #bebebe;
border-bottom: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}
#slantedmenu ul li{
display: inline;
}
#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(slantdivider.gif) top right no-repeat;
}
#slantedmenu ul li a:visited{
color: #494949;
}
#slantedmenu ul li a:hover{
color: black;text-decoration:underline;
}
#wrapper {
width: 779px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/bg-content.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
}
#pagewidth-765 {
width: 765px;
border-top: 1px solid #C0C0C0;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
.tab_title2 {width: 759px;border-top: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;background-color: #FFFFFF;margin-left: auto;margin-right: auto;LINE-HEIGHT: 30px}
#page-top {
margin-left: auto;
margin-right: auto;
width: 765px;
height: 15px;
background-image: url(../images/top.gif);
background-position: left top;
background-repeat: no-repeat;
}
#page-footer {
margin-left: auto;
margin-right: auto;
width: 765px;
height: 57px;
background-image: url(../images/footer.gif);
background-position: left top;
background-repeat: no-repeat;
}
#top {
width: 759px;
height: 108px;
padding-top: 3px;
margin-left: auto;
margin-right: auto;
}
#top-left {
width: 750px;
margin: auto;
padding: 0px;
position: relative;
float: right;
text-align: right;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
}
#top-right {
width: 188px;
margin: auto;
position: relative;
float: right;
text-align: left;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
}
#top-right div.moduletable, #top-right div.module {
margin: 0px;
padding: 0px;
padding-bottom: 8px;
}
#top-right {}
#content {
width: 759px;
margin-left: auto;
margin-right: auto;
}
#content div.moduletable, #content div.module {
margin-bottom: 0px;
}
table.contentpane ul {
margin: 0;
padding: 0;
list-style: none;
}
table.contentpane ul li {
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#footer {
width: 759px;
height: 48px;
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #C0C0C0;
}
#footer-all {
padding-top: 10px;
border-top: 1px solid #C0C0C0;
width: 744px;
margin: auto;
position: relative;
float: left;
text-align: left;
padding-left: 15px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
}
#footer-all P {
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #666666;
}
#footer-all a:link, #footer-left a:visited, #footer-left a:active { color: #0092ba; text-decoration: none; }
#footer-all a:hover { color: #000000; text-decoration: underline; }
#footer-left {
width: 477px;
margin: auto;
position: relative;
float: left;
text-align: left;
padding-left: 15px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
}
#footer-left P {
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #666666;
}
#footer-left a:link, #footer-left a:visited, #footer-left a:active { color: #0092ba; text-decoration: none; }
#footer-left a:hover { color: #000000; text-decoration: underline; }
#footer-right {
border-left: 1px solid #C0C0C0;
width: 260px;
margin: auto;
position: relative;
float: right;
text-align: left;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
}
#footer-right P {
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #9fd6e5;
}
#footer-right P a:link, #footer-right P a:visited, #footer-right P a:active { color: #0092ba; text-decoration: none; }
#footer-right P a:hover { color: #000000; text-decoration: underline; }
a.endorphin:link, a.endorphin:visited, a.endorphin:active {
display: block;
background: url(../images/ei.gif) no-repeat;
padding: 0px;
margin: 0px;
height: 13px;
width: 64px;
text-decoration: none;
margin-top: 10px;
}
a.endorphin:hover {
background-position: 0px -13px;
text-decoration: none;
}
/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/
div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}
/* headers */
div.componentheading {
padding-left: 0px;
}
h1, h2, h3, .contentheading {
margin: 0;
color: #536169;
text-decoration: none;
font-family: Tahoma, Verdana, sans-serif;
font-weight: bold;
font-size: 11px;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}
.moduletable-latestnews h3 { margin: 3px; }
table.contentpaneopen h3 {
margin-top: 25px;
}
h4 {
font-family: Tahoma, Verdana, sans-serif;
color: #536169;
}
.componentheading, table.moduletable th, legend {
margin: 0;
color: #536169;
text-decoration: none;
font-family: Tahoma, Verdana, sans-serif;
font-weight: bold;
font-size: 11px;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}
/* small text */
.small {
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}
.modifydate {
height: 20px;
vertical-align: bottom;
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}
.createdate {
height: 20px;
vertical-align: top;
font-size: .90em;
color: #999;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
}
a.readon {
margin-top: 10px;
display: block;
float: left;
background: url(../images/mw_readon.png) top right no-repeat;
padding-right: 20px;
line-height: 14px;
height: 16px;
}
/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/** overlib **/
.ol-foreground {
background-color: #f6f6f6;
}
.ol-background {
background-color: #666;
}
.ol-textfont {
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
}
.ol-captionfont {
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
color: #0B55C4;
text-decoration: none;
font-size: 11px;
}
.ol-closefont {}
#left { margin-left: 3px; }
#things { margin-left: -37px; width: 188px; }
#things ul li { list-style: none; text-indent: 0px; font-size: 11px; padding: 0px; margin: 0px;}
#things a {
background-image: url(../images/nav-bg.jpg);
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
padding: 0px;
line-height: 15px;
text-decoration: none;
height: 16px;
display: block;
width: 188px;
text-indent: 5px;
}
#things a:hover {
background-position: 0px -16px;
color: #FFFFFF;
text-decoration: none;
}
/*****************************/
/****** Top Navigation *******/
/*****************************/
#top-navigation {
padding-left: 0px;
width: 254px;
margin: 0px;
padding: 0px;
float: right;
}
#top-navigation ul, #top-navigation li {
display: inline;
margin: 0;
padding: 0;
}
#top-navigation ul li { float: left; }
#top-navigation li.nav-splitter {
display: block;
background: url(../images/nav-splitter.gif) no-repeat;
width: 25px;
height: 16px;
}
a.nav-home:link, a.nav-home:visited, a.nav-home:active {
display: block;
background: url(../images/nav-home.gif) no-repeat;
width: 29px;
height: 16px;
}
a.nav-home:hover {
background-position: 0px -16px;
text-decoration: none;
}
a.nav-aboutus:link, a.nav-aboutus:visited, a.nav-aboutus:active {
display: block;
background: url(../images/nav-aboutus.gif) no-repeat;
width: 50px;
height: 16px;
}
a.nav-aboutus:hover {
background-position: 0px -16px;
text-decoration: none;
}
a.nav-news:link, a.nav-news:visited, a.nav-news:active {
display: block;
background: url(../images/nav-news.gif) no-repeat;
width: 29px;
height: 16px;
}
a.nav-news:hover {
background-position: 0px -16px;
text-decoration: none;
}
a.nav-contactus:link, a.nav-contactus:visited, a.nav-contactus:active {
display: block;
background: url(../images/nav-contactus.gif) no-repeat;
width: 61px;
height: 16px;
}
a.nav-contactus:hover {
background-position: 0px -16px;
text-decoration: none;
}
a.nav-search:link, a.nav-search:visited, a.nav-search:active {
display: block;
background: url(../images/nav-search.gif) no-repeat;
width: 40px;
height: 16px;
}
a.nav-search:hover {
background-position: 0px -16px;
text-decoration: none;
}
/*****************************/
/****** 4 Section Navs *******/
/*****************************/
#content-4sections {
overflow: hidden;
margin: 0px;
padding: 0px;
}
#content-4sections ul, #content-4sections li {
display: inline;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#content-4sections li { float: left; }
#content-4sections ul { list-style-type: none; padding: 0px; margin: 0px; }
#content-4sections li.home-splitter {
display: block;
background: url(../images/spacer.gif) no-repeat;
width: 3px;
height: 80px;
margin: 0px;
padding: 0px;
}
a.home-productselector:link, a.home-productselector:visited, a.home-productselector:active {
display: block;
background: url(../images/home-productselector.gif) no-repeat;
padding: 0px;
margin: 0px;
height: 89px;
width: 188px;
text-decoration: none;
}
a.home-productselector:hover {
background-position: 0px -89px;
text-decoration: none;
}
a.home-architectsdesigners:link, a.home-architectsdesigners:visited, a.home-architectsdesigners:active {
display: block;
background: url(../images/home-architectsdesigners.gif) no-repeat;
padding: 0px;
margin: 0px;
height: 89px;
width: 187px;
text-decoration: none;
}
a.home-architectsdesigners:hover {
background-position: 0px -89px;
text-decoration: none;
}
a.home-fabricatorpartners:link, a.home-fabricatorpartners:visited, a.home-fabricatorpartners:active {
display: block;
background: url(../images/home-fabricatorpartners.gif) no-repeat;
padding: 0px;
margin: 0px;
height: 89px;
width: 187px;
text-decoration: none;
}
a.home-fabricatorpartners:hover {
background-position: 0px -89px;
text-decoration: none;
}
a.home-consumers:link, a.home-consumers:visited, a.home-consumers:active {
display: block;
background: url(../images/home-consumers.gif) no-repeat;
padding: 0px;
margin: 0px;
height: 89px;
width: 188px;
text-decoration: none;
}
a.home-consumers:hover {
background-position: 0px -89px;
text-decoration: none;
}
/*****************************/
/****** 4 Section LINKS ******/
/*****************************/
#content-4sections-links {
overflow: hidden;
margin: 0px;
padding: 0px;
}
#content-4sections-links ul, #content-4sections-links li {
display: inline;
margin: 0;
padding: 0;
}
#content-4sections-links li { float: left; }
#content-4sections-links div.moduletable, #content-4sections-links div.module {
padding: 5px;
}
#content-4sections-links div.moduletable ul li {
line-height: 19px;
padding: 0px;
margin: 0px;
text-indent: 0px;
list-style-type: none;
list-style-position: outside;
display: block;
float: none;
font-size: 12px;
}
#content-4sections-links li.home-splitter {
display: block;
background: url(../images/spacer.gif) no-repeat;
width: 3px;
height: 1px;
margin: 0px;
padding: 0px;
}
#content-4sections-links li.bg-feature-188 {
display: block;
background-image: url(../images/bg-features.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}
#content-4sections-links li.bg-feature-187 {
display: block;
background-image: url(../images/bg-features.gif);
background-position: top left;
background-repeat: no-repeat;
width: 187px;
height: 151px;
margin: 0px;
padding: 0px;
}
#content-4sections-links div.moduletable div input#searchtaxon { width: 40px; background-image: url(/images/login/bg-input.gif); border: 1px solid #0092BA; height: 13px; font-family: Tahoma, Verdana, sans-serif; font-size: 10px; color: #536169; }
#content-4sections-links div.moduletable div input { }
/*****************************/
/****** 4 Section MORE *******/
/*****************************/
#content-4sections-more {
overflow: hidden;
margin: 0px;
padding: 0px;
}
#content-4sections-more ul, #content-4sections-more li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}
#content-4sections-more ul li a { float: right; }
#content-4sections-more li { float: left; }
#content-4sections-more li.home-splitter {
display: block;
background: url(../images/spacer.gif) no-repeat;
width: 3px;
height: 1px;
margin: 0px;
padding: 0px;
}
#content-4sections-more li.more-188 {
display: block;
background-image: url(../images/bg-features.gif);
background-position: bottom left;
background-repeat: no-repeat;
width: 188px;
height: 13px;
margin: 0px;
padding: 0px;
}
#content-4sections-more li.more-187 {
display: block;
background-image: url(../images/bg-features.gif);
background-position: bottom left;
background-repeat: repeat;
width: 187px;
height: 13px;
margin: 0px;
padding: 0px;
}
#content-4sections-more a.more:link, #content-4sections-more a.more:visited, #content-4sections-more a.more:active {
display: block;
background: url(../images/more.gif) no-repeat;
padding: 0px;
margin: 0px;
height: 13px;
width: 40px;
text-decoration: none;
}
#content-4sections-more a.more:hover {
background-position: 0px -13px;
text-decoration: none;
}
/* spacers */
span.article_separator {
display: block;
height: 20px;
}
.article_column {
padding-right: 5px;
}
.column_separator {
border-left: 1px dashed #e0e0e0;
padding-left: 10px;
}
td.buttonheading { }
.clr {
clear: both;
height: 5px;
}
td.greyline {
width: 20px;
}
div#maindivider {
border-top: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
height: 1px;
}
table.blog span.article_separator {
display: block;
height: 20px;
}
/* table of contents */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* content tables */
td.sectiontableheader {
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; }
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; }
/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: auto;
}
table.contentpaneopen li {
margin-bottom: 5px;
}
table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
table.contentpaneopen h4 {
font-family: Tahoma, Verdana, sans-serif;
color: #333;
}
#leftcolumn div.module {
padding: 0px;
}
#leftcolumn div.module table {
width: auto;
}
/* forms */
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #666; }
div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #666; text-align: center; }
/* Parameter Table */
table.paramlist {
margin-top: 5px;
}
table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}
table.paramlist td.paramlist_value {
}
/* Banners module */
/* Default skyscraper style */
.bannergroup {
}
.banneritem {
}
/* Text advert style */
/* System Messages */
/* see system general.css */
.pagination span { padding: 2px; }
.pagination a { padding: 2px; }
td.key {
border-bottom:1px solid #eee;
color: #666;
}
/* Debug */
#system-debug { color: gray; background-color: white; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
/* Search System Number */
#search-system { }
#search-system table td { color: #E20000; }
#search-system form { margin: 0px; padding: 0px; }
.menutabs {position:relative;width:759px;height:43px;background: url(cmenu.jpg) no-repeat;
margin-top: 10px;
border-top: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;
}
.menutabs ul {width:759px;overflow:hidden;position:absolute;top:0;left:0;}
.menutabs ul li {float:left;width:189px;height:43px;text-align:center;}
.menutabs ul li.current { border-bottom:0; }
.menutabs ul li a {line-height:43px;display:block;width:100%;font-size:14px;color:#ffffff;text-decoration:none;}
.menutabs ul li a:hover { color:#ffffff;text-decoration:none;}
.tabs .s {overflow:hidden;margin:0px;}
div#tabs{
width:759px;
margin-top:10px;
font-size:11px;
border:none;
}
/* DIV that holds each tab*/
div.my_tab{
width:759px;
margin:0px auto;
float:left;
display:inline;
}
div.my_tab p {
padding-left: 20px;
padding-right: 20px;
}
/* Title of each tab, used when user don't have Javascript'*/
div.my_tab h5{
margin-top:10px;
padding-bottom:10px;
font-size:11px;
padding-left: 20px;
color:#414141;
border-bottom:solid 1px #cacaca;
}
div.my_tab h6{
background:#F7F7F7;
margin-top:15px;
font-size:11px;
padding-left: 20px;
color:#414141;
border-bottom:solid 1px #cacaca;
}
/* Tab Bar, created via JS*/
div#tab-bar{
padding:10px 0px 10px 0px;
margin:0px 10px 20px 0px;
width:92px;
background:#ffffff;
border-right:solid 1px #414141;
margin-bottom:20px;
font:normal 12px "Trebuchet MS";
float:left;
display:inline;
}
/* Single Tab */
div#tab-bar div.mt-tab{
width:80px;
position:relative;
text-align:center;
margin:4px -1px 0px 0px;
cursor:pointer;
border-top:solid 1px #414141;
border-left:solid 1px #414141;
border-right:solid 1px #414141;
border-bottom:solid 1px #414141;
font:normal 13px "Trebuchet MS";
float:right;
display:inline;
color:#414141;
padding:5px 5px 5px 15px;
}
/* Single Tab, when active */
div#tab-bar div.mt-tab-active{
text-align:center;
margin:4px -1px 0px 0px;
cursor:pointer;
border-top:solid 1px #414141;
border-left:solid 1px #414141;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #414141;
float:right;
display:inline;
color:Black;
font-weight:bold;
padding:5px 5px 5px 15px;
}
#con-left {
width: 175px;
margin: auto;
position: relative;
float: left;
text-align: left;
padding-left: 15px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
}
#con-right {
width: 562px;
margin: auto;
position: relative;
float: right;
text-align: left;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
}
.video_addthis{margin-left: 24px;}
.addthis_toolbox .custom_images a{width: 24px;height: 24px;margin-left: 5px;padding: 0;}
.addthis_toolbox .custom_images a:hover img{opacity: 1;}
.addthis_toolbox .custom_images a img{opacity: 0.75;}