body, html {
  margin: 0px; 
  padding: 0px;
  width:800px;
}


.BodyCopy {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666666;
}
.BodyCopyWht {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
}
.NavCopyWht {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
}
.BodyCopyBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #006699;
}
.ClipNumber {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #3399CC;
}
.HDDVclip {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}
.Category {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #3399CC;
}

A:link{
    color:#3399CC;
    text-decoration:underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
}

A:visited{
    color:#3399CC;
    text-decoration:underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
}

A:hover{
    color:#3399CC;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
}

.BorderTable{
    border: 2px solid #CCCCCC;
}

A:link#SubNavLink{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
    text-align: right;
    background-color: #66CBFF;
}

A:visited#SubNavLink{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
    text-align: right;
    background-color: #66CBFF;
}

A:hover#SubNavLink{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #3399CC;
    text-decoration: none;
    text-align: right;
    background-color: #66CBFF;
}

.SubNavText{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
    text-align: right;
    background-color: #66CBFF;
}

.FooterText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
    text-align: right;
    background-color: #66CBFF;
}

div#copyHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding:10px; 
    background-color:#66CCFF;
}

div#nav {
    width: 195px;
    height:100%;
    margin: 0px;  
    padding: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666666;
}

div#category_nav {
    padding:0px;
    margin:0px;
}

div#freeBackgrounds {
  background-color: #666666;
  width: 187px;
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  
}

div#freeBackgrounds div#title  {
  font-family: Lucida Grande, Lucida, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 100;
  color: #FFFFFF;
  margin-bottom:10px;
}

div#subNav {
  background-color: #66CBFF; 
  width: 800px; 
  height: 1.2em; 
  text-align: right; 
}

div#content {
    margin: 0px;
    padding: 5px 10px 5px 10px;
    width: 550px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

div#content h2 {
  padding-top:0px;
  margin-top:0px;
  font-size: 16px;
}

div#cartmenu {
  width:500px;
  padding-bottom:20px;
}

div#footer {
    clear:  both;
    width: 800px;
    height: 2.4em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFF;
    text-decoration: none;
    text-align: right;
    vertical-align: bottom;
    padding:0px;
    margin-top: 0px;
    background: #66CBFF url('/images/bottombar.gif') repeat-x;
}

table#orderDetails {

}

table#orderDetails th {
  text-align: left;
  font-size: 14px;
  text-decoration: underline;
}

table#orderDetails td#label {
  width: 8em;
}

table#orderDetails td#value {
  font-weight: bold;
}

span#cartIndicator {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div#content #errorExplanation {
  width: 400px;
  border: 2px solid #caa;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

div#content #errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  color: #c00;
}

div#content #errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

div#content #errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.label {
  vertical-align: middle;
  font-weight: bold;
}

table#editAttributes input[type="text"] {
  width:160px;
}

#searchResult {
  float:left;
  width:170px;
  height:20%;
  margin:6px;
}

#searchResult #summary {
  display:block;
  width:170px;
}

div#paginator {
  float:left;
  width:50%;
  height:25px;
}

div#category {
  float:right;
  width:50%;
  height:25px;
  text-align:right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  color: #3399CC;
}

#videoDetails {
  clear:both;
  width:308px;
  margin-top:30px;
}

#hdvPreview {
  float:left;
  width:308px;
  margin-right:10px;
}

#hdvDetails {
  float:left;
  width:300px;
}

#dvPreview {
  float:left;
  width:230px;
}

#dvDetails {
  float:left;
  width:231px;
}

#sash {
  padding:5px;
  background-image:url(/images/sash_background.gif);
  border: 2px solid #f0f0f0;
}

#addToCart {
  margin:10px 0px 10px 0px;
  vertical-align: middle;
}

#addToCart label {
  font-weight:bold;
  margin-right:10px;
}

#addToCart img {
  margin-left:10px;
  vertical-align:text-bottom;
}

#tableLike { 
  width:100%; 
} 

#tableLike span.label { 
  float:left; 
  width:40%; 
} 

#tableLike span.value { 
  float:right; 
  width:60%; 
  text-align: left; 
} 

#tableLike div.row { 
  clear:both; 
}

#videoCategory {
  padding:4px;
  float:left;
  width:85px;
}

#videoCategory #summary {
  text-align:left;
  width:70px;
  padding-bottom:10px;
}

#motionGraphicThumbs {
    float:right;
    width:200px;
}

#motionGraphicThumbs img {
    padding:7px;
}


/* ADMIN STYLES */

div#adminContent {
    margin: 0px;
    padding: 5px 10px 5px 10px;
    width: 800px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

table.list {
    width: 90%;
    border-collapse: collapse;
	}

tr.listHeaderRow {
    background: #efefef;
	}

th.listHeaderCell {
    padding: 3px;
    border: 1px solid #cbcbcb;
	}

tr.listRow {
    background: #ffffff;
	}

tr.listRowHighlight {
    background-color: yellow;
}


td.listCell {
    padding: 3px;
    border: 1px solid #cbcbcb;
    vertical-align: top;
	}

/* Adding styles for subscription elements */
#front_page_join, #front_page_join a:link, #front_page_join a:hover, #front_page_join a:visited  {
    font-size: 14px;
}
#front_page_join {
    line-height: 1.4;
    margin: 8px 2px 10px 2px;
    padding: 0 3px 10px 3px;
    border-bottom: 1px solid #ccc;
}
#front_page_join .header {display: block; font-weight: bold; color: inherit;}
#front_page_join span {color: #0198cd; font-weight: bold; }
#front_page_join #user_login, #front_page_join #user_password {width: 170px;}

#front_page_login, #front_page_login a:link, #front_page_login a:hover, #front_page_login a:visited  {
    font-size: 12px;
}
#front_page_login form { line-height: 1.4; }
#front_page_login .button-bar { margin-top: 6px; }
#front_page_login {
    line-height: 1.2;
    margin: 8px 2px 12px 2px;
    padding: 0 3px 12px 3px;
    border-bottom: 1px solid #ccc;
}
#front_page_login .header {display: block; font-weight: bold;}
#front_page_login #user_login, #front_page_login #user_password {width: 170px;}

#nav #category_nav {margin: 0 2px; padding: 0 3px; }
#nav #category_nav form#navForm #category {width: 170px; }
#nav #category_nav {margin-bottom: 10px; }
#nav form {margin: 0; padding: 0;}

#header_join_now_link {
    position: absolute;
    z-index: 100;
    top: 106px;
    left: 657px;
    height: 18px;
    width: 130px;
    text-indent: -1000px;
}

#front_page_splash {border: 1px solid #ccc; margin-left: 4px;}

#user_search {float: right; clear: right;}

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {border: 1px solid #CC0000;}

div#warning {color: #CC0000; font-size: 130%;}
div#error {color: #CC0000; font-size: 130%;}
div#notice {color: #0198CD; font-size: 130%; margin-bottom: 0.5em;}
div#message {color: #0198CD; font-size: 130%;}