/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent; 
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #333; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* 
 * minimal base styles 
 */


body, select, input, textarea { 
    /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
    color: #444; 
    /* set your base font here, to apply evenly */
    /* font-family: Georgia, serif;  */   
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }


/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
    padding: 15px; 

    /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
   
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #181818; color:#fff; text-shadow: none; }
::selection { background:#181818; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Primary Styles
   Author: markj 
*/

/* common styles */

body, #nav, #main_nav, #sub_nav, #listen, #info { background: #FFF; }

#wrapper, #infoWrapper { background: #fff;  }

/* end common styles */ 

body { color:#333; font:11px Verdana, Arial, Helvetica, sans-serif; }

#wrapper { width: 960px; margin: 0 auto;


}

#header { 
    background:#FFF;
    width: 960px;
    height: 120px;
    overflow: hidden;
    padding-top: 15px;
}

#logo { float: left;  }

/* home */

.col {
    float: left;
    margin-top: 10px;
}

.col.main {
    width: 660px;
    font-size: 12px;
}

.col.main h2, .commercial h3, .production h3 {
    font-size: 14px;
    line-height: 20px;
}

.col.main h2, #logo-scroller h3 {
    border-bottom: 7px solid #EE3940;
    padding: 5px 0 5px 5px;
}

.col.main ul {
    list-style: disc;
    margin-left: 15px;
    line-height: 18px;
}

.register_button {
    float: left;
    margin: 15px 10px 15px 12px;
    margin-top: 15px;
    border-radius: 5px;
    width: 140px;
    height: 50px;
    display: block;
    font-size: 18px;
    line-height: 25px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.commercial a.register_button {
    background: #0278BE;
    color: #fff;
}

.production a.register_button {
    background: #8CC63E;
    color: #fff;
}

.register_text {
    float: left;
    width: 140px;
    margin-top: 15px;
}

.col.main .register_text p {
    font-size: 12px;

    line-height: 12px;
    margin-bottom: 10px;
}

.col.main .commercial .register_text p {
    color: #0278BE;
}

.col.main .production .register_text p {
    color: #8CC63E;
}

.grid {
    overflow: hidden;
    margin: 0 11px 35px 10px;
    width: 299px;
}

.square {
    float: left;
    width: 95px;
    height: 95px;
    margin: 2px;
    overflow: hidden;
    vertical-align:middle;
}

.square img {
    width: 95px;
    height: 95px;
    margin: 0;

}

.col.main li {
    margin-bottom: 5px;
}
/*

.col.main p {
    font-size: 21px;
    line-height: 30px;
    color: #BEB7AD;
    margin-bottom: 20px;
}*/

.col.main {
    margin-top: 20px;
}

.commercial {
    color: #0278BE;
}

.col.commercial {    
    width: 320px;
    padding-right: 20px;
}

.commercial a {
    color:#0278BE;
    text-decoration:none;
}

.col.commercial .square {
    background: #0278BE;
}

.production {
    color: #8CC63E;
}

.production a {
    color: #8CC63E;
    text-decoration:none;
}

.col.production {
    width: 320px;
}

.col.production .square {
    background: #8CC63E;
}

.col.main span {
    color: #222;
}

.col.side {
    width: 280px;
    padding-left: 20px;
}

.contact_for_more_info {
    margin-top: 7px;
    font-size: 16px;
    font-weight: bold;
    color: #EE3940;
    margin-bottom: 30px;
}

.contact_for_more_info p {
    margin-bottom: 10px;
}

.telephone {
    display: block;
    font-size: 16px;
    margin: 2px 0;
}

.register img {
    float: left;
    margin-left: -8px;
    margin-top: -3px;
}

.register img:hover {
    opacity: 0.8;
}

.register p {
    margin-top: 3px;
}

#testimonials {
    position: relative;
    height: 300px;
    background: #F2F2F2;
    padding-top: 30px;
    overflow:hidden;
}

.js #testimonials, .no-js #next-testimonials {
    display: none;
}

#next-testimonials {
    position: absolute; 
    top: 10px;
    right: 20px;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

#next-testimonials:hover {
    text-decoration: underline;
}

blockquote {
    padding: 10px 15px 0px;
    margin-bottom:15px;
    font-size: 12px;
    color: #2f2f2f;
    font-style: italic;
}

blockquote p {
	font-size: 12px;
}

.author {
    font-weight: bold;
    font-style: normal;
    margin-top: 20px;
    font-size: 13px;
}

#logo-scroller {
    overflow: hidden;
}

#logo-scroller h3 {
    margin-top: 0;
}

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
*/
#scroller-outer {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 898px;
    height:97px;
    margin-bottom: 20px;
    float: left;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
#scroller-inner {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

#scroller-inner p {
    float:left;
    width:898px;
    height: 97px;
    line-height: 97px;
    overflow: hidden;
    margin-left:5px;
}

#scroller-inner  span {
    width: 148px;
    height:124px;
    text-align:center;
    padding:0;margin:0 auto;
    float:left;
    display:block;

}

/* single scrollable item */
#scroller-outer img {
    /*margin: -5px 7px 0 7px;*/
    /*width: 131px;
    height: 97px;*/
    padding: 0;
    vertical-align: middle;
}

.browse {
    background: url(../images/scroller-sprites.jpg);
    width: 31px;
    height: 97px;
    float: left;
    cursor: pointer;
}

.browse:hover {
    opacity: 0.8;
}

.next {
    background-position: -31px 0;
}

/* end home */

/* new login bar */

#login_bar_outer {
    border-bottom: 1px solid #e4e4e4;
}

#login_bar { 
    background:#F2F2F2;
    height:37px;

    overflow: hidden;
    color: #6E6E6E;
    border-bottom: 1px solid #fff;
    font-size: 11px;
}

#login_bar_inner {
    width: 960px;
    margin: 0 auto;
}

#login_bar_date {
    margin-right:15px;
    float: left;
    margin-left: 0px;
    margin-top:12px;
    font-size:10px;
}

#login_bar_welcome {
    text-align: right;
    
    margin-right: 10px;
    float: right;
}

div.twitter-follow-box {
    float:left;overflow:hidden;margin-top:9px;
}

.login_bar_button {
    display: block;
    float: right;
    width: 65px;
    height: 20px;
    margin-top: 10px;
    margin-right: 15px;
}

.login_bar_button:hover {
    opacity: 0.8;
}


#login_button {
    /*background: url(../images/login_button.jpg);*/
    margin-left:12px;
    width:65px;
	
	background: #86C840;
	color:#FFF; 
	text-decoration:none; 
	font-size:10px;
	padding:2px 8px;
	vertical-align:middle; 
	border-radius:8px;
	text-transform:uppercase;
	font-weight:bold;  
	border:none;
	display:block; 
	width:50px;
	float:right; 
	text-align:center;

	
}

#login_button:hover, #logout_button:hover {
	opacity: 0.8;
	}

	
#logout_button {
    /* background: url(../images/logout_button.jpg);*/
    background: #F00;
	color:#FFF; 
	text-decoration:none; 
	font-size:10px;
	padding:2px 8px;
	vertical-align:middle; 
	border-radius:8px;
	text-transform:uppercase;
	font-weight:bold;  
	margin-top: 6px;
	display:block; 
	width:50px;
	float:right; 
	text-align:center;
}


#change_password {
    float: right;
    color: #0079C2;
    padding-top:1px;

}

#login_bar_welcome select {
    float: right;
    width: 120px;
    font-size: 13px;
    margin-top: 10px;
    margin-left: 15px;
    font-size:11px;
}

#login_bar_welcome a {
    margin:0; margin-left:10px; line-height:normal; 
}


form.login_form {


    float:right;

}

form.login_form label {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    float:left;
    line-height:22px;
    font-weight:normal;
    width:auto;
    color:#999;
    height:auto;
}
.login_form input {
    float:left;
    margin:0px 4px 0px 5px;
    vertical-align:middle;
    font-size:12px;
    width:120px;

}


#welcome_message {
    width:254px;display:block;
    text-align:right;white-space: nowrap;
    float:right; padding:0px;margin-top:2px;
    text-overflow: ellipsis;overflow: hidden;
}


#error_notification  {
    margin-left:475px;
    float:left;

}

#error_notification img {
    float:left;	 margin-top:2px;
    margin-bottom:5px;
}

#error_notification p {
    float:left;	margin-top:3px;
    margin-left:5px;
    color:#F00;

}

/* end new login bar */

/* new header navigation */

#header {
    position: relative;
}

#header.home-header {
    background: url(../images/home-header.png) right no-repeat;
}

#header .cobranding {
    position: absolute;
    left: 115px;
}

.psquared #header .cobranding, .psquarednocm #header .cobranding {
    width: 150px;
    height: 57px;
    top: 35px;
}

#header_nav {
    float: right;
    margin-top: 23px;    
    width: 590px;
}

#header_nav ul {
    clear: both;
}

#service_title {
    width: 440px;
    float: right;
    line-height: 36px;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: url(../images/service_title.png) no-repeat;
}

.cm-button, .pm-button, .sep, .arrow {
    background: url(../images/header-sprites.png) no-repeat;
    display: block;
    float: left;
}

.cm-button:hover, .pm-button:hover {
    opacity: 0.6;
}

.arrow {
    background-position: -567px 0;
    width: 15px;
    height: 14px;
    position: absolute;
    bottom: 0;
    right: 315px;
}

.cm-button {
    width: 275px;
}

.pm-button {
    width: 272px;
    background-position: -275px;
    padding-top: 2px;
}

.sep {
    width: 5px;
    background-position: -547px 0;
    margin: 0 19px;
}

.navitems ul {
    float: right;
}

.navitems li {
    display: inline;
}

.navitems a {
    color: #0278BE;
    text-decoration: none;
    border-right: 1px solid #000;
    text-transform: uppercase;
    font-size: 14px;
    padding-right: 4px;
}

.navitems a:hover {
    text-decoration: underline;
}

.navitems .last a {
    padding-right: 0;
    border-right: 0;
}

/* end new header navigation */


h1 { font-size: 14px; margin: 0 0 5px 0; }

#results_overview h1 { float: left; padding: 1px 5px 0 0; }

#results_overview.cart { padding: 0 5px 5px 0;  }

/* player window */

#player_banner {
    background: url(../images/player-banner.png) no-repeat;
    height: 60px;
    margin-bottom: 10px;
}

#listen {
    padding: 10px;
}

#player_wrapper { 
    width: 460px;
}

/* info window */

#track_details { background: none #fff; margin: 0; }
#artwork { float: left; margin-right: 20px; width: 116px; }
#artwork img { border: 1px solid #444; }
#details { background: #fff; padding: 10px; position: relative; height: 500px; margin: 10px; line-height: 14px; }
#details ul { margin-bottom: 20px; list-style: none; }
#details ul li { padding-bottom: 5px; overflow: hidden; }
#details label { font-weight: bold; display: block; float: left; width: 130px; }
#details span { display: block; float: left; width: 210px; }
#detailsContent { float: left; }
#ilmid { position: absolute; bottom: 10px; left: 10px; }
#ilmid label { width: 50px; margin-right: 5px; }
.notice { margin: 5px 0; color: #c00; display: block; width: 335px; }
.notice span { font-weight: bold; }
.copy a { color: #E74098; }
.copy img { margin: 10px 0; display: block }
li.clear { clear: both; height: 1px; padding: 0; margin: 0; }
span span { color: #c00; font-weight: bold; display: block; margin-top: 10px; }

/* list defaults */

ul { margin: 0; list-style: none; }

/* nav */

/*#nav, #footer_nav { overflow: hidden; }*/

#footer_nav { overflow: hidden; }

#nav { height: 70px; position: relative;  background:#0278BE; }

#nav.home {
    height: 43px;
    background: #EE3940;
}

#nav li { font-size: 12px; line-height: 35px; display: inline; }

#nav a { text-decoration: none; padding: 0 10px; float: left;  color: #fff; }

#nav a:hover {
    background: #fff;
}

#main_nav { left: 0; }

#main_nav, #nav a { height: 35px; }

#main_nav a { text-transform: uppercase; background: #f2f2f2; color: #787878; border-right: 1px solid #fff; }

#main_nav ul ul a {
    border-right: 0;
}

#main_nav { width: 450px; position: absolute; top: 0; }

#slideshow { margin: 10px 0 0 20px; float: left; }

.no-js #slideshow {
    margin-top: 0;
}

#main_nav {
    width:960px;    
    display:block;
    background:#f2f2f2;
}

#main_nav #home_link { background: #EE3940; text-shadow: none; color: #fff; }

#nav ul.active_sub_menu, #nav li.active ul { display: block; position: absolute; left: 0; top: 35px; width: 960px; padding: 0; }

#main_nav li.active a { text-transform: uppercase; }

#nav li.active ul a { text-transform: capitalize; }

#nav li.active a { color: #fff; background: #0079c2;; }

#nav ul ul a, #nav .active a { color: #fff;  text-transform:capitalize;  }

#nav ul ul { display: none;  }

#nav .active_sub_menu li a { font-weight: normal; background: transparent; }

#nav .active_sub_menu li.active a { font-weight: bold; }

/* end nav */

/* footer */

#footer {
    margin-bottom: 50px;
}


#footer .cobranding {
    background: #f2f2f2;
    margin-bottom: 10px;
    padding: 10px 0;
    overflow: hidden;
    line-height: 53px;
}

#footer .cobranding img {
    float: left;
}

#footer_nav { background: #181818; height: 20px; }

#footer a {
    color: #D70101;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer p {
    margin-top: 10px;
}

/* end footer */

#content { 
min-height: 300px; 
/*margin: 10px 0; */
margin: 0px;
overflow: hidden; }

.ie6 #content { height: 300px; }

/* forms */

form li { padding: 8px 0; overflow: hidden; }

label { width: 120px; display: block; float: left; font-weight: bold; }

input#submit,input#hide_save,input#hide_open { width: 60px; }

input#clear_search { width: 85px; }

#forgotten_password { padding-left: 125px; margin-top: 10px; }

h3 { margin: 15px 0 10px 0; }

li h3 { margin: 0; display: inline; font-weight: normal; }

/* search filters */

div.selector { float: left; }

.ie6 .selector li { height: 12px; }

.selector p,div.scrollable { margin-left: 5px; }

div.selector label { font-weight: normal; width: auto; }

#content .selector input { width: 15px; float: left; }



/* table styling - needs cleaning up */

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: left;
    margin: 10px 0;
}

.inactiveaudition_link, .download_link_alternative, .inactivedownload_link  { display: none; }

th { background: #0079c2; height: 20px; line-height: 20px; color: #fff; padding: 5px; text-align: left; }

th a {
    color: #fff;
}

table a:hover {
    text-decoration: underline;
}

td { padding: 5px; font-size: 11px;  height: 20px; background: #fafafa; }

tr.odd td {
    background: #ededed;
}

td td {
    border-top: none;
}

tr.hovered td { background: #ff0; }

.text_left td,.text_left { text-align: left; }

table a { text-decoration: none; }

table .fixed { width: 60px; text-align: center; }


table th {

    vertical-align:middle;
    padding: 0px 6px;
}

table td.fixed2, table th.fixed2 {
    width: 20px;
    text-align: center;
    font-size: 10px;
}


table h1 { font-size: 11px; font-weight: normal; }

#content .table_track_child { background: #ccc; }

#content .table_track_child td { background: #ccc; text-shadow:none; border-top: none; } 

#content .more_info { width: 100px; margin-bottom: 2px; }

a.add_to_project,a.remove_from_project,a.in_cart { height: 16px; width: 16px; display: block; margin: 0 auto; }

a.add_to_project.in_progress, a.remove_from_project.in_progress, a.in_cart.in_progress { background:url(/global/images/loader.gif) 0 0 no-repeat; }

.in_progress img { display: none; }

td li { font-weight: bold; padding: 2px 0; }

td input { float: left; display: block; }

table ul { overflow: hidden; }

table li { overflow: hidden; text-align: left; font-weight: normal; padding: 0; }

table li span, #infoWrapper span { font-weight: bold; float: left; width: 90px; }

#infoWrapper span { width: 130px; }

div.multiple_line { float: left; width: 255px; }

div.multiple_line.cart_view { width: 340px; } 

div.multiple_line.album_view { width: 460px; }

div.multiple_line.album_results_view { width: 260px; }

div.multiple_line.album_display_view { width: 430px; }

div.multiple_line.info_view { width: 280px; }

li.half { width: 300px; float: left; }

.album_track_versions .half { width: 300px; }

div.display_controls { overflow: hidden; }

.button { cursor: pointer; background: #8CC63E; color: #fff; font-weight: bold; display: block; float: left; height: 20px;text-align: center; line-height: 20px; margin: 7px 5px 5px 0; text-shadow: none; font-size: 10px; padding: 0 8px; }

.button.alt, .button.alt:hover { background:#369;  }

#go_back .button, #go_back .button:hover { background: #650068; }

.button:hover {
    text-shadow: 1px 1px 0px #000;
}

span.hide_form { float: none; }

.button:hover { color: #fff; text-decoration: none; }

a.button { width: 120px; text-decoration: none;  }
a.button:visited { color: #fff; }

#album_display { border: 2px solid #ccc; width: 710px; margin-bottom: 10px;  float: left;}
#album_display td { border-top: none; }

#go_back { width: 125px; float: left; height: 80px; }
#album_results_display_head { margin-top: 10px; }

#go_back a,#album_navigation a {  margin-top: 0; margin-bottom: 5px; padding: 0; }
#album_navigation { float: left; }
#album_navigation a { float: none; margin-left: 5px; width: 115px; padding: 0; }


#content td li a, p a { text-decoration: underline; }

#results_filter { margin-bottom: 10px; overflow: hidden; height:160px;  }
#results_filter #submit { float: right; margin: 10px 10px 0 0; } 
#results_filter li { padding: 5px 0; }
#results_filter .filter_right input { width: 15px;  float: right; padding: 0; margin: 0; height: 20px; }
#content #results_filter select { width: 130px; }  

div.sort_order_filter { width: 276px; float: left; margin: 0 10px; border: 2px solid #ccc; padding: 10px; background:#ededed; height: 90px; position: relative; }
.sort_order_filter li, .sort_order_filter h2  { font-size: 10px; }
.sort_order_filter h2 { padding: 2px 0 0 5px; margin-bottom: 10px; }

.sort_order_filter.disabled *, .sort_order_filter.not_available * { display: none; }
a.add_sort_option, .not_available_message { font-size: 14px; color: #ccc; display: none; left: 0; top: 0; height: 110px; width: 296px; line-height: 110px; }
.disabled .add_sort_option, .not_available .not_available_message { display: block; }

.add_sort_option, .remove_sort_option, .not_available_message {  text-decoration: none; cursor: pointer; font-weight: bold; text-align: center;  position: absolute;  }

.not_available_message { cursor: text; }

.remove_sort_option { background: #A10101; color: #fff; text-shadow: 1px 1px 0px #000; padding: 2px 0; width: 15px; font-size: 10px;  top: 10px; right: 10px; }
.remove_sort_option:hover { color: #fff; }

a.add_sort_option:hover { color: #333; }
a.remove_sort_option { color: #fff; }

#sort_order_error { display: none;}
#sort_order_error.preferences { margin-top: 15px; }

li.filter_left { margin-top: 5px; }
li.filter_left { width: 140px; float: left; height: 40px; }
li.filter_right { width: 130px; float: right; margin-right: 0px; line-height: 20px; margin-bottom: 5px; }
.filter_right label { width: 80px; float: right; }

.table_track_child, #results_filter, ul.track_info, #open_cart_form, #save_cart_form { display: none; }

#results_filter.preferences { display: block; padding-top: 20px; margin-bottom:0; height: 140px; }

#results_overview { overflow: hidden; }
#results_count { width: 400px; float: left; font-weight: normal; margin-bottom: 10px; margin-top: 5px; }
#filter_toggle { width: 205px; float: right; margin-bottom: 10px; }

div.scrollable { height: 200px; width: 450px; overflow-y: scroll; background: #ededed; border: 3px solid #ccc; margin-bottom: 10px; position: relative; }
div.scrollable li { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; min-height: 22px; padding: 0; }
.ie6 .scrollable li { height: 22px; }
div.scrollable input { height: 20px; }
div.scrollable label { width: 400px; min-height: 20px; line-height: 20px; float: left; cursor: pointer; }

div.filters_selected { width: 430px; background: #ededed; border: 3px solid #ccc; padding: 10px; margin-left: 5px; line-height: 15px;  }

#content li.filter { background: #666; text-shadow: 1px 1px 0px #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444');
                     background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
                     background: -moz-linear-gradient(top,  #666,  #444);

}

div.scrollable li, div.filters_selected, .keyboard a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dfdfdf));
    background: -moz-linear-gradient(top,  #ededed,  #dfdfdf); text-shadow: 1px 1px 0px #fff;
}

div.keyboard { width: 450px; overflow: hidden; margin: 15px 0 15px 5px; } 
.keyboard li { width: 26px; float: left; text-align: center; }

.ie6 .keyboard li { height: 25px; }

.keyboard a { display: block; width: 20px; height: 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration: none; margin: 0 3px; border: 1px solid #ccc; line-height: 20px; }

.keyboard a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444');
                    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
                    background: -moz-linear-gradient(top,  #666,  #444);color: #fff; text-shadow: 1px 1px 0px #000; }

#content .filter label { color: #fff; }

.scrollable.loading { overflow: hidden; background: url(/global/images/filterloader.gif) #ededed center center no-repeat; }

.scrollable.loading li { display: none; }

form { margin: 10px 0; }

#library_order { margin-bottom: 20px; overflow: hidden; }
#library_order div { float: left; }
#library_order_controls { width:200px; }
#library_order h2 { margin-bottom: 10px; } 

#library_order_controls  input { width: 180px; }

#main_pagination { width: 400px; margin: 10px auto; text-align: center; }
#main_pagination a { color: #D70101; text-decoration: none; }
#main_pagination a:hover { text-decoration: underline; }
#main_pagination input { width: 25px; }
#main_pagination li { display: inline; line-height: 20px; margin: 0 3px; }

.clear { clear: both; }

input#search_terms { width: 450px; }

/* cart */

#cart_overview { background: #333; text-align: center; height: 30px; line-height: 30px; margin-bottom: 10px; font-weight: bold; color: #fff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444');
                 background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
                 background: -moz-linear-gradient(top,  #666,  #444);color: #fff; text-shadow: 1px 1px 0px #000;  }

input#open { width: 70px; }
input#open_csv { width: 180px; }
#open_cart_form,#save_cart_form { height: 30px; }
#open_cart_form li,#save_cart_form li { display: inline; line-height: 20px; }

.floater {
    box-shadow:5px 5px 5px #333;
    background:#fff; border:1px dashed #666;border-radius:5px;
}
table.label_logos { width: 630px; float: left; }

table.label_logos td { border-top: none; text-align: center; }

.selector label.parent_library { font-weight: bold; }  

.contact_details { float: left; width: 400px; table-layout: auto; }
.contact_details td { border-top: none;  }

/* search type */

label.radio_label { font-weight: normal; width: 140px; }

.ie8 .radio_label { line-height: 20px; }

input#tracks_search_type,input#albums_search_type { width: 15px; height: 13px; float: left; }

/* download confirm colorbox */

#download_cbox { background: #fff; padding: 20px; }

#download_cbox h1 { font-size: 18px; }

#download_cbox p { margin: 10px 0 12px 0; line-height: 14px; }

#download_cbox input { cursor: pointer; }

#loading { width: 338px; height: 16px; border: 1px solid #ccc; padding: 1px; margin-bottom: 10px; }

#progress { background: #A10101; width: 0px; height: 16px; }

#progress.finished { background: #093; }

/* delilah specific BEGIN */

/* search form - aka WTF specificity */

#track_search fieldset {  width: 650px; }
#track_search ul { list-style: none; width: 650px; }
#track_search li { padding: 10px 0; margin-left: 12px; }
#track_search ul li input:focus { outline: 1px solid #2d2d2d; }

#track_search ul li span { color: #000; font-size: 11px; float: right; width: 350px; min-height: 20px; line-height: 16px; position: absolute; top: 8px; right: -260px; }
span.years { right: -530px; }
#track_search ul li label { font-weight: bold; float: left; display: block; width: 134px; height: 19px; line-height: 19px; }
#track_search ul li span img { vertical-align: middle; margin-left: -18px; }
#track_search legend span { color: #D70101; }
#content form ul li.noinput label { width: 100%; cursor: default; }
#content form ul li.noinput em {
    margin-left: 41px;
}
#track_search ul li.twoCol { float: left; }
#track_search ul li.twoCol span { display: none; }
#track_search ul li.twoCol label { width: 134px; }
#track_search ul li.notice { clear: both; }
#track_search ul li.notice { color: #D70101; font-size: 12px; }

/* pagination */

#pageSelector { width: 400px; margin: 20px auto; text-align: center; }
#pageSelector a { color: #D70101; padding: 0 2px; text-decoration: none; }
#pageSelector a:hover { text-decoration: underline; }

#content p.error { color: #c00; font-weight: bold; padding:0 0 10px; }

/* content pages */

#content.copy p { font-size: 12px; padding: 5px; line-height: 16px; }
#content.copy ul { list-style: disc; padding: 10px 0; }
#content.copy li { margin-left: 40px; }
#content.copy li { font-size: 12px; padding: 5px 0; }
#content.copy h1 { padding: 0 0 10px 5px; font-size: 20px }
#content.copy h2, .copy dt { font-size: 18px; padding: 20px 0 5px 5px; font-weight: bold; margin-top: 0; }
.copy dt {
    font-size: 15px;
    padding-top: 10px;
}
.copy dd {
    margin-bottom: 10px;
}
#content.copy ul ul li {
    padding: 0;
}
.copy li img, .copy h2 img {
    vertical-align: middle;
    margin: -2px 0 0 5px;
    display: inline;
}
#content.copy { padding-bottom: 20px; }
#content li p { padding: 5px 0 0 135px; font-style: italic; }
#track_search li.twoCol.right label { width: 94px; text-align:center; }
label em { font-weight: normal; padding-left: 11px; }
#content #search { margin-left: 144px; _margin-left: 146px; }
#clear { margin-left: 93px; }
#pageInformation { margin-left: 5px; }
#searchInfo { margin: 0 0 20px; }

#track_classifications_in {
    width: 292px;
}

.copy a { color: #E74098; }
.copy img { margin: 10px 0; }

/* details window */

#details { background: #fff; padding: 10px; position: relative; height: 500px; margin: 10px; line-height: 14px; }
#details ul { margin-bottom: 20px; list-style: none; }
#details ul li { padding-bottom: 5px; overflow: hidden; }
#details label { font-weight: bold; display: block; float: left; width: 130px; }
#details span { display: block; float: left; width: 210px; }
#detailsContent { float: left; }
#ilmid { position: absolute; bottom: 10px; left: 10px; }
#ilmid label { width: 50px; margin-right: 5px; }
.notice { margin: 5px 0; color: #c00; display: block; width: 335px; }
.notice span { font-weight: bold; }
.notice a {
    color: #c00;
}


/* service selection page */

#service_selection_page #content { text-align: center; padding: 30px 0 22px; }

#service_selection_page h1 {
    font-size: 14px;
    padding-bottom: 5px;
}

#service_selection_page h1 { margin-bottom: 20px; }

#service_selection_page h1 span { font-weight: normal; font-size: 13px; line-height: 26px; }

#service_selection_page h2, #service_selection_page p {
    text-align: left;
}

#service_selection_page .col p {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    padding-left: 5px;
}

#service_selection_page .col.main {
    margin: 0 auto;
    float: none;
}

a:hover .grid div {
    opacity: 0.5;
}

/* registration */

#employeeRegister h2 {
    font-size: 14px;
    margin-top: 20px;
}

#employeeRegister label, #new_password label {
    width: 200px;
}

#employeeRegister span, #new_password span {
    color: #c00;
}

#employeeRegister input, #new_password input {
    width: 300px;
}

#employeeRegister .signup {
    width: 950px;
}

#employeeRegister #submitForm, #new_password #submit {
    margin-top: 10px;
    width: 70px;
}

/* forgotten password - aka land of illogical ids */

#formHeading p {
    margin-bottom: 10px;
}

#form1 {
    padding-bottom: 100px;
}

/* 401 */

#content.error p {
    margin-bottom: 10px;
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a:after { content: " (" attr(href) ")"; } 
    abbr:after { content: " (" attr(title) ")"; }
    .ir a:after { content: ""; }  /* Don't show links for images */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; }
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:none no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:none no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:none no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}

/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
                  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
                  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
    content: "\0020"; display: block; height: 0; visibility: hidden;  
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


#show_tracker_link {
    font-size: 12px;
    float:right;
    display:block;
    width:140px;
    right: 0;
    top: 0;
    line-height:35px;
    position:absolute;
    border-left:solid 1px #fff;
    text-align: center;
}

.close_box {
    
    background:url('/ilm-media/images/cancel_icon.png') no-repeat;
    width:25px; height:30px;
    margin-top:-2px;
    float:right;
    
}


.show_credits {
    font-size: 12px;
    float:right;
    display:block;
    width:140px;
    right: 160px;
    top: 0;
    line-height:35px;
    position:absolute;
    border-left:solid 1px #fff;
    text-align: center;
    display:none;
}


.show_tracker {
    cursor: pointer;
}

#credits_box {

    display:none

}

#payment_recieved {
    
    display:none;
}

 #credits_box, .nav_dropdown_box {
    position:relative; width:400px;background:#fafafa;padding:10px;
    border:2px solid #ddd; 
    z-index:1000;
    display:none;
    left:450px;
    box-shadow:3px 3px 8px #666;
}

#download_all_box {
    position:relative;
    
}

.nav_dropdown_box p {
    
    text-align:center;
    line-height:32px;
    
}

.nav_dropdown_box h2 {
    
     text-align:center;
    line-height:32px;
    font-size:12px;
    
}

.nav_dropdown_box h2 em {
    
    color:red;
    font-style:normal
    
}

.nav_dropdown_box table tr th {
    
    background:#fff;
    color:#000;
    
}

.nav_dropdown_box tr:nth-child(odd) {
    background-color: #eee;
}

.nav_dropdown_box td {
    background:none;
    
}

.nav_dropdown_box .buy_button, .download_now_button {
    
    background:#f00;
    color:#fff;
    border:none;
    border-radius:5px;
    font-size:10px; 
    font-weight:bold;
    text-transform:uppercase;
    height:25px;
    
}

#tracker_box br {
    clear:both;	
}

#tracker_box {
position:relative; width:400px;background:#fafafa;padding:10px;
border:2px solid #ddd;  left:536px;
z-index:1000;


}




#tracker_search_result  hr {
color: #ccc;
height:1px;
border:none;
background-color: #ccc;
margin:20px 0;

}

#tracker_search_result {
    height:230px;	
    font-size:11px;
    line-height:15px;
    z-index:1000;
    display:none;
}

#tracker_search_result p {
    
    margin-bottom:4px;
    line-height:18px;
    
}

#tracker_search_result a {
    height:auto;width:auto;position:relative;color:#00F;text-decoration:underline;
    text-transform:none;
}




#tracker_search_result  hr {
    color: #ccc;
    height:1px;
    border:none;
    background-color: #ccc;
    margin:20px 0;

}



#buy_credits_box {
    position:relative; width:400px;background:#fafafa;padding:10px;
    border:2px solid #ddd;  left:536px;
    z-index:1000;
    display:none;
}

#buy_credits_box table td input {
    
    margin-right:10px;
    
}

#tracker_box a {

    padding:0;margin:0;padding-top:0px; height:auto; background:none;
}



a#autodate {
    display:block;width:40px; text-align:right;
    margin-left:15px;padding-top:5px; height:auto; background:none;
    text-transform:capitalize;
}

#tracker_box label {
    float:left;
    width:130px;
    padding:0px;
    margin:5px;
    margin-top:-2px;
    height:auto;

    font-weight:normal;
    font-size:11px;
    float:left;
}

#tracker_from,#tracker_to {
    float:left;
    padding:5px;
    text-align:center;
    width:100px;
    border:1px solid #ddd;
}

#tracker_search ul, #tracker_search_result ul{
    margin-top: 0; margin-bottom: 0;
    padding-top:4px;
    list-style-type:none;
    margin-left:5px;
}
#tracker_search li, #tracker_search_result li {
    display:list-item;
    margin:0;
    line-height:18px;

}
#tracker_search_result li {
    list-style-type:disc;
    margin-left:15px;
    font-size:11px;
    line-height:16px;

}
#tracker_search li {
    height:40px;	
}

#tracker_search p {
    margin-bottom:10px;	
}

#tracker_search label {
    vertical-align:middle;
    margin-top:3px;
}



#tracker_search li a, #tracker_search_result li a {
    float:left;	
    text-decoration:underline;
    color:#00F;

}

#export {
    float:left;
    left:100px;
    width:160px;
    margin-top:-6px;
    margin-left:30px;
}
#downloads_found span{
    float:left;
    padding-right:5px; 
    color:#F00; 
}

#tracker_search_result label {
    font-size:13px; font-weight:bold; width:200px;
}

.signup {

    width:900px;	
}

.signup ul, #signup_nocm ul {

    list-style-position:outside;
    display:list-item;
    margin:0px;
    color:#333;

}
.signup ul li, #signup_nocm ul li {
    list-style-type:disc;
    overflow:visible;
    display:list-item;
    vertical-align:top;

    margin-left:15px;	

}

.nobull ul li{
    list-style-type:none;
    overflow:hidden;
    margin-left:0px;	
}

#progress_bar {
    display: block;
    width: 972px;
    height: 40px;
    background-color: #FFF;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left:-5px;

    color: white;
    position: relative;
}

#progress_bar li {
    display: inline-block;
    width: 136.66px;
    text-align: left;
    font-size:10px;
    padding-left: 15px;
    padding-bottom: 5px;
    position: relative;

    float:left;
    margin:5px;
    height: 35px;
    padding-top:4px;

    background:url('/ilm-media/members/images/crumb_chevron.png') no-repeat #DDD;

}

#progress_bar li a {
    color:blue;
    height:36px;
    overflow:hidden;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}


#progress_bar li:first-child {
    border:none; background:#ddd
}
#progress_bar li:last-child {
    border:none; 
}
#progress_bar li:after {
    width: 0px;
    height: 0px;
    display: block ;
    border: 22px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 0px;
    left: 161px;
    content: "";
    z-index: 600;

}
#progress_bar li:before {
    width: 0px;
    height: 0px;
    display: block;
    border: 22px solid transparent;
    border-left: 10px solid #DDD;
    position: absolute;
    top: 0px;
    left: 151px;
    content: "";
    z-index: 300;

}
#progress_bar li.crumb_selected:first-child {


    background: #b0d7f0;
    z-index: 200;
}


#progress_bar li.crumb_selected {


    background:url('/ilm-media/members/images/crumb_chevron_select.png') no-repeat #b0d7f0;
    z-index: 200;
}
#progress_bar li.crumb_selected:after {
    width: 0px;
    height: 0px;
    display: block;

    border: 22px solid transparent;
    border-left: 10px solid #FFF;
    position: absolute;
    top: 0px;
    left: 161px;
    content: "";

    z-index:400;
}

#progress_bar li.crumb_selected:before {
    width: 0px;
    height: 0px;
    display: block;
    border: 22px solid transparent;
    border-left: 10px solid #b0d7f0;
    position: absolute;
    top: 0px;
    left: 151px;
    content: "";

    z-index:300

}
#progress_bar li:last-child:before {
    border: 20px solid #0F0;
}
#progress_bar li:first-child + li + li + li + li + li:after {
    border:0px solid;
}
#progress_bar li:first-child + li + li + li + li + li:before {
    border:0px solid;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #progress bar {
        height: 30px;
    }
}

#progress_bar li:last-child:before {
    border: none;
}
#progress_bar li:last-child:after {
    border: none;
}

#playlists ul {
    list-style:none;
}
#playlists li {
    margin-left:10px;
    text-align:left;

}

#playlists li  a {
    text-decoration:none;

}

#splashbox {
    background:#fff;color:#000;

    height:690px;
    border:4px solid #a00;
    padding:20px;
    margin:0;

    text-align:center;
    border-radius:20px;
}


#splashbox .box {
    float:left;
    width:400px;

    padding:2px;
    margin:5px;
    background:#EE3940;
    color:#FFF;
    height:210px;
    border-radius:40px;
}
#splashbox .box p {
    margin-bottom:10px	
}
#splashbox .box h2 {
    margin-bottom:10px
}
#splashbox .box .imgholder {
    border-radius:40px;
    float:left;
    margin-right:8px;
    overflow:hidden;
    height:210px;
    width:240px;
}

#splashbox .box .imgholder img {
    height:250px;
    margin-top:-22px;
}

#splashbox .box p span {
    font-family:Verdana, Geneva, sans-serif	
}
.track_search_form input, .track_search_form select{
    border:1px solid #999; 
    padding-left:4px;
}
.track_search_form .text_input {
    width:155px
}
.track_search_form li {
    height:36px;
}

.search_button {
    padding:4px;width:96px;margin-left:0px
}

.search_button:hover {
    background-color:#ddd;
    cursor:pointer;
}

.tip {
    float: right;
}

/*LOGO SLIDESHOW*/
#logo-slideshow {
	height: 85px;
	border-bottom: solid 1px #d1d1d1;
	}

.as_used_byl  {
	float: left;
	margin: 0px;
	height: 85px;
	}

.as_used_byr {
	height: 85px;
	margin-left: 5px;
	padding: 0px;
	
}
.container {
	position: relative;
	left: 0px;
	height: 85px;
	border: none;
	float: left;
}

.cycler {
	float: left; 
	width: 90px;
	background-color: white;
	margin-left: 25px;
	padding-top: 9px;
}

.cycler img{
	position:absolute;
	z-index:1;
	height: 60px;
}

.cycler img.active{
	z-index:3
}

#logo-slideshow span {
	position: relative;
	left: 0px;
	font-weight: bold;
}

.contact {
    font-size: 13px;
    font-weight: bold;
    color: #EE3940;
	text-align: right;
}

/* Intro Text */

/* SERVICE LINKS*/

.service_link {
	width: 275px;
	float: left;
}

.side h5 {
	text-align: center;
}
.service_legend {
	padding-bottom: 4px;
	margin-left: 10px;
}

.service_contact {
	width: 275px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-weight: bold;
	background-color: #f2f2f2;
	padding-left: 65px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.service_contact a {
	color: black;
	text-decoration: none;
}
.service_contact a:hover {
	color: white;
}


#services {
	height: 260px;
	clear: both;
	padding-top: 40px;
	border-top: solid 6px #f2f2f2;
	position: relative;
	top: 20px; 
}

.vjbcol {
	width: 275px;
	float: left;
	
	}
	
.mpcol {
	margin-left: 75px;
	width: 275px;
	float: left;
}

.production {clear: right;}
.slideshow { height: 280px; width: 280px; margin: auto; position: relative; top: 50px; margin-bottom: 50px;}
.slideshow img {background-color: #eee; width: 280px; height: 280px;}
.production a {color: #000; font-weight: bold;}
.production a:hover {color: #555;}


/* CREDIT TABLE */
		.credit_table {
				width: 300px; 
				color: #000; 
				position: relative; 
				left: 10px; 
				border: solid 2px #aeaeae; 
				padding: 0px;
				}
				
		.credit_table tr td {
				padding-left: 10px;
				padding-right: 0px;
				height: 0px;
				}
		.credit_table tr {
				padding-top: 0px;
				padding-bottom: 0px;
				}
		.service_rate {
				text-align: center; 
				margin-top: -5px;
				}
		
		.register_text p {
				position: relative; 
				top: 8px; 
				width: 160px;
				}
				
			.credit_no {
				text-align: right;
				
				}
			.price {
				text-align: right;
			}
			.credit_head {
				text-align: center;
				background-color: #0278be;
				color: #fff;
			}

			
		
/* */