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

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

#whitebox {
clear: both;
border:1px solid #000;
width: 310px;
height: 225px;
padding: 10px 10px 10px 10px;
background:#ffffff;
}

#offers_box {
width:280px; 
height:145px; 
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:35px;
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;
}

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

form {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 0.9em;
  width: 270px;
  font-family: verdana, Tahoma, Arial, sans-serif;
  border: 0px solid #ff0000; 
}

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

label,input, select {
	display: block;
	width: 120px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 100px;
	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:280px; 
height:200px; 
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 2px;
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;
}

.clear {
clear: both;
color: #f00;
}