﻿body { background-color: #8cafcb; margin: 0px auto; padding: 0px auto; text-align: center; background-image: url(../Images/BackGradient.jpg); background-repeat: repeat-x;}

.ContentPlaceHolder { background-color: #FFFFFF; width: 770px; position: relative; text-align: center; margin: 0 auto;}

.PaddingContainer{padding: 10px 10px 10px 10px; position: relative; float: left; background-color: #FFFFFF; }

.InnerMainContent {background-color: #FFFFFF; width: 750px; position: relative; text-align: center; float: left;}

.Header {position: relative; background-image: url(../Images/HeaderGradient.jpg); background-repeat: repeat-x; width: 750px; height: 77px;}

.Logo{position: relative; float: left; border: none;}

.StrapLine{position: relative; float: right;}

.FlashContent{ margin-top: 5px; position: relative; width: 750px; height: 220px; background-color: #FFFFFF;}

.FlashContent2{ margin-top: 5px; position: relative; width: 750px; height: 164px; background-color: #FFFFFF;}

.MidContent{ position: relative; width: 750px; /*height: 353px;*/ background-color: #FFFFFF; padding-top: 5px; padding-bottom: 5px }

.SideMenu{ position: relative; width: 158px;  background-color: #FFFFFF; float: left; height: 100%; }

.SideMenuContainer{ position: relative; width: 158px; /*height: 354px;*/ float: left;margin:0px}

.classTabContent{ border: 1px solid #333333; padding:2px; margin-right: 5px; }




.Content{position: relative; width: 587px; /*height: 353px;*/ background-color: #FFFFFF; float: right; padding-left: 5px; padding-bottom: 5px;}

.Footer{position: relative; float: left; width: 750px; height: 64px; background-color: #003366;}

.FooterContent{position: relative; width: 620px; height: 59px; float: left; font-family: Verdana; font-size: 7pt; color: #FFFFFF; text-align: left; top: 5px; left: 5px;}

.SkylightLogo{position: relative; width: 130px; height: 64px; float: right;}



.divMidContent {position: relative; width: 412px;  /*height: 353px;*/ float: left;}

.MidInnerContent{position: relative; padding: 10px 10px 10px 10px; text-align: left;}

.divMidContentOther {position: relative; width: 596px !important; width: 585px; /*height: 353px;*/ background-color: #fefefe; }

.MidInnerContentOther{position: relative; padding: 10px 5px 1px 0px; text-align: left;}

.RightPanel{position: relative; width: 175px; height: 353px; float: left; text-align: right;}

.RightPanelClass{position: relative; float: right; margin-bottom: 5px; border: none;}


#divIntro{position: relative; margin: 5px; margin-top: 20px;}


/**** About US ****/

.classPageHeader{position: relative; width: 577px !important; width: 575px; height: 25px; background-color: #003366; float: left; font-family: Arial; color: #FFFFFF; font-size: 10pt; text-align: left; font-weight:bold; padding-top: 8px; padding-left: 10px;}

.classSectionHeader{position: relative; width: 176px; height: 25px; background-color: #7DA6C6; float: left; font-family: Arial; color: #FFFFFF; font-size: 10pt; text-align: left; font-weight:bold; padding-top: 8px; padding-left: 10px; margin-left: 2px}

#divAboutAirContent{padding: 0px 10px 0px 5px; position: relative;}

.NavLinks{border: none; margin-bottom: 3px;}

.ImageLinks{border: none;}

a.FooterLinks {font-family: Verdana; font-size: 7pt; color: #FFFFFF; text-decoration: none;}

a.FooterLinks:hover {font-family: Verdana; font-size: 7pt; color: #FFFFFF; text-decoration: underline;}

.MainText{font-family: Verdana; font-size: 8pt; color: #303030; }

.HeadingText{font-family: Verdana; font-size: 10pt; color: #303030; line-height: 14px; font-weight: bold;}

/**** Contact Form Page ****/

#ContactFormContainer{ position: relative; width: 310px; float: left; margin-top: 10px; margin-left: 5px;}

#ContactInfoContainer{ position: relative; width: 250px; float: left; margin-top: 10px;}

/**** Track & Trace Form Page ****/

#TrackFormContainer{ position: relative; width: 310px; float: left; margin-top: 10px; margin-left: 5px;}

/**** Road Freight ****/

#divAboutRoadContent{padding: 0px 10px 10px 10px; position: relative;}



/**** Services Page ****/

#divSampleSea{position: relative; float: left; width: 190px; height: 200px; }

#divSampleRoad{position: relative; float: left; width: 190px; height: 200px; border-right: Solid 1px #d4d4d4;}

#divSampleAir{position: relative; float: left; width: 190px; height: 200px; border-right: Solid 1px #d4d4d4; }



a.PageLinks {font-family: Verdana; font-size: 8pt; font-weight: bold; color: #767676; text-decoration: none;}

a.PageLinks:hover {font-family: Verdana; font-size: 8pt; font-weight: bold; color: #767676; text-decoration: underline;}

a.BluePageLinks {font-family: Verdana; font-size: 8pt; font-weight: bold; color: #2768A2; text-decoration: none;}

a.BluePageLinks:hover {font-family: Verdana; font-size: 8pt; font-weight: bold; color: #7DA6C6; text-decoration: underline;}

