/* @override http://75.61.43.209/css/default.css */

/*
Site:           activaservices.com
Created:        May 16 2007
Last Modified:  Aug 17 2007
----------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com | Copyright 2007
===========================================
Yellow: #eda400
Orange: #cb5800
Green:  #658b00
Blue:   #155eae
Purple: #8a1c80
=========================================== */

/* Global Settings
================================================= */
*	{
	margin: 0;
	padding: 0;
	text-align: left;
	}

body {
	text-align: center;
	background: #fff;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	}

h1 {
	font-weight: normal;
	font-size: 18px;
	font-family: arial, serif;
	line-height: 18px;
	border: none;
	color: #666;
	}

h2  {
	font-weight: normal;
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.1em;
	background: none;
	color: #eda400;
	margin-bottom: 4px;
	}
body#page-financial h2 { color:#658B00;}
body#page-health h2 {color: #DD741B}
body#page-travel h2 { color:#155eae;}
body#page-build_your_business h2 { color:#8a1c80;}

body.imix #left h2 { color:#8a1c80;}

#inner-text #whymix h2 {color:#fff;}

h3, dt  {
	font-weight: bold;
	font-size: 12px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	line-height: 1.2em !important;
	background: none;
	color: #eda400;
	margin: 2px 0;
	}
body#page-financial h3, body#page-financial dt  { color:#658B00;}
body#page-health h3, body#page-health dt {color: #DD741B}
body#page-travel h3, body#page-travel dt { color:#155eae;}
body#page-build_your_business h3, body#page-build_your_business dt { color:#8a1c80;}

body.imix h3 { color:#8a1c80 !important;}



h4 {
	font-weight: bold;
	font-size: 14px;
	font-family: arial, serif;
	line-height: 1.2em;
	}

h4.libreak {
	margin: 15px 0 0 0;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-size: 13px;
	}

body.imix h4.libreak {
	color:#8a1c80
	}

h5  {
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	line-height: 1.2em !important;
	background: none;
	color: #155eae;
	margin: 2px 0;
	}

img {display: block;
	border: none;}
img.bordered {margin: 0 0 0 10px; border: 1px solid #000;}

img.border {border: 1px solid #999;}

/* a:link{color: #039;}
a:visited{color: #039;}
a:hover{color: #00f;}
a:active{color: #039;}


body#page-health #contentwrap { background:#cb5800;}
body#page-financial #contentwrap { background:#658b00;}
body#page-travel #contentwrap { background:#155eae;}

*/

frame#yupyup {
	text-align: center;
	}


a {outline: none;}

a:link, a:visited {
	color: #eda400; /* default yellow */
	text-decoration: underline;
	}

a:hover, a:active {
	color: #E08900;
	text-decoration: underline;
	}

/* link colors by section */

body#page-travel a:link, body#page-travel a:visited,
body#page-contact a.link-travel:link, body#page-contact a.link-travel:visited
 	{
	color: #155eae;
	}
body#page-travel a:hover, body#page-travel a:active,
body#page-contact a.link-travel:hover, body#page-contact a.link-travel:active {
	color: #114A89;
	}
	

body#page-health a:link, body#page-health a:visited,
body#page-contact a.link-health:link, body#page-contact a.link-health:visited
	{
	color: #cb5800;
	}
body#page-health a:hover, body#page-health a:active,
body#page-contact a.link-health:hover, body#page-contact a.link-helth:active
	{
	color: #B14D00;
	}

body#page-financial a:link, body#page-financial a:visited,
body#page-contact a.link-financial:link, body#page-contact a.link-financial:visited
	{
	color: #658b00;
	}
body#page-financial a:hover, body#page-financial a:active,
body#page-contact a.link-financial:hover, body#page-contact a.link-financial:active
	{
	color: #487100;
	}



body#page-build_your_business a:link, body#page-build_your_business a:visited,
body#page-contact a.link-imix:link, body#page-contact a.link-imix:visited
	{
	color: #8a1c80;
	}
body#page-build_your_business a:hover, body#page-build_your_business a:active,
body#page-contact a.link-imix:hover, body#page-contact a.link-imix:active
	{
	color: #8a1c80;
	}


a#disneyinfolink {
	float: right;
	background:#155eae;
	color: #fff;
	}

	
	a em, 
	h2 em,
	h3 em,
	h4 em,
	.hide
	{display: none;}


#inner-text ul, #inner-text ol, #right ul {
	margin: 5px 0 10px 20px;
	}
	
#inner-text ul li, #inner-text ol li, #right ul li {
	font-size:12px;
	line-height: 1.2em;
	margin-bottom:4px;
	color: #666;
	}

#inner-text ul li {
	margin-bottom:0px;
	}
	
#inner-text td {
font-size:12px;
	line-height: 1.2em;
	margin-bottom:4px;
	color: #666;
	width: 250px;
	height: 15px;
	}
#inner-text th {
	font-size:12px;
}


.clr {
	clear: both;
	height: 0px;
	}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



.bnote, p.bnote, #right .bnote, #right p.bnote {
	font-style: italic;
	color: red !important;
	font-size: 11px;
	}

#buildnotes {
	padding: 5px;
	border: 1px solid #ccc;
	line-height:1.1em;
	font-size:11px;
	color: #454545;
	font-family: arial, sans-serif;
	background:#fcfce3;
	}


#session-box {
	position: absolute;
	left: 250px;
	top:0px;
	border: 1px solid red;
	background:#eeeeff;
	font-size: 9px;
	padding:3px 10px;
	z-index:200;
	width:550px;
	overflow: hidden;
	}



hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
	}


/* =CONTAINER styles
===========================================*/
#container {
	margin: 0 auto;
	position: relative;
	width: 901px;

	background: #fff;
	}


#contentwrap {
	 background:#eda400;
	width:900px;
	border-right: 1px solid #999;
/* 	float: left;
	clear: both; */
	}
body#page-build_your_business #contentwrap { background:#eda400;}
body#page-health #contentwrap { background:#cb5800;}
body#page-financial #contentwrap { background:#658b00;}
body#page-travel #contentwrap { background:#155eae;}
body#page-home #contentwrap { background:transparent;}

/* Header Styles
--------------------------------------------- */
#header {
	height: 100px;
	margin: 0 auto;
	text-align: left;
	padding:10px 0 0 0;
	width: 901px;
	position: relative;
	}

#header h1 { 
	/* put the background image here too to avoid 'flash' when viewing in IE */
	background: transparent url('/images/site/bg/logo.png') 0 0 no-repeat;
	margin:0 0 0 16px;
	}

#header h1 a {
	background: transparent url('/images/site/bg/logo.png') 0 0 no-repeat;
	display: block;
	height: 58px;
	width: 230px;
	color: #DADFCE;
	padding: 58px 0px 0px 0px; 
	height: 0px !important;
	height /**/:58px;
	overflow:hidden;
	font-size: 1px;
	}

body#page-financial h1, body#page-financial h1 a  {background: transparent url('/images/site/bg/logo_financial.png') 0 0 no-repeat;}

body#page-health h1, body#page-health h1 a  {background: transparent url('/images/site/bg/logo_health.png') 0 0 no-repeat;}

body#page-travel h1, body#page-travel h1 a   {background: transparent url('/images/site/bg/logo_travel.png') 0 0 no-repeat;}




/* Navigation (Main and Footer)
--------------------------------------------- */
#mainnavwrap {
	background: #666 url('/images/site/bg/nav-bg.gif') 0 0 repeat-x;
	width: 901px;
	position: absolute;
	left:0;
	bottom: 0;
	height: 24px;
	}

#mainnavwrap #phone {
	position: absolute;
	height: 18px;
	right:10px;
	top:4px;
	font-size: 14px;
	color: #efefef;
	}

ul#mainnav {
	height: 18px;
	background: transparent;
	margin:0 0 0 0;
	padding: 6px 0 0 0;
	float:left;
	}

ul#mainnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style:none;
	}

ul#mainnav li a:link, ul#mainnav li a:visited  {
	padding: 0px 18px;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
/* 	border-right: 1px solid #fff; */
		float:left;
		display: block;
		line-height:12px;
		color: #fff;
	}

			#header ul#mainnav li a:hover, #header ul#mainnav li a:active
			{text-decoration:none; color:#f5d07e;}

/* keep respective main nav 'lit' per section */
#header ul#mainnav li#nav-financial a:hover,
#header ul#mainnav li#nav-financial a:active,
body#page-financial #header ul#mainnav li#nav-financial a
 {color:#aabf73;}

#header ul#mainnav li#nav-health a:hover, 
#header ul#mainnav li#nav-health a:active, 
body#page-health #header ul#mainnav li#nav-health a 
{color:#ecb382;}

#header ul#mainnav li#nav-travel a:hover,
#header ul#mainnav li#nav-travel a:active,
body#page-travel #header ul#mainnav li#nav-travel a 
{color:#73acd3;}

#header ul#mainnav li#nav-business a:hover, 
#header ul#mainnav li#nav-business a:active, 
body#page-build_your_business #header ul#mainnav li#nav-business a,
#header ul#mainnav li#nav-imix a:hover, 
#header ul#mainnav li#nav-imix a:active, 
body#page-imix #header ul#mainnav li#nav-imix a 
{color:#f5d07e;}

#header ul#mainnav li#nav-business a:hover, 
#header ul#mainnav li#nav-business a:active, 
body#page-build_your_business #header ul#mainnav li#nav-business a,
#header ul#mainnav li#nav-imix a:hover, 
#header ul#mainnav li#nav-imix a:active, 
body#page-imix #header ul#mainnav li#nav-imix a 
{color:#f5d07e;}

body#page-home #header ul#mainnav li#nav-home a 
{color:#f5d07e;}

#header ul#mainnav li#nav-imix a {
	border: none;
	}


/* Supporting Navigation 
---------------------------------------------- */
#header ul#supporting {
	font-size: 10px !important;
	line-height: 9px !important;
	float: right;
	background: transparent;
	padding:40px 10px 0 0;
	margin: 0 0 0 0;
	}

#header ul#supporting li {
	display: inline;
	list-style:none;
	}

#header ul#supporting li a {
	padding: 0 11px 0 8px;
	height: 9px;
	font-size: 10px !important;
	line-height: 9px !important;
	color: #9F9F9F;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 1px solid #9F9F9F;
	}
	
#header ul#supporting li a:hover,
#header ul#supporting li a:active
 	{
	text-decoration: underline;
	}

body#page-contact #header ul#supporting li#sup-contact a,
body#page-meet_activa #header ul#supporting li#sup-meet a
	{
	text-decoration: underline;
	}


#header ul li a.last {
	padding-right: 0 !important;
	border: none !important;
	}




/* Content Block
--------------------------------------------- */
div#content {
	width: 720px;
	background: #fff;
	display: block;
	float: right;
	}

body.inside #content {
	min-height:700px;
	}

body.iframe #content {
	width:900px;
	}

body.imix #left {
	background: #fff url('/images/site/bg_imixcolumn.png') 100% 0 repeat-y;
	}


body#page-home div#content {
	width: 900px;
	background: #fff;
	display: block;
	float: right;
	}


/* main image splash area on homepage */		
#promote {
	margin: 0 0 12px 0;
	padding: 0 0 0 25px;
	height: 274px;
	background: #EDA400 url('/images/site/leadpics/home.jpg') right top no-repeat;
	position: relative;
	width: 875px;
	}


#promote h2 {
	width: 315px;
	font-weight:normal;
	font-size:30px;
	font-family:"Times New Roman", Times, georgia, serif;
	line-height: 1.1em;
	margin-bottom:.3em;
	color: #fff;
	padding: 20px 0 0 0;
	}


#promote p {
	width: 300px;	
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	padding: 0 0 0 0;
	font-weight: normal;
	}







/* =SIDEBAR Styles
===========================================*/
div#sidebar {
	display: block;
	float: left;
	width: 180px;
	text-align: center;
	background: transparent;
	}

ul#subnav {
	margin: 12px 0 0 8px;
	width: 172px;
	padding: 0;
	}

ul#subnav li {
	padding:0;
	margin:0;
	line-height:1em;
	/* vertical-align:bottom; */
	display:inline;
	font-size: 10px;
	}

div#sidebar ul#subnav li ul { /* nested sidebar lists */
	margin:0; 
	padding:0 10px;
	background:transparent;
	}

ul#subnav a {
	display:block;
	padding:1px 5px 1px 10px;
	margin:0;
	font-size: 11px;
	line-height: 17px;
	text-decoration: none;
	background: transparent;
	}


ul#subnav sup {
	font-size: 9px;
	vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
	}

ul#subnav a:link, ul#subnav a:visited {
	padding-left:10px;
	color:#fff;
	}

ul#subnav a:hover, 
ul#subnav li ul a:hover 
	{ 
	color:#f5d07e;
	}

ul#subnav a:active, ul#subnav li ul a:active {
	color:#f5d07e; text-decoration: none;
	}

body#page-financial ul#subnav a:hover, 
body#page-financial ul#subnav li ul a:hover 
	{ 
	color:#aabf73;
	}

body#page-health ul#subnav a:hover, 
body#page-health ul#subnav li ul a:hover
	{ 
	color:#ecb382;
	}

body#page-travel ul#subnav a:hover, 
body#page-travel ul#subnav li ul a:hover
	{ 
	color:#73acd3;
	}





/* Sidebar activa cross-links
-------------------------------------------- */	
div#tags {
	margin: 50px auto 0;
	padding: 0 0 10px 0;
	width: 150px;
	border: 0;
	background: #fff url('/images/site/bg_crossell_bot.gif') 0 100% no-repeat;
	}

body#page-financial div#tags {
	background: #fff url('/images/site/bg_crossell_financial_bot.gif') 0 100% no-repeat;
	}

body#page-travel div#tags {
	background: #fff url('/images/site/bg_crossell_travel_bot.gif') 0 100% no-repeat;
	}

body#page-health div#tags {
	background: #fff url('/images/site/bg_crossell_health_bot.gif') 0 100% no-repeat;
	}

/* body#page-health div#tags {background: #e49049;}
body#page-financial div#tags {background: #AABF73;}
body#page-travel div#tags {background: #73acd3;}
body#page-build_your_business div#tags {background: #ecbf5a;} */

div#tags p {
	margin: 0;
	color: #000;
	font-size: 13px;
	line-height: 1.2em;
	padding:10px 10px 5px 10px;
	text-transform: none;
	font-family: "Times New Roman", Times, serif;
	background: transparent url('/images/site/bg_crossell_top.gif') 0 0 no-repeat;
	}

body#page-financial div#tags p {
	background: transparent url('/images/site/bg_crossell_financial_top.gif') 0 0 no-repeat;
	}

body#page-travel div#tags p {
	background: transparent url('/images/site/bg_crossell_travel_top.gif') 0 0 no-repeat;
	}

body#page-health div#tags p {
	background: transparent url('/images/site/bg_crossell_health_top.gif') 0 0 no-repeat;
	}


div#tags a {
	display: block;
	width: 130px;
	height: 33px;
	background: url('/images/site/logo_130_financial.png') 0 0 no-repeat;
	margin:10px 0 12px 10px;
	}

div#tags a#cross-travel {
	background: transparent url('/images/site/logo_130_travel.png') 0 0 no-repeat;
	}

div#tags a#cross-health {
	background: transparent url('/images/site/logo_130_health.png') 0 0 no-repeat;
	}


/* Sidebar newsletter signup
-------------------------------------------- */
div#newsletter {
	margin: 12px auto;
	width: 150px;
	background: #eda400 url('/images/site/bg_signup_bot.gif') 0 100% no-repeat;
	color: #000;
	padding: 0 0 10px;
	}

body#page-financial div#newsletter {
	background: #aabf73 url('/images/site/bg_signup_financial_bot.gif') 0 100% no-repeat;
	}
	
body#page-health div#newsletter {
	background: #e49049 url('/images/site/bg_signup_health_bot.gif') 0 100% no-repeat;
	}

body#page-travel div#newsletter {
	background: #73acd3 url('/images/site/bg_signup_travel_bot.gif') 0 100% no-repeat;
	}
/* body#page-build_your_business div#newsletter {background: #ecbf5a;} */

div#newsletter p {
	padding: 10px;
	width:130px;
	line-height: 1.2em;
	font-size: 13px;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	background: transparent url('/images/site/bg_signup_top.gif') 0 0 no-repeat;
	}

body#page-financial div#newsletter p {
	background: transparent url('/images/site/bg_signup_financial_top.gif') 0 0 no-repeat;
	}

body#page-health div#newsletter p {
	background: transparent url('/images/site/bg_signup_health_top.gif') 0 0 no-repeat;
	}

body#page-travel div#newsletter p {
	background: transparent url('/images/site/bg_signup_travel_top.gif') 0 0 no-repeat;
	}
	
#sidepromo {
	margin-left: 15px;
	margin-bottom: 15px;
	}


/* Left and Right content columns 
===========================================
colors for reference:
Yellow: #eda400
Orange: #cb5800
Green:  #658b00
Blue:   #155eae
Purple: #8a1c80
=========================================== */

#left, #right {
	display: inline;
	float: left;
	width: 360px;
	background: #fff;
	}

body#page-home #left {
	width: 540px;
	}

body.landing #left {width: 360px;}
body.landing #right {width: 360px;}
body.imix #right {float: right;}



/* homepage lead blocks (financial, travel, health)
------------------------------------------------------------- */
#homeplugs {
	margin:0 0 12px 0;
	padding:0;
	background: url('/images/site/bg_homeplugs.png') 0 0 repeat-y;
	height: 400px;
}

#left div.lead-financial, #left div.lead-health, #left div.lead-travel {
	margin: 0 12px 0 0;
	width: 172px;
	float: left;
	color: #fff;
	}
/* #left div.lead-financial { background: #658b00;  }
#left div.lead-health {background: #cb5800;}
#left div.lead-travel {background: #155eae; margin: 0 0 0 0;} */

#left div.lead-financial { 
	background: url('/images/site/bg-green.png') 0 0 repeat-y;
  }


#left div.lead-health { 
	background: url('/images/site/bg-orange.png') 0 0 repeat-y;
  }


#left div.lead-travel { 
	background: url('/images/site/bg-blue.png') 0 0 repeat-y;
	margin: 0;
}
			body#page-home #left div h3
			{
			margin: 9px 0 9px 9px;
			line-height: 1.1em;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
			}

		
			#left div p, body.inside #left div p
			{
			margin: 8px 10px 10px 12px;
			font-size: 11px;
			line-height: 1.5em;
			}

	
body#page-home #left #homeplugs div a {
	text-decoration: none;
	color: #fff;
	display:block;
	padding-top:1px;
	}

body#page-home #left #homeplugs div a p span {
	text-decoration: underline;
	color: #fff;
	}

body#page-home #left #homeplugs div a:hover {
	text-decoration: none;
	color: #fff;
	}


	
#left div#inner-text {
	float: none;
	margin: 15px 0 15px 0;
	padding: 0 15px 10px 15px;
	width: 329px;
	background: #fff;
	border-right: 1px solid #999;
	}
			

	#left div#inner-text ul li
			{
			line-height: 1.5em;
			}
		


#left div#inner-text p {
	margin: 5px 0 15px;
	width: 320px;
	color: #666;
	font-size: 12px;
	}

#left div#inner-text p.nomargin
			{
			margin: 0 0 0 0;
			}

#left div#inner-text dd
			{
			margin: 0 0 0 12px;
			font-size: 12px;
			line-height: 1.5em;
			}


body.inside #left {width: 540px;}
body.imix #left {width: 720px;}
body.imix #left img.leadpic {
	float:left;
	display: inline;
	}


body.inside #left div#inner-text {
	float: none;
	margin: 15px 0 15px 0;
	padding: 0 15px 10px 15px;
	width: 510px;
	color: #666;
	background: #fff;
	border: none;
	}

body.imix #left div#inner-text {
	float: left;
	}
				
body.inside #left div#inner-text p {
	width: auto;
	}


/* Right Column, Inside Page */
	body.inside #right
	{
	background: transparent;
	margin: 15px 0 0 0;
	width: 165px;
	padding:0 0 10px 15px;
	}

	body.inside #right h3
	{
	font-family: "Trebuchet MS", sans-serif !important;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #658B00;
	}


body#page-financial.inside #right h3 { color:#658B00;}
body#page-health.inside #right h3 {color: #DD741B}
body#page-travel.inside #right h3 { color:#155eae;}
body#page-build_your_business.inside #right h3 { color:#eda400;}






	body.inside #right p
	{
	margin: 0 0 10px 0;
	font-size: 11px;
	line-height: 1.2em;
	color: #9F9F9F;
	}

		body.inside #right p a
		{
			font-size: 11px;
		
		text-decoration: underline;
		}


body.imix #right {
	width: 180px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: #efefef;
	min-height: 400px;
	}
	



/* these are subcolumns on the travel page */
.subleft {
	width: 160px;
	padding: 15px 10px 10px;
	overflow: hidden;
	}

.subright {
	width: 180px;
	padding: 15px 0px 10px;
	overflow: hidden;
	}

.subleft p, .subright p {
	color: #333;
	font-size: 11px;
	}

.subleft {
	background: #fff;
	float: left;
	}

.subright {
	background: #fff;
	float:right;
	}



/* Left family area(s)
-------------------------------------- */
#familywrap {
	position:relative;
	background:#eda400;
	}

div#family {
	position: relative;
	float: none;
	background: #5E6159;
	margin-top: 0;
	margin-bottom: 0 !important;
	padding: 0;
	height: auto;
	width: 340px;
	}

div#family .familytext a:link, div#family .familytext a:visited {
	text-decoration: underline;
	color: #fff;
	}

div#family img {
	float: left;
	}

body#page-home #left div#family img {
	float: left;
	margin-left: 0;
	display: inline;
	}



body#page-home #left div#family {
	float: right;
	width: 360px;
	padding: 0;
	}

#family .familytext {
	background: transparent;
	width: 166px;
	float: right;
	padding: 0 15px 0 0;
	}

body#page-home #left #family .familytext {
	background: transparent;
	width: 146px;
	float: right;
	padding: 0 15px 0 0;
	}

div#family p,
div#family span {
	color: #fff;
	margin:0;
	padding:0;
	}	

div#family span {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	}




/* large imix in right column 
the ".subright" version is 
-------------------------------------------------- */
#right div#imix {
	padding:15px 0 0 0;
	margin:0;
	width: 360px;
	background: #fff;
	}

#right div#imix a, 
#right div#imix a:visited,
#right div#imix a:hover,
#right div#imix a:active
 	{
	color: #8a1c80;
	}

#right .subright div#imix { /* travel version */
	padding:0;
	background: #fff;
	}

#right div#imix h4 {
	width: 160px;
	height: 74px;
	background: url('/images/site/logo_imix_160.png') 0 0 no-repeat;
	margin-left: 25px;
	float:left;
	display: inline;
	}

#right .subright div#imix h4 { /* travel version */
	width: 180px;
	height: 75px;
	background: url('/images/site/logo_imix_180.png') 0 0 no-repeat;
	margin-left: 0px;
	float:none;
	display: block;
	}

#right div#imix p {
	display: block;
	clear: both;
	margin: 0 20px 0 25px;
	padding-top:10px;
	font-size: 12px;
	color: #666;
	line-height: 1.5em;
	}

#right .subright div#imix p { /* travel version */
	display: block;
	clear: both;
	margin: 0 15px 0 13px;
	width: 150px;
	padding-top:10px;
	font-size: 12px;
	color: #666;
	line-height: 1.5em;
	}

#right div#imix a.imixlink {
	margin: 7px 15px 0 0;
	display: block;
	float: right;
	width: 136px;
	height: 70px;
	background: url('/images/site/imixbutton_IBO.jpg') 0 0 no-repeat;
	}
	
#right div#imix a.imixlink-nonibo {
	margin: 7px 15px 0 0;
	display: block;
	float: right;
	width: 136px;
	height: 70px;
	background: url('/images/site/imixbutton_nonIBO.jpg') 0 0 no-repeat;
	}

/* #right div#imix a.imixlink {
	margin: 16px 0 0px 20px;
	display: block;
	width: 310px;
	height: 42px;
	background: url('/images/site/btn_imix_large.png') 0 0 no-repeat;
	} */
		
#right .subright div#imix a.imixlink {
	margin: 16px 0 0 0;
	display: block;
	float: none;
	/* width: 180px;
	height: 25px;
	background: url('/images/site/btn_imix_small.png') 0 0 no-repeat; */
	width: 136px;
	height: 53px;
	margin-left:20px;
	background: url('/images/site/btn_bundle.gif') 0 0 no-repeat;
	}
	
#right .subright div#imix a.imixlink-nonibo {
	margin: 16px 0 0 0;
	display: block;
	float: none;
	/* width: 180px;
	height: 25px;
	background: url('/images/site/btn_imix_small.png') 0 0 no-repeat; */
	width: 136px;
	height: 53px;
	margin-left:20px;
	background: url('/images/site/btn_bundle.jpg') 0 0 no-repeat;
	}
	
#right div#imix .imixquote {
	display:inline;
	float:left;
	background: #fff;
	margin: 20px 0 0 15px;
	padding: 0;
	width: 330px;
	}

#right .subright div#imix .imixquote {
	display:block;
	float:left;
	background: #fff;
	margin: 12px 0 0 0px;
	padding: 0;
	width: 180px;
	}

#right div#imix .imixquote p.tag {
	padding: 15px;
	font-family:  "Times New Roman", georgia, serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0;
	color: #fff;
	width: 300px;
	background: #830E78;
	}

#right .subright div#imix .imixquote p.tag {
	padding: 15px;
	font-family:  "Times New Roman", georgia, serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	color: #fff;
	width: 150px;
	background: #830E78;
	}


div#imix .imixquote {
	display:block;
	clear:both;
	background: #fff;
	}


#inner-text div#imix {
	padding:0 0 0 0;
	margin:0;
	width: 510px;
	background: #fff;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}

#inner-text div#imix a, 
#inner-text div#imix a:visited,
#inner-text div#imix a:hover,
#inner-text div#imix a:active
 	{
	color: #8a1c80;
	}

#inner-text div#imix h4 {
	width: 160px;
	height: 74px;
	background: url('/images/site/logo_imix_160.png') 0 0 no-repeat;
	margin-left: 0;
	float:left;
	display: inline;
	}

#inner-text div#imix p {
	display: block;
	clear: both;
	margin: 0 140px 0 0;
	padding-top:10px;
	font-size: 12px;
	color: #666;
	line-height: 1.5em;
	}

#inner-text div#imix a.imixlink {
	margin: 0 160px 0 0;
	display: block;
	float: right;
	width: 136px;
	height: 53px;
	background: url('/images/site/btn_bundle.gif') 0 0 no-repeat;
	}
	
#inner-text div#imix a.imixlink-nonibo {
	margin: 0 160px 0 0;
	display: block;
	float: right;
	width: 136px;
	height: 53px;
	background: url('/images/site/btn_bundle.jpg') 0 0 no-repeat;
	}




/* imix landing page(s)
------------------------------------------------ */
body.imix #right div#imixwrap {
	padding:0;
	margin:0;
	width: 180px;
	background: #8a1c80;
	height: 274px;
	border: none;
	position: relative;
	overflow: hidden;
	}

body.imix #right div#imix {
/* 	margin:0;
	height: 244px;
	*/
	height:150px;
	width: 160px;
	background: #fff;
	border: none;
	position:absolute;
	bottom:0;
	left: 0;
	padding:20px 10px 0;
	}

body.imix #right div#imix h4 {
	width: 160px;
	height: 74px;
	background: url('/images/site/logo_imix_160.png') 0 0 no-repeat;
	margin-left: 0;
	float:none;
	display: block;
	}

body.imix #right div#imix a.imixlink {
	margin: 12px 0 0 15px;
	display: block;
	float: none;
	width: 136px;
	height: 53px;
	background: url('/images/site/btn_bundle.gif') 0 0 no-repeat;
	}

#whymix {
	background: #8a1c80;
	padding: 15px 10px 20px;
	}

body.imix #left #right #whymix h2{
	color: #fff;
	margin-bottom: 10px;
	}

#whymix ul {
	margin: 5px 15px 0 20px;
	padding:0;
	}

#whymix ul li{
	color: #fff;
	font-size: 13px;
	margin-bottom:5px;
	}

#imixblurb {
	height: 66px;
	overflow: hidden;
	background: #181818 url('/images/site/imix_x.png') 10px 10px no-repeat;
	padding: 0 0 0 50px;
	margin:0;
	}

body.imix #right #imixblurb p {
	color: #fff;
	font-weight: bold;
	padding-top:0;
	font-size: 14px;
	line-height: 1.1em;
	}



/* =FOOTER 
================================================= */
#footer {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	background: #aaa;
	border-right: 1px solid #999;
	font-size: 10px;
	float: left;
	position: relative;
	width: 900px;
	}

#footer p {
	color: #333;
	height: 30px;
	font-size: 10px;
	line-height: 30px !important;
	text-align: left;
	float: left;
	}
	
#footer p a, #footer p a:visited {
	margin: 0 3px;
	color: #fff !important;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	}

#footer p a:hover, #footer p a:active {
	text-decoration: underline;
	color:#fff;
	}

#footer p.links {
	width:180px;
	text-align:center;
	}

#footer p.copyright {
	float:left;
	display: inline;
	}

/* FORMS 
================================================= */
form#signup fieldset
	{
	border: none;
	font-size: 12px;
	font-family:"Trebuchet MS", helvetica, sans-serif;
	line-height: 1.2em;
	text-align: left;
	}

form#signup fieldset label
	{
	position: relative;
	float:left;
	display: inline;
	margin: 0 0 5px 10px;
	/* width: 140px; */
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000;
	}

form#signup fieldset input
	{
	background: #fff;
	border: 1px solid #666;
	font-size: 11px;
	padding: 2px;
	width: 80px;
	
	}

form#signup input.submit
	{
	width: auto;
	clear: both;
	margin: 0 10px 0 0;
	border: 1px solid #666;
	float: right;
	display: inline;
	font-size: 11px;
	}

/* form#tc_form input.submit
	{
		background: #658B00;
		color: #fff;
		font-weight: normal;
		cursor: pointer;
	width: auto;
	clear: both;
	margin: 0;
	padding: 3px 5px;
	border: 1px solid #658B00;
	float: left;
	display: inline;
	font-size: 11px;
	} */

form#tc_form input.submit
	{
	padding: 3px 5px;
	font-size: 11px;
	text-align: center;
	}

#left div#inner-text p.footnotes, #left div#inner-text div.footnotes, #left div#inner-text div.footnotes p, #left div#inner-text div.footnotes ul, #left div#inner-text div.footnotes li, #inner-text span.footnotes {
	font-size: 11px;
	color:#999;
	font-style: italic;
	}


/* error box for forms
------------------------------------ */
.errorexplanation { 
	background: #ffffe0;
	border:1px solid #e66455;
	color:#333;
	padding: 1em;
	margin: 1.2em 0;
	}

.errorexplanation ul {
	margin: 0 0 .5em 0;
 	padding: 0 0 0 4em;
	}

.errorexplanation h2 { 
	color: #850202 !important;
	background: transparent url('/images/site/icon_formerror.gif') 0 50% no-repeat;
	padding:0 0 0 1em;
	margin: 0;
	}

.errorexplanation p {
	padding:0 0 0 2em;
	margin: 0 0 .5em 0;	
	}

.required {
	color: #850202;
	}


/* =TRAVEL specific styles 
================================================= */
.col1, .col2, .col3, .cols {
	width: 165px;
	padding: 0 5px 0 0;
	margin: 0;
	float: left;
	}

.col1 {
	background: #efefaf;
	}

.col2 {
	background: #fefaea;
	}

.col3 {
	background: #afeafe;
	}

.cols {
	background: #fff;
	}



div#inner-text .cols ul {
	list-style: none;
	margin:6px 0 0 0;
	margin-left:0;
	padding: 0;
	}

div#inner-text .cols ul li {
	margin-bottom: 3px;
	}


div#right ul {
	list-style: none;
margin:0;
	}

div#right #whymix ul {
	list-style: disc;
margin:0 0 0 20px;
	}

div#right ul li{
	margin-bottom: 8px;
	}

/* columns in the BMB section - cols2 */
.cols2 {
	width: 155px;
	padding: 0 10px 0 0;
	margin: 0;
	float: left;
	}

#left #inner-text div.cols2 {
	background: #fff;
	}

#left #inner-text div.cols2 h2 a{
	font-size:12px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", arial, sans-serif;
	}

#left #inner-text div.cols2.col-financial h2 a {color:#658b00;}
#left #inner-text div.cols2.col-health h2 a {color:#cb5800;}
#left #inner-text div.cols2.col-travel h2 a {color:#155eae;}

/* h3 */
#left #inner-text div.cols2 h3 {
	margin: 5px 0;
	font-size: 12px;
	text-transform: normal;
	}
#left #inner-text div.cols2.col-financial h3 { color:#658b00 !important;}
#left #inner-text div.cols2.col-health h3 { color:#cb5800 !important;}
#left #inner-text div.cols2.col-travel h3 { color:#155eae !important;} 



#left #inner-text div.cols2 ul {
	margin: 0 0 10px 20px;
	}

#left #inner-text div.cols2 ul li {
	line-height: 1.2em;	
	margin-bottom:3px;
	}

/*
Yellow: #eda400
Orange: #cb5800
Green:  #658b00
Blue:   #155eae
Purple: #8a1c80
*/



div#inner-text ul li ul {
	margin-top:0;
	margin-bottom:0;
	}



/* whymix block in the left column */
#inner-text #whymix .cols {
	background: transparent;
	width: 150px;
	padding:0 0 0 0;
	}

div#inner-text #whymix .cols ul {
	list-style: disc;
	margin:6px 0 0 0;
	margin-left:20px;
	padding: 0;
	}

div#inner-text #whymix .cols ul li {
	margin-bottom: 5px;
	line-height:1.2em;
	}



/* travel tabs
-------------------------------------------------- */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

h3.tabs {
	color: #000 !important;
	text-transform: uppercase;
	background: #6cc;
	padding: 12px 0 10px 10px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-size: 11px;
	margin:40px 0 0 0;
	}


.tabber {

}
.tabberlive {
 margin-top:10px;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#inner-text ul.tabbernav {
	margin:0 0 0 0;
	padding: 3px 0 5px 0;
	border-bottom: 1px solid #dedede;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	}

ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
	}

ul.tabbernav li a {
	padding: 5px 10px;
	margin-left: 0;
	border: 1px solid #fff;
	border-left-width:0;
	border-right-width:0;
	border-top: none;
	border-bottom: none;
	background: transparent;
	text-decoration: none;
	}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover {
	color: #000;
	background: #eaeaea;
	border-color: #dedede;
	}

ul.tabbernav li a:active {
	color: #000;
	background: #6cc;
	border-color: #dedede;
	border-bottom: 1px solid #6cc;
	}

ul.tabbernav li.tabberactive a {
	background-color: #6cc;
	border-color: #dedede;
	border-bottom: 1px solid #6cc;
	}

ul.tabbernav li.tabberactive a:hover {
	color: #000;
	background: #6cc;
	border-bottom: 1px solid #6cc;
	}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:10px;
	border:1px solid #dedede;
	border-top:0;
	border-bottom: 12px solid #6cc;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

/* height: 150px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

body#page-travel.landing .tabberlive .tabbertab {
width:307px;
}


body#page-travel.landing ul#mainnav li a:link, body#page-travel.landing ul#mainnav li a:visited {
color:#73acd3;
display:block;
float:left;
font-size:12px;
line-height:12px;
padding:0 18px;
text-decoration:none;
text-transform:uppercase;
}

/* If desired, hide the heading since a heading is provided by the tab 
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
*/
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
	}


/* Featured Specials table (had to be a table, no choice, 3rd party script)
----------------------------------------------------------------------------------- */
.feat-specials {
	margin: 0;
	padding: 5px 0;

	}

.feat-specials h4 {
	color: #000;
	text-transform: uppercase;
	background: #6cc;
	padding: 10px 0 10px 5px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-size: 11px;
	}

.VP-ListTable { /* Applied to the TABLE tags that surround the Featured Specials list items. */
	background: #9cf; 
	padding:10px 0 30px 0;
	margin: 0;
	}
		
.VP-ListItem { /* Applied at the cell level of each Featured Specials list item. */
	font-size: 11px; 
	border: none;
	padding: 0 6px 10px 6px;
	margin:0;
	}

.VP-ListItem img {  /* turn off the default image supplied by 3rd party */
  display: none;
width: 0px;
  } 

  .VP-ListLink { /* Applied to the anchor tag surrounding Featured Special list items. */
padding: 0;
margin: 0; 
  } 


  .VP-ListBar { /* Applied at the row level of each Featured Specials list item. */
   background: transparent; 
padding: 0;
margin: 0;
  } 



/* travelite logo on the travel main page */
#te-logo {
	background: #000;
	color: #fff;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	}

#te-logo p {
	font-weight: bold;
	color: #fff;
	text-align: center;
	}




/* migrate to this */
.form-container {
	padding-left: 0;
	margin-bottom:2em;
	}

.fieldgroup {
	margin-bottom:5px;
	padding: 2px 0;
	}

fieldset {
	margin: 0px;
	padding: 0 10px 10px 0;
	background-color: transparent;
	border: 0px;
	}
	
/* fieldset input, fieldset textarea {
	border: 1px solid #ccc;
	background:#fff;
	width: 280px;
	color:#333;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	} */

fieldset input.text, fieldset textarea {
	border: 1px solid #ccc;
	background:#fff;
	color:#333;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	}

/* fieldset input.short, fieldset textarea.short {
	width: 100px;
	}

fieldset input.checkbox {
	width: 12px;
	margin-right: 4px;
	} */

/* fieldset select {
	border:1px solid #ccc;
	background:#fff;
	width: 160px;
	color:#333;
	padding:2px 0 2px 2px;
		font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	} */

/* fieldset select {
	width:288px;
} */
.formfields dl div {
	padding: 5px;
	margin-bottom:3px;
	background: #fff;
	}	

.formfields dt{
	float: left;
	clear: left;
	width: 25%;
	font-size: 13px !important;
	margin: 0 10px 0 0;
	text-align: left;
	font-size:12px;
	color: #333 !important;
	font-weight: normal;
	}	

.formfields dd {
	float: left;
	margin: 0 0px 0 0;
	width: 65%;
	}



/* 	.form-container input.submit {
		width:auto;
		height: 26px;
		padding: 0 12px;
		background: #999;
		font-size:12px;
		font-weight: bold;
		font-family: "Trebuchet MS", Arial, sans-serif;
		border: none;
		color: #000;
		} */


a#infolink {
	position: absolute;
	right:0;top:10px;
	padding: 10px;
	font-size: 12px;
	}



.attentionbox {
	background: #FCFCDE;
	border:1px solid #D4AB9D;
	padding: 10px;
	}

#inner-text .alert {
	color: red;
	font-weight: bold;
	}

/* Sandals Styles    
---------------------------------------------- */

body #inner-text #sandals-wrap p {
	font-size: 12px;
	color: #666;
	}

.leftpic {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	}

.rightpic {
	float: right;
	margin: 5px;
	}

.centerpic {
	width: 200px;
	margin: 0 auto 15px;
	}


body #inner-text #sandals-wrap h3 {
	font-size: 15px;
	font-weight: bold;
	}

#sandals-wrap a {

	}
	
#sandals-locations li{
	list-style: none;
	display: inline;
	padding-right: 15px;
	}

.resort-entry {
	margin-bottom: 30px;
	}

.resort-entry ul {
	margin-left: 10px;
	list-style: square;
	}
#inner-text .resort-entry li {
	color: #666;
	}