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

 html>body .clearfix{height: auto;}
.clearfix:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{min-height: 0; height: 1%;}

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

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

p { font-size: 1.1em; }

li { margin: 6px 0px; }

li {
  font-size: 1.1em;
  margin-left: 30px;
}

li li { font-size: 1em; }

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


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

a:link, a:visited {color: #006699;}
a:hover {color: #0099ff;}

a img {border: 0px;}

.clearAll { clear: both; }

input { font-size: 1em; }

img.floatLeft {
  float: left;
  margin-right: 5px;
}

img.floatRight {
  float: right;
  margin-left: 5px;
}
.alignParaCentre {
  text-align: center;
}
#bannerContainer {
  background: url(uploads/images/logo_tegral_metal_forming.gif) no-repeat 15px 5px;
  clear: both;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  width: 910px;
}



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

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

#contentContainer {
    position: relative;
}

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



#secondaryNav {
  font: 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;
}

#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: 1.1em;
  margin: 0px;
}

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

#mainNavigation a:hover,
#mainNavigation li.currentpage { background: #494841 url(uploads/required/mainNav_background_hover.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; }


.insidePage #sidebar1 { padding: 12px 0px 0px 0px; }


------------------------------- NEW Sidebar V2 navigation style -------------------------------  #sidebar1 #subNav ul {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 width: 200px;
 overflow: auto;
 clear: both;
 _height: 1%;
}

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

#sidebar1 #subNav ul li {
  list-style-type: none;
  margin: 0px;
  width: 100px;
  height: 50px;
  float: left;
  display: block;
}

#sidebar1 #subNav ul#tegkon li { width: 200px; }

#sidebar1 #subNav ul#agri li { width: 200px; }

#sidebar1 #subNav ul li a {
  width: 84px;
  height:39px;
  float: left;
  display: block;
  background-position: top left;
  background-repeat: no-repeat;
  color: #FFF;
  text-decoration: none;
  font-size: 1.05em;
  font-family: Arial, sans-serif;
  padding: 3px 3px 5px 9px;
}

#sidebar1 #subNav ul#tegkon li a { width: 184px; }

#sidebar1 #subNav ul#agri li a { width: 184px; }

#sidebar1 #subNav ul li a { background-image: url(uploads/required/prod-small.gif); }

#sidebar1 #subNav ul li a.nine,
#sidebar1 #subNav ul li a.ten { background-image: url(uploads/required/prod-small_blue.gif); }



#sidebar1 #subNav ul#agri li a { background-image: url(uploads/required/prod_agri.gif); }

#sidebar1 #subNav ul li div.prodPopUp {
  position: absolute;
  border: 1px solid #000;
  background: #FFF;
  z-index:2;
  float: left;
  display: none;
  padding: 5px 9px;
}

#sidebar1 #subNav ul li:hover div.prodPopUp { display: block; }

#prodPopOne {
  top: 12px;
  left: 90px;
}

#prodPopTwo {
  top: 12px;
  left: 190px;
}

#prodPopThree {
  top: 59px;
  left: 90px;
}

#prodPopFour {
  top: 59px;
  left: 190px;
}

#prodPopFive {
  top: 108px;
  left: 90px;
}

#prodPopSix {
  top: 108px;
  left: 190px;
}

#prodPopSeven {
  top: 157px;
  left: 90px;
}

#prodPopEight {
  top: 157px;
  left: 190px;
}

#prodPopNine {
  top: 206px;
  left: 90px;
}

#prodPopTen {
  top: 230px;
  left: 190px;
}

#prodPopEleven {
  top: 264px;
  left: 170px;
}

#prodPopTwelve {
  top: 322px;
  left: 170px;
}

.insidePage #prodPopOne,
.insidePage #prodPopTwo { top: 80px; }

.insidePage #prodPopThree,
.insidePage #prodPopFour { top: 128px; }

.insidePage #prodPopFive,
.insidePage #prodPopSix { top: 177px; }

.insidePage #prodPopSeven,
.insidePage #prodPopEight { top: 226px; }

.insidePage #prodPopNine,
.insidePage #prodPopTen { top: 275px; }

.insidePage #prodPopEleven { top: 335px; }

.insidePage #prodPopTwelve { top: 393px; }

#sidebar1 #subNav ul li div.prodPopUp p,
#sidebar1 #subNavV3 ul li div.prodPopUp p { font-size: 1em; }

#sidebar1 #subNav ul li div.prodPopUp p a {
  background: #FFF url(none);
  color: #006699;
  text-decoration: underline;
  display: inline;
  position: relative;
  width: auto;
  height: auto;
  float: none;
}

#sidebar1 #subNav ul li div.prodPopUp p a:hover { color: #0099FF; }

#sidebar1 #subNav ul li div.prodPopUp img,
#sidebar1 #subNavV3 ul li div.prodPopUp img { border: 1px solid #CCC; }

#sidebar1 #subNav #prodPopEleven ul li {
  background: #FFF url(none);
  width: 100px;
  height: 20px;
}

#sidebar1 #subNav #prodPopEleven ul li a {
  background: #FFF url(none);
  color: #000;
  width: 100px;
  height: 20px;
  border: 1px solid #CCC;
}

#sidebar1 #subNav #prodPopEleven ul li a:hover {
  text-decoration: underline;
}

 ------------------------------- /Sidebar V2 navigation style -------------------------------  


#sidebar1 .localWrapper1, #sideBar1ContentInside .localWrapper1 {
 padding: 6px;
 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 {
  padding-top: 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;
}

.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: 0px;
}

.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;
}

/** adspace **/
#adspace { margin-top: 6px; }

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

.mainContentWrapperInside {
  margin: 13px 200px 0px 210px;
  padding: 5px 0px 0px 0px;
  position: relative;
}

.insidePage .mainContentWrapper { margin: 0px; }

#mainContent {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 0px 15px;
  background: url(uploads/required/mainContent_bg.gif) repeat-x left bottom;
  width: 868px;
}

.homepage #mainContent {
  width: 667px;
  padding: 0px 15px;
  position: relative;
}

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

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

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

.insidePage #mainContent h4 {
  color: #000000;
  border-bottom: 0px;
  font-size: 1.1em;
  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: #DC0025 url(uploads/required/bottom_right_nick2-trans.png) no-repeat bottom right;
  color: #FFFFFF;
  padding: 2px;
  font-size: 1.2em;
  display: block;
}

.etexLogo { margin:10px 0;}
.etexLogo img { display: block; margin: 0 auto;}

#sideBar1Content {
  margin: 0px;
  padding: 0px 5px;
}

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

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

#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 0px 0px 0px; }

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

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

#breadcrumbs a:hover { color: red; }

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

.insidePage #localNav {
  position: absolute;
  top: 0px;
  right: -200px;
  width: 170px;
  margin-top: -1px;
}

.insidePage #localNav ul {
  height: 2.5em;
  margin: 0px;
  padding: 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 li a {
  width: 145px;
  background: #f6f7f0;
  color: #000;
  border: 1px solid #B0B1AC;
  margin-bottom: -1px;
}

.insidePage #localNav h4 {
  color: #B0B1AC;
  font-size: 1.1em;
}

.insidePage #localNav ul li li a:hover {
  color: red;
  background: #FFF;
}

.insidePage #localNav ul ul,
.insidePage #localNav ul ul ul,
.insidePage #localNav ul ul ul ul { display: none; }

.insidePage #localNav ul li:hover ul,
.insidePage #localNav ul li li:hover ul,
.insidePage #localNav ul li li li:hover ul { display: block; position: absolute; top: 0px; right: 160px;}

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

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

contentContainer table {
  width: 100%;
  border-collapse: collapse;
}

.insidePage #contentContainer table td,
.insidePage #contentContainer table th {
  font-size: 1.1em;
  padding: 4px 2px;
  border: 1px solid #CCC;
  vertical-align: top;
}

li p { font-size: 1em }

table.tableStyleOne {
  border-collapse: collapse;
}
table.tableStyleOne td, table.tableStyleOne th {
  border: 1px solid #CCC;
  padding: 2px;
  text-align: left;
}


/* Tegkon colours for mini site */

.tegkon #bannerContainer {background: url(uploads/images/logo-tegkon.gif) no-repeat 25px 5px;}
.tegkon #bannerTitle {background: #C89900 url(uploads/required/bannerTitle_tegkon_bg.gif) no-repeat;}
.tegkon #mainContent h1 {
  background: #C89900 url(uploads/required/mainContent_h1_tegkon_bg.gif) no-repeat left bottom;}
.tegkon #mainContent h2 {color: #f29400; font-size: 1.6em; font-weight: bold;}
.tegkon #mainContent h3 {color: #f29400; font-size: 1.3em; font-weight: bold;}


/* Tegkon colours for mini site */

.agri #bannerContainer {background: url(uploads/images/logo_tegral_metal_forming.gif) no-repeat 15px 5px;}
.agri #bannerTitle {background: #4B820E url(uploads/required/bannerTitle_agri_bg.gif) no-repeat;}
.agri #mainContent h1 {
  background: #4B820E url(uploads/required/mainContent_h1_agri_bg.gif) no-repeat left bottom;}
.agri #mainContent h2 {color: #4B820E; font-size: 1.6em;}
.agri #mainContent h3 {color: #4B820E; font-size: 1.3em;}


.miniSiteHomeNav {
  width: 200px;
  float: right;
  padding-left: 20px;
}
.miniSiteHomeNav li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: block;
  width: 200px;
}
.miniSiteHomeNav a {
  background: #B0B1AC;
  text-decoration: none;
  width: 190px;
  padding: 5px;
  display: block;
  margin: 1px 0px;
  color: #FFF;
}
.miniSiteHomeNav a:hover {
  background: #85867E;
}
body.pod {
  font-size: .6em;
}
body.pod label {
  font-size: 1.2em;
  width: 100px;
  float: left;
  padding-top: 6px;
  width
}
body.pod input {
  font-size: 1.2em;
  padding: 3px;
}

body.pod .mainContentWrapperInside {
  margin: 13px 50px 0px 210px;
}
body.pod table th, body.pod table td {
  font-size: .8em;
  border-collpase: collapse;
  border: 0px;
  border-bottom: 1px solid #CCC;
  padding: 3px 2px;
  text-align: left;
}

body.pod table th p, body.pod table td p {
  font-size: .7em;
}
iframe {
  border: 0px;
  padding: 0px;
}
div.orderLookup {
  padding: 3px 6px;
  border: 1px solid #CCCCCC;
}
body.pod .orderLookup label {
  width: 200px;
}
body.pod table {
  margin-top: 20px;
  width: 100%;
  border-collpase: collapse;
  empty-cells:show
}
p.signature img {
  border: 1px solid #CCC;
}
.widthOne {width: 40px;}
.widthTwo {width: 80px;}
.widthThree {width: 200px;}
.widthFour {width: 250px;}

body.pod h2 {
  margin-top: 0px;
  color: #DC0025;
}

/* Distributor Map */

#distributorsMapContainer {
  width: 340px;
  height: 443px;
  position: relative;
}
#distributorsMapContainer a.distButton {
  width: 38px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  background: url(uploads/required/buttons-on-off.png) no-repeat left top;
  display: block;

}
#distributorsMapContainer a.distButton:hover {
    background: url(uploads/required/buttons-on-off.png) no-repeat left bottom;
}
#distributorsMapContainer a.distButton span {
  display: block;
  margin-left: -999px;
  height: 0px;
}
#distributorsMapContainer #btn_1 {left: 168px; top: 49px;}
#distributorsMapContainer #btn_2 {left: 190px; top: 210px;}
#distributorsMapContainer #btn_3 {left: 245px; top: 142px;}
#distributorsMapContainer #btn_4 {left: 221px; top: 296px;}
#distributorsMapContainer #btn_5 {left: 83px; top: 344px;}
#distributorsMapContainer #btn_6 {left: 250px; top: 290px;} /* Wexford */
#distributorsMapContainer #btn_7 {left: 190px; top: 270px;} /* Kilkenny */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
body.pod {border: 0px; background-color: none;}

#footer-add { clear:both; margin: 6px 0 0 300px; width: 470px; /* margin: 6px 0; */}
#footer-add img { /* margin: 0 0 0 300px; */ }
#insidefooter-add { margin: 6px 0; }
#insidefooter-add img { margin: 0 0 0 240px;  }




/* End of 'Tegral Screen' */