/*** GENERAL STYLES ***/

body {background: #efefef url(../images/bkg.gif) repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 11px; color: #666;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 14px;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 1em 0; padding: 0;}
h1 {color: #333; font-size: 16px;}
h2 {color: #333; font-size: 12px;}
h3 {color: #333;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
form {margin: 0;}
p {margin: 0 0 1em 0;}
a {color: #cf1b00; text-decoration: none;}
a.gray {color: #666;}
a:hover {color: #cf1b00; text-decoration: underline;}

.crumbs {/*font-size: 13px; font-weight: bold;*/}
.red {color: #cf1b00;}
.small {font-size: 9px;}
.large {font-size: 12px; line-height: 16px;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.gutter {float: none; clear: both; height: 10px; overflow: hidden;}
.dots {float: none; clear: both; height: 1px; overflow: hidden; background: url(../images/dots.gif) left top repeat-x;}

.left {float: left;}
.right {float: right;}
.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter {text-align: center;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 990px; margin: 0 auto; text-align: left;}

#top {height: 126px; background: url(../images/top-beta.gif) no-repeat;}
#top h1 {margin: 0;}
#top h1 a {display: block; width: 250px; height: 110px; overflow: hidden; line-height: 500px;}
#top h2 {height: 16px; overflow: hidden; line-height: 50px;}
#top ul {position: absolute; left: 250px; top: 0; width: 725px; padding: 10px 15px 0 0; text-align: right; vertical-align: middle;}
#top li {display: inline;}
#top li a {color: #ccc; font-size: 10px; text-transform: uppercase;}

#leftcol {float: left; width: 220px; margin-bottom: 10px;}
#rightcol {float: right; width: 760px; margin-bottom: 10px;}
.col760 {width: 760px;}
.col500 {width: 500px;}
.col375 {width: 375px;}
.col250 {width: 250px;}

#footer {clear: both; height: 23px; line-height: 23px; background: #bfbfbf url(../images/footer.gif) no-repeat; padding: 0 10px; color: #333; margin-bottom: 15px;}
#footer ul {float: right;}
#footer li {display: inline;}
#footer p {margin: 0;}
#footer a {color: #333;}
#footer a:hover {color: #cf1b00;}


/*** MODULE STYLES ***/

#leftcol .module {background: url(../images/module-220-bkg.gif); line-height: 13px; color: #333;}
#leftcol .module .top {background: url(../images/module-220-top.gif) left top no-repeat;}
#leftcol .module .bottom {background: url(../images/module-220-bottom.gif) left bottom no-repeat; padding: 10px; min-height: 50px; height: 50px;}
	html>body #leftcol .module .bottom {height: auto;}

.col760 .module {background: url(../images/module-760-bkg.gif); color: #333;}
.col760 .module .top {background: url(../images/module-760-top.gif) left top no-repeat;}
.col760 .module .bottom {background: url(../images/module-760-bottom.gif) left bottom no-repeat; padding: 15px 15px 1px 15px;}

.col760Red .module {background: url(../images/module-760-bkg-red.gif); color: #333;}
.col760Red .module .top {background: url(../images/module-760-top-red.gif) left top no-repeat;}
.col760Red .module .bottom {background: url(../images/module-760-bottom-red.gif) left bottom no-repeat; padding: 15px 15px 1px 15px;}

.col760Green .module {background: url(../images/module-760-bkg-green.gif); color: #333;}
.col760Green .module .top {background: url(../images/module-760-top-green.gif) left top no-repeat;}
.col760Green .module .bottom {background: url(../images/module-760-bottom-green.gif) left bottom no-repeat; padding: 15px 15px 1px 15px;}

.col760Blue .module {background: url(../images/module-760-bkg-blue.gif); color: #333;}
.col760Blue .module .top {background: url(../images/module-760-top-blue.gif) left top no-repeat;}
.col760Blue .module .bottom {background: url(../images/module-760-bottom-blue.gif) left bottom no-repeat; padding: 15px 15px 1px 15px;}

.col760Yellow .module {background: url(../images/module-760-bkg-yellow.gif); color: #333;}
.col760Yellow .module .top {background: url(../images/module-760-top-yellow.gif) left top no-repeat;}
.col760Yellow .module .bottom {background: url(../images/module-760-bottom-yellow.gif) left bottom no-repeat; padding: 15px 15px 1px 15px;}

.col250 .module {background: url(../images/module-250-bkg.gif); line-height: 13px;}
.col250 .module .top {background: url(../images/module-250-top.gif) left top no-repeat;}
.col250 .module .bottom {background: url(../images/module-250-bottom.gif) left bottom no-repeat; padding: 10px 10px 1px 10px;}
.col250 .module .newsection {margin: 0 -9px; padding: 10px 9px 0 9px; border-top: 1px solid #ccc; background: url(../images/newsection.gif) repeat-x;}

.col325 .module {background: url(../images/module-325-bkg.gif); color: #333;}
.col325 .module .top {background: url(../images/module-325-top.gif) left top no-repeat;}
.col325 .module .bottom {background: url(../images/module-325-bottom.gif) left bottom no-repeat; padding: 15px 15px 1px 15px;}

.col500 .module {background: url(../images/module-500-white-bg-bkg.gif); line-height: 13px;}
.col500 .module .moduleGrey {margin: 0; padding: 10px 9px 0 9px; border-top: 1px solid #ccc; background: url(../images/module-500-grey-bg-bkg.gif);}
.col500 .module .topGrey {background: url(../images/module-500-grey-bg-top.gif) left top no-repeat; padding: 5px 5px 0 5px}
.col500 .module .topWhite {background: url(../images/module-500-white-bg-top.gif) left top no-repeat; padding: 5px 5px 0 5px}
.col500 .module .bottomGrey {background: url(../images/module-500-grey-bg-bottom.gif) left bottom no-repeat; height: 4px;}
.col500 .module .bottomWhite {background: url(../images/module-500-white-bg-bottom.gif) left bottom no-repeat; height: 4px;}

/*** FORM STYLES ***/

#toplogin {position: absolute; left: 680px; top: 60px; width: 370px; color: #ccc;}
#toplogin div {float: left; padding-right: 5px; text-align: right;}
#toplogin label {float: left; text-indent: 2px;}
#toplogin div input {width: 110px;}
#toplogin input.button {width: auto; margin-top: 17px;}

#leftsearch label {display: block; text-indent: 2px; line-height: 20px;}
#leftsearch select {width: 100%;}
#leftsearch input {width: 150px; vertical-align: middle;}
#leftsearch input.button {width: auto; vertical-align: middle;}

#commentsform {background: #fff; border: 1px solid #ccc; margin-bottom: 10px;}
#commentsform textarea {width: 470px; height: 100px; margin: 10px 0 10px 10px;}
#commentsform div {padding: 10px; background: #e1e1e1; border-top: 1px solid #ccc; color: #333; height: 24px; line-height: 24px;}
#commentsform div div {padding: 0; border-top: 0px; height: 0; line-height: 0;}

.formSectionHeader {margin: 0 0 1em 0; font-size: 12px; font-weight: bold; color: #333; clear: both;}
.formElement {margin: 0 0 1em 0;}
.formElementLeft {width: 150px; margin: 0 0 1em 0; padding-left: 20px; font-weight: bold; float: left; clear: both;}
.formElementRight {width: 325px; margin: 0 0 1em 0; float: right;}
.formErrorMessage {margin: 0 0 1em 0; color: #cf1b00; clear: both;}

.formElementLeft label {display: block; text-indent: 2px; line-height: 20px;}
.formElementRight input {width: auto; vertical-align: middle;}
.formElementRight input.text {width: 300px; vertical-align: middle;}
.formElementRight textarea {width: 300px; vertical-align: middle;}
.formElementRight select {width: 300px; vertical-align: middle;}

.formSectionHeader250 {margin: 0 0 1em 0; font-size: 12px; font-weight: bold; color: #333; clear: both;}
.formElement250 {margin: 0 0 1em 0;}
.formElementLeft250 {width: 75px; margin: 0 0 1em 0	; font-weight: bold; float: left; clear: both;}
.formElementRight250 {width: 155px; margin: 0 0 1em 0; float: right;}
.formErrorMessage250 {margin: 0 0 1em 0; color: #cf1b00; clear: both;}

.formElementLeft250 label {display: block; text-indent: 2px; line-height: 20px;}
.formElementRight250 input {width: auto; vertical-align: middle;}
.formElementRight250 input.text {width: 155px; vertical-align: middle;}
.formElementRight250 textarea {width: 155px; vertical-align: middle;}

.formFieldElement {margin: 0 0 1em 0; padding-left: 20px;}
.formFieldElement label {width: 125px; margin-right: 10px; vertical-align: top; float: left; text-align: left; font-weight: bold; display: inline;}
.formFieldElement input {width: auto; vertical-align: middle;}
.formFieldElement input.text {width: 300px; vertical-align: middle;}
.formFieldElement textarea {width: 300px; vertical-align: middle;}

/*** NAV STYLES ***/
<!--
#leftnav {background: url(../images/leftnav-bottom.gif) left bottom no-repeat; padding-bottom: 7px;}
#navtabs {height: 20px;}
#navtaba, #navtabb {float: left; width: 110px;}
#navtabs a {display: block; width: 110px; height: 20px; background: url(../images/navtabs.gif); overflow: hidden; line-height: 50px;}
#navtaba a {background-position: 0 0;}
#navtabb a, {background-position: -110px 0;}
#navtaba.on a, #navtaba.on a:hover, #navtaba a:hover {background-position: 0 -20px;}
#navtabb.on a, #navtabb.on a:hover, #navtabb a:hover {background-position: -110px -20px;;}
#navtaba.off a, #navtaba.off a:hover {background-position: 0 0;}
#navtabb.off a, #navtabb.off a:hover {background-position: -110px 0;;}
#navdescription {border: 1px solid #999; background: #efefef; padding: 5px 7px; height: 40; margin: 0; line-height: 13px;}
-->
/*** NAV STYLES ***/

#leftnav {background: url(../images/leftnav-bottom.gif) left bottom no-repeat; padding-bottom: 7px;}
#navtabs {height: 20px;}
#navtaba, #navtabb {float: left; width: 110px;}
#navtabs a {display: block; width: 110px; height: 20px; background: url(../images/navtabs.gif); overflow: hidden; line-height: 50px;}
#navtaba a {background-position: 0 0;}
#navtabb a {background-position: -110px 0;}
#navtaba.on a, #navtaba a:hover {background-position: 0 -20px;}
#navtabb.on a, #navtabb a:hover {background-position: -110px -20px;;}
#navdescription {border: 1px solid #999; background: #efefef; padding: 5px 7px; margin: 0; line-height: 13px;}

#navitems {background: #fff; font-size: 12px;}
#navitems li {background: url(../images/navitems.gif) left bottom repeat-x; border: solid #999; border-width: 0 1px;}
#navitems a {display: block; width: 188px; padding: 4px 15px; font-weight: bold; text-decoration: none;}
#navitems a:hover {background: #929292 url(../images/navitems-roll.gif) left bottom repeat-x; color: #fff;}
#navitems li.on a {background: #f93000 url(../images/navitems-on.gif) left bottom repeat-x; color: #fff;}


/*** THUMB STYLES ***/

.thumbleft {float: left; margin: 0 5px 5px 0;}

div.thumb58 {width: 60px; border: 1px solid #ccc; background: #fff url(../images/thumb-58.gif) left bottom repeat-x; padding: 4px;}
div.thumb58 img {border: 1px solid #fff;}

div.thumb78 {width: 80px; border: 1px solid #ccc; background: #fff url(../images/thumb-78.gif) left bottom repeat-x; padding: 4px;}
div.thumb78 img {border: 1px solid #fff;}

div.thumb110 {width: 112px; border: 1px solid #ccc; background: #fff url(../images/thumb-110.gif) left bottom repeat-x; padding: 4px;}
div.thumb110 img {border: 1px solid #fff;}


/*** CONTENT STYLES ***/

#rightcol ul {margin: 0 1.5em 1em 1.5em;}
#rightcol li {margin: 0 0 6px 0; padding-left: 10px; background: url(../images/bullet.gif) 0 6px no-repeat;}

#homevideo {padding: 0 24px 0 15px; color: #333;}

.homefeatures {background: url(../images/homefeatures.gif) 151px 0 repeat-y; margin: 0 -15px 0 -15px; padding-bottom: 1em; height: 100px; }
	html>body .homefeatures {height: auto;}
.homefeature {float: left; width: 122px; padding: 0 15px;}
.homefeature h3 {margin: 10px 0 2px 0; height: 30px; overflow: hidden;}
.homefeature .description {height: 56px; overflow: hidden;}
.homefeature .viewmovie {display: block; width: 78px; height: 16px; background: url(../images/viewmovie.gif); overflow: hidden; line-height: 50px;}
.homefeature .viewmovie:hover {background-position: 0 -16px;}

.parentvideo {padding: 5px 0px 0px 5px;}
.parentvideo h2 {margin: 2px 0pt;}
.parentvideo h3 {margin: 2px 0pt;}
.parentvideo .description {margin: 2px 0pt;}

.undervideo {width: 468px; background: #fff; border: solid #ccc; border-width: 0 1px 1px 1px; padding: 10px; height: 24px; min-height: 24px;}
	html>body .undervideo {height: auto;}
.undervideo .sendtofriend {float: right; width: 108px; height: 24px; background: url(../images/sendtofriend.gif); overflow: hidden; line-height: 80px;}
.undervideo .sendtofriend:hover {background-position: 0 -24px;}
.undervideo p {margin: 0;}
.undervideo ul {font-size: 12px; margin: 0 0 5px 0 !important;}
.undervideo li {display: inline; padding: 0 !important; background: none !important;}
.undervideo li strong {color: #333;}

.col250 .thumbgrid {padding: 0 15px;}
.col250 .thumbgrid div {margin-bottom: 1em;}
.col250 .thumbgrid ul {clear: both; margin: 1em 11px !important; height: 16px;}
.col250 .thumbgrid li {padding: 0 !important; background: none !important;}
.col250 .thumbgrid li a {display: block; width: 68px; height: 16px; overflow: hidden; line-height: 50px;}
.col250 .thumbgrid li.left a {background: url(../images/back.gif);}
.col250 .thumbgrid li.right a {background: url(../images/next.gif);}
.col250 .thumbgrid li a:hover {background-position: 0 -16px;}
.col250 .thumbbuttons {margin: 0; background: #f0f url();}
.col250 .module .newsection ul {margin: 1em .5em !important;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/* Ratting System */
#rateStatus{float:left; clear:both; width:100%; height:20px;}
#rateMe{padding:0px; margin:0px;}
#rateMe li{float:left;list-style:none;}
#rateMe li a:hover,
#rateMe .on{background:url(../images/star_on.gif) no-repeat;}
#rateMe a{float:left;background:url(../images/star_off.gif) no-repeat;width:12px; height:12px;}
#ratingSaved{display:none;}
.saved{color:red; }