/***** Belmont Packaging *****/
/* standardization of some default values across different browsers */
body {position:relative; margin:0px; padding:0px; font-family: Verdana, Helvetica, Arial, sans-serif;}
table, tr, td {border-spacing:0px; padding:0px; border:0px; margin:0px; vertical-align:top;} 
div  {border:0px; padding:0px;}
img, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, p, label {padding:0px; border:0px; margin:0px;}
input {margin:0px; padding:0px;}

/* General structure styles*/
body {font-size:80%; color:#000;}
  #CenterSite {position:relative; width:100%; min-width:1002px;} /*Adjust JS function for IE6 accordingly*/
    #HeaderBlock {position:relative;}
    #WidthBlock {position:relative;}
      #LeftBlock {position:relative; padding:0px 10px 0px 10px; width:160px; float:left; clear:left; height:400px; z-index:10;}
      #MiddleBlock {position:relative; padding:0px 8px 0px 8px; margin-left:180px; margin-right:180px; border-left:solid 1px #406767; min-height:570px; border-right:solid 1px #406767; z-index:1;} 
        #MiddleBlockBackground, #MiddleBlockBackgroundNoImgBorder {position:relative; background-color:#e6f0eb; padding:10px 10px 10px 10px; min-height:550px; }
      #RightBlock {position:relative; padding:0px 10px 0px 10px; width:160px; float:right; }
    #FooterBlock {position:relative; clear:both; margin:14px 0px 0px 0px; height:38px; font-size:0.8em; background-color:#4e7878; color:#fff; font-weight:bold; text-align:center;}  /*Margin-top works*/

/* General style */    
p {margin-bottom:10px;  font-size:0.96em; line-height:1.4em}
a {text-decoration:underline; color:#416363; font-weight:bold;}
a:hover {text-decoration:none; color:#c00;}
h1 {font-size:1.5em; margin-bottom:0px; color:#416363; font-family: Arial, sans-serif; font-weight:400;}
h2 {font-size:1em; margin-bottom:4px; font-family: Verdana, Arial, sans-serif;}
div.RightHeading {background-color:#a1b8ae; color:#fff; padding:2px 2px 1px 6px; display:block; margin-top:3px; position:relative; top:-3px;}
hr {border:0px; color:#406767; background-color:#406767; height:1px;}
ul, ol {margin-left:30px; margin-top:0px; padding-bottom:18px; font-size:0.9em;}
ul li, ol li {margin-top:6px;}
.RB {color:#f00; font-weight:bold;} /*To indicate missing contents etc.*/
.Bold {font-weight:bold;}
#LengthInfo {font-size:0.8em; margin-top:5px;}
.Button76x18 {width:76px; height:18px;}

.home-headline {font-size:130%; font-family: Georgia, serif; color:#416363;}

.ImgContainer {background-color:#a1b8ae; font-weight:bold; font-size:1px; width:155px; margin:10px auto 20px auto;}
.ImgContainer img {width:155px; border:0px !important; border-bottom:solid 8px #a1b8ae !important;}
.ImgContainer a.Link1 {color:#416363; font-size:10px; padding:4px 6px 4px 6px; display:block; text-decoration:none;}
.ImgContainer a.Link1:hover {color:#000;}

.ImgContainerCenter {background-color:#a1b8ae; font-weight:bold; width:300px; margin:14px auto 18px auto;}
.ImgContainerCenter img {width:300px; border-bottom:solid 8px #a1b8ae !important;}
.ImgContainerCenter a {color:#416363; font-size:10px; text-decoration:none;}
.ImgContainerCenter a:hover {color:#000;}
.ImgContainerCenter p {color:#000; font-size:10px; padding:4px 4px 5px 8px; margin:0px;}

.ImgPackshot {border: solid 2px #406767 !important;}

.ImgContainerTeam {background-color:#a1b8ae; font-weight:bold; font-size:1px; width:400px; margin:10px auto 15px auto;}
.ImgContainerTeam img {width:400px; border:0px !important; border-bottom:solid 8px #a1b8ae !important;}
.ImgContainerTeam p {color:#000; font-size:10px; padding:0px 8px 5px 8px; margin:0px;}

/* HeaderBlock styles*/
#WithLogo {position:relative; height:110px; background-color:#80B3A0; border-bottom:solid 3px #000;}
#WithLogo .Logo {position:absolute; left:30px; top:20px;}
#WithLogo .Logo img {width:304px; height:77px;}
#WithLogo .LogoRight {position:absolute; right:30px; top:40px; width:365px; height:14px;}

.SearchAndPrinter {position:absolute; right:30px; bottom:20px; width:200px; height:22px; text-align:right;}  
.SearchAndPrinter img {}
.SearchAndPrinter .SearchButton1 {padding:2px 4px 2px 4px;}
.SearchAndPrinter .SearchBox1 {width:120px;}

.BreadCrumb   {color:#416363; font-size:11px; color:#416363; margin-left:10px; height:15px; padding:5px 0px 5px 0px; font-weight:bold;} /*page is too wide*/
.BreadCrumb a {color:#416363; text-decoration:none;}
    
/*Menu STYLES*/
#MenuBlock {}
#MenuBlock li          {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#a1b8ae; border-top:solid 2px #4e7878;/*#4e7878;*/}
#MenuBlock a           {position:relative; text-decoration:none; display:block; font-weight:bold; font-size:11px; color:#416363; padding:4px 5px 4px 0px;  z-index:10;} /*every link in menu, general style*/
#MenuBlock a.TopLevel         {left:10px; margin-right:10px;} /*the only way to have left margin*/
#MenuBlock a.TopLevel:hover   {/*background-color:#ddd; */color:#000; }
#MenuBlock div ul li a        {font-weight:bold; padding:4px 10px 4px 10px; } /*sub menu - local navigation*/
#MenuBlock div ul li a:hover  {/*background-color:#ddd;*/ color:#000; } /*sub menu - local navigation*/

#MenuBlock div ul      {position:absolute; top:0px; left:160px; display:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-left:solid 2px #fff; list-style:none;  z-index:12; background-color:#a1b8ae; /*border-bottom:solid 2px #4e7878;*/}
#MenuBlock div.over ul {display:block;}
#MenuBlock div	       {position:relative; top:0px; left:0px; padding:0px 0px 0px 0px; margin:0px 0px 2px 0px; background-color:#a1b8ae;}
#MenuBlock div.over    {/*background-color:#ddd;*/ background-image:url(../images/triangle_1.gif); background-repeat:no-repeat; background-position:145px 6px; }/*background-color for left margin background*/


/* Middle Block styles */
.MiddlePicture {width:590px; height:250px;  border:0px !important; border-bottom:solid 8px #A1B8AE !important; margin:0px auto 0px auto; display:block;}
/*p.OutOfTable  {width:600px; margin:0px auto 20px auto;}
p.OutOfTableValidation {width:600px; margin:0px auto 20px auto; color:#f00; height:30px;}*/
div.BottomButtons {text-align:right; margin:30px 0px 0px 0px;}
div.BottomButtons img {width:80px; height:17px;}
#MiddleBlockBackground img {border:solid 1px #406767;}
#MiddleBlockBackgroundNoImgBorder img {border:0px;}

.BottomLinks {position:relative; width:570px; text-align:right; margin:20px auto 10px auto; font-size:10px;}
.BottomLinks img {position:relative; float:left; margin-right:15px; top:-10px; border:0px !important;}
.BottomLinks a {font-size:10px; color:#000; font-weight:normal;}
.BottomLinks a:hover {text-decoration:underline; font-weight:normal;}

table.Contact tr td {padding-bottom:15px; width:230px;}

.FormTable {position:relative; width:430px;}
.FormTable .Col1 {width:150px; padding:4px 0px 4px 0px; font-weight:normal;}
.FormTable .Col2 {width:250px; padding:4px 0px 4px 0px;}
.FormTable .Col3 {padding:4px 0px 4px 6px;}
.FormTable .Editbox {width:99%;}
.FormTable .DropDown {width:100%;}
.FormTable .TextArea {width:98%; font-size:0.95em; font-family: Verdana, Helvetica, Arial, sans-serif;}
.FormTable .FileUpload {width:100%;}
.FormTable .RowWithSubmit {text-align:right; padding-top:12px;}

h2.Description {font-size:1em; margin-bottom:4px;}
.AreasDesc {font-size:0.9em; position:absolute; top:5px; left:352px; width:338px; z-index:12; display:none;}
.AreasDesc .Cell1 {padding-bottom:6px; width:1px;}
.AreasDesc .Cell2 {padding-bottom:6px; width:400px;}
.AreasDesc .Cell3, .AreasDesc .Cell4 {padding-top:4px;}
.AreasDesc td.Office {padding-top:5px; padding-bottom:8px;}
.AreasDesc a {color:#416363; text-decoration:none;}
.AreasDesc a:hover {color:#c00; text-decoration:underline;}
.AreasDesc p {margin-bottom:4px;}
.AreasDesc img {margin-right:10px; margin-top:2px; width:80px;}


table.Specifications {border-left:1px solid #a1b8ae; border-top:1px solid #a1b8ae; text-align:left; width:500px;} /*maximum width:500px or 100%*/
table.Specifications .Header1 {background-color:#a1b8ae; font-weight:bold;}
table.Specifications .Header2 {background-color:#D1DCD8;}
table.Specifications .Header3 {background-color:#D1DCD8;}
table.Specifications tr td, table.Specifications th {border-right:1px solid #a1b8ae; border-bottom:1px solid #a1b8ae; padding:2px 6px 2px 6px;}
table.Specifications .Col1 {font-weight:bold; width:220px;}
table.Specifications .Col2 {}

.PageTurner { font-weight:bold; margin:20px auto 10px auto; border-top:solid 1px #406767; border-bottom:solid 1px #406767; text-align:right; font-size:0.8em; padding:4px 6px 4px 0px;}
.PageTurner .active {color:#c00;}
.PageTurner .inactive {color:#999;}

.NewsListItem {position:relative; margin-bottom:10px;}
.NewsListItem img {float:left; position:relative; top:2px; border:solid 1px #406767 !important;}
.NewsListItem p, .NewsListItem h2 {margin:0px 0px 6px 90px;}
.NewsListItem a {color:#416363; text-decoration:none;} 
.NewsListItem a:hover {color:#c00; text-decoration:underline;}

.SearchListItem {position:relative; margin-bottom:10px;}
.SearchListItem p, .SearchListItem h2 {margin:0px 0px 6px 5px;}
.SearchListItem a {color:#416363; text-decoration:none;}
.SearchListItem a:hover {color:#c00; text-decoration:underline;}

p.Date {font-weight:bold;}

.CaseStudyListImg {margin-bottom:0px; top:2px; border:solid 1px #406767 !important;}

.NewsDetailsImg {float:left; position:relative; top:2px; margin-right:15px; margin-bottom:10px; border:solid 1px #406767 !important;}
.NewsDetailsGallery {text-align:center;}
.NewsDetailsGallery img {margin:10px;}

#DepartmentsOverview {position:relative; margin-top:0px;}
#DepartmentsOverview .JigsawImg {position:absolute; top:0px; left:0px; z-index:10; border:none;}
.DepartmentDescription {position:absolute; background-color:#a1b8ae; top:0px; left:456px; width:155px; display:none; text-align:center;}
.DepartmentDescription img {border-bottom:solid 8px #a1b8ae !important; width:155px;}
.DepartmentDescription h2 {margin:5px 2px 5px 2px;}
.DepartmentDescription p {font-weight:bold; margin-bottom:4px; margin-top:3px;}
.DepartmentDescription div p {margin-top:0px; margin-bottom:9px;}

.DepartmentHead {position:relative; height:85px; background-color:#a1b8ae; color:#416363; margin-bottom:20px; margin-top:5px;}
.DepartmentHead p {position:absolute; line-height:18px; left:30px; top:5px;}
.DepartmentHead img {position:absolute; width:155px; height:210px; top:-150px; right:30px;}

.DepartmentDesc {margin-right:200px; height:140px; overflow:hidden;}

.DepartmentMembers {width:100%;}
.DepartmentMembers a {color:#000;}
.DepartmentMembers p {margin-bottom:0px; margin-top:4px; line-height:14px;}
.DepartmentMembers img {width:90px;}
.DepartmentMembers td {vertical-align:bottom; border-bottom:solid 1px #406767; font-size:0.8em; padding:15px 0px 5px 0px; /*border:solid 1px black;*/}
.DepartmentMembers .ColB { width:100px;}


.TeamAndList {position:relative; height:255px; overflow:hidden;}
.TeamAndList div {margin-left:400px;}
.TeamAndList img {position:absolute; top:3px; left:0px; width:400px; height:250px;}

.TeamTable {margin-right:auto; margin-left:0px;} /*teams on production department page*/
.TeamTable div {width:155px; margin:0px 10px 20px 0px;}

.TeamDetails {width:100%; margin:0px; padding:0px;} /*tables on each team page*/
.TeamDetails .ColB {width:410px;}
.TeamDetails .ColB img {border-bottom:solid 8px #a1b8ae !important; border-left:0px !important; border-right:0px !important;}

.LinkTable {margin-left:auto; margin-right:0px;}
.LinkTable div {width:155px; margin:0px 0px 20px 10px;}

.TourHeading {margin-bottom:10px;}
.TourImage {text-align:center; margin-bottom:15px;}
.TourImage img {border-bottom:solid 8px #a1b8ae !important;}
.TourNavigation {text-align:right; margin-top:30px;}

.PackTable {margin-right:auto; margin-left:auto;}
.PackTable .ImgContainer {width:120px; margin-right:14px;}
.PackTable .ImgContainer a img {width:120px;}

/* Right Block styles */
p.LatestNews {}
p.LatestNews a {color:#c00; text-decoration:none;}
p.LatestNews a:hover {color:#c00; text-decoration:underline;}

#MenuBlock2 {margin-bottom:10px;}
#MenuBlock2 div {position:relative; top:0px; left:0px; margin:0px 0px 2px 0px; background-color:#a1b8ae;}
#MenuBlock2 a {text-decoration:none; display:block; font-weight:bold; font-size:11px; color:#416363; padding:4px 0px 4px 0px; margin-left:10px;}
#MenuBlock2 a:hover {color:#000;}

#RightBlock strong, #RightBlock p {font-size:0.85em;}

/* Footer Block styles */
#FooterBlock div {position:relative; top:6px;}
#FooterBlock a {color:#fff;}

  
/* Validation styles*/
.Asterisk {color:#d00;}
.AsteriskInfo {float:left; font-size:0.9em; position:relative; top:7px; padding-left:0px;}

.ValidationImage  {width:15px; height:15px;}
.ValidationMessage {color:red; font-weight:bold; height:20px; padding:3px 0px 3px 0px;}

.ValidationInfo {position:relative;}
.ValidationInfo div {position:absolute; overflow:hidden; padding:2px 2px 2px 4px; top:-80px; left:20px; width:160px; height:80px; border:solid 1px #406767; color:black !important; background-color:#fff; display:none;}

/* deb */
/*
.BottomLinks {background-color:#ddd;}
.BottomLinks img {background-color:#dfd;}
.BottomLinks a {background-color:#fdd;}