body{
background: url(../images/bg/bg1.gif) repeat-x;
margin: 1px 1px 10px 10px;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2e2e2e;
margin-top: 0px;
margin-bottom: 0px;
}
a img{ border: 1px solid #ffffff;}
#siteArea{
position: relative;
top: 0px;
width: 897px;
height: 1100px;
margin: 0 auto;
background-color: #ffffff;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}
#leftColumn{
position: relative;
float: left;
top : 1px;
right: 0px;
height: 100%;
width: 60%;
}
#leftColumnNarrow{
position: relative;
float: left;
top : 1px;
right: 0px;
height: 90%;
width: 180px;
}
#missionBar, #contactHeader {
float: left;
height : 65px;
width: 100%;
background: url(../images/lowerMission.png) 0px 8px no-repeat;
cursor: pointer;
}
#contactHeader{background: url(../images/contact/topHeader.png) left Bottom no-repeat; height: 90px; }
#contactBG{ float: left; width: 702px; height: 920px; background: #ffffff;}
#contactFormArea{ float: left; width: 520px; height: 100%; background: #ffffff;}
#adArea{ float: right; width: 180px; height: 100%; background: url(../images/contact/ad.png) no-repeat 0px 12px; ;}
#contactDescriptionArea{ float: left; width: 100%; height: 60px; background: #ffffff; }
#contactLabel{ float: left; width: 180px; height: 100%; background: url(../images/headers/contact.png) no-repeat left ;}
#contactInfoText{ float: right; width: 285px; height: 50%; font-size: 11px; color:#555555 }
#testimonialsLabel{ float: left; width: 200px; height: 55px; background: url(../images/headers/testimonials.png) no-repeat left ;}
#newsLabel{ float: left; width: 50%; height: 85px; background: url(../images/headers/newsletter.png) no-repeat 0px 12px; font-size: 12px;}
#testimonialsBG, #newsBG{ float: left; width: 700px; height: 910px; background: #ffffff ;}
#testimonialsContentBG, #newsContentBG{ float: left; width: 700px; height: 845px; background: #ffffff ; border-top: 1px solid #cccccc;}
#col1, #col2, #col3, #col1n, #col3n{
height: 100%;
width: 32%;
background: #ffffff;
font-size: 11px;
}
#col1n{ float: left; width: 31%; }
#col3n{ float: right; width: 31%;}
#col1{ float: left; width: 64%; }
#col2{ float: left; margin-left: 4%;}
#col3{ float: right;background: #ffffff; }
#lower{
}
#logoArea, #ologoArea {
float: left;
height : 62px;
width: 100%;
text-align: left;
background: url(../images/logo_long_green.gif) no-repeat;
cursor: pointer;
}
#ologoArea { background: url(../images/_logo.gif) no-repeat; }
#fontChange {
float: left;
height : 30px;
width: 120px;
text-align: left;
}
#leftContentArea {
float: left;
width: 100%;
/*background-color: #cccccc; */
}
#centerContent{
width: 330px;
height: 100%;
float : right;
background-color: #ffffff;
background: #ffffff;
}
#missionArea {
float: left;
height: 40px;
width: 100%;
background: url(../images/headers/mission.png) no-repeat top left;
}
#header_entertainment, #header_contact, #header_book, #header_homefamily, #header_errandrunning, #header_personal, #header_travel, #header_corporate,
#header_example, #header_about, #header_testimonials, #header_domestic, #header_rates, #header_giftvouchers, #header_home {
float: left;
height: 40px;
width: 100%;
}
#header_entertainment {background: url(../images/headers/entertainment.gif) no-repeat bottom left;}
#header_contact {background: url(../images/headers/contact.png) no-repeat bottom left;}
#header_book {background: url(../images/headers/bookonline.png) no-repeat bottom left;}
#header_homefamily {background: url(../images/headers/homeandfamily.png) no-repeat bottom left;}
#header_errandrunning {background: url(../images/headers/errandrunning.png) no-repeat bottom left;}
#header_personal {background: url(../images/headers/personal.png) no-repeat bottom left;}
#header_domestic {background: url(../images/headers/domestic.png) no-repeat bottom left;}
#header_travel {background: url(../images/headers/travel.png) no-repeat bottom left;}
#header_corporate {background: url(../images/headers/corporate.png) no-repeat bottom left;}
#header_example {background: url(../images/headers/example.png) no-repeat bottom left;}
#header_about{background: url(../images/headers/aboutus.png) no-repeat bottom left;}
#header_testimonials{background: url(../images/headers/testimonials.png) no-repeat bottom left;}
#header_rates{background: url(../images/headers/rates.png) no-repeat bottom left;}
#header_giftvouchers{background: url(../images/headers/giftvouchers.png) no-repeat bottom left;}
#header_home{background: url(../images/headers/welcome.png) no-repeat bottom left;}
#centerTextContent{
width: 301px;
float : left;
font-size: 12px;
text-align: justify;
text-justify: auto;
/*background: #cccccc; */
}
#centerImage_entertainment, #centerImage_entertainment1, #centerImage_personal, #centerImage_giftvouchers, #centerImage_domestic, #centerImage_homefamily,
#centerImage_travel, #centerImage_corporate, #centerImage_errand, #centerImage_home, #centerImage_us {
width: 100%;
height: 260px;
float : left;
}
#centerImage_entertainment {background: url(../images/center/entertainment1.png) no-repeat left;}
#centerImage_entertainment1 {background: url(../images/center/entertainment.png) no-repeat left;}
#centerImage_personal {background: url(../images/center/personal.png) no-repeat left;}
#centerImage_giftvouchers {background: url(../images/center/gift.png) no-repeat left;}
#centerImage_domestic {background: url(../images/center/domestic.png) no-repeat left;}
#centerImage_homefamily {background: url(../images/center/homeandfamily.png) no-repeat left;}
#centerImage_travel {background: url(../images/center/travel.png) no-repeat left;}
#centerImage_corporate {background: url(../images/center/corporate1.png) no-repeat left;}
#centerImage_errand {background: url(../images/center/errand.png) no-repeat left;}
#centerImage_us {background: url(../images/center/us.png) no-repeat left;}
#centerImage_home {background: url(../images/center/home.png) no-repeat left;}
#toBook {
width: 100%;
height: 115px;
float : right;
background: url(../images/toBook.png) no-repeat left;
cursor:pointer;
}
#rightImageTop_entertainment, #rightImageTop_personal, #rightImageTop_corporate, #rightImageTop_travel,
#rightImageTop_domestic, #rightImageTop_errand, #rightImageTop_homefamily, #rightImageTop_us, #rightImageTop_home {
width: 100%;
height: 205px;
float : right;
}
#rightImageTop_entertainment{ background: url(../images/top/entertainment.png) no-repeat 45px 3px; }
#rightImageTop_personal{ background: url(../images/top/personal.png) no-repeat 45px 3px; }
#rightImageTop_corporate{ background: url(../images/top/corporate.png) no-repeat 45px 3px; }
#rightImageTop_travel{ background: url(../images/top/travel.png) no-repeat 45px 3px; }
#rightImageTop_domestic{ background: url(../images/top/domestic.png) no-repeat 45px 3px; }
#rightImageTop_errand{ background: url(../images/top/errand.png) no-repeat 45px 3px; }
#rightImageTop_homefamily{ background: url(../images/top/homefamily.png) no-repeat 45px 3px; }
#rightImageTop_us{ background: url(../images/top/us.png) no-repeat 45px 3px; }
#rightImageTop_home{ background: url(../images/top/home.png) no-repeat 45px 3px; height: 445px;}
#rightImageBottom_entertainment, #rightImageBottom_personal, #rightImageBottom_corporate, #rightImageBottom_travel,
#rightImageBottom_domestic, #rightImageBottom_errand, #rightImageBottom_homefamily, #rightImageBottom_us, #rightImageBottom_home {
width: 100%;
height: 215px;
float : right;
background: url(../images/bottom/entertainment.png) no-repeat 45px 0px;
}
#rightImageBottom_entertainment{ background :url(../images/bottom/entertainment.png) no-repeat 45px 0px; }
#rightImageBottom_personal{ background :url(../images/bottom/personal.png) no-repeat 45px 0px; }
#rightImageBottom_corporate{ background :url(../images/bottom/corporate.png) no-repeat 45px 0px; }
#rightImageBottom_travel{ background :url(../images/bottom/travel.png) no-repeat 45px 0px; }
#rightImageBottom_domestic{ background :url(../images/bottom/domestic.png) no-repeat 45px 0px; }
#rightImageBottom_errand{ background :url(../images/bottom/errand.png) no-repeat 45px 0px; }
#rightImageBottom_homefamily{ background :url(../images/bottom/homefamily.png) no-repeat 45px 0px; }
#rightImageBottom_us{ background :url(../images/bottom/us.png) no-repeat 45px 0px; }
#rightImageBottom_home{ background :url(../images/bottom/home.png) no-repeat 45px 0px; }
#at_1 {
width: 100%;
height: 500px;
float : right;
background: url(../images/at_1.png) no-repeat 44px 0px;
}
#quotesBG {
width: 100%;
height: 500px;
float : right;
background: url(../images/quotesBG.png) no-repeat 44px 0px;
}
#usBG {
width: 100%;
height: 500px;
float : right;
background: url(../images/upBG.png) no-repeat 44px 0px;
}
#blueBG {
width: 100%;
height: 180px;
float : right;
background: url(../images/blueBG.png) no-repeat 44px 0px;
}
#menuArea {
width: 168px;
height: 566px;
float : left;
background: url(../images/menu/menuBG.png) top right no-repeat ;
}
#rightColumnWide{
position: relative;
float: right;
top : 1px;
right: 0px;
height: 90%;
width: 710px;
background: #ccccccc;
}
#textAreaWide{
position: relative;
float: left;
top : 1px;
left: 0px;
height: 545px;
width: 100%;
background: #ffffff;
font-size: 12px;
text-align: justify;
text-justify: auto;
color: #666666;
}
#textRightColumn{
position: relative;
float: right;
top : 1px;
right: 0px;
height: 300px;
width: 45%;
margin-right: 10px;
}
#textLeftColumn{
position: relative;
float: left;
top : 1px;
left: 0px;
height: 300px;
width: 45%;
}
#rightColumn{
position: relative;
float: right;
top : 1px;
right: 0px;
height: 100%;
width: 350px;
}
#righttextArea {
position: relative;
width: 83%;
height: 215px;
float : right;
font-size: 12px;
text-align: justify;
text-justify: auto;
right: 15px;
}
#menuArea { position: absolute; font-size: 14px; /* border: 1px solid #ffffff; */}
#menuArea ul { padding: 0; margin : 0; list-style:none; left:0px; /*border: 1px solid #cc0000;*/ }
#menuArea ul li {
left: 0px;
width: 161px;
text-indent: 25px;
font-size: 12px;
line-height: 180%;
display: block;
text-align: left;
margin: 0;
padding: 0;
/*color : #1788df;*/
color:#ffffff;
height: 28px;
/*background: url(../images/menu/menuBGSlice.jpg) 0px 0px;*/
}
#centerTextContent ul li { text-align: justify; margin: 2px;}
#menuArea ul li a{ margin : 2px; padding: 0; background-color: transparent; border: 1px solid transparent; width: 157px; display:block; text-decoration:none; color: #555555 }
#menuArea ul li a:hover{ background: transparent ; border: 1px solid #333333; color: #0066cc; }
#examplesMainBG{ background: #ffffff; height: 500px; width: 100%; left:0px; }
#examplesBG { top: 15px; background: #ffffff; color: #333333; width: 300px; border-left: 1px solid #333333; left: 10px; margin-right: 10px; height: 100%; top: 0px; float: right; font-size: 11px; line-height: 170%;}
#examplesBGMenu { background: #ffffff; color: #333333; width: 120px; left: 0px; height: 300px; top: 0px; float: left;}
#examplesBGMenu ul { padding: 0; margin : 0; list-style:none; left:0px; background: #ffffff; line-height: 160%; top: 15px;}
#examplesHeaderBG { font-family: arial; background: url("../images/bg/info1.gif") no-repeat ; width: 480px; height: 90px; }
#examplesHeaderText{ float: right; width: 430px; color: #ffffff; font-size: 12px; top: 10px; position: relative; font-family: Arial, Helvetica, sans-serif;}
#examplesBGMenu ul li { font-size: 12px; text-indent: 8px; background: transparent ; color: #0066cc; border: 1px solid #ffffff; }
#examplesBGMenu ul li a { background: transparent ; color: #333333; width: 100%; display:block; text-decoration:none; border: 1px solid #ffffff; }
#examplesBGMenu ul li a:hover { background: transparent ; border: 1px solid #333333; color: #0066cc; }
#examplesBG ul { list-style-image: url(../images/menu/selectedArrow.gif); float: left; }
#examplesBG ul li { color: #444444; margin-left: 4px; }
.selected, .selected.hover{ background: url(../images/menu/menuSelected.jpg) right top no-repeat; color: #ffffff; }
.selectedHome{ background: url(../images/menu/menuSelectedHome.jpg) -10px 0px no-repeat; color: #ffffff; }
#topSpacer{
float: right;
height: 50px;
width: 100%;
}
#myGallery
{
width: 301px !important;
height: 117px !important;
float: right;
border: none;
background :#ffffff;
margin-right: 4px;
margin-top: 1px;
}
#quotesGallery
{
width: 301px !important;
height: 450px !important;
float: right;
border: none;
background :#ffffff left top;
margin-right: 4px;
margin-top: 1px;
}
#animatedGallery
{
position:relative;
width: 700px !important;
height: 343px !important;
float: left;
border: none;
background :#ffffff left top;
margin-right: 4px;
margin-top: 1px;
}
#topImageArea
{
position:relative;
width: 702px !important;
height: 343px !important;
float: left;
border: none;
background :##009988 left top;
margin-right: 4px;
margin-top: 1px;
}
#subjectImage{
position:relative;
width: 500px !important;
height: 343px !important;
float: left;
border: none;
background :#333333 left top;
margin-left: -4px;
margin-top: 0px;
}
#membershipAnimate{
position:relative;
width: 187px !important;
height: 213px !important;
float: right;
border: none;
background :#cccccc right top;
margin-right: 0px;
margin-top: 9px;
}
/* Default/unfocused Panel style */
.yui-skin-sam div[role=panel].yui-panel .hd {
background: #666666;
}
/* Focused Panel style */
.yui-skin-sam .yui-panel-container.focused div[role=panel].yui-panel .hd {
background: url(js/build/assets/skins/sam/sprite.png) repeat-x 0 -200px;
}
/*
The Container ARIA Plugin removes the "href" attribute from the used to create the
Gecko-based browsers when the element is focused. For this reason, it is necessary to
close button for a Panel, resulting in the focus outline no longer be rendered in
restore the focus outline for the .
*/
a.container-close[role=button]:focus {
outline: dotted 1px #000;
}
/*
Necessary to explicitly set the text-align property so the content of the Panels
is aligned properly when viewed inside the YUI Examples chrome.
*/
#panel-2,#panel-3 {
text-align: left;
}
#footer{
position : absolute;
width: 100%;
left: 0px;
font-size: 9px;
text-align: center;
bottom: 1px;
height: 18px;
color: #ffffff;
background: #666666;
line-height: 160%;
}
#or{
float: left;
margin-left: 13px;
margin-top: 3px;
width: 138px;
height: 13px;
background: url(../images/or.gif) left center no-repeat;
cursor: pointer;
}
#rightColumnOptions{
width: 304px;
height: 510px;
float : right;
margin-right: 2px;
background: url(../images/bg/rightColumn.png) left center no-repeat;
}
#show-dialog-3, #bGiftVouchers, #brochureRequest{ background-color: transparent; width: 100%; height: 34px; cursor: pointer; float: left; border: none; }
#show-dialog-3{ background: url(../images/closerlook.png) left top no-repeat; width: 319px; }
#show-dialog-4{ float: left; cursor: pointer; background: url(../images/quotes/closerlook.png) left top no-repeat; width: 216px; height:90px; }
IFRAME { border : 1px solid #ffffff; font-family: arial,sans-serif; font-size: 12px; }
ol { font-size: 12px; }
ol li { color: #fc0000; }
#giftVoucherLink{
height: 50px;
width: 185px;
float: right;
margin-top: 2px;
margin-right: 2px;
}
#brochureLink{
height: 56px;
width: 185px;
float: right;
margin-top: 8px;
margin-right: 2px;
}
a img { padding:0; margin:0px; border: none;}
#giftVoucherLink img { text-align: bottom; }
#textRightColumn a img { padding:0; margin-top:0px; margin-bottom:0px;}
.quoteBG{
width: 100%;
color :#ffffff;
background: #555555;
float: left;
margin-bottom: 7px;
}
.quoteTop, .quoteBottom{ width: 100%; height: 19px; }
.quoteTop{ background: url(../images/quotes/top_1.png) #555555 4px 4px no-repeat; }
.quoteBottom{ float: left; background: url(../images/quotes/bottom_1.png) #555555 388px 5px no-repeat; width: 410px; height: 30px; color:#66ff00; margin-left: 7%; font-size: 13px; line-height: 190%;}
.quoteBottomNarrow{ float: left; background: url(../images/quotes/bottom_1.png) #555555 95% 5px no-repeat; width: 93%; height: 30px; color:#66ff00; margin-left: 7%; font-size: 13px; line-height: 190%;}
.quoteText{ width: 90%; float: left; margin-left: 7%;}
.quoteAuthor{ color:#66ff00; margin-left: 7%; font-size: 13px; line-height: 200%; }
.spacer{
width: 100%;
float: left;
height: 60px;
}
.maintext{ color: #fc0000; }