/*
#############################################################################################
	Author: Alberto Calvo
#############################################################################################
*/

/* !RESET ################################################################################ */
/* !Modified Eric Meyer's reset v1.0 | 20080212] ········································· */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, nav, section, article, aside, footer {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	word-wrap: break-word;
}

body { line-height: 1; }

ol, ul { list-style: none outside; }

blockquote, q { quotes: none; }

blockquote:before, 
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

/* Remember to define focus styles! */
:focus { outline: 0; }

/* Remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* Tables still need <cellspacing="0"> in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* !HTML5 elements */
header, nav, section, article, aside, footer { display: block; }

/* !Smooth image scaling for IE */
*img { -ms-interpolation-mode: bicubic; }

/* !Preserving a space for the scrollbar on non-IE browsers */
html { overflow-y: scroll; }
/* [//RESET] */


/* !PRESET ############################################################################### */

/* !TYPOGRAPHY +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Shorthand: 
[font-style || font-variant || font-weight || font-size/line-height || font-family] */
body { font: normal 12px/18px "HelveticaNeueLT Std", Helvetica, Arial, sans-serif; }

/* !Headings ············································································· */
h1,h2,h3,h4,h5,h6 {	font-weight: normal; }

/* !Text elements ········································································ */
p           { margin-bottom: 7px;}
p + p 		{}

abbr, 
acronym 	{ border-bottom: 1px dotted #666; }
address     {}
del         { color: #666; }

pre, code, tt {
	font: 12px Consolas, Inconsolata, "Lucida Console", Monaco, monospace; 
}

pre, code    {
	margin: 15px 0;
	padding: 0 15px;
	white-space: nowrap;
	background: #FBFBFB; 
	overflow: auto;
}

pre			{
	padding: 18px 0px;
	border: 1px dashed #ddd;
	border-left: 10px solid #555;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}

p code 		{ padding: 0; }
	
ins 		{ background: #fffde2; text-decoration:none; }

hr 			{ 
	clear: both; 
	float: none; 
	width: 100%; 
	height: 1px; 
	margin: 18px 0; 
	border: none; 
	background:#ddd;
}

sup {
	font-size: 9px;
	vertical-align: super;
	position: absolute;
}

/* !Links ················································································ */
a:link,
a:visited {
	color: #155488;
	text-decoration: none;
}

a:hover, 
a:active,
a:focus {
	text-decoration: underline;
} 

a:focus {

}

#panels a {
	color: #0F2A7B;
	text-decoration: underline;
}

/* !External Links (Reference: http://developer.mozilla.org/en/docs/CSS:Attribute_selectors) */
a[href^="http"] {}

/* [//TYPOGRAPHY] */


/* !FORMS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
form { *zoom: 1; /*IE*/ }

label,
button,
.inp-button { cursor: pointer; }

.inp-radio, 
.inp-checkbox { position: relative; top: 2px; border: 0; width: auto; }

.inp-button { border: 0; font-family: inherit; }

select,
textarea,
input {
	font-size: inherit;
	border: 1px solid #ACC1D2;
	color: #666666;
}

select { 
	max-height: 19px; /* Fix for Webkit's height bug */
}

textarea {
	font-family: inherit; /* Avoids default monospace fonts */
	overflow: auto; /* Avoids default scrollbars without content on IE */
}

span.label {

}

/* !input[type="file"] fake styling ·················································· */
.inp-file.hidden {
	position: relative;
	display: block;
	opacity: 0;
	*filter: alpha(opacity=0); /*IE*/
	z-index: 2;
}

div.fake-inp-file {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/* !Invalid elements ································································ */
.invalid { border: 1px solid red; }

/* !Focused elements ····································································· */
textarea:focus, 
.inp-text:focus,
.inp-password:focus { 
	background-color: #FAFBF7;
	border-color: #7A9CBA;
}

/* Class for the hidden elements to fix a rendering bug on IE */
.hidden-field { position: absolute; }
/* [//FORMS] */


/* !MISC. CLASSES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.highlight {}
.legal {}
.hidden { display: none; }

/* !Clearfix ············································································· */
/* We clear the floats with generated content below the floated element.
Reference: http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
http://handcraftedcss.com/
*/
.group:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}

.group {
	*min-height: 1px; /*IE7*/
	_height: 1%; /*IE6*/
}
/* [//MISC. CLASSES END] */
/* [//PRESET END] */


/* !BASIC PAGE STRUCTURE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	background: #dedede;
	color: #444;
	height: 100%;
}

#wrapper {
	background: white;
	border: 0;
	height: 100%;
	margin-bottom: -12px;
}

#global {
	width: 862px;
	margin: -30px auto 0;
	position: relative;
	background: white;
}

#header {
	height: 329px;
	overflow: hidden;
}

#content {
	min-height: 475px;
	height: auto !important;
	height: 475px; /*IE*/
	margin-top: -61px;
	position: relative;
	color: #155488;
}

#content .ie-trans-bck {
	padding-top: 25px;
	background: transparent url(../img/content-bck-trans.png) no-repeat left top;
	_behavior: url(css/iepngfix.htc);
}

#aside {
	width: 277px;
	min-height: 322px;
	height: auto !important;
	height: 322px; /*IE*/
	position: absolute;
	top: 195px;
	right: 5px;
	z-index: 9998;
}

#aside .ie-trans-bck {
	padding: 32px 0;
	background: transparent url(../img/promo-bck-trans.png) no-repeat left top;
	_behavior: url(css/iepngfix.htc);
}

#footer {
	height: 95px;
	background: url(../img/footer-bck.png) repeat-x left bottom;
}
/* --- [//BASIC PAGE STRUCTURE END] --- */


/* 
	+++ [HEADER] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#header h1 a {
	width: 191px;
	height: 26px;
	position: absolute;
	top: 79px;
	left: 30px;
	background: transparent url(../img/branding-logo.gif) no-repeat;
	text-indent: -9999px;
	z-index: 8999;
}

#contact-info {
	width: 140px;
	height: 27px;
	position: absolute;
	top: 73px;
	right: 24px;
	background: transparent url(../img/contact-info.gif) no-repeat;
	text-indent: -9999px;
	z-index: 8999;
}

#header img {
	position: absolute;
	top: 0;
	left: -54px;
}
/* --- [//HEADER END] --- */


/* 
	+++ [NAVIGATION] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* ··· [Main navigation with Sliding Doors Technique] ······························· */
#main-nav {
	margin-left: 25px;
	position: absolute;
	top: -22px;
	*zoom: 1; /*IE*/
}

#main-nav li {
	float: left; /*IE6*/
	*zoom: 1; /*IE*/
}

#main-nav li#home {
	display: none !important; /*Important for IE6*/
}

#main-nav a:link,
#main-nav a:visited {
	display: block;
	*zoom: 1; /*IE*/
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	background: transparent url(../img/tab-sprite-trans.png) no-repeat right -50px;
	_background: transparent url(../img/tab-sprite.gif) no-repeat right -50px;
	margin-right: 6px;
	_margin-right: 3px;
}
#main-nav a.special:link,
#main-nav a.special:visited {
	background: transparent url(../img/tab-sprite-promo-trans.png) no-repeat right -50px;
	_background: transparent url(../img/tab-sprite-promo.gif) no-repeat right -50px;
}

#main-nav li span {
	display: block;
	padding: 6px 5px 5px 6px;
	margin-right: 6px;
	_margin-right: 3px;
	*zoom: 1;
	float: left; /*IE6*/
	*cursor: pointer; /*IE*/
	color: white;
	background: transparent url(../img/tab-sprite-trans.png) no-repeat left top;
	_background: transparent url(../img/tab-sprite.gif) no-repeat left top;
}
#main-nav li a.special span {
	background: transparent url(../img/tab-sprite-promo-trans.png) no-repeat left top;
	_background: transparent url(../img/tab-sprite-promo.gif) no-repeat left top;
}

#main-nav li strong {
	display: block;
	*zoom: 1;
	float: left; /*IE6*/
	*cursor: pointer; /*IE*/
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
#main-nav li a.special strong {
	padding-left: 6px;
}

#main-nav #tab1 strong {
	background-image: url(../img/personal.gif);
}

#main-nav #tab2 strong {
	background-image: url(../img/professionals.gif);
}

#main-nav #tab3 strong {
	background-image: url(../img/housing.gif);
}

#main-nav #tab4 strong {
	background-image: url(../img/health.gif);
}

#main-nav #tab5 strong {
	background-image: url(../img/car.gif);
}

#main-nav #tab1:hover strong,
#main-nav #tab1.current strong {
	background-image: url(../img/personal-hover.gif);
}

#main-nav #tab2:hover strong,
#main-nav #tab2.current strong {
	background-image: url(../img/professionals-hover.gif);
}

#main-nav #tab3:hover strong,
#main-nav #tab3.current strong {
	background-image: url(../img/housing-hover.gif);
}

#main-nav #tab4:hover strong,
#main-nav #tab4.current strong {
	background-image: url(../img/health-hover.gif);
}

#main-nav #tab5:hover strong,
#main-nav #tab5.current strong  {
	background-image: url(../img/car-hover.gif);
}

#main-nav a.current,
#main-nav a:hover {
	background-position: right -150px !important;
	text-decoration: none;
}

#main-nav a.current span,
#main-nav a:hover span {
	background-position: left -100px !important;
	text-decoration: none;
}

#main-nav a:hover strong,
#main-nav a.current strong {
	color: #001255;
}

/* Secondary nav ···································································· */
#second-nav-cont {
	height: 17px;
	position: absolute;
	z-index: 98;
	margin-left: 39px;
	width: 500px;
	/*height: 160px;*/
	overflow: hidden;
}

.second-nav {
	z-index: 98;
	*zoom: 1;
	visibility: hidden;
	position: absolute;
	top: 0;
	width: 500px;
}

.second-nav li {
	float: left;
	position: relative;
	padding: 0 9px;
	z-index: 1;
	*zoom: 1;
	line-height: 14px;
	background: url(../img/menu-second-bullet.gif) no-repeat right center;
}

.second-nav li.last {
	background: none;
	padding-right: 0;
}

.second-nav li a {
	display: block;
	_display: inline-block; /*IE6*/
	*zoom: 1;
	text-decoration: none !important; /*IE6*/
	color: #0f2a7b;
	border-bottom: 3px solid #E6E6E6; 
}

.second-nav li:hover a {
	border-bottom: 3px solid #C3C7D3;
}

.second-nav li.first {
	padding-left: 0;
}

.second-nav ul {
	width: 140px;
	position: absolute;
	left: 1px;
	top: 17px;
	z-index: 9999;
	display: none;
	margin: 0 8px;
	background: #C3C7D3;
}

.second-nav li.first ul {
	margin-left: 0;
}

.second-nav ul li {
	padding: 0 8px;
	float: none;
	background: url(../img/menu-second-bullet.gif) no-repeat 5px 2ex;
}

.second-nav ul li:hover {
	background: #0f2a7b;
	color: white;
}

.second-nav ul li:hover a {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid #155488 !important;
}

.second-nav ul li a {
	display: block; /*IE6*/
	font-weight: normal !important;
	border-bottom: 1px solid #D8DBE2 !important;
}

.second-nav ul li a,
.second-nav li.first ul a {
	padding: 5px 5px;
}

.second-nav li.current a {
	font-weight: bold;
}

#nav1 li.current a { /* Personal */
	border-color: #c59656;
}

#nav2 li.current a { /* Profesional */
	border-color: #c16d8d;
}

#nav3 li.current a { /* Vivienda */
	border-color: #57b8a7;
}

#nav4 li.current a { /* Salud */
	border-color: #b6c366;
}

#nav5 li.current a { /* Coche */
	border-color: #978bc0;
}
/* --- [//NAVIGATION END] --- */


/* 
	+++ [CONTENT] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Color guide:
	personal: #c59656
		personal-zebra: #efe3d4
	professional: #c16d8d
		professional-zebra: #ecd6de
	housing: #57b8a7
		housing-zebra: #cee2de
	health: #b6c366
		health-zebra: #e3e7ce
	car: #978bc0
		car-zebra: #dddeea
*/
#panels {
	position: relative;
	width: 500px;
	min-height: 365px;
	height: auto !important;
	height: 365px; /*IE*/
	padding-top: 25px;
	padding-left: 39px;
	color: black;
}

#panels h2,
#panels h3,
#panels h4 {
	color: #0F2A7B;
}

#panels h2 {
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 20px;
	/*color: #07539e;*/
	font-weight: bold;
	width: 85%;
}

#panels h2 span {
	display: block;
	text-transform: uppercase;
}

#panels h3 { 
	font-weight: bold;
	/*color: #07539E;*/
}

#panels a.back {
	position: absolute;
	right: 0;
	top: 12px;
	font-weight: bold;
	text-transform: lowercase;
}

#panels p {
	margin-bottom: 12px;
}

#panels p.lowlight {
	font-size: 10px;
	color: #7e7777;
}

#panels img {
	float: left;
	border: 1px solid #C0C1C2;
	margin: 0 14px 14px 0;
}

/* Lists and Zebra ································································ */
#panels ul {
	margin-bottom: 12px;
	_zoom: 1; /*IE6*/
}

#panels ul li {
	background: url(../img/bullet.gif) no-repeat 6px 0.65ex;
	padding-left: 20px;
}

#panels li span.trigger,
#panels li span.activeT {
	display: block;
	_zoom: 1; /*IE6*/
	cursor: pointer;
	background: url(../img/list-slider-down.gif) no-repeat 99% 0.95ex;
	padding-right: 20px;
}

#panels li span.activeT {
	background: url(../img/list-slider-up.gif) no-repeat 99% 0.95ex;
}

#panels .zebra .more-info {
	display: none;
	padding-right: 20px;
	color: #6d6969;
}

#panels .zebra .more-info p,
#panels .zebra .more-info ul {
	margin: 3px 0;
	line-height: 14px;
}

/* Duplicating code because of IE */
#panels .zebra .even,
#panels .zebra .even td						{ background-color: #ccc; }
#panels .personal-body .zebra .even,
#panels .personal-body .zebra .even td 		{ background-color: #efe3d4; }
#panels .professional-body .zebra .even,
#panels .professional-body .zebra .even td 	{ background-color: #ecd6de; }
#panels .housing-body .zebra .even,
#panels .housing-body .zebra .even td 		{ background-color: #cee2de; }
#panels .health-body .zebra .even,
#panels .health-body .zebra .even td 		{ background-color: #e3e7ce; }
#panels .car-body .zebra .even,
#panels .car-body .zebra .even td 			{ background-color: #dddeea; }

#panels ul ul,
#panels ul p,
#panels ul div {
	margin-bottom: 0;
}

/*#panels ul ul {
	zoom: 1;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 15px;
}*/

#panels ul ul li { 
	background: none;
	list-style-position: inside;
	list-style-type: square;
}

/* Zebra table (ID) on Personales/Modalidades (1 particular case) */
#zebra {
	margin-top: -12px;
}

#zebra td {
	padding-left: 20px;
}

#zebra .even td {
	background-color: #EEEDEB;
}

/* Tables ·········································································· */
table {
	width: 100%;
	margin-bottom: 12px;
}

th {
	padding-bottom: 3px;
}

td.first {
	background: url(../img/bullet.gif) no-repeat 6px 0.65ex;
	padding-left: 20px !important;
}

#modality td, 
#modality th {
	padding: 0 12px;
}

#modality .second,
#modality .third {
	text-align: center;
}

.common td, 
.common th {
	padding: 0 6px;
}

.common th.first {
	text-align: left;
	padding-left: 20px !important;
}

.common th.second {
	width: 138px;
}

.common .second,
.common .third,
.common .fourth,
.common .fifth {
	text-align: right;
}

ol.notes {
	font-size: 9px;
	line-height: 13px;
	color: #888;
}

#additional-info {
	margin-bottom: 12px;
}

#additional-info p,
#additional-info ul {
	margin-bottom: 0;
}

#additional-info li {
	list-style: square inside;
	background: none !important;
	padding-left: 0 !important;
	margin-left: 20px;
}

#additional-info p.lowlight {
	color: #888;
	font-size: 12px;
}

#more-info {
	height: 195px;
	overflow: auto;
	font-size: 11px;
	line-height: 13px;
}

#more-info h3 {
	margin-bottom: 0;
}

#more-info li {
	margin-top: 13px;
}

/* Promotions ······································································ */
#panels .promo-stuff {
	clear: both;
	margin-top: 25px;
	text-align: center;
}

#panels .promo-stuff a {
	display: block;
}

#panels .promo-stuff a:hover { text-decoration: none; }

#panels .promo-stuff a.btn {
	display: -moz-inline-stack; /*FF2*/
	display: inline-block;
	padding: 5px 30px;
	font-size: 13px;
	font-weight: bold;
	background-color: #999;
	color: #393131;
}

#panels .personal-body .promo-stuff a.btn { background-color: #c59656; }
#panels .professional-body .promo-stuff a.btn { background-color: #c16d8d; }
#panels .housing-body .promo-stuff a.btn { background-color: #57b8a7; }
#panels .health-body .promo-stuff a.btn { background-color: #b6c366; }
#panels .car-body .promo-stuff a.btn { background-color: #978bc0; }

#panels .promo-stuff a.btn:hover {
	background-color: #ccc;
}

#panels .promo-stuff a.conditions {
	color: #888787;
	text-decoration: underline;
}

#panels .promo-stuff a.pdf {
	margin-top: 15px;
	color: black;
}

#panels .promo-stuff a.pdf span {
	font-weight: bold;
}

#panels .promo-block {
	position: relative;
	margin: 0 42px 5px;
	padding: 24px 30px 15px;
	border: 1px solid #334A8D;
	text-align: left;
	color: #393131;
}

#panels .promo-block h3 {
	width: 87%;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #001c6d;
	margin-bottom: 15px;
}

#panels .promo-block .promo-duration {
	display: block;
	width: 69px;
	height: 69px;
	position: absolute;
	right: 11px;
	top: -22px;
	text-indent: -9999px;
}

#panels .promo-block .one-month {
	background: url(../img/1month.gif) no-repeat left top;
}

#panels .promo-block .two-month {
	background: url(../img/2month.gif) no-repeat left top;
}

#panels .promo-block .disc-65 {
	background: url(../img/65discount.gif) no-repeat left top;
}

#panels .promo-block .highlight {
	font-size: 16px;
	line-height: 17px;
}

#panels .promo-block .highlight strong {
	color: #07539e;
}

#panels #special-promo .promo-block .highlight strong {
	color: black;
}
/* --- [//CONTENT END] --- */


/* 
	+++ [SIDEBAR] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#aside h3 {
	text-indent: -99999px;
	height: 60px;
	padding: 0 20px 0 16px;
}

#aside ul {
	padding: 0 20px 0 16px;
}

#aside a { 
	display: block;
	*zoom: 1; /*IE*/
	background: transparent;
	border-bottom: 1px solid #7e8cb5;
	margin-bottom: 10px;
}

#aside a.noseparate {
	border-bottom: 0;
}

#aside a span { 
	*cursor: pointer; /*IE*/
}

#aside a:hover,
#aside a:active,
#aside a:focus { 
	text-decoration: none;
}

#aside .promo-name {
	float: left;
	width: 155px;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #001c6d;
}
#aside .special .promo-name {
	/*color: black;*/
}

#aside .promo-time {
	float: right;
	display: inline-block;
	width: 76px;
	padding: 0 5px;
	text-align: center;
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #001c6d;
	background: #92c4d9;
	border-radius: 10px;
	text-shadow: 0 1px 0 hsla(0, 100%, 100%, 0.6);
}
#aside .special .promo-time {
	color: white;
	background: #69AA35;
	text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.3);
}

#aside a:hover .promo-time,
#aside a.current .promo-time {
	color: white;
	text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.3);
}
#aside a.special:hover .promo-time,
#aside a.special.current .promo-time {
	/*background: #002893;*/
}

#aside .promo-desc {
	clear: both;
	display: block;
	border-left: 10px solid #D9DADC;
	margin-bottom: 7px;
	padding-left: 12px;
	font-size: 11px;
	line-height: 15px;
	color: black;
}
#aside .special .promo-desc {
	/*color: #001C6D;*/
}

#promo-1 a:hover .promo-desc,
#promo-1 a:active .promo-desc,
#promo-1 a:focus .promo-desc,
#promo-1 a.current .promo-desc {
	border-color: #c59656;
}

#promo-2 a:hover .promo-desc,
#promo-2 a:active .promo-desc,
#promo-2 a:focus .promo-desc,
#promo-2 a.current .promo-desc {
	border-color: #c16d8d;
}

#promo-3 a:hover .promo-desc,
#promo-3 a:active .promo-desc,
#promo-3 a:focus .promo-desc,
#promo-3 a.current .promo-desc {
	border-color: #57b8a7;
}

#promo-4 a:hover .promo-desc,
#promo-4 a:active .promo-desc,
#promo-4 a:focus .promo-desc,
#promo-4 a.current .promo-desc {
	border-color: #b6c366;
}

#promo-5 a:hover .promo-desc,
#promo-5 a:active .promo-desc,
#promo-5 a:focus .promo-desc,
#promo-5 a.current .promo-desc {
	border-color: #978bc0;
}

#promo-6 a:hover .promo-desc,
#promo-6 a:active .promo-desc,
#promo-6 a:focus .promo-desc,
#promo-6 a.current .promo-desc {
	border-color: #69AA35;
}
/* --- [//SIDEBAR END] --- */


/* 
	+++ [FOOTER] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#footer {
	font-size: 11px;
	color: #888787;
}

#footer div {
	width: 862px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	top: 15px;
}

#footer #adelante {
	display: block;
	width: 500px;
	height: 40px;
	position: absolute;
	left: 42px;
	bottom: 7px;
	text-indent: -9999px;
	background: url(../img/footer-adelante.gif) no-repeat left bottom;
}

#footer #slogan {
	display: block;
	width: 235px;
	height: 40px;
	position: absolute;
	right: 25px;
	bottom: 0;
	text-indent: -9999px;
	background: url(../img/footer-slogan.gif) no-repeat right bottom;
}
/* --- [//FOOTER END] --- */

/* 
	+++ [OVERLAYS] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
div.overlay {
	display: none;
	width: 545px; /*577-16-16*/
	padding: 15px 16px;
	background: white url(../img/overlay-bck.gif) no-repeat left top;
}

div.overlay div.close {
	width: 12px;
	height: 12px;
	position: absolute;
	right: 16px;
	top: 15px;
	background: url(../img/overlay-close.gif) no-repeat left top;
	cursor: pointer;
}

div.overlay h1 {
	font-size: 18px;
	margin-bottom: 15px;
}

div.overlay-promo {
	display: none;
	width: 757px;
	height: 310px;
	position: absolute;
	background: white url(../img/content/promo-interstitial.jpg) no-repeat left top;
}

div.overlay-promo div.close {
	width: 13px;
	height: 13px;
	position: absolute;
	right: 19px;
	top: 19px;
	cursor: pointer;
}

div.overlay-promo a {
	display: block;
	width: 106px;
	height: 19px;
	position: absolute;
	bottom: 68px;
	left: 321px;
	text-indent: -9999em;
}
/* --- [//OVERLAYS END] --- */

/* 
	+++ [SCROLLBARS] +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	width: 9px !important;
	background: url(../img/scrollbar-track.png) repeat-y 50% top;
}

.jScrollPaneDrag {
	position: absolute;
	width: 9px !important;
	background: #7CA69C url(../img/scrollbar-drag.gif) no-repeat 50% 50%;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	width: 9px !important;
	height: 4px !important;
	background: url(../img/scrollbar-sprite.png) no-repeat left top;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 9px !important;
	height: 4px !important;
	background-image: url(../img/scrollbar-drag-bottom.png);
	overflow: hidden;
}
/* --- [//SCROLLBARS END] --- */