/*****************************/
/*** Core html setup stuff ***/
/*****************************/
*{
padding: 0;
margin: 0;
}
body{
font-size: 12px;
color: #424242;
background: url(../images/bg-body.gif) repeat-x left top #efefef;
padding: 21px 0 0 0;
font-family: Tahoma;
}
img{
border: none;
}
h1,.contentheading,.componentheading{
font-size: 20px;
font-family: "Century Gothic";
margin-bottom: 18px;
font-weight: bold;
color: #f1711b;
}
h1 span{
color: #313131;
}
h2{
color: #313131;
font-size: 18px;
margin-bottom: 15px;
}
h3{
color: #313131;
font-size: 18px;
margin-bottom: 15px;
}
p{
line-height: 18px;
margin-bottom: 18px;
font-size: 14px;
}
ul{
list-style: none;
}
ul li{
padding: 0;
margin: 0;
}
#wrapper{
width: 1005px;
margin: 0 auto;
}
a{
text-decoration:none;
color:#EA6811;
font-size:12px;
}
a:hover{
text-decoration:underline;
color:#1C64A5;
font-size:12px;
}
/* Main CSS End */
/* Header CSS Start */
#header{
height: 97px;
width: 973px;
padding: 0 15px 0 15px;
}
#logo{
width: 219px;
height: 81px;
float: left;
}
#top-center{
width: 330px;
float: left;
/*margin-left:55px;*/
}
#top-nav{
/*width: 290px; */
/*float: right; */
padding: 20px 0 0 0;
}
#top-nav ul{
list-style: none;
padding-bottom: 18px;
float:right;
}
#top-nav ul li{
float: left;
padding: 0 11px;
background: url(../images/splt-right-menu.gif) no-repeat right 2px;
}
#top-nav ul li.last{
padding-right: 0;
background: none;
}
#top-nav ul li a{
font-family: 11px;
color: #e96710;
font-family: Tahoma;
text-decoration: none;
float: left;
}
#top-nav ul li a:hover{
color: #8c8c8c;
}
.moduletable_search{
width: 243px;
float:right;
}
.moduletable_search input{
float: left;
}
.inputbox_search{
background: url(../images/field-search.gif) no-repeat left top;
width: 201px;
height: 28px;
padding: 0 0 0 14px;
line-height: 28px;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8e8d8d;
}
.clear{
font-size: 0;
line-height: 0;
clear: both;
}
/* Header CSS End */
/*-----------------TOP MENU CSS---------------------------------*/
#topmainmenu{
width: 1024px;
height: 45px;
margin-bottom: 20px;
}
.transMenu {
position:absolute ;
overflow:hidden;
left:-1000px;
top:-1000px;
z-index:1000;
}
.transMenu .content {
position:absolute ;
}
.transMenu .items {
border: 0px solid #FFFFFF ;
position:relative ;
left:0px; top:0px;
z-index:100;
}
.transMenu td
{
padding: 5px 19px 5px 11px !important;
font-size: 11px !important ;
font-family: Verdana, Arial, Helvetica, sans-serif; !important ;
text-align: left !important ;
font-weight: bold !important ;
color: #fff !important ;
background: url(../images/splt-menu-hov.gif) repeat-x right top;
}
#subwrap
{
text-align: left ;
}
.transMenu .item.hover td
{
color: #FFFFFF !important ;
}
.transMenu .item {
text-decoration: none ;
cursor:pointer;
cursor:hand;
}
.transMenu .background {
background-image:none; background-color: #FA7B26 !important ;
position:absolute ;
left:0px; top:0px;
z-index:99;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .shadowRight {
position:absolute ;
z-index:3;
top:-3000px; width:2px;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .shadowBottom {
position:absolute ;
z-index:1;
left:-3000px; height:2px;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .item.hover td{
background-image:none; background-color: #4C4C4C !important ;
}
.transMenu .item img {
margin-left:10px !important ;
}
table.menu {
top: 0px;
left: 0px;
position:relative ;
margin:0px !important ;
border: 0px solid #FFFFFF ;
z-index: 1;
}
table.menu a{
}
div.menu a,
div.menu a:visited,
div.menu a:link {
height:45px;
float:left;
background: url(../images/bg-menu.gif) repeat-x left top;
padding: 0 16px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
line-height: 45px;
}
div.menu td {
float: left;
height: 45px;
background: url(../images/splt-menu.gif) no-repeat right top;
padding: 0 2px 0 0;
}
div.menu td.last {
background: none;
padding: 0;
}
#trans-active a{
background: url(../images/bg-menu.gif) repeat-x left top;
text-decoration:none;
background-position:bottom;
display:block;
height:45px;
float:left;
}
div.menu td#trans-active.first a{
background: url(../images/home.gif) no-repeat left top;
background-position:bottom;
color:#fff;
}
div.menu td#trans-active.last a{
background: url(../images/dealer.gif) no-repeat right top;
background-position:bottom;
color:#fff;
}
div.menu a.hover {
background: url(../images/bg-menu-hover.gif) repeat-x left top;
text-decoration:none;
background-position:bottom;
display:block;
height:45px;
float:left;
}
div.menu td.first a{
height:45px;
background: url(../images/home.gif) no-repeat left top;
width: 145px;
text-align: center;
padding: 0;
text-decoration:none;
float:left;
display:block;
padding:0;
text-align:center;
}
div.menu td.first a.hover{
background-position:bottom;
}
div.menu td.last a{
background: url(../images/dealer.gif) no-repeat right top;
width: 135px;
padding: 0;
text-align: center;
height: 45px;
line-height: 45px;
text-decoration:none;
float:left;
display:block;
padding:0;
text-align:center;
}
div.menu td.last a.hover{
background-position:bottom;
}
div.menu td.last{
padding-right:0;
}
/*---------------------------------END TOP MENU CSS-------------------------*/
.round-bot-banner{
width: 1003px;
height: 8px;
font-size: 0;
}
/* Content CSS Start */
#banner{
width: 1003px;
background: url(../images/round-top-banner.gif) no-repeat left top;
padding: 6px 0 15px 0;
}
.banner-inner{
background: url(../images/bg-banner.gif) repeat-y left top;
padding: 0 7px 0 2px;
width: 994px;
}
.banner-left{
width: 494px;
float: left;
padding: 14px 0 0 0;
}
.banner-center{
width: 978px;
float: left;
/*padding: 14px 10px 15px 10px;*/
background-color:#F6F6F6;
/*margin-bottom:20px;*/
}
.banner-left h3{
background: url(../images/splt-heading.gif) no-repeat left bottom;
padding: 0 0 8px 0;
font-size: 18px;
color:#F1711B;
margin-bottom:10px;
font-weight:normal;
}
.banner-left a{
color:#000;
text-decoration:none;
}
.banner-left a:hover{
color:#F1711B;
text-decoration:none;
}
ul#s5navfs{
list-style: none;
text-align: right !important;
border-top:none !important;
padding-top:0 !important;
}
ul#s5navfs li.s5_fsfirst{
border-top:none !important;
}
ul#s5navfs li{
height: 40px !important;
line-height: 40px !important;
_height: 36px !important;
_line-height: 36px !important;
padding-left:0px !important;
background: none !important;
}
ul#s5navfs li a{
color: #ffffff;
line-height: 42px;
height: 42px;
_line-height: 38px;
_height: 40px;
text-decoration: none;
font-size: 11px;
background: url(../images/bg-menu-left.gif) repeat-y left top;
display: block;
padding: 0 15px 0 0;
}
ul#s5navfs li a:hover, ul#s5navfs li a.active{
background: none;
background-color:#F6F6F6 !important;
color: #4c4c4c !important;
}
.moduletable_welcome ul{
list-style: none;
}
.moduletable_welcome ul li{
}
.moduletable_welcome a{
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #585858;
text-decoration: none;
background: url(../images/fish-small.gif) no-repeat left 2px;
padding: 0 0 17px 36px;
}
.moduletable_welcome a:hover{
color: #c07a62;
}
.button{
padding:2px 5px 2px 5px;
background-color:#4C4C4C;
color:#fff;
cursor:pointer;
border:1px outset #fff;
}
fieldset{
border:0;
}
.banner-right{
}
#content{
width: 1003px;
padding: 0 0 26px 0;
margin: 0;
}
/*-----------------Left Colum----------------------*/
#col-left{
width: 240px;
float: left;
}
.googleAdManager{
margin-bottom: 20px;
}
.module_menu, #col-left div.module{
background: url(../images/round-top-left-nav.gif) no-repeat left top;
padding: 10px 0 0 0;
margin-bottom: 21px;
width: 240px;
}
#col-left div.module h3{
padding-left:10px;
}
.module_menu div, #col-left div.module div{
background: url(../images/bg-left-nav.gif) repeat-y left top;
padding: 0;
}
#col-left div.module div div div div{
background:none;
}
.module_menu div div div, #col-left div.module div div div{
background: url(../images/round-bot-left-nav.gif) no-repeat left bottom;
padding: 1px 5px 1px 5px;
}
.module_menu ul, #col-left div.module ul{
list-style: none;
}
.module_menu ul li, #col-left div.module ul li{
background: url(../images/splt-left-nav.gif) repeat-x left bottom;
padding: 11px 0 9px 25px;
}
.module_menu ul li a, #col-left div.module ul li a{
font-size: 12px;
color: #4c4c4c;
text-decoration: none;
}
.module_menu ul li a:hover, .module_menu ul li.active a, #col-left div.module ul li a:hover, #col-left div.module ul li.active a {
color: #ea6811 !important;
font-weight: bold;
}
#col-left div.module table.my-blg-tbl td{
background: url(../images/splt-left-nav.gif) repeat-x left bottom;
padding:5px 0 5px 0;
}
.banner-google{
width: 240px;
text-align: center;
}
/*------------------END Col Left-------------------------*/
/*------------------Start Col RIGHT-------------------------*/
#col-right{
width: 172px;
float: right;
}
#col-right div.module{
background: url(../images/right-top-round.gif) no-repeat left top;
width: 172px;
padding: 6px 0 0 0;
margin-bottom: 21px;
}
#col-right div.module div{
background: url(../images/right-middle.gif) repeat-y left top;
padding: 0;
}
#col-right div.module div div{
background: url(../images/right-bottom-round.gif) no-repeat left bottom;
padding:5px;
}
#col-right div.module div div div{
background:none;
padding:0;
}
/*------------------END Col Left-------------------------*/
#col-center{
padding: 12px 18px 7px 18px;
/*background-color:#ffffff;*/
background: url(../images/background3.png);
background-repeat:repeat;
}
.gray-box{
width: 697px;
background: url(../images/round-bot-gray-box.gif) no-repeat left bottom;
padding: 0 0 20px 0;
}
.gray-box-a{
background: url(../images/bg-gray-box.gif) repeat-y left 394px;
padding: 0 0 0 0;
}
.gray-box-inner{
background: url(../images/round-top-gray-box.gif) no-repeat left top;
}
.gray-box-inner .contentheading{
font-size: 14px;
color: #ea6811;
line-height: 18px;
font-weight: bold;
font-family: Tahoma;
padding-bottom: 20px;
}
.gray-box-inner a{
color: #ea6811;
}
.gray-box-inner td.article_column{
padding: 22px 29px 0px 20px;
}
.column_separator .eventcalq{
text-align: center;
padding: 0px 0 20px 0;
margin-left:60px;
}
.eventtable th a{
color:#FFFFFF;
}
.eventtable td{
padding:0;
padding:6px 3px;
}
.date{
color: #707070;
font-size: 11px;
}
.round-bot-right{
width: 743px;
height: 6px;
font-size: 0;
}
.bot-round-left-nav{
width: 240px;
height: 8px;
font-size: 0;
}
/*--------------------paging----------------------------*/
.pageslinks{
width:100%;
}
.pageslinks ul {
}
.pageslinks li {
margin: 0;
padding: 0;
}
.pageslinks span, span.pagination span{
padding: 2px 5px;
}
.pageslinks a, span.pagination a{
padding: 2px 3px;
text-decoration: none;
}
.pageslinks ul li a:hover, ul.pagination li a:active, ul.pagination li a:focus {
color: #FFFFFF;
}
/*------------------End paging--------------------------*/
/* content tables */
.sectiontableheader {
background: #ff6600;
padding: 8px;
color: #FFFFFF;
font-weight: bold;
}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
color: #FFFFFF;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 8px;
background: url(../images/dot.gif) repeat-x bottom;
}
table.contentpaneopen{
width:100%;
}
.highlight{
background:#FFFF99;
}
#searchForm{
padding-bottom:10px;
}
fieldset{
border: 1px solid #E8670F;
margin-bottom:10px;
padding:5px;
}
/*----------------------Blog Page CSS---------------------------------*/
#myBlog-head h3{
font-size: 20px;
font-family: "Century Gothic";
margin-bottom: 18px;
font-weight: bold;
color: #f1711b;
}
#myBlog-head div.desc{
color:#000000 !important;
}
.blogsContainer div.entryTitle{
background: url(../images/bg-blog-title.gif) repeat-x left top #E8660E;
line-height:15px;
}
.blogsContainer div.entryTitle a{
color:#FFFFFF;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.blogsContainer div.entryTitle small{
color:#FFFFFF;
}
.entry-body img{
border:1px solid #DADADA;
padding:3px;
background-color:#F7F7F7;
}
#featurelist{
width:320px;
//float:left;
}
#featurelist2{
width:290px;
float:right;
margin-right:10px;
}
.joinbuttoncm{
float:left;
width:600px;
}
/*----------------------END Blog Page CSS---------------------------------*/
/* Content CSS End */
#footer{
width: 100%;
text-align: center;
background: url(../images/bg-footer.gif) repeat-x left top #4c4c4c;
padding: 30px 0 20px 0;
font-size: 11px;
color: #bcbcbc;
}
#footer a{
color: #bcbcbc;
text-decoration: none;
}
#footer a:hover, #footera.active{
color: #FFFFFF;
}
.text-footer a{
color: #ea6811;
text-decoration: none;
}
.text-footer a:hover{
text-decoration: underline;
}
div.chronoform{
visibility:hidden !important;
}