/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html {
height: 100%;
margin-bottom: 1px;
}
form {
display:inline;
}
body {
margin: 0px 0px 0px 0px;
width: 100%;
display: table;
/* Solid Color */
/* background-color:#333333; */
/* this is a Simple Vertical Tiled image */
/* background: #000 url(../images/bg_body-vTile.jpg) center repeat-y; */
/* this is Photo image that is locked to the background */
background: #000000 url(../images/bg_body.jpg) center top fixed;
}
body, td{
font-family: "Trebuchet MS";
font-size: 13px;
color: #ACACAC;
line-height: 1.2em;
}
hr {
border-top:1px dotted #666;
border-bottom:0px dotted #666;
border-left:0px dotted #666;
border-right:0px dotted #666;
height:1px;
background-color:#000;
color:#000;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 5px; }
img { border: 0 none; margin:0px; }
h1 {}
h2 {}
h3 {}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
.rowHeader{background-color:#000000;font-size:0.9em;color:#cc9900;font-weight: bold;padding-left:5px;}
.rowOdd{background-color:#242424;}
.rowOdd img{vertical-align:middle;margin-right:10px;}
.rowEven{background-color:#363636;}
.rowEven img{vertical-align:middle;margin-right:10px;}
.rowBlank{background-color:none;}
.rowBlank img{vertical-align:middle;margin-right:10px;}
.imgLeft{float:left;padding-right:10px;}
.imgRight{float:right;padding-left:10px;}
div#top_menu{
height:54px;
margin:0px auto;
width: 990px;
}
#topnav{ height: 54px; width:990px; margin: 0px; padding:0px; font-weight: bold; }
#topnav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 54px; float: left; position: relative; }
#topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:40px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
#topnav ul li ul ul { margin: -50px 0 0 297px; z-index: 100; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #000000; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }
div#header{
margin:0px auto;
padding:0;
width: 990px;
height:150px;
text-align:left;
}
div.banner{
/* Fixed Image */
background: url(../images/banner.png) top center no-repeat;
}
/* user1 is inside the banner header */
div#user1{
float:right;
text-align:left;
margin-right: 20px;
}
/* holds the left, center, right columns */
div#main{
/* dark overlay */
background: url(../images/overlay.png) top left repeat;
/* solid color */
/* background-color:#000; */
margin:0px auto;
width: 990px;
text-align:left;
position:relative;
}
div#main div#bikeWrapper {
position:absolute;
bottom:-75px;
right:-75px;
height:1px;
width:1px;
}
div#main div#bikeWrapper div#bike{
position:absolute;
bottom:0;
right:0;
z-index:2;
height:150px;
width:300px;
background: url(../images/STD-Panhead.png) top left no-repeat;
}
/* user2 is above the 3 columns (frontpageslideshow) */
div#user2{
margin: 0;
padding:0;
border:0px solid #cccccc;
}
#leftcolumn{
margin-left:9px;
padding:0px;
width:205px;
float:left;
}
#rightcolumn{
margin-right:9px;
padding:0px;
width:205px;
float:right;
}
/* no left or right modules */
#maincolumn_big{
width: 967px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
/* only a left or only a right module */
#maincolumn_middle{
width: 740px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
/* both left and right modules */
#maincolumn{
width:530px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
div.breadcrumbs{
margin:10px 0 0 0px;
padding: 5px;
}
div.nopad {
float:left;
padding:0 0px 15px 0px;
}
div.nopad ul {
clear: both;
}
.article_separator {
height:35px;
line-height:35px;
}
#leftcolumn div.module_menu, #leftcolumn div.module{
margin: 10px 0px 0px 0px;
padding:0px;
width: 205px;
}
.article_column {
padding-right:10px;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
margin: 10px 0px 0px 0px;
padding: 0px;
width: 205px;
}
#leftcolumn div.module_menu div div div, #leftcolumn div.module div div div,
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
background: url(../images/rub_bottom.png) center bottom no-repeat;
}
#leftcolumn div.module_menu div div div, #leftcolumn div.module div div{
margin: 0px;
padding: 0px;
padding-bottom:5px;
width: 205px;
height:auto;
}
#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
background: none;
padding:4px 8px;
}
#leftcolumn h3,
#rightcolumn h3{
text-align: left;
padding-left:15px;
height: 42px;
width: 190px;
line-height: 40px;
color:#FFFFFF;
font-size:16px;
margin:0px;
font-weight:bold;
}
#leftcolumn ul.menu li ul{
list-style: none;
}
/* module styling ***********************************************************/
/* --- FrontPageSlideShow --- */
/* LOGIN on left */
form#form-login fieldset {
border: none;
margin: 0;
margin-left:10px;
}
form#form-login ul {
list-style-type:square;
margin-top:0px;
font-size: 10px;
}
form#form-login ul li{
padding: 0;
}
form#form-login ul li a {
text-align: left;
padding: 0px;
font-size: 11px;
color: #858585;
}
/* SEARCH widgets */
div#user1 div.search{
width:220px;
height:46px;
text-align:left;
padding-top: 5px;
background: url(../images/search_bg.gif) top left no-repeat;
}
div#user1 div.search .inputbox {
background:#FFFFFF;
width: 150px;
height: 16px;
margin-left: 60px;
font-size: 11px;
color: #454545;
padding:5px 2px 2px 2px;
border: 1px solid #D3D3D3;
}
.search {
text-align:left;
width: 156px;
height:43px;
}
.search .inputbox {
background:#FFFFFF;
width: 156px;
height: 17px;
font-size: 11px;
color: #454545;
margin:9px 0px 0px 20px;
border: 1px solid #D3D3D3;
}
/* POLLS **********************************/
table.poll thead td {
text-align: left;
padding-left:10px;
}
table.poll td {
text-align: left;
}
.pollstableborder {
margin: 5px 0px 10px 0px;
}
.poll td div{
display:inline;
}
/* forms */
#leftcolumn .moduletable ul,
#rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}
#leftcolumn .moduletable ul li,
#rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}
.moduletable ul {
padding:5px 10px 5px 12px;
margin:0px;
}
.moduletable ul li {
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
#leftcolumn ul.menu li#current ul li,
#rightcolumn ul.menu li#current ul li {
margin: 0px;
padding: 0px;
}
ul.menu {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.menu li{
padding:0px 10px 5px 15px;
margin:0px;
}
ul.menu li ul {
padding:0px 0px 5px 0px;
margin:0px;
}
ul.menu li ul li{
padding:0px 0px 0px 15px;
border:none;
}
ul.menu li#current ul li a{
margin-left:15px;
text-decoration:none;
}
ul.mostread {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.mostread li{
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
ul.latestnews {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.latestnews li{
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
div.componentheading{
font-size:16px;
font-size:19px;
margin:7px auto;
}
table.contentpaneopen {
margin-top:5px;
}
td.contentheading{
font-weight:normal;
vertical-align:top;
font-size:19px;
line-height:30px;
height:30px;
color:#9E9E9B;
background: url(../images/contentheading_ico.png) left top no-repeat;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
}
table.contentpaneopen td.contentheading{
padding-left:34px;
}
table.contentpaneopen{
border-collapse: collapse;
margin-left:5px;
}
td.buttonheading{
padding:0px 2px 0px 2px;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
}
table.contentpaneopen td{
padding:0px;
}
/* scrolling news heading */
#user3 .module h3{
font-weight:normal;
vertical-align:top;
font-size:19px;
line-height:30px;
height:30px;
padding-left:35px;
color:#9E9E9B;
background: url(../images/contentheading_ico.png) left center no-repeat;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
}
#user3 .module table.contentpaneopen td.contentheading{
font-weight:bold;
font-size:14px;
background:none;
padding-left:0px;
color: #FFCC00;
line-height:18px;
height:20px;
border:0px;
}
#user3 .module_video {
width:700px;
margin:0 auto 0 auto;
}
.contentpaneopen p{
line-height:22px;
}
span.small, td.createdate, td.modifydate{
font-size:11px;
color:#FFFFFF;
}
span.pagination span, span.pagination a{
padding:5px;
}
div#footer{
background: url(../images/f_area_bg.png) top center no-repeat;
margin:0px auto;
width: 990px;
text-align:left;
margin-bottom:3px;
}
#footer div.moduletable, #footer div.moduletable_menu{
float: left;
margin:20px 4px 10px 6px;
width: 234px;
}
#footer h3{
text-align:center;
vertical-align:bottom;
height: 30px;
width: 234px;
color:#FFFFFF;
font-size:17px;
font-family:"Trebuchet MS", Tahoma, Verdana;
margin:0px;
padding-top:20px;
}
/* COPYRIGHT */
div#copy {
text-align:center;
}
/* System Standard Messages */
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}
/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* styles the product tables */
h2.application {
clear:both;
}
table.application {
clear:both;
width:100%;
}
table.application tr.head td{
font-size:11px;
background-color:#333333;
color:#ffffff;
font-weight:bold;
}
table.application tr td{
font-size:12px;
padding:2px;
}
table.application tr.odd td,
table.application tr.even td{
font-size:12px;
padding:2px;
color:#000;
}
/* jquery code in /js/std.js applies this
to tables with .application class */
.odd{background-color: #fff;}
.even{background-color: #ccc;}
/* HEAD BUILDER APPLICATION */
div#headBuilderWrap{
width:735px;
}
div#headBuilderWrap div{
width:350px;
margin:0 0 0 100px;
}
ul.headBuilder {
margin:0;
padding:0 0 15px 20px;
}
ul.headBuilder li {
list-style-type:none;
}
ul.headBuilder li.hidden {
visibility:hidden;
display:none;
}
ul.headBuilder li.visible {
visibility:visible;
display:block;
}
div#headBuilderWrap div div#headBuilderResult {
margin:0;
padding:5px;
width:350px;
height:30px;
border:1px dotted #fff;
}
div#headBuilderWrap div div#headBuilderResult div#partNumberWrap {
margin:0;
padding:0;
width:200px;
float:left;
line-height:30px;
}
div#headBuilderWrap div div#headBuilderResult div#partNumberWrap span#partNumber {
font-size:2.0em;
}
div#headBuilderWrap div div#headBuilderResult div#partLinkWrap {
margin:0;
padding:0;
width:80px;
float:left;
font-size:0.8em;
line-height:30px;
}
div#headBuilderWrap div div#headBuilderResult div#partLinkWrap span#partNote {
visibility:hidden;
display:none;
}
div#headBuilderWrap div div#headBuilderResult div#partLinkWrap span#partNote.visible {
visibility:visible;
display:block;
}
div#headBuilderWrap div div#headBuilderResult div#partLinkWrap span#partNote.hidden {
visibility:hidden;
display:none;
}
div#headBuilderWrap div div#headBuilderResult div#partLinkWrap span#partLink {
visibility:hidden;
display:none;
}
div#headBuilderWrap div div#headBuilderResult div#partLinkWrap span#partLink.visible {
visibility:visible;
display:block;
}
div#headBuilderWrap div div#headBuilderResult div#partLinkWrap span#partLink.hidden {
visibility:hidden;
display:none;
}
div#headBuilderWrap div div#headBuilderResult div#partLinkWrap span#partLink a {
text-decoration:none;
}
form#headBuilderForm input.button {
float:right;
margin-top:5px;
}