HTML {
OVERFLOW-Y: scroll; FONT-FAMILY: Verdana;
}
body {
font-family: Verdana;
font-size:12px;
line-height: 13px;
margin: 0;
padding: 0;
text-align: center;
color: #FFF;
background-color: #E5E5E5;
height: 100%;
}
a:link, a:active, a:visited
{
font-family: Verdana;
text-decoration: underline;
color: #FFF;
font-size:12px;
}
a:hover
{
font-family: Verdana;
color: #FF0;
text-decoration: none;
}
a:img, a:img:link, a:img:active, a:img:visited{
border: 0px;
background-color:#FFFFFF;
display: inline-block;
display: -moz-inline-box;
border: none;
color: transparent;
}
.red{
color:#F00;
}
.accommodationTitle {
color: #003560;
font-weight: bold;
font-size:14px;
}
.accommodationText {
color: #003560;
font-weight: bold;
font-size:12px;
}
.PageTitles{
font-size:21px;
font-weight: bold;
color: #666666;
}
.TopheaderFont{
font-size:20px;
font-weight: bold;
color: #FFFFFF;
margin-top: 30px;
}
.PageTitlesContentPages{
font-size:20px;
line-height:28px;
font-weight: bold;
color: #FFFFFF;
}
.PageTitlesCategory{
font-size:21px;
font-weight: bold;
color: #005F97;
}
.blueTitles{
font-size:13px;
font-weight: bold;
color: #006;
}
#container {
margin: 0 auto;
width: 988px;
text-align: left;
margin-top: 10px;
height:auto !important;
padding: 10px;
background-color: #FFF;
margin-bottom: 20px;
}
h1 {
font-size: 18px;
margin-top: 0px;
}
#header_words {
margin: 0 auto;
width: 1000px;
text-align: left;
margin-top: 0px;
color: #FFFFFF;
background-color: #999999;
font-size: 9px;
line-height:15px;
height: 19px;
}
#topofheader{
margin: 0;
padding: 0px 0;
margin-bottom: 0px;
background-repeat: no-repeat;
height: 20px;
width: 1000px;
background-color: #333;
text-align: right;
}
#header{
margin: 0;
padding: 0px 0;
background-repeat: no-repeat;
height: 103px;
width: 1000px;
}
#menu{
margin: 0;
padding:0px;
width: 242px;
margin-top: 5px;
text-align: left;
margin-left: 0px;
}
#flash{
margin: 0;
padding: 0px 0;
background-repeat: no-repeat;
width: 1000px;
}
#undermainphoto_words {
margin: 0 auto;
width: 975px;
text-align: left;
margin-top: 0px;
color: #FFFFFF;
background-color: #F00;
font-size: 16px;
line-height:24px;
height: 32px;
padding-top: 5px;
padding-left: 25px;
}
.Sidemenu{
background-image: url(../images/side-menu-back.jpg);
}
.LatestNewsTitlelink
{
text-decoration: none;
color: #FF0;
font-size:14px;
font-weight:bold;
}
a.LatestNewsTitlelink:link, a.LatestNewsTitlelink:active, a.LatestNewsTitlelink:visited
{
font-size:14px;
text-decoration: none;
color: #FF0;
}
a.LatestNewsTitlelink:hover
{
font-size:14px;
text-decoration: none;
color: #FFFF00;
}
.LatestNewsTitleViewMore
{
text-decoration: none;
color: #FFF;
font-size:16px;
font-weight:bold;
}
a.LatestNewsTitleViewMore:link, a.LatestNewsTitleViewMore:active, a.LatestNewsTitleViewMore:visited
{
font-size:13px;
text-decoration: underline;
color: #FFF;
}
a.LatestNewsTitleViewMore:hover
{
font-size:13px;
text-decoration: underline;
color: #FF0;
}
.LatestNewsTitlelink2
{
text-decoration: none;
color: #FFF;
font-size:12px;
}
a.LatestNewsTitlelink2:link, a.LatestNewsTitlelink2:active, a.LatestNewsTitlelink2:visited
{
color: #E60F34;
font-size:14px;
text-decoration: none;
}
a.LatestNewsTitlelink2:hover
{
font-size:14px;
text-decoration: none;
color: #666;
}
.LatestNewsTitleViewMore2
{
text-decoration: none;
color: #666;
font-size:13px;
font-weight:bold;
}
a.LatestNewsTitleViewMore2:link, a.LatestNewsTitleViewMore2:active, a.LatestNewsTitleViewMore2:visited
{
font-size:13px;
text-decoration: underline;
color: #666;
}
a.LatestNewsTitleViewMore2:hover
{
font-size:13px;
text-decoration: underline;
color: #666;
}
.Backlink
{
text-decoration: none;
color: #E60F34;
font-size:14px;
font-weight:bold;
}
a.Backlink:link, a.Backlink:active, a.Backlink:visited
{
color: #E60F34;
font-size:14px;
text-decoration: none;
}
a.Backlink:hover
{
font-size:14px;
text-decoration: none;
color: #666;
}
.menulink
{
Font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
color: #fff;
font-size:9px;
font-weight:normal;
MARGIN-LEFT:22px;
height: 18px;
line-height:18px;
}
a.menulink:link, a.menulink:active, a.menulink:visited
{
Font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
color: #FFF;
font-size:11px;
font-weight:bold;
MARGIN-LEFT:22px;
height: 18px;
line-height:18px;
}
a.menulinkon
{
Font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
color: #FF0;
font-size:11px;
font-weight:bold;
MARGIN-LEFT:22px;
height: 18px;
line-height:18px;
}
a.menulink:hover
{
Font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
color: #FF0;
font-size:11px;
font-weight:bold;
MARGIN-LEFT:22px;
height: 18px;
line-height:18px;
}
a.menubutton
{
text-decoration: none;
color: #666666;
font-size:14px;
font-weight:bold;
margin-left:20px;
margin-right:20px;
}
a.memberbutton:link, a.memberbutton:active, a.memberbutton:visited
{
text-decoration: none;
color: #000000;
font-size:14px;
font-weight:bold;
margin-left:310px;
margin-right:20px;
border: 1px solid #ccc;
padding: 3px;
}
a.memberbutton:hover
{
text-decoration: none;
color: #666666;
border: 1px solid #OOOOOO;
padding: 3px;
font-size:14px;
font-weight:bold;
margin-left:20px;
margin-right:20px;
margin-left:310px;
}
#mainContent {
margin: 0;
background-color: #005399;
min-height:700px;
height:auto !important;
height:500px;
margin-bottom: 0px;
float: left;
width: 985px;
}
#frontboxleft {
width: 242px; /* the background color will be displayed for the length of the content in the column, but no further */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
background-repeat:repeat;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
background-color: #003F6A;
text-align: left;
float: left;
background: #003F6A;
}
#frontboxright {
width: 743px;
min-height: 341px; /* the background color will be displayed for the length of the content in the column, but no further */
height:auto !important;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
background-repeat:no-repeat;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
float: right;
}
#frontboxright-next {
width: 713px;
min-height: 573px; /* the background color will be displayed for the length of the content in the column, but no further */
height:auto !important;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
background-repeat:no-repeat;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
float: right;
background-image: url(../images/next-top-body-1.jpg);
background-color: #B7975A;
}
#frontboxright-acc {
width: 713px;
min-height: 573px; /* the background color will be displayed for the length of the content in the column, but no further */
height:auto !important;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
background-repeat:no-repeat;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
float: right;
background-image: url(../images/next-top-body-acc.jpg);
background-color: #B7975A;
}
#frontboxright-top {
width: 392px;
height: 41px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
background-repeat:no-repeat;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
background-image: url(../images/latestnews-top.png);
}
#frontboxright-middle {
width: 463px;
min-height: 341px; /* the background color will be displayed for the length of the content in the column, but no further */
height:auto !important;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
background-repeat:no-repeat;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
padding-top: 0px;
}
#frontboxright-bottom{
width: 392px;
height: 29px; /* the background color will be displayed for the length of the content in the column, but no further */
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
background-repeat:no-repeat;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
background-image: url(../images/latestnews-bottom.png);
}
#Contentbox {
width: 950px;
min-height: 186px; /* the background color will be displayed for the length of the content in the column, but no further */
padding-top: 22px;
padding-bottom: 0px;
padding-left: 25px;
padding-right: 25px;
background-repeat:repeat;
margin-left: 0px;
margin-bottom: 0px;
height: 100%;
}
#searchbox {
float: right; /* since this element is floated, a width must be given */
width: 450px;
height: 62px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 40px;
background-repeat:no-repeat;
border: 0;
border-color: #FFFFFF;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 40px;
}
.searchbutton {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif
font-size: 8pt;
font-weight: normal;
background-color: #666666;
border: #666666;
}
.searchtextbox {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif
font-size: 12pt;
font-weight: normal;
background-color: #FFFFFF;
border-top-color: #666666;
border: #666666;
}
#frontcontent {
background: #394084;
width: 996px;
}
#footer {
width: 938px;
margin: 0 auto;
padding: 0px;
font: #FFFFFF;
font-size:12px;
min-height: 190px;
padding-top: 0px;
padding-right: 19px;
text-align: left;
background-image: url(../images/bottom-footer.jpg);
background-repeat:no-repeat;
background-color:#03539A;
display:inline-block;
padding-left: 30px;
float: left;
}
#footer2 {
width: 1000px;
margin: 0 auto;
padding: 0px;
font: #333
font-size:10px;
padding-top: 0px;
padding-right: 0px;
text-align: center;
}
.WHITElink
{
text-decoration: none;
color: #000000;
font-size:12px;
}
a.WHITElink:link, a.WHITElink:active, a.WHITElink:visited
{
text-decoration: none;
color: #ffffff;
font-size:12px;
font-weight:bold;
}
a.WHITElink:hover
{
text-decoration: underline;
color: #ffffff;
font-weight:bold;
}
.footerlink
{
font-family: Verdana;
text-decoration: none;
color: #999;
font-size:10px;
margin-top:50px;
}
a.footerlink:link, a.footerlink:active, a.footerlink:visited
{
font-family: Verdana;
text-decoration: none;
color: #999;
font-size:10px;
}
a.footerlink:hover
{
font-family: Verdana;
text-decoration: underline;
color: #999;
}
#linespacer {
padding: 0 8px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
height: 2px
background-color:#CCC;
}
#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.buttonMember {
margin-left:20px;
margin-right:20px;
}
#contentpagebox {
float: left; /* since this element is floated, a width must be given */
width: 960px;
min-height: 166px;
background-image: url(../images/background-content-pages.jpg);
background-repeat:no-repeat;
border: 0;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
padding: 15px;
}
#contenttextbox {
float: right; /* since this element is floated, a width must be given */
width: 760px;
min-height: 166px;
background-repeat:no-repeat;
border: 0;
border-color: #FFFFFF;
margin-bottom: 0px;
padding: 0px;
padding-top: 0px;
}
#ProductTitleBox {
float: left; /* since this element is floated, a width must be given */
width: 137px;
min-height: 166px;
padding-top: 3px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
}
#contentMEMBERpagebox {
float: left; /* since this element is floated, a width must be given */
width: 960px;
min-height: 166px;
background-image: url(../images/background-member.jpg);
background-repeat:no-repeat;
border: 0;
border-color: #FFFFFF;
margin-left: 7px;
margin-bottom: 0px;
padding: 15px;
}
.blue_button_container_new_long {
width: 12em;
text-align: left;
float: left;
background-image: url(../images/button-orange-back-long.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0;
}
.blue_button_container_new_long_parts {
width: 900px;
text-align: left;
float: left;
background-image: url(../images/parts-header-back.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0;
}
.blue_button_new_long {
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
text-decoration: none;
color: #FFF;
font-weight: bold;
}
.blue_button_container_new {
width: 12em;
text-align: left;
float: left;
background-image: url(../images/button-view-jp.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0;
}
.blue_button_container_new_parts {
width: 900px;
text-align: left;
float: left;
background-image: url(../images/parts-header-back.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0;
}
.blue_button_new {
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
text-decoration: none;
color: #FFF;
font-weight: bold;
}
.blue_button_new_parts {
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
text-decoration: none;
color: #FFF;
font-weight: bold;
}
.enquirelink
{
font-family: Verdana;
text-decoration: none;
color: #666;
font-size:12px;
}
a.enquirelink:link, a.enquirelink:active, a.enquirelink:visited
{
font-family: Verdana;
text-decoration: underline;
color: #666;
font-size:12px;
}
a.enquirelink:hover
{
font-family: Verdana;
text-decoration: underline;
color: #666;
}
.navrightbar {
color: #666;
text-decoration: none;
font-size: 14px;
font-weight: bold;
line-height: 16px;
}
A.navrightbar:LINK {
color: white;
text-decoration: none;
font-size: 14px;
font-family: "Century Gothic";
font-weight: bold;
}
A.navrightbar:VISITED {
color: white;
text-decoration: none;
font-size: 14px;
font-family: "Century Gothic";
font-weight: bold;
}
A.navrightbar:HOVER {
color: #FFFF00;
text-decoration: none;
font-size: 14px;
font-family: "Century Gothic";
font-weight: bold;
}
.buttonSendEnquiry {
border: 2;
width: 200px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0;
color: #FFFFFF;
font-weight: bold;
background-repeat: no-repeat;
background-color: #003F6A;
border-color: #999;
}
.table{
background-color: #FFF;
}
#news-box {
width: 242px;
padding: 0;
float:left;
margin-left:0px;
margin-right:0px;
background-color: #003F6A;
}
#news-box-top {
width: 240px;
height:17px;
text-align: left;
background-repeat: no-repeat;
background-image: url(../images/special-top-frame.jpg);
background-color: #003F6A;
}
#news-box-middle {
width: 190px;
padding-left: 25px;
padding-right: 25px;
float:left;
margin-left:0px;
margin-right:0px;
background-image:url(../images/special-middle-frame.jpg);
}
#news-item-box {
width: 242px;
margin: 0 auto;
margin-left:12px;
margin-top:4px;
margin-right:9px;
background-color: #8FD4ED;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
padding-left: 0px;
}
#news-item-box2 {
width: 350px;
margin: 0 auto;
margin-left:12px;
margin-top:4px;
margin-right:9px;
background-color: #8FD4ED;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
padding-left: 0px;
float: left;
}
#news-box-bottom {
width: 240px;
height:14px;
padding: 0;
float:left;
margin-left:0px;
margin-right:0px;
background-image:url(../images/special-bottom-frame.jpg);
}
.black{color:#fff}
.header1 {
font-size: 20px;
font-weight: bold;
color: #0000AA;
}
.header2 {
font-size: 18px;
font-weight: bold;
color: #0000AA;
}
.header3 {
font-size: 16px;
font-weight: bold;
color: #0000AA;
}
.header4 {
font-size: 14px;
font-weight: bold;
color: #0000AA;
}
.formButton {
background-color: #00889c;
color: white;
font-size: 11px;
font-weight: bold;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
border: 3px outset #dddddd;
}
.formField
{
font-size: 11px;
font-weight: normal;
color: Black;
background-color: #e6e6fa;
border: 1px solid black;
padding: 2px;
margin-bottom: 10px;
}
.loginField {
font-weight: bold;
font-size: 12px;
padding-right: 4px;
}
.whiteText {
color: white;
}
.redText {
color: red;
}
.blueText {
color: #0000AA;
}
.blackText {
color: black;
}
.greenText
{
color: Green;
}
.smallText
{
font-size: 9px;
}
.formlabel {
font-weight: bold;
display: inline-block;
width: 200px;
text-align: right;
padding-right: 10px;
padding-top: 0;
padding-bottom: 0;
vertical-align: middle;
color: black;
font-size: 12px;
background-color: Transparent;
height: auto;
}
.front-photo {
background-image:url(../images/front-mainpic.jpg);
background-repeat: no-repeat;
}
#front-facebook {
margin-left:50px;
margin-top:45px;
width: 290px;
height: 395px;
background-image: url(../images/facebook-back.jpg);
border: 0;
color: #000;
}
#front-facebook2 {
margin-left:50px;
margin-top:45px;
width: 267px;
height: 395px;
background-image: url(../images/facebook-back2.jpg);
border: 0;
color: #FFF;
padding: 10px;
background-repeat: no-repeat;
}
#front-image-box{
width:745px;
height:573px;
}
#footer4 {
width: 980px;
padding: 10px;
text-align: center;
}
#quicklinks-box {
width: 360px;
margin: 0 auto;
padding: 0;
float:left;
padding-right:20px;
padding-bottom: 20px;
text-align: left;
color: #666;
padding-left: 80px;
}
#quicklinks-title-box {
width: 1000px;
margin: 0 auto;
padding: 0px;
font: #FFFFFF;
font-size:10px;
padding-right: 0px;
text-align: center;
font-family: FONT-FAMILY: Arial, Helvetica, sans-serif, Tahoma;
}
#footer2 {
margin: 0 auto;
width: 1020px;
padding: 0px;
font: #FFFFFF;
font-size:10px;
padding-top: 0px;
padding-right: 0px;
text-align: center;
clear:both;
}
#footer2-outer {
margin: 0 auto;
width: 100%;
padding: 0px;
font-size:10px;
padding-top: 10px;
padding-right: 0px;
text-align: center;
background-color: #CCC;
}