/* Element defaults */
body                                { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; background:#000 url("http://www.hillsongmusic.com/attachments/StyleSheet/6/abe-header-tile.jpg?ts=1275886322") top left repeat-x; color:#000000; margin:0; }
p                                   { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; color:#000000; margin:10px 0; line-height:160%; }
ol, ul, li                          { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; color:#000000; }
input, select, textarea             { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; color:#000000; }
table                               { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; color:#000000; border:0; margin:0; background-color:#FFFFFF; }
th                                  { color:#000000; font-size:1em; text-align:left; padding:5px; white-space:nowrap; }
td                                  { color:#000000; background-color:#F0F0F0; padding:5px; }
thead                               { display:table-header-group; }
thead tr                            { background:#F37F7E; }
hr                                  { color:#CCCCCC; height:1px; background:#CCCCCC; border:0; }
img                                 { border:0; }
blockquote                          { margin:0 10px; }
form, fieldset                      { margin:0; border:0; padding:0; }
legend                              { color:#FD650F; font-weight:bold; font-size:1.2em; }
label                               { font-size:1.2em; color:#000000; font-weight:bold; }

h1                                  { margin:10px 0; font-size:2.1em; color:#B34443; font-weight:lighter; line-height:120%; }
h2                                  { margin:16px 0; font-size:1.6em; color:#000000; font-weight:normal; line-height:120%; }
h3                                  { margin:10px 0; font-size:1.1em; color:#B34443; font-weight:bold; line-height:160%; }
h4                                  { margin:8px 0; font-size:1.1em; color:#B34443; font-weight:normal; line-height:160%; }
h5                                  { margin:10px 0; font-size:1.3em; color:#999999; font-weight:normal; }
h6                                  { margin:10px 0; font-size:1em; color:#999999; font-weight:bold; }

/* Href elements */
a                                   { color:#B34443; text-decoration:none; }
a:hover                             { color:#000000; text-decoration:none; }
a.selected                          { color:#000000; font-weight:bold; }

/* General elements */
div#header                          { text-align:center; background: url("http://www.hillsongmusic.com/attachments/StyleSheet/6/abe-header.png?ts=1275886322"); width:960px; height: 200px; margin: 0px auto; }
div#container                       { width:960px; margin:30px auto; }
div#footer                          { clear:both; background-color:#000000; }

/* Top nav */
a:link, a:visited                   { color:#B34443; text-decoration:none; }
a:hover, a:active                   { color:#000000; text-decoration:none; }
a.aTopNav:link, a.aTopNav:visited   { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
a.aTopNav:hover, a.aTopNav:active   { font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#4988B6; color:#FFFFFF; }
#divTopNav                          { height:18px; text-align:center; background-color:#47A8FF; margin-bottom:0; border-bottom:2px solid #B34443; }
#divTopNavWrapper                   { margin:0 auto; width:760px; }
#divTopNavWrapper ul                { padding:0; }
#divTopNavWrapper li                { display:inline; }
#ulTopDropdownNav                   { margin:0; padding:0 0 0 40px; }
#ulTopDropdownNav ul                { position:absolute; top:19px; left:0; display:none; z-index:99; margin:0; padding:0.5em 0; background-color:#4988B6; }
#ulTopDropdownNav li                { position:relative; float:left; display:block; z-index:2; }
#ulTopDropdownNav li a              { padding:0.3em 1em; float:left; border-right:1px solid #B34443; }
#ulTopDropdownNav li a.aLeftSide    { border-left:1px solid #B34443; }
#ulTopDropdownNav ul li a           { background-color:#4988B6; width:160px; border-right:1px solid #4988B6; text-align:left; }
#ulTopDropdownNav ul li a:hover     { background-color:#47A8FF; }
#ulTopDropdownNav ul li             { display:block; float:none; clear:left; }
#ulTopDropdownNav li:hover ul       { display:block; }
#ulTopDropdownNav iframe, #ulTopDropdownNav li.invisible { position:absolute; left:500px; top:0; z-index:0; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }
.invisible                          { display:none; }

/* Side Columns */
div#leftCol                         { float:left; width:160px; }
div#rightCol                        { float:left; width:160px; }
div.sidebarTitle                    { height:14px; padding:3px 5px; color:#FFFFFF; font-weight:bold; border-bottom:1px solid #FFFFFF; background:url(images/ip/sidebar_title_background.jpg) repeat-y #F37F7E; }
div.sidebarTitle a                  { color:#FFFFFF; }
div.sidebarContent                  { margin:0 0 5px 0; padding:10px; background:#F0F0F0; }
div.sidebarContent ul               { margin:0; padding:0; }
div.sidebarContent ul li            { padding:0 0 4px 10px; list-style:none; background:url('images/ip/icon_bullet.gif') no-repeat; background-position:0 .5em; }
div.sidebarContent ol               { margin:0; padding:0 5px 0 20px; }
div.sidebarContent ol li            { padding:0 0 8px 0; color:#999999; }
div.sidebarContent img#topResource  { padding:0 0 10px 20px; }
div.sidebarAccount                  { margin:0 0 5px 0; padding:10px; background:#F0F0F0; border:1px solid #CCCCCC; color:#999999; font-weight:bold; }
div.sidebarAccount img              { float:left; margin:0 5px 0 0; }
input.sidebarTextbox                { margin:0 0 5px 0; padding-left:5px; color:#999999; }
img.sidebarDivider                  { margin:10px 0; background:url('images/ip/sidebar_divider.jpg'); }

/* Content Area */
div#content                         { float:left; width:620px; margin:0 10px; text-align: center; }
div#contentInner                    { background-color: #FFFFFF; line-height:160%; padding: 5px 15px 25px 15px; text-align: left; }
div#product                         { float:left; width:620px; margin:0 10px; }
div#category                        { float:left; width:620px; margin:0 10px; }
div.standardBody                    { float:left; width:620px; margin:0 10px; }
p.info                              { text-align:center; color:#FF0000; }
div#beforeText, div#afterText       { margin:0 10px; }
div#title                           { padding:0 0 0 30px; margin:0 0 20px 0; font-size:2.1em; color:#B34443; }
div#home div#features               { margin:0 0 10px 0; }
div.feature                         { float:left; width:200px; height:200px; margin:0 3px 0 0; background-color:#000000; }
div.feature p                       { margin:0 5px; color:#999999; font-weight:bold; text-transform:uppercase; text-align:right; }
div.feature a                       { color:#999999; }
div.feature a:hover                 { color:#FFFFFF; }

div.error                           { margin: 0; padding: 10px 10px 10px 20px; color:#FF0000; font-size: 1.0em; font-weight: bold; background: #FFFFFF; text-align: left; }
div.notice                          { margin: 0; padding: 10px 10px 10px 20px; color:#000000; font-size: 1.0em; font-weight: normal; background: #FFFFFF; text-align: left; }

.theader                            { padding: 5px 0 5px 10px; color:#FFFFFF; font-size:1.3em; font-weight:bold; background:url('images/ip/sidebar_title_background.jpg') repeat-y #F37F7E; text-align: left; }
.theader a                          { color:#FFFFFF; text-decoration:none; }
.theader a:hover                    { color:#FFFFFF; text-decoration:underline; }
.theader a.selected                 { color:#FFFFFF; text-decoration:underline; }
.thead                              { background-color:#707070; color:#FFFFFF; }
.thead label                        { color:#FFFFFF; font-size:1em; }

table.fhltable                      { background:#F0F0F0; padding:0 10px 10px 10px; }
tr.fhlrow                           { background:#FFFFFF; border:1px solid #F0F0F0; }
td.fhlcell                          { float:left; width:288px; height:90px; padding:10px 0 5px 20px; background:#FFFFFF; }
td.fhlcell .image                   { float:left; margin:0 15px 0 0; }
td.fhlcell .text                    { float:left; }
td.fhlcell .text p                  { margin:5px 0; line-height:120%; }

div#releases                        { clear:both; margin:0 0 10px 0; width:604px; text-align: center; }
div#releases div.cell               { float:left; padding:10px 9px; width:133px; height:110px; text-align:center; background:#FFFFFF; }
div#releases div.cell .image        { height:70px; }
div#releases div.cell p             { line-height:120%; }



div#home div#subfeatures            { clear:both; }
div#home div#subfeatures img        { margin:0 3px; }

/* Product Category */
div#breadcrumbs                     { padding:0 0 0 30px; margin:0 0 25px 0; color:#CCCCCC; }
div#breadcrumbs a                   { color:#999999; }
div#breadcrumbs a:hover             { color:#000000; }
div#breadcrumbs a.selected          { color:#000000; font-weight:normal; }

div#category div#feature            { float:right; width:200px; height:200px; margin:0; }
div#category div#subfeatures        { width:350px; }

h2.theader                          { margin:0; padding:6px; color:#FFFFFF; font-size:1.3em; background:url('images/ip/sidebar_title_background.jpg') repeat-y #F37F7E; }
div#products                        { clear:both; background-color:#F0F0F0; margin:0 0 10px 0; width:600px; padding:0 10px 10px 10px; }
div#products table                  { border:0; }
div#products tr                     { border-bottom:2px solid #F0F0F0; }
div#products td                     { width:255px; padding:10px 0 5px 20px; background-color:#FFFFFF;  }
div#products td.image               { width:80px; margin:0 15px 0 0; }
div#products td.text p              { margin:5px 0; line-height:120%; }

/* Product Details */
div#product div#image               { width:200px; height:200px; margin:0 0 0 30px; }
div#product div#details             { float:right; width:320px; margin:0 30px 0 0; }
div#product div#details h2          { margin:5px 0; }
div#product div#details h3          { margin:20px 0; }
div#product div#details p           { margin:15px 0; }
div#product div#details input       { font-weight:bold; }

div#product div#actions             { margin:10px 30px 0 30px; }
div#product div#features            { margin:0 15px; }

/* Search */
#stockTable                         { border:1px solid #000000; }
#stockTable th                      { border-bottom:1px solid #666666; }
#stockTable td                      { border-bottom:1px solid #666666; }

/* Tabs */
.tabs                               { padding:10px 0; margin:20px 0 0 0; text-align:left; } /* text-align:left, center, right to align the menu */
.tabs li                            { display:inline; margin:0; }
.tabs li a                          { padding:10px 20px; margin:0 3px 0 0; border:1px solid #F0F0F0; background:#F0F0F0; font-weight:bold; }
.tabs li a:hover                    { color:#B34443; background:#FFFFFF; }
.tabs li.selected                   { position:relative; top:1px; }
.tabs li.selected a                 { border-bottom:1px solid #F2F9FF; background:#F2F9FF; }
.tabcontent                         { margin:0 0 10px 0; padding:10px 30px; border:1px solid #F0F0F0; background:#F2F9FF; }
#listingContent                     { display:none; }

/* Classes */
.last                               { margin:0; }
.clear                              { clear:both; padding:0; margin:0; }

/* James' Media Player Thing */
#playlist {
  width: 50em; /* 600pixels due to font = 75% */
  border: 1px solid #666;
  border-collapse: collapse;
  text-align: center;
}
#playlist th {
  background: #ccc url("http://www.hillsongmusic.com/attachments/StyleSheet/6/bar.gif?ts=1275886322") repeat-x left center;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  text-align: center;
}
#playlist td {
    background: transparent;
}
#playlist col {
  border-right: 1px solid #ccc;
}
#playlist col#video2Col {
  border: none;
}
#playlist tr.odd, #playlist tr.odd td {
    background-color: #edf5ff;
}
#playlist tr.even, #playlist tr.even td {
    background: transparent;
}
#playlist tr:hover, #playlist tr:hover td {
  background-color: #96D3E2;
  color: #fff;
}
#playlist thead tr:hover {
  background-color:transparent;
  color: #000;
}
