/* -------------------------------------------------- */
/* ----------------- GENERAL STYLES ----------------- */
/* -------------------------------------------------- */

body {
font-family: verdana, tahoma, arial, sans-serif;
font-size:12px;
color:#333;
}

#whitebox {
clear: both;
border:1px solid #000;
width: 490px;
height: 320px;
background:#ffffff;

}

#offers_box {
width:400px; 
height:250px; 
border-top: 1px solid #000000; 
border-left: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000; 
padding: 0 5px 5px 5px; 
margin: 5px 2px 2px 2px;
overflow: auto;
background: #ffffff;
font-family: verdana, Tahoma, Arial, sans-serif;
font-size: 0.9em;
}

#offernav {
	padding: 5px 0 0 0;
	float: right;
	width: 250px;
	text-align: right;
	font-size: 0.9em;

}


/* -------------------------------------------------- */
/* ------------------- IFRAME TABS ------------------ */ 
/* -------------------------------------------------- */

.f-small, .f-small a  {
font-size:11px;font-weight:normal;line-height:12px;
}

#tabs {
margin-left:55px;
margin-bottom:-1px;
float:left;
display:inline;
border:1px solid #000;
border-left:0px;
border-bottom:0px;
position:relative;
z-index:1;
}

#tabs .tab {
color:#000;
height:24px;
line-height:24px;
float:left;
background:url(http://image.com.com/tv/images/header/nav_tab_grad.gif) repeat-x;
border-left:1px solid #000;
border-bottom:1px solid #000;
display:block;
padding:0px 13px 0px;
}

#tabs .on {
background:#ffffff;
border-bottom:1px solid #ffffff;
font-weight:normal;
}

#tabs a {
font-family:Verdana, tahoma,  arial, sans-serif;
font-weight:normal;
color:#000;
line-height:24px;
}

#tabs .on a {
font-family:Verdana, tahoma,  arial, sans-serif;
font-weight:normal;
color:#039;
line-height:24px;
}

#tabs a:hover {
color:#039;
}


a:hover img {
border:0px;
}

a {
font-size:12px;
color:#039;
font-weight:normal;
text-decoration:none;
}

a:hover {
color:#06f;
text-decoration:underline;
}

.clear {
clear: both;
padding:5px;
}

.clear h2 {
	border-bottom: dotted 1px #afcae3;
	border-top: dotted 1px #afcae3;
}

/* -------------------------------------------------- */
/* ------------------ IFRAME FORMS ------------------ */
/* -------------------------------------------------- */

form {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 0.9em;
  font-family: verdana, Tahoma, Arial, sans-serif;
}

textarea {
  margin: 0;
  padding: 4px;
  font-size: 0.8em;
  width: 100%;
  font-family: verdana, Tahoma, Arial, sans-serif;
}

label,input, select {
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
	font-family: verdana, tahoma, arial, sans-serif;

}

label {
	text-align: right;
	width: 80px;
	padding-right: 10px;
}

br {
	clear: left;
}

form div.submit {
  width: 220px;
  padding: 0px 0px 0px 90px;
  border: 0px solid #000000;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

/* -------------------------------------------------- */
/* --------------  SCROLL BOXES   ------------------- */
/* -------------------------------------------------- */

#overflow_box {
width:450px; 
height:220px; 
border-top: 1px solid #000000; 
border-left: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000; 
padding: 5px 5px 5px 5px; 
margin: 2px 2px 2px 10px;
overflow: auto;
background: #ffffff;
font-family: verdana, Tahoma, Arial, sans-serif;
font-size: 0.9em;
}

#whitebox h2 {
font-family: verdana, tahoma, sans-serif;
font-size: 14;

margin: 0 0 15px 0;
padding: 0;
}

#overflow_box img {
padding: 1px;
margin: 0 15px 15px 0;
display:inline;
float: left;
}

#searchform {
width: 220px;
margin-left: 20px;
margin-top: 20px;
border: 0px solid #000;
}

#teenotes {
margin: 10px;
float: right;
width: 200px;
border: 1px dashed #000;
background: #FFFFCC;
padding:5px;
font-size: 11px;
}


.promo-head {

	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 5px;
	color: #669933;
	border-bottom: dotted 1px #afcae3;
	border-top: dotted 1px #afcae3;
}

.promo-rates {
font-size: 11px;
}

#course1 {
width: 125px;
padding:5px;
}

#course2 {
float: right;
width: 260px;
padding:5px;
}

#footer {
text-align: center;
padding-top: 10px;
}

#title {
padding-top: 5px;
text-align: center;
}