﻿/* 
   ---------------------------------------- 
   ----------// Generic Styles //----------
   ----------------------------------------
*/



body
{
    background: url(Images/bg.gif) repeat-x top left;
    color: #000;
}

a
{
    color: #006699;
    text-decoration: none;
}

a:hover
{
    color: #59B5C4;
}

a.see-more
{
    color: #ff543f;
    display: block;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}

a.bullet
{
    background: url(Images/bullet.gif) no-repeat left;
    padding-left: 14px;
}

ul.bullet
{
    list-style-image: url(Images/bullet.gif);
}

ul.big-bullet
{
    font-size: 14px;
    list-style-image: url(Images/bullet.gif);
}

ul.big-bullet li
{
    margin-bottom: 2px;
}

.two-columns .column
{
    float: left;
    width: 50%;
}

.three-columns .column
{
    float: left;
    width: 33.333%;
}

.four-columns .column
{
    float: left;
    width: 25%;
}

.disclaimer
{
    color: #aaa;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    border-top: solid 1px #aaa;
    margin-top: 10px;
    padding: 10px;
}

.attention
{
    color: #cc0000;
    font-weight: bold;
}

.message
{
    color: #cc0000;
    padding: 4px;
    background: #ffecbf;
    border: solid 1px #cc0000;
    margin-bottom: 10px;
}

.message ul
{
    list-style-image: none !important;
    list-style-type: disc;
    margin-bottom: 0;
}

.success
{
    color: #009900;
    padding: 4px;
    background: #ffffdd;
    border: solid 1px #009900;
    margin-bottom: 10px;
}

.success p
{
    margin-bottom: 0;
}

.more
{
    text-align: right;
    font-weight: bold;
}


/* Floating Menu */
ul.floating-menu
{
    float: left;
    list-style-type: none;
    margin-bottom: 0;
}

ul.floating-menu li
{
    float: left;
    border-left: solid 1px #555;
    margin-left: 4px;
}

ul.floating-menu li.first-child, ul.floating-menu li:first-child /* important: first-child class before first-child attribute */
{
    border-left: 0;
    margin-left: 0;
}

ul.floating-menu li a
{
    float: left;
    display: block;
    padding-left: 4px;
}

ul.floating-menu li a:hover
{
    text-decoration: underline;
}

ul.floating-menu li.first-child a, ul.floating-menu li:first-child a /* important: first-child class before first-child attribute */
{
    padding-left: 0;
}


/* Centered Floating Menu */
ul.centered-floating-menu
{
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    position: relative; /* enables centering of floating list */
    left: 50%; /* enables centering of floating list */
}

ul.centered-floating-menu li
{
    float: left;
    border-left: solid 1px #555;
    margin-left: 4px;
    position: relative; /* enables centering of floating list */
    right: 50%; /* enables centering of floating list */
}

ul.centered-floating-menu li.first-child, ul.centered-floating-menu li:first-child /* important: first-child class before first-child attribute */
{
    border-left: 0;
    margin-left: 0;
}

ul.centered-floating-menu li a
{
    float: left;
    display: block;
    padding-left: 4px;
}

ul.centered-floating-menu li a:hover
{
    text-decoration: underline;
}

ul.centered-floating-menu li.first-child a, ul.centered-floating-menu li:first-child a /* important: first-child class before first-child attribute */
{
    padding-left: 0;
}


/* Inline Menu */
ul.inline-menu
{
    display: inline;
    list-style-type: none;
    margin-bottom: 0;
}

ul.inline-menu li
{
    display: inline;
    margin-left: 0;
}

ul.inline-menu li a
{
    display: inline-block;
    padding-left: 4px;
    border-left: solid 1px #555;
}

ul.inline-menu li.first-child a, ul.inline-menu li:first-child a /* important: first-child class before first-child attribute */
{
    padding-left: 0;
    border-left: 0;
}

ul.inline-menu li a:hover
{
    text-decoration: underline;
}



/* <<----------// Site Header //---------->> */
#header-wrap
{
    margin: 0 auto;
    margin-top: 20px;
    width: 970px;
}

#header
{
    background: #fff url(Images/header-bg.jpg) repeat-x;
    height: 150px;
}

#header-left
{
    float: left;
    background: #fff url(Images/header-bg-left.jpg) no-repeat top left;
    height: 150px;
    width: 215px;
}

#header-middle
{
    float: left;
    height: 75px;
    position: relative;
    width: 735px;
}

#header-right
{
    float: left;
    width: 20px;
    height: 150px;
    background: url(Images/header-bg-right.jpg) no-repeat;
}


/* Header Logo */
#logo
{
    margin: 8px 2px 8px 20px;
}

#logo a
{
    outline: none;
}

#logo img
{
    height: 120px;
    width: 190px;
    display: block; /* remove trailing spacing */
}


/* Header Action */
#action
{
    color: #fff;
    font-size: 11px;
    position: absolute;
    right: 6px;
    top: 12px;
}

#action ul.floating-menu li
{
    border-color: #fff;
}

#action ul.floating-menu li a
{
    color: #fff;
}


/* Header Search */
#search
{
    position: absolute;
    right: 6px;
    bottom: 14px;
}

#search .text
{
    border: 1px solid #a8c47a;
    color: #002c12;
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    vertical-align: middle;
    width: 128px;
}

#search input[type=text]
{
    border: 1px solid #a8c47a;
    color: #002c12;
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    vertical-align: middle;
    width: 128px;
}

#search .button
{
    vertical-align: middle;
}

#search input[type=image]
{
    vertical-align: middle;
}



/* <<----------// Site Navigation //---------->> */
#navigation-wrap
{
    background: #fff url(Images/shadow.gif) repeat-y;
    margin: 0 auto;
    width: 970px;
}

#navigation
{
    background: #fff url(Images/Navigation/bg.jpg) repeat-x;
    height: 25px;
    margin: 0 10px;
}


/* Main Navigation */
#navigation .main-navigation
{
    float: left;
    margin-left: 16px;
    display: inline; /* prevent double margins in IE6 */
}

#navigation .main-navigation ul
{
    float: left;
    list-style-type: none;
    margin-bottom: 0;
}

#navigation .main-navigation ul li.navigation-item
{
    float: left;
    margin-left: 0;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel
{
    background: url(Images/Navigation/tab-left.gif) no-repeat top left;
    float: left;
    height: 25px;
    margin-right: 2px;
    padding-left: 8px;
    position: relative;
    z-index: 100;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel a.navigation-item-link
{
    float: left;
    display: block;
    color: #fff;
    background: url(Images/Navigation/tab-right.gif) no-repeat top right;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding-right: 10px;
    padding-top: 5px;
    text-decoration: none;
    outline: none;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel.over
{
    background: url(Images/Navigation/tab-left-over.gif) no-repeat top left;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel.over a.navigation-item-link
{
    background: url(Images/Navigation/tab-right-over.gif) no-repeat top right;
    color: #ff543f;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel.current
{
    background: url(Images/Navigation/tab-left-current.gif) no-repeat top left;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel.current a.navigation-item-link
{
    background: url(Images/Navigation/tab-right-current.gif) no-repeat top right;
    color: #666;
}


/* Main Navigation Submenu */
#navigation .main-navigation ul li.navigation-item .navigation-submenu
{
    background-color: #fff;
    border: 2px solid #404026;
    padding: 4px;
    position: absolute;
    visibility: hidden;
    z-index: 99;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu h5
{
    margin-bottom: 10px;
    margin-top: 4px;
    color: #002C12;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu-subtitle
{
    border-bottom: dotted 2px #aaa;
    padding-bottom: 4px;
    margin-bottom: 4px;
    color: #002C12;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu ul
{
    float: none;
    margin: 10px;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu ul li
{
    margin-left: 14px;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu ul li a
{
    color: #002C12;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu ul li a:hover
{
    color: #59b5c4;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu ul li ul
{
    margin: 0;
    margin-left: 4px;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu table ul
{
    margin: 0;
    margin-left: 4px;
}


/* Sub Navigation */
#navigation .sub-navigation
{
    float: right;
    font: 11px/1.2 Arial, Helvetica, sans-serif;
    margin-right: 16px;
    display: inline; /* prevent double margins in IE6 */
}

#navigation .sub-navigation ul.floating-menu
{
    margin-top: 6px;
}

#navigation .sub-navigation ul.floating-menu li
{
    border-color: #fff;
}

#navigation .sub-navigation ul.floating-menu li a
{
    color: #fff;
}



/* <<----------// Site Container //---------->> */
#container-wrap
{
    margin: 0 auto;
    width: 970px;
}

#container
{
    background-color: #fff;
    margin: 0 10px;
    padding: 16px;
    border-left: solid 1px #002c12;
    border-right: solid 1px #002c12;
}



/* <<----------// Site Content //---------->> */
#content
{
    float: left;
    width: 684px;
}


/* Content Intro */
.intro
{
    margin-bottom: 20px;
}

.intro .intro-inner
{
}

.intro h1
{
    font-size: 20px;
    color: #404026;
    margin-bottom: 4px;
    vertical-align: middle;
}

.intro .title-image
{
    float: left;
    vertical-align: middle;
}

.intro .intro-subtitle
{
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.intro .intro-content
{
    font-size: 14px;
    letter-spacing: 1px;
}

.intro .intro-image
{
}


/* Content Section */
.section
{
    margin-bottom: 20px;
}

.section h2
{
    border-bottom: solid 2px #002c12;
    color: #002c12;
    font-size: 14px; /* not ideal */
    padding-bottom: 4px;
}

.section h5
{
    color: #002c12;
    border-bottom: 1px solid #002c12;
}

.section ul
{
    list-style-image: url(Images/bullet.gif);
}

.section ul li
{
    padding: 2px;
}


/* Content Feature */
#content .feature
{
    background-color: #e1ead0;
    margin-bottom: 10px;
    padding: 3px;
}

#content .feature h4
{
    margin-bottom: 4px;
    margin-top: 4px;
}

#content .feature h6
{
    color: #000;
    margin-bottom: 4px;
    margin-top: 4px;
}

#content .feature-subtitle
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
}

#content .feature-content
{
    background-color: #fff;
    font-size: 12px;
    padding: 4px;
}

#content .feature-image
{
    margin-bottom: 10px;
    width: 100%;
}



/* <<----------// Bookmark //---------->> */
#bookmark
{
    background-color: #ddd;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    padding: 3px;
}

#bookmark-inner
{
    background-color: #fff;
    padding: 4px;
    overflow: hidden; /* prevents centered-floating-menu from sticking out on the right */
}

#bookmark-inner em
{
    float: left;
    font-style: normal;
    font-weight: bold;
}

#bookmark-tip-link
{
    float: right;
}

#bookmark-tip
{
    display: none;
}

#bookmark-inner ul.centered-floating-menu
{
    margin-bottom: 8px;
    margin-top: 16px;
}

#bookmark-inner ul.centered-floating-menu li
{
    border-left: 0;
    margin-right: 10px;
    margin-left: 0;
}

#bookmark-inner ul.centered-floating-menu li a
{
    padding: 4px;
}

#bookmark-inner ul.centered-floating-menu li a:hover
{
    text-decoration: none;
}

#bookmark-inner ul.centered-floating-menu li img
{
    float: left;
}

a#share
{
    text-decoration: underline;
    font-size: 14px;
    display: block;
    text-align: right;
    margin-bottom: 4px;
}



/* <<----------// Site Sidebar //---------->> */
#sidebar
{
    float: left;
    margin-left: 16px;
    width: 216px;
    display: inline; /* prevent double margins in IE6 */
}


/* Sidebar Feature */
#sidebar .feature
{
    background-color: #e1ead0;
    margin-bottom: 10px;
    padding: 3px;
}

#sidebar .feature h6
{
    color: #000;
    margin-bottom: 4px;
    margin-top: 4px;
    vertical-align: middle;
    font-size: 14px;
}

#sidebar .feature .title-image
{
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    vertical-align: middle;
}

#sidebar .feature-content-top
{
    background-color: #fff;
    font-size: 11px;
    padding: 4px;
    margin-bottom: 4px;
}

#sidebar .feature-content
{
    background-color: #fff;
    font-size: 11px;
    padding: 4px;
}

#sidebar .feature-image
{
    margin-bottom: 10px;
    width: 100%;
}



/* <<----------// Site Footer //---------->> */
#footer-wrap
{
    margin: 0 auto;
    width: 970px;
    margin-bottom: 10px;
}

#footer
{
    background-color: #fff;
    margin: 0 10px;
    border-left: solid 1px #002c12;
    border-right: solid 1px #002c12;
    position: relative;
}

.foot-green
{
    position: absolute;
    right: 4px;
    bottom: 4px;
}

#footer-bottom
{
    background: url(Images/footer-bg.gif) no-repeat bottom;
    height: 10px;
    width: 970px;
}


/* Footer Main Navigation */
#footer .main-navigation
{
    background: #ddd;
    font: 11px/1.2 Verdana, Geneva, sans-serif;
    margin: 0 10px;
    padding: 4px;
    overflow: hidden; /* prevents centered-floating-menu from sticking out on the right */
}

#footer .main-navigation ul.centered-floating-menu li
{
    border-color: #666;
}

#footer .main-navigation ul.centered-floating-menu li a:hover
{
    text-decoration: none;
}


/* SEO */
#seo
{
    color: #aaa;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
}

#seo ul.inline-menu li
{
    margin: 2px 0;
}

#seo ul.inline-menu li a
{
    border-color: #aaa;
    color: #aaa;
}


/* Legal */
#legal
{
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
}

#legal em
{
    font-style: normal;
    font-weight: bold;
}

#legal ul.inline-menu li
{
    border-color: #666;
}

#legal ul li a:hover
{
    text-decoration: none;
}

#legal p
{
    margin-top: 10px;
}



/* <<----------// Nice Form //---------->> */
.nice-form
{
    font-size: 11px;
}

.nice-form legend
{
    font-size: 16px;
    font-weight: bold;
    color: #ffaa11;
    padding: 20px 0;
}

.nice-form .form-sub-title
{
    font-size: 12px;
    font-weight: bold;
    color: #ffaa11;
    padding: 10px 0;
    padding-left: 224px;
    margin-bottom: 12px;
}

.nice-form .form-field
{
    padding-left: 224px;
    margin-bottom: 12px;
}

.nice-form .form-field input, .nice-form .form-field select, .nice-form .form-field textarea
{
    font: 11px/1.2 Arial, Helvetica, sans-serif;
}

.nice-form .form-field .form-label
{
    float: left;
    font-weight: bold;
    margin: 2px 0;
    margin-left: -224px;
    text-align: right;
    width: 216px;
    display: inline; /* prevent double margins in IE6 */
}

.nice-form .form-field .form-label em
{
    color: #cc0000;
}

.nice-form .static-field
{
    float: left;
    margin: 2px 0;
}

.nice-form .multi-fields
{
    float: left;
    width: 100%;
}

.nice-form .multi-field
{
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
}

.nice-form .multi-field .form-label
{
    display: block;
    margin: 2px 0;
    float: none;
    font-weight: normal;
    text-align: left;
    width: auto;
}

.nice-form .multi-field .form-label em
{
    color: #cc0000;
}

.nice-form .button-field
{
}

.nice-form .button-field input[type=submit]
{
    font-size: 11px;
}

.nice-form .button-field .left-button
{
    float: left;
}

.nice-form .button-field .right-button
{
    float: right;
}

.nice-form .form-hint
{
    margin: 4px 0;
}



/* <<----------// Table //---------->> */
.table
{
    border-color: #404026;
    color: #666;
}

.table-header
{
    font-weight: bold;
    background-color: #404026;
    color: #fff;
    padding: 4px;
}

.table-sub-header
{
    font-weight: bold;
    background-color: #a8c47a;
    color: #fff;
    padding: 4px;
}

.table-item
{
    padding: 4px;
    vertical-align: middle;
}

.table-alternating-row
{
    background-color: #ffecbf;
}

.table-row
{
    background-color: #fff;
}

.table-footer
{
    border-top: solid 2px #666;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
}

.table-item.price, .table-footer.price
{
    color: #ff543f;
    font-weight: bold;
    font-size: 15px;
}



/* <<----------// Tabs //---------->> */


/* Ajax Toolkit Tabs */
.ajax__tab_header
{
    padding-left: 16px;
}

.ajax__tab_tab
{
    font-size: 12px;
}

.ajax__tab_body
{
    font: 12px/1.2 Arial, Helvetica, sans-serif !important;
    padding: 6px !important;
}


/* Horizontal Tabs */
ul.tabs
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}

ul.tabs li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}

ul.tabs li a
{
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}

ul.tabs li a:hover
{
    background: #ccc;
}

html ul.tabs li.active, html ul.tabs li.active a:hover
{
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab-container
{
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}

.tab-content
{
    padding: 20px;
    font-size: 1.2em;
}


/* Vartical Tbas */
ul.vtabs
{
    margin: 6px 0 0 10px;
    padding: 0;
    float: left;
    list-style-type: none;
    list-style-image: none;
    width: 164px;
    display: inline; /* prevent double margins in IE6 */
}

ul.vtabs li.vtab
{
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
    background-color: #a8c47a;
}

ul.vtabs li.vtab a.vtab-link
{
    font: 12px/1.2 Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 6px;
    outline: none;
}

ul.vtabs li.vtab a.vtab-link:hover
{
    background-color: #404026;
}

html ul.vtabs li.vtab.active, html ul.vtabs li.vtab.active a.vtab-link:hover
{
    background-color: #404026;
}

ul.vtabs li.vtab.active a.vtab-link
{
    color: #fff;
}

.vtab-container
{
    float: left;
    width: 496px;
    overflow: auto;
}

.vtab-content
{
    font: 12px/1.2 Arial, Helvetica, sans-serif;
    padding: 6px;
    padding-left: 16px;
}



/* <<----------// Accordion //---------->> */
.accordion-header
{
    padding: 4px;
    cursor: pointer;
}

.accordion-header:hover
{
}

.accordion-header a
{
    background: url(Images/Accordion/plus.gif) center left no-repeat;
    padding-left: 20px;
    text-decoration: none;
}

.accordion-header-selected
{
    font-weight: bold;
    padding: 4px;
    cursor: pointer;
}

.accordion-header-selected a
{
    background: url(Images/Accordion/minus.gif) center left no-repeat;
    padding-left: 20px;
    text-decoration: none;
}

.accordion-content
{
    padding: 4px;
    padding-left: 24px;
    margin-bottom: 10px;
}



/* <<----------// Site Content //---------->> */


/* Gallery */
#gallery
{
}

div.gallery-content
{
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    float: left;
    width: 380px;
}

div.gallery-content a, div.gallery-navigation a
{
    text-decoration: none;
    color: #777;
}

div.gallery-content a:focus, div.gallery-content a:hover, div.gallery-content a:active
{
    text-decoration: underline;
}

div.gallery-controls
{
    margin-top: 5px;
    height: 23px;
}

div.gallery-controls a
{
    padding: 5px;
}

div.ss-controls
{
    float: left;
}

div.nav-controls
{
    float: right;
}

div.slideshow-container
{
    position: relative;
    clear: both;
    height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow-loader
{
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 380px;
    height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow
{
}

div.slideshow span.image-wrapper
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

div.slideshow a.advance-link
{
    display: block;
    width: 380px;
    height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
    line-height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited
{
    text-decoration: none;
}

div.slideshow img
{
    vertical-align: middle;
    border: 1px solid #ccc;
}

div.slideshow-caption
{
}

span.image-caption
{
    display: block;
    position: absolute;
}

div.caption
{
    background-color: #000;
    color: #ccc;
    padding: 4px;
}

div.image-title
{
    font-weight: bold;
    font-size: 1.3em;
}

div.image-desc
{
    line-height: 1.1em;
    padding-top: 10px;
}

div.gallery-navigation
{
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs
{
    clear: both;
    margin: 0;
    padding: 0;
}

ul.thumbs li
{
    float: left;
    padding: 0;
    margin: 5px 10px 5px 0;
    list-style: none;
}

a.thumb
{
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}

ul.thumbs li.selected a.thumb
{
    background: #000;
}

a.thumb:focus
{
    outline: none;
}

ul.thumbs img
{
    border: none;
    display: block;
    width: 74px;
    height: 74px;
}

div.pagination
{
    clear: both;
}

div.gallery-navigation div.top
{
    margin-bottom: 12px;
    height: 11px;
}

div.gallery-navigation div.bottom
{
    margin-top: 12px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis
{
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #ccc;
}

div.pagination a:hover
{
    background-color: #eee;
    text-decoration: none;
}

div.pagination span.current
{
    font-weight: bold;
    background-color: #000;
    border-color: #000;
    color: #fff;
}

div.pagination span.ellipsis
{
    border: none;
    padding: 5px 0 3px 2px;
}




/* http://sonspring.com/journal/clearing-floats */

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}




/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */

/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* close commented backslash hack */




/* 
   ---------------------------------------- 
   ----------// Specific Styles //---------
   ----------------------------------------
*/



/* <<----------// Site Content //---------->> */


/* Home Intro */
#home-intro
{
}

#home-slideshow
{
    float: left;
    margin-right: 10px;
    z-index: 98;
}

#home-slideshow .gallerydesctext
{
    padding: 4px;
}


/* Content Feature */
.featured-two-columns
{
    width: 686px;
    overflow: hidden;
}

.featured-two-columns .two-columns
{
    width: 702px;
    float: left;
}

.featured-two-columns .two-columns .column
{
    margin-right: 16px;
    width: 335px;
    display: inline; /* prevent double margins in IE6 */
}

.featured-four-columns
{
    width: 670px;
    overflow: hidden;
}

.featured-four-columns .four-columns
{
    width: 676px;
    float: left;
}

.featured-four-columns .four-columns .column
{
    margin-right: 6px;
    width: 163px;
    display: inline; /* prevent double margins in IE6 */
}


/* Home Feature */
#home-feature .feature-content
{
    font-size: 14px;
}

#home-feature .feature-content h5
{
    margin-bottom: 0;
}

#home-feature .feature-content h5 a
{
    color: #002c12;
}

#home-feature .feature-content h5 a:hover
{
    color: #59b5c4;
}

#home-feature .programme-list
{
    font-size: 12px;
    margin-bottom: 0;
}

#home-feature .programme-list li
{
    border-top: solid 1px #ccc;
    padding: 4px 0;
}

#home-feature .programme-list li.first-child, #home-feature .programme-list li:first-child
{
    border-top: 0;
    padding-top: 0;
}


/* About Intro */
#about-intro
{
}

#about-intro .intro-inner
{
    padding: 6px;
}

#about-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}


/* Contact Intro */
#contact-intro
{
}

#contact-intro .intro-inner
{
    float: left;
    padding: 6px;
    width: 456px;
}

#contact-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#contact-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Insurance Intro */
#insurance-intro
{
}

#insurance-intro .intro-inner
{
    float: left;
    padding: 6px;
    width: 206px;
}

#insurance-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#insurance-intro .intro-image
{
    float: left;
    height: 250px;
    margin-left: 16px;
    width: 450px;
}


/* Payment Methods Intro */
#payment-methods-intro
{
}

.payment-methods-section.section
{
    margin: 4px;
    margin-bottom: 20px;
}


/* Foot Rating Intro */
#foot-rating-intro
{
}

#foot-rating-intro .intro-image
{
    float: right;
    height: 230px;
    margin-left: 10px;
    width: 400px;
}

.foot-rating-section.section
{
    margin: 4px;
    margin-bottom: 20px;
}

.foot-rating-section.section h2
{
    border-bottom: 0;
    margin-bottom: 0;
}

.foot-rating-section.section h2 img
{
    vertical-align: middle;
}

.foot-rating-section.section h2 span
{
    vertical-align: middle;
}


/* Booking Procedure Intro */
#booking-procedure-intro
{
}

ul.booking-procedure-steps
{
    list-style: none;
    margin-bottom: 0;
}

ul.booking-procedure-steps li
{
    margin-left: 0;    
}

ul.booking-procedure-steps li .step-number
{
    font-size: 48px;
    font-weight: bold;
    color: #a8c47a;
    margin-right: 4px;
    width: 72px;
    float: left;
}

ul.booking-procedure-steps li .step-content
{
    width: 596px;
    float: left;
}


/* Pre-Departure Intro */
#pre-departure-intro
{
}

#pre-departure-intro .intro-inner
{
    padding: 6px;
}

#pre-departure-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#timetable
{
    background-color: #c2e3e8; /*background-color: #59b5c4;*/
    padding: 4px;
}


/* Privacy Intro */
#privacy-intro
{
}

#privacy-intro .intro-inner
{
    float: left;
    padding: 6px;
    width: 456px;
}

#privacy-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#privacy-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Super 6 Intro */
#super6-intro
{
}

#super6-intro .intro-inner
{
    float: left;
    padding: 6px;
    width: 456px;
}

#super6-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#super6-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Responsible Travel Intro */
#responsible-travel-intro
{
}

#responsible-travel-intro .intro-inner
{    
    padding: 6px;    
}

#responsible-travel-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}


/* Team Intro */
#team-intro
{
}

#team-intro .intro-inner
{
    padding: 6px;
}


/* Terms Intro */
#terms-intro
{
}

#terms-intro .intro-inner
{
    float: left;
    padding: 6px;
    width: 456px;
}

#terms-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#terms-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Flights Intro */
#flights-intro
{
}

#flights-intro .intro-inner
{
    float: left;
    padding: 6px;
    width: 456px;
}

#flights-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#flights-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Site Map Intro */
#site-map-intro
{
}

#site-map-intro h1
{
    color: #002c12;
}

#site-map-intro .intro-inner
{
    padding: 6px;
}

#site-map-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#site-map-intro .intro-content-inner
{
    font-size: 12px;
    letter-spacing: normal;
    margin: 4px;
}

#site-map-intro .intro-content-inner h5
{
    color: #002c12;
    border-bottom: 1px solid #002c12;
}


/* Unsubscribe Intro */
#unsubscribe-intro
{
}

#unsubscribe-intro .intro-inner
{
    float: left;
    padding: 6px;
    width: 456px;
}

#unsubscribe-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#unsubscribe-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Country Intro */
#country-intro
{
}

#country-intro .intro-inner
{
    padding: 6px;
}

#country-intro h1
{
    color: #002c12;
}

#country-intro .title-image
{
    margin-right: 10px;
}

#country-intro .intro-subtitle
{
    color: #002c12;
    margin-bottom: 10px;
}

#country-intro .intro-image
{
    margin-bottom: 10px;
}

#country-intro .intro-content
{
    font-size: 12px;
    letter-spacing: 0;
}

#country-intro .centre-map-link
{
    float: right;
    font-size: 11px;
}


/* Fast Fact */
.fast-fact .fact-field
{
    padding-left: 172px;
    margin-bottom: 6px;
    padding-top: 6px;
    border-top: solid 1px #ccc;
}

.fast-fact .fact-field .fact-label
{
    float: left;
    font-weight: bold;
    margin: 2px 0;
    margin-left: -172px;
    width: 164px;
    display: inline; /* prevent double margins in IE6 */
}

.fast-fact .static-field
{
    float: left;
    margin: 2px 0;
}

.fast-fact .fact-field.first-child
{
    padding-top: 0;
    border-top: 0;
}

/* Forex Feature */
#forex-feature
{
    float: left;
    margin-right: 10px;
    width: 240px;
}

#forex-feature ul
{
    list-style: none;
    margin-bottom: 0;
}

#forex-feature ul li
{
    margin-left: 0;
    margin-bottom: 3px;
    padding-top: 3px;
    border-top: solid 1px #ccc;
    text-align: center;
}

#forex-feature ul li.first-child, #forex-feature ul li:first-child
{
    padding-top: 0;
    border-top: 0;
}

#forex-feature ul li img
{
    width: 21px;
    height: 13px;
    vertical-align: middle;
}

#forex-feature ul li img.left
{
    float: left;
    margin-right: 4px;
}

#forex-feature ul li img.right
{
    float: right;
    margin-left: 4px;
}


/* Weather Feature */
#weather-feature
{
    float: left;
    margin-right: 10px;
    width: 240px;
}

#weather-feature #sky-conditions
{
    color: #002c12;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

#weather-feature #temperature
{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

#weather-feature #wind
{
    margin-bottom: 10px;
}

#weather-feature img
{
    float: right;
}

#weather-feature #last-update
{
    text-align: right;
    font-size: 10px;
}


/* Community Volunteer Intro */
#community-volunteer-intro
{
}

#community-volunteer-intro .intro-inner
{
    padding: 6px;
}

#community-volunteer-intro .intro-image
{
    float: left;
    margin-right: 10px;
}

#community-volunteer-intro .intro-content
{
    font-size: 12px;
    letter-spacing: 0;
}


/* Category Intro */
#category-intro
{
}

#category-intro .intro-inner
{
    padding: 6px;
}

#category-intro .intro-image
{
    float: left;
    margin-right: 10px;
}

#category-intro .intro-content
{
    font-size: 12px;
    letter-spacing: 0;
}


/* Call-to-Action */
#call-to-action
{
    float: right;
    border-left: 1px solid #919b9c;
    border-bottom: 1px solid #919b9c;
    margin-right: 16px;
}

#call-to-action ul
{
    float: left;
    list-style-type: none;  
    margin-bottom: 0;
    list-style-image: none;
}

#call-to-action ul li
{
    float: left;
    border-right: solid 1px #919b9c;
    margin-left: 0;
    padding: 4px;
}

#call-to-action ul li a
{
    float: left;
    display: block;
    font: 11px/1.2 Verdana, Geneva, sans-serif;
}


/* Programme Intro */
#programme-intro
{
}

#programme-intro .intro-inner
{
    background-color: #e1ead0;
    padding: 6px;
}

#programme-intro h1
{
}

#programme-intro .intro-subtitle
{
    margin-bottom: 4px;
}

#programme-intro .intro-inner-content
{
    background-color: #fff;
    padding: 4px;
}

#programme-intro .intro-image img
{
    float: left;
    width: 160px;
    height: 160px;
    margin-right: 4px;
}

#programme-intro .intro-image .super6
{
    float: left;
    width: 160px;
    height: 160px;
    margin-right: 4px;
}

#programme-intro .intro-image .super6 img
{
    float: none;
    width: 160px;
    height: 160px;
    margin-right: 0;
}

#programme-intro .programme-sticker
{
    position: relative;
    float: right;
    width: 164px;
    padding: 4px;
    background-color: #e1ead0;
    margin-bottom: 22px;
}

#programme-intro .programme-sticker .button-field.apply
{
    position: absolute;
    left: 33.5px;
    bottom: -12px;
}


/* Fees */
#fees .programme-table .table-header
{
    text-align: center;
}

#fees .programme-fee-table
{
    margin-bottom: 0;
}


/* FAQs */
.faqs
{
    margin-bottom: 10px;
}


/* Testimonial Feature */
#content #testimonials .feature
{
    background-color: #bbb;
}

#content #testimonials .feature-subtitle
{
    margin-bottom: 10px;
}

#content #testimonials .feature-content
{
    background-color: #ffffdd;
    line-height: 18px;
    padding: 8px;
}

#content #testimonials .feature .quote
{
    color: #404026;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}


/* Programme Search Intro */
#programme-search-intro
{
}

#programme-search-intro .results
{
    color: #002c12;
    font-weight: bold;
    font-size: 16px;
}


/* Search Intro */
#search-intro
{
}

#search-intro .results
{
    color: #002c12;
    font-weight: bold;
    font-size: 16px;
}


/* <<----------// Site Search //---------->> */
#search-results
{
    position: relative; /* for "Loading..." div */
}

#search-results .loading
{
    background: #fffcdf;
    left: 0;
    position: absolute;
    top: 0;
    padding: 4px;
}

.search-result-option
{
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    float: right;
    background: #e1ead0;
    padding: 4px;
    margin-right: 10px;
}

.search-result-option select
{
    font: 10px/1.2 Verdana, Geneva, sans-serif;
}

.search-result-option label
{
    font-weight: bold;
}

.no-result
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 4px;
    margin: 10px 0;
}

.search-result
{
    border-bottom: 2px dotted #bbb;
    padding: 4px;
    margin: 10px 0;
}

.search-result .search-result-image
{
    float: left;
    margin-right: 10px;
    position: relative; /* for new image */
    width: 90px;
}

.search-result-image .new
{
    position: absolute;
    top: 0;
    left: 0;
}

.search-result h2
{
    border-bottom: 0;
    font-size: 14px;
    margin-bottom: 10px;
}

.search-result h2 a
{
    color: #002c12;
    text-decoration: underline;
}

.search-result h2 a:hover
{
    color: #59b5c4;
}

.search-result em
{
    color: #000;
    display: block;
    margin-bottom: 10px;
    font-style: normal;
}

.search-result-content-text
{
    margin-bottom: 10px;
}

.search-result-content
{
    float: left;
    width: 370px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.search-result .programme-sticker
{
    position: relative;
    float: right;
    width: 188px;
    padding: 4px;
    background-color: #e1ead0;
    margin-bottom: 22px;
}

.search-result .programme-sticker .button-field.apply
{
    position: absolute;
    left: 50.5px;
    bottom: -12px;
}

.search-result .programme-sticker .price-from em
{
    color: #404026;
    display: inline;
}

.search-result .programme-sticker em
{
    font-size: 12px;
    font-style: italic;
    display: inline;
    margin-bottom: 0;
}

.search-pager
{
    background: #e1ead0;
    padding: 4px;
}

.search-pager .results
{
    float: left;
}

.search-pager .custom-pager
{
    float: right;
}

.custom-pager a.current
{
    font-weight: bold;
}



/* <<----------// Site Sidebar //---------->> */


/* Programme Search Feature */
#programme-search-feature.feature
{
    background-color: #ff543f;
}

#programme-search-feature.feature h6
{
    color: #fff;
}


/* Pre-Departure Testimonial Feature */

/* http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html */

#testimonials .testimonial
{
    position: relative;
    border: solid 3px #a8c47a;
    margin-bottom: 40px;
    padding: 3px;
    font-size: 11px; /* css3 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* creates the larger triangle */
#testimonials .testimonial:before
{
    content: "\00a0";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    bottom: -60px; /* value = - border-top-width - border-bottom-width */
    left: 40px; /* controls horizontal position */
    width: 0;
    height: 0;
    border-width: 30px 30px 30px 0; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #a8c47a transparent transparent;
}

/* creates the smaller triangle */
#testimonials .testimonial:after
{
    content: "\00a0";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    bottom: -46px; /* value = - border-top-width - border-bottom-width */
    left: 43px; /* value = (:before left) + (:before border-left) - (:after border-left) */
    width: 0;
    height: 0;
    border-width: 23px 21px 23px 0; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #fff transparent transparent;
}

#testimonials .testimonial .more-text
{
    text-align: right;
}

#testimonials .testimonial .less-text
{
    text-align: right;
}


/* Map Feature */
#map-feature.feature
{
    background-color: #a8c47a;
}

#map-feature.feature h6
{
    color: #fff;
}

#map-feature .feature-image
{
    margin-bottom: 3px;
    display: block; /* remove trailing spacing */
}

#map-feature #continent
{
    font-weight: bold;
    margin-bottom: 4px;
}


/* Live Twitter Feature */
#live-twitter-feature.feature
{
    background-color: #59b5c4;
}

#live-twitter-feature.feature h6
{
    color: #fff;
}

#twitter_update_list
{
    list-style-type: none;
}

#twitter_update_list li
{
    margin-left: 0;
    margin-bottom: 8px;
}

/* Flickr Badge */
.zg_div
{
    margin: 5px auto;
    width: 117px;
}

.zg_div_inner
{
    border: solid 1px #ffffff;
    background-color: #ffffff;
    color: #666666;
    text-align: center;
    font-family: arial, helvetica;
    font-size: 11px;
}

.zg_div a, .zg_div a:hover, .zg_div a:visited
{
    color: #3993ff;
    background: inherit !important;
    text-decoration: none !important;
}


/* Facebook Feature */
#facebook-feature .feature-image
{
    width: 144px;
    height: 44px;
    float: left;
    margin-right: 4px;
    margin-bottom: 0;
}


/* Pre-departure Feature */
#pre-departure-feature .feature-image
{
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 4px;
    margin-bottom: 0;
}


/* Safety Feature */
#safety-feature p
{
    margin-bottom: 0;
}


/* Super 6 Feature */
#super6-feature .search-result
{
    border-bottom: 0;
    margin: 0;    
}

#super6-feature .search-result-content
{
    margin-bottom: 0;
    margin-right: 0;
    width: 224px;
}


/* Top Five Feature */
#top-five-feature
{
}

#top-five-feature .search-result-content
{
    margin-right: 0;
    width: 560px;
}



/* <<----------// Nice Form //---------->> */


/* Contact Details Form */
#contact-details-form
{
    font-size: 11px;
    letter-spacing: 0;
}

#contact-details-form .nice-form .form-field
{
    padding-left: 120px;
    margin-bottom: 4px;
}

#contact-details-form .nice-form .form-label
{
    margin-left: -120px;
    width: 112px;
}

#contact-details-form .two-columns
{
    margin-bottom: 10px;
}


/* Programme Search Form */
#programme-search-form
{
    font-size: 11px;
    letter-spacing: 0;
}

.programme-search-three-columns
{
    width: 668px;
    overflow: hidden;
}

.programme-search-three-columns .three-columns
{
    width: 681px;
    float: left;
}

.programme-search-three-columns .three-columns .column
{
    margin-right: 10px;
    width: 217px;
    display: inline; /* prevent double margins in IE6 */
}

#programme-search-form .nice-form
{
    margin-bottom: 4px;
}

#programme-search-form .nice-form .form-field
{
    padding-left: 0;
    margin-bottom: 8px;
}

#programme-search-form .nice-form .form-field select
{
    width: 100%;
}

#programme-search-form .nice-form .form-label
{
    display: block;
    float: none;
    margin: 2px 0;
    width: auto;
    text-align: left;
}

#programme-search-form .nice-form .button-field
{
    text-align: center;
}


/* Programme Sticker */
.programme-sticker
{
    font-size: 11px;
    letter-spacing: 0;
}

.programme-sticker .nice-form
{
    margin-bottom: 12px;
}

.programme-sticker .nice-form .form-field
{
    padding-left: 68px;
    margin-bottom: 4px;
}

.programme-sticker .nice-form .form-label
{
    margin-left: -68px;
    width: 60px;
}

.programme-sticker .price-from
{
    color: #404026;
    font-weight: bold;
}

.programme-sticker .price-from em
{
    font-size: 20px;
    font-style: normal;
}

.programme-sticker .nice-form .button-field
{
    text-align: center;
    vertical-align: middle;
}

.programme-sticker .nice-form .button-field input[type=image]
{
    vertical-align: middle;
}


/* Search Result Form */
.search-result .search-result-form
{
    float: left;
    width: 380px;
}

.search-result .search-result-form .nice-form
{
    margin-bottom: 4px;
}

.search-result .search-result-form .nice-form .form-field
{
    padding-left: 80px;
    margin-bottom: 8px;
}

.search-result .search-result-form .nice-form .form-field select
{
    width: 100%;
}

.search-result .search-result-form .nice-form .form-label
{
    margin-left: -80px;
    width: 72px;
}


/* Testimonial Form */
#testimonial-form
{
    font-size: 11px;
    letter-spacing: 0;
}

#testimonial-form .nice-form .form-field
{
    padding-left: 120px;
    margin-bottom: 4px;
}

#testimonial-form .nice-form .form-label
{
    margin-left: -120px;
    width: 112px;
}

#testimonial-form .nice-form .multi-field .form-label
{
    width: auto;
    margin-left: 0;
}

#testimonial-form .nice-form .button-field
{
    padding-left: 120px;
}


/* FAQ Form */
#faq-form
{
    font-size: 11px;
    letter-spacing: 0;
}

#faq-form .nice-form .form-field
{
    padding-left: 120px;
    margin-bottom: 4px;
}

#faq-form .nice-form .form-label
{
    margin-left: -120px;
    width: 112px;
}

#faq-form .nice-form .button-field
{
    padding-left: 120px;
}


/* Unsubscribe Form */
#unsubscribe-form .nice-form .button-field
{
    padding-left: 224px;
}


/* Enquiry Form */
#enquiry-form .nice-form .button-field
{
    padding-left: 224px;
}


/* Call Back Form */
#call-back-form .nice-form .button-field
{
    padding-left: 224px;
}


/* Newsletter Form */
#newsletter-form .nice-form .button-field
{
    padding-left: 224px;
}


/* Send to Friend Form */
#send-to-friend-form .nice-form .button-field
{
    padding-left: 224px;
}

/* Big Tabs */
.big-tabs
{
    background-color: #e1e9d0;
    overflow: hidden;
    padding: 4px;
}

.big-tabs ul
{
    list-style-image: none;
}

.big-tabs ul li
{
    border-left: 0;
    margin-left: 0;
}

.big-tabs ul.centered-floating-menu li a
{    
    height: 177px;
    padding-left: 0;
    width: 164px;
}

.big-tabs ul li a.au-tab
{
    background: url(Images/BigTabs/au-off.jpg) no-repeat;    
}

.big-tabs ul li a.au-tab:hover, .big-tabs ul li a.au-tab.current
{
    background: url(Images/BigTabs/au-on.jpg) no-repeat;    
}

.big-tabs ul li a.mtt-tab
{
    background: url(Images/BigTabs/mtt-off.jpg) no-repeat;    
}

.big-tabs ul li a.mtt-tab:hover, .big-tabs ul li a.mtt-tab.current
{
    background: url(Images/BigTabs/mtt-on.jpg) no-repeat;    
}

.big-tabs ul li a.sww-tab
{
    background: url(Images/BigTabs/sww-off.jpg) no-repeat;    
}

.big-tabs ul li a.sww-tab:hover, .big-tabs ul li a.sww-tab.current
{
    background: url(Images/BigTabs/sww-on.jpg) no-repeat;    
}

.big-tabs ul li a.wtww-tab
{
    background: url(Images/BigTabs/wtww-off.jpg) no-repeat;    
}

.big-tabs ul li a.wtww-tab:hover, .big-tabs ul li a.wtww-tab.current
{
    background: url(Images/BigTabs/wtww-on.jpg) no-repeat;    
}

.big-tabs ul li a.rts-tab
{
    background: url(Images/BigTabs/rts-off.jpg) no-repeat;    
}

.big-tabs ul li a.rts-tab:hover, .big-tabs ul li a.rts-tab.current
{
    background: url(Images/BigTabs/rts-on.jpg) no-repeat;    
}

.big-tabs ul li a.tp-tab
{
    background: url(Images/BigTabs/tp-off.jpg) no-repeat;    
}

.big-tabs ul li a.tp-tab:hover, .big-tabs ul li a.tp-tab.current
{
    background: url(Images/BigTabs/tp-on.jpg) no-repeat;    
}

.big-tabs ul li a.pp-tab
{
    background: url(Images/BigTabs/pp-off.jpg) no-repeat;    
}

.big-tabs ul li a.pp-tab:hover, .big-tabs ul li a.pp-tab.current
{
    background: url(Images/BigTabs/pp-on.jpg) no-repeat;    
}

.big-tabs ul li a.tc-tab
{
    background: url(Images/BigTabs/tc-off.jpg) no-repeat;    
}

.big-tabs ul li a.tc-tab:hover, .big-tabs ul li a.tc-tab.current
{
    background: url(Images/BigTabs/tc-on.jpg) no-repeat;    
}

ul.small-tabs li a.current
{
    font-weight: bold;
}

.big-pane, .small-pane
{
    margin-top: 10px;
}



















/* << ----------------// General Styles //---------------->> */
span.loading
{
    background: url(images/ajax_loader.gif) no-repeat left;
    padding: 4px 4px 4px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

/* << ----------------// Content Styles //---------------->> */
.required
{
    color: #FF0000;
    font-weight: bold;
    font-size: 14px;
}

/* << ----------------// Box (WAVA application) Styles //---------------->> */
div#box_application
{
    padding: 6px;
    background: #BBBBBB;
    margin-bottom: 20px;
}

div#box_application h1
{
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 8px 0 10px 0;
}

div#box_application_content
{
    padding: 6px;
    background: #FFFFFF;
}

div#box_application_content .step
{
    height: 30px;
    background: url(images/steps/step_bg.gif) repeat-x top;
    margin-bottom: 12px;
}

.application_subheader
{
    margin-bottom: 10px;
    padding: 3px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #002C12;
    font-weight: bold;
    border-bottom: 1px solid;
    width: 90%;
}

div#box_application_content p.formFieldLeft
{
    padding-left: 224px;
    margin-bottom: 4px;
    font-size: 11px;
}

div#box_application_content p.formFieldLeft label.formLabel
{
    font-weight: bold;
    text-align: right;
    float: left;
    margin-left: -224px;
    width: 216px;
}

/* << ----------------// Form (partner) Styles //---------------->> */
div#partner_form
{
    margin: 5px;
    font-size: 11px;
}

div#partner_form p.formFieldLeft
{
    padding-left: 224px;
    margin-bottom: 4px;
}

div#partner_form p.formFieldLeft label.formLabel
{
    font-weight: bold;
    text-align: right;
    float: left;
    margin-left: -224px;
    width: 216px;
}

.partner_subheader
{
    margin-bottom: 10px;
    padding: 3px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #002C12;
    font-weight: bold;
    border-bottom: 1px solid;
    width: 90%;
}


/* << ----------------// Programme Media Styles //---------------->> */
div#programme_media
{
    padding-top: 0;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
}

/* Begin Middle-center */

div#programme_media_current
{
    padding: 8px;
    position: relative;
}

div#programme_media_current .ajaxLoader
{
    /* absolute - to center within DIV */ /* fixed - to center within Window */
    background: url(images/ajax_loader_big.gif);
    position: absolute;
    height: 54px;
    width: 54px;
    margin: -27px 0px 0px -27px;
    top: 50%;
    left: 50%;
}

/* End Middle-center */

/* << ----------------// Programme and General FAQs Styles //---------------->> */
.faqs_subheader
{
    margin-bottom: 10px;
    padding: 3px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #002C12;
    font-weight: bold;
    border-bottom: 1px solid;
}

/* << ----------------// Box (agreement) Styles //---------------->> */
div.box_agreement
{
    padding: 4px;
    background: #BBBBBB;
    margin-bottom: 10px;
}

div.box_agreement_content
{
    padding: 10px;
    background: #FFFFDD;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

