/** CSS Reset **/
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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: 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;
}
/** End CSS Reset **/

body
{
    background-image: url(../images/bg.png);
    background-repeat: repeat-x;
    background-color: #dad8d2;
    background-position: center -23px;
    color: #808083;
    font-family: Helvetica;
    font-size: 8pt;
    line-height: 12pt;
}

#LogoTop
{
    height: 84px;
    margin: 30px auto 0;
    background-image: url(../images/logo.png);
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
    width: 940px;
}

.HomeLink
{
    display: block;
    right: 65px;
    position: absolute;
    height: 74px;
    width: 230px;
}

.CanvasA, #CanvasB
{
    background-repeat: no-repeat;
    background-position: top;
    height: 595px;
    margin: 0 auto;
    position: relative;
    width: 940px;
}

.CanvasA
{
    /** background-image: url(../images/canvas_solid.png); **/
    /** background-image: url(../images/home001.png); **/
}

#CanvasB
{
    background-image: url(../images/canvas_transparent.png);
}

ul#Nav
{
    margin: 50px 3px 0 42px;
    position: absolute;
}

#NavLightPoles a, #NavBollards a, #NavFurniture a, #NavAccessories a, #NavBlog a, #NavEnvironmental a
{
    background-image: url(../images/nav_sprite_off.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 47px;
    width: 155px;
    display: block;
}

#NavLightPoles a:hover, #NavBollards a:hover, #NavFurniture a:hover, #NavAccessories a:hover, #NavBlog a:hover, #NavEnvironmental a:hover,
#NavLightPoles a.Active, #NavBollards a.Active, #NavFurniture a.Active, #NavAccessories a.Active, #NavBlog a.Active, #NavEnvironmental a.Active
{
    background-image: url(../images/nav_sprite_on.png);
    cursor: pointer;
}

#NavBollards a
{
    background-position: 0 -45px;
}

#NavFurniture a
{
    background-position: 0 -90px;
}

#NavAccessories a
{
    background-position: 0 -135px;
}

#NavBlog a
{
    background-position: 0 -265px;
    margin: 85px 0 0;
}

#NavEnvironmental a
{
    background-position: 0 -315px;
}

ul#FooterNav
{
    bottom: 10px;
    height: 35px;
    margin: 0 50px 0;
    width: 793px;
    position: absolute;
}

ul#FooterNav li
{
    float: left;
}

ul#FooterNav a
{
    background-image: url(../images/footer_nav_sprite_off.png);
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    position: absolute;
}

ul#FooterNav a:hover
{
    background-image: url(../images/footer_nav_sprite_on.png);
    cursor: pointer;
}

ul#FooterNav li.Signup
{
    right: 215px;
    width: 300px;
    position: absolute;
}

ul#FooterNav li.Signup input[type='text']
{
    font-size: 8pt;
    font-family: Verdana;
    padding-left: 2px;
}
ul#FooterNav a.DownloadsLink
{
    background-position: 0 0;
    right: 165px;
    top: 5px;
    width: 75px;
}
ul#FooterNav a.AboutLink
{
    background-position: -97px 0;
    right: 88px;
    top: 5px;
    width: 60px;
}
ul#FooterNav a.LocatorLink
{
    background-position: -182px 0;
    right: 0;
    top: 5px;
    width: 67px;
}

ul#FooterNav a.Divider
{
    cursor: default;
    background-position: -78px 0;
    width: 15px;
    top: 5px;
}

ul#FooterNav a#DividerA
{
    right: 150px;
}

ul#FooterNav a#DividerB
{
    right: 70px;
}

ul.ProductThumbMenu
{
    height: 375px; 
    position: absolute; 
    right: 348px; 
    z-index: 100; 
    top: 70px; 
    font-family: Helvetica; 
    font-size: 12px;
}

ul.ProductThumbMenu li
{
    margin: 0 0 5px 0;
}

ul.ProductThumbMenu li a
{
    color: #AAA;
    cursor: pointer;
    display: block;
    padding: 5px 10px 5px 10px;
    text-align: center; 
    text-decoration: none;
}

ul.ProductThumbMenu li a:hover
{
    background-color: #dad8d2; 
    color: #fff; 
}

ul.ProductThumbMenu li a.Active
{
    background-color: #f8981d; 
    color: #FFF; 
}

ul.ProductInfoMenu
{
    height: 64px; 
    position: absolute;
    left: 34px;
}

ul.ProductInfoMenu li
{
    float: left;
    margin: 0 3px 0 0;
}

ul.ProductInfoMenu li.SpecMenu a,
ul.ProductInfoMenu li.DrawingMenu a,
ul.ProductInfoMenu li.TechMenu a,
ul.ProductInfoMenu li.WindLoadMenu a
{
    background-image: url(../images/prod_menu_sprite_off.png);
    display: block;
    height: 63px;
    width: 101px;
}

ul.ProductInfoMenu li.SpecMenu a:hover,
ul.ProductInfoMenu li.DrawingMenu a:hover,
ul.ProductInfoMenu li.TechMenu a:hover,
ul.ProductInfoMenu li.WindLoadMenu a:hover
{
    background-image: url(../images/prod_menu_sprite_on.png);
}

ul.ProductInfoMenu li.SpecMenu a
{
    background-position: -7px;
}

ul.ProductInfoMenu li.DrawingMenu a
{
    background-position: -114px;
}

ul.ProductInfoMenu li.TechMenu a
{
    background-position: -221px;
}

ul.ProductInfoMenu li.WindLoadMenu a
{
    background-position: -324px;
}

ul.ProductInfoMenuOptions
{
    position: absolute;
    bottom: 0;
    left: 34px;
    list-style-position: outside;
}

ul.ProductInfoMenuOptions li
{
    background-color: #b9b2a1;
    color: #FFF;
    font-weight: bold;
    visibility: hidden;
    float: left;
    margin: 0 3px 0 0;
    min-height: 95px;
    width: 101px;
}

#ProductLandingPhotosViewport
{
    width: 650px; 
    height: 400px; 
    margin: 28px 0 0 0; 
    position: absolute; 
    right: 90px;
}

ul.ProductInfoMenuOptions li a
{
    color: #FFF;
    text-decoration: none;
}

ul.ProductInfoMenuOptions li a:hover
{
    text-decoration: underline;
}

a#ProductLandingPhotosRight
{
    width: 32px; 
    height: 300px; 
    margin: 84px 0 0 0; 
    position: absolute; 
    right: 0; 
    background-image: url(../images/arrow_right_off.png); 
    background-position: right center; 
    background-repeat: no-repeat;
    background-color: #fff;
}

a#ProductLandingPhotosLeft
{
    width: 32px; 
    height: 300px; 
    margin: 84px 0 0 0; 
    position: absolute; 
    left: 0px; 
    background-image: url(../images/arrow_left_off.png); 
    background-position: left center; 
    background-repeat: no-repeat;
    background-color: #fff;
}

a#ProductLandingPhotosLeft:hover
{
    background-image: url(../images/arrow_left_on.png); 
}

a#ProductLandingPhotosRight:hover
{
    background-image: url(../images/arrow_right_on.png); 
}

.Downloads
{
    font-weight: bold;
    color: #808083;
}

.Downloads table tr td
{
    padding: 2px 0;
    text-align: center;
}

.Downloads td.ProductTitle
{
    padding-right: 10px;
    text-align: right;
    white-space: nowrap;
}

.Downloads td.SubTitle
{
    color: #f8981d;
    padding-right: 10px;
    text-align: right;
}

.NavDots a
{
    background-image: url(../images/nav_dots_off.png);
    width: 100px;
    height: 25px;
    z-index: 100;
    float: left;
}

.NavDots a:hover, .NavDots a.Active
{
    background-image: url(../images/nav_dots_on.png);
}

.NavDots .NavPrev, .NavDots .Hidden
{
    width: 75px;
    background-position: 0 0;
}
.NavDots .NavDot, .NavDots .Active
{
    width: 15px;
    background-position: -75px 0;
}
.NavDots .NavNext, .NavDots .Hidden
{
    background-position: -152px 0;
    width: 50px;
}

.Watermark
{
    color: #AAA;
    font-size: 8pt;
}