.dummy{}/* leave in - bug fix */




/******* type styles *******/


body, td{

  font-family:verdana, arial, sans-serif;

  font-size:11px;

  color:#555;

}

h1{

  font-size:25px;

  color:#2F4141;

  font-family:times new roman, times, serif;

  font-weight:normal;

}

h2{

  font-size:17px;

  color:#2F4141;

  font-family:times new roman, times, serif;

}

h3{

  font-size:14px;

  color:#2F4141;

  font-family:times new roman, times, serif;

}

p{

}

hr{

  color:#ddd;

  height:1px;

}

.Tcaption{

  font-weight:bold;

}



#tabbedPageHeader{

/*

  background:#eee;

  border:1px solid #ddd;

  margin:0 0 15px 0;

  padding:5px;

  font-size:17px;

*/

}



/********* GALLERY ********/


.gallery{

  width:100%;

  border-collapse:collapse;

  margin:0 0 5px 0;

  border-bottom:1px solid #ddd;

}

.galleryC1{

  vertical-align:top;

  padding:0 20px 5px 0;

}

.galleryC2{

  width:120px;

  vertical-align:top;

  text-align:center;

  font-size:10px;

  padding:0 0 5px 0;

}

.galleryC2 img{

  border:1px solid #457077;

}

.galleryC2 a{

  font-weight:normal;

  font-size:9px;

}

.gallery p,

.gallery h2,

.gallery h3{

  margin:0 0 5px 0;

}




/********* links ********/


a{

  font-weight:bold;

}

a:link{

  color:#2d4851;

}

a:visited{

  color:#2d4851;

}

a:active, 

a:hover{

  color:#33686c;

}

#advert a:link,

#advert a:visited{

  font-size:9px;

  text-align:left;

  color:gray;

  padding-left:10px;

}





/********* PASTED TABLES ********/


.si5table{

  border-collapse:collapse;

  width:100%;

}

.si5td{

  background:#e0e0e0;

  padding:1px 3px;

  border-bottom:1px solid white;

}




/********* CASE STUDY ********/


.caseStudyHeader{

  background:gray;

  color:white;

  font-size:13px;

  font-weight:bold;

  padding:2px 10px;

  margin:0 0 10px 0;

  clear:both;

}


.caseStudyIntroImg,

.caseStudyChallengeImg{

  float:left;

  margin:0 10px 10px 0;

}


.caseStudyBackgroundImg,

.caseStudySolutionImg{

  float:right;

  margin:0 0 10px 10px;

}


.caseStudyFourCol{

  margin:0 0 10px 0

}


/********* MAIN MENU ********/


#mainMenu{

  background:#29464C url(menu-bg-q4.jpg) no-repeat;

  padding:0;

  margin:0 0 1px 0;

  height:39px;

}

#mainMenu table{

  border-collapse:collapse;

  width:100%;

  height:39px;

}

#mainMenu a{

  font-weight:normal;

}


#mainMenu td{

  padding:0;

  vertical-align:top;

}

#mainMenu a{

  display:block;

  padding:5px 2px 0px 2px;

  color:white;

  font-size:10px;

  text-align:center;

  text-decoration:none;

} 

#mainMenu .pageOn{

  background:#457077 url(menu-notch.gif) no-repeat center top;

}

#mainMenu .pageOff a:hover{

  text-decoration:underline;  

}

#mainMenu .pageOff a{

}

.menuSpace{

  width:80px;

  height:1px;

  line-height:1px;

  font-size:1px;

}




/********* SUB MENU ********/


#subMenu{

}

#subMenu div{

  margin:0;

}

#subMenu a,

#dummyMenu a{

  display:block;

  padding:4px 4px 4px 15px;

  font-weight:normal;

  text-decoration:none;

  color:#555;

  border-bottom:1px solid #ccc;

}

#subMenu .pageOn a{

  background:#c1c1c1;

  color:white;

}

#subMenu .pageOff a:hover,

#dummyMenu a:hover{

  text-decoration:underline;

}

#subMenu .pageOff a{

}


#dummyMenu p{

  /* used on tile colours pages */

  margin:0;

}

#dummyMenu h1{

  padding:0 0 0 14px;

}

#dummyMenu{

  padding:19px 0 0 0;

}



#path{

  padding:5px;

  text-align:right;

  font-size:9px;

}

#path,

#path a{

  color:gray;

  font-weight:normal;

}



/********* SUB MENU TABS ********/


#subMenuTabs{

  border-bottom:4px solid #457077;

  margin:0 0 20px 0;

}

#subMenuTabs table{

  border-collapse:collapse;

}

#subMenuTabs .pageOn,

#subMenuTabs .pageOff{

  border-bottom:1px solid #213639;

  padding:0;

  background:#213639;

}

#subMenuTabs .pageOn{

  border-bottom:1px solid #457077;

}

#subMenuTabs a{

  display:block;

  padding:5px 10px;

  color:white;

  text-decoration:none;

  font-weight:normal;

  font-size:10px;

}

#subMenuTabs .pageOn a{

  background:#457077;

  color:white;

}

#subMenuTabs .pageOff a:hover{

  text-decoration:underline;

}


/********* two column ********/

.two_col{

  width:100%;

  border-collapse:collapse;

}

.two_col td{

  width:50%;

  vertical-align:top;

}

.two_col .col_01{

  padding-right:7px;

}

.two_col .col_02{

  padding-left:7px;

}




/******** PRODUCT ********/


.tabs{

  border-bottom:1px solid gray;

}

.tabs td{

  border:1px solid gray;

}

.tabs td a{

  display:block;

  padding:7px 10px;

}




/******** FOUR COLUMN ********/


.fourCol{

  width:541px;

}


.fourCol td{

  vertical-align:top;

  border:1px solid #ddd;

}


.fourColr1c1,

.fourColr1c2,

.fourColr1c3,

.fourColr1c4{

  width:25%;

  padding:0px;

}

.fourColr2c1,

.fourColr2c2,

.fourColr2c3,

.fourColr2c4{

  padding:5px;

}


/******** layout ********/


body{

  margin:0;

  padding:0;

}

#pageOuter{

  width:750px;

  margin:0px;

  border:none;

  text-align:left;

}


#banner{

  margin:0 0 0 0;

  height:73px;

  background:white url(header-q5.jpg) no-repeat;

}

#banner a{

  background:none;

  border:none;

}

#logo{

  position:relative;

  top:17px;

}


#main{

  width:750px;

  border-collapse:collapse;

  margin:0 0 10px 0;

}

#r1c1{

  width:189px;

  height:300px;

  vertical-align:top;

  background:url(left-col-bg.gif);

  padding:0 0 20px 0;

  border-bottom:1px solid #788c8b;

}

#r1c2{

  width:561px;

  vertical-align:top;

  padding:0 0 20px 0;

  border-bottom:1px solid #788c8b;

}


#r2c1{

  vertical-align:bottom;

  padding:14px;

  font-size:9px;

}

#r2c2{

  /* footer */

  padding:7px 0 0 16px;

}


#mainContent{

  width:545px;

  padding-left:16px;

}

#sidebar_text{

  padding:14px;

}


#mainImage{

  margin:0 0 18px 0;

}


#usercontent{

  width:545px;

}






/******** don't edit these! *******/


#footer p{

  margin:0;

}

p,h1,h2,h3{

  margin-top:0;

}


@media print{

  #banner,

  #mainMenu,

  #path_basket,

  #r1c1,

  #r2c1{

    display:none;

  }

}