/*
 * plexifilm.com 
 * site css
 *
 * author: john berry [john / ulfmagnet \ com] 
 *
 */

/* ------------------------ */
/* BEGIN TYPOGRAPHY         */
body {  
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 12px;
  background-color: #999966;
  color: #000000;
}

select {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 12px;
}

a,a:visited {
  color: #000;
  font-weight: bolder;	
  text-decoration: underline;
}

a:hover,a:active {
  color: #888;
  font-weight: bolder;	
  text-decoration: underline;
}

h1 a, h1 a:visited, h1 a:hover, h1 a:active {
  color: #000;
  text-decoration: none;
}

h2.hdr { 
  margin-top: 0px;
}

input.txt {   
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 11px;
  height: 20px;
  margin: 0px;
  padding: 4px;
  border: solid 1px #888;
}

#cat-search input.txt, #cat-signup input.txt {   
  height: 1.0em;
}

#cat-signup input.txt { 
  margin: 4px 0px;
}

input.btn {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 11px;
  height: 20px;
  background-color: #ddd;
  border: solid 1px #888;
}

input.txt #searchtxt {
  width: 120px;
}

p.txt { 
  line-height: 1.2em;
}

#banner {
  text-align: left;
}

#banner h1 {
  font-size: 50px;
}

#leftcontent {
  text-align: left;
}

#rightcontent {
  text-align: left;
}

#centercontent {
  text-align: left;
}

.scroller {
  line-height: 1.25em;
  text-align: left;
}

.error {
  margin: 5px 0px;
  color: #f00;
  font-size: 14px;
  font-weight: bold;
}

.clearfix { 
  clear: both;
}

.divider { 
  clear: both;
  margin: 10px 0px;
  border-style: dotted;
  border-width: 0px 0px 1px 0px;
  border-color: #888;
}

.divider-short { 
  clear: both;
  height: 2px;
  margin: 10px 0px;
  border-style: dotted;
  border-width: 0px 0px 1px 0px;
  border-color: #888;
}

a.purchaselink, a:hover.purchaselink, a:active.purchaselink, a:visited.purchaselink { 
  color: #ff6600;
}

/* --------------------------------------- */
/* BEGIN STRUCTURE			   */
/* [based on glish.com's 3 column layout]  */
/*					   */

body { 
  text-align: center;
  margin-top: 0px;
}

#frame {
  width: 820px;
  margin-right:auto;
  margin-left:auto;
  padding:10px 20px 10px 20px;
  text-align:left;
  background-color: #fff;
}

#single-column { 
  
}

#leftcontent {
  width:250px;
  padding: 0px;
  float:left;
  background:#fff;
}

#centercontent {
  width:350px;
  padding:0px;
  float:left;
  background:#fff;
}

/* hide this rule from IE */
html>body #centercontent {
  margin-right: 20px;
}

#rightcontent {
  width:200px;
  padding:0px;
  float:left;
  background:#fff;
}

#contentheader {
  background:#fff;
  height: 46px;
  margin-bottom: 20px;
}

.left-sidebar-body { 
  padding-right: 50px;
}

.center-body { 

}

.right-sidebar-body { 

}

/* --------------------------- */
/* BEGIN FORM ELEMENTS         */

form div.instructions {  
  padding: 0px 0px 5px 10px;
  font-weight: normal;  
  font-size: 14px;
}

form.sidebar { 
  margin-bottom: 15px;
}

form.sidebar h6 { 
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

form fieldset { 
  border: 0;
}

form fieldset div {  
  clear: left;
  display: block;
}

form fieldset div label { 
  display: block;
  float: left;
  text-align: right;
}

form fieldset div input { 

}

form fieldset div label a, 
form fieldset div label a:hover, 
form fieldset div label a:active, 
form fieldset div label a:visited { 
  font-size: 9px;
  color: #ff6600;
}

form fieldset.checkbox input { 
  display: block;
  float: left;
}

form fieldset.checkbox label { 
  display: block;
  margin: 0px 30px;
}

form fieldset.use-border { 
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}

form fieldset div input, form fieldset div select, form fieldset div textarea {
  margin: 0 0 0 0;
}

form fieldset div.single-right { 
  text-align: right;
  padding: 5px 50px;
}

form ul.form-errors, form ul.form-status { 
  font-weight: bold;
  list-style: none;
  margin: 5px 0px;
  padding: 0;
}

form ul.form-errors { 
  color: #f00;
}

form ul.form-errors li, form ul.form-status li { 
  margin: 0;
  padding: 2px 0px;
}

/* --------------------------- */
/* BEGIN PAGE HEADER ELEMENTS */

#bannerimg { 
  width: 600px;
  margin: 0px;
  padding: 0px;
  float: left;
}

/* hide this rule from IE */
html>body #bannerimg {
  margin-right: 20px;
}

#toolbar { 
  padding: 5px 0px 5px 0px;
  border-bottom: dotted 1px #888;
}

#toolbar-continued { 
  padding: 5px 0px 0px 0px;
  border: 0;
}

.toolbar-row { 
  width: 180px;
  float: left;
}

.toolbar-row ul { 
  list-style: none;
  margin: 0;
  padding: 0;
}

.toolbar-row ul li { 
  float: left;
  padding: 0px 4px;
  border-right: solid 1px #888;
  font-size: 0.9em;  
}

#toolbar-continued .toolbar-row ul li { 

}

.toolbar-row ul li a, .toolbar-row ul li a:visited { 
  color: #888;
  text-decoration: none;
  font-weight: normal;
}

.toolbar-row ul li a:active, .toolbar-row ul li a:hover { 
  text-decoration: underline;
}

.toolbar-row ul li.first { 
  padding-left: 0px;
}

.toolbar-row ul li.last { 
  border: 0;
}

.welcometext { 
  color: #ff6600;
}

#errortext { 
  clear: both;
}


/* --------------------------- */
/* BEGIN LEFT SIDEBAR ELEMENTS */

#left-sidebar-ad { 
  margin: 10px 0px 0px 0px;  
}

#qt-badge { 
  margin: 30px 0px 0px 0px;
}

/* --------------------------- */
/* BEGIN RIGHT SIDEBAR ELEMENTS */

#right-top {
  height: 300px;
}

#right-bottom {
  height: 250px;
}

/* --------------------------- */
/* BEGIN MINI-CATALOG ELEMENTS */

#minicatform {
  margin: 0px;
  padding: 0px;
}

h3, #cat-title {
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
}

#cat-covers { 
  margin: 10px 0px;
}

#cat-callout {
  clear: both;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #888;
}

#cat-search {
  margin: 0;
}

#cat-navigation { 
  margin: 5px 0px;
  clear: both;
}

#minicatform select {
  width: 200px;
}

#minicatalog {
  height: 395px;
  width: 200px;
  overflow: auto;
}

.cat-full-view { 
  margin-bottom: 10px;
}

#minicatalog ul { 
  list-style: none;
  margin: 0;
  padding: 0;
}

#minicatalog ul li { 
  float: left;
  margin: 0px 10px 0px 0px;
}

/* hide from IE */
html>body #minicatalog ul li { 
  margin-bottom: 10px;
}

#minicatalog li.cover, #related-product .cover, li.title-list-item .cover {
  float: left;
  height: 115px;
  width: 80px;
}

/* hide from IE */
html>body #minicatalog li.cover, #related-product .cover, li.title-list-item .cover { 
  padding: 1px;
}

#minicatalog li.placeholder, #related-product .placeholder, li.title-list-item .placeholder {
  float: left;
  height: 115px;
  width: 80px;
  border: solid 1px #000;
  font-size: 9px;
}

/* --------------------------- */
/* LEGACY PAGE ELEMENTS	       */

#single-column h2.hdr { 
  padding-left: 75px;
}

#single-column table.legacy { 
  width: 700px;
}

#single-column table.legacy p { 
  margin: 0;
  padding: 0;
}

#single-column table.legacy tr td { 
  padding: 10px 0px;
}

/* --------------------------- */
/* BEGIN HOME PAGE ELEMENTS    */
.altimg {
  height: 120px;
  margin-bottom: 20px;
}

.altimg-placeholder {   		  
  height: 120px;
  width: 180px;
  border: solid 1px #000;   
  padding: 5px;
  font-size: 9px;
}

.headlineimg {
  height: 100px;
  margin-bottom: 20px;
}

.headlineimg-placeholder {   		  
  height: 100px;
  width: 300px;
  border: solid 1px #000;   
  padding: 5px;
  font-size: 9px;
}

/* FEATURED VIDEO */
#featured-media h4 { 
  margin: 0px 0px 10px 0px;  
}

/* FEATURED CONTENT */
#featured-content {
  height: 430px;  /* 120px + 20px + 100px + 20px + 150px + 20px */
  width: 350px;
  margin-top: 5px;
  margin-left: 40px;
}

#featured-content-scroller {
  /* scroller's height is 150px (defined in javascript) */			   
  top: 410px;	/* page's top margin is 20px, banner's height is 100px, images are 280px */
  left: 320px;	/* page's left margin is 40px, left column width is 240px */
  width: 300px;
}

#featured-content-controls {
  top: 560px;	/* scroller's top is at 410px, height is 150px */
  left: 320px;
}

/* ARTICLES */

#featured-article { 
  margin: 10px 0px 20px 0px;
  font-size: 0.9em;
  width: 320px;
}

.article-img { 
  margin-bottom: 10px;
}

.article-date { 
  font-weight: normal;
}

#featured-article h4, #media-viewer h4 { 
  font-size: 1.6em;
  font-weight: bolder;
  margin: 2px 20px 8px 0px;
}

#featured-article h4 a, #featured-article h4 a:visited { 
  text-decoration: none;
}

#featured-article h4 a:hover, #featured-article h4 a:active { 
  text-decoration: underline;
}

.article-info { 
  margin: 2px 0px;
  color: #aaa;  
  font-weight: bold;
}

/* FEATURED NEWS */
#featured-news {
  height: 200px;
  width: 350px;
  margin-top: 20px;
  margin-left: 40px;
}

#featured-news-scroller {
  /* scroller's height is 100px (defined in javascript) */			   
  top: 620px;
  left: 320px;
  width: 300px;
}

#featured-news-controls {
  top: 720px;	/* scroller's top is at 610, height is 100px */
  left: 320px;
}

/* ---------------------------------- */
/* BEGIN MEDIA VIEWER ELEMENTS        */
.media-plugin { 
  margin: 0;
  padding: 0;
  border: solid 1px #888;
}

#email-a-friend { 
  margin: 25px 0px;
}

/* -------------------------------- */
/* BEGIN MEDIA LIST ELEMENTS        */
.media-list h4 { 
  margin: 10px 0px 5px 0px;
  padding: 0px;
}

#leftcontent .media-list h4 { 
  margin-top: 0px;
}

.media-list ul { 
  font-size: 0.9em;
  list-style: none;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.media-list ul li { 
  padding: 8px 0px;
  border-bottom: dotted 1px #888;
}

.media-list ul li.last {
  padding-bottom: 0px;
  border: 0;
}

.media-img { 
  float: left;
  margin-right: 8px;
}

.media-img-large { 
  width: 320px;
  width: 240px;
}

.media-info { 
  margin: 5px 0px;  
}

.media-title { 
  
}

.media-length { 
  font-size: 0.9em;
}

/* LIST: MOST POPULAR VIDEOS */
#most-popular-videos .media-img { 
  width: 67px;
  height: 50px;
}

/* LIST: PRODUCT VIDEO */
#product-videos { 
  padding-top: 10px;
}

#product-videos ul { 
  width: 320px;
}

/* LIST: OTHER VIDEOS YOU MIGHT LIKE */
#related-video { 

}

#related-video ul { 
  width: 320px;
}

/* LIST: MORE NEW VIDEO */
#more-new-video a, #more-new-video a:visited { 
  text-decoration: none; 
}

#more-new-video ul, #centercontent #most-popular-videos ul { 
  font-size: 1.0em;
  width: 320px;
}

#more-new-video ul li { 
  border: 0;
}

#more-new-video .media-img { 
  margin-right: 15px;
  width: 133px;
  height: 100px;
}

#more-new-video .media-title { 
  font-size: 1.2em;
}

#more-new-video .media-description { 
  font-size: 0.9em;
  margin: 2px 0px;  
}

#more-new-video .media-length { 
  font-size: 0.9em;
}

/* LIST: GUEST CURATOR */
#guest-curator-video ul li { 
  border: 0;
  padding: 2px 0px;
}

/* -------------------------------- */
/* BEGIN TITLE DETAIL PAGE ELEMENTS */

#title-detail {
  margin-bottom: 10px;
  padding: 0px;
  /*height: 500px;*/
}

#title-detail ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#title-detail ul li {
  line-height: 16px;
}

#title-detail-img { 
  float: left;
  padding-right: 10px;
}

#title-detail-img .placeholder {
  height: 281px;
  width: 200px;
  border: solid 1px #000;   
  font-size: 9px;
}

ul#title-detail-contents { 

}

ul#title-detail-contents li .current { 
  font-weight: bolder;
  color: #888;
}

#title-subtitle {
  font-weight: bold;
  margin: 10px 0px;
}

#title-summary {
  line-height: 16px;
}

#title-detail-noscroll { 
  padding: 5px 0px;
  width: 320px;
}

#title-detail-scroller {
  /* scroller's height is 180px (defined in javascript) */			   
  top: 385px;
  left: 280px;
  width: 320px;
  font-size: 0.9em;
}

#title-detail-controls {
  top: 585px;	/* scroller's top is at 375px, height is 200px */
  left: 280px;
}

ul#title-links {
  list-style-type: none;
  padding: 5px 0px;
}

ul#title-links li.hdr {
  font-weight: bold;
  line-height: 24px;
}

ul#title-links li {
  line-height: 14px;
}

li.title-list-item dl { 
  margin: 0px 0px 0px 90px;
  padding: 0px;
  list-style: none;
}

li.title-list-item dl dd { 
  margin: 0px 0px 5px 0px;
  padding: 0;
}

/* MEDIA PLAYER */
#media-player {
  width: 350px;
  height: 250px;
  border: solid 1px #000;	     
}

#related-product { 

}

#related-product .cover, #related-product .placeholder { 
  margin-right: 15px;
}

#related-product-details h2 { 
  margin: 0px 0px 5px 0px;
}

#related-product-details ul { 
  list-style: none;
  margin: 0;
  padding: 0;
} 

#related-product-details ul li { 
  padding: 1px 0px;
}

/* SIDEBAR NEWS/BLOG/LINKS */
#sidebar-news {
  font-size: 0.9em;
}

#sidebar-news-scroller {
  /* scroller's height is 150px (defined in javascript) */			   
  top: 320px;
  left: 0px;
  width: 300px;
}

#sidebar-news-controls {
  top: 470px;	/* scroller's top is at 270, height is 150px */
  left: 0px;
}

#sidebar-news .item {
  margin: 15px 0px;
}

.news-related-img { 
  margin-bottom: 10px;
}

.news-date {
  margin-top: 5px;
  padding: 1px 0px;
}

.news-headline {
  font-weight: bolder;
  padding: 1px 0px;
}

.news-content {
  padding: 1px 0px;
}

/* GUEST CURATOR */
#guest-curator { 

}

#guest-curator h4 { 
  margin: 0px 0px 10px 0px;
}

.guest-curator-img { 
  margin: 0;
  padding: 0;
} 

.guest-curator-name  { 
  font-weight: bold;
  font-size: 1.3em;
  margin: 8px 0px 2px 0px;
}

.guest-curator-bio { 
  font-size: 0.9em;
  margin: 0px 0px 5px 0px;
}

/* SEARCH RESULTS */
#search-results { 
  width: 320px;
}

#search-results h2 { 
  margin: 0px 0px 20px 0px;
}

#search-results h3 { 
  margin: 5px 0px;
}

#search-results ul {   
  list-style: none;
  padding: 5px 0px 20px 0px;
  border-bottom: dotted 1px #888;
}

#search-results ul.last { 
  border: 0;
}

#search-results ul li {
  margin: 0px;
  padding: 2px 0px;
}

/* LOGIN FORM */
form#loginform h2 { 
  margin: 0px 0px 20px 0px;
}

form#loginform h4 a, form#loginform h4 a:visited, form#loginform h4 a:active, form#loginform h4 a:hover { 
  color: #ff6600;
}

form#loginform ul.form-errors, form#loginform ul.form-status { 
  color: #ff6600;
}

form#loginform fieldset { 
  padding: 5px 0px;
  margin: 0px;
}

form#loginform fieldset div { 
  margin: 10px 0px;
}

form#loginform fieldset div label { 
  width: 90px;
  height: 8px;
  padding: 5px 12px;
  margin: 0px 0px 5px 0px;
  font-weight: bold;
  font-size: 1.2em;
}

form#loginform div.submit { 
  padding: 10px 0px;
  text-align: center;
}

form#loginform div.submit input { 
  font-size: 1.0em;
}

/* ------------------------ */
/* BEGIN SCROLLING ELEMENTS */

.scroller {
  position: absolute;
  padding: 0px;
  margin: 0px;
  visibility: hidden;
}

.controls {
  position: absolute;
  padding-top: 5px;
  height: 20px;
}

.scrollcontainer {
  position: absolute;
}

#testscroll {
  top: 120px;	/* page's top margin is 20px, banner's height is 100px */
  left: 320px;	/* page's left margin is 40px, left column width is 240px */
  width: 300px;
}

#testcontrols {
  top: 530px;	/* scroller's top is at 120px, height is 400px */
  left: 320px;
  padding: 10px 0px 10px 0px;
}

#testcontainer {
  top: 45px;
  left: 195px;
  height: 255px;
  width: 455px;
  border: solid 1px #000;	       
}

/* --------------------------- */
/* BEGIN POPUP ELEMENTS	       */
#popup-frame {  
  padding: 10px 0px;
  text-align:left;
}

#popup-frame h4 { 
  margin: 0px;
  font-size: 1.6em;
  font-weight: bolder;
  text-decoration: none;
}

#popup-frame .titletext { 
  color: #fff;
}

#popup-frame .error { 
  margin: 10px 0px;
  padding: 10px;
  background-color: #fff;
  font-size: 1.0em;
  line-height: 1.2em;
}

#popup-frame form fieldset { 
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  padding: 5px 5px 5px 5px;
  margin: 20px 0px;
}

#popup-frame form fieldset div { 
  margin: 10px 0px;
}

#popup-frame form fieldset div label { 
  width: 90px;
  padding: 6px 5px;
  margin: 0 0 5px 0;
}

#popup-frame form fieldset div input { 
  width: 240px;
  padding: 1px 3px;
  margin-left: 20px;
}

#popup-frame form fieldset div textarea { 
  width: 360px;
  height: 80px;
  padding: 2px;
}

#popup-frame form div.submit { 
  margin: 20px 0px;
  text-align: center;
}

#popup-frame form div.submit input { 
  width: 80px;
}

/* --------------------------- */
/* BEGIN PAGE FOOTER ELEMENTS */

#contentfooter  { 
  font-size: 0.8em;
  color: #888;
}