HTML {
OVERFLOW-Y: scroll; FONT-FAMILY: Arial, Helvetica, sans-serif, Tahoma
}
body {
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-size:12px;
line-height: 20px;
margin: 0;
padding: 0;
text-align: center;
color: #000;
background-color: #CCECE7;
background-image: url(../images/back3.jpg);
background-repeat:repeat;
}
#container {
width: 1022px;
margin: 0 auto;
padding: 0;
text-align: center;
margin-bottom: 0px;
background-repeat: repeat;
background-color: #032340;
}
div#container p {
padding: 0;
margin: 0;
text-align: left;
}
#main-container {
width: 1011px;
margin: 0 auto;
padding: 0;
text-align: left;
overflow:hidden;
background-color: #032340;
}
a:link, a:active, a:visited
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: underline;
color: #000;
font-size:12px;
}
a:hover
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
color: #FFF;
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:12px;
font-weight: bold;
color: #00A88F;
text-align: left;
font-family: "Arial Black", Gadget, sans-serif;
}
.TopheaderFont{
font-size:20px;
font-weight: bold;
color: #FFFFFF;
margin-top: 30px;
}
.PageTitlesContentPages{
font-size:26px;
font-weight: bold;
color: #FFFFFF;
float: right;
margin-right: 30px;
}
.PageTitlesCategory{
font-size:21px;
font-weight: bold;
color: #005F97;
}
.blueTitles{
font-size:13px;
font-weight: bold;
color: #006;
}
h1 {
font-size: 18px;
margin-top: 0px;
}
#header_words {
margin: 0 auto;
width: 800px;
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: 800px;
background-color: #333;
text-align: right;
}
#header{
margin: 0;
padding: 4px;
background-repeat: no-repeat;
width: 1003px;
background: #FFF;
}
#menu{
margin: 0;
padding:0px;
width: 800px;
height: 40px;
background-color: #FFFFFF;
margin-top: 0px;
text-align: center;
}
#flash{
margin: 0;
padding: 0px 0;
background-repeat: no-repeat;
width: 800px;
}
#undermainphoto_words {
margin: 0 auto;
width: 800px;
text-align: left;
margin-top: 0px;
color: #FFFFFF;
background-color: #FFF;
font-size: 16px;
line-height:0px;
height: 215px;
padding-top: 0px;
padding-left: 0px;
}
.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;
}
.LatestNewsTitlelink2
{
text-decoration: none;
color: #FF0;
font-size:16px;
font-weight:bold;
}
.LatestNewsTitleViewMore
{
text-decoration: none;
color: #FFF;
font-size:13px;
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: #FF0;
font-size:16px;
font-weight:bold;
}
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
{
text-decoration: none;
color: #58595B;
font-size:11px;
font-weight:bold;
background-color:transparent;
}
a.menulink:link, a.menulink:active, a.menulink:visited
{
text-decoration: none;
color: #58595B;
font-size:11px;
font-weight:bold;
}
a.menulink:hover
{
text-decoration: underline;
color: #58595B;
font-size:11px;
font-weight:bold;
background-color:transparent;
}
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: #FFF;
min-height:300px;
height:auto !important;
height:500px;
margin-bottom: 0px;
width: 1000px;
}
#frontboxleft {
width: 400px;
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: 27px;
background-repeat:repeat;
border-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 0px;
}
#frontboxright {
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-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-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: 770px;
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-left: 15px;
padding-right: 15px;
background-repeat:repeat;
margin-left: 0px;
margin-bottom: 15px;
padding-bottom: 15px;
}
#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-quicklinks {
width: 990px;
margin: 0 auto;
padding-top: 10px;
padding-left: 20px;
text-align: left;
padding-bottom: 15px;
background-color: #0D2C49;
height:340px;
}
#quicklinks-title-box {
width: 334px;
padding: 0;
margin-right:20px;
}
#quicklinks-box {
width: 230px;
margin: 0 auto;
padding: 0;
float:left;
margin-right:10px;
margin-bottom: 10px;
}
#quicklinks-facebook-box {
width: 334px;
padding: 0;
margin-right:20px;
float:right;
}
#footer {
width: 987px;
padding: 0;
background-color: #000;
height: 35px;
float: left;
text-align:right;
padding-right: 10px;
padding-top: 15px;
margin-bottom: 0px;
margin-right: -3px;
margin: 0;
}
a.footer {
font-size: 11px;
color:#CCCCCC;
text-decoration: none;
margin-right:14px;
text-align: right;
line-height: 20px;
margin-left: 5px;
}
a.footer:hover {
font-size: 11px;
color:#FF0;
text-decoration: underline;
text-align: right;
line-height: 20px;
margin-left: 5px;
margin-right:14px;
}
a.footer:active {
font-size: 11px;
color:#CCCCCC;
text-decoration: none;
text-align: right;
line-height: 20px;
margin-left: 5px;
margin-right:14px;
}
a.quicklinks {
font-size: 12px;
color:#FFF;
text-decoration: none;
margin-right:14px;
text-align: left;
line-height: 20px;
margin-left: 5px;
}
a.quicklinks:hover {
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
text-align: left;
margin-left: 5px;
background-color:#FF9900
}
a.quicklinks:active {
font-size: 12px;
color:#FFF;
text-decoration: none;
text-align: left;
margin-left: 5px;
}
.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: Arial, Helvetica, sans-serif, Tahoma;
color: #FFFFFF;
font-size:10px;
margin-top:50px;
}
a.footerlink:link, a.footerlink:active, a.footerlink:visited
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: none;
color: #FFFFFF;
font-size:10px;
}
a.footerlink:hover
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: underline;
color: #ffffff;
}
.footerlink2
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: none;
color: #FFFFFF;
font-size:10px;
margin-top:50px;
text-align:center;
}
a.footerlink2:link, a.footerlink2:active, a.footerlink2:visited
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: none;
color: #FFFFFF;
font-size:10px;
}
a.footerlink2:hover
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: underline;
color: #ffffff;
font-size:10px;
}
#linespacer {
padding: 0 8px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
height: 8px
}
#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: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: underline;
color: #000;
font-size:12px;
font-weight: bold;
}
a.enquirelink:link, a.enquirelink:active, a.enquirelink:visited
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: underline;
color: #000;
font-size:12px;
}
a.enquirelink:hover
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
color: #FFF;
background-color:#00a88f;
}
.navrightbar {
font-size:11px;
font-weight: bold;
color: #FFF;
text-align: left;
font-family: Arial Black, Gadget, sans-serif;
}
A.navrightbar:LINK {
font-size:11px;
font-weight: bold;
color: #FFF;
text-align: left;
font-family: Arial Black, Gadget, sans-serif;
text-decoration:none;
}
A.navrightbar:VISITED {
font-size:11px;
font-weight: bold;
color: #FFF;
text-align: left;
font-family: Arial Black, Gadget, sans-serif;
text-decoration:none;
}
A.navrightbar:HOVER {
font-size:11px;
font-weight: bold;
color: #FFFF;
text-align: left;
font-family: Arial Black, Gadget, sans-serif;
text-decoration:none;
background-color: #FF6600;
}
.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: #FF6600;
border-color: #FE7900;
}
.table{
background-color: #FFF;
}
.activitiesbottom
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: none;
color: #000;
font-size:10px;
}
.top
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: none;
color: #FFF;
font-weight:bold;
font-size:12px;
}
a.top:link, a.top:active, a.top:visited
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
text-decoration: none;
color: #FFF;
font-weight:bold;
font-size:12px;
}
a.top:hover
{
font-family: Arial, Helvetica, sans-serif, Tahoma;
color: #FFF;
background-color:#FF6600;
}
#right-menu-box{
margin: 0;
padding: 4px;
background-repeat: no-repeat;
width: 219px;
height:421px;
background: #FFF;
z-index:2;
}
#middle-box{
margin: 0;
padding: 3px;
background-repeat: no-repeat;
width: 545px;
min-height:423px;
background: #FFF;
z-index:1;
position:relative;
}
#left-menu-box{
margin: 0;
padding: 4px;
background-repeat: no-repeat;
width: 217px;
height:421px;
background: #FFF;
z-index:2;
}