html, body { background: #dfdfdf; color: #fff; font: 12px arial, helvetica, sans-serif; }
html { overflow-y: scroll; }
table, th, td { font: 12px arial, helvetica, sans-serif; }

a { color: #fff; text-decoration: underline; }
th, td { vertical-align: top; border: 0px; }

h1, h2, h3 { margin: 0px; padding: 0px 0px 4px; color: #e8ff30; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
h1 { font-size: 18px; }
h2 { font-size: 14px; font-weight: normal; }
h3 { font-size: 13px; font-weight: normal; }
.clear { clear: both; }

fieldset { border: 0; padding: 0; margin: 0; }

#tabs { height: 30px; }
#main { width: 900px; position: relative; }

.flash-message { position: absolute; left: 50%; top: 50%; width: 350px; min-height: 200px; max-height: 400px; overflow-y: auto; border: 1px solid #fff; background: #333; margin: -110px 0px 0px -185px; padding: 20px; z-index: 99999; }
.flash-message .close { position: absolute; bottom: 10px; right: 10px; display: block; text-align: center; width: 50px; line-height: 25px; text-decoration: none; }
.flash-message .close:hover { background-color: #000; }

.tab { opacity: .6; background: #ccc url('../images/tab-photo.png') no-repeat left top; color: #fff; cursor: pointer; float: left; height: 30px; line-height: 30px; text-indent: 30px; width: 300px; }
.tab.active,
.tab:hover { opacity: 1; }
#tab_section_photo { background-image: url('../images/tab-photo.png'); width: 300px; }
#tab_section_video { background-image: url('../images/tab-av.png'); width: 299px; }
#tab_section_text { background-image: url('../images/tab-text.png'); width: 301px; }

.empty-message { color: #666; }

.tabcontent { background: #181818; color: #fff; padding: 25px; }
#tabcontent_frontpage { background: #fff; padding: 0px; }

input[type=text] { color: #000; background: #fff; border: 0px; font-size: 13px; padding: 3px 5px 2px; }
input[type=text].fieldHelp { color: #aaa; }
input[type=button].search,
input[type=submit].search { width: 53px; height: 20px; line-height: 20px; overflow: hidden; color: transparent; background: transparent url('../images/search.png') no-repeat left top; border: 0px; cursor: pointer; margin-left: 5px; }

.sections { background: #181818; color: #fff; height: 235px; }
.sections .section { float: left; width: 280px; padding: 10px; }
.sections .section .image { text-align: center; height: 160px; line-height: 170px; }
.sections .section .image img { vertical-align: top; }
.sections form.search input.search { float: right; }
.sections form.search input[type=text] { width: 205px; float: left; }
.sections form.search { height: 30px; padding: 10px 0px 0px; }
.sections .advanced-search a { padding-left: 10px; background: transparent url('../images/bullet-arrow.png') no-repeat left center; font-size: 11px; font-family: 'Trebuchet MS'; }

.findmedia { background: #181818; height: 225px; margin: 10px 0px 0px; position: relative; }
.findmedia .items { position: absolute; left: 10px; top: 15px; width: 395px; }
.findmedia form.search { float: right; margin: 15px 10px 0px; width: 460px; }

.findmedia #findmedia_query { margin: 5px 0px 10px; }
.findmedia .category-label { display: block; margin: 4px 0px; }
.findmedia .categories { width: 400px; height: 107px; float: left; }
.findmedia .categories li { float: left; width: 185px; text-transform: capitalize; }
.findmedia input[type=submit] { float: right; margin-top: 69px; }

.checkbox-list { background: #fff; color: #181818; overflow: auto; padding: 1px 0px; }
.checkbox-attributes { background: transparent; color: #fff; }
.checkbox-list ul,
.checkbox-attributes ul { margin: 0px; padding: 0px; clear: both; }
.checkbox-list li,
.checkbox-attributes li { margin: 3px 0px 0px 3px; height: 18px; line-height: 18px; list-style: none; }
.checkbox-attributes li { float: left; width: 80px; }
.checkbox-list li input,
.checkbox-attributes li input { float: left; margin-right: 5px; }

.checkbox-list.categories label { text-transform: capitalize; }
.checkbox-attributes.formats label { text-transform: uppercase; }
.tagsearches .checkbox-attributes label { text-transform: capitalize; }

.fieldHelp { color: #a3a3a3; }

.photo.thumbnail { cursor: pointer; }
.video.thumbnail { cursor: pointer; }
.text.thumbnail { cursor: pointer; }

.main { width: 924px; margin: 0px auto; }
.top { background: transparent url('../images/content-top.png') no-repeat 0px 80px; height: 135px; color: #181818; position: relative; }
.content { background: transparent url('../images/content-middle.png') repeat-y left top; padding: 0px 10px 10px; }
.footer { background: #181818 url('../images/content-bottom.png') no-repeat left top; height: 81px; line-height: 61px; padding: 0px 20px; }
.footer a,
.footer a:visited { color: #fff; font-size: 11px; }
.footer .links { display: inline; }
.footer .links a { padding: 0px 5px; }

.top .site-text { padding: 0px 10px; position: absolute; bottom: 10px; left: 0px; }
.top .site-text .name { font-size: 19px; }
.top .site-text .name a { color: #181818; text-decoration: none; }
.top .site-text .name a:hover { text-decoration: underline; }
.top .site-text .subtext { font-size: 13px; }

#tabcontent_video .title { font-size: 18px; font-weight: bold; }
#tabcontent_video .video-details { width: 482px; padding-right: 20px; }
#tabcontent_video .cart-info { float: right; width: 330px; }
#tabcontent_video .description { padding: 20px 0px; }
#tabcontent_video .video-details .details { }

#tabcontent_photo .photo-preview { width: 490px; }
#tabcontent_photo .photo-preview .photo { margin: 0px 0px 20px; }
#tabcontent_photo .photo-preview .photo img { border: 1px solid #fff; }
#tabcontent_photo .photo-details { float: right; width: 340px; }
#tabcontent_photo #photo_related_items { clear: both; padding: 10px 0px; }
#tabcontent_photo #photo_related_items img { display: block; float: left; margin: 0px 7px 7px 0px; }

#tabcontent_text .secondary { float: right; width: 330px; }
#tabcontent_text .description { padding: 20px 0px; }
#tabcontent_text .title { font-size: 18px; font-weight: bold; }
#tabcontent_text .primary { width: 482px; padding-right: 20px; }
#tabcontent_text .video-details .details { }

#tabcontent_search_photo .search-results { float: right; padding: 0px 0px 0px 10px; width: 580px; overflow: hidden; }
#tabcontent_search_photo .search-criteria { width: 240px; padding: 0px 20px 0px 0px; float: left; }
#tabcontent_search_photo .search-criteria .categories { height: 100px; }

#tabcontent_section_photo .primary { width: 580px; float: left; }
#tabcontent_section_photo .secondary { width: 250px; float: right; }
#tabcontent_section_photo .pick .photo { margin: 0px 0px 20px; }


#tabcontent_section_video .primary { width: 580px; float: left; }
#tabcontent_section_video .secondary { width: 250px; float: right; }

#tabcontent_section_text .primary { width: 580px; float: left; }
#tabcontent_section_text .secondary { width: 250px; float: right; }

#video_player { }
#video_player_container { border: 1px solid #ccc; width: 480px; height: 360px; }
#section_video_player_container { border: 1px solid #ccc; width: 480px; height: 360px; margin: 0 0 20px; }
#frontpage_section_video_player { height: 160px; display: block; }

#ajax_loader { position: absolute; left: 462px; bottom: 14px; }
#ajax_loader img { vertical-align: middle; }

#basket { position: absolute; right: 14px; bottom: 40px; font-size: 11px; width: 300px; color: #2d2d2d; }
#basket img { vertical-align: bottom; margin-right: 5px; }
#basket .show-basket { padding: 2px 4px; float: right; width: 140px; }
#basket .show-searches { padding: 2px 4px; float: right; width: 120px; }
#basket a,
#basket a:visited { color: #2d2d2d; }

#tabcontent_basket .primary { width: 580px; float: left; }
#tabcontent_basket .primary .items .item { float: left; width: 155px; margin: 0px 30px 30px 0px; }
#tabcontent_basket .primary .items .item a { display: block; width: 155px; line-height: 154px; height: 155px; background: #000; text-align: center; }
#tabcontent_basket .primary .items .item a img { vertical-align: middle; }
#tabcontent_basket .primary .items .item .title { font-weight: bold; line-height: 18px; height: 19px; overflow: hidden; }
#tabcontent_basket .primary .items .item .description { margin: 2px 0px 4px; height: 31px; overflow: hidden;  }
#tabcontent_basket .primary .items .item select { width: 100%; }
#tabcontent_basket .secondary { width: 250px; float: right; }
#tabcontent_basket .select-title .select { float: left; margin-right: 5px; line-height: 18px; }
#tabcontent_basket .selection-actions { padding: 5px 0px; }
#tabcontent_basket .selection-actions > a { padding: 2px 0px 2px 20px; display: block; margin: 10px 0px; }
#tabcontent_basket .selection-actions #basket_download_email_container { }
#tabcontent_basket #basket_download_all { background: transparent url('../images/suitcase.png') no-repeat left center; }
#tabcontent_basket #basket_remove_selected { background: transparent url('../images/remove.png') no-repeat left center; }
#tabcontent_basket .select-actions { padding: 0px 0px 10px; }

#terms_container { height: 200px; overflow: auto; margin-bottom: 20px; }

#tabcontent_html h1 { color: #fff; padding: 0px 0px 15px; }
#tabcontent_html .primary { float: left; width: 610px; padding-right: 20px; border-right: 1px dashed #3f3f3f; }
#tabcontent_html .secondary { float: right; width: 200px; }
#tabcontent_html .menu ul { margin: 0px; padding: 10px 0px; }
#tabcontent_html .menu ul li { margin: 3px 0px; list-style: none; }
#tabcontent_html .menu ul li:hover { list-style-image: url('../images/bullet-arrow.png'); }
#tabcontent_html .menu ul li:hover a { color: #fff; }
#tabcontent_html .menu ul li a { color: #909090; display: block; text-decoration: none; }

#tabcontent_search .primary { float: left; padding: 0px 20px 0px 0px; width: 560px; }
#tabcontent_search .secondary { float: right; width: 250px; padding: 0px 0px 0px 20px; }
#tabcontent_search .categories li label { text-transform: capitalize; }

.search-results .item { float: left; width: 155px; height: 230px; margin: 0px 30px 30px 0px; }
.search-results .item .picture-link { display: block; width: 155px; height: 155px; line-height: 154px; text-align: center; background: #000; }
.search-results .item .picture-link img { vertical-align: middle; }
.search-results .item .title { display: block; text-decoration: none; font-weight: bold; margin: 4px 0px 2px; padding: 0 16px 0 0; background: transparent url('../images/media_types.png') no-repeat 100% 999px; }
.search-results .item.photo .title { background-position: 100% -96px; }
.search-results .item.video .title { background-position: 100% 0; }
.search-results .item.text  .title { background-position: 100% -48px; }
.search-results .item .description { margin: 2px 0px 4px; height: 31px; overflow: hidden; }
.search-results .item object,
.search-results .item embed { display: block; width: 155px; height: 155px; }
.search-results .item .actions a { display: block; padding: 3px 0px 3px 25px; }
.search-results .item .actions a.add-to-basket { background: transparent url('../images/addtoselection.png') no-repeat left center; }
.search-results .item .actions a.more-clips { background: transparent url('../images/clip.png') no-repeat left center; }
input.search.last-search { float: right; clear: left; }

.search-type { margin: 4px 0; }
.search-type input[type=radio] { vertical-align: middle; }
.search-type label { margin-right: 20px;  }

.top-navigation { margin: 0px 0px 20px; }
.top-navigation .back { color: #fff; background: transparent url('../images/back-arrow.png') no-repeat left center; padding-left: 15px; margin-right: 10px; }
.top-navigation .similar { color: #fff; background: transparent url('../images/similar.png') no-repeat left center; padding-left: 15px; }

.more-info { margin: 10px 0px; display: block; text-align: center; }

.sub-section { padding: 10px 0px 10px; clear: both; }

table.attributes td { padding: 2px 4px; }
input.add-to-basket { background: transparent url('../images/addtocart.png') no-repeat left top; width: 133px; height: 20px; line-height: 20px; border: 0px; color: transparent; cursor: pointer; }

.truncate_more_link { display: none }
.taglist { width: 234px; }
.taglist li { margin: 3px 0px 3px; float: left; width: 110px; list-style-image: url('../images/bullet-arrow.png'); }
.taglist li a { text-transform: capitalize; }

.media-tags a.tag { text-decoration: none; }
.media-tags a.tag:hover { text-decoration: underline; }

.category { text-transform: capitalize; }

.tabcontent.section h1 a,
.tabcontent.section h1 a:visited { color: #e8ff30; text-decoration: none; }
.tabcontent.section .pick { border-bottom: 1px dashed #3f3f3f; padding-bottom: 20px; }
.tabcontent.section .pick img { border: 1px solid #fff; }
.tabcontent.section .focus { float: left; width: 300px; }
.tabcontent.section .focus .items { margin: 6px 0px 0px; }
.tabcontent.section .focus .items .item img { display: block; }
.tabcontent.section .focus .items a.item { float: left; margin: 0px 7px 7px 0px; width: 43px; height: 43px; }
.tabcontent.section .taglist { float: right; width: 234px; padding-left: 20px; border-left: 1px dashed #3f3f3f; }
.tabcontent.section .taglist ul { margin: 6px 0px 0px; }
.tabcontent.section .focus,
.tabcontent.section .taglist { padding-top: 20px; }
.tabcontent.section .taglist ul { margin-left: 12px; }
.tabcontent.section .categories { max-height: 450px; }

.mediathumbs a.item { float: left; margin: 0px 7px 7px 0px; width: 43px; height: 43px; position: relative; }
.mediathumbs a.item img { display: block; }
.mediathumbs a.item span { display: none; position: absolute; width: 43px; height: 43px; top: 0px; left: 0px; }
.mediathumbs a.item.video:hover span { display: block; background: transparent url('../images/play-hover.png') no-repeat center center; z-index: 9999; }

.list-actions { float: right; line-height: 18px; }
a.tickbox { text-decoration: none; padding-left: 20px; margin-right: 20px; background: transparent url('../images/tick.png') no-repeat left center; }

.flash-overlay { position: absolute; width: 280px; height: 160px; display: block; text-decoration: none; }
.search-results .flash-overlay { width: 155px; height: 155px; }
.search-pager { clear: both; border-top: 1px dashed #3f3f3f; }
.search-pager .pager { margin: 0px; padding: 10px 20px; }
.search-pager .pager li { float: left; list-style: none; height: 20px; line-height: 20px; width: 20px; text-align: center; margin: 2px 10px 0px 0px; }
.search-pager .pager li:hover,
.search-pager .pager li.active { background: #333; }
.search-pager .pager li.page-previous { width: auto; background: transparent url('../images/pager-previous-arrow.png') no-repeat left center; padding-left: 10px; }
.search-pager .pager li.page-next     { width: auto; background: transparent url('../images/pager-next-arrow.png') no-repeat right center; padding-right: 10px; }
.search-pager .pager li a { display: block; color: #d7d7d7; }