body { margin: 0px; padding: 0px; font-family: Arial,tahoma,Sans-Serif; font-size: 12px; background-color:#666666; background-image:url(../images/main_back.gif) ; background-position: center top; background-repeat:repeat-y; }

.block { display: block;}

.floatright, .right { display: block;float:right; }
.floatleft, .left { display: block;float:left; }
.clearfloat, .clear { clear: both; }
.center { text-align:center; }
 
.tl {position: absolute; top: -3px; left: -3px}
.tr {position: absolute; top: -3px; right: -3px}
.bl {position: absolute; bottom: -3px; left: -3px}
.br {position: absolute; bottom: -3px; right: -3px}


#bodyWrap { width: 967px; margin: 0px auto 45px auto; text-align:left; background: black; color: White; }
#bodyWrap em  { color: yellow; }

#headerWrap { display: block; height: 103px; width: 100%; margin-top: .5em; }
#header { display: block; background-color: Transparent; background-image: url(../images/main_heading.jpg); background-repeat:no-repeat; height: 117px; }  

#footerWrap { color: #162238; clear: both; background-color: white; border: solid 2px #990000; text-align: center; margin: 0px; padding: 0px;}
#footerWrap .logos { margin-top: 12px; }
#footerWrap .logos IMG { margin: 8px; }
  
#footer { position: relative; line-height: 45px; display: block; margin: 0px; padding: 0px; border: solid 1px white; } 
#footer a { color: darkred; }  
#footer a:hover { color: gold; }  


#contentWrap { clear: both; margin-bottom: 2em; }

#accountDetails { position: relative; width: 960px; text-align: right; padding: 0.3em 0.5em; color: White; }  
#accountDetails a { color: White; margin: 2px 8px 2px 8px; padding: 4px; line-height: 18px; text-decoration: none; }
#accountDetails a:hover { text-decoration: underline; color: yellow; }
#accountDetails div.welcome_title { color: White; margin: 2px 8px 2px 8px; padding: 4px; line-height: 18px; font-weight: bold; }

#loginbox { display: block; position: relative; border: dashed 1px white; font-size: 90%; top: 2px; left: 600px; width: 240px; height: 86px; padding: 1px 4px 1px 4px; margin: 2px; color: White; }  
#loginbox a { color: White; }    
#loginbox INPUT { font-size: 90%; }  

#loginbox.accessdenied { display: block; position:static; background: #f0d0d0; border: solid 1px #c0c0c0; font-size: 90%; top:auto; left: auto; width:320px; height: auto; padding: 8px; color: Black; }  
#loginbox.accessdenied a { color: Black; }    
#loginbox.accessdenied LABEL { display:block; clear: both; width: 100px; padding: 2px 0px 2px 0px; font-weight: bold; height: auto; line-height: auto; }
#loginbox.accessdenied INPUT { font-size: 100%; }
#loginbox SPAN.check LABEL { display: inline; float:none; clear: both; position:relative; font-weight: bold; margin: 0px; padding: 0px; }

#LoginBoxLinks { border-top: solid 1px navy; margin-top: 8px; padding-top: 8px; }

#welcomebox { xpadding: 8px; }

#menu  { display:block; height: 43px; background:url(../images/menu_back.jpg) no-repeat; margin: 0px; padding: 0px 0px 0px 16px; font-size: 120%; }
#menu:after{ content: "."; height:0; display:block; clear:both; visibility:hidden;}
#menu li{ list-style:none; margin:0; padding:0;float:left; margin-left: 4px; }
#menu li.active{ background-image: url(../images/menu_arrow.gif); background-repeat: no-repeat; background-position: left 14px; }
#menu li a{ display:block; font-family: Arial; font-size: 12px; font-weight: bold; line-height: 36px; color: White; padding:0px 4px 0px 4px; margin-left: 8px; margin-right: 14px; text-decoration: none; }
#menu li a:hover { background-color:#003300; background:transparent url(../images/menu_sel.jpg) repeat-x; color: #ffbbbb; text-decoration: underline; }


#sub-menu  { display:block; height: 20px; margin: 2px 0px 8px 0px ; padding: 0px 0px 0px 16px; font-size: 120%; }
#sub-menu:after{ content: "."; height:0; display:block; clear:both; visibility:hidden;}
#sub-menu li{ list-style:none; margin:0; padding:0;float:left; margin-left: 4px;}
#sub-menu li.active{  background-image: url(../images/menu_arrow_sub.gif); background-repeat: no-repeat; background-position: left 6px; }
#sub-menu li a{ display:block; font-family: Arial; font-size: 12px; font-weight: bold; line-height: 20px; color:  #ff6666;padding:0px 4px 0px 4px; margin-left: 8px; margin-right: 14px; text-decoration: none; }
#sub-menu li.active a{color: #eeee00; }
#sub-menu li a:hover { color: #ff2222; text-decoration: underline; }
  

#admin-menu {  display:block; height: 26px; background-color: #aa3333; color:#fff;font-size: 120%; position:relative; z-index:100; list-style-type:none;}

/* remove all the bullets, borders and padding from the default list styling */
#admin-menu {padding:0 0 0 12px;margin:0;list-style-type:none;}
#admin-menu ul {width:149px; list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#admin-menu li {float:left;xwidth:149px;position:relative;}
/* style the links for the top level */
#admin-menu a, #admin-menu a:visited {display:block;text-decoration:none; color:#fff; line-height:26px; font-size: 12px; line-height: 26px; padding:0px 8px 0px 8px; margin-right: 12px; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#admin-menu ul {visibility:hidden;position:absolute;height:0;top:26px;left:-40px; width:149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#admin-menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#admin-menu ul a, #admin-menu ul a:visited {background:#03a748; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

/* style the top level hover */
#admin-menu a:hover {background-color:#003300; color: White; }
#admin-menu :hover > a {background-color:#003300; color: White; }

/* style the second level hover */
#admin-menu ul a:hover{background-color:#003300; color: yellow; }
#admin-menu ul :hover > a {background-color:#003300; color: yellow; }

/* make the second level visible when hover on first level list OR link */
#admin-menu li:hover ul, #admin-menu a:hover ul{visibility:visible; }
  
  
#paneMain UL.form { background: #d0d0f0; margin: 0px; padding: 4px; }  
#paneMain UL.form LI { display: block;margin: 2px 0px 0px 0px; padding: 0px; clear: both; list-style-type:none; }

#paneMain LABEL { display:block; float:left; position:static; width: 110px; padding: 2px 0px 2px 0px; font-weight: bold; height: 16px; line-height: 16px; }
#paneMain LABEL.offset { width: 110px; padding-left:110px; }

#shopFormTable { background: #d0f0d0; border: solid 1px #c0c0c0; }
#shopFormTable TEXTAREA { font-family: Arial; width: 500px; }
#shopFormTable SPAN.required { color: Red; font-weight: bold; }
#shopFormTable LABEL { display: inline; float:none; clear: both; position:relative; font-weight: bold; margin: 0px; padding: 0px 16px 0px 0px; }

INPUT.quantity { text-align: right; width: 30px; }

#shopFormTable.checkout TH { padding: 2px 4px 12px 2px; border-bottom: solid 1px black; }
#shopFormTable.checkout TD { padding: 2px 4px 12px 2px; }
#shopFormTable.checkout TD P { padding: 3px 0px 3px 0px; margin: 0px; }
#shopFormTable.checkout TD P.total { border-top: solid 1px black; border-bottom: double 3px black; } 
#shopFormTable.payment TH { padding: 2px 4px 12px 2px; border-bottom: solid 1px black; }
#shopFormTable.payment TD { padding: 4px 4px 2px 2px; }

#shopTable tr { background-color: #d7F6d3; color: #003300; }
#shopTable tr.head { background-color: #407040; color: white; font-weight: bold; }
#shopTable tr.head A { color: White; }
#shopTable .footer { background-color: #689868; color: white; font-weight: bold; }
#shopTable tr.head A:hover { color: #80FF80; }
#shopTable tr.alt { background-color: white; color: #003300; }
#shopTable tr.pager { background: #80A080; }
#shopTable tr.pager table tr td { background: none; }
#shopTable tr.pager A, #shopTable tr.pager span { background: white; color: #003300; height: 20px; line-height: 26px; padding: 3px 6px 3px 6px; margin-right: 12px; border: solid 1px #003300; }
#shopTable tr.pager span { background: #408040; color: White; }
#shopTable tr.pager A:hover { background: #87b683; }

#AlphaSelect A{  background: white;color: #003300;height: 20px;line-height: 26px;padding: 2px 4px 2px 4px;margin: 0px;margin-right: 8px;border: solid 1px #003300;}

#AlphaSelect A:hover{  background: #87b683;xcolor: White;}

#CategoryList{  display: block;xclear: both;margin: 0px;}
#CategoryList LI{  display: block;float: left;height: 160px;width: 160px;margin: 8px;}
#CategoryList A{  display: block;background: white;float: left;height: 160px;width: 160px;text-align:center;border: solid 1px transparent;padding: 4px;overflow:hidden;text-decoration: none;}

#CategoryList A:hover{  border: solid 1px silver;text-decoration: underline}
#CategoryList A IMG{  display: block;border: none;}


#ProductList{  display: block;clear: both;margin: 0px;}
#ProductList LI{  display: block;float: left;height: 160px;width: 160px;margin: 8px;}
#ProductList A{  display: block;background: white;float: left;height: 160px;width: 160px;text-align:center;border: solid 1px transparent;padding: 4px;overflow:hidden;text-decoration: none;}

#ProductList A:hover{  border: solid 1px silver;text-decoration: underline}
#ProductList A IMG{  border: none;}



#ProductItem{  width: 680px;}
#ProductItem H1{  font-size: 160%;}

#ProductMain{  float:left;color: White;}
#ProductMain IMG.main{  float:left;margin-bottom:20px;margin-right:20px;border: solid 1px silver;}

#productDetails{  float: right;width: 350px;}
  


#productBuy {  float: right;text-align: right;}
#productBuy INPUT{  font-size: 90%;}




#CategoryItem{}

#CategoryItem H1{  font-size: 160%;}
#CategoryMain{  float: left;}
#CategoryMain IMG{  float:left;margin-bottom:20px;margin-right:20px;border: solid 1px white;}
  
  
#mini_image_list{  clear:both;color: Black;margin: 0px 0px 0px 10px;font-family: Arial;font-size: 90%;xwidth: 300px;}
#mini_image_list UL{margin: 0px;padding: 0px;}
#mini_image_list h2{  font-size: 90%;font-weight: bold;text-align: left;padding: 0px;margin: 0px;}
#mini_image_list LI{  display: block;margin: 0px;float: left;padding: 0px;list-style-type:none;text-align: center;}
#mini_image_list A{  display: block;background-color:#80a080;border: solid 1px #003300;width: 46px;margin: 10px 4px 0px 4px;padding: 0px;height: auto;text-decoration: none;}
#mini_image_list IMG{  background: white;margin: 2px;padding: 0px;border: solid 1px black;}
  
  
  
  

  
  
  

#feature_box{  xposition: relative;left: 0px;width: 159px;margin-top: 16px;color: #003300;}
#feature_box DIV.head{  background-image: url(../images/feature_head.jpg);background-repeat:no-repeat;font-weight: bold;color: White;padding:  8px 12px 4px 12px;height: 16px;}  
#feature_box DIV.body{  font-size: 90%;background-image: url(../images/feature_body.jpg);background-repeat: repeat-y;width: 134px;padding: 8px 22px 0px 12px;}  
#feature_box DIV.body INPUT{  font-size: 100%;}  
#feature_box DIV.foot{  background-image: url(../images/feature_foot.jpg);background-repeat:no-repeat;padding: 0px;height: 23px;} 
#feature_box DIV.body A{  display:block;line-height: 16px;padding: 4px 0px 4px 0px;border-bottom: groove 2px LightSteelBlue;text-decoration: none;} 
#feature_box DIV.body A:hover{  background: SteelBlue;color: White;text-decoration: underline;}
#feature_box DIV.data{  text-align: right;padding-top: 4px;}
#feature_box DIV.datared{  text-align: right;color: Red;font-weight: bold;padding-top: 4px;}
#feature_box DIV.data LABEL, #feature_box DIV.datared LABEL { float: left; width: 75px; text-align: left; font-weight: bold;}

.validationErr { min-height: 60px;background-image: url(../shop/images/ico_warning_42px.gif);background-position: 8px 8px;background-repeat:no-repeat;background-color: #f0fff0;border: solid 1px #003300;padding: 8px 8px 8px 60px;margin: 6px;overflow:visible;}
.ErrorMessage { display: block;min-height: 50px;background-image: url(../shop/images/ico_warning_42px.gif);background-position: 8px 8px;background-repeat:no-repeat;background-color: #f0fff0;border: solid 1px #003300;padding: 8px 8px 8px 60px;margin: 6px;overflow:visible;}

#image_list{  clear: both;color: darkred; margin: 0px 22px 0px 22px; font-family: Arial; font-size: 90%;}
#image_item{  background-color:#D0D0FF;float:left;margin: 8px;padding: 12px;border: solid 1px darkred;width: 124px;margin: 10px 20px 10px 0px;padding: 2px 0px 8px 2px;xheight: 200px;text-decoration: none;}
#image_item.default{  background: #FFA0A0;}
#image_item IMG{  background: white;margin: 0px;padding: 0px;border: solid 1px black;}
#image_item A{  color: Navy;}

.fake_link{  color: Navy;text-decoration: underline;cursor: hand;}
.small_btn{  font-size: 10px;}  
.small_btn2{  font-size: 12px;}  
.read_only{  background-color: #e0e0e0;}

#breadcrumbs {  font-family: Arial, Sans-Serif, Tahoma;font-size: 10px;margin: 0px;padding: 0px 0px 4px 0px;background: transparent;}
#breadcrumbs UL{  margin: 0px;padding: 0px;}
#breadcrumbs LI{  display: inline;}
#breadcrumbs LI A{  color: white;	margin: 0px 8px 0px 8px;	text-decoration:none;}
#breadcrumbs LI A:hover{	text-decoration:underline;} 

.balloon ul {  padding:0;margin:0;border:0;list-style-type: none;}
.balloon ul li {}
.balloon ul li a, .balloon ul li a:visited {  display:block;text-decoration:none;color:#000;color:#000;}
.balloon ul li a img, .balloon ul li a:visited img {  border:0;}
.balloon ul li dl {  visibility:hidden;position:absolute;}
.balloon table {  margin:-2px;border:0;padding:0;border-collapse:collapse;font-size:1em;}
.balloon dl {  width:400px;padding: 0px 0px 17px 0px;background:transparent url(../shop/images/popup_bottom.gif) no-repeat bottom left;height:auto;}
.balloon dt {  margin:0;padding:5px;font-size:1.4em;font-weight:bold;color: #FFF;background:transparent url(../shop/images/popup_top.gif) no-repeat top left;text-align:center;}
.balloon dd {  margin:0px;padding:5px 15px;color:#000;font-size:1em;border:1px solid #000;border-width:0px 1px;background:#fff url(../shop/images/info.gif) no-repeat bottom right;}
.balloon dd p {  padding:0;margin:10px 0;line-height:1.5em;}
/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover, .balloon ul li a:hover {  color:#000;position:relative; cursor: pointer;cursor:hand;}
.balloon ul li:hover dl, .balloon ul li a:hover dl {  visibility:visible;color:#000;top:-40px;left:34px;cursor:default;}
.balloon ul li:hover dl em, .balloon ul li a:hover dl em {  display:block;position:absolute;left:-18px;top:35px;width:19px;height:19px;background:transparent url(../shop/images/popup_pointer.gif);}
.balloon ul li:hover dl a, .balloon ul li a:hover dl a {  height:0.8em;color:#606;background:transparent;text-decoration:underline;display:inline;}
.balloon ul li:hover dl a:hover, .balloon ul li a:hover dl a:hover {  text-decoration:none;background:transparent;}

#OrderTitle{  border: dashed 1px silver;width: 240px;padding: 4px;margin: 8px;font-size: 12px;}
#OrderTitle.left{  float:left;}
#OrderTitle.right{  float:right;}
#OrderTitle label{  display:block;width: 100px;padding: 1px 0px 0px 0px;float: left;margin: 0px;font-weight: bold;font-size: 12px;height: 12px;line-height: 12px;}
#OrderTitle h2{  margin: 0px 0px 0px 0px;padding: 0px 0px 6px 0px;font-size: 14px;}

  
SPAN.check{  display: inline;}
  
#paneMain SPAN.check LABEL{  width: auto;float: none;clear: both;display: inline;position:static;font-weight: bold;margin: 0px;padding: 0px 12px 0px 0px;height: auto;line-height:normal;}

P { text-align:justify; }
 
DIV.layout-100  { width: 940px; margin: 0px auto 4em auto; }
DIV.layout-100 H2 { font-size: 2em; font-weight: bold; color: #a0ffff;  }

DIV.layout-30-70  {}
DIV.layout-30-70 H2 { font-size: 2em; font-weight: bold; color: #a0ffff; }
DIV.layout-30-70 DIV.panel1 { float: left; width: 700px; padding: 12px; }
DIV.layout-30-70 DIV.panel2 { float: right; width: 209px; margin-right: 12px; }
DIV.layout-30-70 DIV.panel3 { clear: both;padding: 12px; text-align:justify; }

DIV.adornment { padding: 0px; margin: 12px 0px; background-image: url(../images/adornment-body.jpg); background-repeat:repeat-y; }
DIV.adornment H3 { color: white; height: 42px; line-height: 34px; font-size: 1.4em; margin: 0px -8px;padding: 4px 8px; background-image: url(../images/adornment-head.jpg); background-repeat: no-repeat; }
DIV.adornment DIV.footer { height: 28px; margin: 0px -8px; background-image: url(../images/adornment-foot.jpg); background-repeat: no-repeat; }

DIV.glow-box { position: relative; padding: 0px; margin: 0px; background-image: url(../images/box-left.jpg); background-repeat:repeat-y; }
DIV.glow-box .top    { padding: 0px ; margin: 0px; background-image: url(../images/box-right.jpg); background-repeat:repeat-y; background-position: right; }
DIV.glow-box .header { padding: 16px 8px 0px 8px ; margin: 0px 8px; background-image: url(../images/box-top.jpg); background-repeat:repeat-x; }
DIV.glow-box .header h3 { color: white; height: 27px; line-height: 27px; font-size: 1.4em; margin: 0px; padding: 0px 8px; background-image: url(../images/adornment-head.jpg); background-repeat: repeat-x;}
DIV.glow-box .body    { padding: 4px 16px ; margin: 0px; }
DIV.glow-box DIV.footer { height: 16px; margin: 0px; background-image: url(../images/box-bottom.jpg); background-repeat: repeat-x; background-position: bottom; }
DIV.glow-box .tl {position: absolute; top: 0px;    left: 0px;   height: 16px; width: 16px; background-image: url(../images/box-tl.jpg);}
DIV.glow-box .tr {position: absolute; top: 0px;    right: 0px;  height: 16px; width: 16px; background-image: url(../images/box-tr.jpg);}
DIV.glow-box .bl {position: absolute; bottom: 0px; left: 0px;   height: 16px; width: 16px; background-image: url(../images/box-bl.jpg);}
DIV.glow-box .br {position: absolute; bottom: 0px; right: 0px;  height: 16px; width: 16px; background-image: url(../images/box-br.jpg);}

.img_left { float: left; margin-right: 2em; }
.img_right { float: right; margin-left: 2em; }
.quotation { color: Red;margin-bottom: 6px; }




#SilverLoader { display:block; position: relative; top: 114px; left: 533px; width: 170px; height: 31px; color: #520000; text-decoration: none; }
#SilverlightHelper { display: block; position: absolute; top: 140px; width: 400px; height: 330px; left: auto; margin-left: 230px; background: white url('../images/SilverlightLoader.jpg') no-repeat 0px 0px; padding: 70px 50px 0px 50px; border: solid 1px black; display: none; }
#SilverlightHelper H3 { font-size: 13px; font-family: Tahoma, Arial, Sans-Serif; color: black; padding-top: 20px; }
#SilverlightHelper P { font-size: 12px; font-family: Tahoma, Arial, Sans-Serif; color: black; }
#SilverlightHelper input.silver_install_no { font-size: 10px; font-family: Tahoma, Arial, Sans-Serif; color: black; }
#waitingMessage { text-align: right; font-size: 12px; font-family: Tahoma, Arial, Sans-Serif; color: black; display: none;}
#waitingAnimator { text-align: right; font-size: 12px; font-family: Tahoma, Arial, Sans-Serif; color: black; display: none;}


.clientInfo  { clear: both; width: 680px; }
.clientInfo .logo { float: right; margin-left: 20px; }
.clientInfo .logomissing { display: none; }
.clientInfo h2 { margin: 0px; padding: 0px; line-height: 30px; margin-left: 20px; color: #20d0d0; }
.clientInfo h3 { margin: 0px; padding: 0px; line-height: 30px; margin-left: 20px; color: #20d0d0; }


.contractors  { list-style: none; margin: 0px 30px; }
.contractors LI { margin: 5px 0px ; float: left; }
.contractors .logo { clear: both; float: left; width: 220px; }
.contractors H3 { font-weight:bold;font-size: 12px; float:left; margin: 0px; padding: 0px; line-height: 30px; width: 260px;}
.contractors p { float:left; margin: 0px; padding: 0px; width: 260px; }
.contractors a { color: #20a0a0; }
.contractors a:visited { color: #20a0a0; }

.cl-200-wide  { margin: 0px; padding: 0px; }
.cl-200-wide LI { width: 210px; padding: 0px 20px 0px 0px; }

.jobList   { clear: both; margin: 16px 0px 4em 20px;float:left; width: 680px; }
.jobList dt  { clear: both; width: 320px; float: left; padding-top: 6px; margin-left: 100px;}
.jobList dd  { xfloat: left; padding: 6px 0px; width: 460px; }

.contractorListJobs   { clear: both; margin: 8px 0px 8px 0px;float:left; width: 700px; }
.contractorListJobs dt  { clear: both; width: 120px; float: left; padding-top: 6px;margin-left: 220px;}
.contractorListJobs dd  { float: left; padding: 6px 0px; width: 360px; }

.contractorList a { color: #20a0a0; }
.contractorList H3 { font-weight:bold;font-size: 12px; float:left; margin: 0px; padding: 0px; line-height: 30px; width: 260px;}
.contractorList a { color: #20a0a0; }
.contractorList a:visited { color: #20a0a0; }


.jobTypeList   { list-style: none; padding: 0px; margin: 0px;}
.jobTypeList li {  margin: 6px 4px; }
.jobTypeList li a {  color: white; }


.NewsList   { list-style: none; padding: 0px; margin: 0px; }
.NewsList li {  margin: 4px 0px; }
.NewsList li a {  color: red; }
.NewsList li a:hover {  color: gold; }


.location  {  border: solid 1px black; padding: 8px;position: absolute; display: none; background: white; color: black; left: 400px; }
.location h3  { margin: 0px 0px;}
.location p  { margin: 8px 0px;}


.carouselMain UL LI { width: 700px; height: 100px; color: white;  }
.carouselMain UL LI a { width: 500px; height: 100px; color: white;  display:block; padding: .75em .75em .75em 200px; text-decoration: none; }
.carouselMain UL LI.slide3 a { color: black; }
.carouselMain UL LI a b { display: block; font-size: 2em; }
.carouselMain UL LI.slide1 { background-image: url(../images/carrosel-electrical.jpg); background-repeat: no-repeat; }
.carouselMain UL LI.slide2 { background-image: url(../images/carrosel-plumbing.jpg); background-repeat: no-repeat; }
.carouselMain UL LI.slide3 { background-image: url(../images/carrosel-evacuation.jpg); background-repeat: no-repeat; color: black; }
.carouselMain UL LI.slide4 { background-image: url(../images/carrosel-health-and-safety.jpg); background-repeat: no-repeat; }
.carouselMain UL LI.slide5 { background-image: url(../images/carrosel-cctv.jpg); background-repeat: no-repeat; }

.carouselVert {  padding: 0px 0px 0px 4px; margin: 16px 0px;  }

.carouselVert UL LI { width: 200px; height: 230px; color: black; line-height: 1.7em; margin-right: 16px;  }
.carouselVert UL LI a { width: 180px; height: 210px; color: black;  display:block; padding: 8px 8px 0px 8px; text-decoration: none; border: solid 2px green; }
.carouselVert UL LI a b { display: block; font-size: 2em; margin: 24px 0px 36px 0px; text-align: right; color: black; }
.carouselVert UL LI.slide1 a { background-image: url(../images/carrosel-electrical-vert.jpg); background-repeat: no-repeat; color: White; border: solid 2px #e3263c; }
.carouselVert UL LI.slide2 a { background-image: url(../images/carrosel-plumbing-vert.jpg); background-repeat: no-repeat; color: White; border: solid 2px #296da7; }
.carouselVert UL LI.slide3 a { background-image: url(../images/carrosel-evacuation-vert.jpg); background-repeat: no-repeat; color: black; color: #707000; border: solid 2px #fde6a3; }
.carouselVert UL LI.slide4 a { background-image: url(../images/carrosel-health-and-safety-vert.jpg); background-repeat: no-repeat; }
.carouselVert UL LI.slide5 a { background-image: url(../images/carrosel-cctv-vert.jpg); background-repeat: no-repeat; color: black; color: #f0e0f0; border: solid 2px #84578A; }
.carouselVert UL LI.slide1 a b { color: DarkRed; }
.carouselVert UL LI.slide2 a b { color: navy; }
.carouselVert UL LI.slide3 a b { color: #303000; font-size: 1.75em; }
.carouselVert UL LI.slide5 a b { color: #100010; font-size: 1.75em; }


#slideshow1 { xleft: 4px; height: 102px; overflow:hidden; margin: 16px 0px; }
#slideshow1 img { border: solid 1px white; background: white; }

.terms  { list-style: none; margin-left: 4em;}
.terms li { margin-left: 0px; margin-bottom: .5em; }
.terms .index { font-weight: bold; color: #20d0d0; margin-right: 1em; margin-left: -2.75em; width: 1.25em; display: block; float: left; }

#jobs_carousel { width: 100%; height: 330px; overflow: auto; background: transparent; }
#jobs_carousel .cloudcarousel { background: white; padding: 3px; border: solid 1px black; }

.carouselTitleText    { position: absolute; display:inline; top: 12px; left: 12px; font-size: 1.75em; font-weight: bold; color: #a0ffff;  }
.carouselAltText      { position: absolute; display:inline; top: 38px;  left: 12px; font-size: 1.5em; color: #60bbbb;}
.carouselLeft         { position: absolute; display:inline; top: 10px; right: 56px; background: url(/assets/image/sites/rotate-left.png); width: 36px; height: 36px; background-position: 0 0; }
.carouselRight        { position: absolute; display:inline; top: 10px; right: 10px; background: url(/assets/image/sites/rotate-right.png); width: 36px; height: 36px; background-position: 0 0; }
.carouselLeft:hover   { background-position: 0px 36px; }
.carouselRight:hover  { background-position: 0px 36px; }

#splash { display: block; text-align: center; }