/*************************************************/
/** HTML TAG SETUP                              **/
/*************************************************/
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
form {
    margin: 0;
    background-color: transparent;
}
p, table, input, select, label {
    font: 1em/1.3em verdana, arial;
    color: #000;
/**    margin: 0.5em 0;**/
}
a {
/** Do we really want this across the whole site?
    More flexible to assign to each hyperlink class? **/
    text-decoration: none;
}
a:hover {
/** Do we really want this across the whole site?
    More flexible to assign to each hyperlink class? **/
    text-decoration: underline;
}

.podLink {padding:10px 0 0 25px; line-height:2em;}

/*************************************************/
/** WRAPPER                                     **/
/*************************************************/
#headerWrapper-opodo {
    width: 750px;
    font-size: 75%;
    font: 0.7em/1.2em verdana, arial;
    color: #000;
    background-color: #fff;
}
#bodyWrapper-opodo {
    font-size: 75%;
    font: 0.7em/1.2em verdana, arial;
    color: #000;
    background-color: #fff;
}
#footerWrapper-opodo {
    width: 750px;
    font-size: 75%;
    font: 0.7em/1.2em verdana, arial;
    color: #999;
    background-color: #fff;
}
.podWrapperA {
    width: 49.99%;
    float: left;
}
.podWrapperB {
    width: 100%;
    float: left;
}
.podShell {
    padding: 5px;
}


/*************************************************/
/** POD HEADER                                  **/
/*************************************************/
.podHeader-brand-primary {
    background-color: #900;
    padding: 0 10px;
    color: #fff;
}
.podHeader-brand-secondary {
    background-color: #f7f7e7;
    padding: 0 10px;
    color: #000;
}
.podHeader-brand-tertiary {
    background-color: #fff;
    padding: 0 10px;
    color: #000;
}
.podHeader-car-primary {
    background-color: #026431;
    padding: 0 10px;
    color: #fff;
}
.podHeader-car-secondary {
    background-color: #c3d6c2;
    padding: 0 10px;
    color: #000;
}
.podHeader-car-tertiary {
    background-color: #e0ece0;
    padding: 0 10px;
    color: #000;
}
.podHeader-country-primary {
    background-color: #fba445;
    padding: 0 10px;
    color: #fff;
}
.podHeader-country-secondary {
    background-color: #fbd1a3;
    padding: 0 10px;
    color: #000;
}
.podHeader-country-tertiary {
    background-color: #fff3e7;
    padding: 0 10px;
    color: #000;
}
.podHeader-flight-primary {
    background-color: #999967;
    padding: 0 10px;
    color: #000;
}
.podHeader-flight-secondary {
    background-color: #cc9;
    padding: 0 10px;
    color: #000;
}
.podHeader-flight-tertiary {
    background-color: #e6e6c1;
    padding: 0 10px;
    color: #000;
}
.podHeader-holiday-primary {
    background-color: #c69;
    padding: 0 10px;
    color: #000;
}
.podHeader-holiday-secondary {
    background-color: #eabfd4;
    padding: 0 10px;
    color: #000;
}
.podHeader-holiday-tertiary {
    background-color: #f0e1e8;
    padding: 0 10px;
    color: #000;
}
.podHeader-hotel-primary {
    background-color: #9285aa;
    padding: 0 10px;
    color: #000;
}
.podHeader-hotel-secondary {
    background-color: #d2d2e9;
    padding: 0 10px;
    color: #000;
}
.podHeader-hotel-tertiary {
    background-color: #ededf6;
    padding: 0 10px;
    color: #000;
}
.podHeader-insurance-primary {
    background-color: #6b91be;
    padding: 0 10px;
    color: #000;
}
.podHeader-insurance-secondary {
    background-color: #c5d9f2;
    padding: 0 10px;
    color: #000;
}
.podHeader-insurance-tertiary {
    background-color: #e3edf9;
    padding: 0 10px;
    color: #000;
}
.podHeader-package-primary {
    background-color: #adbdce;
    padding: 0 10px;
    color: #000;
}
.podHeader-package-secondary {
    background-color: #d0dbe2;
    padding: 0 10px;
    color: #000;
}
.podHeader-package-tertiary {
    background-color: #e8eff3;
    padding: 0 10px;
    color: #000;
}
.podHeader-travelGuide-primary {
    background-color: #fc6;
    padding: 0 10px;
    color: #000;
}
.podHeader-travelGuide-secondary {
    background-color: #ffe8b9;
    padding: 0 10px;
    color: #000;
}
.podHeader-travelGuide-tertiary {
    background-color: #fff;
    padding: 0 10px;
    color: #000;
}

/*************************************************/
/** POD BODY                                    **/
/*************************************************/
.podBody-brand-primary {
    background-color: #900;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #fff;
}
.podBody-brand-secondary {
    background-color: #f7f7e7;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-brand-tertiary {
    background-color: #fff;
    margin: 2px 0 0 0;
    padding: 0;
    color: #000;
}
.podBody-car-primary {
    background-color: #026431;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #fff;
}
.podBody-car-secondary {
    background-color: #c3d6c2;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-car-tertiary {
    background-color: #e0ece0;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-country-primary {
    background-color: #fba445;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #fff;
}
.podBody-country-secondary {
    background-color: #fbd1a3;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-country-tertiary {
    background-color: #fff3e7;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-flight-primary {
    background-color: #999967;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-flight-secondary {
    background-color: #cc9;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-flight-tertiary {
    background-color: #e6e6c1;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-holiday-primary {
    background-color: #c69;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-holiday-secondary {
    background-color: #eabfd4;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-holiday-tertiary {
    background-color: #f0e1e8;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-hotel-primary {
    background-color: #9285aa;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-hotel-secondary {
    background-color: #d2d2e9;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-hotel-tertiary {
    background-color: #ededf6;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-insurance-primary {
    background-color: #6b91be;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-insurance-secondary {
    background-color: #c5d9f2;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-insurance-tertiary {
    background-color: #e3edf9;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-package-primary {
    background-color: #adbdce;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-package-secondary {
    background-color: #d0dbe2;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-package-tertiary {
    background-color: #e8eff3;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-travelGuide-primary {
    background-color: #fc6;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-travelGuide-secondary {
    background-color: #ffe8b9;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}
.podBody-travelGuide-tertiary {
    background-color: #fff;
    margin: 2px 0 0 0;
    padding: 5px;
    color: #000;
}


/*************************************************/
/** POD FOOTER - in development...              **/
/*************************************************/
.podFooter-brand-primary {
    background-color: #900;
    padding: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #fff;
}
.podFooter-brand-secondary {
    background-color: #f7f7e7;
    padding: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #000;
}
.podFooter-brand-tertiary {
    background-color: #fff;
    padding: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #000;
}

/*************************************************/
/** HYPERLINK                                   **/
/*************************************************/
a.link-brand-primary, .searchPodHeader-primary {
    color: #900;
}
a.link-brand-secondary, .searchPodHeader-secondary {
    color: #f30;
}
a.link-brand-tertiary, .searchPodHeader-tertiary {
    color: #fff;
}
/* create fourth brand to replace secondary below?
    - UPDATE: No need now... using ".link-brand-secondary". To style using black font then you use ".primary" class.
    a.secondary { color: #ff3004;font-weight: bold; } */

/*************************************************/
/** PARAGRAPH, HYPERLINK, LABEL, DIV, SPAN      **/
/*************************************************/
.primary {
    color: #000;
}
.secondary {
    color: #666;
}
.tertiary {
    color: #fff;
}

/*************************************************/
/** LIST - <ul>, <li>, <ol>, <dl>, <dt>, <dd>   **/
/*************************************************/
/* todo: RENAME TO PRIMARY, SEC, TERT. */
ul.primary {
    /** non-bulleted list **/
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul.secondary {
    /** Created for ANIX **/
    padding-left:15px;
     margin: 0;
}
ul.tertiary {
    /** ? **/
}
li.primary {
    /** ? **/
    clear: both;
    font: 1em/1.5em verdana, arial;
    padding: 2px 0;
}
li.secondary {
    /** ? **/
}
li.tertiary {
    /** ? **/
}
dl.primary {
    margin: 0;
}
dl.secondary {
}
dl.tertiary {
}
dt.primary {
    margin: 0;
}
dt.secondary {
}
dt.tertiary {
}
dd.primary {
    margin: 0;
}
dd.secondary {
}
dd.tertiary {
}
/**
    ul.noBullet { padding: 0; margin: 0; list-style-type: none; }
    ul.noBullet li { clear: both; font: 1em/1.5em verdana, arial; padding: 2px 0; }
    dl, dt, dd { margin: 0; }
**/

/*************************************************/
/** HORIZONTAL RULE                             **/
/*************************************************/
hr.primary {
    border: 0;
    color: #900;
    background-color: #900;
    height: 2px;
}
hr.secondary {
    border: 0;
    color: #999;
    background-color: #999;
    height: 1px;
}
hr.tertiary {
    border: 0;
    color: #fff;
    background-color: #fff;
    height: 1px;
}

/*************************************************/
/** HEADING                                     **/
/*************************************************/
h1 {
    font: bold 1.3em/1.5em verdana, arial;
}
h2 {
    font: bold 1.0em/1.5em verdana, arial;
    padding: 3px 0;
}
h3 {
    /* NOT CONFIRMED */
    font: bold 1em/1.5em verdana, arial;
}
h4 {
    /* NOT CONFIRMED */
    font: bold 1.3em/1.5em verdana, arial;
}
h5 {
    /* NOT CONFIRMED */
    font: bold 1.3em/1.5em verdana, arial;
}
h6 {
    /* NOT CONFIRMED */
    font: bold 1.3em/1.5em verdana, arial;
}
