/*************************************************/
/** HTML TAG SETUP                              **/
/*************************************************/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
form {
	margin: 0;
	background-color: transparent;
}
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;
	background-color: transparent;
}



/*************************************************/
/** 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;
	padding-left: 10px; /** Remove padding 10px once SiteFlex goes live, as the new design will have width 750px for its header and footer. **/
}
#footerWrapper-opodo {
	width: 750px;
	font-size: 75%;
	font: 0.7em/1.2em verdana, arial;
	color: #999;
	background-color: #fff;
}



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



/*************************************************/
/** POD BODY                                    **/
/*************************************************/
.podBody-brand-primary {
	background-color: #900;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #fff;
}
.podBody-brand-secondary {
	background-color: #f7f7e7;
	margin: 1px 0 0 0;
	padding: 5px 10px;
	color: #000;
}
.podBody-brand-tertiary {
	background-color: #fff;
	margin: 1px 0 0 0;
	padding: 5px 10px;
	color: #000;
}
.podBody-car-primary {
	background-color: #026431;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #fff;
}
.podBody-car-secondary {
	background-color: #c3d6c2;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-car-tertiary {
	background-color: #e0ece0;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-country-primary {
	background-color: #fba445;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #fff;
}
.podBody-country-secondary {
	background-color: #fbd1a3;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-country-tertiary {
	background-color: #fff3e7;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-flight-primary {
	background-color: #999967;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-flight-secondary {
	background-color: #cc9;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-flight-tertiary {
	background-color: #e6e6c1;
	margin: 1px 0 0 0;
	padding: 5px 10px;
	color: #000;
}
.podBody-holiday-primary {
	background-color: #c69;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-holiday-secondary {
	background-color: #eabfd4;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-holiday-tertiary {
	background-color: #f0e1e8;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-hotel-primary {
	background-color: #9285aa;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-hotel-secondary {
	background-color: #d2d2e9;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-hotel-tertiary {
	background-color: #ededf6;
	margin: 1px 0 0 0;
	padding: 5px 10px;
	color: #000;
}
.podBody-insurance-primary {
	background-color: #6b91be;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-insurance-secondary {
	background-color: #c5d9f2;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-insurance-tertiary {
	background-color: #e3edf9;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-package-primary {
	background-color: #adbdce;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-package-secondary {
	background-color: #d0dbe2;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-package-tertiary {
	background-color: #e8eff3;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-travelGuide-primary {
	background-color: #fc6;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-travelGuide-secondary {
	background-color: #ffe8b9;
	margin: 1px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-travelGuide-tertiary {
	background-color: #fff;
	margin: 1px 0 0 0;
	padding: 0;
	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 {
	color: #900;
}
a.link-brand-secondary {
	color: #f30;
}
a.link-brand-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 {
	padding-left: 0px 0px 0px 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;
	padding: 3px 0px;
}
h2 {
	font: bold 1.1em/1.6em verdana, arial;
	padding: 3px 0px;
}
h2.split {
	font: bold 1.1em/2em verdana, arial;
	display:inline;	
}
h3 {
	/* NOT CONFIRMED */
	font: bold 1em/1.5em verdana, arial;
	padding: 3px 0px;
}
h4 {
	/* NOT CONFIRMED */
	font: bold 1.3em/1.5em verdana, arial;
	padding: 3px 0px;
}
h5 {
	/* NOT CONFIRMED */
	font: bold 1.3em/1.5em verdana, arial;
	padding: 3px 0px;
}
h6 {
	/* NOT CONFIRMED */
	font: bold 1.3em/1.5em verdana, arial;
	padding: 3px 0px;
}