/* ######################################### */
/* MAIN - FIXED WIDTH - 3 COLUMN LAYOUT #### */

/* GREY   #808285     */
/* ORANGE #F48120     */
/* GREEN  #CCE310     */
/* RED    #ED1C24     */
/* BLUE   #0093D4     */
/* YELLOW #fff100
/* AQUA   #00b29e    */
/* pink   #D70A8B
   light grey #D6D5D5
*/

/* ######################################### */

html, body {
    background: #efefef url(/images/stripe.png) fixed left top repeat;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }

.button, .button a, .button input {
    background: white url(/images/buttons/green_button_wide.jpg) left center no-repeat  !important;
    margin: 0; border: 0;
    display: inline-block;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 14px !important;
    font-weight: bold;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 150px;
    height: auto;
    cursor: pointer;
    padding: 17px 0 17px 0;
}

button:hover, a.button:hover, input.button:hover {
    background: white url(/images/buttons/rollover_button_wide.jpg) left center no-repeat  !important;
    border: 0;
}
button.large, a.button.large, input.button.large {
    font-size: 1.4em !important;
    line-height: 1.4em;
}

button.small, a.button.small, input.button.small {
    font-size: .9em;
    line-height: 1.4em;
}

button img,  a.button img, input.button img {
    float: left; padding-left: 0.8em; vertical-align: middle;
    border: 0;
}

/* ALTERNATIVE BUTTON */

.button_grey, a.button_grey, input.button_grey {
    background: white url(/images/buttons/grey_button_wide.jpg) left center no-repeat  !important;
    border: 0;
    display: inline-block;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 150px;
    height: auto;
    cursor: pointer;
    padding: 17px 0 17px 0;
}

.button_grey:hover, a.button_grey:hover, input.button_grey:hover {
    background: white url(/images/button_greys/rollover_grey_button_wide.jpg) left center no-repeat  !important;
}

.button_grey.large, a.button_grey.large, input.button_grey.large {
    font-size: 1.4em !important;
    line-height: 1.4em;
}

.button_grey.small, a.button_grey.small, input.button_grey.small {
    font-size: .9em;
    line-height: 1.4em;
}

.button_grey img,  a.button_grey img, input.button_grey img {
    vertical-align: middle;
}

li { list-style-type: none; }

p { margin: 0 }

p img.left {
    display: inline;
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}

p img.right {
    display: inline;
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
}

a {
    text-decoration: none;
    color: #D70C8C;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

a:visited {
    color: #D70C8C; }
a:focus {
    color: black; }
a:hover {
    color: black; }
a:active {
    color: #D70C8C; }

b { color: #406045; }
strong { color: #406045; }

dd { padding-bottom: 0.8em; }

input.text {
    margin: 0.5em 0;
    border: 1px solid #bbb;
    width: 300px;
    padding: 5px; }
input.text:focus {
    border: 1px solid #666; }

select {
    margin: 0.5em 0;
    border: 1px solid #bbb; }
select:focus {
    border: 1px solid #666; }

/* THE MAIN DIVS */

#header{
    width: 960px;
    height: 30px;
    background-color: #808285;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    clear: both;
}


#center {   
    background-color: white;
    width:960px; margin:0 auto; padding:0;
    background-color: white;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#banner {
    clear: both;
    width: 960px;
    height: 205px;
    margin: 0; padding: 0;
}

.banner_default         { background: #efefef url(/images/ecf_banner.gif) no-repeat; }
.banner_Training        { background: #efefef url(/images/ecf_banner_training.gif) no-repeat; }
.banner_Coaching        { background: #efefef url(/images/ecf_banner_coaching.gif) no-repeat; }
.banner_Action_Learning { background: #efefef url(/images/ecf_banner_action.gif) no-repeat; }

#wrapper{
    width: 960px;
    margin: 0; padding: 0;
    background-color: white;
}

#sidebar{
    border: 1px solid #D6D5D5;
    vertical-align: top;
    float: left;
    width: 200px;
    padding: 0;
    background-color: white;
}


#content{
    width: 560px;
    float:left;
    background-color: white;
    font-family: Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #808285;
}


#rhs{
    float:left;
    width: 196px;
    padding: 0;
    background-color:  #D6D5D5;
    font-family: Helvetica,sans-serif;
    font-size: 0.8em;
    border: 1px solid white;
    border-top: 0;
}

#footer {
    clear: both;
    background-color: #808285;
    color: white;
    margin-top: 1.2em;
    border: 1px solid #D6D5D5;
    padding: 0.6em 0 0.6em 0;
}
#footer p { font-size: 0.6em; }

#footer_left  {
    font-size: 0.6em;
    padding: 1.2em 0 0 0;
    border-bottom: 2px dashed white; width: 852px; float: left;
}
#footer_right {
    font-size: 12px;
    color: white;
    padding: 0.4em 0.4em 0 0;
    float: right; text-align: left;
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

/* THE MAIN DIV'S SELECTORS */

* html #content { overflow-x: hidden; }

#inner_content {
    margin-left: 25px;
    margin-right: 25px;
}

.flash {
    margin-left: 25px;
    margin-right: 25px;
}

.notice {
    padding: 0.8em 0 0.8em 0;
    text-decoration: none;
    font-family: Helvetica,serif;
    font-size: 12px;
    font-weight: bold;
    color: #00b29e;
}

#inner_content p {padding-top: 0.4em; }

.static_content { padding-top: 0.4em; }

p.static_content { padding-top: 0.4em; }

h2.static_content {
    padding: 0.8em 0 0.8em 0;
    text-decoration: none;
    font-family: Helvetica,serif;
    font-size: 20px;
    font-weight: bold;
}


/* GENERAL CLASSES */
.left  { float: left; }
.right { float: right; }
.clear { clear: both; }

img.floatRight {
    float: right;
    margin: 6px;
}

.navigation-list {
    margin: 0;
    padding: 0 0 0.8em 0;
    border-bottom: 1px solid #D6D5D5;
}

.navigation-list ul {
    padding-left: 1em;
}

.navigation-list li {
    padding-left: 0.8em; padding-top: 0.4em; padding-bottom: 0.4em;
    list-style-type: none;
    margin: 0;
    font-family:  Helvetica,Verdana,Arial,sans-serif;
    color: #808285;
    font-size: 12px;
}

.navigation-list a {
    font-family:  Helvetica,Verdana,Arial,sans-serif;
    color: #808285;
    font-size: 12px;
}

.navigation-list a.root {
    font-family: Helvetica,Verdana,Arial,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.8em;
}

.navigation-list h1 {
    font-family: Helvetica,Verdana,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em;
}

.navigation-list li.current {
    list-style-type: none;
    margin-left: 0px;
}

.navigation-list li.current a {
    font-family:  Helvetica,Verdana,Arial,sans-serif;
    color: #808285;
    font-size: 12px;
}

.breadcrumbs { 
    width: 554px;
    height: 30px;
    padding: 0 0 0 15px;
    background-color: #F48120;
    border: 3px solid #D6D5D5;
    border-left: 0;
    vertical-align: middle;
}

.breadcrumbs ul {
    list-style-type: none;
    margin: 0px;
    padding: 12px 0 0 0;
    display: inline;
    overflow: auto;
    vertical-align: middle;
}
.breadcrumbs ul li {
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    display: inline;
    color: white; }
.breadcrumbs ul li a, .breadcrumbs ul li span {
    text-decoration: none;
    font-family: Helvetica,serif;
    padding-right: 0.5em;
    color: #FFFFFF;
    font-weight: lighter;
    font-size: 12px;
}

.breadcrumbs ul li span {
    color: white; }


/* ELEMENTS IN THE TOP BAR */

ul#nav-bar {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#nav-bar li {
    display: inline;
    float:left;
    padding: 0 12px 0 0;
}
ul#nav-bar li a {
    font-family: Helvetica,Verdana,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: white;
}
ul#nav-bar li.cart-indicator a {
    display: inline;
}
ul#nav-bar li.cart-indicator a.full {
    display: inline;
}


/* ELEMENTS IN THE CONTENT DIV */

#basket_header {
    padding-top: 1em;
    font-family: Arial, sans-serif;
    vertical-align: middle;
    font-size: 1.2em;
}

.basket_action_links {float: right; margin-top: 6px; padding: 0; border-top: solid 1px black; }


.basket_action_links p {
    float: left;
    margin-top: 16px;
    padding: 0 8px 0 0;
    color: #808285;
}

.basket_links { float: left; padding: 0; vertical-align: top; text-align: right;}
.basket_links a { font-size: 0.8em; }

#basket_main{ margin-top: 1em; padding-top: 1em; border-top: 1px solid #ED1C24; }


/* ORDER AND CHECKOUT */

#cart_form{ border-top: 1px solid #fff100;  border-bottom: 1px solid #fff100; width: 500px; text-align: center; }
#cart_form p { padding-top: 0.6em; color: #00b29e; font-weight: bold; }
#cart_form_price { float: left;  padding-right: 5em; }
#cart_form_quantity{ float: left; padding-right: 1.2em; }

.cart_form_product_price {padding-left: 1.4em; padding-top: 0.8em;  }
.cart_form_product_quantity{padding:0; margin-top: 0.4em; font-weight: bold; }

#form_for_order {float: left; padding-right: 1.2em; }

#form_for_order_button {float: right; padding-right: 1.2em; }

#cart_form_enquiry {clear: both; float: left; text-align: left; width: 100%; border-top: 1px solid #fff100;  }


#checkout {
    width: 500px;
}

#subtotal {
    float: right;
    text-align: right;
    width: auto;
    padding: 6px 0 0 0;
    border-bottom:1px solid #DDDDDD;
    font-weight: bold;
    color: black;
}

#user_session_form { padding: 0.8em; }

#user_session_form p { padding: 0.4em; }

#user_session_form h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bolder;
    color: black; padding: 0.8em 0 0.4em 0;
}

#user_session_form h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: black; padding: 0.8em 0 0.4em 0;
}

#user_session_messages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: lime; padding: 0.8em 0 0.4em 0;
}

.paypal_checkout { float: right; margin-top: 1em; vertical-align: top; text-align: right;}

.paypal_checkout input#zip {
    width: 60px ;
    margin-bottom: 1em;
}

/* PRODUCT RELATED */

#enquiry_form { margin-top: 0.8em; }

#user_session_form p { padding: 0.4em; }

#inner_content  ul {
    list-style-image: url(/images/tree-nav-icons/bullet.gif);
    padding: 0 0 0 50px;
}

#inner_content ul li {
    padding: 0;
}

#product-description {
    width: 400px;
    font-family: Helvetica,sans-serif;
    font-size: 12px;
}

#product-description p {
    padding: 0.4em 0 0 0;
}

#product-description h2{
    font-family: Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}

#product-description  ul {
    list-style-image: url(/images/tree-nav-icons/bullet.gif);
    padding: 0 0 0 50px;
}

#product-description ul li {  padding: 0; }

#product-description ul li a {}

#product_variants {
    padding-top: 0.6em;
}

#product_variants strong {
    font-family: Helvetica,sans-serif;
    font-size: 1.2em;
}

#product_variants ul {
    list-style-image: none;
    margin: 0; padding: 0;
}

#product_variants ul li {
    list-style: none;
    padding: 0; margin: 0;
}

.taxon { padding: 0; }

h2.taxon {
    font-family: Helvetica,sans-serif;
    font-size: 1.2em; font-weight: bold;
}



/* ELEMENTS IN RHS */

#news{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    border: 1px solid #D6D5D5;
}

#news h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bolder;
    color: white;
    padding: 0.5em 0 0 0.5em;
    height: 24px;
    background-color: #808285;
    border-bottom: 2px dashed white;
}

.news_item { 
    padding: 0 0 1.5em 0.5em;
    border-bottom: 2px dashed white;
}

.news_item h2 {
    padding: 0.5em 0 0 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D70A8B;
    background-color: #D6D5D5;
}

.news_item p {
    padding: 0.5em 0 0 0.5em;
    color: #656565;
}

#quotes{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    border: 1px solid #D6D5D5;
}

#quotes h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bolder;
    color: white;
    padding: 0.5em 0 0 0.5em;
    height: 24px;
    background-color: #808285;
    border-bottom: 2px dashed white;
}

.quote {
    padding: 0 0 1.5em 0.5em;
    border-bottom: 2px dashed white;
}

.quote h2 {
    padding: 0.5em 0 0 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D70A8B;
    background-color: #D6D5D5;
}

.quote p { font-size:12px; color: black;   }

/* TAXONS - DRIVES BREADCRUMBS, ELEMENTS IN THE SIDE BAR */
/* AND THE MAIN CONTENT AREA */

ul.Training { border-left: solid 8px #F48120; background-color: white; }
h1.Training { font-size:16px; padding: 2em 0 2em 0; color: #F48120; }
h2.Training { font-size:16px; color: #F48120;
              margin: 12px 0 0 0;
              padding: 36px 0 8px 55px;
              height: 62px;
              background: transparent url(/images/arrow_orange.gif) no-repeat;
}
.Training a.root { color: #F48120; }
.breadcrumbs.Training  { background-color: #F48120; }

/* COACHING */
ul.Coaching    { border-left: solid 8px #CCE310; }
h1.Coaching    { font-size:16px; padding: 2em 0 2em 0; color: #CCE310; }
h2.Coaching    {
    font-size:16px; color: #CCE310;
    margin: 12px 0 0 0;
    padding: 36px 0 8px 55px;
    height: 62px;
    background: transparent url(/images/arrow_green.gif) no-repeat;
}
.Coaching a.root { color: #CCE310; }
.breadcrumbs.Coaching  { background-color: #CCE310; }

/* ACTIOn LEARNING */
ul.Action_Learning { border-left: solid 8px #ED1C24; }
h1.Action_Learning { font-size:16px; padding: 2em 0 2em 0; color: #ED1C24; }
h2.Action_Learning { font-size:16px; color: #ED1C24; 
                     margin: 12px 0 0 0;
                     padding: 36px 0 8px 55px;
                     height: 62px;
                     background: transparent url(/images/arrow_red.gif) no-repeat;
}
.Action_Learning a.root { color: #ED1C24; }
.breadcrumbs.Action_Learning  { background-color: #ED1C24; }

/* HOME */

ul.Home { border-left: solid 8px #0093D4; background-color: white; }
h1.Home { font-size:16px; padding: 2em 0 2em 0; color: #0093D4; }
h2.Home {
    font-size:16px; color: #0093D4;
    margin: 12px 0 0 0;
    padding: 36px 0 8px 55px;
    height: 62px;
    background: transparent url(/images/arrow_blue.gif) no-repeat;
}
.Home a.root { color: #0093D4; }
.breadcrumbs.Home  { background-color: #0093D4; }


/* CONTACT */
ul.Contact_us { border-left: solid 8px #00b29e; background-color: white; }
h1.Contact_us { font-size:16px; padding: 2em 0 2em 0; color: #00b29e; }
h2.Contact_us {
    font-size:16px; color: #00b29e;
    margin: 12px 0 0 0;
    padding: 36px 0 8px 55px;
    height: 62px;
    background: transparent url(/images/arrow_aqua.png) no-repeat;
}
.Contact_us a.root { color: #00b29e; }
.breadcrumbs.Contact_us  { background-color: #00b29e; }


.trainers_index h1 { font-size:16px; padding: 2em 0 2em 0; color: #0093D4;
                     margin: 12px 0 0 0;
                     padding: 36px 0 8px 55px;
                     height: 62px;
                     background: transparent url(/images/arrow_blue.gif) no-repeat;
}

.trainers_index h2{ font-size:14px; color: #0093D4; }

/* The Trainers names can be over ridden using an id in form  t.name.parameterize e.g
#fernanda-amaral h2{ font-size:14px; color: #AA93D4;; }
*/