@charset "utf-8";


.navarea{
margin: 5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.mainarea{
margin: 5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size:18pt;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size:12pt;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Pagination navigation*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #990000;
	text-decoration: none;
	color: #CC0000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #990000;
color: #FFF;
background-image: url(images/pagenavbg.gif);
}

.pagination a.currentpage{
background-image: url(images/pagenavbg.gif);
color: #FFF !important;
border-color: #990000;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.headerbox{
	position: relative;
	left: 10px;
	width: 784px;
	height: 80px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(images/redbox.jpg);
	text-align: center;
	vertical-align: middle;
}

.headerboxframe{
	position: relative;
	left: 0px;
	width: 784px;
	height: 70px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	padding-top: 22px;
}

.headerboxmed{
	position: relative;
	left: 10px;
	width: 784px;
	height: 50px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(images/redbox_med.jpg);
	text-align: center;
	vertical-align: middle;
}

.headerboxsm{
	position: relative;
	left: 10px;
	width: 784px;
	height: 30px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 10px;
	background-image: url(images/redbox_sm.jpg);
	text-align: center;
	vertical-align: middle;
}

.headerboxsmframe{
	position: relative;
	left: 0px;
	width: 784px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
}

.bodytextbox{
	position: relative;
	left: 15px;
	width: 784px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.searchbox{
	position: relative;
	left: 15px;
	width: 784px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(images/clipbox_bg.gif);
	background-repeat: repeat-y;
	padding-top: 15px;
}

.searchrow{
position: relative;
left: 15px;
width: 784px;
height: 50px;
overflow: hidden;
}

.searchcol1{
	position: absolute;
	left: 0px;
	width: 240px;
	height: 40px;
	overflow: hidden;
}

.searchcol1w{
	position: absolute;
	left: 0px;
	width: 480px;
	height: 40px;
	overflow: hidden;
}

.searchcol2{
	position: absolute;
	left: 262px;
	width: 240px;
	height: 40px;
	overflow: hidden;
}

.searchcol2w{
	position: absolute;
	left: 262px;
	width: 480px;
	height: 40px;
	overflow: hidden;
}

.searchcol3{
	position: absolute;
	left: 524px;
	width: 240px;
	height: 40px;
	overflow: hidden;
}

/* Clip Display */
.clip{
position: relative;
left: 15px;
width: 784px;
height: 198px;
overflow: hidden;
margin-top: 15px;
margin-bottom: 15px;
background-image: url(images/clipbox_bg.gif);
background-repeat: repeat-y; 
}

.smallclip{
	position: relative;
	width: 254px;
	height: 328px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
	background-repeat: repeat-y;
	background-image: url(images/clipbox_bg.gif);
}

.smallcolrow{
position: relative;
left: 15px;
width: 784px;
height: 340px;
overflow: hidden;
}

.smallcol1{
position: absolute;
left: 0px;
width: 260px;
height: 340px;
overflow: hidden;
}

.smallcol2{
position: absolute;
left: 262px;
width: 260px;
height: 340px;
overflow: hidden;
}

.smallcol3{
position: absolute;
left: 524px;
width: 260px;
height: 340px;
overflow: hidden;
}


.cliptitlebg{
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 198px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
}

.cliptitlebgt1{
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 198px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(images/t1.jpg);
}

.cliptitlebgt2{
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 198px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(images/t2.jpg);
}

.cliptitlebgt3{
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 198px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(images/t3.jpg);
}

.cliptitlebgt4{
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 198px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(images/t4.jpg);
}

.cliptitlebgt5{
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 198px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(images/t5.jpg);
}

.cliptitlebgt6{
position: absolute;
top: 0px;
left: 0px;
width: 262px;
height: 198px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(images/t6.jpg);
}

.cliptitledesc{
position: absolute;
top: 15px;
left: 20px;
margin-right: 10px;
width: 232px;
height: 178px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
}

.cliptitlesmall{
position: absolute;
top: 10px;
left: 10px;
margin-right: 10px;
width: 240px;
height: 50px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
}

.clipdescsmall{
position: absolute;
top: 240px;
margin-left: 18px;
width: 225px;
height: 70px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 0px;
}

.smalldownload{
	position: absolute;
	top: 113px;
	left: 165px;
	width: 45px;
	height: 45px;
	overflow: hidden;
}

.caps{
position: absolute;
top: 0px;
left: 263px;
width: 259px;
height: 198px;
margin: 15px;
overflow: hidden;
}

.smallcaps{
position: absolute;
top: 50px;
left: 2px;
width: 259px;
height: 198px;
margin: 15px;
overflow: hidden;
}

.detailsbg{
position: absolute;
top: 0px;
right: 0px;
width: 261px;
height: 198px;
overflow: hidden;
}

.detailsbgs1{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 261px;
	height: 198px;
	overflow: hidden;
	background-image: url(images/s1.jpg);
	background-position: right;
}

.detailsbgs2{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 261px;
	height: 198px;
	overflow: hidden;
	background-image: url(images/s2.jpg);
	background-position: right;
}

.detailsbgs3{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 261px;
	height: 198px;
	overflow: hidden;
	background-image: url(images/s3.jpg);
	background-position: right;
}

.detailsbgs4{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 261px;
	height: 198px;
	overflow: hidden;
	background-image: url(images/s4.jpg);
	background-position: right;
}

.detailsbgs5{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 261px;
	height: 198px;
	overflow: hidden;
	background-image: url(images/s5.jpg);
	background-position: right;
}

.detailsbgs6{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 261px;
	height: 198px;
	overflow: hidden;
	background-image: url(images/s6.jpg);
	background-position: right;
}

.detailsbgs7{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 261px;
	height: 198px;
	overflow: hidden;
	background-image: url(images/s7.jpg);
	background-position: right;
}

.details_block1{
position: absolute;
top: 20px;
left: 20px;
width: 100px;
height: 30px;
overflow: hidden;
}

.details_block1a{
position: absolute;
top: 20px;
left: 130px;
width: 100px;
height: 30px;
overflow: hidden;
}

.details_block2{
position: absolute;
top: 60px;
left: 20px;
width: 100px;
height: 30px;
overflow: hidden;
}

.details_block2a{
position: absolute;
top: 60px;
left: 130px;
width: 100px;
height: 30px;
overflow: hidden;
}

.details_block3{
position: absolute;
top: 100px;
left: 20px;
width: 100px;
height: 30px;
overflow: hidden;
}

.details_block3a{
position: absolute;
top: 100px;
left: 130px;
width: 100px;
height: 30px;
overflow: hidden;
}

.details_block4{
position: absolute;
top: 140px;
left: 20px;
width: 100px;
height: 30px;
overflow: hidden;
}

.details_block4a{
position: absolute;
top: 140px;
left: 130px;
width: 100px;
height: 50px;
overflow: hidden;
}




/* Text Styles */
.cliptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-align: left;
	text-decoration: none;
}

.cliptitlecentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #9999BB;
	text-align: center;
	text-decoration: none;
}

.cliptitlecentre:hover {
	color: #000082;
}

.clipactors {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #9999BB;
	text-align: left;
	text-decoration: none;
} 

.clipactors:hover {
	color: #000082;
}

.clipdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
} 

.clipdescriptionlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #9999BB;
	text-align: left;
	text-decoration: none;
} 

.clipdescriptionlink:hover {
	color: #000082;
}

.cliptags {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	color: #9999BB;
	text-align: left;
	text-decoration: none;
} 

.cliptags:hover {
	color: #000082;
}

.clipdataheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
	text-align: left;
} 

.clipdata {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
} 

.clipdatalink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #9999BB;
	text-align: left;
	text-decoration: none;
} 

.clipdatalink:hover {
	color: #000082;
}


.pagenum {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12pt;
}

.heading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
font-size:18pt;
}

.subheading {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12pt;
}
.bodyheading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style: normal;
	color: #333333;
	font-weight: bold;
}
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
.bodylink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #9999BB;
	text-align: left;
	text-decoration: none;
} 

.bodylink:hover {
	color: #000082;
}