/* changes made  */
/* Had to change all references to top-nav to top_nav (renamed similar classes/ids too) */
/* changed from #home .footer to .home .footer -z */
/* changed from #lower-level .footer to .lower-level .footer -z */
/* changed ol to ul li ul */

/* CSS Document */

/*-------------------------------
	BOARD CSS
	-----------------------------*/
*
{
    padding: 0;
}

div#main-content div.board ul, div#main-content div.board li
{
    list-style: none;
    background-image: none;
    margin-bottom: 15px;
    padding-left: 0;
}

.board ul
{
    border-bottom: 1px solid #666;
}

.board ul li.first
{
    margin: 0 0 0 0px;
}

.board ul li
{
    display: block;
    width: 87px;
    float: left;
    margin: 0 0 0 7px;
}

.board ul li.first
{
    padding: 0;
}

.board ul li div
{
    font-size: 10px;
}
.board ul li div#col
{
    height: auto !important;
    height: 123px;
    min-height: 123px;
}
.board ul li img
{
    background: #ccc;
}
/* Clearfix */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
*html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: inline-block;
}

.clearfix
{
    display: block;
}
/* End hide from IE-mac */

/*-------------------------------
	TITLE BANNERS
	-----------------------------*/

div.banner-image-wide
{
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 561px;
    height: 176px;
}

div.banner-image-wide h3
{
    position: absolute;
    background: url(/app_images/home-box-back.png) 0 0;
    display: block;
    width: 100%;
    margin: 0;
    z-index: 100;
}
div.banner-image-wide h3 span
{
    padding: 5px;
    display: block;
}

div.banner-image
{
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 369px;
    height: 176px;
}
div.banner-image h3
{
    position: absolute;
    background: url(/app_images/home-box-back.png) 0 0;
    display: block;
    width: 100%;
    margin: 0;
    z-index: 100;
}
div.banner-image h3 span
{
    padding: 5px;
    display: block;
}

/*-------------------------------
	RIGHT-NAV BANNERS
	-----------------------------*/

div.banner-image-half
{
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 181px;
    height: 176px;
}

div.banner-image-half div.header
{
    position: absolute;
    background: url(/app_images/home-box-back.png) 0 0;
    display: block;
    width: 171px;
    margin: 0;
    z-index: 100;
    padding: 5px;
    font-size: 10px;
    line-height: 11px;
    font-weight: normal;
    color: #000000;
}

div.banner-image-half div.header h2
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    background: url(/App_Images/home-box-arrow.gif);
    background-repeat: no-repeat;
    background-position: right;
}

div.banner-image-half div.header a
{
    color: #000000;
}

div.banner-image-half div.header h2 a
{
    color: #FFFFFF;
}

/*-------------------------------
	BIG HOMEPAGE BANNER
	-----------------------------*/

div.banner-image-full
{
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 369px;
    height: 229px;
    margin: 0 0 9px;
}

div.banner-image-full div.header
{
    position: absolute;
    background: url(/app_images/home-box-back.png) 0 0;
    display: block;
    width: 359px;
    margin: 0;
    z-index: 100;
    padding: 5px;
    font-size: 10px;
    line-height: 11px;
    font-weight: normal;
    color: #000000;
}

div.banner-image-full div.header h2
{
padding-right:20px;
    color: #000000;
    font-weight: normal;
    font-size: 10px;
    background: url(/App_Images/home-box-arrow.gif);
    background-repeat: no-repeat;
    background-position: 350px 1px;
    line-height: 12px;
}

div.banner-image-full div.header a
{
    color: #000000;
}

div.banner-image-full div.header h2 a
{
    color: #000000;
}

/*-------------------------------
	SMALL HOMEPAGE BANNERS
	-----------------------------*/

div.banner-image-home-small-right-container
{
    margin: 0 0 0 11px;
    float: left;
}
div.banner-image-home-small-left-container
{
    margin: 0 0px 0 0px;
    float: left;
}

div.banner-image-home-small
{
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 179px;
    height: 171px;
}

div.banner-image-home-small div.header
{
    position: absolute;
    background: url(/app_images/home-box-back.png) 0 0;
    display: block;
    width: 169px;
    margin: 0;
    z-index: 100;
    padding: 5px;
    font-size: 10px;
    line-height: 11px;
    font-weight: normal;
    color: #000000;
        height: auto !important;
    height: 40px;
    min-height: 40px;
}

div.banner-image-home-small div.header div.image-panel-arrow
{
    float: left;
    width: 10%;
}

div.banner-image-home-small div.header h2
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    background: url(/App_Images/home-box-arrow.gif);
    background-repeat: no-repeat;
    background-position: right;
}

div.banner-image-home-small div.header a
{
    color: #000000;
}

div.banner-image-home-small div.header h2 a
{
    color: #FFFFFF;
}



body
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    height: 100%;
    background-color: #EEEEEE;
    background-image: url(/App_Images/bg.jpg);
    background-repeat: repeat-y;
    background-position: center;
}

html
{
    height: 100%;
}

/*-------------------------------
	TYPOGRAPHY
	-----------------------------*/

a
{
    color: #FF8C00;
    text-decoration: none;
}

a:hover
{
    color: #CC3300;
}

h1
{
    color: #000000;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

h2
{
    color: #000000;
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

h3
{
    font-size: 17px;
    color: #FFFFFF;
    line-height: 17px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

p
{
    color: #000000;
    font-size: 11px;
    line-height: 13px;
}

.grey
{
    color: #666;
}

/*-------------------------------
	GENERAL LAYOUT
	-----------------------------*/

#content
{
    width: 749px;
    min-height: 100%;
    position: relative;
    color: #333333;
    background-color: #FFF;
    height: 100%;
    text-align: left;
    background-image: url(/App_Images/shade.jpg);
    background-repeat: repeat-y;
    background-position: left;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0px 18px 0px 18px;
}

.top-shade
{
    position: absolute;
    left: 0px;
    width: 785px;
    height: 14px;
    background-image: url(/App_Images/header-shade.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

/*-------------------------------
	HEADER
	-----------------------------*/

#header
{
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
}

.header-logo
{
    width: 181px;
    margin: 0 9px 0 0;
    padding: 33px 0 0 0;
    float: left;
}

.header-copy
{
    width: 363px;
    margin: 0 11px 0 0;
    padding: 33px 0 0 0;
    float: left;
}

.header-search
{
    width: 185px;
    padding: 15px 0 0 0;
    font-size: 10px;
    float: left;
}

.header-search a.highlight
{
    color: #CC3300;
}

.header-go
{
    font-weight: bold;
}


.header-search ul
{
    font-size: 09px;
    display: block;
    margin: 0px;
    padding: 0;
}

.header-search li
{
    display: inline;
    margin: 0 0 0 0;
    padding: 0 3px 0 0;
}

/*-------------------------------
	TOP NAVIGATION
	-----------------------------*/

#top-nav, #top-nav ul, #top-nav a, #top-nav a:visited
{
    background-color: #FF8C00;
}

#top-nav
{
    /*height: 16px;*/
    background-color: #FFF;
    padding: 0px;
    margin: 0;
    background-image: url(/app_images/top-nav-shade.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}


#top-nav ul
{
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-indent: 0px;
    list-style-type: none;
}

#top-nav li
{
    display: inline;
}

#top-nav a, #top-nav a:visited
{
    margin: 0px 3px 0px 0px;
    padding: 02px 25px 03px 6px;
    color: #FFF;
    display: block;
    float: left;
}

.top-nav-spacer
{
    margin: 0px;
    padding: 02px 25px 03px 6px;
    color: #FFF;
    display: block;
    float: left;
}

#top-nav a
{
    background-image: url(/app_images/top-nav-orange-shade.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}

#top-nav a:hover, #top-nav a.highlight, #top-nav a:visited.highlight
{
    background-color: #000000;
    background-image: none;
}

.top-nav-spacer
{
    background-image: url(/app_images/top-nav-orange-shade.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}

/*-------------------------------
	BREADCRUMBS
	-----------------------------*/

#breadcrumbs
{
    font-size: 9px;
}

#breadcrumbs ul
{
    display: block;
    margin: 0px;
    padding: 0px;
}

#breadcrumbs li
{
    display: inline;
    margin: 0 0 0 0;
    padding: 0 3px 0 0;
}

#breadcrumbs a.highlight
{
    font-weight: bold;
    color: #FF8C00;
}

#breadcrumbs a
{
    color: #666666;
}

#breadcrumbs a:hover, #breadcrumbs a:hover.highlight
{
    color: #CC3300;
}

/*-------------------------------
	LEFT CONTENT
	-----------------------------*/

.left-nav
{
    width: 181px;
    margin: 0 9px 0 0;
    float: left;
}

.left-box-1, .left-box-2
{
    background-color: #EEE;
    margin: 0 0 4px 0;
    padding: 6px 6px 12px 6px;
}

.left-box-1
{
    height: 128px;
    background-image: url(/App_Images/left-shade.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

.left-box-2
{
    height: 66px;
    background-image: url(/App_Images/left-shade.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

.left-box-3
{
    height: 158px;
    background-image: url(/App_Images/left-shade.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #EEE;
    margin: 0 0 0px 0;
    padding: 6px 6px 12px 6px;
}

.left-box-4
{
    background-image: url(/App_Images/left-shade.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #EEE;
    margin: 04px 0 0px 0;
    padding: 6px 6px 12px 6px;
}

.download
{
    font-size: 10px;
    margin: 6px 0 6px 0;
}

.download-image
{
    float: left;
    width: 24px;
    margin: 0 6px 0 0;
}

.download-present
{
    float: left;
    width: 12px;
    margin: 0 6px 0 0;
}

.download-copy
{
    float: left;
    width: 139px;
}

.download-copy-present
{
    float: left;
    width: 151px;
}

.share-price
{
    font-size: 24px;
}

.share-info
{
    margin: 6px 0 6px 0;
}

.share-copy
{
    font-size: 10px;
    line-height: 10px;
}

.share-notes
{
    font-size: 10px;
    line-height: 10px;
    color: #666666;
}


/*-------------------------------
	LEFT MENU
	-----------------------------*/

.left-menu
{
    font-size: 11px;
    text-decoration: none;
}

.left-menu ul li ul
{
    border-top: none;
}

.left-menu ul li ul li ul
{
    border-top: none;
}

.left-menu ul, .left-menu ul li ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    display: block;
}

.left-menu ul li ul
{
    margin: 0 0 0 0;
}

.left-menu li
{
    border-top: 1px solid #666;
    display: block;
}

.left-menu li a
{
    padding: 3px 0 3px 0;
    display: block;
}

.left-menu li ul li a
{
    padding: 3px 0 3px 10px;
    display: block;
}

.left-menu li ul li ul li a
{
    padding: 3px 0 3px 20px;
    display: block;
}

.left-menu ul a
{
    color: #666666;
}

.left-menu ul li ul a
{
    color: #000000;
    display: block;
}

.left-menu ul a:hover, .left-menu ul li ul a:hover
{
    color: #CC3300;
}

.left-menu a.highlight
{
    font-weight: bold;
    color: #FF8C00;
}

/*-------------------------------
	MAIN CONTENT
	-----------------------------*/

#main-content.two-col
{
    width: 369px;
    margin: 0 09px 0 0;
    float: left;
}

.full-width
{
    width: 558px;
    float: left;
}

#main-content ul
{
    color: #000000;
    font-size: 11px;
    line-height: 13px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}

#main-content li
{
    margin-bottom: 13px;
    padding-left: 14px;
    background-image: url(/App_Images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
}

#main-content #europe li
{
    background-image: none;
}

#main-content-box
{
}

.image
{
    height: 176px;
    margin: 0 0 15px 0;
    background-image: url(/App_Images/image-backgrounds/img-back-1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.no-image
{
    margin: 0 0 15px 0;
}

.operations-landing
{
    height: 238px;
    margin: 0 0 15px 0;
    background-image: url(/App_Images/operations/operations-back.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.operations
{
    height: 238px;
    margin: 0 0 15px 0;
    background-image: url(/App_Images/operations/operations-example.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

#main-content-box.image .main-content-panel, #main-content-box.operations .main-content-panel, #main-content-box.operations-landing .main-content-panel
{
    display: block;
    margin: 0 0 0 0;
    padding: 5px;
    background-image: url(/App_Images/home-box-back.png);
    background-repeat: repeat;
    background-position: left top;
}

#main-content-box.no-image .main-content-panel
{
    display: block;
    margin: 0 0 0 0;
    padding: 5px;
    background-color: #FF8C00;
}


#breadcrumbs
{
    margin: 6px 0 0 0;
    padding: 6px 6px 6px 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
}

.home-box-1
{
    height: 229px;
    margin: 0 0 09px 0;
}

.home-box-1 a, .home-box-2 a, .home-box-3 a
{
    height: 100%;
    margin: 0 0 0 0;
    font-size: 10px;
    line-height: 11px;
    color: #000;
    display: block;
}

.home-box-2
{
    height: 171px;
    width: 179px;
    margin: 0 0 0 0;
    float: left;
}

.home-box-3
{
    height: 171px;
    width: 179px;
    margin: 0 0 0 11px;
    float: left;
}



.home-box-panel-1, .home-box-panel-2, .home-box-panel-3
{
    margin: 0 0 0 0;
    padding: 7px;
    background-image: url(/App_Images/home-box-back.png);
    background-repeat: repeat;
    background-position: left top;
}

.home-box-panel-1 b, .home-box-panel-2 b, .home-box-panel-3 b
{
    color: #FFF;
}


.home-box-panel-1
{
    height: 24px;
    display: block;
}

.home-box-panel-2
{
    height: 32px;
    display: block;
}

.home-box-panel-3
{
    height: 32px;
    display: block;
}

.home-panel-text
{
    float: left;
    width: 90%;
}

.home-panel-arrow
{
    float: left;
    width: 10%;
}


/*-------------------------------
	BOARD / GALLERY
	-----------------------------*/

#col
{
    width: 87px;
    float: left;
    margin: 0 0 10px 0;
    font-size: 10px;
    color: #000000;
}

.copy a
{
    font-weight: normal;
    padding-left: 14px;
    background-image: url(/App_Images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
}

#col
{
    padding-left: 0px;
    background-image: none;
}


.name
{
    color: #FF8C00;
    font-weight: bold;
}

.col-spacer
{
    width: 7px;
    height: 7px;
    float: left;
}

/*-------------------------------
	RIGHT CONTENT
	-----------------------------*/

.right-nav
{
    width: 181px;
    margin: 0 0 0 0;
    float: left;
}

.right-nav h1
{
    border-bottom: 1px solid #666;
    padding-bottom: 5px;
}

.right-nav .orange h1
{
    border-bottom: 1px solid #FF8C00;
    
    padding-bottom: 5px;
}

.right-news-1
{
    color: #000000;
    font-size: 10px;
    margin: 6px 0 6px 0;
}

.right-news-2
{
    color: #000000;
    font-size: 10px;
    margin: 6px 0 0 0;
}

.right-go
{
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 07px 0;
}

.right-shade
{
    background-image: url(/App_Images/right-shade.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 6px;
    margin: 0 0 18px 0;
    padding: 0 0 0 0;
}

/*-------------------------------
	FAST FACTS // QUICK LINKS // QUOTES // IMAGE BOX
	-----------------------------*/

.fast-facts, .quick-links, .quote
{
    font-size: 11px;
    margin: 6px 0 20px 0;
}

.quote
{
    color: #000000;
}

.quote-name
{
    color: #666666;
    padding-bottom: 08px;
    border-bottom: solid;
    border-width: 1px;
}

.fast-facts, .contact
{
    color: #9F803F;
}

.contact
{
    font-size: 11px;
    margin: 6px 0 10px 0;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
}

.quick-links
{
    color: #666666;
}

.fast-facts a
{
    color: #9F803F;
    text-decoration: none;
}

.contact a
{
    color: #FF8C00;
    text-decoration: none;
}

.contact a:hover
{
    color: #CC3300;
}

.quick-links a
{
    font-weight: bold;
    text-decoration: none;
}

.fast-facts ul, .quick-links ul, .contact ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}

.fast-facts li, .quick-links li, .contact li
{
    margin-bottom: 13px;
    padding-left: 14px;
    background-image: url(/App_Images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
}

.image-box-3 a
{
    height: 100%;
    margin: 0 0 0 0;
    font-size: 10px;
    line-height: 11px;
    color: #000;
    display: block;
}

.image-box-3
{
    height: 176px;
    width: 181px;
    margin: 0 0 0 0;
    background-image: url(/App_Images/image-backgrounds/img-back-2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
}

.image-box-panel-1, .image-box-panel-2, .image-box-panel-3
{
    margin: 0 0 0 0;
    padding: 7px;
    background-image: url(/App_Images/image-box-back.png);
    background-repeat: repeat;
    background-position: left top;
}

.image-box-panel-1 b, .image-box-panel-2 b, .image-box-panel-3 b
{
    color: #FFF;
}


.image-box-panel-1
{
    height: 24px;
    display: block;
}

.image-box-panel-2
{
    height: 32px;
    display: block;
}

.image-box-panel-3
{
    height: 32px;
    display: block;
}

.image-panel-text
{
    float: left;
    width: 90%;
}

.image-panel-arrow
{
    float: left;
    width: 10%;
}

/*-------------------------------
	FOOTER
	-----------------------------*/
.home .footer
{
    /* changed from #home .footer -z */
    margin: 06px 0 20px 0;
}

.lower-level .footer
{
    /* changed from #lower-level .footer -z */
    margin: 50px 0 20px 0;
}

.footer
{
    font-size: 10px;
    color: #666;
    padding: 5px 0 0 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
}

.footer-copy
{
    float: left;
}

.footer-update
{
    float: right;
}

/*-------------------------------
	FORMS
	-----------------------------*/

form
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

select
{
    width: 181px;
    margin: 6px 0 10px 0;
    padding: 0 0 0 0;
    font-size: 11px;
}

.text
{
    width: 179px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    margin: 08px 0 05px 0;
    padding: 0 0 0 0;
}

/*-------------------------------
	TABLES
	-----------------------------*/
table
{
    color: #000000;
}

td
{
    font-size: 11px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
}

normal.tr
{
}

#contact td
{
    border-bottom-style: none;
    font-size: 11px;
    font-weight: bold;
}

td.table-heading
{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
}

.submit
{
    background-color: #FF8C00;
    border: none;
    font-weight: bold;
    font-size: 11px;
    margin: 0px;
}

.submit:hover
{
    color: #FFFFFF;
}

/*-------------------------------
	MISC
	-----------------------------*/

.divider-grey
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
    margin: 04px 0 0 0;
}

.divider-table
{
    background-image: url(/App_Images/table-rule.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 1px;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#main-content .divider-grey
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
    margin: 04px 0 15px 0;
}

.divider-lightgrey
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    margin: 04px 0 0 0;
}

.divider-orange
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FF8C00;
    margin: 04px 0 0 0;
}


img
{
    border: none;
}


/*extra*/
.valSummary
{
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
}
.valSummary ul
{
    /*does not work*/
    margin-top: 5px;
}
.valSummary li
{
    color: #ff8c00;
}

.searchSubmit
{
    font-weight: bold;
}

#tak_PageBody_bodyContent.two-col
{
    width: 369px;
    margin: 0 09px 0 0;
    float: left;
}



#tak_home_main.two-col
{
    width: 369px;
    margin: 0 09px 0 0;
    float: left;
}

#tak_home_main.full-width
{
    width: 558px;
    margin: 0 0 0 0;
    float: left;
}

#tak_home_main ul
{
    color: #000000;
    font-size: 11px;
    line-height: 13px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}

#tak_home_main li
{
    margin-bottom: 13px;
    padding-left: 14px;
    background-image: url(/App_Images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
}

#tak_home_main #europe li
{
    background-image: none;
}

.p_class
{
    color: #000000;
    font-size: 11px;
    line-height: 13px;
}

.sitemap
{
}

.sitemap li
{
    font-weight: bold;
}

.sitemap li ul li
{
    font-weight: normal;
    margin-left: 25px;
}

/*-------------------------------
CLEARFIX
-----------------------------*/
.clearfix:after
{
    /* FF, O, etc. */
    content: ".";
    display: block;
    clear: left;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix
{
    /* O */
    display: block;
}

* html .clearfix
{
    height: 1%; /* IE5-6 */
}
