/***
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}

.sectionTitle{
   font-weight: bold;
   margin-bottom: 10px;
   font-size: 16px;
   color: red;
}

.loading {
   background:transparent url(/images/spinner.gif) no-repeat scroll center center;
}

/**********************   COUNTRIES  *******************************/
#countries {
	 height: 33px;
	 background-color: #000;
	 margin-top: 8px;
}

#countries div {
	 float: left;
	 color: #fff;
	 padding: 10px 0px 0px 0px;
	 width: 160px;
}

/**********************   HOME PAGE  *******************************/
#homePage {
   border: 0px solid blue;
}

#homePage #picture {
   width: 200px;
   float: left;
   margin-left: 0px;
}

#homePage #picture .homeMainImage img {
   padding-top: 10px;
   width: 180px;
}

#homePage .latestTitle{
   margin:5px 0 0 0;
   font-weight:bold;
   font-size:1.2em;
   background-color:#CCCCCC;
   padding:5px;
   width:170px;
}

#homePage #content {
   border: 0px solid blue;
   float: left;
   width: 400px;
   padding: 0 5px 0px 15px;
}

#homePage #content .homeTitle {
   font-size: 12px;
   font-weight: bold;
   color: #676767;
}

#homePage #content .desc {
   line-height: 20px;
   color: #7D7C7C;
}

#homePage #homeRight {
   float: right;
   width:330px;
}

/**********************  ACS HOME PAGE  *******************************/
#acsHome {
   background-color: #000;
   zoom:1;
}

/**********************  ACS HOME LEFT *******************************/
#acsHomeLeft {
   width: 610px;
   float: left;
   color:#fff;
   line-height:1.75em;
   padding:10px;
   text-align:justify;
}

#acsHomeLeft #picture {
   width:100%;
   margin-bottom:5px;
}

#acsHomeLeft #picture .imageContainer {
   float: left;
   margin-right:35px;
}

/**********************  ACS HOME RIGHT*******************************/
#acsHomeRight {
   float: right;
   width:330px;
   margin:10px;
}

.slideshow {
   border:5px solid #fff;
}

#flashPlayer {
   margin:0;
   padding:0;
}

#downloadCatalog{
   padding:5px 10px;
   background-color: #cccccc;
}

#downloadCatalog h3{
   margin-bottom:10px;
}

#downloadCatalog .attachment {
   text-decoration: underline;
   color: #000;
   background: url('/images/pdf_icon.jpg');
   background-repeat:no-repeat;
   padding-left:25px;
   display:block;
   height:25px;
}

/************************* CLIENT *********************************/
#clientLeft {
   float: left;
   width: 560px;
   color: #706F6F;
   border: 0px solid blue;
}

#clientLeft .title {
   font-weight: bold;
   margin-bottom: 10px;
   font-size: 16px;
   color: red;
}

#clientLeft .clientName {
   font-weight: bold;
   text-decoration: underline;
   padding-top: 5px;   
}

#clientRight {
   float: left;
   border: 0px solid blue;
   margin-left: 15px;
}

#clientRight .requestBrochure {
   border: 0px solid blue;
   margin-top: 10px;
   background-color: #E4E4E4;
   font-weight: bold;
   text-decoration: underline;
   padding: 10px 13px;
}

/************************* PROJECTS *********************************/
#projectDetail {
   margin-top:10px;
}

#projectDetail h3{
   margin-top:-2px;
   font-size:12px;
}

#projectDetailLeft {
   float: left;
   width: 320px;
   color: #706F6F;
}

#projectDetailRight {
   float: right;
   width: 480px;
}

#projectDetailRight div {
   margin-bottom:5px;
}

#projectDetailLeft .relatedPicture {
   float:left;
   margin:5px;
}

/********************** BODY CONTENT ******************************/
#fatList {
}

#fatList a {
   text-decoration:underline;
}

#fatList .title {
   font-weight: bold;
   margin-bottom: 15px;
   font-size: 16px;
   color: red;
}

#fatList #fatListLeft {
   float: left;
   width: 480px;
   color: #706F6F;
}

#fatList .forcedFullWidth{
   width: 100% !important;
}


#fatList #fatListRight {
   float: right;
   width: 320px;
}

#fatListRight .relatedPicture {
   float:left;
   margin:5px;
}

#fatListRight .relatedPicture img{
   width:100px;
   height:70px;
}

/********************** NEW MEMBER FORM ******************************/
#genericForm{
   border:0px solid #000;
   text-align: left;
}

#genericForm td{
   padding:8px;
   padding-left:0px;
   vertical-align: top;
}

#genericForm .formTitle, .formTitle{
   font-size: 14px;
   font-weight: bold;
}

#genericForm .formFieldLabel{
   font-weight: bold;
   width:160px;
}

#genericForm .formFieldValue{
   font-size: 12px;
}

#genericForm .formInputBox{
   width:250px;
}

#genericForm .formInputCountryCode{
   width:30px;
}

#genericForm .formInputBoxSmall{
   width:210px;
}

#genericForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}

#enquiryBox{
	width: 55%;
	float: left;

}

.enquiryPictures{
	float: right;
	width: 260px;
	
}

.enquiryPictures img{
	float: left;
	padding: 2px;
}
/********************** EMAIL TO FRIEND ******************************/
.emailToFriendForm{
   border: 1px solid #000;
   width:500px;
   margin-left:auto;
   margin-right:auto;
   background-color:#fff;
}

.emailToFriendForm td{
   padding: 8px;
}

.successText {
   text-align: center;
   width: 100%;
   float: left;
   color: #000;
   font-weight: normal;
   font-size: 13px;
}

.welcomeText{
   width:100%;
   border: 0px solid red;
   text-align:right;
   padding-top: 8px;
}

.date {
    margin-bottom: 10px;
   }

/********************* POSTING DOCUMENT ********************************/
#postingList {
}

#postingList #header {
}


.headerRowRest {
   border: 0px solid red;
   color: #000;
   font-size: 13px;
   font-weight: bold;
   background-color:#dadada;
   float: left;
   width: 140px;
   padding-left: 0px;
}

.postingFormThanks {
   margin-left: 250px;
   margin-top: 150px;
}
/********************* THIN LIST ********************************/
#documentTitle {
   font-weight: bold;
   margin-bottom: 10px;
   font-size: 16px;
   color: red;
}

#thinList {
   border-collapse: seperate;
   width: 705px;
}

#thinList td {
}

#thinList .headerRow {
   padding: 5px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   background-color: #78838A;
   border: 1px solid #78838A;
}

#thinList .list1 td {
   background-color: #fff;
   vertical-align: top;
   padding: 8px 5px;
}

#thinList .list2 td {
   background-color: #CFCFCF;
   vertical-align: top;
   padding: 8px 5px;
}
/**********************************************************************/
#detail {
}

#detail .fieldLabel {
   float: left;
   width: 200px;
   font-weight: bold;
   padding-top: 15px;
}   

#detail .fieldValue {
   float: left;
   padding-top: 15px;
}   

#detail .fieldValue a {
    font-weight: bold;
    text-decoration: underline;
}   

#detail .descriptionLabel {
   padding-top: 15px;
   font-weight: bold;
}   

#detail .descriptionValue {
   padding-top: 15px;
   width: 500px;
}

/**********************************************************************/
#slideShowNormal {
   height:350px;
   border:0px solid #000;
   width: 760px;
   margin:5px auto;
}

#slideShowNormal img{
   margin:auto;
}

.sampleVideo {
    width:500px !important;
    margin:auto;
    height:350px;
}

/* slider specific CSS */
   .sliderGallery {
       overflow: hidden;
       position: relative;
       padding: 10px;
       height: 100px;
       width: 760px;
       margin:auto;
       border:1px dashed #000;
   }
   
   .sliderGallery ul {
       position: absolute;
       list-style: none;
       overflow: none;
       white-space: nowrap;
       padding: 0;
       margin: 0;
   }
   
   .sliderGallery ul li {
       display: inline;
       margin-right:10px;
   }

   .sliderGallery ul li img {
       display: inline;
       width:75px;
       height:75px;
   }

   .slider {
       width: 764px;
       height: 17px;
       position: relative;       
       top: 80px;
       padding: 1px;
       background: url(images/productbrowser_scrollbar_20070622.png) no-repeat;
   }
   
   * html .slider{
      background-image: none;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/productbrowser_scrollbar_20070622.png", sizingMethod="scale");
   }

   .handle {
       position: absolute;
       cursor: move;
       height: 17px;
       width: 181px;
       top: 0;
       background: url(images/productbrowser_scroller_20080115.png) no-repeat;
       z-index: 100;
   }
   
   * html .handle{
      background-image: none;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/productbrowser_scroller_20080115.png", sizingMethod="scale");
   }

   .slider span {
       color: #bbb;
       font-size: 80%;
       cursor: pointer;
       position: absolute;
       z-index: 110;
       top: 3px;
   }
   
/********************************/
table#thinList{
   width:100%;
   margin:15px 0;
   border-collapse:collapse;
}

table#thinList td,
table#thinList th
{
   padding:5px;
   border:1px solid #4F4F4F;
}

table#thinList th{
   color:#FFFFFF;
   background-color: #4F4F4F;
}


.samplesVideo {
   width:320px;
   margin:5px;
   float:left;
}

/********************************/
.news, .news li{
    margin:0;
    list-style:none;
}

.news li hr{
    border:0;
    border-bottom:1px dotted #000;
}

.news .link{
    text-decoration:underline;
}

/********************************/
.serviceDetail h1{
   font-weight: bold;
   margin-bottom: 15px;
   font-size: 16px;
   color: red;
}

.serviceDetail .link{
    text-decoration:underline;
}

h1.red {
   font-weight: bold;
   margin-bottom: 15px;
   font-size: 16px;
   color: red;
}