CORPORATE OFFICE
Phoenix Aircraft Leasing Pte Ltd
20-04 Wisma Atria
435 Orchard Road
Singapore 238877
Telephone: (65)-6222 5481
Fax: (65)-6222 5486
Email:
sales@phoenixaircraftleasing.com
palas@singnet.com.sg
Phoenix Multi Contact
Required JavaScript jQuery files
- None required
CSS
@charset "utf-8";
/* CSS Document */
#skip-to-nav {
background: green;
}
/*--------------------------------------------------------------------------
Body
--------------------------------------------------------------------------*/
body {
margin: 0;
padding: 0;
font-family: arial;
color: #ccc;
background: #28283A url('images/body-bg.png') repeat-x;
}
/*--------------------------------------------------------------------------
Links
--------------------------------------------------------------------------*/
a {
color: #C7C7C7;
}
li a.active {
color:#c7c7c7; /* override system menus.css */
}
ul li.pager-first a,
ul li.pager-last a {
display: none;
}
/*--------------------------------------------------------------------------
Clear Floats
--------------------------------------------------------------------------*/
.clearfloat {
clear: both;
font-size: 1px;
height: 0;
line-height: 0;
}
.clear {
clear: both;
}
/*--------------------------------------------------------------------------
Images
--------------------------------------------------------------------------*/
img {
border: none;
}
/*--------------------------------------------------------------------------
Hide
--------------------------------------------------------------------------*/
.hide {
display: none;
}
/*--------------------------------------------------------------------------
Paragraph
--------------------------------------------------------------------------*/
/*p, ul, li, address {
color: #C8C8C8;
} */
p {
line-height: 1.5em;
margin-bottom: 1em;
}
label {
color: white;
}
legend {
color: white;
}
/*--------------------------------------------------------------------------
Headings
--------------------------------------------------------------------------*/
h1, h2, h3, h4 {
margin: 0; /* required to make FF and IE consistent */
margin-top: 0.75em;
margin-bottom: 6px;
font-weight: normal;
}
/*--------------------------------------------------------------------------
Focus
--------------------------------------------------------------------------*/
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
/*--------------------------------------------------------------------------
Holding wrapper
--------------------------------------------------------------------------*/
#wrapper {
padding: 0;
width: 960px;
margin: 20px auto;
background: black url(images/wrapper-bg.png) no-repeat right bottom;
}
/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/
#header {
width: 960px;
margin: 0px 0px 0 0px;
float: left;
position: relative;
}
/*--------------------------------------------------------------------------
News RSS Block
--------------------------------------------------------------------------*/
#block-block-10, /* News */
#block-block-16 { /* Aircraft */
float: right;
margin-right: 20px;
}
/*--------------------------------------------------------------------------
RSS Feeds
--------------------------------------------------------------------------*/
#rss_feeds {
/*background: purple;*/
float: right;
width: 16px;
padding-right: 6px;
}
/*--------------------------------------------------------------------------
Header links
--------------------------------------------------------------------------*/
#header-links {
/*text-transformation: lowercase;*/
margin: 6px 22px 0 0;
display: inline;
float: right;
}
#header-links li {
height: 19px;
background: transparent url('images/bg-header-divider.gif') no-repeat top right;
margin: 0;
padding: 0 5px;
display: inline;
float: left;
}
#header-links li.last {
background: none;
padding: 0 0 0 5px;
}
#header-links a {
font-size: 11px;
/*background: none;*/
/* color: #c8c8c8;*/
text-decoration: none;
white-space: nowrap;
}
#header-links a:hover {
color: #ffffff;
}
/*--------------------------------------------------------------------------
Logo
--------------------------------------------------------------------------*/
#logo {
border: 0px purple solid;
padding-top: 15px;
padding-left: 28px;
padding-bottom: 11px;
}
/*--------------------------------------------------------------------------
primary menu wrapper
--------------------------------------------------------------------------*/
#primary-menu-wrapper {
margin: 0 0px;
}
/*--------------------------------------------------------------------------
Phoenix Primary Navigation - Smooth Navigation
--------------------------------------------------------------------------*/
#phoenix-primary-navigation {
font-size: 10px;
background: black;
background: url(menu-images/topnav_bg.png) repeat-x;
clear:both;
font-size:10px;
height:35px;
width:960px;
}
/* to override css in system-menus.css */
#phoenix-primary-navigation li.leaf {
list-style-image: none;
list-style-type:none;
}
/* to override css in system-menus.css */
#phoenix-primary-navigation li.first {
margin-left: 40px;
padding-left: 40px;
}
/* to override css in system-menus.css */
#phoenix-primary-navigation li.collapsed, li.expanded {
list-style-image:none;
list-style-type:none;
}
#phoenix-primary-navigation ul.topnav {
list-style: none;
padding: 0 5px;
margin: 0;
float: right;
/* width: 950px;*/
background: #222;
font-size: 1.2em;
/* background: url(menu-images/_topnav_bg.gif) repeat-x;*/
background: url(menu-images/topnav_bg.png) repeat-x;
}
#phoenix-primary-navigation ul.topnav li {
float: left;
/* float: right;*/
margin: 0;
padding: 0 5px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
#phoenix-primary-navigation ul.topnav li a {
padding: 10px 5px;
color: #CBBEB6;
font-weight: bold;
display: block;
text-decoration: none;
float: left;
}
#phoenix-primary-navigation ul.subnav li a {
color: #fff;
font-weight: normal;
}
#phoenix-primary-navigation ul.topnav li a:hover{
/*background: url(menu-images/topnav_hover.gif) no-repeat center top;*/
}
#phoenix-primary-navigation ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background: url(menu-images/subnav_btn.gif) no-repeat center top;
background: url(menu-images/button.png) no-repeat center top;
}
#phoenix-primary-navigation ul.topnav li span.subhover {
color: red;
background-position: center bottom;
cursor: pointer;} /*--Hover effect for trigger--*/
#phoenix-primary-navigation ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
z-index: 5000;
/* border: 1px solid #111;*/
}
#phoenix-primary-navigation ul.topnav li ul.subnav li{
margin: 0; padding: 0;
/* border-top: 1px solid #252525;*/ /*--Create bevel effect--*/
/* border-bottom: 1px solid #444;*/ /*--Create bevel effect--*/
clear: both;
width: 170px;
}
html #phoenix-primary-navigation ul.topnav li ul.subnav li a {
float: left;
width: 145px;
background: #333 url(menu-images/dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html #phoenix-primary-navigation ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #222 url(menu-images/dropdown_linkbg.gif) no-repeat 10px center;
}
.subhover {
color: red;
}
#phoenix-primary-navigation ul ul li.last a {
border-bottom: 3px #A97947 solid;
}
/*--------------------------------------------------------------------------
Splash
--------------------------------------------------------------------------*/
#splash {
/*position: relative;*/
width: 960px;
height: 233px;
background: url(images/splash.png);
margin: 0;
}
body.about-phoenix #splash {
background: url(images/splash-about-phoenix.png);
height: 136px;
width: 960px;
margin: 10px 0;
}
body.sitemap #splash,
body.news #splash {
background: url(images/splash-news.png);
height: 136px;
width: 960px;
margin: 10px 0;
}
body.case-studies #splash,
body.additional-services #splash {
background: url(images/splash-additional-services.png);
height: 136px;
width: 960px;
margin: 10px 0;
}
body.testimonials #splash,
body.aircraft #splash {
background: url(images/splash-aircraft.jpg);
height: 136px;
width: 960px;
margin: 10px 0;
}
body.contact-us #splash {
background: url(images/splash-contact-us.png);
height: 136px;
width: 960px;
margin: 10px 0;
}
/*--------------------------------------------------------------------------
Montage
--------------------------------------------------------------------------*/
#montage {
/*position: relative;*/
width: 960px;
height: 35px;
background: url(images/montage-about-phoenix.png);
margin: 0;
clear: both;
margin-bottom: 8px;
}
/*--------------------------------------------------------------------------
breadcrumb
--------------------------------------------------------------------------*/
#breadcrumb {
width: 638px;
height: 33px;
float: left;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
margin: 0;
/* background: url(images/breadcrumb/breadcrumb-bg.png) no-repeat; */
}
#breadcrumb h3 {
height: 20px;
float: left;
margin: 5px 0 5px 0px;
padding: 0;
display: inline;
border: none;
}
#breadcrumb h3 {
/*width: 100px;
background: transparent url(images/breadcrumb/h3_breadcrumb.gif) no-repeat 0 50%; */ /* you are here image */
}
#breadcrumb ul {
list-style: none;
margin: 0px 0;
padding: 0;
float: left;
}
#breadcrumb ul li {
margin: 0;
padding: 0 15px 0 0;
float: left;
background: transparent url(images/breadcrumb/bg_breadcrumb_arrow.gif) no-repeat 100% 50%; /* arrow between breadcrumb items */
font-size: 11px;
line-height: 29px;
}
#breadcrumb ul li.last {
padding: 0;
margin-left: 9px;
background: none;
color: #b32025;
}
#breadcrumb a {
padding: 0 0 0 9px;
margin: 0;
float: left;
color: #555;
text-decoration: none;
}
#breadcrumb ul a:hover {
color: #b32025;
background: none;
}
/*--------------------------------------------------------------------------
sidebar-first
--------------------------------------------------------------------------*/
#sidebar-first {
width: 160px;
margin: 20px 0px 0px 20px;
clear: both;
float: left;
}
/* to override css in system-menus.css */
#sidebar-first li.leaf {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
body.front #sidebar-first {
display: none;
}
/*--------------------------------------------------------------------------
sub-navigation
--------------------------------------------------------------------------*/
#block-block-9 ul.topnav {
margin: 0;
padding: 0;
/* padding-top: 12px;*/
width: 160px; /* this allows 20px on right */
background: #ccc url(images/sub-navigation/top.png) no-repeat;
list-style-type: none;
}
#block-block-9 ul.topnav li {
margin: 0; /* required for IE6 othewise may get gaps between menu items */
}
#block-block-9 ul.topnav li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
background: url(images/sub-navigation/body.png) bottom no-repeat;
display: block;
padding: 6px 5px 6px 25px;
text-decoration: none;
}
#block-block-9 ul.topnav li a{
background: #373737;
color: #ccc;
border-bottom: 1px solid gray;
}
#block-block-9 ul.topnav li a:hover {
background: #555;
color: white;
}
#block-block-9 ul.topnav li a.active {
color: white;
}
/*--------------------------------------------------------------------------
main-content
--------------------------------------------------------------------------*/
#main-content {
width: 620px;
margin: 0px 140px 0px 0px;
float: right;
font-size: 12px;
}
body.news #main-content {
width: 760px;
margin-right: 20px;
}
#main-content p {
line-height: 1.75em;
}
body.front #main-content {
width: 960px;
margin-right: 0;
}
/*--------------------------------------------------------------------------
div within main-content used to apply background and padding for tables
--------------------------------------------------------------------------*/
#main-content div.view-content {
padding: 10px 15px 10px 15px;
background:transparent url(images/view-aircraft-table-bg.png) repeat-x;
}
/*--------------------------------------------------------------------------
Home page - main content
--------------------------------------------------------------------------*/
body.front #main-content div.content {
background: transparent url('images/positioning-statement.png') no-repeat top ;
height: 204px;
margin: 0;
}
body.front #main-content div.content p {
display: none;
}
body.front #main-content {
height: 204px;
}
/*--------------------------------------------------------------------------
sidebar-first v. main-content
--------------------------------------------------------------------------*/
/*body.news #sidebar-first,*/
body.aircraft #sidebar-first {
display: none;
}
/*body.news #main-content,*/
body.aircraft #main-content {
width: 940px;
margin-right: 0;
}
/*--------------------------------------------------------------------------
jcarousel - used by news on home page (and aircaft if not superseeded)
--------------------------------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-container-horizontal {
padding:0 15px;
width:930px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
height:33px;
width:928px;
}
.jcarousel-skin-tango .jcarousel-item {
height:33px;
width: 225px;
/*background: transparent url('images/white-20-percent.png') repeat; */
/*background-color: #050505;*/
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin: 0;
padding-left: 7px;
background: transparent url('images/news-carosel-item-bg.png') repeat-y;
}
li.jcarousel-item p {
font-size: 10px;
margin: 0px 0 0 0;
color: #6F7074;
}
li.jcarousel-item img.imagecache-news-thumb,
li.jcarousel-item img.imagecache-100by60,
li.jcarousel-item img.imagecache-cnews {
float: right;
margin-left: 5px;
margin: 0px 0px 0 5px;
}
/* e.g. 1 hour 40 min ago */
li.jcarousel-item div.views-field-created {
font-size: 10px;
color: #6F7074;
display: none;
}
li.jcarousel-item div.views-field-title a {
font-size: 12px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
/*--------------------------------------------------------------------------
Aircraft jcarousel
--------------------------------------------------------------------------*/
body.aircraft div.jcarousel-container-vertical {
width: 860px;
}
body.aircraft div.jcarousel-clip-vertical {
width: 860px;
}
body.aircraft li.jcarousel-item-vertical {
width: 860px;
}
li span.views-field-title{
width: 200px;
float: left;
background: yellow;
display: block;
}
li span.views-field-body{
width: 230px;
background: red;
float: left;
display: block;
}
li span.views-field-field-aircraft-wing-span-value {
width: 180px;
color: red;
background: orange;
float: left;
display: block;
}
body.aircraft .jcarousel-skin-tango .jcarousel-prev-vertical {
left: auto;
right: -60px;
}
body.aircraft .jcarousel-skin-tango .jcarousel-next-vertical {
left: auto;
right: -60px;
}
body.aircraft .jcarousel-skin-tango .jcarousel-container-vertical {
height: 330px;
}
body.aircraft .jcarousel-skin-tango .jcarousel-item {
height: 160px;
}
body.aircraft .jcarousel-skin-tango .jcarousel-clip-vertical {
height: 330px;
}
div.view-aircraft ul li {
clear: both;
}
/*--------------------------------------------------------------------------
news listing table on news page
--------------------------------------------------------------------------*/
div.view-news table {
margin: 0px 0 0 0;
color: #C7C7C7;
font-size: 11px;
/*background:url(images/view-aircraft-table-bg.png) repeat-x;*/
width: 730px;
}
div.view-news table a {
color: white;
color: #C7C7C7;
}
div.view-news tr.even, tr.odd {
background: none;
}
div.view-news th.active {
/* background: #232338;*/
}
div.view-news th {
border-bottom: 1px solid #CCCCCC;
padding: 5px 0;
padding-left: 0px;
padding-top: 0px;
white-space: nowrap;
}
div.view-news td.active {
/*background: #232338;*/
background: none;
}
div.view-news td {
/* background: #555;*/
/*background-color: none;*/
padding: 5px 0;
padding-left: 0px;
padding-top: 10px;
vertical-align: top;
}
div.view-news th.views-field-body,
div.view-news td.views-field-body {
padding-left: 10px;
padding-right: 10px;
}
#main-content div.view-news td p {
margin-top: 0;
line-height: normal;
}
th.views-field a {
text-decoration: none;
}
td.views-field-title a {
color: white;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
/*--------------------------------------------------------------------------
Testimonials
--------------------------------------------------------------------------*/
body.testimonials div.view-content ul {
list-style: none;
margin: 0;
/* height: 200px;*/
padding: 0;
font-family: georgia;
}
body.testimonials blockquote {
font-size:11px;
/*color:#4b4b4b;*/
margin:0;
}
body.testimonials blockquote span {
width:30px;
height:17px;
display:block;
margin:-5px 0 0 0;
background:transparent url(images/blockquote.png) no-repeat 0 0;
float:left;
}
body.testimonials cite {
font-size:10px;
/* color: #BA7A42;*/
}
body.testimonials div.view-content h2 {
padding:20px 25px 0 25px;
color: white;
}
body.testimonials div.view-content li {
padding:0 0 20px 0;
margin:0 0 5px 0;
/*background:#373737; */
border-bottom: 2px gray solid;
float:left;
}
body.testimonials div.view-content li.last {
margin:0;
}
body.testimonials li p {
padding:15px 0 0 0;
line-height:16px;
}
body.testimonials li blockquote {
padding:5px 25px 20px 25px;
}
body.testimonials li cite {
padding:0 25px;
float:right;
}
/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/
#footer {
width: 960px;
height: 53px;
background: url(images/footer-bg.png);
float: left; /* required */
margin-top: 0px;
}
#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: 25px 0 0 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
/* color: white;*/
color: black;
font-size: 10px;
text-indent: -2000px;
}
/*--------------------------------------------------------------------------
Footer Links
--------------------------------------------------------------------------*/
#footerlinks {
text-transform: lowercase;
margin: 6px 10px 10px 0;
display: inline;
float: right;
}
#footerlinks {
margin-top: 0px;
}
#footerlinks li {
height: 19px;
margin: 0;
padding: 0 5px;
display: inline;
float: left;
}
#footerlinks li {
background: url('images/bg-header-divider.gif') no-repeat top right;
}
#footerlinks li.last {
background: none;
padding: 0 0 0 5px;
}
#footerlinks a {
font-size: 11px;
color: #b32026;
text-decoration: none;
white-space: nowrap;
}
#footerlinks a:hover {
color: #555;
}
p#copyright {
font-size: 12px;
margin: 0;
margin-left: 10px;
padding: 0;
line-height: 1.5em;
color: #707174;
}
div.footer_address {
float: left;
width: 878px;
}
div.footer_address img {
margin-top: 2px;
margin-left: 2px;
float: left;
}
div.footer_address p {
font-size: 10px;
text-align: center;
margin: 0;
padding: 0;
color: #707174;
}
/*-----------------------------------------------------------------------
Site Map
------------------------------------------------------------------------*/
#site-map h2.title {
clear: both;
}
#site-map ul.menu {
margin-bottom: 40px;
}
#site-map ul.menu ul.menu {
margin-bottom: 10px;
}
#site-map ul.menu li.first {
margin-bottom: 10px;
}
#site-map ul li {
background: none; /* undo unordered-list.css style */
overflow: hidden; /* Solution for IE6 - Expanding Box Problem */
}
#site-map li {
list-style: none;
margin: 0;
padding: 0;
}
#site-map ul {
width:348px;
margin:0;
display:inline;
padding:0;
float:left;
display: inline; /* Solution for IE6 - Doubled Float Margin Bug */
/* background: yellow;*/
}
#site-map li {
/* width:348px;*/
width/**/:328px !important;
/* padding:2px 0 2px 20px; */
float:left;
display: inline; /* Solution for IE6 - Doubled Float Margin Bug */
}
/* affects li excluding home */
/* no need to do ulSiteLinksThree, ulSiteLinksFour, ulSiteLinksFive as will inherit */
#site-map ul ul li
/*,
#ulSiteLinks .ulSiteLinksThree li,
#ulSiteLinks .ulSiteLinksFour li,
#ulSiteLinks .ulSiteLinksFive */{
padding:2px 0 2px 20px;
}
#site-map li a {
font:bold 12px Arial, Helvetica, sans-serif;
color:#555;
}
#site-map li a:hover {
color:#b32025;
}
#site-map ul ul,
#site-map ul ul ul,
#site-map ul ul ul ul,
#site-map ul ul ul ul ul {
/* width:310px;*/
padding:10px 0;
margin:0 15px;
float:left;
display: inline; /* Solution for IE6 - Doubled Float Margin Bug */
}
#site-map ul ul li {
background:transparent url(images/li-link-more.png) no-repeat 0 0;
}
#site-map ul ul li a {
/*font:normal 11px Arial, Helvetica, sans-serif;*/
}
#site-map ul ul li a:hover {
color:#b32025;
}
.newshover {
color: red;
background: white;
cursor: pointer;
background: transparent url('images/white-20-percent.png') repeat;
background: white;
}
/*--------------------------------------------------------------------------
News Block
--------------------------------------------------------------------------*/
#block-views-news-block_1 {
clear: both;
background: black;
}
/*--------------------------------------------------------------------------
horizontal-news
--------------------------------------------------------------------------*/
#horizontal-news {
clear: both;
height: 46px;
padding-top: 20px;
margin: 0;
background: transparent url('images/horizontal-news-bg.png') no-repeat;
}
/*--------------------------------------------------------------------------
RSS icon in header
--------------------------------------------------------------------------*/
#block-block-16 img,
#block-block-10 img {
margin-top: 15px;
}
/*--------------------------------------------------------------------------
Telephone top right in header
--------------------------------------------------------------------------*/
#telephone {
position:absolute;
right:20px;
top:40px;
}
#telephone p {
font-size: 12px;
font-weight:bold;
}
/*--------------------------------------------------------------------------
Highlight primary links
--------------------------------------------------------------------------*/
body.home #phoenix-primary-navigation a.home,
body.about-phoenix #phoenix-primary-navigation a.about-phoenix,
body.news #phoenix-primary-navigation a.news,
body.additional-services #phoenix-primary-navigation a.additional-services,
body.testimonials #phoenix-primary-navigation a.testimonials,
body.case-studies #phoenix-primary-navigation a.case-studies,
body.aircraft #phoenix-primary-navigation a.aircraft,
body.contact-us #phoenix-primary-navigation a.contact-us,
body.sitemap #phoenix-primary-navigation a.sitemap {
color: #ffffff;
}
/*--------------------------------------------------------------------------
Highlight primary links
--------------------------------------------------------------------------*/
body.about-phoenix #main-content {
width: 780px;
margin: 0;
}
body.about-phoenix #main-content .content {
display: block;
height: 301px;
background:transparent url(images/about-phoenix-text.png) repeat-x;
}
body.about-phoenix #main-content h1 {
display: none;
}
body.about-phoenix #main-content .content p {
display: none;
}
body.about-phoenix #splash {
margin-bottom: 0;
}
/*--------------------------------------------------------------------------
Various font sizes
--------------------------------------------------------------------------*/
p.s8px {
font-size: 8px;
}
p.s9px {
font-size: 9px;
}
p.s9p5px {
font-size: 9.5px;
}
p.s10px {
font-size: 10px;
}
p.s11px {
font-size: 11px;
}
p.s12px {
font-size: 12px;
}
p.s12p5px {
font-size: 12.5px;
}
p.s13px {
font-size: 13px;
}
p.s14px {
font-size: 14px;
}
p.s15px {
font-size: 15px;
}
p.s16px {
font-size: 16px;
}
p.s17px {
font-size: 17px;
}
p.s18px {
font-size: 18px;
}
p.s19px {
font-size: 19px;
}
p.s20px {
font-size: 20px;
}
p.s21px {
font-size: 21px;
}
p.s22px {
font-size: 22px;
}
p.s23px {
font-size: 23px;
}
p.s24px {
font-size: 24px;
}
/*--------------------------------------------------------------------------
Various font types
--------------------------------------------------------------------------*/
body.arial #main-content {
font-family: arial;
}
body.courier-new #main-content {
font-family: "Courier New";
}
body.georgia #main-content {
font-family: georgia;
}
body.times-new-roman #main-content {
font-family: "Times New Roman";
}
body.trebuchet-ms #main-content {
font-family: "Trebuchet MS";
}
body.verdana #main-content {
font-family: Verdana;
}
/*--------------------------------------------------------------------------
Hide all h1 titles
--------------------------------------------------------------------------*/
h1 {
/*display: none;*/
}
/*--------------------------------------------------------------------------
Contact Us page
--------------------------------------------------------------------------*/
body.contacts #main-content div.view-content {
background: none;
padding:10px 15px;
}
/*--------------------------------------------------------------------------
Two wrappers make up available width of 760px
--------------------------------------------------------------------------*/
#contact-wrapper {
width: 520px;
border: 1px red dotted;
float: left;
}
#office-wrapper {
width: 240px;
border: 1px red dotted;
float: left;
}
/*--------------------------------------------------------------------------
Div for each contact / member of staff
Note .clear also applied to div in event contact block to be on the left
--------------------------------------------------------------------------*/
div.contact {
float: left;
width: 240px;
padding-right: 0px;
padding-bottom: 10px;
margin-right: 20px;
margin-bottom: 15px;
font-family: arial;
/* background: #e2e2e2;*/
}
/*--------------------------------------------------------------------------
Headers for contacts
--------------------------------------------------------------------------*/
div.contact h2 {
font-size: 18px;
margin: 0;
margin-top: 15px;
}
div.contact h3 {
font-size: 14px;
margin: 2px;
}
/*--------------------------------------------------------------------------
Photograph for each contact
--------------------------------------------------------------------------*/
div.contact img {
float: left;
border: 1px #A7A59A solid;
background: white;
margin-bottom: 10px;
margin-right: 10px;
}
/*--------------------------------------------------------------------------
Styling of email address for each contact - the only link per contact
--------------------------------------------------------------------------*/
div.contact a {
font-size: 12px;
font-family: arial;
}
JavaScript
HTML
<div id="main-content">
<div class="view view-contacts view-id-contacts view-display-id-page_1 view-dom-id-1">
<div class="view-content">
<div id="contact-wrapper">
<div class="<views-row views-row-1 views-row-odd views-row-first">
<div class="contact">
<img src="http://beamish/drupal/phoenix/sites/default/files/imagecache/56by70/Tony Griffin.jpg" alt="Tony Griffin" title="Tony Griffin" class="imagecache imagecache-56by70
imagecache-default imagecache-56by70_default" width="56" height="70" />
<h2><a href="/drupal/phoenix/tony-griffin" title="Tony Griffin" alt="Tony Griffin">Tony Griffin</a></h2>
<h3>Managing Director</h3>
<a href="mailto:tony.griffin@phoenixaircraftleasing.com">tony.griffin@phoenixaircraftleasing.com</a>
</div><!--close class contact-->
</div>
<div class="<views-row views-row-2 views-row-even">
<div class="contact">
<img src="http://beamish/drupal/phoenix/sites/default/files/imagecache/56by70/Barbara Cheng.jpg" alt="Barbara Cheng" title="Barbara Cheng" class="imagecache
imagecache-56by70 imagecache-default imagecache-56by70_default" width="56" height="70" />
<h2><a href="/drupal/phoenix/barbara-cheng" title="Barbara Cheng" alt="Barbara Cheng">Barbara Cheng</a></h2>
<h3>Anministration and Finance</h3>
<a href="mailto:barbara.cheng@phoenixaircraftleasing.com">barbara.cheng@phoenixaircraftleasing.com</a>
</div><!--close class contact-->
</div>
<div class="<views-row views-row-3 views-row-odd">
<div class="contact">
<img src="http://beamish/drupal/phoenix/sites/default/files/imagecache/56by70/Mark Griffin.jpg" alt="Mark Griffin" title="Mark Griffin" class="imagecache imagecache-56by70
imagecache-default imagecache-56by70_default" width="56" height="70" />
<h2><a href="/drupal/phoenix/mark-griffin" title="Mark Griffin" alt="Mark Griffin">Mark Griffin</a></h2>
<h3>Sales and Leasing</h3>
<a href="mailto:mark.griffin@phoenixaircraftleasing.com">mark.griffin@phoenixaircraftleasing.com</a>
</div><!--close class contact-->
</div>
<div class="<views-row views-row-4 views-row-even views-row-last">
<div class="contact clear">
Yes
<img src="http://beamish/drupal/phoenix/sites/default/files/imagecache/56by70/Stuart Perkins.jpg" alt="Stuart Perkins" title="Stuart Perkins" class="imagecache
imagecache-56by70 imagecache-default imagecache-56by70_default" width="56" height="70" />
<h2><a href="/drupal/phoenix/stuart-perkins" title="Stuart Perkins" alt="Stuart Perkins">Stuart Perkins</a></h2>
<h3>Sales and Leasing</h3>
<a href="mailto:stuart.perkins@phoenixaircraftleasing.com">stuart.perkins@phoenixaircraftleasing.com</a>
</div><!--close class contact-->
</div>
</div><!--end of contact-wrapper-->
</div>
</div>
<div id="office-wrapper">
<div class="office">
<div id="block-block-19" class="block block-block">
<div class="content">
<p>CORPORATE OFFICE<br />
Phoenix Aircraft Leasing Pte Ltd<br />
20-04 Wisma Atria<br />
435 Orchard Road<br />
Singapore 238877<br />
Telephone: (65)-6222 5481<br />
Fax: (65)-6222 5486<br />
Email:<br />
<a href="mailto:sales@phoenixaircraftleasing.com">sales@phoenixaircraftleasing.com</a><br />
<a href="mailto:palas@singnet.com.sg">palas@singnet.com.sg</a></p>
</div>
</div>
</div><!--end of class office-->
</div><!-- end of class office-wrapper-->
</div><!--end of #main-content-->
