body {
	font-family: Arial;
	color: #4C525F;
	color: #333;
	text-align: left;
	overflow-y: scroll;
/*	background: #5C8FD8 url(../../image/player/graphic/bg/body.png) repeat-x;*/
	background: #5C8FD8 url(../../image/player/graphic/bg/bottom-bg.png) left bottom repeat-x;
}
html>body {
/*	overflow: visible!important;*/
/*	overflow:scroll;*/
}

/*
body {
	scrollbar-base-color: #5C8FD8;
	scrollbar-face-color: #5C8FD8;
	scrollbar-shadow-color: #4A505C;
	scrollbar-darkshadow-color: #5C8FD8;
	scrollbar-highlight-color: #5C8FD8;
	scrollbar-3dlight-color: #B6C4DE;
	scrollbar-arrow-color: #00000;
}
*/
a { color: #333; }

h3 {
	margin:5px 0;
	padding:0;
	font-size:18px;
	font-weight: normal;
	color:#333;
}
h3 span {
	font-style: italic;
}
/* Lists defenition */
ul {
	padding:0;
	margin:0;
	list-style:none;
}

ul li {
	padding:2px;
	padding-left: 14px;
	margin:0;
	background-repeat: no-repeat;
}


/***********************************************************/
/* Layout
/***********************************************************/

#blockA, #blockB {
	position: static;
}

#infopage #blockE {
	top: auto;
	margin-top: -23px;
}

#blockA {
	border: 0px solid #000;
	display: block;
	width: 783px;
}
html>body #blockA { position: relative; top: 0px;left: 0px; }  /* Opera */
html:not([body]) #blockA { top:0;left:0; }   /* NN */


#blockB {
	border: 0px solid;
	margin: 0;
	position: absolute;
	top: 52px;
	left: 0px;
}

#bBR {
	padding-bottom: 28px;
	border-bottom: 1px solid #fff;

}
html>body #bBR {
	height: auto;
}

#aPockets {
	position: relative;
	padding: 0 100px 0 8px;
}
/*
#aPockets div {
	font-size: 14px;
}*/

#bContent {
	position: static;
	left: 0; top: 0;
	overflow: visible;

	padding: 5px 10px 0px 15px;

/*	width: 770px;*/
/*	height: 465px;*/
	height: 390px;
	width: 100%;

	font-size: 12px;
	border: 1px solid #fff;
	background: #EEF5FD;
}
html>body #bContent {
	width: 740px;
	height: auto;
/*
	min-height: 455px;
*/
	min-height: 359px;
	padding: 5px 0 0px 15px;
}
#bContent h1 {
	font: normal 21px Arial;
	color: #333;
}

#aL h1 {
	color: #fff;
	font-size: 22px;
	margin: 0;
}
h1.top { color: #333; }

.form-container {
	border: 0px solid;
}

.two-cols { 
	width: 490px !important;
	float: left !important;
}
.right-col-container {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	width: 250px;
	float: left;
	border: 0px solid;
}

html>body .info .right-col-container { margin: 0 -10px 0 20px; }

/* VOD Info Page Layout*/
.info .two-cols { width: 560px !important; }
.info .right-col-container { width: 170px; }
html>body .info .right-col-container { margin: 0 -10px 0 10px; }
html>body .info .right-container { width: 170px; }
.info .vod-info .bg-br { width: 170px; }


/* Thank You Page Layout*/
.thankyou .two-cols { width: 520px !important; }
.thankyou .right-col-container {
	width: 200px;
	margin: 0 5px 0 -5px;
}
html>body .thankyou .right-col-container { margin: 0 15px 0 0px; }
html>body .thankyou .right-container { width: 200px; }
.thankyou .vod-info .bg-br { width: 200px; }



body.info {background: transparent;}


/***********************************************************/
/* CSS for personal account pages
/***********************************************************/

.step-description, p.step-description {
	padding:0;
	margin: 0px 0 10px 0;
	float: none;
	clear: both;
	font-size: 11px;
}


.two-cols .container {
	border: 0px solid;
}

.two-cols .container.label { width: 25%; }
.two-cols .container.field { width: 34%; }
.two-cols .container.one-third { width: 40%; }

html>body .two-cols .container.one-third { width: 38%; }

.table-form .label { width: 100%; }
.table-form .field { width: 100%; }
.table-form .one-third { width: 100%; }


/***********************************************************/
/* Content
/***********************************************************/

.form-container .content {
	padding: 10px 0 15px 0;
	margin: 0;
}
div.picture {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	border: 0px solid;
}
div.picture img {
	display: block;
}
div.picture .submit {
	text-align: center;
	padding: 5px 0 0 0;
}

/* Address cards */

.address {
	padding: 0 0 5px 30px;
	/padding-left:29px;
	margin: 0px 10px 5px 0;
	border-left:1px solid #C7D9E0;
}
.form-container .content p {
	margin: 0px;
	padding: 5px 0;
}

/* Selection and hover definitions */
.address.selected, .choose.selected {
	background:#D7E7FA;
	border-color:#7097BB;
}
/*
div.address label:hover { background:#D7E7FA; cursor:pointer; }
div.choose label:hover { background:#D7E7FA; cursor:pointer; }
fieldset.error .choose.selected { background:#FFF6F6; border-color:#F00; }
fieldset.error div.choose label:hover { background:#FFF9F9; cursor:pointer; }
*/




/***********************************************************/
/* Right column
/***********************************************************/

.prev-choise-container {
	display:block;
	padding:0;
	margin: -10px 0 15px 10px;
	width:240px;
}
.prev-choise-container fieldset {
	height: 160px;
}
.prev-choise-right, .order-summary-right, .links-block-right {
	border: 0 solid;
	background: none;
}
.prev-choise { background: none; }
.prev-choise p, .order-summary p {
	padding: 0;
	padding-right:70px;
	margin:0;
	background: none;
	border: 0 solid;
	line-height: 130%;
}
.prev-choise-container .button-href-small.right {
	position:absolute;
	top: 0px;
	right:10px;
}

/***********************************************************/
/* Processing Block
/***********************************************************/


.processing .type01 h2 span {
	font-size: 24px;
	font-weight: normal;
}
.processing .type01 h4 {
	font-size: 18px;
	font-weight: normal;
}
.processing-container {
	padding: 85px 0;
	width: 300px;
	margin: 0 auto;
}
.processing-container .block {
	padding: 2px 0 15px 0;
	font-size: 20px;
	font-weight: normal;
}
.processing-container .block img {
	vertical-align: middle;
}

#Checking .processing-container {
	width: 330px;
}


/***********************************************************/
/* Thank You For Order Page
/***********************************************************/

.thank { line-height: 130%; }
.info .processing-container {
	padding: 10px 0 0 0;
	width: auto;
	margin: 0;
}
.info .processing-container .block { padding: 0; }
.info .processing-container h4 { margin: 12px 0 15px 0; }
.info .processing-container h4 a { 
	color: #f00;
	text-decoration: none;
}


/***********************************************************/
/* Download Page
/***********************************************************/

#DownloadSlider {
	background: url(../../image/player/graphic/bg/download-slider-left.png) repeat-x;
	float: left;
	margin: 8px 0;
	width: 570px;
}
#DownloadSlider .bg {
	background: url(../../image/player/graphic/bg/download-slider-right.png) top right no-repeat;
	height: 25px;
	padding: 9px;
	padding-bottom: 0px;
}
#SliderProcess {
	background: url(../../image/player/graphic/bg/download-slider.png) repeat-x;
	height: 7px;
	width: 0;
}
.download span {
	color: #f00;
}
html>body .download table {
	width: 560px;
	float: left;
}
.download td, .download th {
	font-size: 10px;
	padding: 2px 5px 2px 0;
}
.download table th {
	width: 23%;
	font-weight: bold;
	text-align: right;
}
.download ul {
	float: left;
}

.download ol.disced {
	margin-left: 45px;
	padding-left: 0px;
}
.download ol.disced li {
	margin-left: 120px;
	padding-left: 0px;
}
ul.disced {
	list-style: disc;
}
ul.disced li {
	margin-left: 40px;
}


/***********************************************************/
/* Info Page
/***********************************************************/


.product { clear: left; }
.product h4 { margin:0 0 10px 0px; }
.price a, .media a {display: block;}
.media {
	float:left;
	margin:0 7px 5px 0;
	text-align:center;
	padding: 2px;
	background: #cccccc;
}
.options { 
	margin: 2px 0;
	font-size: 1px;
}
.options a { text-decoration: none; }
.options img { 
	margin: 0px 3px 3px 0px; 
}

.product p { margin: 2px 0; }
.product .description { margin: 10px 0 0 0; }
.sort-list .product .description { margin: 10px 0 20px 0; }


/*  Right Panel  */

.block-right .price-right {
	border: 0px solid;
	float: none;
	margin: 0;
	padding: 0 0 8px 0px;
}
.info .block-right {
	float:right;
	margin-top: 13px;
	margin-bottom: -30px;
	font-size: 11px;
	border: 0px solid;
	padding-left: 10px;
}
html>body .info .block-right {
	margin-top: 2px;
}
.block-right a {
	font: normal 10px Arial;
	color: #333;
	text-decoration: none;
}


.panel {
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 10px;
}
.panel a {
	text-decoration: underline;
}


/* Product Attributes */

.attributes, .details, .description {
	line-height: 150%;
}
.details .spacer { 
	height: 10px;
}

/* Product Rating */

.rating { 
	background: url(../../image/player/textLabel/rating.gif) 0 2px no-repeat; 
	height: 10px;
}
.r05, .r15, .r25, .r35, .r45 { background-position: 100% 2px; }
.r1, .r05 { padding-left: 10px; }
.r2, .r15 { padding-left: 20px; }
.r3, .r25 { padding-left: 30px; }
.r4, .r35 { padding-left: 40px; }
.r5, .r45 { padding-left: 50px; }
.avn {
	color: #D29725;
	font-style: italic;
}


/* VOD Buttons Block*/

.vod-info {
	padding-top: 5px;
	margin-bottom: -20px;
}
.vod-info .block { text-align: left; }
.vod-info .type01 {
	border: 0px solid;
	padding: 0 0 0px 0 !important;
	margin: 0 10px;
	text-align: center;
}
html>body .vod-info .type01 { padding: 0 0 10px 0 !important; }
.vod-info img { margin: 0px 1px; }
.vod-info h2 { margin: 1px 2px 0px 0px;}
.vod-info .block .spacer { margin: 2px 0 3px 0;}
html>body .vod-info .block .spacer { height: 0px; }

.vod-info .button-buy {
	float: right;
	margin-top: -18px;
	margin-right: 8px;
}
.vod-info .button-add {
	margin: 0 0 3px -6px;
}
.vod-info p {
	padding-left: 5px;
}
.vod-info .price {
	float: left;
	padding: 5px 0 0 3px;
}
.vod-info .price span {
	color: #333;
	font-size: 11px;
}

.vod-info ul {
	list-style: circle;
	list-style: disc;
	margin-left: 25px;
	color: #A8BBCE;
}
.vod-info ul li {
	padding-left: 0;
}



/***********************************************************/
/* Form and Fieldset
/***********************************************************/
fieldset {
	padding: 0 10px 0px 15px;
	margin:0; 
	margin-bottom: 10px; 
	border:1px solid #A8BBCE;
	clear:both;
}
legend {
	padding: 5px 5px 5px 5px;
	margin-left: -10px;
	font: bold 13px Arial;
	color: #333;
}
html>body legend { margin-left: 0px; }

legend img {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

label input { 
	margin-right: 3px;
}
input.button-submit {
	cursor: pointer;
	margin-right: 5px;
}
input.button-submit.right {
	margin-right: 0;
	margin-left: 5px;
}
input.button-submit.center {
	float: none;
	margin-left: 40%;
}

.input {
	margin:3px 0;
	padding: 1px 3px;
	border: solid 1px #A8BBCE !important;
	font-family: Arial;
	font-size: 11px;
	color: #333;
	background: url(../../image/player/graphic/bg/bg-field-vod.png);
	height: 18px;
}
html>body .input {
	padding: 1px 0 0 0;
	height: 16px;
}
html>body select.input {
	height: 18px;
}

.label {}

label.mandatory { font-weight: normal; }
label.mandatory span, span.mandatory { color:#F00 }
input.mandatory  { background-color:#FFF; border:1px solid #7097BB; }

.container {
	border: 0px solid;
}

p.example {
	margin-top:-2px;
	margin-bottom: 10px;
}
.field {
	font-size: 11px;
}
.input.month {
	width: 70%;
	float: left;
	margin-right: 5px !important;
}
.input.year {
	width: 27%;
	float: left;
}
form.default, form.default fieldset {
	margin: 0;
	padding: 0;
	border-width: 0;
}


/***********************************************************/
/* Error and other messages
/***********************************************************/
div.error, div.status, div.note, div.advert, div.warning {
	padding: 5px;
	padding-left: 30px;
	margin:0;
	margin-top:10px;
/*	font-size:10pt;*/
	font-size:10pt;
	border-width: 0;
}
div.error *, div.note *, div.status *, div.warning * {
	color: #fff !important;
}
div.error p, div.note p, div.status p, div.warning p {
	margin:0;
	padding: 0;
}
div.error ol li {
	color: #fff;
}
div.error a, div.status a div.note a, div.advert a {
	color: #fff;
}
div.error a:hover, div.status a:hover div.note a:hover, div.advert a:hover {
	color: #fff;
}

div.error { background: #FF7979 url(../../image/player/graphic/bg/error.png) 10px 5px no-repeat; }
div.status { background: #70B74C url(../../image/player/graphic/bg/tick.png) 10px 5px no-repeat; }
div.note { background: #C0D9F8 url(../../image/player/graphic/bg/note.png) 10px 5px no-repeat; }
div.warning { background: #DFA800 url(../../image/player/graphic/bg/warning.png) 10px 5px no-repeat; }



/* Error Baloon */
.error-message {
	position:relative;
	top:1px;
	padding: 7px 0px;
	margin:0;
	color:#f00;
	font-weight: normal;
	font-size:9px;
	background: none;
}
.error-message a { color:#FFF }

label.error { color: #f00 }

.error-container {
	margin: 50px 0;
	text-align: center;
}
.error-container p {
	width: 80%;
	margin: 10 auto;
	line-height: 150%;
}

html>body .error-container {
	padding-left: 10%;
}

.error-container .error {
	font-size: 13px;
	color: #f00;
}


/***********************************************************/
/* Buttons
/***********************************************************/

.button-href a {
	display: inline;
	float: none;
	color: #FFF;
	white-space: nowrap;
	text-decoration: none;
} 
.button-href {
	display: inline;
	float: none;
	margin: 3px 2px -5px 0px;
	padding:0;
	padding-left: 5px;
	height: 16px;

	font-weight: normal;
	font-size: 10px;
	background:url(../../image/player/button/personal/button-small-left.gif) 0px 0 no-repeat;
}

html>body .button-href {
	line-height: 200%;
	padding: 1px 0 3px 5px;
}

.button-href a {
	padding: 1px 5px 3px 0px;
	margin-left: 0px;
	background: url(../../image/player/button/personal/button-small-right.gif) top right no-repeat;
	height: 16px;
}

.button-href a.dark, .button-href a.dark:hover { color: #333; }
.button-href a:active { color: #333; }
/*
.button-href a:hover { color:#FFF; text-decoration: underline; }
.button-href a:active { color:#FF0; text-decoration:none; }
*/

.submit, .submit-top, .submit-right {
	position:relative;
	top: 0px;
	height: auto;
	border: 0 solid #EDEFF2;
	border-width: 0px 0 0 0;
}

.submit-right {
	margin: 8px 0 0px 0;
	text-align: right;
}

.submit-right .button-submit {
	position:relative;
	top: -4px;
	float: right;
	margin: 0;
}
.button-href-small input {
	color: #333;
}

.button-href-small { background-image: url(../../image/player/button/personal/button-small-right.gif); }
.button-href-small input { background-image: url(../../image/player/button/personal/button-small-left.gif) ; }

html>body .button-href-small { padding: 3px 5px 4px 0; }  /* Opera */
html:not([body]) .button-href-small { padding: 2px 5px 4px 0; }  /* NN */

html>body .address .button-href-small input {
	margin: 0;
	padding: 3px 5px 4px 5px;
	height: 17px;
}

/***********************************************************/
/* Agreement
/***********************************************************/
div.agreement {
	margin-bottom:20px;
	padding: 8px 15px 10px 15px;
	height:109px;
	overflow:auto;
	border:solid 1px #A8BBCE;
	background:#FFF;
	line-height: 150%;
/*
	scrollbar-base-color: #ECEEF1;
	scrollbar-face-color: #ECEEF1;
	scrollbar-shadow-color: #A8BBCE;
	scrollbar-darkshadow-color: #ECEEF1;
	scrollbar-highlight-color: #ECEEF1;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #A8BBCE;*/
}
p.agreement  {
	margin-top: 0px;
	margin-bottom:5px;
	font-weight: bold;
}
label.agreement  {
	display:block;
	padding:5px;
	margin:20px 0;
	margin-top:-21px;
	border:solid 1px #A8BBCE;
	background: #D7E7FA;
	text-align:center;
	
}
label.agreement:hover {
	border:solid 1px #A8BBCE;
}


/***********************************************************/
/* Help FAQ
/***********************************************************/

.help-container {}
.right-col-container .help-container {
	display:block;
	padding:0;
	margin: 0;
	width:240px;
}

.right-container { width: 165px; }

.right-container .button-add { width: 120px; }


.help-row {
	display:block;
	position:relative;
	padding:0 5px 5px 5px;
	margin:10px 0;
	clear:both;
}

.question {
	float:left;
	margin:0;
	width: 100px;
	font-weight:bold;
	padding-left: 18px;
	background: url(../../image/player/graphic/bg/question.png) 0 0 no-repeat;
}

.right-col-container .question, .question {
	float:none;
	margin: 5px 0px;
	width: auto;
	font-weight:bold;
	font-size:11px;
}
.right-col-container .answer, .answer {
	font-size:11px;
	float:none;
	margin:0;
	padding-left: 18px;
	width:auto;
}


/* Borders */


html>body .type01 .bg-br { border-top: 1px solid transparent; }

.right-col-container .type01 {
	padding: 0;
	margin: 0 10px;
	margin-bottom: 10px;
}

html>body .right-col-container .type01 {
	margin: 0 0px;
}

.type01 h2 {
	font: bold 13px Arial;
	color: #fff;
	background: #A8BBCE;
	border-width: 0;
}


/***********************************************************/
/* Footer
/***********************************************************/
.footer {
	position: absolute;
	bottom: 3px;
	left: 10px;
	width: 760px;
}

.footer p {
	margin: 0;
	float: left;
	padding:5px 10px;
	font-size:11px;
}
.footer a {
	text-decoration: underline;
	cursor: pointer;
}


#eBottom {
	position: absolute;
	left: 5px;
	bottom: -33px;
	width: 760px;
	padding-bottom: 5px;
}
#blockE #eBottom {
	left: 0px;
	bottom: -20px;
}


/************ Tables ************/

.table-form {}
.table-form td {
	font-size: 13px;
	vertical-align: top;
}
.table-form .input {
	margin: 0 0 3px 0;
}
.table-form .container {
	padding-bottom: 0;
	padding-top: 0;
}

.table-check {
	margin: 10px 0;
	border-collapse: collapse;
}
.table-check td, .table-check th {
	font-size: 10px;
	border: 1px solid #A8BBCE;
}
.table-check th {
	background-color: #5C8FD8;
	color: #fff;
}


.table-titles {
	width: 100%;
	border: 0;
}
.table-titles td {
	text-align: center;
	font-size: 10px;
	padding: 0 5px 15px 5px;
}
html>body .table-titles a { margin: auto; } /* NN + Opera */
.table-titles .picture {
	margin: 0;
}
.table-titles .picture img { margin-top: 8px; }
.table-titles .bio, .table-titles .site {margin-top: 5px;}

/************ Addon ************/



p.step-description {
	padding:0;
	margin:0;
	padding-bottom:15px;
	float:left;
	font-size:11px;
}

.middle {vertical-align: middle;}


/**************** Info VOD page ***********************/
div.two-cols-desc div.info-desc {
	width: 48%; 
	float: left; 
	margin-right: 8px;
	font-size: 10px;
/*	height: 70px;*/
/*	padding: 3px;*/
}

div.info-desc div.agreement {
	padding: 10px;
	padding-top: 3px;
	height: 59px;
	line-height: 130%;
}
div.info-desc div.agreement ol {
	margin: 5px 40px;
}
div.info-desc div.agreement ol li {
	margin: 0;
}
div.one-col-desc div.info-desc {
	margin-right: 8px;
	font-size: 8pt;
	padding-top: 0px;
}
div.one-col-desc,  div.two-cols-desc {
	clear: both;
}

div.one-col-warning div.info-warning {
	margin-right: 8px;
	margin-bottom: 5px;
}

div.two-cols-warning div.info-warning {
	width: 48%;
	float: left; 
	margin-right: 8px;
	font-size: 11px;
	margin-bottom: 5px;
}