﻿@charset "utf-8";
/* CSS Document */

body{
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111111;
	margin-top: 0px;
}

a:link{
	color: #111111;
}

a:visited{
	color: #333333;
}

a:hover{
	color: #555555;
}

p{
	margin-top: 0px;
}

h1
{
	font-size: 16px;
	color: #111111;
	border-bottom: 1px solid #ffffff;
}

h2
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#wrapper{
	width: 1190px;
}

#header
{
	background-color: #222222;
}

#left {
	float:left;
	width:230px;
	margin:0; padding:0;
}

#right {
	float:left;
	width:230px;
	margin:0; padding:0;
}

#middle {
	float: left;
	width: 730px;
	margin:0; padding:0;
}

#content
{
	margin: 5px;
}

#footer{
	background-image: url(images/footer.png);
	height: 26px;
	width: 1190px;
}

#footerLeft{
	padding-top: 5px;
	margin-left: 10px;
	width: 500px;
	float: left;
	font-size: 11px;
	color: #ffffff;
}

#footerLeft a {
	font-size: 11px;
	color: #ffffff;
}

#footerRight
{
	text-align: right;
	width: 500px;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 11px;
	color: #ffffff;
}

.ButtonLime
{
	color: #BEF202;
	font-weight: bold;
	border: 1px solid #000000;
	background: url(images/buttonGradient.jpg);
	height: 20px;
	margin-right: 1px;
	vertical-align: top;
}

.ButtonLime:hover
{
	color: #FFFFFF;
}

.ButtonNormal
{
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #000000;
	border-style: solid;
	background: url(images/buttonGradient.jpg);
	height: 20px;
	margin-right: 1px;
	vertical-align: top;
}

.ButtonNormal:hover
{
	color: #999999;
}

.ButtonNormalSmallText
{
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #000000;
	background: url(images/buttonGradient.jpg);

	vertical-align: top;
}

.ButtonNormalSmallText:hover
{
	color: #999999;
}

.StdError
{
	color: #ff0000;
	font-weight: bold;
}

.clr{
	clear: both;
}

.input{
	margin-top: 10px;
	margin-bottom: 10px;
}

.ContentMargin
{
	padding: 5px;
}


/*Box styling*/

.box{
	width: 230px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.boxHeaderBackground
{
	background-image: url(images/boxHeaderMain.gif);
}

.boxHeaderTable
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

.boxContent{
	background-color: #f0f5dd;
	border: 1px solid #dddddd;
	border-top-color: #f0f5dd;
	min-height: 50px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	color: #111111;
}

.boxContent ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 8px;
}

.boxContent li{
	margin-top: 8px;
	margin-bottom: 8px;
}

.boxContent p{
	margin-top: 8px;
	margin-bottom: 8px;
}
.boxContent table{
	margin-bottom: 8px;

}

.boxContent tr, td{
	padding: 0px;
	margin: 0px;
}

.boxContent a:link {
	color: #111111;
}

.boxContent a:visited {
	color: #333333;
}

.boxContent a:hover {
	color: #555555;
}


/* Input table styles */
.divInputMargin
{
	clear: both;
	margin-top: 8px;
	margin-bottom: 8px;	
}

.divInputMarginSmall
{
	margin-top: 2px;
	margin-bottom: 2px;
}

.divInputLabel
{
	float: left;
	width: 30%;
	padding-top: 4px;
}
.divInputTextbox
{
	float: left;
	width: 70%;
}
.divInputTextbox input
{
	height: 14px;
	width: 200px;
}

.divInputTextbox textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 80px;
	width: 300px;
}

.divInputButton
{
	float: left;
}

/* Modal popup styles */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopupContact {
	width:470px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.modalPopup {
	width:620px;
	padding: 4px;
	background-color: White;
	color: Black;
}

.DivResult
{
	display: block;
	margin: 5px;
}

/* Search */
.searchInputCheck{
	margin-left: 5px;
	margin-right: 5px;
}

.DropDownSearch
{
	background-image: url(./images/dropdown.jpg);
	background-repeat: no-repeat;
	width: 198px;
	height: 18px;
	color: Black;
	padding-top: 3px;
	padding-left: 5px;
	cursor: pointer;
}

.TextBoxSearch
{
	background-color:#ffffff;
	border: 1px solid #999999;
	width: 205px;
}

.imageButtonSearch
{
	margin-left: 146px;
	margin-bottom: 10px;
}

/* Loginbox */

.UserBoxLink
{
	display: block;
	margin-bottom: 1px;
}

.UserBoxWelcome
{
	font-weight: bold;
}

/* Newsletter */
.TextBoxNewsletterMail
{
	background-color:#ffffff;
	border: 1px solid #999999;
	width: 150px;
	margin-right: 5px;
	vertical-align: top;
}

/* Clip */
.VCI
{
	border: 1px solid #dddddd;
	background-color: #f1f1f1;
	width: 228px;
	height: 228px;
	float: left;
	margin: 5px;
	font-size: 10px;
	color: #111111;
}

.VCIHeader
{
	font-size: 10px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 8px;	
}

.VCIHeader a
{
	color: #111111;
	text-decoration: none;
}

.ViewClipItemVer
{
	padding: 8px;
}
.ViewClipItemVer .VCIMovie
{
	width: 108px;
	height: 192px;
	cursor: pointer;
	float: left;
	border: 1px solid black;
}

.ViewClipItemVer .VCIDesciption, .ViewClipItemVer .VCIParameters
{
	padding-left: 8px;
	width: 94px;
	float: left;
}

.ViewClipItemHor
{
	padding: 8px;
}

.ViewClipItemHor .VCIMovie
{
	width: 192px;
	height: 108px;
	cursor: pointer;
	border: 1px solid black;
	
}

.ViewClipItemHor .VCIDesciption
{
	height: 31px;
	margin-top: 8px;
}

.ViewClipItemHor .VCIButton
{
	padding-top: 20px;
}

.ViewClipItemVer .VCIButton
{
	padding-top: 14px;
}

.ViewClipItemVer .VCIDesciption
{
	height: 109px;
}
.ViewClipItemVer .VCIParameters
{
	height: 48px;
}

.VCIDesciption
{
	padding-bottom: 5px;
	cursor: pointer;
	color: #111111;
}

.VCIParameters
{
	float: left;
}

.VCIButton
{
	padding-right: 15px;
	float: right;
	text-align: right;
	width: 82px;
}

.ClipDetailPlayerL
{
	width: 480px;
	float: left;
}

.ClipDetailDescriptionL
{
	width: 220px;
	float: left;
}

.ClipDetailPlayerP
{
	width: 270px;
	float: left;	
}

.ClipDetailDescriptionP
{
	width: 430px;
	float: left;
}

.ClipDetailDescriptionItem
{
	display: block;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #222222;
}

.ClipDetailHeadlineText
{
	font-weight: bold;
}
.ClipDetailPrice
{
	color: #88c425;
	font-size: 12px;
	font-weight: bold;
}

.SearchStatus
{
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
		
}

.BasketFavoriteItem
{
	clear: both;
}

.BasketFavoriteItem a
{
	padding-top: 3px;
	margin-right: 2px;
	display: block;
	float: left;
}
.BasketFavoriteItem input
{
	float: left;
	display: block;
}
.Hidden
{
	display: none;
}
.Visible
{
	display: inherit;
}

.FaqContainer, .StaticContentContainer
{
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 510px;
}

.DiscountPrice
{
	color: GrayText;
	text-decoration: line-through;
}

.PagerButton{
	color: #353535;
}

.OrderTable
{
	border-bottom: 1px solid white;
	padding: 0px;
	margin-top: 10px;
}
.OrderTable tr
{
	height: 16px;
}
.OrderTable th
{
	font-weight: bold;
	padding: 4px;
	margin: 0px;
}

.OrderTable td
{
	padding: 4px;
	margin: 0px;
}

.OrderPanelVAT
{
	margin-top: 20px;
}

.OrderTableTDText
{
	text-align: left;
	width: 365px;
}
.OrderTableTDDelete
{
	text-align: center;
	width: 50px;
}
.OrderTableTDPrice, .OrderTableTDPrice span
{
	width: 70px;
	text-align: right;
}
.OrderTabelTRAlt
{
	background: #f1f1f1;
	
}
.OrderTextBoxEmail
{
	color: #222222;
}
.OrderPanelMargin
{
	margin-top: 15px;
}

.PopupSupportQuestion
{
	cursor: pointer;
}

.PopupSupportPanel
{
	display: block;
	position:absolute;
	width: 300px;
	margin-top: 5px;
	background-color: #f0f5dd;
	border: 1px solid #dddddd;
	padding: 5px;	
	z-index: 100;
}
.PopupSupportPanel ul
{
	padding-left: 15px;
	padding-top: 0px;
	margin: 0px;
}

.OrderInputTable
{
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
}
.ValidationTxtColorValid
{
	color: #88c425;
}
.ValidationTxtColorNotValid
{
	color: #ff0000;
}

/* Download */
.DownloadTable
{
	width: 510px;	
}

.DownloadTable td
{
	padding: 4px;
}

.DownloadTable th
{
	padding: 4px;
	text-align: left;
}

.DownloadTableTitle
{
	width: 300px;
	height: 20px;
}
.DownloadTableInvoice
{
	width: 50px;
	height: 20px;	
}
.DownloadTableDate
{
	width: 100px;
	height: 20px;
}
.DownloadTableDownload
{
	width: 50px;
	height: 20px;
}
.ImageButtonClipAddToBasket
{
	margin-left: 3px;
	margin-right: 3px;
}
.PayPalPaymentOptions
{
	margin-right: 14px;
}

/*CollapsiblePanel*/
.CollapsibleHeaderLink
{
	color: #222222;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.CollapsibleHeader
{
	width: 510px;
	height: 24px;
	color: #222222;
	background-image: url(./images/CollapsibleBG.jpg);
}
.CollapsibleHeaderLeft
{
	background-image: url(./images/CollapsibleLeft.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
}
.PanelCollapsibleContent
{
	background-color: #f0f5dd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.SearchResult 
{
	background: white;
	border: 1px solid black;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 8px;
	padding: 2px;
}

.SearchResult LI
{
	margin: 0px;
	padding: 0px;
}

.SearchResultBox 
{
	background: white;
	border: 1px solid black;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 20px;
	padding: 2px;
	left: 20px;
}

.SearchResultBox LI
{
	margin: 0px;
	padding: 0px;
}

#headerLeft div{
	margin: 0px;
	padding: 0px;
}

#headerLeft img, #headerLeft a{
	border: none;
	padding: none;
	margin: none;
}
