/* FOR PRINTING */


@media print {
  DIV#tabs {
    display:none;
  }

  DIV#top {
    display:none;
  }
}

/* DETAIL GLOBAL */

DIV.msg-restriction {
	clear: both;
	text-align: center;
	padding: 10px 0;
	background-color: red;
	color: white;
	font-weight: bold;
}

DIV#detail_allround {
	margin: 10px auto;
	width: 640px;
	position: relative;
}

DIV#top {
	width: 640px;
	float: left;
}

	DIV#top IMG {
		float: left;
	}

	DIV#top A.close_icon {
		float: right;
	}

/* ARROWS - FILM */

DIV.arrows {
  float: left;
  width: 640px;
  margin-bottom: 10px;
}

  DIV.arrows A {
    display: block;
    width: 100px;
    color: #666666;
    text-decoration: none;
  }

    DIV.arrows A:hover {
      color: #FF9900;
    }

  DIV.arrows A.left_arrow {
    float: left;
    background: url(../images/detail/arrow_left.jpg) no-repeat 0 50%;
    padding-left: 20px;
  }

  DIV.arrows A.right_arrow {
		float: right;
    background: url(../images/detail/arrow_right.jpg) no-repeat 100% 50%;
    text-align: right;
		padding-right: 20px;
  }


/* BACKGROUND SWITCHING */

DIV.switch_background {
  float: right;
  margin: 10px 0 0 0;
  width: 150px;
  color: #666666;
  text-align: right;
}
  DIV.switch_background DIV.switch_background_title {
    float: left;
    margin: 0 10px 0 0;
  }

  DIV.switch_background A {
    float: right;
    width: 10px;
    height: 10px;
    margin: 3px 3px 0 0;
    font-size: 8px;
  }

    DIV.switch_background A.bg_white {
      background-color: #FFFFFF;
      border: 1px solid #CCCCCC;
    }

    DIV.switch_background A.bg_light_grey {
      background-color: #CCCCCC;
      border: 1px solid #CCCCCC;
    }

    DIV.switch_background A.bg_dark_grey {
      background-color: #666666;
      border: 1px solid #666666;
    }

    DIV.switch_background A.bg_black {
      background-color: #000000;
      border: 1px solid #000000;
    }


/* TABS */

	DIV#tabs {
		float: left;
		width: 470px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

		DIV#tabs A {
			float: left;
			width: 130px;
			margin-right: 5px;
			padding: 3px;
			background-color: #EEEEEE;
			color: #000000;
			text-align: left;
			text-decoration: none;
		}

		DIV#tabs A:hover {
			background-color: #999999;
			color: #FFFFFF;
		}

		DIV#tabs A.selected {
			background-color: #999999;
			color: #FFFFFF;
		}

	DIV#spacer {
		clear: both;
		width: 630px;
		height: 14px;
		background-color: #E6E6E6;
		padding: 5px;
		font-weight: bold;
	}


	DIV#spacer_film {
		clear: both;
		width: 630px;
		height: 1px;
		background-color: #FFFFFF;
		padding: 5px;
		font-weight: bold;
	}

/* DETAIL */

	DIV#image {
		width: 640px;
		min-height: 480px;
		text-align: center;
	}

	DIV#image_film {
		width: 640px;
		min-height: 380px;
		text-align: center;
	}

	DIV.simple {
		clear: both;
		padding-bottom: 60px;
		padding-top: 20px;
	}

	DIV#image IMG {
    margin: 0 auto;
  }

	A.ishd {
		font-weight: bold;
		margin: 0 auto;
		text-decoration: none;
		display: block;
		width: 100px;
		text-align: center;
	}

	DIV.rightSide {
		float: right;
		text-align: right;
		width: 200px;
		height: 120px;
		margin-top: 40px;
	}

	DIV#links {
		text-align: right;
	}

		DIV#links A {
			text-decoration: none;
			display: block;
			float: right;
			width: 40px;
			height: 30px;
		}

		DIV#links A.hires_download {
			background: url("../images/detail/hires_download.jpg") no-repeat 100% 50%;
		}

		DIV#links A.download {
			float: right;
			background: url("../images/detail/download.jpg") no-repeat 100% 50%;
		}

		DIV#links A.print {
			float: right;
			background: url("../images/detail/print.jpg") no-repeat 100% 50%;
		}

UL.params {
	width: 440px;
	list-style: none;
}

	UL.params LI {
		color: #999999;
		padding-bottom: 10px;
		font-weight: bold;
	}

		UL.params LI SPAN {
			font-weight: normal;
		}

		UL.params LI SPAN.ed {
			color: #0066CC;
		}

		UL.params LI SPAN.cr {
			color: #990000;
		}

		UL.params LI SPAN.ff {
			color: #006633;
		}

	UL.params LI.isNumber {
		font-weight: bold;
		color: #FF9900;
	}

	UL.params LI.license {
		font-weight: bold;
		float: left;
		width: 200px;
	}

	UL.params LI.supplier {
		font-weight: bold;
		float: left;
		width: 200px;
	}

/* EDITORIAL */

UL.description {
	width: 500px;
	list-style: none;
	color: #999999;
}

	UL.description LI.description {
		width: 425px;
	}

/* IMAGE THUMB */

DIV#image_thumb_box {
	width: 640px;
	height: 180px;
	margin: 0;
	clear: both;
}

	DIV#image_thumb_box DIV.image_thumb {
		width: 180px;
		height: 180px;
		float: left;
		text-align: center;
	}

	DIV#image_thumb_box UL.params {
		float: left;
		margin-left: 15px;
	}


/* ORDER FORM */

DIV.order_sent {
	width: 610px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	margin: 5px 0;
}

DIV#order_form_box {
	margin: 0 auto;
	clear: both;
	width: 640px;
	color: #999999;
}

		DIV#order_form_box DIV.pricelistSelect {
			width: 200px;
			text-align: center;
			float: left;
			padding: 5px 0;
		}

			DIV#order_form_box DIV.pricelistSelect SELECT {
				width: 200px;
				border: 1px solid #666666;
			}

		DIV#order_form_box DIV.pricelistAdmin {
			width: 300px;
			text-align: center;
			float: right;
			padding: 5px 0;
		}

			DIV#order_form_box DIV.pricelistAdmin SELECT {
				width: 300px;
				border: 1px solid #CC0000;
			}

	DIV#order_form_box DIV#pricelist {
		float: left;
		margin-bottom: 30px;
	}

	DIV#order_form_box DIV#pricelistLoading {
		width: 640px;
		float: left;
		text-align: center;
		margin: 20px auto;
	}

	TABLE.order_form {
		width: 350px;
		clear: left;
	}

		TABLE.order_form TD.name {
			text-align: left;
			text-transform: lowercase;
			vertical-align: top;
			padding: 2px 0;
		}

		TABLE.order_form TD.value {
			width: 230px;
			text-align: right;
		}

			TABLE.order_form TD.value INPUT.textfield {
				border: 1px solid #999999;
				width: 230px;
				padding: 2px;
			}

	TABLE.order_form TD.value TEXTAREA {
			width: 230px;
			height: 50px;
			border: 1px solid #999999;
			padding: 2px;
		}


	TABLE.submit {
		margin-left: 110px;
		width: 350px;
		clear: left;
	}

	TABLE.submit TD {
		padding: 10px 0;
	}

		TABLE.submit INPUT.button {
			color: #666666;
			border: 0;
			background-color: #CCCCCC;
			padding: 2px 5px;
			text-align: center;
			width: 100px;
			text-transform: lowercase;
		}

		TABLE.submit INPUT.highlight {
			color: #FFF;
			background-color: #F90;
		}

DIV.hiresdl_warning {
  width: 640px;
  float: left;
  color: #FF9900;
  margin: 10px 0 5px 0;
}

DIV.hires_failed {
  margin: 20px 0 0 0;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  padding: 2px 0;
  color: red;
  border: 2px solid red;
}

DIV.hiresdl_note {
  width: 640px;
  margin: 10px;
  float: left;
  color: #666666;
  margin: 10px 0 5px 0;
}

DIV#msgDownload {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 110;
	text-align: center;
}

	DIV#msgDownload DIV.msgDownload {
		background-color: #FFF;
		margin: 0px auto;
		position: relative;
		width: 400px;
		height: 170px;
	 	text-align: left;
	}

			DIV#msgDownload DIV.msgDownload DIV.msg {
				position: relative;
				left: 30px;
				top: 20px;
				width: 350px;
				color: #999999;
			}

				DIV#msgDownload DIV.msgDownload DIV.msg UL {
					margin: 15px;
				}

				DIV#msgDownload DIV.msgDownload DIV.msg DIV.closeButton {
					float: right;
				}

/* PRICELIST */

TABLE.detail_pricelist {
  float: left;
  width: 640px;
  border-collapse: collapse;
}

  TABLE.detail_pricelist TD {
    font-size: 10px;
    padding: 2px 5px;
  }

  TABLE.detail_pricelist TH {
    font-size: 12px;
    padding: 2px 5px;
    color: #666666;
    border-bottom: 1px solid #666666;
  }

  TABLE.detail_pricelist TD.agency_logo {
  }

  TABLE.detail_pricelist TD.agency_name {
    font-size: 12px;
    text-align: right;
    font-weight: bold;
  }

  TABLE.detail_pricelist TD.spacer {
    background-color: #FFFFFF;
  }

  TABLE.detail_pricelist TR.row {
    border-bottom: 1px solid #999999;
  }

DIV.note {
	font-size: 10px;
	margin: 2px 0;
	color: #666666;
}

/* CD */

DIV.cd_box {
	width: 640px;
	margin: 10px 0;
	float: left;
	border-bottom: 2px solid #CCCCCC;
}

	DIV.cd_box DIV.cd_heading {
		padding: 5px 0;
		font-weight: bold;
		font-size: 17px;
		color: #666666;
	}

	DIV.cd_box DIV.cd_image {
		float: left;
		width: 170px;
		height: 160px;
		text-align: left;
		margin: 5px 0 0 0;
	}

	DIV.cd_box DIV.cd_description {
		float: left;
		width: 200px;
		margin: 5px 0 0 5px;
		color: #999999;
	}

		DIV.cd_box DIV.cd_description DIV.code {
			font-weight: bold;
			margin-bottom: 10px;
		}

		DIV.cd_box DIV.cd_description DIV.price {
			margin: 0 0 10px 0;
		}

		DIV.cd_box DIV.cd_description DIV.params {
			margin: 0 0 10px 0;
		}

	DIV.cd_box DIV.cd_action {
		width: 85px;
		_width: 80px;
		float: left;
		padding: 5px 0;
		text-align: center;
	}


		DIV.cd_box DIV.cd_action DIV {
			margin: 95px 0 10px 0;
			font-size: 17px;
			color: #FF9900;
			letter-spacing: 2px;
		}

		DIV.cd_box DIV.cd_action A {
			float: left;
			background: url("../images/icon_arrow_right_orange.gif") no-repeat 0 0;
			padding: 0 0 0 15px;
			color: #FF9900;
			font-weight: bold;
			font-size: 10px;
		}

	DIV.cd_box DIV.cd_preview {
		width: 180px;
		float: left;
		text-align: right;
	}

		DIV.cd_box DIV.cd_preview A {
			float: left;
			width: 85px;
			height: 85px;
			margin: 0 0 5px 5px;
			text-align: center;
		}

		DIV.cd_box DIV.cd_preview A IMG {
		}

	DIV.cd_box DIV.cd_links {
		float: left;
		padding: 0 0 5px 0;
		text-align: left;
		width: 640px;
	}

		DIV.cd_box DIV.cd_links A {
			float: left;
			margin: 5px 20px 0 0;
			font-size: 12px;
			font-weight: bold;
		}

		DIV.cd_box DIV.cd_links A.order {
			float: right;
			width: 85px;
			padding: 2px 0;
			margin: 0 0 0 10px;
			text-align: center;
			color: #FFFFFF;
			text-decoration: none;
			font-size: 10px;
			font-weight: normal;
		}

/* PRICELIST ED */

TABLE.edpricelist {
  width: 640px;
  margin: 0 0 10px 0;
  border-collapse: collapse;
}

  TABLE.edpricelist TH {
    background: #666666;
    color: #FFFFFF;
    border: 1px solid #666666;
  }

  TABLE.edpricelist TD {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: right;
    padding: 5px 0;
  }

  TABLE.edpricelist TD.name {
    text-align: left;
  }

  table.edpricelist TR {
  	cursor: hand;
  	cursor: pointer;
  }

  table.edpricelist tr.highlighted TD {
  	background-color: #EEEEEE;
  }

  table.edpricelist tr.selected TD {
  	background-color: #FF9900;
		color: #FFFFFF;
  }
/* PRICELIST CR */

table.detail_pricelist {
	margin-bottom: 30px;
}

table.detail_pricelist TR {
	cursor: hand;
	cursor: pointer;
}

table.detail_pricelist tr.highlighted TD {
	background-color: #EEEEEE;
}

table.detail_pricelist tr.selected TD {
  	background-color: #FF9900;
		color: #FFFFFF;
  }

/* PLEASE REGISTER */

DIV.please_register {
	float: left;
  width: 640px;
  padding: 10px 0;
  font-size: 17px;
	font-weight: 100;
	color: #CCCCCC;
	text-align: center;
	background-color: #999999;
}

	DIV.please_register A {
		color: #FFFFFF;
		text-decoration: underline;
	}

	DIV.please_register A:hover {
		text-decoration: none;
	}

/* FOOTER */

DIV#contact {
	width: 140px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #999999;
	text-align: right;
}

	DIV#contact A {
		color: #999999;
		text-decoration: none;
	}

	DIV#contact A:hover {
		color: #FF9900;
	}


DIV.msg_red {
	color: #990000;
	font-weight: bold;
	font-size: 11px;
	padding:20px;

}