﻿body { font-family: Arial, sans-serif; color: #767676; font-size: 12px; }
#header-shadow {
    width: 990px;
    height: 13px;
    overflow: hidden;
    margin: 0 auto;
    background: url("/images/web-site/header-shadow.png") no-repeat;
}
#main { width: 990px; overflow: visible; margin: 0 auto; position: relative; z-index: 1000; }
#main strong { font-weight: bold; }


.body a, .select-location a { color: #ed7703; text-decoration: none; }
.body a:hover, .select-location a:hover { text-decoration: underline; }
#local-nav { margin-bottom: 25px; }
.local-nav-title, .column-title { height: 67px; position: relative; z-index: 100; border-bottom: 1px solid #d5d5d5; }
.local-nav-title h2 {
    position: absolute; bottom: 6px; z-index: 10;
    color: #ed7703;
    font-weight: bold; font-size: 12px;
    margin: 0;
    text-transform: uppercase;
}
#local-nav .lvl1 { font-size: 11px; }
#local-nav .lvl1 a {
    text-decoration: none;
    color: #92878c;
    display: block;
    border-bottom: 1px solid #f2f2f2;
    line-height: 15px;
    padding: 3px 0;
   
}
#local-nav .last a { border: none; }
#local-nav .lvl1 a:hover,
#local-nav .expanded .lvl2 a:hover { text-decoration: none; color: #ed7703; }    
#local-nav .lvl2 { padding-left: 14px; }
#local-nav .lvl2 a { line-height: 13px; }
#local-nav .expandable a { background: url("/images/web-site/local-nav-arrows.png") no-repeat 180px 0px; }
#local-nav .expandable .lvl2 a { background-image: none; font-weight: normal; }
#local-nav .expanded { border-bottom: 1px solid #d5d5d5; }    
#local-nav .expanded a { font-weight: bold; background: url("/images/web-site/local-nav-arrows.png") no-repeat 180px -18px; }    
#local-nav .expanded .lvl2 a { background-image: none; font-weight: normal; color: #92878c; }
#local-nav .selected a,
#local-nav .expanded .lvl2 .selected a { color: #ed7703; font-weight: bold; }

.column-title { margin-bottom: 12px; }
.column-title h1 
{
    position: absolute; z-index: 100;
    bottom: 5px;
    margin: 0;
    font-size: 16px;
    color: #767676;
    font-weight: bold;
}
.addthis_toolbox { position: absolute; z-index: 100; right: 0; bottom: 6px; }
.column-title .at300bs.at15t_expanded { margin: 0; width: 16px; }
.column-title .addthis_button_expanded.at300m { padding-right: 0; }

.lead { font-size: 14px; color:#8a8a8a; }
h2 { font-weight: bold; }
p { padding-bottom: 18px; /*margin-bottom: 18px;*/ }
img.left { float: left; margin: 0 20px 16px 0; }
img.right { float: right; margin: 0 0 16px 20px; }
img.full-width { margin: 16px 0 16px 0; }
.clear { clear: both; height: 1px; overflow: hidden; }
.article img.outside-right { float: right; margin: 25px -72px 5px 17px; }

.body ul, .article-division ul { padding-bottom: 18px; }
.body ul li, .article-division ul li { padding-left: 15px; background: url("/images/web-site/hyphen.png") no-repeat left 8px; }

.article .body { width: 596px; overflow: visible; padding-top: 25px; }
h1 {
    font-size: 34px;
    color: #ed7703;
    /*line-height: 36px;*/
    margin: 25px 0 14px 0;
    /*margin-bottom: 14px;*/
}

.composite-article .body { padding-top: 25px; }

.article-division { padding-top: 25px; }
.article-division h1 
{
    font-size: 30px;
    color: #d1c8bc;
    /*line-height: 34px;*/
    margin: 16px 0 16px 0;
}
.product .body { padding-top: 2px; width: 220px; float: right; margin-right: 19px; }
.product .body h1 { color: #5f5f5e; font-size: 18px; margin-bottom: 18px; }


.cluster-row { width: 759px; float: left; }
.cluster-row,
.cluster-row li { min-height: 215px; height: auto !important; height: 215px; }
.product .cluster-row,
.product .cluster-row li { min-height: 175px; height: auto !important; height: 175px; }
.cluster-row li { float: left; display: inline; position: relative; z-index: 100; width: 177px; margin-right: 17px; margin-bottom: 20px; }
.product .cluster-row li { width: 113px; margin-right: 16px; }
.cluster-row li.last { margin-right: 0; }
.cluster-row dl { width: 177px; cursor: pointer; position: relative; z-index: 100; }
.article-cluster .cluster-row dl { cursor: auto; padding-top: 166px; background: url("/images/web-site/cluster-item-bg.png") repeat-x 0 160px; }
.product .cluster-row dl { width: 113px; }
.cluster-row dt a { display: block; padding-top: 8px; background: url("/images/web-site/cluster-item-bg.png") repeat-x 0 2px; text-decoration: none; color:#5f5f5e; }


.picture-cluster .cluster-row dt a, .video-cluster .cluster-row dt a { padding: 0; background-image: none; }
.picture-cluster .cluster-row dd, .video-cluster .cluster-row dd { display: block; width: 177px; padding-top: 8px; background: url("/images/web-site/cluster-item-bg.png") repeat-x 0 2px; }
.video-cluster .cluster-row dd.runtime { background-image: none; padding-top: 0; color: #999998; }
.cluster-row dt a:hover,
.cluster-row dl.hover dt a,
.cluster-row dl.selected dt a { background-image: none; border-top: 3px solid #ed7703; padding-top: 5px; }


.picture-cluster .cluster-row dl.hover dd, .video-cluster .cluster-row dl.hover dd, .video-cluster .cluster-row dl.selected dd { background-image: none; border-top: 3px solid #ed7703; padding-top: 5px; }
.video-cluster .cluster-row dl.hover dd.runtime, .video-cluster .cluster-row dl.selected dd.runtime { border: 0 none; padding-top: 0; }
.picture-cluster .cluster-row dt a:hover, .picture-cluster .cluster-row dl.hover dt a, .picture-cluster .cluster-row dl.selected dt a,
.video-cluster .cluster-row dt a:hover, .video-cluster .cluster-row dl.hover dt a, .video-cluster .cluster-row dl.selected dt a { border: 0; padding: 0; }
.picture-cluster .cluster-row dl dd.download, .picture-cluster .cluster-row dl.hover dd.download { border: none 0; background-image: none; padding-top: 0px; }

.cluster-row dd a { color: #ed7703; text-decoration: none; }
.cluster-row dd a.link, .cluster-row dd.download a { padding-right: 12px; background: url("/images/web-site/link-arrow.png") no-repeat right center; }
.cluster-row dd a:hover,
.cluster-row dl.hover dd a { text-decoration: underline; }
.cluster-row dl { padding-top: 158px; }

.product .cluster-row { width: 500px; }


.product .cluster-row dl { padding-top: 108px; }
.cluster-row dd.image, .picture-cluster dt.image, .video-cluster dt.image { width: 177px; position: absolute; z-index: 100; left: 0; top: 0; z-index: 1; text-align: center; }
.product .cluster-row dd.image { width: 113px; }
.cluster-row dl img { display: block; margin: 0 auto; }


.picture .body { position: relative; z-index: 100; text-align: center; }
.picture .body h1 { color: #5f5f5e; font-size: 12px; font-weight: bold; padding-top: 10px; border-top: 1px solid #d5d5d5; margin-bottom: 0; }
.picture .body img { display: block; margin: 0 auto; }
a.button { display: block; position: absolute; z-index: 100; top: 167px; width: 33px; height: 0; padding-top: 33px; overflow: hidden; }
.product a.button { position: relative; z-index: 100; top: auto; margin-top: 4px; margin-bottom: 25px; }
a.previous { left: 33px; background: url('/images/web-site/arrow-buttons.png') no-repeat left top; }
.product a.previous { left: auto; float: left; margin-right: 12px; }
a.next { right: 33px; background: url('/images/web-site/arrow-buttons.png') no-repeat right top; }
.product a.next { right: auto; float: left; }
a:hover.previous { background: url('/images/web-site/arrow-buttons.png') no-repeat left -37px; }
a:hover.next { background: url('/images/web-site/arrow-buttons.png') no-repeat right -37px; }

.composite-picture .body { position: relative; z-index: 100; }
.composite-picture .body h1 { color: #939393; font-size: 20px; }
.components { position: relative; z-index: 100; width: 615px; height: 492px; text-align: center; font-size: 11px; margin: 0 auto; }
.composite-picture .body .components h1 { font-size: 11px; margin: 0; font-weight: bold; text-transform: uppercase; color: #ed7703; }
.components img { position: relative; z-index: 1; margin: 0 auto;  display: block; }
.components img.overlay { position: absolute; z-index: 10; left: 0; top: 100px; }
.components div { position: absolute; z-index: 10; width: 150px; text-align: left; background-position: left top; background-repeat: no-repeat; }

.home .body { float: left; width: 380px; padding-top: 25px; }
.home .body h1 { margin-top: 10px; font-size: 46px; margin-bottom: 22px; }
.home .body h1 a, .home .body h1 a:hover, .home .body h1 a:visited { text-decoration: none; }
.home .body h2 { font-size: 30px; margin-bottom: 13px; }
.home .body h2, .home .body h2 a, .home .body h2 a:hover, .home .body h2 a:visited { color: #ada9a6;  font-weight: normal; text-decoration: none; }

.faq-cluster .body { width: 596px; }
.faq-cluster .body dt {  padding-bottom: 5px;  }
.faq-cluster .body dt a {  padding-left: 25px; background: url("/images/web-site/plus-sign.png") no-repeat left 2px; }
.faq-cluster .body dt.open a { background-image: url("/images/web-site/minus-sign.png"); }
.faq-cluster .body dd {  padding-left: 25px; }

.video-cluster .body h1 { font-weight: bold; margin-top: 5px; padding-bottom: 20px; font-size: 12px; margin-bottom: 18px; color: #767676; border-bottom: 1px solid #d5d5d5; }
#video-player-swf { height: 427px; }
#product-configurator { margin-top: 37px; }

.siteMap ul.lvl1 li { font-weight: bold; }
.siteMap ul.lvl2 li, .siteMap ul.lvl3 li, .siteMap ul.lvl4 li { margin-left: 25px; font-weight: normal; }
.siteMap ul.lvl3 li a, .siteMap ul.lvl3 li a:visited { color: #92878c; }
.siteMap ul.lvl3 li a:hover { text-decoration: none; color: #ed7703; }

.subscribebox .title, .subscribebox .input, .subscribebox .buttons { padding-top:10px; }
.subscribebox .subscribe { display:block; float:right; margin-left: 20px; width:85px; }
.subscribebox .unsubscribe { display:block; float:right; padding-top: 5px; }
.subscribebox .unsubscribe a { color: #767676; text-decoration: underline; }
.subscribebox .message { padding-top:10px; clear: left; }
.imagelist { margin-top: 5px; }
.imagelist td { padding: 0; margin: 0;  }
.list-item { margin-bottom: 5px; width: 100px; font-size: 11px;  background-color: #d7d7d7; }
.list-separator { width: 10px; overflow: hidden; }

.searchResults h1 { color: #ed7703; font-size: 14px; font-weight: normal; margin-top: 0; margin-bottom: 2px; margin: 0px; padding: 0px; border-style: none; }
.searchResults h1 a, .searchResults h1 a:visited { color: #ed7703; }
.searchResults h1 a:hover { text-decoration: underline; }

/* Page Numbers */
#pages-container-top, #pages-container-bottom { float: right; }
.pages-status { margin-top: 1em; margin-bottom: 0.5em; float: left; }
.pages { margin-top: 1em; margin-bottom: 0.5em; float: right;}
.pages a, .pages span { display: block; float: left; padding: 0.2em 0.3em; margin-right: 0.1em; background: #fff; }
.pages span.current { font-weight: bold; color: #ed7703; }
.pages a { color: #92878c; text-decoration: none; }
.pages a:hover { color: #ed7703; }
.pages a.nextprev { font-weight: bold; }
.pages span.nextprev { color: #92878c; }

.navbar
{
background:url('/images/web-site/productconfig/navarrow.png');
float:left;
height:40px;
width:157px;
line-height:40px;
font-family:arial;
font-size:14px;
font-weight:bold;
color:white;
}

.navbaractive
{
background:url('/images/web-site/productconfig/navarrowhover.png');
}
