html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: Arial, Helvetica, sans-serif;

	vertical-align: baseline;	
	}

p { padding: 5px 0; }

p, ul, ol { font-size: 12px; margin-bottom:10px; }

:focus, div.columnDouble a:focus { outline: 0; }

a:focus { outline: 1px solid #E44298; }

body {

	line-height: 1;

	color: #221e1f;

	font-size:12px;

	margin: 20px 0;

}

ol, ul {

	/*list-style: none;
*/
}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

th {font-weight:bold; height: 20px;}



blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}



.clear { clear: both; }



/* layout divs */

#cin { background: url(../images/backgrounds/cinbg.jpg) #fff center 0 no-repeat;; }

#wrapper { width:970px; margin: 0 auto; background-color:#fff; padding:5px; overflow:hidden; }

#cin #wrapper { width:966px; margin: 0 auto; background-color:#fff; padding:5px; overflow:hidden;  border-right: 2px solid #e3e3e3; border-left: 2px solid #e3e3e3; }

#header { background: url(../images/topCurve.png) no-repeat; height:180px; margin: 0 auto; width:980px; position: relative; }

#cin #header {background: url(../images/cinHeader.png) no-repeat; height:180px; margin: 0 auto; width:980px; position: relative; }

#slideshow, #cin_logo  { position: absolute; top: 20px; left: 30px; }

#mainNavigation {float:left; background:url(/img/navBg.jpg) 0 bottom repeat-x #EDEDED; margin: -5px 0 20px -5px; height: 50px; width:980px; display:inline;}

.column {float:left; width:200px; min-height:100px; margin:5px; display:inline; vertical-align:top; margin:5px; padding:0 10px; }

.column.about { width: 315px; }

.columnDouble {float:left; width:660px; min-height:100px; margin:5px; padding:0 10px; display:inline; }

.columnTriple {float:left; width:940px; min-height:100px; padding:0 5px; display:inline; }

#headline {position:relative; width:650px; margin:25px 5px 5px 5px; position: relative;  float: left; display:inline; min-height: 30px; } 

#headline img { padding-top: 5px; }

img.headlineTitle {position:absolute; top:-25px; left:0; }

#headlineArticle { position: absolute; bottom: 0; left: 0; width: 650px; height: 120px; background:url(/images/overlay.png) repeat-x; }

#genres { position: relative; }

div.left { width:270px; float:left; }

div.left, div.twoCol { min-height:650px;}

div.right {width:690px; float:left; padding-bottom:30px;  }

#cin div.right {width:690px; float:left; padding-bottom:0;  }

img#cin_footer { margin: 0 0 -2px -7px; }

div.fullWidth {position:relative; width:970px; float:left; }

div.twoCol {position:relative; float:left; width:475px; margin:5px; display:inline;}

#artworkOverlay p {position:absolute; top:140px; left:0; text-align:center; width:389px; font-size:30px; color:#fff; font-weight:bold;}

div.cdControls {float:left; width:110px; text-align:center; margin-top: -25px;}

p img { vertical-align: middle; }

#copyright { color: #b5b5b5; }

#pnlStatus {color:red; font-weight:bold;}

div.scrollerBg { background: url(/img/artworkSliderBg_long.png) no-repeat; width: 436px;   margin-left: 120px; }

div.scroller { overflow-y: hidden !important; overflow-x: auto !important; height:100px; width:396px; padding: 10px 0 0 20px; margin-left: 10px; }

.artworkSlider_bottom { background:url(/img/artworkSliderBg_long.jpg); background-repeat:no-repeat; height:36px; }

div.artworkThumb {float:left; width:60px; height:75px; text-align:center;}

#pnlArtwork {float:left; max-width:60px; height:75px; text-align:center;}

div.clear {clear:both;}

/* UL's */

ul li { min-height: 30px; }

ol#steps li {padding:10px 20px; }

ol#steps img {vertical-align:middle; padding-right:20px;}

#mainNavigation ul li { display:inline; width: 100%; } 

#mainNavigation ul li a { /*text-transform: capitalize;*/ color: #000; display: block; padding: 10px 30px 0 30px; float: left; height:40px; width: 180px; }

#mainNavigation ul.loggedin li a { padding: 10px 5px 0 25px; width: 165px; }

#mainNavigation ul li a span {display:block; text-transform:capitalize; font-weight:normal; height:20px;}

#mainNavigation ul li a:hover { background: #fff; text-decoration: none; }

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

form#albumForm ul label, form.accountForm ul label { line-height: 31px;}

.right form ul li, #current_ealbum ul li, #account_overview ul li, #profile_info ul li, #account_summary ul li, ul.contact_details li {display:block; padding:5px 0; overflow:hidden; }

.right ul li span {display:block; font-size:10px;}

.right ul li.address { padding: 0; margin: 0; min-height: 20px; }

/* used on listen pages */

#album { position: relative; margin: 48px 0 0 5px; background:url(/images/artwork-1.jpg) no-repeat; width:450px; height:401px; }

#album.listen { margin: 0 0 0 5px; }

#albumInner { position:relative; top:5px; left:47px; width:389px; height:387px; overflow:hidden;}

#album.sample { margin-top: 50px; }

#customise { position: absolute; bottom: 53px; left: 53px; z-index: 50; }

/* used on form pages */

#album_holder { position:relative; width:400px; height:400px; border:1px solid #b5b5b5;  }

/* headings */

h1, h2 { color: #000000; font-size: 18px; }

#headline h1 {height:50px; line-height:50px; background:url(/images/transparentLosengeWithBorderLeft.png) left top no-repeat /*#8cc63e*/; position:absolute; top:0; padding-right:20px; overflow:hidden; text-transform: capitalize; }

#headline h1 span {display:block; background:url(/images/transparentLosengeWithBorderRight.png) right top no-repeat;margin-left:15px;padding-right:20px; }

/* links */

a { font: bold 100% Arial, Helvetica, sans-serif; text-decoration: none; color:#E74098; }

a:hover { text-decoration: underline; }

/* paragraph styling */

p.intro {font-size:14px; padding: 0; }

p.intro.album { padding-top: 10px; }

/* sidenav */

ul.giftList {list-style:none; width:245px; z-index:0}

ul.giftList li#top {height:45px; padding-left:10px;}

ul.giftList li a {display:block; text-indent:-2000px; height:45px; width:245px;z-index:10; background-repeat:no-repeat}

ul.giftList li a img {display:block; height:45px; width:245px; z-index:10}

.catnav a:hover { background-position:-298px 0; }

.review_cat { position:absolute; top:6px; right:4px; z-index:99; }

.review_cat.review { right: 19px; top: 15px; }

/* form elements */

span.buttons img, img.buttons {cursor:pointer;}

span.buttons { margin-left: -6px; }

table td, table th {padding:5px; margin:0; }

table.summary td, table.summary th { padding: 10px; }

#pnlTracks h1 { color:#000;}

ul li span.credits {display:inline; color:#E73F98; font-size:14px; font-weight: bold;}

/* review / listen / sample page */

#backcover { background:url(/images/artwork-2.jpg) no-repeat; width: 450px; height: 400px; padding: 8px 0 0 5px; position:relative; margin-bottom: 30px; }

.fouc #tracks table { display: none; }

#tracks table {width:435px;}

#tracks table td {padding:1px 3px; margin:0; border-collapse:collapse;font-size:11px;}

#tracks  { overflow:auto; height: 381px; width: 435px; margin-bottom: 30px; } 

#preview { text-align: right; padding: 12px 37px 0 0; background: url(/templates/default/images/mp3_lozenge.jpg) no-repeat; height: 28px; margin-bottom: 10px; }

#tracks { font-size: 11px; }

tr.even td { background: #ededed; }

/*img#partner {position:absolute; top:70px; right:20px;}*/

table input, div.artworkThumb input { background: none; padding: 0; width: 16px; height: 16px; }

div.artworkThumb { padding-top: 10px; height: 50px; }

div.scroller div.artworkThumb { padding-top: 0; height: 80px; }

li.twoColInput { width: 330px; float: left; }

li.twoColInput input, li.clear input { width: 170px; }

li.coverMessage input { width: 350px; }

div.popups { background: url(../images/caution.jpg) 15px 29px no-repeat #ededed; border: 5px solid #dedede; display: block; width: 550px; padding: 20px 20px 10px 55px; margin: 10px 0; }

p.back { margin-top: 10px; }

input { font-size: 11px; }

.right ul li span.req, span.req { color: #c00; font-weight: bold; display: inline; font-size: 15px; }

#current_ealbum, #account_overview, #profile_info, #account_summary, table.summary { margin: 10px 0; padding: 20px; background:#ededed; border: 5px solid #dedede; display: block; width: 560px; }

#current_ealbum { margin-top: 20px; }

#current_ealbum h2 { margin: 0 0 20px 0; }

#profile_info li { line-height: 30px; }

#profile_info li input { display: block; margin-top: 2px; }

#profile_info li button, #account_summary li button { padding-top: 10px; }

#current_ealbum { overflow: hidden; }

#account_summary ul li label { line-height: 30px; }

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

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

#current_ealbum ul li { min-height: 15px; }

.success, .error { color: #0b0; font-weight: bold; }

.error { color: #c00; line-height:30px;}

.errormessages { color: #c00; font-weight:bold; font-size:14px; }

/*input styling for selects etc*/

span.capLeft, span.capRight {float:left; height:21px; padding:5px 0px 5px 15px; text-align:right;}

span.capLeft {background: url(/img/capLeft.jpg) no-repeat; min-width:60px; }

span.capRight {background: url(/img/capRight.jpg) no-repeat; width:5px;}

#profile_info span.capLeft, #account_summary span.capLeft {background: url(/img/capLeft.png) no-repeat; min-width:60px; }

#profile_info span.capRight, #account_summary span.capRight {background: url(/img/capRight.png) no-repeat; width:5px;}

span.small {width:60px;}

span.medium {width:100px;}

input, select {border:0;}

input.ageCalc {background-color:#FFF; color:#000; width: 100px;}

li.twoColInput { width: 330px; float: left; }

li.twoColInput input, li.clear input { width: 170px; }

form#register ul label { width: 170px; }

form#register ul li.checkbox { margin: 2px 0; }

form#register ul li.checkbox label { width: 400px; line-height: 20px; }

.right input, .right select { border: none; }

/*end of input styling for selects etc*/

div.gd_heading  { width:555px; height:45px; margin: 0 0 2px 0; position: relative; }

div.gd_heading img, div.review_heading img, div.listen_heading img { position: absolute; top: 0; left: 0; }

img#gdHeadingText { position: absolute; top: 3px; left: 0; }

div.review_heading { height: 50px; width: 452px; position: relative; margin: -4px 0 0px 7px; }

div.listen_heading { height: 50px; width: 452px; position: relative; margin: -4px 0 4px 7px; }

tr.alt { background: #eee; }

button { padding: 0; margin: 0; border: 0; background: none; cursor: pointer; }

table.summary { margin-bottom: 10px; width: 620px; }

h2 { margin-top: 30px; }

form.login fieldset, form.topup fieldset {  padding-top: 20px; }

form.topup fieldset { padding-left: 3px; }

form.topup span { padding-top: 4px; }

#buy_edit { padding-top: 18px; }

#buy_edit form { margin: 0; }

#buy_edit fieldset { float: left; }

#current_ealbum input { border: 1px solid #333; padding: 2px; }

form#password_reminder label { line-height: 30px; }

strong { font-weight: bold; }

em { font-style: italic; }

textarea#message { border: none; }

div.textarea { background: url(/templates/default/images/messageBg.jpg) 120px no-repeat;  height: 180px; width: 250px; padding: 20px 0 0 130px; }

li.image_reqs { margin-right: 15px; line-height: 16px; margin-bottom: 5px; }

#environment img { float: left; }

#environment p { padding-left: 50px; color: #88BB3C; font-weight: bold; line-height: 18px; font-size: 12px; }

.select_event { margin:5px 5px 0 5px; }

.loz_cap_left { float:left; }

.loz_cap_right { float:right; }

#custom_fields { width:420px; padding:18px;  overflow: hidden; }

#uploader { height:160px; }

p.uploadNote {
font-weight:bold;
font-size:14px;
color:#006600;
}

#message_container { position: absolute; bottom: 4px; left: 4px; color: #fff; font-weight: bold; z-index: 10; }

#message_container.review_message { bottom: 14px; left: 52px; }

#message_container.review_message #line1, #message_container.review_message #line2, #message_container.review_message #line3 { height: 30px; }

#line1 *,#line2 *,#line3 * { display: inline; }

#line1,#line2,#line3 { padding: 0; }

#colourPicker { width: 180px; float: left; margin-top: 15px; }

#editor_fields { overflow: hidden; }

#colourPicker img { margin: 5px 10px 20px 0; cursor: pointer; }

#artwork_message { margin-top: 15px; float: left; width: 220px; }

img#upload_button { cursor: pointer; }

li.clear.lalign { padding-left: 330px; }

form#albumForm ul li.clear.lalign label { line-height: 18px; }

div.artworkSlider_bottom span { padding: 10px; }

tr.nowplaying, tr.nowplaying td { background: #FFFF33; }

li.account_button { margin-top: -20px; margin-bottom:20px; }

form#purchaseform label { width: 150px; }

#tnc { background:#fff; color:#333; padding:10px;}

#tncregister { width: 600px; height: 250px; overflow-y: scroll; padding: 10px; border: 1px solid #444; line-height: 18px; display: none; }

#tncregister img {float:right }

#tncregister p { line-height: 18px; }

p.checkbox { margin-top: 10px; }

#creditCards { overflow: hidden; width: 230px; padding: 20px; background:#ededed; border: 5px solid #dedede; }

#creditCards img { float: left; padding: 2px; }

button.disabled { cursor: default; }

div.left img, #header, div.twoCol img, #buy_edit input, #current_ealbum img, #profile_info img, #account_summary img, ul li.account_button img, #account_summary span { behavior: url(/templates/default/js/iepngfix.htc) }

a.samplelink {  position: absolute; display: block; z-index: 99; top: 239px; left: 404px; }

a.samplelink:hover { text-decoration: none; }

#animWrapper { position: relative; height:303px; margin:10px 5px 5px 5px; }

/* new footer */

#footer { height: 382px; background: url(../images/footerShadow.jpg) #ededed repeat-x; margin:80px 0 -5px -5px;  width: 920px; clear: both; padding: 50px 30px 0 30px; position: relative; }

#cin #footer { height: 382px; background: url(../images/footerShadow.jpg) #ededed repeat-x; margin: -5px auto 0 auto;  width: 920px; clear: both; padding: 50px 30px 0 30px; position: relative; }

#footerBottom { border-top: 1px solid #e1e1e1; color: #b5b5b5; margin-top: 60px; padding-top: 15px; }

.footerCol { float: left; width: 20%; color: #5c5d5d; overflow: hidden }

.footerCol ul li { min-height: 16px; font-size: 11px; }

.footerCol p { font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding-top: 0; }

.footerCol p.para { font-weight: normal; text-transform: none; line-height: 16px; font-size: 11px; }

.footerCol p.para a { color: #E74098; font-weight: bold; }

.footerCol a { font-weight: normal; color: #5c5d5d; }

.footerCol a:hover { color:#E74098; text-decoration: underline; }

#footerBottom a { color: #b5b5b5;  font-weight: normal; font-size: 11px;  } 

#footerBottom a:hover { color: #E63F97; text-decoration: none;}

#footerBottom p { font-size: 11px; padding: 0 0 5px 0; margin-bottom: 0; }

p.toTop { font-weight: bold; float: right; margin: -52px 0 0 -20px; }

p.toTop img { margin-top: -1px; }

img.brCurve { position: absolute; bottom: 0; left: 0; }

div.footerCol p { line-height: 100%; padding: 0; }

div.footerCol ul { margin-bottom: 0; }

div.column.about ul li { min-height: 15px; margin-left: 30px; }

div.column.about { line-height: 18px; }

div.columnDouble.home p { line-height: 18px; }

div.columnDouble.home ul li { min-height: 15px; line-height: 18px; }

div.columnDouble.home div.column ul li { padding: 5px 0; }

div.columnDouble.home div.column { width: 300px; }

li.useDate a { line-height: 31px; margin-left: 5px; }

/* top level nav */

#networkNav { margin-top: 10px; }

#topLevelNav, #networkNav { width: 728px; height: 35px; color: #fff; float: right; margin-right: 20px; }

#networkNav p { display: block; width: 300px; padding: 0; float: left; font-size: 11px; line-height: 35px; }

#networkNav ul, #networkNav ul { list-style: none; float: right; height: 35px; line-height: 35px;}

#networkNav ul li { display: inline; border-right: 1px solid #fff; }

#networkNav ul li a { color: #fff; padding: 0 8px; font-size: 11px; }

#networkNav ul li.last { border: none; }

#networkNav ul li.last a { padding-right: 0; } 

ul li label span { line-height: 14px; }

/* front page date picker */

#soyl { margin-top: 9px; margin-left: 7px; }

#datepicker { background: #000; height: 335px; width: 675px; margin: -2px 0 8px 7px; *margin: -3px 0 8px 7px; overflow: hidden; text-shadow: 1px 1px 0px #000; }

#pickers { margin: 20px 0 0 30px; position: relative; width: 378px; float: left;  }

#datepicker_instructions { float: left; width: 260px; height: 250px; color: #fff; }

#datepicker_message { background: #383838; font-size: 20px; margin: 20px 20px 20px 30px; padding: 15px; line-height: 28px; }

#wheel_shadow { background: url(../images/wheelshadow.png) no-repeat; position: absolute; top: 74px; left: 0; width: 378px; height: 178px; z-index: 1; }

.picker { width: 123px; height: 210px; float: left; margin-right: 3px; position: relative; text-align: center; }

.wheel { width: 123px; height: 178px; margin-top: 42px; overflow: hidden; background: url(../images/wheelbg.jpg) no-repeat; bottom: -42px; left: 0; position: absolute; }

#datepicker h3 { color: #fff; line-height: 32px; font-size: 22px; margin-top: -7px; }

.wheel ul { list-style: none; position: absolute; top: 55px; left: 0; width: 123px; }

.wheel li { color: #fff; font-size: 40px; margin: 10px 0; height: 45px; }

#test { width: 500px; height: 300px; background: #c00; }

#datepicker_button span { margin: 30px 20px 30px 30px; background: url(../images/startButton.png) 0 0 no-repeat; width: 210px; height: 76px; display: block; overflow: hidden; cursor: pointer; }

#datepicker_button span:hover { background-position: 0 -76px; }

#top_button_row,#bottom_button_row { position: absolute; width: 378px; height: 42px; left: 0; }

#top_button_row { top: -42px; }

#bottom_button_row { bottom: -42px; }

#top_button_row span, #bottom_button_row span { width: 42px; height: 42px; display: block; float: left; cursor: pointer; margin: 0 42px; }

#top_button_row span { background: url(../images/up_arrow.jpg) no-repeat; }

#bottom_button_row span { background: url(../images/down_arrow.jpg) no-repeat; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#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;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-1000px; 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; 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; 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:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}