/* common style regardless of printer or not*/

table{border-spacing:0;border-collapse:collapse}

/* generic classes */
th, td {
 vertical-align: top;
 font-family: Arial, Helvetica, sans-serif;
 text-align:left;
}

a {
  text-decoration: underline;
  color: #cc3300;
}

a:hover{color: black}

input, select, textarea {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}

input:focus, select:focus, textarea:focus,  .focussy{
  background-color : #FFFF66;
}

img {border: 0}

.clear {height: 0px;clear: both;}

form {padding: 0; margin: 0}

/*  following styles are carry over from webroot */

#content h1 { font: bold 18px/18px helvetica, arial, sans-serif; color: black; margin: 0; padding: 0; padding: 10px 10px 10px 10px; }
#content h1.dlwlogo {
  background: url(/commflreu/common/includes/images/dlw_logo.gif) no-repeat left;
  margin-left: 10px;
  padding-left: 25px;
}
#content h2 { font: bold 12px/13px helvetica, arial, sans-serif; color: black; margin: 0; padding: 0; padding: 10px 10px 0 10px; }
#content h3 { font: bold 10px/13px helvetica, arial, sans-serif; margin: 0; padding: 0; padding: 10px 10px 0 10px; }
#content h4 {  }
#content h5 {  }
#content h6 {  }
#content p { font-size: 11px; line-height: 13px; font-weight: normal; margin: 0; padding: 0; padding: 0 10px 10px 10px; }
#content th { font-size: 11px; line-height: 13px; }
#content td { font-size: 11px; line-height: 13px; }

#content ul li { font-size: 11px; line-height: 13px; font-weight: normal; }

#content blockquote { padding: 10px; text-align: center; font-size: 11px; line-height: 13px; color: #666666; margin: 0px; }
#content cite { font-weight: bold; font-size: 11px; line-height: 13px; color: #666666; text-align: right; font-style: italic; }
#mainMenuBar a,#armstrongPageID a,div#utilityWrapper a{text-decoration:none}
#mainMenuBar a:hover,#armstrongPageID a:hover,div#utilityWrapper a:hover{text-decoration:underline}



div.popover {
  position: absolute;
  z-index: 100;
  border: thin solid gray;
  background-color: white;
  left: 275px;
  top: 140px;
  padding: 10px 10px 10px 10px ;
  margin: 0 0 0 0;
}


table.stdwidth {
  width: 570px;
  margin-left: 10px;
}

td.stdTdwidth {
  width: 95px;
}

#content .c2 h2,
#content .c3 h2 {
 padding-top: 0;
}

#cartForm table {
  padding-left: 10px;
}
#cartForm p.error {
  margin-left: 10px;
}

#contactus th, #cartForm th {
  padding-left: 10px;
}

#cartForm .required th,
#contactus .required th,
#projectreferencerequest .required th {
  background: url(/commflreu/common/includes/images/bck_required.gif) no-repeat top left;
}


#popoverContent h2 {
 font-size: 15px;
 padding-bottom: 5px;
 padding-top: 0px;
}
#popoverContent h1 {
 font-size: 15px;
 padding-bottom: 5px;
 padding-top: 0px;
}

#popoverContent h2 {
 padding-bottom: 5px;
 padding-top: 0px;
 margin-left: 1px;
}
#popoverContent h1 {
 padding-bottom: 5px;
 padding-top: 0px;
}

#content .error, #popUp .error {
background-color: white;
padding: 5px 10px 5px 5px;
margin-left: 5px;
font:  bold 14px/14px helvetica, arial, sans-serif; color: red;
}

.popoverLink {
  cursor:pointer;
  text-decoration: none;
  color: rgb(38, 84, 124);
}

.popoverLink:hover{color: black;}

.segmentSelected {
background-color: #f0b825; vertical-align: middle; text-align:center;width:100px;height:30px;
}

.segmentDeselected {
background-color: #dadad4; vertical-align: middle; text-align:center;width:100px;height:30px;
}

.projectGallery{
  margin-left: 10px;
}

#signupPopup {
  position: absolute;
  z-index:999;
  background-color:white;
}

#optinTable {
  text-align:center;
  font-size:11px;
  font-weight:bold;
  background-color:#efba21;
  color: #fff;
  width: 768px;
  margin-bottom:10px;
}

#optinTable td {
  vertical-align:middle;
}

#optinTable a {
  color: #fff;
  text-decoration:underline;
}

#optinTable a:hover {
  color: #000;
}



/* GN START */
#ln{background-color:white;}
.refinement h3{
font-size: 12px;
color:#000000;
font-family:arial;
background-color:#e1e1d7;
padding:4px;
padding-left:10px;
margin-bottom:4px;
text-transform:uppercase;
}

#ln ul li:hover {
    background-image: url("/commflreu/common/includes/images/marigold-block.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
}


#ln a{color:#000000;font-family:arial;text-decoration:none;display:block}
#ln a:hover{color:#cc3300;text-decoration:underline}
#ln .selection a{
color:#cc3300;
font-size:11px;
padding-left:10px;
margin-bottom:10px;
display:block;
text-decoration:underline;
}
#ln .selection a:hover{color:#000000}
#ln li.more a{color:#cc3300;text-decoration:underline}
#ln li.more a:hover{color:#000000}

#ln .selection strong{
display:block;
font-size:11px;
padding-left:10px;
padding-bottom:2px;
}
table.gn{margin-left:10px;clear:both}
table.gn td.item{width:140px;padding-bottom:10px}


.gn div.item {position:relative}
.gn div.item a.quicklook{display:none;left:0;position:absolute;top:35px;width:100px}
.gn div.item:hover a.quicklook{display:block}
td.item a{text-decoration:none}
td.item a:hover{text-decoration:underline}
td.item em{font-style:normal;font-size:11px}

#ln.crumbpad {top:122px}
#breadCrumb{margin-left:21px;padding:0 5px 8px 5px;width:745px}
#breadCrumb a:hover{text-decoration:underline}
#breadCrumb a:last-child{color:#000000}
#ln h3{margin-top:0}

.summary{margin-left:10px;margin-top:10px;}
#content .summary h2{font-size:14px;margin:0;padding:0;}
.summary #orderBy{float:right;margin-bottom:5px}
#content .summary .paging{float:right;padding-top:2px}
p.paging{text-align:right;}
.summary label{padding-right:5px}
.summary hr{clear:both}

#content p.paging.bottom {
    border-top: 1px solid #CCCCCC;
    padding-top: 5px;
}

.categorySection{margin-left:10px}
#content .categorySection a{font-size:11px;}
.categorySection .categoryLogo{display:block;float:left;padding-top:5px;padding-bottom:5px}
.categorySection table.gn{margin-left:0}
a.more{float:right;line-height:31px}

#popover-name{float:left;font-size:14px;text-transform:uppercase;padding-left:5px;padding-top:7px;width:100%;height:100%}
#popover-close{padding:5px;position:absolute;right:0;top:0}
#popover-top{background-color:#e1e1d7;height:30px;}
#popover{background-color:white;position:fixed;left:30%;top:10px;border: 1px solid #eee;padding-top:0px;z-index:100;width: 620px;height:375px;}
#popover.hidden{display:none;}
#popover-body{padding:10px;}
#quicklook img{float:left;margin-right:10px;margin-bottom:10px;}
#quicklook-details{float:left;width:340px}
#quicklook-details strong{font-size:14px;;padding-left:10px}
#quicklook-details th,#quicklook-details td{border-top:1px solid #ccc;padding:5px 10px 5px 10px}
#quicklook-details table{margin-top:5px;width:100%;border-collapse:collapse}
#quicklook-details form{padding-top:10px;}
p.webasset,a.webasset{margin-left:10px;}


/* GN END */





















ul#mainMenu {font-size:12px;padding:0;margin:0;list-style:none}

ul#mainMenu ul {
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #F5F5E7;background-color: #f7d77b;
  margin: 0;
  list-style: none;
  width: 190px;
  border-right: 1px solid #efba21;
  border-bottom: 1px solid #efba21;
  border-left: 1px solid #efba21;
  padding:0;
}

ul#mainMenu li {background-color: #efba21;
  float: left;
  position: relative;
  z-index: 100;
}
ul#mainMenu li li {background-color: #f7d77b;
  padding: 0;
  margin: 0;
  width: 190px;
  color: #000;
}

ul#mainMenu ul h2 {
  font-size: 11px;
  padding: 0;
  margin: 0;
  }


ul#mainMenu a{color:white;display:block;line-height:18px}
ul#mainMenu ul a{color:#26547C;line-height:normal}
li#menulist0,a.menu0{width: 163px;padding-left:5px}
li#menulist1,a.menu1{width: 157px}
li#menulist2,a.menu2{width: 110px}
li#menulist3,a.menu3{width: 150px}
li#menulist4,a.menu4{width: 175px}
.en li#menulist3,.en a.menu3{width: 180px}
.en li#menulist4,.en a.menu4{width: 145px}
.fr li#menulist1,.fr a.menu1{width: 127px}
.fr li#menulist3,.fr a.menu3{width: 180px}

.ru li#menulist0,.ru a.menu0{width: 133px}
.ru li#menulist1,.ru a.menu1{width: 227px}
.ru li#menulist2,.ru a.menu2{width: 150px}
.ru li#menulist3,.ru a.menu3{width: 130px}
.ru li#menulist4,.ru a.menu4{width: 80px}

.pl li#menulist0,.pl a.menu0{width: 163px}
.pl li#menulist1,.pl a.menu1{width: 177px}
.pl li#menulist2,.pl a.menu2{width: 90px}
.pl li#menulist3,.pl a.menu3{width: 250px}
.pl li#menulist4,.pl a.menu4{width: 75px}

.nl li#menulist0,.nl a.menu0{width: 163px}
.nl li#menulist1,.nl a.menu1{width: 130px}
.nl li#menulist2,.nl a.menu2{width: 100px}
.nl li#menulist3,.nl a.menu3{width: 195px}
.nl li#menulist4,.nl a.menu4{width: 160px}

.no li#menulist0,.no a.menu0{width: 170px}
.no li#menulist1,.no a.menu1{width: 167px}
.no li#menulist2,.no a.menu2{width: 120px}
.no li#menulist3,.no a.menu3{width: 180px}
.no li#menulist4,.no a.menu4{width: 115px}

.es li#menulist0,.es a.menu0{width: 164px}
.es li#menulist1,.es a.menu1{width: 120px}
.es li#menulist2,.es a.menu2{width: 110px}
.es li#menulist3,.es a.menu3{width: 150px}
.es li#menulist4,.es a.menu4{width: 200px}

.sv li#menulist0,.sv a.menu0{width: 163px}
.sv li#menulist1,.sv a.menu1{width: 130px}
.sv li#menulist2,.sv a.menu2{width: 130px}
.sv li#menulist3,.sv a.menu3{width: 240px}
.sv li#menulist4,.sv a.menu4{width: 90px}

.da li#menulist0,.da a.menu0{width: 193px}
.da li#menulist1,.da a.menu1{width: 167px}
.da li#menulist2,.da a.menu2{width: 135px}
.da li#menulist3,.da a.menu3{width: 170px}
.da li#menulist4,.da a.menu4{width: 90px}

ul#mainMenu li ul li a {width:180px;padding:2px 10px;margin:0;display: block}
ul#mainMenu span.hr {padding: 2px 10px}
ul#mainMenu li ul {display: none;position: absolute;left: 0;z-index: 100;}
ul#mainMenu li > ul {top: auto;left:auto}
#mainMenu li:hover ul, #mainMenu li.over ul {display: block}
#mainMenu #menulist0 ul{margin-left:5px}



hr.yellow{border:0;height:8px;background-color:#EFB824;}

a.cta{font-weight:bold;text-decoration:none}/*need background image*/
a.cta:hover{text-decoration:underline}

.shadow{-moz-box-shadow: 1px 5px 5px #ccc;-webkit-box-shadow: 1px 5px 5px #ccc;box-shadow: 1px 5px 5px #ccc;}
.cm{margin-left:10px}

hr.seperator{border-width:0;border-top: 1px solid #CCCCCC}


.moduleSize-small.promoCalloutComponent {
    height: 128px;
    overflow: hidden;
    position: relative;
    width: 188px;
}

.moduleSize-small {
    display: inline;
    float: left;
    margin: 25px 0 0;
    overflow-x: hidden;
    width: 188px;
}

.promoCalloutComponent {
    height: 128px;
    overflow: hidden;
    position: relative;
    width: 282px;
}

.promoCalloutComponent{position:relative;width:282px;height:128px;overflow:hidden;}
.promoCalloutComponent .captionText{position:absolute;left:0px;top:65px;width:100%;height:auto;margin:0;padding:10px 0 30px 0}
.promoCalloutComponent .captionText h4{margin:0!important;text-transform:uppercase;font-size:13px;line-height:17px;font-weight:normal;background:url("/commflreu/common/includes/images/gray-arrow.png") right center no-repeat;color:#fff;padding-left:10px;padding-right:10px}
.promoCalloutComponent .captionText p{font-size:11px;line-height:12px!important;color:#FFF;margin:4px 15px 0 0;padding:5px 10px 0 10px !important}
.promoCalloutComponent .captionText p a{text-decoration:none;color:#FFF;}
.promoCalloutComponent .captionText {background-image:url("/commflreu/common/includes/images/gray.png");}



#wrapitall{
margin-left: auto;
margin-right: auto;
width: 798px;
position: relative;
background: #D3D3D3  url(/commflreu/common/includes/images/bg_main.gif) repeat-y left top;
}