﻿* {
    margin:                 0;
    padding:                0;
}

/* Page Structure */

html, body, #main-wrapper {
    height:                 100%;
}

body {
    background:             #dbdbdb url('../images/bg.gif') repeat-x;
    color:                  #666666;
    font:                   11px/17px Arial, Sans-serif;
}

body > #main-wrapper {
    height:                 auto;
    min-height:             100%;
}

#container {
    margin:                 0 auto;
    padding-bottom:         192px;
    width:                  778px;
}

#footer-wrapper {
    background:             url('../images/footer-bg.gif') repeat-x;
	clear:                  both;
	height:                 176px;
	margin-top:             -176px;
    position:               relative;
} 

/* Page Elements */

img  {
    border:                 0;
}

a {
    color:                  #ff6600;
}

a:hover {
    color:                  #444444;
}

span.orange {
    color:                  #ff6600;
}

h1 {
    color:                  #444444;
    font:                   24px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom:          3px;
}

h2 {
    color:                  #ff5d0c;
    font:                   16px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom:          3px;
}

h3 {
    color:                  #ff5d0c;
    font:                   16px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top:            5px;
}

p {
    padding:                7px 0;
}

ul, ol {
    padding:                0 0 0 20px;
}

ul li, ol li {
    margin:                 1px 0;
}

.clear {
    clear:                  both;
    display:                block;
    height:                 1px;
    overflow:               hidden;
}

/* Top Bar */

#top-bar {
    color:                  #dfdfdf;
    height:                 24px;
    margin-bottom:          16px;
    padding:                6px 20px 0;
}

#top-bar p {
    padding:                0;
}

#top-bar p.contact {
    float:                  left;
}

#top-bar p.contact a {
    text-decoration:        none;
}  

#top-bar p.contact a:hover {
    color:                  #ff6600;
} 

#top-bar p.languages {
    float:                  right;
}

#top-bar p.languages a {
    display:                inline-block;
    margin-left:            3px;
}

#top-bar p.languages a img {
    vertical-align:         -2px;
}

/* Panels */

.panel .top, .panel .bottom {
    height:                 7px;
    overflow:               hidden;
}

.panel .top {
    background:             url('../images/panel-top-bg.png') no-repeat;
}

.panel .bottom {
    background:             url('../images/panel-bottom-bg.png') no-repeat;
}

.panel .inner {
    background:             url('../images/panel-bg.png') repeat-y;
    padding:                0 6px;
}

.panel .inner .content {
    background:             url('../images/content-bg.gif') repeat-x;
    padding:                20px 20px 13px;
}

/* Header */

.header {
    border-bottom:          1px solid #e7e7e7;
    height:                 44px;
    padding:                20px 20px 0;
}

.header.platinum {
    border-bottom:          0;
    height:                 55px;
    padding-top:            30px;
}

.header .logo {
    background:             url('../images/logo.gif') no-repeat;
    float:                  left;
    height:                 24px;
    padding:                0;
    text-indent:            -99999em;
    width:                  152px;
}

.header.platinum .logo {
    background:             url('../images/logo-platinum.gif') no-repeat; 
    width:                  309px;   
}

.header a.button {
    display:                inline-block;
    float:                  right;
    margin:                 -1px -2px 0 0;
}

/* Main Navigation */

ul.nav {
    background:             url('../images/nav-bg.gif') repeat-x;
    height:                 40px;
    list-style-type:        none;
    margin:                 0;
    padding:                0;
}

ul.nav li {
    display:                inline;
}

ul.nav li a {
    background:             url('../images/nav-bg.gif') repeat-x;
    border-left:            1px solid #666666;
    border-right:           1px solid #7e7e7e;
    color:                  #FFF;
    display:                inline-block;
    float:                  left;
    font:                   11px Arial, Sans-serif;
    height:                 27px;
    padding:                13px 10px 0;
    text-decoration:        none;
}

ul.nav li.first a {
    padding-left:           20px;
}

ul.nav li.last a {
    border-right:           0px !important;
}


ul.nav li a:hover {
    background-position:    0 -40px;
    border-left-color:      #ff6800;
    border-right-color:     #ff8328;
}

/* Content */

#content {
    float:                  left;
    width:                  460px;
}

.column-left {
    float:                  left;
    margin-right:           20px;
    padding-top:            17px;
    width:                  350px;
}

.column-right {
    float:                  left;
    padding-top:            17px;
    width:                  350px;
}

.cta {
    background:             url('../images/cta-bg.gif');
    border:                 1px solid #f3f3f3;
    border-width:           1px 0;
    margin-top:             10px;
    padding:                15px;
}

.panel .inner .content.narrow {
    background:             url('../images/content-narrow-bg.gif') repeat-x;
    float:                  left;
    width:                  407px;
}

.panel .inner .content.narrow ul {
    color:                  #ff5301;
    font:                   16px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom:          13px;
}

.panel .inner .content.narrow ul span {
    color:                  #333333;
}

.panel .inner .content.narrow p.support strong {
    color:                  #FF5D0C;
    display:                inline-block;
    font:                   20px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-right:          10px;
}

.panel .inner .content.narrow p.support span.details {
    font:                   11px Arial, Sans-serif;
}

.panel .inner .content.region {
    background:             url('../images/content-region-bg.gif') no-repeat;
    float:                  left;
    min-height:             100px;
    padding:                20px 15px 13px;
    width:                  289px;
}

.panel .inner .content.region h2 {
    color:                  #333333;
}

.panel .inner .content.region h2 a {
    text-decoration:        none;
}

.panel .inner .content.region h2 a img {
    margin-left:            4px;
    vertical-align:         -1px;
}

.panel .inner .content.region .selectbox {
    background:             url('../images/select-bg.gif') no-repeat;
    border:                 0;
    color:                  #767677;
    cursor:                 pointer;
    display:                block;
    float:                  left;
    font:                   12px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    height:                 27px;
    margin-top:             10px;
    padding-left:           7px;
    width:                  239px; 
}

.panel .inner .content.region .selectbox select {
    background:             url('../images/select-bg.gif') no-repeat;
}

.panel .inner .content.region .selectbox-wrapper {
    background:             #FFF;
    border:                 1px solid #bcbcbc;
    border-width:           0 1px 1px;
    margin:                 37px 0 0 4px;
    overflow:               auto;
    position:               absolute;
    width:                  237px !important;
}

.panel .inner .content.region .selectbox-wrapper ul {
    list-style-type:        none;
    margin:                 0;
    padding:                0;
}

.panel .inner .content.region .selectbox-wrapper ul li {
    cursor:                 pointer;
    display:                block;
    margin:                 0;
    padding:                2px 8px;
}

.panel .inner .content.region .selectbox-wrapper ul li.selected { 
    background:             #f7f7f7;
}

.panel .inner .content.region .selectbox-wrapper ul li.current { 
    background:             #ebebeb;
}

.panel .inner .content.region .input-submit {
    float:                  left;
    margin:                 10px 0 0 3px;
}

/* Sidebar */

#sidebar {
    float:                  right;
    width:                  245px;
}

#sidebar .sidebar-panel {
    background:             #FFF;
    border:                 1px solid #dfdcdc;
    margin-bottom:          8px;
}

#sidebar .sidebar-panel .sidebar-inner {
    background:             #FFF url('../images/sidebar-panel-inner-bg.gif') repeat-x left bottom;
    border:                 4px solid #FFF;
    padding:                0 5px;
}

#sidebar .sidebar-panel .sidebar-inner p {
    padding:                5px 0;
}

#sidebar .sidebar-panel .sidebar-inner.newsletter {
    background:             #ff5c00 url('../images/sidebar-panel-inner-newsletter-bg.gif') repeat-x top left;
    color:                  #ffceb3;
}

#sidebar .sidebar-panel .sidebar-inner.newsletter h3 {
    color:                  #ffffff;
}

#sidebar .sidebar-panel .sidebar-inner.newsletter p {
    padding:                0 0 5px;
}

/* Footer */

#footer {
    color:                  #818181;
    font:                   11px/15px Arial, Sans-serif;
    margin:                 0 auto;
    padding:                10px 6px 0;
    width:                  766px;
}

#footer .column {
    float:                  left;
    width:                  215px;
}

#footer .column.search {
    width:                  245px;
}

#footer ul {
    list-style-type:        none;
    margin:                 10px 0 0 0;
    padding:                0;
}

#footer ul li {
    margin:                 0;
}

#footer ul span.title {
    color:                  #FFF;
}

#footer a {
    color:                  #999999;
    text-decoration:        none;
}

#footer a:hover {
    color:                  #FFF;
}

#footer form {
    margin-top:             10px;
}

#footer form label {
    color:                  #FFF;
    cursor:                 pointer;
}

#footer form .input-text {
    background:             url('../images/search-bg.gif') no-repeat;
    float:                  left;
    height:                 19px;
    margin-top:             8px;
    padding:                3px 5px;
    width:                  205px;
}

#footer form .input-text input {
    background:             transparent;
    border:                 0;
    color:                  #dddddd;
    font:                   11px Arial, Sans-serif;
    height:                 19px;
    width:                  205px;
}

#footer form .input-submit {
    float:                  left;
    margin-top:             8px;
}

#footer p {
    padding:                10px 0 0;
}