/* Start of CMSMS style sheet 'Tegral Screen' */
* {
  margin: 0px;
  padding: 0px;
}

body {
  font: 62.5% Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

html>body .clearfix { height: auto; }

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 0;
  height: 1%;
}

h2,
h3,
h4,
p,
ul,
ol { padding: 4px 0px; }

p { font-size: 1.2em; }

li { margin: 6px 0px; }

li p {font-size: 1em;}

#bodyWrapper {
  margin: 0px auto;
  width: 910px;
}

a:link,
a:visited { color: #006699; }

a:hover,
a:active { color: #3399ff; }

.clearAll { clear: both; }

input {
  font-size: 1.2em;
  padding: 2px;
}

img.floatLeft {
  float:left;
  padding:0 15px 10px 0;
  background-color:#FFFFFF;
  align:right;
}

img.floatRight {
  float:right;
  padding: 0 0 10px 15px;
  background-color:#FFFFFF;
  align:right;
}

a img { border:0px; }

#bannerContainer {
  background: url(uploads/images/logo_tegral_building.gif) no-repeat 15px 5px;
  clear: both;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  width: 910px;
  position:relative;
}

#bannerContainer .indent { margin-left: 210px; }

#bannerContainer .tagline {
  position:absolute;
  bottom: 8px;
  right: 5px;
  font-size: 2em;
  color: #CCCCCC;
}

#contentContainer,
#mainContentWrapper { width: 910px; }

#bannerTitle {
  position: relative;
  background: #fff url('uploads/required/bannerTitle_bg.gif') no-repeat top left;
  height: 27px;
  padding: 5px 10px;
}

#secondaryNav {
  font-size: 1em;
  color: #fff;
  margin: 0px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 0px 10px 5px 0px;
}

#secondaryNav ul { list-style: none; }

#secondaryNav ul li {
  display: block;
  float: left;
  margin: 0px;
  /* padding: 0px  0px  20px; */
}

#secondaryNav ul li a {
  padding: 2px 4px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  float: left;
}

#secondaryNav ul li a:hover { text-decoration: underline; }

#mainNavigation {
  background: url(uploads/required/mainNav_left.gif) no-repeat left 4px;
  padding: 0px 0px 0px 5px;
  width: 695px;
  margin-bottom: 7px;
}

#mainNavigation .rightEndPiece {
  width: 695px;
  height: 45px;
  background: url(uploads/required/mainNav_right.gif) no-repeat right 4px;
}

#mainNavigation ul {
  list-style: none;
  width: 695px;
  height: 4.5em;
}

#mainNavigation ul li {
  display: block;
  float: left;
  font-size: 1em;
  margin: 0px;
}

#mainNavigation ul li a {
  padding: 4px;
  display: block;
  float: left;
  width: 10em;
  height: 3.4em;
  background: #afb0aa url(uploads/required/mainNav_background.gif) repeat-x top;
  color: #FFFFFF;
  text-decoration: none;
  border-right: 1px solid #FFF;
}

#mainNavigation a:hover,
#mainNavigation li.currentpage a { background: #494841 url(uploads/required/mainNav_background.gif) repeat-x bottom; }

#mainNavigation ul li a.col2 { background: #007F7C url(uploads/required/mainNav_background_col2.gif) repeat-x bottom; }

#mainNavigation a.col2:hover { background: #005B59 url(uploads/required/mainNav_background_col2_hov.gif) repeat-x bottom; }

li {
  font-size: 1.2em;
  margin: 4px 0 4px 30px;
}

li li { font-size: 1em; }

#sidebar1 {
  width: 200px;
  float: left;
  position: relative;
}

.insidePage #sidebar1 { padding: 12px 0px 0px 0px; }
 ------------------------------- Sidebar V2 navigation style ------------------------------- #sidebar1 
#subNav {}

#sidebar1 #subNav ul ul {
  margin: 0;
  padding: 0;
  width: 200px;
  overflow: hidden;
  clear: both;
  _height: 1%;
}

#subNav ul ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0px;
  clear: both;
}

#sidebar1 #subNav ul ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0 0 10px 0;
  width: 200px;
  height:30px;
}

#sidebar1 #subNav ul ul li a {
  width: 190px;
  height: 23px;
  display: block;
  background-color: #007E7A;
  margin:0;
  color: #FFF;
  text-decoration: none;
  font-size: 1.1em;
  font-family: Arial, sans-serif;
  padding:10px 2px 3px 18px;
  background: transparent url(uploads/required/prod_build_200px_colourleftside.gif) no-repeat top left;
}

#sidebar1 #subNav ul ul li a:hover,
#sidebar1 #subNav ul ul li.currentpage a,
#sidebar1 #subNav ul ul li.activeparent a {
  background: transparent url(uploads/required/prod_build_200px_colourleftside.gif) no-repeat bottom left;
  font-weight: bold;
}


 ------------------------------- /Sidebar V2 navigation style ------------------------------- #sidebar1 .localWrapper1, #sideBar1ContentInside .localWrapper1 {
 padding: 0px;
 color: #FFFFFF;
 margin: 0px 0px 10px 0px;
 background: #DC0025 url(uploads/required/localWrapper1_bg.gif) no-repeat left bottom;
}

#sidebar1 .localWrapper1 .localWrapperHeading,
#sideBar1ContentInside .localWrapper1 .localWrapperHeading {
  font-size: 1.4em;
  display: block;
  margin: 0px 0px -7px 0px;
}

#sidebar1 .localWrapper1 a { color: #FFFFFF; }

#sidebar1 .localWrapper1 a:hover { color: #000; }

#sideBar1Top {
  height: 4px;
  width: 200px;
  background: url(uploads/required/sidebar-top.gif) no-repeat top left;
}

#sideBar1Bottom {
  padding-bottom: 4px;
  width: 200px;
  background: url(uploads/required/sidebar-bottom.gif) no-repeat bottom left;
  margin-bottom: 10px;
}

/******** Bordered Area for News - create sliding window for news content **************/

#sideBarBordered { margin:10px 0 0 0; }

#sideBarBordered div.borderTopLeft {
  background: transparent url('uploads/required/sidebarborder-topleft.gif') no-repeat left top;
  display: block;
  width: 100%;
  float:left;
}

#sideBarBordered div.borderTopLeft div.borderTopRight {
  background: transparent url('uploads/required/sidebarborder-topright.gif') no-repeat right top;
  display: block;
  width: 100%;
  float:right;
  margin: 0 0 0 0;
}

#sideBarBordered div.borderTopLeft div.borderTopRight div.borderBottomLeft {
  background: transparent url('uploads/required/sidebarborder-bottomleft.gif') no-repeat left bottom;
  display: block;
  width: 100%;
  float:left;
}

#sideBarBordered div.borderTopLeft div.borderTopRight div.borderBottomLeft div.borderBottomRight {
  background: transparent url('uploads/required/sidebarborder-bottomright.gif') no-repeat right bottom;
  display: block;
  width: 100%;
  float:right;
}

div.sideBar1Content {
  margin: 5px 0px;
  padding: 0;
  border: 0;
  width: 178px;
  height: 200px;
}

/******************************** End Bordered Area ******************************/


.localWrapper2Top {
  background: url(uploads/required/localWrapper2_top.gif);
  height: 8px;
}

.quickLinksBottom {
  width: 200px;
  height: 6px;
  background: url(uploads/required/quickLinks_bottom.gif) no-repeat top left;
  margin-top: -1px;
}

.quickLinksTop {
  width: 200px;
  background: url(uploads/required/quickLinks_top.gif) no-repeat top left;
  padding-top: 6px;
  margin-top: 10px;
}

.quickLinks {
  padding: 5px 10px;
  background: #E6E6E6 url(none) repeat-x left bottom;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  width: 178px;
}

.quickLinks ul {
  margin: 0px;
  padding: 0px;
}

.quickLinks ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
  width: 168px;
}

.quickLinks ul li a {
  display: block;
  padding: 7px 5px;
  text-decoration: none;
  background: url(uploads/required/quickLinks_a_bg.gif) no-repeat left bottom;
  color: #FFFFFF;
  margin: 0px 0px 2px 0px;
  width: 168px;
  height: 13px;
}

.quickLinks ul li a:hover {
  text-decoration: none;
  background: url(uploads/required/quickLinks_a_bg_hover.gif) no-repeat left bottom;
}

.localWrapper2 {
  background: #FFFFFF url(uploads/required/localWrapper2_bg.gif) no-repeat left bottom;
  padding: 0px 6px 6px 6px;
}

.mainContentWrapper { margin: 0px 0px 0px 205px; }

.mainContentWrapperInside {
  margin: 15px 20px 0 220px;
  padding: 0;
}

.insidePage .mainContentWrapper { margin: 0px; }

#mainContent {
  background:transparent url(uploads/required/grad-bg-inside.gif) no-repeat top left;
  border:0;
  padding:10px 15px 20px;
  width:870px;
}

#contentContainer {
background:transparent url(uploads/required/grad-bg-bottom-inside.gif) no-repeat bottom left;
padding-bottom: 50px;
}

.homepage #contentContainer {
background:transparent url(none);
padding-bottom: 20px;
}

.homepage #mainContent {
  background:transparent url(uploads/required/grad-bg-home.gif) no-repeat top left;
  border:0;
  width: 667px;
  padding: 10px 15px 20px 15px;
}

.homepage .mainContentWrapper {
background:transparent url(uploads/required/grad-bg-bottom-home.gif) no-repeat 0px 100%;
_background:transparent url(uploads/required/grad-bg-bottom-home.gif) no-repeat 3px 100%; /* Hack for IE 6, won't work if put into ie-styles.css */
padding-bottom: 20px;
}

.insidePage #mainContent h1 {
  background: /* #006A67 */ url(uploads/required/mainContent_h1_bg.gif) no-repeat left bottom;
  color: #FFFFFF;
  padding: 6px 0 7px 10px;
  font-size: 1.6em;
  width: 865px;
  height: 20px;
  font-weight: normal;
}

.insidePage #mainContent h2 {
  color: #DC0025;
  margin-bottom: 5px;
  margin-top: -10px;
  font-size: 1.7em;
  width: 450px;
}

.insidePage #mainContent h3 {
  color: #DC0025;
  border-bottom: 1px dotted #CCC;
  font-size: 1.5em;
  margin-top: 10px;
}

.mainContentTop {
  background: url(uploads/required/mainContent_top.gif) no-repeat;
  padding-top: 8px;
  width: 699px;
}

.insidePage .mainContentTop {
  background: url(uploads/required/mainContent_inside_top.gif) no-repeat top left;
  width: 900px;
}

.mainContentBottom {
  background: url(uploads/required/mainContent_bottom.gif) no-repeat left bottom;
  width: 699px;
  padding-bottom: 8px;
}

.insidePage .mainContentBottom {
  background: url(uploads/required/mainContent_inside_bottom.gif) no-repeat left bottom;
  width: 900px;
  padding-bottom: 8px;
}

.homepageTableLayout table {
  width:100%;
  border:0px;
}

.homepageTableLayout td {
  vertical-align: top;
  padding-right: 15px;
}

.homepageTableLayout h2 {
  background: #007E7A url(uploads/required/bottom_right_nick2-trans.png) no-repeat bottom right;
  color: #FFFFFF;
  padding: 4px 6px;
  font-size: 1.2em;
  display: block;
}

.etexLogo {
height:30px;
margin:10px auto;
position:relative;
right:35px;
width:950px;
}
.etexLogo img {float: right;}

.homepageIntroText {
  font-size: 1.3em;
  color: #666;
}

#searchContainer input,
#searchContainer label { font-size: 1em; }

#searchContainer label { color: #666; }

.insidePage #mainContent #sideBar1ContentInside h2,
.homepage #sideBar1Content h2 {
  border: 0px;
  font-size: 1.2em;
  margin: 0px 0px -10px 0px;
  color: #DC0025;
}

.insidePage #mainContent #sideBar1ContentInside p,
.homepage #sideBar1Content p { margin: 6px 0 0 0; }

#breadcrumbs { padding: 6px 0px 0px 0px; }

#breadcrumbs,
#breadcrumbs a { color: #999; }

#breadcrumbs a:hover { color: red; }

/* --- Local Navigation --- */

.insidePage #localNav {
  display: block;
  float: right;
  width: 170px;
  padding: 0 0 20px 10px;
  background: #FFFFFF;
}

.insidePage #localNav ul {
  margin: 0px;
  width: 170px;
}

.insidePage #localNav ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 170px;
  display: block;
  float: left;
  position: relative;
}

.insidePage #localNav ul li a {
  padding: 5px;
  text-decoration: none;
  color: #FFF;
  background: #B0B1AC;
  width: 160px;
  display: block;
  float: left;
  border-bottom: 1px solid #FFF;
}

.insidePage #localNav ul li.activeparent a,
.insidePage #localNav ul li.active a { background: #85867E; }

.insidePage #localNav ul li.active ul a { background: #B0B1AC; }

.insidePage #localNav ul li.active ul li a:hover,
.insidePage #localNav ul li.activeparent ul li.currentpage a { background: #85867E; }

.insidePage #localNav ul ul {
  display: none;
  width: 170px;
  position: absolute;
  right: 100%;
  top: 0px;
  margin-right: 1px;
  z-index: 999;
}

.insidePage #localNav ul ul.hover { display: block; }

.insidePage #localNav ul li a:hover,
.insidePage #localNav ul li.currentpage a,
.insidePage #localNav ul li.activeparent a { background: #85867E; }

.insidePage #mainContent #localNav h3 {
  margin: 0 0 10px 0;
  padding:0;
  border:0;
}

/* --- End Local Navigation --- */


/* Slideshow Homepage */
#slideshow {
  width:660px;
  height:332px;
  overflow:hidden;
  margin-bottom: 10px;
}

#slideshow img {
  width:660px;
  height:332px;
}

div.dbBlock { margin: 1em 0 0 0; }

div.dbBlock table.record {
  border: 1px solid #999;
  margin: 6px 0px;
  width: 100%;
}

div.dbBlock table.record td {
  background-color: #eee;
  color: #000;
  padding: 4px;
  font-size: 1.2em;
}

div.dbBlock table.record td.label {
  background-color: #eee;
  color: #000;
  width: 25%;
  text-align: right;
  vertical-align: top;
  font-weight: bold;
}

div.suppliersearchform {
  margin: 6px 0px;
  padding: 4px 10px 8px 10px;
  border: 1px solid #999;
  background-color: #ffffe6;
}

div.suppliersearchform table { width: 100%; }

div.suppliersearchform table td { font-size: 1.2em; }

div.suppliersearchform input { border: 1px solid #999; }

.table-style1 {
  width:100%;
  margin-top: 10px;
  clear:both;
  border-collapse:collapse;
}

.table-style1 td {
  vertical-align: top;
  padding: 10px 0px;
  border-bottom: 1px solid #CCC;
}

.insidePage #mainContent .table-style1 td h3 { margin-top:0; }

.table-style2 {
  width:auto;
  border-collapse:collapse;
  margin-top: 10px;
}

.table-style2 td {
  border: 1px solid #CCC;
  padding: 5px;
  vertical-align: top;
}

.table-style3 {
  width:100%;
  margin-top: 10px;
  clear:both;
  border-collapse:collapse;
}

.table-style3 td {
  vertical-align: top;
  padding: 10px 0px;
  border-bottom: 0;
}


/* COMPARISON TABLES */
table.comparison {
  border-collapse: collapse;
  border: 1px solid #FFF;
  clear:both;
}

table.comparison th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 8px;
  border: 1px solid #FFF;
  color: #FFFFFF;
  background: #666;
}

table.comparison td {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 4px;
  border: 1px solid #FFF;
  border-spacing: 0px;
}

table.comparison .colourOne { background: #C7EAF8; }

table.comparison .colourTwo { background: #E9DAEB; }

table.comparison .colourThree { background: #E4EFC7; }

a.pdfLink {
  display: block;
  background: url(uploads/required/download-pdf.gif) no-repeat 0 4px;
  height: 38px;
  width: 151px;
  padding: 10px 0px 0 45px;
  color: #000;
  text-decoration: none;
}

a.pdfLink:hover {
  color: #006699;
  text-decoration: underline;
}

/* Clay Tiles accessories */
#roof {
  width:400px;
  height:353px;
  position:relative;
  overflow:hidden;
}

#roof {margin-bottom: 15px; z-index:1; position:relative;}
#roof img { margin-left:0px; position:absolute;}

.accImg {float:left; width:100px; height:150px; padding:3px 6px; margin: 3px; border: 1px dotted #999;}

ul.adv li {
  list-style-type: none;
  padding: 0 0 0 25px;
  margin: 3px 0 3px 10px;
  background: url(uploads/images/tick.png) no-repeat 0px 0px;
}


/* News Scroller */
	 #scrollup {
	   position: relative;
	   overflow: hidden;
	   height: 200px;
	   width: 190px
	 }
	 .headline {
	   position: absolute;
	   top: 210px;
           left: 5px;
	   height: 195px;
	   width:180px;
	 }

.NewsSummaryPostdate {font-size: 85%; color: #666;}

.sideBar2Content {margin: 5px 0px;}


.samples-page #brochures, 
.samples-page #samples,
.samples-page #personal {border:1px solid #CCC; margin:3px 0; padding: 10px 5px;}

.samples-page .yui-g,
.samples-page .yui-gb {height:2.5em;}
.samples-page .yui-g.open,
.samples-page .yui-gb.open {height:auto;}

.samples-page .wrapper ul {margin:0; padding:0;}
.samples-page .wrapper ul li {list-style-type:none; margin:0; padding:3px; border-bottom:1px solid #eee;}
.samples-page .wrapper ul li input {border:0;}

.samples-page .content {padding-top:10px;}
.samples-page .content.hide {display: none;} 

.samples-page #mainContent h2 {margin:0px; padding:0;}
.samples-page h3 {margin:10px 0 6px 0; padding:0;}

.samples-page h4 {margin:1px 0; padding: 3px 4px 3px 16px; background:#EEE url(uploads/images/plus.gif) 3px 7px no-repeat; font-size:1.2em;}
.samples-page h4.hover {background:#CCCCCC url(uploads/images/plus.gif) 3px 7px no-repeat; cursor:pointer;}
.samples-page h4.open
.samples-page h4 span {font-size:90%;}

.open h4 {background:#CCCCCC url(uploads/images/minus.gif) 3px 7px no-repeat;}

.samples-page #personal ul {margin:0; padding:0;}
.samples-page #personal ul li label {float:left; width: 150px;}
.samples-page #personal ul.wide li label {float:none;}
.samples-page #personal ul li {display: block; padding:0 0 2px 0; list-style-type:none; border-bottom:1px dotted #EEE;}
.samples-page #personal .note {margin:15px 0 3px 0px; color: #DC0025;}
.samples-page #personal input {width: 300px;}

.samples-page #personal input,
.samples-page #personal select {}
.samples-page #personal select {font-size:1em;}
.samples-page #personal input#button {width:auto;}
.samples-page #personal input.iamacheckbox {width:auto; border:0;}
.samples-page #personal textarea {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

.samples-page p.submit {text-align: right;}
.samples-page #submit {margin:10px 0; padding:4px; font-size:1.2em; background:#CCC; border:1px solid #999; width: 7em;}

.envMsg {padding: 5px; border:1px solid #49a300; background: #e5f3d9; margin:0 0 10px 0;}

#personal li {margin-left:0;}

.formbuilderform label {font-size:1.2em; width:150px; float:left; padding-top:3px;}
.required, .submit {float:left; margin-right: 3px;}
.submit {margin-top:2px;}
/* End of 'Tegral Screen' */