html, body { font-size: 11px; font-family: Lucida Grande, sans-serif; background: #000; color: #999; }
body a { text-decoration: none; color: red; }

div#outer { position: relative; min-height: 794px; width: 980px; margin: 0 auto; }
div#top { margin-left: 130px; }
div#background { position: absolute; background: url(/static_media/new/images/base_background.png) #000 no-repeat; min-height: 794px; width: 1164px; left: -130px; }

div#topnav { padding-top: 142px; height: 35px; }
div#topnav ul { list-style: none; }
div#topnav li { float: left; margin: 0; height: 35px; }
div#topnav li a { display: block; height: 100%; }
div#topnav li a span { display: none; }

a#logo_link { position: absolute; top: 30px; left: 145px; }

/* TODO: Size the image and anchor appropriately for each masthead image.  Image map? */
/*#masthead { float: right; background-image: url(/static_media/new/images/masthead/axo.png); width: 525px; height: 175px; }*/
#masthead { float: right; width: 441px; height: 176px; }
#masthead a { display: block; width: 441px; height: 175px; }
#masthead a span { display: none; }

#topnav_company a { width: 104px; background-image: url(/static_media/new/images/topnav/company_off.png); }
#topnav_company a:hover { background-image: url(/static_media/new/images/topnav/company_on.png); }
#topnav_people a { width: 80px; background-image: url(/static_media/new/images/topnav/people_off.png); }
#topnav_people a:hover { background-image: url(/static_media/new/images/topnav/people_on.png); }
#topnav_projects a { width: 91px; background-image: url(/static_media/new/images/topnav/projects_off.png); }
#topnav_projects a:hover { background-image: url(/static_media/new/images/topnav/projects_on.png); }
#topnav_industry a { width: 98px; background-image: url(/static_media/new/images/topnav/industry_off.png); }
#topnav_industry a:hover { background-image: url(/static_media/new/images/topnav/industry_on.png); }
#topnav_contact a { width: 99px; background-image: url(/static_media/new/images/topnav/contact_off.png); }
#topnav_contact a:hover { background-image: url(/static_media/new/images/topnav/contact_on.png); }

div#tagline { font-size: 14px; text-align: right; padding-left: 25px; padding-top: 20px; padding-right: 20px; height: 40px; width: 786px; }
div#tagline p { font-size: 11px; float: left; padding-right: 1em; }
#tagline .red { color: red; }
#search_label { cursor: pointer; }

div#main { margin-left: 150px; width: 960px; }

div#leftcol { float: left; width: 200px; }
div#leftcol h2 { background-image: url(/static_media/new/images/leftnav/leftnav-header.png); width: 200px; height: 30px; margin: 0; }
div#leftcol h2 span { display: none; }
ul#leftnav li { margin: 0; padding: 5px 10px; list-style: none; font-size: 11px; background: url(/static_media/new/images/leftnav/dotted-hr-transparent-left1.png) no-repeat #484848; }
ul#leftnav li.top { font-size: 14px; background-color: #363636; }
ul#leftnav li.toplast { font-size: 14px; background-color: #363636; border-bottom: 1px solid black; }
ul#leftnav li.first { background-image: none; }
ul#leftnav li.productlink { cursor: pointer; }
ul#leftnav li a { color: #938b82; line-height: 25px; }
ul#leftnav li img { float: right; }
ul#leftnav li.footer { font-size: 8px; line-height: 8px; padding: 0; background: url(/static_media/new/images/leftnav/leftnav-footer.png) transparent; height: 10px; }

#leftwidgets { list-style: none; }
#leftwidgets li { width: 159px; padding: 10px 0 5px; margin: 0 auto; background: url(/static_media/new/images/leftnav/dotted-hr-transparent-left2.png) no-repeat; }
#leftwidgets a { display: block; }
#leftwidgets a span { display: none; }
#widgets_searchpopular a { height: 60px; background: url(/static_media/new/images/leftwidgets/searchpopular_off.png); }
#widgets_searchpopular a:hover { height: 60px; background: url(/static_media/new/images/leftwidgets/searchpopular_on.png); }
#widgets_newsflash a { height: 82px; background: url(/static_media/new/images/leftwidgets/newsflash_off.png); }
#widgets_newsflash a:hover { height: 82px; background: url(/static_media/new/images/leftwidgets/newsflash_on.png); }
#widgets_returns a { height: 35px; background: url(/static_media/new/images/leftwidgets/returns_off.png); }
#widgets_returns a:hover { height: 35px; background: url(/static_media/new/images/leftwidgets/returns_on.png); }
#widgets_freeshipping a { height: 59px; background: url(/static_media/new/images/leftwidgets/freeshipping_off.png); }
#widgets_freeshipping a:hover { height: 59px; background: url(/static_media/new/images/leftwidgets/freeshipping_on.png); }

div#rightnav { float: right; width: 168px; margin-top: -40px; }
div#rightnav form { padding-left: 6px; }
div#rightnav form #search_input_q { font-size: 11px; display: block; width: 150px; margin-bottom: 10px; }
div#rightnav #eco_friendly { height: 23px; padding-top: 2px; }
div#rightnav #eco_friendly_label { margin-left: 2em; height: 23px; padding-top: 2px; background-image: url(/static_media/new/images/ecofriendly_off.png); }
div#rightnav #eco_friendly_label.active { background-image: url(/static_media/new/images/ecofriendly_on.png); }
div#rightnav #eco_friendly input { height: 23px; padding-top: 2px; float: left; }
div#rightnav #eco_friendly span { display: none; }
div#rightnav div.userlinks { padding-top: 5px; padding-left: 10px; padding-right: 10px; }
div#rightnav div.userlinks a { color: #e6a419; }
div#rightnav .right_divider { padding-top: 5px; margin-top: 5px; background: url(/static_media/new/images/rightnav/dotted-hr-transparent-small.png) no-repeat; }
div#rightnav ul { list-style: none; }
div#rightnav li { margin: 0; }
div#rightnav li a { display: block; color: #666; }
div#rightnav li a span { display: none; }
div#rightnav li a span.cart { color: #363636; display: block; text-align: right; padding-top: 85px; padding-right: 19px; }
div#rightnav li a span.cart_total { color: #363636; display: block; text-align: right; padding-right: 19px; }

#rightnav_whatshot a { height: 131px; background-image: url(/static_media/new/images/rightnav/whatshot_off.png); }
#rightnav_whatshot a:hover { background-image: url(/static_media/new/images/rightnav/whatshot_on.png); }
#rightnav_industry a { height: 148px; background-image: url(/static_media/new/images/rightnav/industry_off.png); }
#rightnav_industry a:hover { background-image: url(/static_media/new/images/rightnav/industry_on.png); }
#rightnav_cart a { height: 139px; background-image: url(/static_media/new/images/rightnav/cart_off.png); }
#rightnav_cart a:hover { background-image: url(/static_media/new/images/rightnav/cart_on.png); }
#rightnav_onlocation a { height: 119px; background-image: url(/static_media/new/images/rightnav/onlocation_off.png); }
#rightnav_onlocation a:hover { background-image: url(/static_media/new/images/rightnav/onlocation_on.png); }
#rightnav_searchroom a { height: 130px; background-image: url(/static_media/new/images/rightnav/searchroom_off.png); }
#rightnav_searchroom a:hover { background-image: url(/static_media/new/images/rightnav/searchroom_on.png); }

/* Right nav for trade users */
#rightnav_startproject a { height: 130px; background-image: url(/static_media/new/images/rightnav/trade/startproject_off.png); }
#rightnav_startproject a:hover { background-image: url(/static_media/new/images/rightnav/trade/startproject_on.png); }
#rightnav_viewprojects a { height: 137px; background-image: url(/static_media/new/images/rightnav/trade/viewprojects_off.png); }
#rightnav_viewprojects a:hover { background-image: url(/static_media/new/images/rightnav/trade/viewprojects_on.png); }
#rightnav_uploaddraw a { height: 145px; background-image: url(/static_media/new/images/rightnav/trade/uploaddraw_off.png); }
#rightnav_uploaddraw a:hover { background-image: url(/static_media/new/images/rightnav/trade/uploaddraw_on.png); }
#rightnav_meetrep a { height: 137px; background-image: url(/static_media/new/images/rightnav/trade/meetrep_off.png); }
#rightnav_meetrep a:hover { background-image: url(/static_media/new/images/rightnav/trade/meetrep_on.png); }
#rightnav_meetrep span { display: none; }
/*
#rightnav_meetrep:hover { background-image: url(/static_media/new/images/rightnav/trade/meetrep_on.png); }
#rightnav_meetrep span { display: none; }
div#rightnav #rightnav_meetrep form { padding-left: 21px; padding-top: 97px; margin: 0; }
div#rightnav #rightnav_meetrep input { font-size: 9px; width: 115px;  }
*/

div#breadcrumbs { width: auto; margin: 0 190px 5px 230px; }
div#breadcrumbs ul { list-style: none; display: inline; margin: 0; padding: 0; }
div#breadcrumbs li { color: #f00; font-size: 14px; margin-left: 0; float: left; padding-left: 30px; background: url(/static_media/new/images/topnav/topnav-arrow.png) no-repeat; background-position: 12px 7px; }
div#breadcrumbs li a { color: #fff; font-size: 14px; }
div#breadcrumbs li.first { padding-left: 0; background-image: none; }

div#user_messages {  }
div#user_messages ul { list-style: none; margin: 0; padding: 0; }
div#user_messages li { color: #999; margin: 0; margin-bottom: 10px; padding: 5px; background-color: #484848; border: 2px solid #666; }
div#user_messages li a { color: #fff; font-size: 14px; }
div#user_messages li.first { padding-left: 0; background-image: none; }

div#content { padding-top: 15px; margin: 5px 26px 0 26px; }

.center_divider { background: url(/static_media/new/images/dotted-hr-transparent.png) no-repeat; }

div#footer { width: 801px; font-size: 9px; color: #666; margin-left: 130px; }
div#footer div { border-top: 1px solid #666; }
div#footer span { float: left; padding-top: 10px; padding-left: 10px; }
div#footer ul { float: right; list-style: none; padding-right: 5px; padding-top: 10px; }
div#footer li { float: left; margin: 0; padding: 0 2px; }
div#footer li a { color: #666; }

#content h1 { font-size: 14px; color: #938b82; margin: 0; }
#content h1 .left { float: left; }
#content h1 .right { float: right; font-size: 11px; }
#content h2 { font-size: 12px; color: #938b82; margin: 0; }
#content a { color: #e6a419; }

table.form th { text-align: left; padding-right: 5px; }
table.product_data th { text-align: left; padding-right: 1em; }

/* Pagination */
#divSearchResultsPages ul { list-style: none; margin-left: 0; }
#divSearchResultsPages ul li { display: inline; margin: 0; padding: 0; }
#divSearchResultsPages #navMultiplePages01 li { display: inline; margin: 0; padding: 3px; }

#content div.cms_htmldoc h2 { padding: 5px 0; }
#content div.cms_htmldoc table { margin-top: 5px; }
#content div.cms_htmldoc td { vertical-align: top; width: 24%; }

div.cms_htmldoc div.contact #Edmonton div { padding-top: 4px; height: 145px; background: url(/static_media/new/images/contact/edmonton.jpg) right no-repeat; }
div.cms_htmldoc div.contact #Calgary div { padding-top: 4px; height: 145px; background: url(/static_media/new/images/contact/calgary_showroom.jpg) right no-repeat; }
div.cms_htmldoc div.contact #Vancouver div { padding-top: 4px; height: 145px; background: url(/static_media/new/images/contact/vancouver_showroom.jpg) right no-repeat; }
div.cms_htmldoc div.contact #Toronto div { padding-top: 4px; height: 145px; background: url(/static_media/new/images/contact/toronto_showroom.jpg) right no-repeat; }
div.cms_htmldoc div.contact #NorthAmerica, div.cms_htmldoc div.contact #USA { padding-top: 4px; height: 90px; }
div.cms_htmldoc div.contact h2 a, div.cms_htmldoc div.contact h2 span { font-weight: normal; font-size: 11px; float: right; }
div.cms_htmldoc div.contact h2 a, div.cms_htmldoc div.contact h2 span { color: #f00; }

div.cms_htmldoc div.projects table { width: 100%; }
div.cms_htmldoc div.projects td { padding-right: 15px; }

#region_chooser { margin: 15px; }
#region_chooser img { opacity:0.5; filter:alpha(opacity=50); }
#region_chooser img:hover { opacity:1; filter:alpha(opacity=100); }
#region_chooser .selected { border: 1px solid white; opacity:1; filter:alpha(opacity=100); }