﻿/**
 * COLOR SCHEME:
 * Blue: #005598;
 * Dk Grey: #414141;
 * Md Grey: #666666;
 * Lt Grey:
 *
 * TYPICAL MARKUP ORDER
 * html > body > .wrapper > .nav_site + .nav_main + .content_info + [.content_category] + .content_main + .content_footer
 *
 */
html{
    background-color:#000;
}
body{
    padding:12px 0;
    font-family: Helvetica Neue, Helvetica, Arial, Sans-Serif;
}
body, a{
    color:#333;
}
a:hover{
    color:#005598;
}
.wrapper{
    width:960px;
    margin:0 auto;
    position:relative;
}
.column{
    float:left;
    display:inline;
    overflow:hidden;
}

a.pdf{
    padding:2px 0 2px 15px;
    color:#005598;
    background:transparent url(/images/global/icon/pdf.gif) no-repeat 0 50%;
}
a.photo{
}
a.file{
}

.linkbutton,
.linkbutton_alt,
.linkbutton_rev{
    display:block;
    border:1px solid #ccc;
    padding:4px 8px;
    background:#fff url(/images/global/bg/category-link.gif) repeat-x 0 100%;
}
.linkbutton:hover{
}
.linkbutton_alt{
    color:#fff;
    background-color:#005598;
    background-image:url(/images/global/bg/category-link-alt.gif);
}
.linkbutton_alt:hover{
    color:#fff;
}
.linkbutton_rev{
    border-color:#484848;
    color:#fff;
    background-color:#808080;
    background-image:url(/images/global/bg/category-link-rev.gif);
}
.linkbutton_rev:hover{
    color:#fff;
}
.linkbutton_nobak{
    border:1px solid #fff;
    padding:4px 8px;
    float:right;
    margin-left:6px;
}

/*
 * SUPERHEADER
 */
.nav_site{
    float:right;
    display:inline;
}
.nav_site li{
    float:left;
    display:inline;
    margin-left:1em;
}
.nav_site li a{
    font-size:9px;
    text-transform:uppercase;
    color:#999;
    height: 24px;
}
.nav_site li a:hover{
    color:#fff;
}
.nav_site .cart{
    padding-left:16px;
    background:transparent url(/images/global/icon/cart-sprite.gif) no-repeat 0 0;
}
.nav_site .cart:hover{
    background-position:0 -12px;
}
.nav_site .search{
    padding-right:15px;
    background:transparent url(/images/global/icon/search-sprite.gif) no-repeat 100% 0;
}
.nav_site .search:hover{
    background-position:100% -16px;
}
.nav_site .active{
    color:#005598;
}
.nav_site .current{
    color:#fff;
}
/**
 * SITE SEARCH 'POPUP'
 */
.nav_site .site_search_form{
    display:none;
    position:absolute;
    right:0;
    top:15px;
    height:20px;
}
.nav_site .site_search_form .txt{
    display:block;
    float:left;
    width:175px;
    border:1px solid #4a4a4a;
    padding:3px 6px;
    font-size:10px;
    color:#1a1a1a;
    background-color:#fff;
}
.nav_site .site_search_form a{
    display:block;
    float:left;
    margin-left:2px;
    border:1px solid #20669b;
    border-right-color:#002f56;
    border-bottom-color:#002f56;
    padding:3px 6px 0px 6px;
    font-size:10px;
    color:#fff;
    background:#296da2 url(/images/global/bg/caption-alt-hover.gif) repeat-x scroll 50% 0;
    height:20px;
}

/* Main site nav, includes dropdown menu */
.nav_main{
    clear:both;
    width:100%;
}
#logo_main{
	background:transparent url(../images/thule.gif) no-repeat 15px 0;
	float:left;
	display:block;
	width:130px;
	height:41px;
	text-indent:-999em;
}
.nav_main ul{
    display:inline;
    float:left;
	margin:0;
    line-height:1.5em;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
	padding:0;
    width:600px;
    z-index:1000;
}
.nav_main ul li.navItem {
    float:left;
    display:inline;
    position:relative;
    z-index:1000;
}
.nav_main ul a{
    background-color:#000;
    color:#ccc;
	display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:28px;
    line-height:12px;
    padding:13px 15px 0;
    text-decoration:none;
    text-transform:uppercase;
    z-index:1000;
}
.nav_main ul a.navHover{
    color:#333;
    background:#fff url(/images/global/bg/nav-on.gif) repeat-x 50% 0;
}
.nav_main ul .current a,
.nav_main ul .current a.navHover{
    color:#fff;
    background:#005598 url(/images/global/bg/nav-main.gif) repeat-x 0 0;
}
/* Dropdown */
.nav_main ul li .shadow-container{
    background: url(/images/global/bg/shadowAlpha.png) no-repeat right bottom !important;
    background: none no-repeat bottom right; /* remove background for ie6, which doesn't respect !important */
	left:-999em;
	margin-left:6px;
	margin-top:-6px;
	padding-bottom:6px;
	padding-top:6px;
	position:absolute;
	top:47px;
    z-index:1000;
    width:160px;
}
.nav_main ul li ul {
    background:#fff url(/images/global/bg/nav-dropdown.gif) repeat-x bottom left;
    margin: -6px 6px 0px -6px;
	padding-bottom:5px;
	padding-top:5px;
	position:relative;
	width:160px;
    z-index:1000;
}
.nav_main ul li.liHover .shadow-container{
	left:0;
    z-index:1000;
}
.nav_main ul li ul li
{
    display:inline-block;
}
.nav_main ul li ul a,
.nav_main ul .current ul a{
    background-image:none;
    background-color:Transparent;
    color:#666;
    font-size:11px;
    font-weight:normal;
    height:auto;
    line-height:14px;
    text-transform:none;
    padding:3px 7px 3px 7px;
	width:146px;
}
.nav_main ul li ul a:hover,
.nav_main ul .current ul a:hover{
    background-image:none;
    background-color:#d9d9d9;
    color:#666;
    font-size:11px;
}


/**
 * CONTENT NAV
 */
.nav_content{
    width:100%;
    overflow:hidden;
    border-top:1px solid #ccc;
    padding:.5em 0;
    text-align:right;
}
.nav_content a{
    display:inline;
    padding-left:1em;
    color:#005598;
    background:transparent none no-repeat scroll 0 50%;
}
.nav_content a:hover{
    text-decoration:underline;
}
.nav_content a.prev{
    float:left;
    background-image:url(/images/global/bullet/link-rev.gif);
}
.nav_content a.next{
    float:right;
    background-image:url(/images/global/bullet/link.gif);
}
/*
 * HEADER
 */
.content_info{
    position:relative;
    clear:both;
    width:940px;
    overflow:hidden;
    padding:20px 0 20px 20px;
    background:#bfbfbf url(/images/global/bg/content-info.gif) repeat-x 50% 100%; /* !BG! */
}
.content_info h1{
    color:#fff;
    line-height:1em;
    font-weight:bold;
    margin-bottom:.2em;
}
.content_info h2{
    color:#fff;
    line-height:1em;
    margin-bottom:.2em;
}
.content_info h1{
    font-size:30px;
}
.content_info h2{
    font-size:14px;
}
.content_info a{
    color:#fff;
}
.content_info .nav_category{
    width:100%;
    overflow:hidden;
}
.content_info .nav_category li{
    float:left;
    display:inline;
    padding:0 6px 0 12px;
    background:transparent url(/images/global/bg/nav-category.gif) no-repeat 0 50%; /* !BG! */
}
.content_info .nav_category a{
    font-size:13px;
    line-height:1.25em;
    color:#fff;
}
.content_info .nav_category li:first-child,
.content_info .nav_category li.first{
    padding-left:0;
    background-image:none;
}
.content_info .nav_category a:hover{
    color:#666;
}
.content_info .nav_category .current a,
.content_info .nav_category .current a:hover{
    color:#005598;
    cursor:default;
}
.content_info .nav_tab{
    clear:both;
    margin-top:24px;
    width:100%;
    overflow:hidden;
}
.content_info .nav_tab li{
    float:left;
    display:inline;
}
.content_info .nav_tab a{
    display:block;
    float:left;
    height:20px;
    border-top:1px solid #bfbfbf;
    padding:8px 12px 0;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:1em;
    color:#414141;
}
.content_info .nav_tab a:hover{
    color:#fff;
}
.content_info .nav_tab .current{
    padding-right:3px;
    background:#fff url(/images/global/bg/nav-tab.gif) repeat-y 100% 0; /* !BG! */
}
.content_info .nav_tab .current a,
.content_info .nav_tab .current a:hover{
    border-color:#adadad;
    padding:8px 12px 0 10px;
    color:#005598;
    cursor:default;
}

/*
 * MAIN
 */
.content_main{
    clear:both;
    width:936px;
    overflow:hidden;
    padding:12px;
    background-color:#fff;
}
.layout_2col{
    background: #fff url(/images/global/bg/content-main-2col.gif) repeat-y 100% 0;
}
.layout_2col_rev{
    background: #fff url(/images/global/bg/content-main-2col.gif) repeat-y 0 0;
}
.content_main h2{
    margin-bottom:.25em;
    font-size:20px;
    color:#005598;
}
.content_main h2 span{
    font-weight:bold;
}
.content_main h3{
    margin-bottom:1em;
    font-size:16px;
    color:#333;
}

/**
 * PRIMARY CONTENT - GENERAL PRESENTATION
 */
.primary{
    width:534px;
    margin-right:12px;
    padding:0 12px 0 140px;
}
.primary_full{
    width:674px;
    margin-right:12px;
    padding:0 12px 0 0px;
}
/* BLOCK */
.primary h2{
    margin-bottom:.5em;
    font-size:16px;
    line-height:20px;
    color:#000;
}
.primary h3{
    margin-bottom:.25em;
    font-size:11px;
    line-height:15px;
    font-weight:bold;
    color:#000;
}
.primary p{
    margin-bottom:1em;
}
/* LIST */
.primary ul{
    margin-bottom:1em;
}
.primary ul li{
    margin-bottom:.25em;
    padding-left:8px;
    background:transparent url(/images/global/bullet/copy.gif) no-repeat 0 5px;
}
.primary .linklist li{
    background-image:url(/images/global/bullet/link.gif);
    background-position:0 4px;  
}
/* INLINE */
.primary img{
    float:none;
    clear:both;
    margin-bottom:1em;
}
.primary strong{
    font-weight:bold;
}
.primary em{
    font-style:italic;
    font-style:oblique;
}
.primary a{
    color:#005598;
}
.primary a:hover{
    text-decoration:underline;
}

/**
 * SIDEBAR
 */
.sidebar{
    width:226px;
    padding:0 0 0 12px;
}

.back{
    display:block;
    float:left;
    background-color:#1a1a1a;
    background-image:url(/images/global/bg/back.gif);
    background-position:left bottom;
    background-repeat:repeat-x;
    border:1px solid #000;
    border-bottom-color:#1a1a1a;
    border-left-color:#333;
    border-right-color:#1a1a1a;
    border-top-color:#333;
    color:#fff;
    font-size:11px;
    line-height:1em;
    padding:6px 9px 6px 9px;
}
.back:hover{
    background-color:#005598;
    background-image:url(/images/global/bg/back-over.gif);
    border-bottom-color:#002f55;
    border-left-color:#296da2;
    border-right-color:#002f55;
    border-top-color:#296da2;
    color:#fff;
}
.back span{
    padding-left:1em;
    background:transparent url(/images/global/bullet/back.gif) no-repeat 0 50%;
}
/**
 * FOOTER
 */
.content_footer{
    clear:both;
    width:100%;
    overflow:hidden;
    padding:6px 0;
    color:#ccc;
    line-height:1.5em;
}
.content_footer .copyright,
.content_footer .global_sites,
.content_footer .nav_corporate{
    float:left;
}
.content_footer .copyright,
.content_footer .nav_corporate li{
    display:inline;
}
.content_footer .global_sites{
    margin:0 5px;
}

.content_footer .global_sites a{
    color:#ccc;
    position:relative;
}
.content_footer .nav_corporate{
    margin-left:24px;
}
.content_footer .nav_corporate a{
    border-left:1px solid #ccc;
    padding:0 6px 0 7px;
    color:#ccc;
}
.content_footer .nav_corporate li:first-child a{
    padding-left:0;
    border-left-width:0;
}
.content_footer .nav_corporate a:hover{
    color:#fff;
}

/**
 * HLISTS
 */
 
/* CMS-MANAGED DEFINITION LIST OF FEATURES */
.hlist dl{
}
.hlist dt,
.hlist dd{
    display:none;
}
.hlist dd.current{
    display:block;
}
.hlist img.feature{
    display:none;
}


/* jQUERY-CREATED "TAB NAVIGATION" */
.hlist_tabs{
    width:100%;
    overflow:hidden;
    margin-bottom:.5em;
    border-bottom:1px solid #bfbfbf;
}
.hlist_tabs a{
    float:left;
    display:inline;
    padding: .5em 1em .5em 0;
    font-size:11px;
    font-weight:bold;
    color:#414141;
}
.hlist_tabs a:hover,
.hlist_tabs a.current{
    color:#005598;
}
.hlist_tabs a.current,
.hlist_tabs a.current:hover{
    text-decoration:none;
    cursor:default;
    background:transparent url(/images/global/bullet/hlist-current.gif) no-repeat scroll 50% 100%;
}
.hlist_tabs img.feature{
    display:block;
    margin:.5em 0;
    border:1px solid #ccc;
}
