/*
-----------------------------------------------------
How To TV Online Style
Date:     22 Jan 2007
------------------------------------------------------ */


/* -- basic html elements -- */
body {
  padding: 0; 
  margin: 0; 
  font-size: small; 
  font-family: Trebuchet, Verdana, sans-serif;
  color: #000000; 
  background: #EDF7FF; 
  text-align: left;
  }

p {
	font-size: small; 
  font-family: Trebuchet, Verdana, sans-serif;
  margin: 0;
  }

img, form {
  border: 0; 
  margin: 0;
  }

/* -- formatting -- */
#pagemain {
  padding: 0;
}

#pageheader {
  background: #FFFFFF url(images/top-back.jpg) top center no-repeat; 
}

#homelogin  {
  padding-top: 5px;
}

#loginbutton  {
  padding-top: 15px;
}

#leftside {
  background: #FFFFFF url(images/left-back.jpg) top left no-repeat; 
  height: 100%;
}

#rightside {
  background: #FFFFFF url(images/right-back.jpg) top right no-repeat; 
  height: 100%;
}

#channelnav {
  margin: 0;
  padding: 0;
}

#remotebottom {
  background-image: url(images/left-bottom.jpg);
  background-position: top right;
  background-repeat: no-repeat; 
}

#videodata  {
  padding: 5px;
}

#pagefooter {
  background-color: #B9F07B; 
}

#shoppingem {
  margin: -20px 3px 10px 70px;
  width: 30px;
  height: 20px;
  background-image: url(images/newtag.jpg);
  background-postition: top left;
  background-repeat: no-repeat;
}

/* -- style classes --*/
.topnav {
  padding: 0 5px;
}

.topnavseparator  {
  border-right: 2px solid #5A8483;
}

.profilesearch-home  {
/*  font-size: 70%; Need the header to be a fixed size, so I have to hard code */
  font-size: 9px;
  font-weight: normal;
  padding: 0 10px;
}

.profilesearch-home a  {
  text-decoration: none;
  color:  #4D8186;
  padding: 0;
}

.profilesearch-home a:hover  {
  text-decoration: underline;
  color:  #4D8186;
}

.profilesearch  {
/*  font-size: 100%; Need the header to be a fixed size, so I have to hard code */
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px;
}

.profilesearch a  {
  text-decoration: none;
  color:  #4D8186;
  padding: 10px;
}

.profilesearch a:hover  {
  text-decoration: underline;
  color:  #4D8186;
}

.episodelist  {
  margin: 0;
  list-style: none;
}

.episode  {
  margin-bottom: 5px;
  margin-left:20px;
  color: #ffffff;
  font-size: 80%;
}

.episode a {
  color: #ffffff;
  text-decoration: none;
}

.episode a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.lefttext {
  font-family: Verdana, sans-serif;
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 5px;
  color: #ffffff;
  font-size: 80%;
  line-height: 120%;
}

.lefttext a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

.leftheadline {
  font-family: "Comic Sans MS", Verdana, sans-serif;
  font-size: 100%;
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 5px;
  color: #f9a0c8;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  
}

.leftlist {
  margin-top: 0;
  padding: 0;
}

li.lefttext {
  margin-left: 5px;
  margin-right: 5px;
}

.brand  {
  font-weight: bold;
  font-style: italic;
  color: #d2fbff;
}

.videotitle {
  font-size: 120%;
  line-height: 140%;
  color: #ffffff;
  font-weight: bolder;
  text-align: center;
  margin: 0 10px;
  padding-right: 10px;
}

.videodesc  {
  font-size: 100%;
  line-height: 120%;
  color: #000000;
  font-weight: normal;
  text-align: left;
  margin: 10px;
  padding-right: 10px;
}

.productinfo  {
  font-size: 80%;
  line-height: 100%;
  color: #000000;
  font-weight: normal;
  text-align: left;
}

.producttitle {
  font-size: 120%;
  color:  #4D8186;
  font-weight: bold;
  margin-bottom: 5px;
}

.productinfolist  {
  margin: 0;
  list-style: none;
}

.product  {
  margin-left: 10px;
  margin-bottom: 5px;
}

.productinfo a  {
  text-decoration: underline;
  color: #3A6163;
}

.videoimg {
  padding: 5px;
  text-align: center;
}

.moreinfo {
  font-size: 80%;
  line-height: 100%;
  color: #000000;
  font-weight: normal;
  text-align: left;
}

.moretitle  {
  font-size: 120%;
  color:  #4D8186;
  font-weight: bold;
  margin-bottom: 5px;
}

.moreinfolist  {
  margin: 0;
  list-style: none;
}

.more {
  margin-left: 10px;
  margin-bottom: 5px;
}

.moreinfo a {
  text-decoration: underline;
  color: #3A6163;
}

.warningmsgtext {
  color: #CE0FBB;
  font-weight: bold;
  padding: 10px;
}

.flashmsgtable  {
  border: 2px solid #CE0FBB; 
  background-color: #D2FBFF;
}

.flashmsgtext {
  color: #CE0FBB; 
  font-size: 90%; 
  padding: 5px;
}

.msgtext  {
  color: #3A6163;
  font-weight: normal;
  line-height: 120%;
  margin: 10px;
  padding: 10px;
}

.httvoform  {
  font-size: 80%;
  line-height: 130%;
  margin-bottom: 5px;
  color:  #3A6163;
  padding-left: 5px;
  padding-bottom: 5px;
}

.required {
  background-color: #FF8FDE;
  width: 5px;
}

.optional {
  background-color: #60CFD8;
  width: 5px;
}

.sitemap-top  {
  margin: 0;
  list-style: none;
}

.sitemap-sub  {
  margin-top: 5px;
  margin-bottom: 15px;
  list-style: circle;
}

.smlevel1 {
  margin-left: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}

.smlevel1 a {
  text-decoration: underline;
  color: #3A6163;
}

.smlevel2 {
  font-size: 90%;
  font-weight: normal;
  margin-bottom: 5px;
}

.smlevel2 a {
  text-decoration: underline;
  color: #3A6163;
}

.bottomnav {
  padding: 0 5px;
}

.bottomnavseparator  {
  border-right: 2px solid #000000;
}

.copyright {
  font-size: 80%;
  color: #000000;
  padding: 5px;
  margin: 20px 0;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}


.form_field {
  color : #4D8186;
  text-align: right;
}

.text_box{
  font-size : 100%;
  color : #000000;
  background: #ffffff;
  padding-bottom: 5px;
}

.renewal {
  text-decoration: underline;
  color: #000000;
}