html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline; 
}
body { line-height: 1.5; background: #fff;}
blockquote, q { quotes: none; }
a img { border: none; }
ol, ul { list-style: none; }

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

html { background-color: }
body { background: #dcddde url(../images/body-bg.jpg) repeat-x top left; }


/* =Wrappers
-----------------------------------------------------------------------------*/
#wrapper { margin: 0 auto; position: relative; width: 960px; height: 100%; }


/* =Content Areas
-----------------------------------------------------------------------------*/
#contentWrapper {width:918px; margin-left:25px;}
#mainContent {float:left; width:650px;}

body#accessories #mainContent {float:none; width:918px;}

#sidebar {float:right; width:240px;}


/* =Branding
-----------------------------------------------------------------------------*/
.logoMain { position:absolute; right:52px;}

/* The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }


/* Default fonts and colors. */
body { font-family: "Microsoft Sans Serif", Arial, sans-serif; color:#000000;  }
h1,h2,h3,h4,h5,h6 { font-family: "Microsoft Sans Serif", Arial, sans-serif; }

.headerImage { position:relative; width:960px; height:235px; background-image:url(../images/header.jpg);}

.lampOverlay {position:absolute; left:563px; width:132px; height:348px; background-image:url(../images/lamp-overlap.jpg); z-index:2;}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1, h2 { font-size: 1.75em; margin-bottom: 0.75em; color:#aa6600; text-transform:uppercase; line-height:1.2em; }
.rounded h2 { line-height: 0.5;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color:#0061aa; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

#header h1 { position:absolute; left:-9999px;}

body#accessories h3 { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; padding-bottom:1em; color:#0061aa; border-bottom:1px solid #0061aa; }

/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; color:#2F2C2C; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; color:#2F2C2C; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* bodyID's
-------------------------------------------------------------- */
body#builder #navMain li.builder, body#photogallery #navMain li.photogallery, body#about #navMain li.about, body#contact #navMain li.contact, body#home #navMain li.home {text-decoration:underline;}


/* Navigation
-------------------------------------------------------------- */
#navMain {padding-top:90px;}
#navMain li {
display: inline;
list-style-type: none;
padding-right:40px;
text-transform:uppercase;
font-size:1.2em;
}

#navMain li a {color: #5c5859;}

/* Product Nav */
#prodMenu {height:36px; position:relative; z-index:100; margin:10px 0 30px 10px;}
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}
.menu li.top {display:block; float:left; position:relative; margin: 0 12px; mar\gin: 0 10px; }
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu li.top a.top_link {display:block; float:left; height:36px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */
.menu li.b1 {width:215px; background:url(../images/prodMenu/prodMenuBG_1_over.gif) no-repeat;}
.menu li.b2 {width:215px; background:url(../images/prodMenu/prodMenuBG_2_over.gif) no-repeat;}
.menu li.b3 {width:215px; background:url(../images/prodMenu/prodMenuBG_3_over.gif) no-repeat;}
.menu li.b4 {width:215px; background:url(../images/prodMenu/prodMenuBG_4_over.gif) no-repeat;}
.menu li a#poles {width:215px; background:url(../images/prodMenu/prodMenuBG_1.gif) no-repeat;}
.menu li a#bollards {width:215px; background:url(../images/prodMenu/prodMenuBG_2.gif) no-repeat;}
.menu li a#vintage {width:215px; background:url(../images/prodMenu/prodMenuBG_3.gif) no-repeat;}
.menu li a#accessories {width:215px; background:url(../images/prodMenu/prodMenuBG_4.gif) no-repeat;}
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */
.menu li a#poles:hover, .menu li:hover a#poles,
.menu li a#bollards:hover, .menu li:hover a#bollards,
.menu li a#vintage:hover, .menu li:hover a#vintage,
.menu li a#accessories:hover, .menu li:hover a#accessories {background:transparent;}
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
.menu :hover ul.drop {left:7px; top:36px; background: #EAEBEB; padding:3px 0; border:1px solid #797979; border-top:#c7c8c8; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.drop li {display:block; height:20px; position:relative; width:90px;}
.menu :hover ul.drop li a {display:block; font-size:12px; height:20px; width:194px; line-height:20px; text-indent:10px; color:#000; text-decoration:none;}
.menu :hover ul.drop li a:hover {background:#797979; color:#fff;}



/* Other Links
-------------------------------------------------------------- */
a.special:link, a.special:visited {color:#0061AA; font-weight:bold;}
a.special:hover, a.special:active {color:#6FC2FF; text-decoration:none;} 

/* Product Base Lists
-------------------------------------------------------------- */
ul.bases {list-style:none; margin:0 0 30px 0; padding:0;}
ul.bases li {display:inline; margin:0 -2px; padding:0;}

/* Color Box Lists
-------------------------------------------------------------- */
ul.colorOptions, ul.colorOptionsP {list-style:none; margin:0 0 25px 8px; padding:0;}
ul.colorOptions li, ul.colorOptionsP li {display:inline; margin-right:5px;}
ul.colorOptionsP {margin:0 0 15px 0px;}
ul.colorOptionsP li {display:inline; margin-right:2px;}

/* Round Corner Styles
-------------------------------------------------------------- */
.rounded { background:#eaebeb; border:2px solid #c7c8c8; padding:16px 16px 0 16px; margin-bottom:30px;}
.rounded p.last { margin-bottom:0px;}
#catalog.rounded, #productSheet.rounded {position:relative; height:122px;}
#catalog.rounded img, #productSheet.rounded img {position:absolute; top:0; left:8px;}
#productSheet.rounded {position:relative; height:50px; padding:0;}

/* ToolTips
-------------------------------------------------------------- */
#tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #797979; padding:10px; opacity: 0.90;}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {font-size:1.25em; font-weight:bold; color:#FFFFFF;}




/* =popup images
-----------------------------------------------------------------------------*/
.thumbnailProd, .thumbnailProdBollard, .thumbnailProdLighting, .thumbnailProdAcc, .thumbnailColor { position: relative; z-index: 0; padding:5px;}
.thumbnailColor {padding:0px;}

.thumbnailProd img, .thumbnailProdBollard img, .thumbnailProdLighting img, .thumbnailProdAcc img{ border: 2px solid #797979; }

.thumbnailProd img:hover, .thumbnailProdBollard img:hover, .thumbnailProdLighting img:hover, .thumbnailProdAcc img:hover { border: 2px solid #EAEBEB; }

.thumbnailProd:hover, .thumbnailProdBollard:hover, .thumbnailProdLighting:hover, .thumbnailProdAcc:hover, .thumbnailColor:hover { background-color: transparent; z-index: 200; }

.thumbnailProd span, .thumbnailProdBollard span, .thumbnailProdLighting span, .thumbnailProdAcc span, .thumbnailColor span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 5px;
left: -1000px;
border: 4px solid #797979;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailProd span img, .thumbnailProdBollard span img, .thumbnailProdLighting span img, .thumbnailProdAcc span img, .thumbnailColor span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailProd:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -610px;
left: -520px; /*position where enlarged image should offset horizontally */
}

.thumbnailProdBollard:hover span{ 
visibility: visible;
top: -490px;
left: -275px; 
}

.thumbnailProdLighting:hover span{ 
visibility: visible;
top: -110px;
left: -320px; 
}

.thumbnailProdAcc:hover span{ 
visibility: visible;
top: -300px;
left: 0px;
z-index:999; 
}

.thumbnailColor:hover span{ 
visibility: visible;
top: -195px;
left: -50px;
z-index:999;
}





/* Tables
-------------------------------------------------------------- */
#contentWrapper table, #contentWrapper td {border:1px solid #CCC; border-collapse:collapse; font:small/1.5;}

#contentWrapper .bLeft {border-left-width:4px; border-left-color:#797979;}

#contentWrapper table {border:none; border:1px solid #CCC; margin-bottom:25px; background-color:#FBF9FA;}

#contentWrapper thead th, #contentWrapper tbody th {background:#FFF url(../images/th_bck.gif) repeat-x; color:#2F2C2C; padding:5px 10px; border-left:1px solid #CCC; font-weight:normal;}

#contentWrapper tbody th {background:#797979; border-top:1px solid #CCC; text-align:left; font-weight:bold; color: #EAEBEB;}

#contentWrapper tbody tr td {padding:5px 10px; color:#2F2C2C; text-align:center;}

#contentWrapper tbody tr:hover{background:#FFF url(../images/tr_bck.gif) repeat;}

#contentWrapper tbody tr:hover td {color:#454545;}

#contentWrapper tfoot td, #contentWrapper tfoot th {border-left: none; border-top:1px solid #CCC;padding:4px; background:#FFF url(../images/foot_bck.gif) repeat; color:#666;}

#contentWrapper tfoot th {font-weight:bold;}

#contentWrapper caption {text-align:left; font-size:125%; padding:10px 0; color:#2F2C2C;}

#contentWrapper table.codes td {font-size:0.95em; text-align:left;}




/* Form Styles
-------------------------------------------------------------- */
form p {margin:0; padding:20px 0 0 0;}
form p span {color:#FF0000; font-weight:bold;}

/* Footer
-------------------------------------------------------------- */
#footer {padding: 10px 0 0 0; margin-top:30px; }
#footer div.right {text-align:right; float:right;}


/* Some default classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
ul.whyList li {display:inline; font-size:1.25em; background: url(../images/arrow.gif) no-repeat center left; padding-left:12px; margin-right:50px; line-height:2.9em;}
ul.homeList li {list-style: none; background: url(../images/arrow.gif) no-repeat center left; padding-left:12px; line-height:2em;}