/*
	Site:		Wonderbra: Ultimate Strapless
	File:		/css/screen.css
	Version:	2009-12-02
----------------------------------------------- */
* { margin: 0; padding: 0; }
body { background: #FFFFFF url(../img/global/body.jpg) repeat-x left top; color: #464646; font: 62.5%/1.2 "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
a:link, a:visited { background-color: transparent; color: #FFAB05; text-decoration: none; }
a:hover, a:active { background-color: transparent; color: #D52B82; text-decoration: none; }
button, input, textarea, select { font-size: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 100%; margin-bottom: 0.5em; }
iframe, img { border: none; }
fieldset, form { border: 0 solid #FFFFFF; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
ol, ul { margin-bottom: 1em; }
ol li { margin-bottom: 5px; margin-left: 22px; }
ul li { margin-bottom: 5px; margin-left: 14px; }
li ol, li ul { margin-top: 5px; margin-bottom: 0; }
sup { font-size: 50%; line-height: 0.8; }

/**	Framework
----------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; } /* accessible display none */
.s-h-o { left: -9999em; position: absolute; top: -9999em; } /* place content off screen */
.s-ir { background-repeat: no-repeat; display: block; overflow: hidden; position: relative; }
.s-ir span.s-ir-i { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
a.s-ir { cursor: pointer; }
a.s-ir span.s-ir-i { cursor: pointer; }
.s-i-arrow { font-size: 0px; line-height: 0%; width: 0px; }
.s-i-arrow-down { border-left: 8px solid #FFFFFF; border-right: 8px solid #FFFFFF; border-top: 9px solid #EE2374; }
.s-i-arrow-left { border-bottom: 8px solid #FFFFFF; border-right: 9px solid #EE2374; border-top: 8px solid #FFFFFF; }
.s-i-arrow-right { border-bottom: 8px solid #FFFFFF; border-left: 9px solid #EE2374; border-top: 8px solid #FFFFFF; }
.s-i-bg { background-repeat: repeat-y; display: block; }
.s-i-bg-inner { background-position: right bottom; background-repeat: no-repeat; }
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-break { display: block; }
.image span.caption { display: block; font-size: 0.9167em; line-height: 1; padding-top: 4px; } /* font-size 11px: 11/12 = 0.9167 */
.image span.caption strong { display: block; }
.image-left { float: left; padding-bottom: 20px; padding-right: 20px; width: auto; }
.image-right { float: right; padding-bottom: 20px; padding-left: 20px; width: auto; }
/* **/

/**	Patterns: Form
----------------------------------------------- */
.form span.form-row-required { color: #E21776; }
.form .form-row { background-color: transparent; color: #555555; clear: both; float: left; width: auto; }
.form .form-row label { display: block; float: left; padding: 5px 0 10px 0; width: 100%; }
.form .form-row label .form-row-label { display: block; float: left; width: 150px; }
.form .form-row label .form-row-field { display: block; float: left; width: auto; }
.form .form-row label .form-row-hint { background-color: #FBF9EE; clear: both; border: 1px solid #FFE45C; color: #062849; display: block; margin: 5px 0 0 0; padding: 3px 5px; }
.form .form-row-text label .form-row-label { padding-top: 3px; }
.form .form-row-tip { display: block; clear: both; padding: 5px 0 0 165px; font-size: .7em; }
.form .form-row-textarea label .form-row-label { padding-top: 3px; }
.form .form-row-text label .form-row-field input,
.form .form-row-textarea label .form-row-field textarea { background: #FFFFFF url(../img/global/form-row-field.png) no-repeat 0 0; border: 1px solid #D3D3CF; color: #5F5851; padding: 3px 5px; width: 398px; }
.form .form-row-file label .form-row-field input { width: 398px; }
.form .form-row label .form-row-field input.form-error { border: 1px solid red; }
.form .form-row-select label .form-row-field select { background: #FFFFFF url(../img/global/form-row-field.png) no-repeat 0 0; border: 1px solid #D3D3CF; color: #5F5851; padding: 2px 0 1px 2px; width: 410px; }
.form .form-row-select label .form-row-field select option { padding: 0 3px 1px 2px; }
.form .form-row-checkbox { padding: 5px 0 0 0; }
.form .form-row-checkbox label { position: relative; padding-bottom: 5px; }
.form .form-row-checkbox label .form-row-label { padding-left: 20px; width: auto; }
.form .form-row-checkbox label .form-row-field { left: 0; position: absolute; top: 6px; width: 20px; }
.form .form-row-action { clear: both; float: none; padding: 10px 0 5px 0; text-align: right; width: auto; }
.form .form-row-action .form-row-return { padding-left: 5px; }
.form .error-message { display: none; }
.form .form-row { position: relative; }
.form .form-row div.error { background: url(../img/global/form-row-field-error.png) no-repeat; clear: both; float: none; height: 30px; line-height: 100px; overflow: hidden; position: absolute; right: -35px; top: 2px; width: 30px; }
.form .form-row-checkbox div.error { right: 50px; }
.form .form-disclaimer { clear: left; }
.form .form-disclaimer p { font-size: 0.8462em; padding: 10px 40px 0 180px; } /* font-size 11px: 11/13 = 0.8462 */
/* **/

/**	Typography
----------------------------------------------- */
h1 { margin-bottom: 0.8em; padding-bottom: 0; }
p { padding-bottom: 1em; }
/* **/

/**	Structure
----------------------------------------------- */
#Container { background-image: url(../img/global/container.jpg); background-position: center top; background-repeat: no-repeat; clear: both; font-size: 1.3000em; min-width: 960px; } /* font-size 13px: 13/10 = 1.3000 */
#Container .inner { margin: 0 auto; width: 960px; }
#Container .inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#Header { height: 160px; }
#Header .inner { position: relative; }
#Header #Branding { background-color: #E9CA00; color: #000000; font-size: 1.3846em; padding-bottom: 0; position: absolute; } /* font-size 18px: 18/13 = 1.3846 */
#Header #Branding img { display: block; }
#Header #Branding a { background-color: #E9CA00; color: #000000; }
#Header #Navigation { padding: 69px 0 0 271px; width: 680px; }
#Header #Navigation ul { list-style-type: none; margin-bottom: 0; }
#Header #Navigation ul li { display: block; float: left; margin-bottom: 0; margin-left: 0; width: auto; }
#Header #Navigation a { background-color: #272727; color: #FFFFFF; cursor: pointer; display: block; height: 55px; outline: none; overflow: hidden; position: relative; }
#Header #Navigation a span { background: url(../img/global/navigation.png) no-repeat top left; cursor: pointer; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
#Header #Navigation a:focus,
#Header #Navigation a:hover,
#Header #Navigation a:active { background-color: #272727; color: #E9CA00; }
#Header #Navigation #N1 { width: 68px; }
#Header #Navigation #N1 span { background-position: 0 0; }
#Header #Navigation #N1 a:focus span,
#Header #Navigation #N1 a:hover span,
#Header #Navigation #N1 a:active span { background-position: 0 -55px; }
#Header #Navigation #N2 { width: 154px; }
#Header #Navigation #N2 span { background-position: -68px 0; }
#Header #Navigation #N2 a:focus span,
#Header #Navigation #N2 a:hover span,
#Header #Navigation #N2 a:active span { background-position: -68px -55px; }
#Header #Navigation #N3 { width: 121px; }
#Header #Navigation #N3 span { background-position: -222px 0; }
#Header #Navigation #N3 a:focus span,
#Header #Navigation #N3 a:hover span,
#Header #Navigation #N3 a:active span { background-position: -222px -55px; }
#Header #Navigation #N4 { width: 106px; }
#Header #Navigation #N4 span { background-position: -343px 0; }
#Header #Navigation #N4 a:focus span,
#Header #Navigation #N4 a:hover span,
#Header #Navigation #N4 a:active span { background-position: -343px -55px; }
#Header #Navigation #N5 { width: 101px; }
#Header #Navigation #N5 span { background-position: -449px 0; }
#Header #Navigation #N5 a:focus span,
#Header #Navigation #N5 a:hover span,
#Header #Navigation #N5 a:active span { background-position: -449px -55px; }
#Header #Navigation #N6 { width: 130px; }
#Header #Navigation #N6 span { background-position: -550px 0; }
#Header #Navigation #N6 a:focus span,
#Header #Navigation #N6 a:hover span,
#Header #Navigation #N6 a:active span { background-position: -550px -55px; }
#Content { background-position: 50% 0; background-repeat: no-repeat; }
#Content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#Content .inner { min-height: 604px; }
#Footer { position: relative; background: #FFFFFF url(../img/global/footer.png) no-repeat center 1px; clear: both; color: #8D8D8D; font-size: 0.9231em; padding: 16px 0 40px 0; text-align: right; } /* font-size 12px: 12/13 = 0.9231 */
#Footer #NavigationFooter a { text-decoration: none; }
#Footer .c-diary { text-align: left; }
#Footer .inner { position: relative; }
#Footer .inner #ShareThis { left: 0; position: absolute; top: 0; }
#Footer .inner #ShareThis a { background: transparent url(../img/global/sharethis.gif) no-repeat scroll 0 50%; padding: 0 0 5px 22px; position: relative; text-decoration: none; }
/* **/

/** hasJS
----------------------------------------------- */
.hasJS #Content .inner { height: 604px; }
/* **/

/** Preloading
----------------------------------------------- */
.preloader { background-color: #FFFFFF; display: none; left: 50%; margin-left: -20px; margin-top: -20px; padding: 10px; position: absolute; top: 30%; z-index: 10; }
.isPreloading .inner { visibility: hidden; }
.isPreloading #Preloader { left: 50%; position: absolute; top: 180px; }
/* **/

/** Componnets: .c
----------------------------------------------- */
.c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.c .c-b ol,
.c .c-b ul { margin-bottom: 0; }
.c .c-b p.c-action { padding-bottom: 0; }
.c .c-b p.c-action a { background-color: #FFFFFF; color: #E61577; display: block; }
/* **/

/** Componnet: .c-content
----------------------------------------------- */
.c-content { font-size: 1.3846em; } /* font-size 18px: 18/13 = 1.3846 */
.c-content a:link .cufon, .c-content a:visited .cufon { border-bottom: 1px solid #FFAB05; }
.c-content a:hover .cufon, .c-content a:active .cufon { border-bottom: 1px solid transparent; }
.c-content .c-b ul { font-size: 0.6111em; line-height: 1; list-style-type: none; } /* font-size 11px: 11/18 = 0.6111 */
/* **/

/** Componnet: .c-socialise
----------------------------------------------- */
.c-socialise { left: 436px; position: absolute; top: 1px; width: 524px; }
.c-socialise .c-b ul { list-style-type: none; margin-bottom: 0; }
.c-socialise .c-b ul li { margin-bottom: 0; margin-left: 0; float: left; width: auto; }
.c-socialise .c-b ul li a { outline: none; }
.c-socialise .c-b a { cursor: pointer; display: block; height: 67px; outline: none; overflow: hidden; position: relative; }
.c-socialise .c-b a span { background: url(../img/global/c-socialise.jpg) no-repeat top left; cursor: pointer; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
.c-socialise .c-b .c-socialise-01 { width: 180px; }
.c-socialise .c-b .c-socialise-01 span { background-position: 0 0; }
.c-socialise .c-b .c-socialise-01 a:focus span,
.c-socialise .c-b .c-socialise-01 a:hover span,
.c-socialise .c-b .c-socialise-01 a:active span { background-position: 0 -86px; }
.c-socialise .c-b .c-socialise-02 { width: 174px; }
.c-socialise .c-b .c-socialise-02 span { background-position: -180px 0; }
.c-socialise .c-b .c-socialise-02 a:focus span,
.c-socialise .c-b .c-socialise-02 a:hover span,
.c-socialise .c-b .c-socialise-02 a:active span { background-position: -180px -86px; }
.c-socialise .c-b .c-socialise-03 { width: 167px; }
.c-socialise .c-b .c-socialise-03 span { background-position: -354px 0; }
.c-socialise .c-b .c-socialise-03 a:focus span,
.c-socialise .c-b .c-socialise-03 a:hover span,
.c-socialise .c-b .c-socialise-03 a:active span { background-position: -354px -85px; }
/* **/

/** Componnet: .c-modal
----------------------------------------------- */
.c-modal { height: 700px; margin: 0 auto; position: relative; width: 940px; }
.hasJS .c-modal { background-image: url(../img/global/c-modal.png); width: 940px; }
.hasJS .c-modal .close { cursor: pointer; height: 35px; position: absolute; right: 25px; top: 130px; width: 35px; }
.hasJS .c-modal h2 { background-color: transparent; color: #000000; }
.hasJS .c-modal h3 { background-color: transparent; color: #4C4C4C; }
.hasJS .c-modal h4 strong { background-color: transparent; color: #000000; }
.hasJS .c-modal .c-h { height: 170px; left: 25px; position: absolute; top: 150px; }
.hasJS .c-modal .c-h h3.s-ir { float: left; height: 145px; width: 270px; }
.hasJS .c-modal .c-h h3.s-ir .s-ir-i { background-image: url(../img/global/c-modal-h3.jpg); }
.hasJS .c-modal .c-h p { float: left; margin-left: 40px; width: 540px; }
.hasJS .c-modal .c-h p.intro { padding-top: 40px; }
.hasJS .c-modal .c-b { clear: both; position: absolute; top: 320px; width: 900px; }
.hasJS .c-modal .c-b .form .form-col { float: left; margin-left: 20px; width: 430px; }
.hasJS .c-modal .c-b .form .form-row-text .form-row-label { text-align: right; }
.hasJS .c-modal .c-b .form .form-row-file .form-row-label { text-align: right; }
.hasJS .c-modal .c-b .form .form-row-text label .form-row-field input { margin-left: 10px; width: 220px; }
.hasJS .c-modal .c-b .form .form-row-textarea label .form-row-field textarea { margin-left: 10px; width: 220px; }
.hasJS .c-modal .c-b .form .form-row-file label .form-row-field input { margin-left: 10px; width: auto; }
.hasJS .c-modal .c-b .form .form-row-checkbox label .form-row-label { padding-right: 100px; font-size: .9em; }
.hasJS .c-modal .c-b .form .form-row-action { background: transparent url(../img/global/c-modal-form-action.jpg) no-repeat center top; clear: both; left: 15px; padding-top: 30px; position: absolute; top: 260px; width: 880px; }
.hasJS .c-modal .c-b .form .preview { position: absolute; left: 160px; bottom: -100px; background: #fff; padding: 2px; }
.hasJS .c-modal { display: none; }
.hasJS .c-modal .c-b .form div.thanks { padding: 0 0 0 50px; }
.hasJS .c-modal .c-b .form .form-wide .form-row label .form-row-label { float: none; width: 340px; }
.hasJS .c-modal .c-b .form .form-wide .form-row label .form-row-field { float: none; width: 340px; }
.hasJS .c-modal .c-b .form .form-wide .form-row-text .form-row-label { text-align: left; }
.hasJS .c-modal .c-b .form .form-wide .form-row-file .form-row-label { text-align: left; }
.hasJS .c-modal .c-b .form .form-wide .form-row-textarea label .form-row-label,
.hasJS .c-modal .c-b .form .form-wide .form-row-text label .form-row-label { padding-bottom: 6px; }
.hasJS .c-modal .c-b .form .form-wide .form-row-text label .form-row-field input { margin-left: 0px; width: 340px; }
.hasJS .c-modal .c-b .form .form-wide .form-row-text label .form-row-field textarea { margin-left: 0px; width: 340px; }
.hasJS .c-modal .c-b .form .form-wide .form-row-textarea label .form-row-field textarea { margin-left: 0px; width: 340px; }
/* **/

/** Componnet: .c-modal#Diary
----------------------------------------------- */
.hasJS #Diary { background-image: url(../img/global/c-modal-diary.png); }
#Diary .close { right: 10px; top: 45px; }
#Diary .c-h { background-color: transparent; color: #000000; height: 45px; left: 50px; top: 45px; width: 400px; }
#Diary .c-h p { float: none; margin-left: 25px; width: auto; }
#Diary .c-b { background-color: transparent; color: #000000; height: 490px; left: 75px; top: 95px; width: 840px; }
#Diary .c-b ul { float: left; list-style-type: none; margin: 0 50px 0 0; width: 360px; }
#Diary .c-b ul li { height: 80px; margin-bottom: 10px; margin-left: 0; width: 360px; }
#Diary .c-b ul li.alt { background: transparent url(../img/content/diary/alt-background.png) 15px 0 no-repeat; height: 106px; margin-bottom: 5px; padding-top: 5px; width: 375px; }
#Diary .c-b ul.col-2 { margin-right: 0; }
#Diary .c-b ul.col-2 li.alt { background-position: 20px 0; width: 380px; }
#Diary .c-b ul li p { position: relative; padding: 10px 0 0 90px; }
#Diary .c-b ul li p img { left: 0; position: absolute; top: 0; }
#Diary .c-b ul li p a { background-color: transparent; color: #D52B82; text-transform: none; }
#Diary .c-f { height: 45px; left: 90px; position: absolute; top: 595px; width: 740px; }
#Diary .c-f p.pagination { position: relative; }
#Diary .c-f p.pagination a { background-color: transparent; color: #4C4C4C; padding: 0 6px; }
#Diary .c-f p.pagination a:focus,
#Diary .c-f p.pagination a:hover,
#Diary .c-f p.pagination a:active { background-color: transparent; color: #FFAB05; text-decoration: none; }
#Diary .c-f p.pagination .pagination-results { left: 110px; padding-top: 12px; position: absolute; top: 0; width: 240px; }
#Diary .c-f p.pagination .pagination-pages { display: block; margin-left: 360px; padding-top: 14px; text-align: center; width: 280px; }
#Diary .c-f p.pagination .s-ir { height: 45px; padding: 0; position: absolute; width: 105px; }
#Diary .c-f p.pagination .s-ir .s-ir-i { background-image: url(../img/global/c-modal-diary-pagination.jpg); }
#Diary .c-f p.pagination .pagination-previous { left: 0; top: 0; }
#Diary .c-f p.pagination .pagination-previous:focus .s-ir-i,
#Diary .c-f p.pagination .pagination-previous:hover .s-ir-i,
#Diary .c-f p.pagination .pagination-previous:active .s-ir-i { background-position: 0 -45px; }
#Diary .c-f p.pagination .pagination-next { left: 655px; top: 0; }
#Diary .c-f p.pagination .pagination-next .s-ir-i { background-position: -105px 0; }
#Diary .c-f p.pagination .pagination-next:focus .s-ir-i,
#Diary .c-f p.pagination .pagination-next:hover .s-ir-i,
#Diary .c-f p.pagination .pagination-next:active .s-ir-i { background-position: -105px -45px; }
#Diary .c-f p.pagination .pagination-active { color: #FF6E00; text-decoration: none; }
#DiaryAjax.loading { height: 700px; width: 960px; background: url(../img/global/spinner.gif) center center no-repeat; }
/* **/

/** Componnet: .c-modal#Twitter
----------------------------------------------- */
#Twitter .c-h h3.s-ir { width: 400px; }
#Twitter .c-b ul { list-style-type: none; padding-top: 10px; }
#Twitter .c-b ul li { float: left; margin-bottom: 25px; margin-left: 40px; padding-top: 20px; position: relative; width: 255px; }
#Twitter .c-b ul li h4 { padding-left: 95px; }
#Twitter .c-b ul li h4 img.pic { left: 0; position: absolute; top: 0; }
#Twitter .c-b ul li p { padding-left: 105px; }
#Twitter .c-b ul li a { text-decoration: none; }
#Twitter .c-b h4 { background-color: transparent; color: #464646; }
/* **/

/** Componnet: .c-modal#Signup (Party Edition)
----------------------------------------------- */
/*#Signup .c-h h3.s-ir .s-ir-i { background-position: -670px 0; }
#Signup .c-h p.intro { margin-left: 20px; padding-top: 60px; width: 330px; }
#Signup .c-b .form { padding-top: 10px; }
#Signup .c-h .campaign-image.s-ir { float: left; height: 145px; margin-left: 10px; width: 202px; }
#Signup .c-h .campaign-image.s-ir .s-ir-i { background-image: url(../img/global/c-modal-campaign.jpg); }*/
/* **/

/** Componnet: .c-modal#Signup
----------------------------------------------- */
#Signup .c-h h3.s-ir .s-ir-i { background-position: -400px 0; }
#Signup .c-b .form { padding-top: 10px; }
/* **/

/** Componnet: .c-modal#How
----------------------------------------------- */
#How .c-b { left: 23px; position: absolute; top: 163px; }
/* **/

/** Componnet: .c-player
----------------------------------------------- */
.c-player { margin-top: 18px; float: right; position: relative; width: auto; }
.c-player .c-b { padding: 9px 0 0 20px; position: relative; }
.c-player-actions { height: 40px; left: 20px; list-style-type: none; position: absolute; top: 370px; width: 530px; }
.c-player-actions li { float: left; margin-bottom: 0; margin-left: 0; width: auto; }
.c-player-actions li a { background: transparent url(../img/content/tests/c-player-actions.jpg) no-repeat 0 0; color: #4C4C4C; height: 40px; line-height: 30px; outline: none; padding: 0 0 0 45px; text-decoration: none; width: auto; }
.c-player-actions li.c-player-actions-buy { width: 280px; }
.c-player-actions li.c-player-actions-buy a { background-position: 0 0; display: block; }
.c-player-actions li.c-player-actions-buy a:focus,
.c-player-actions li.c-player-actions-buy a:hover,
.c-player-actions li.c-player-actions-buy a:active { background-position: 0 -41px; }
.c-player-actions li.c-player-actions-upload { margin-left: 10px; width: 230px; }
.c-player-actions li.c-player-actions-upload a { background-position: 0 -82px; display: block; }
.c-player-actions li.c-player-actions-upload a:focus,
.c-player-actions li.c-player-actions-upload a:hover,
.c-player-actions li.c-player-actions-upload a:active { background-position: 0 -123px; }
/* **/

/** Componnet: .c-playlist
----------------------------------------------- */
.c-playlist { height: 150px; left: 225px; position: absolute; top: 400px; width: 220px; }
.c-playlist h2 { background-color: transparent; color: #4C4C4C; font-weight: normal; margin-bottom: 5px; padding: 0 15px 0 15px; }
.c-playlist ul { list-style-type: none; margin: 0 11px 0 15px; }
.c-playlist ul li { margin-bottom: 0; margin-left: 0; }
.c-playlist ul li a { background: transparent url(../img/content/tests/c-playlist.png) no-repeat left bottom; color: #BE8200; display: block; padding: 9px 0 12px 0; text-decoration: none; }
.c-playlist ul li a.active,
.c-playlist ul li a:focus,
.c-playlist ul li a:hover,
.c-playlist ul li a:active { background-position: -195px 100%; color: #4C4C4C; }
.c-playlist ul li.last a { background-position: -390px 100%; }
.c-playlist ul li.last a.active,
.c-playlist ul li.last a:focus,
.c-playlist ul li.last a:hover,
.c-playlist ul li.last a:active { background-position: -585px 100%; color: #4C4C4C; }
/* **/

/** Componnet: .c-playlist-others
----------------------------------------------- */
.c-playlist-others { height: 200px; left: 200px; position: absolute; top: 380px; width: 220px; }
.c-playlist-others ul { height: 120px; width: 194px; }
/*
	TODO: AD: Scrollable
*/
.hasJS .c-playlist-others { overflow: hidden; }
.hasJS .c-playlist-others .c-b { height: 120px; position: absolute; }
.hasJS .c-playlist-others .c-b ul { float: left; width: 194px; }
.c-playlist-others ul li a { background-position: -780px 100%; }
.c-playlist-others ul li a.active,
.c-playlist-others ul li a:focus,
.c-playlist-others ul li a:hover,
.c-playlist-others ul li a:active { background-position: -975px 100%; color: #4C4C4C; }
.c-playlist-others ul li.last a { background-position: -1170px 100%; }
.c-playlist-others ul li.last a.active,
.c-playlist-others ul li.last a:focus,
.c-playlist-others ul li.last a:hover,
.c-playlist-others ul li.last a:active { background-position: -1365px 100%; color: #4C4C4C; }
.c-playlist-others .c-f { height: 40px; position: absolute; top: 158px; width: 220px; }
.c-playlist-others .c-f .s-ir { height: 40px; outline: none; position: absolute; top: 2px; width: 100px; }
.c-playlist-others .c-f .s-ir .s-ir-i { background-image: url(../img/content/tests/c-playlist.png); }
.c-playlist-others .c-f .c-playlist-others-previous { left: 2px; }
.c-playlist-others .c-f .c-playlist-others-previous .s-ir-i { background-position: -1560px 0; }
.c-playlist-others .c-f .c-playlist-others-previous:focus .s-ir-i,
.c-playlist-others .c-f .c-playlist-others-previous:hover .s-ir-i,
.c-playlist-others .c-f .c-playlist-others-previous:active .s-ir-i { background-position: -1660px 0; }
.c-playlist-others .c-f .c-playlist-others-next { left: 115px; }
.c-playlist-others .c-f .c-playlist-others-next .s-ir-i { background-position: -1760px 0; }
.c-playlist-others .c-f .c-playlist-others-next:focus .s-ir-i,
.c-playlist-others .c-f .c-playlist-others-next:hover .s-ir-i,
.c-playlist-others .c-f .c-playlist-others-next:active .s-ir-i { background-position: -1860px 0; }
/* **/

/** Section: .home
----------------------------------------------- */
body.home #Header #Navigation #N1 a span { background-position: 0 -55px; }
body.home .isLoaded #Content { background-image: url(../img/content/home/content.jpg); background-position: 50% 0; }
body.home #Container #Content .inner { width: 1050px; }
body.home .c-content { float: left; margin-left: 184px; width: 600px; }
body.home .c-content * { padding-left: 65px; }
body.home .c-content * * { padding-left: 0; }
body.home .c-content p { margin-bottom: 10px; }
body.home .c-content p.intro { font-size: 1.1111em; margin-bottom: 10px; } /* font-size 20px: 20/18 = 1.1111 */
body.home .c-content p.intro strong { font-size: 1.5000em; font-weight: normal; display: block; } /* font-size 20px: 30/20 = 1.5000 */
body.home .c-content p.alt { margin-left: 40px; }
body.home .c-content p.indent { margin-left: 160px; }
body.home .c-content p.last { margin-left: 40px; }
body.home .c-cta { float: right; width: 234px; }
body.home .c-cta ul { list-style-type: none; }
body.home .c-cta li { margin-bottom: 5px; margin-left: 0; }
body.home .c-cta a { background: transparent url(../img/content/home/c-cta.jpg) no-repeat 0 0; color: #636363; display: block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 0.7692em; padding: 68px 0 15px 0; text-align: center; text-decoration: none; } /* font-size 10px: 10/13 = 0.7692 */
body.home .c-cta a strong { background-color: transparent; color: #D52B82; display: block; font-size: 1.4000em; padding: 0 0 2px 0; } /* font-size 14px: 14/10 = 1.4000 */
body.home .c-cta a:focus,
body.home .c-cta a:hover,
body.home .c-cta a:active { background-color: transparent; color: #636363; text-decoration: none; }
body.home .c-cta a:focus strong,
body.home .c-cta a:hover strong,
body.home .c-cta a:active strong { background-color: transparent; color: #FFAB05; }
body.home .c-cta .cta-01 a { background-position: 0 0; padding-left: 5px; padding-top: 102px; }
body.home .c-cta .cta-01 a strong { padding-left: 8px; }
body.home .c-cta .cta-01 a:focus,
body.home .c-cta .cta-01 a:hover,
body.home .c-cta .cta-01 a:active { background-position: -234px 0; }
body.home .c-cta .cta-02 a { background-position: -468px -25px; padding-left: 10px; padding-top: 65px; }
body.home .c-cta .cta-02 a strong { margin-left: -10px; margin-right: -4px; }
body.home .c-cta .cta-02 a:focus,
body.home .c-cta .cta-02 a:hover,
body.home .c-cta .cta-02 a:active { background-position: -468px -25px; }
body.home .c-cta .cta-03 a { background-position: -936px -10px; padding-left: 5px; padding-top: 75px; }
body.home .c-cta .cta-03 a strong { padding-left: 23px; padding-right: 18px; }
body.home .c-cta .cta-03 a:focus,
body.home .c-cta .cta-03 a:hover,
body.home .c-cta .cta-03 a:active { background-position: -1170px -10px; }
body.home .c-diary { height: 250px; left: 330px; position: absolute; top: -262px; width: 425px; }
body.home .c-diary .c-b p { padding-bottom: 0; }
body.home .c-diary .c-b a { background: transparent url(../img/content/home/c-diary.jpg) no-repeat 0 0; color: #d52b82; display: block; min-height: 9.5em; outline: none; height: 250px; text-decoration: none; }
body.home .c-diary .c-b a strong { display: block; font-weight: normal; padding: 120px 30px 0 140px; }
body.home .c-diary .c-b a strong strong { background-color: transparent; color: #000; padding: 2px 0 0 0; }
body.home .c-diary .c-b a:focus,
body.home .c-diary .c-b a:hover,
body.home .c-diary .c-b a:active { background-position: 0 -250px; color: #978217; }
/* **/

/** Section: .products
----------------------------------------------- */
body.products #Header #Navigation #N2 a span { background-position: -68px -55px; }
body.products .isLoaded #Content { background-image: url(../img/content/products/content.jpg); }
body.products .c-content { float: left; width: 450px; }
body.products .c-content p.indent { padding-left: 250px; }
body.products .c-content ul { padding-left: 240px; }
body.products .c-products { float: right; width: 495px; }
body.products .c-products .c-b { float: left; margin-left: 5px; width: 240px; }
body.products .c-products .s-ir { height: 305px; }
body.products .c-products .s-ir .s-ir-i { background-image: url(../img/content/products/c-products.jpg); }
body.products .c-products h2 { margin-bottom: 15px; }
body.products .c-products p { background-color: transparent; color: #7E7E7E; font-size: 1.0769em; height: 115px; padding: 0 30px; text-align: center; } /* font-size 15px: 15/13 = 1.0769 */
body.products .c-products p strong { display: block; font-size: 1.4286em; margin-bottom: 5px; } /* font-size 20px: 20/14 = 1.4286 */
body.products .c-products p em { font-size: 0.7857em; font-style: normal; line-height: 1; } /* font-size 11px: 11/14 = 0.7857 */
body.products .c-products .c-action { margin-left: 44px; padding: 0; width: 140px; }
body.products .c-products .c-action .s-ir { height: 70px; }
body.products .c-products .c-action .s-ir .s-ir-i { background-position: -480px 0; }
body.products .c-products .c-action .s-ir:focus .s-ir-i,
body.products .c-products .c-action .s-ir:hover .s-ir-i,
body.products .c-products .c-action .s-ir:active .s-ir-i { background-position: -480px -70px; }
body.products .c-products #Product1 h2 .s-ir .s-ir-i { background-position: 0 0; }
body.products .c-products #Product1 h2 .s-ir:focus .s-ir-i,
body.products .c-products #Product1 h2 .s-ir:hover .s-ir-i,
body.products .c-products #Product1 h2 .s-ir:active .s-ir-i { background-position: 0 -305px; }
body.products .c-products #Product2 h2 .s-ir .s-ir-i { background-position: -240px 0; }
body.products .c-products #Product2 h2 .s-ir:focus .s-ir-i,
body.products .c-products #Product2 h2 .s-ir:hover .s-ir-i,
body.products .c-products #Product2 h2 .s-ir:active .s-ir-i { background-position: -240px -305px; }
body.products .c-modal-product h2 { height: 50px; margin-bottom: 0; }
body.products .c-modal-product .c-h { left: 530px; position: absolute; top: 190px; width: 390px; }
body.products .c-modal-product .c-b { left: 530px; position: absolute; top: 240px; width: 390px; }
body.products .c-modal-product .c-b p.last { background-color: transparent; color: #7F7F7F; }
body.products .c-modal-product .c-b strong { font-weight: normal; }
body.products .c-modal-product .c-b .sizes { background-color: transparent; color: #7F7F7F; padding-top: 20px; }
body.products .c-modal-product .c-b .sizes ul { list-style-type: none; margin-bottom: 0; }
body.products .c-modal-product .c-b .sizes ul li { border-right: 1px solid #7F7F7F; float: left; margin-left: 0; margin-right: 5px; padding-right: 5px; white-space: nowrap; width: auto; }
body.products .c-modal-product .c-b .sizes ul li.last { border-right: none; padding-right: 0; }
body.products .c-modal-product .c-b .images { background: url(../img/content/products/c-modal-product-1-detail.jpg) no-repeat; height: 450px; left: -514px; position: absolute; top: -60px; width: 500px; }
body.products .c-modal-product .c-b .product-2 { background-image: url(../img/content/products/c-modal-product-2-detail.jpg); }
body.products .c-modal-product .c-b .images div.thumb { bottom: 5px; cursor: pointer; height: 75px; left: 85px; position: absolute; width: 130px; }
body.products .c-modal-product .c-b .images div.thumb-2 { left: 235px; }
body.products .c-modal-product .c-b .price { clear: both; position: absolute; top: 310px; }
body.products .c-modal-product .c-b .price h4 { color: #7F7F7F; font-size: 1.8462em; font-weight: normal; } /* font-size 20px: 24/13 = 1.8462 */
body.products .c-modal-product .c-b .price .rrp { font-size: 0.8462em; padding-right: 200px; } /* font-size 11px: 11/13 = 0.8462 */
body.products .c-modal-product .c-b .price .s-ir { height: 110px; left: 210px; position: absolute; top: 10px; width: 185px; }
body.products .c-modal-product .c-b .price .s-ir .s-ir-i { background-image: url(../img/content/products/c-modal-product-buy.jpg); }
body.products .c-modal-product .c-b .price .s-ir:focus .s-ir-i,
body.products .c-modal-product .c-b .price .s-ir:hover .s-ir-i,
body.products .c-modal-product .c-b .price .s-ir:active .s-ir-i { background-position: 0 -110px; }
/* **/

/** Section: .how
----------------------------------------------- */
body.how #Header #Navigation #N3 a span { background-position: -222px -55px; }
body.how .isLoaded #Content { background-image: url(../img/content/how/content.jpg); }
body.how .c-content { margin-left: 180px; position: relative; }
body.how .c-content p { width: 700px; }
body.how .c-content p.alt { margin-left: 50px; }
body.how .c-content p.indent { margin-left: 160px; width: 400px; }
body.how .c-content p.last { padding-bottom: 0; }
body.how .c-content ul { margin-left: 150px; }
body.how .c-content blockquote { margin-left: 215px; width: 300px; }
body.how .c-content blockquote p { padding-bottom: 0.5em; }
body.how .c-content blockquote p.cite { font-weight: bold; }
body.how .c-content .c-action { left: 550px; position: absolute; top: 100px; width: 190px; }
body.how .c-content .c-action .s-ir { height: 150px; }
body.how .c-content .c-action .s-ir .s-ir-i { background-image: url(../img/content/how/c-action.jpg); }
body.how .c-content .c-action .s-ir:focus .s-ir-i,
body.how .c-content .c-action .s-ir:hover .s-ir-i,
body.how .c-content .c-action .s-ir:active .s-ir-i { background-position: 0 -150px; }
/* **/

/** Section: .tests
----------------------------------------------- */
body.tests #Header #Navigation #N4 a span { background-position: -343px -55px; }
body.tests .isLoaded #Content { background-image: url(../img/content/tests/content.jpg); background-position: 50% 1px; }
body.tests #Content .inner { position: relative; width: 972px; }
body.tests .c-content { float: left; margin-left: 140px; width: 300px; }
body.tests .c-content p { padding-bottom: 0; padding-top: 17px; }
body.tests .c-content p.alt { padding-left: 40px; }
body.tests .c-content p.indent { padding-left: 80px; }
body.tests #VideoPlayer { width: 504px; height: 318px; background: url(../img/global/spinner.gif) no-repeat center center; }
body.tests #UploadTest .c-h .s-ir-i { background: url(../img/content/tests/c-modal-upload-video-h3.png); }
/* **/

/** Section: .testimonials
----------------------------------------------- */
body.testimonials #Header #Navigation #N6 a span { background-position: -550px -55px; }
body.testimonials .isLoaded #Content { background-image: url(../img/content/testimonials/content.jpg); }
body.testimonials .c-content { float: left; margin-left: 50px; width: 295px; }
body.testimonials .c-content p.indent { padding-left: 30px; }
body.testimonials .c-content ul { margin-left: 60px; }
body.testimonials .c-testimonials { float: left; position: relative; width: 600px; }
body.testimonials .c-testimonials .video { display: block; margin: 0 0 0 -19px; }
body.testimonials .c-testimonials .c-b { font-size: 0.9231em; width: 252px; height: 351px; background: url(../img/content/testimonials/testimonial-bg.png) 0 0 no-repeat; } /* font-size 12px: 12/13 = 0.9231 */
body.testimonials .c-testimonials .c-b .content { margin: 30px 0 0 25px; width: 170px; }
body.testimonials .c-testimonials .c-b p .image { display: block; height: 75px; float: right; margin-bottom: 0; margin-right: 0px; width: 75px; }
body.testimonials .c-testimonials .c-b p .image img { position: relative; right: -18px; top: -14px; }
body.testimonials .c-testimonials .c-b p.cite { background-color: transparent; color: #322F10; font-size: 1.1667em; left: 15px; position: absolute; text-align: center; top: 280px; width: 175px; } /* font-size 14px: 14/12 = 1.1667 */
body.testimonials .c-testimonials .c-b .s-i-i { background-image: url(../img/content/testimonials/content.jpg); height: 80px; position: absolute; width: 14px; }
body.testimonials .c-testimonials #Testimonial01 { left: 35px; position: absolute; top: 22px; z-index: 90; }
body.testimonials .c-testimonials #Testimonial02 { left: 232px; position: absolute; top: 0px; z-index: 100; }
body.testimonials .c-testimonials #Testimonial02 .s-i-i { background-position: -878px -86px; left: -20px; top: 65px; }
body.testimonials .c-testimonials #Testimonial03 { left: 428px; position: absolute; top: 22px; z-index: 90; }
body.testimonials .c-testimonials #Testimonial03 .s-i-i { background-position: -1077px -26px; left: -17px; top: -18px; }
body.testimonials .c-testimonials .s-ir .s-ir-i { background-image: url(../img/content/testimonials/c-testimonials.jpg); }
body.testimonials .c-testimonials #CTA00 { height: 35px; left: 40px; position: absolute; top: 343px; width: 100px; }
body.testimonials .c-testimonials #CTA00 span { background-position: 0 -70px; }
body.testimonials .c-testimonials #CTA00:focus span,
body.testimonials .c-testimonials #CTA00:hover span,
body.testimonials .c-testimonials #CTA00:active span { background-position: 0 -105px; }
body.testimonials .c-testimonials #CTA01 { height: 35px; left: 546px; position: absolute; top: 350px; width: 100px; }
body.testimonials .c-testimonials #CTA01 span { background-position: 0 0; }
body.testimonials .c-testimonials #CTA01:focus span,
body.testimonials .c-testimonials #CTA01:hover span,
body.testimonials .c-testimonials #CTA01:active span { background-position: 0 -35px; }
body.testimonials .c-testimonials #CTA02 { height: 75px; left: 69px; position: absolute; top: 1px; width: 130px; }
body.testimonials .c-testimonials #CTA02 span { background-position: -140px 0; }
body.testimonials .c-testimonials #CTA02:focus span,
body.testimonials .c-testimonials #CTA02:hover span,
body.testimonials .c-testimonials #CTA02:active span { background-position: -140px -75px; }
body.testimonials .c-testimonials #CTA03 { height: 126px; left: 305px; position: absolute; top: 395px; text-indent: -999em; width: 330px; }
body.testimonials .c-testimonials #CTA03 span { background: url(../img/content/testimonials/add-comments.png) 0 0 no-repeat; height: 126px; width: 100%; }
body.testimonials .c-testimonials #CTA03:focus span,
body.testimonials .c-testimonials #CTA03:hover span,
body.testimonials .c-testimonials #CTA03:active span { background-position: -367px 0; }
body.testimonials #AddCommentModeLinks { height: 60px; left: 300px; position: absolute; top: 70px; width: 450px; }
body.testimonials #AddCommentModeLinks li { float: left; list-style: none; margin: 0; padding: 0; width: auto; }
body.testimonials #AddCommentModeLinks li a { background: url(../img/content/testimonials/c-modal-testimonial-mode.png); display: block; height: 60px; }
body.testimonials #AddCommentModeLinks li.text a { width: 215px; }
body.testimonials #AddCommentModeLinks li.text a.active { background-position: 0 -60px; }
body.testimonials #AddCommentModeLinks li.video a { width: 215px; background-position: -215px 0; }
body.testimonials #AddCommentModeLinks li.video a.active { background-position: -215px -60px; }
body.testimonials #Comments .c-h .s-ir-i { background: url(../img/content/testimonials/c-modal-add-comments-h3.png); }
/* **/

/** Section: .terms
----------------------------------------------- */
body.terms { background-image: none; }
body.terms #Container { background-image: none; margin: 0 auto; min-width: 760px; width: 760px; }
body.terms #Container a { left: -20px; position: relative; }
/* **/

/** Section: .party
----------------------------------------------- */
body.party { background-image: url(../img/content/party/body.jpg) }
body.party #Container { background-image: url(../img/content/party/container.jpg) }
body.party .isLoaded #Content { background-image: url(../img/content/party/content-091202.jpg); background-position: 50% 0; }
body.party .c-socialise .c-b a span { background-image: url(../img/content/party/c-socialise.jpg); }
body.party .c-content { float: left; width: 565px; }
body.party .c-content p { padding-bottom: 0.5em; }
body.party .c-content p a { color: #ff7e00; }
body.party .c-content p.first { padding-top: 1em; }
body.party .c-content p.indent { margin-left: 75px; }
body.party .c-content p.indent .s-break { margin-left: -75px; margin-right: -20px; }
body.party .c-invite { float: left; width: 280px; }
body.party .c-invite .c-b { margin-left: 40px; padding-top: 145px; width: 207px; }
body.party .c-invite .c-b ul { list-style-type: none; text-align: center; }
body.party .c-invite .c-b li { margin-bottom: 0; margin-left: 0; }
body.party .c-invite .c-b dl { width: 200px; }
body.party .c-invite .s-ir { height: 340px; }
body.party .c-invite .s-ir .s-ir-i { background-image:url(../img/content/party/c-invite.jpg); }
body.party .inner p.terms { clear: both; color: #464646; font-size: 0.9231em; position: relative; top: 130px; }
body.party .inner p.terms a { color: #464646; text-decoration: underline; }
body.party .inner p.terms a:focus,
body.party .inner p.terms a:hover,
body.party .inner p.terms a:active { color: #FFAB05; text-decoration: none; }
/* **/

/** Section: .error-404
----------------------------------------------- */
body.error-404 { background-image: none; }
body.error-404 #goog-fixurl { display: none; margin-top: 20px; }
body.error-404 .hasJS #goog-fixurl { display: block; }
body.error-404 .hasJS #goog-fixurl form { font-size: 1.4545em; padding: 10px 0 0 5px; }
body.error-404 .hasJS #goog-fixurl form input#goog-wm-qt { background: #FFFFFF url(../img/global/form-row-field.png) no-repeat 0 0; border: 1px solid #D3D3CF; color: #5F5851; margin-right: 10px; padding: 3px 5px; width: 220px; }
/* **/