/* -- DVD and beyond Styles (kieranalington@hotmail.com) -- */

body {
	background-color:#5484dc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow-y: scroll; 
	}
	
/* -- standard tag definitions -- */

p { font-size: 12px; }
ul { font-size:10px; }

h1, h2, h3, h4, h5 { 
	padding:0;
	margin:0px 0px 5px 0px;
	font-family:"Optimer", Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	}
.twtr-widget h3 {
	visibility:visible !important;
	font-size:20px !important;
	color:#000 !important;
}
	
a:link, a:hover, a:visited {
	text-decoration:none;
	color:#000000;
	}
h2 a:visited, a:link {
	color:#5484dc;
	}
	
p a:link, p a:hover, p a:visited {
	color:#5484dc;
	}
	
a:link { outline: none; -moz-outline-style: none; }

a:active { outline: none; -moz-outline-style: none; }

a:focus { outline: none; -moz-outline-style: none; }

img { border:none; }

.clearall { clear:both; }

textarea, input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }


.submit { width:60px; }

/* -- colours -- */
.blue { color: #5484dc; }


/* -- containers -- */
#PageContainer {
	width:1085px;
	margin:0px auto 0px auto;
	}

.headLogo { margin-left:-5px; }


#headSlogan h2 { 
	color:#FFFFFF;
	font-size:15px;
	}
	
/* -- nav -- */
#NavShell {
	background-color:#FFFFFF;
	margin-bottom:5px;
	width:930px;
	
	}


#NavMain div, #NavShell h4 {
	}

#NavMain {
	height:25px;
	padding-left:8px;
	}

#NavMain span { display:none; }

#NavMain a { 
	background-repeat:no-repeat;
	margin-right:21px;
	}
	
.SearchInput { width:150px; font-family:Tahoma, sans-serif; font-size:10px; color:#333333; }

#NavSub {
	background-color:#ffffff;
	padding:2px;
	margin-bottom:5px;
	background-image:url(../_images/nav/SubNavFade.gif);
	background-repeat:repeat-x;
	height:27px;
	}

.navHome a { 
	background-image:url(../_images/nav/main/navHome.gif); 
	padding:9px 30px 0px 20px;
	width:50px;
	height:9px;
	}
	.navHome a:hover { background-image:url(../_images/nav/mainOver/navHome.gif); }

.navDirectory a { 
	background-image:url(../_images/nav/main/navDirectory.gif); 
	padding:9px 50px 0px 20px;
	}
	.navDirectory a:hover { background-image:url(../_images/nav/mainOver/navDirectory.gif); }

.navArchives a { 
	background-image:url(../_images/nav/main/navArchives.gif); 
	padding:9px 50px 0px 20px;
	}
	.navArchives a:hover { background-image:url(../_images/nav/mainOver/navArchives.gif); }

.navColumns a { 
	background-image:url(../_images/nav/main/navColumns.gif); 
	padding:9px 50px 0px 20px;
	}
	.navColumns a:hover { background-image:url(../_images/nav/mainOver/navColumns.gif); }

.navDiary a { 
	background-image:url(../_images/nav/main/navDiary.gif); 
	padding:9px 20px 0px 20px;
	}
	.navDiary a:hover { background-image:url(../_images/nav/mainOver/navDiary.gif); }

.navProceedings a { 
	background-image:url(../_images/nav/main/navProceedings.gif); 
	padding:9px 80px 0px 20px;
	}
	.navProceedings a:hover { background-image:url(../_images/nav/mainOver/navProceedings.gif); }

.navFeatures a { 
	background-image:url(../_images/nav/main/navFeatures.gif); 
	padding:9px 50px 0px 20px;
	}
	.navFeatures a:hover { background-image:url(../_images/nav/mainOver/navFeatures.gif); }

.navConsultancy a { 
	background-image:url(../_images/nav/main/navConsultancy.gif); 
	padding:9px 80px 0px 20px;
	}
	.navConsultancy a:hover { background-image:url(../_images/nav/mainOver/navConsultancy.gif); }

.navAdvertising a { 
	background-image:url(../_images/nav/main/navAdvertising.gif); 
	padding:9px 70px 0px 20px;
	}
	.navAdvertising a:hover { background-image:url(../_images/nav/mainOver/navAdvertising.gif); }

.navContactUs a { 
	background-image:url(../_images/nav/main/navContactUs.gif); 
	padding:9px 70px 0px 20px;
	}
	.navContactUs a:hover { background-image:url(../_images/nav/mainOver/navContactUs.gif); }

.search { float:left; font-size:12px; margin: 2px 2px 2px 2px; font-family:tahoma, sans-serif; font-size:10px; }
.searchBox { float:left; font-size:12px; margin:3px 2px 2px 2px; font-family:tahoma, sans-serif; font-size:11px; width:150px; color:#5484dc; }
.emailBox { float:left; font-size:12px; margin:3px 2px 2px 2px; font-family:tahoma, sans-serif; font-size:11px; width:228px; color:#5484dc; }
.newsupdates { float:right; font-size:12px; margin:2px; }

.emailAdd { float:left; font-size:12px; margin: 2px 2px 2px 380px; font-family:tahoma, sans-serif; font-size:10px; }


.topBanner { float:left; margin-top:5px; margin-left:34px; }

.rssIcon { float:right; margin-right:10px; margin-top:7px; } 
 
/* -- main -- */
#MainShell { 
	float:left;
	width:930px;
	}

#MainLeft { 
	width:520px;
	float:left;
	}

#MainRight {
	float:left;
	width:405px;
	margin-left:5px;
	}

#MainLeftWide {
	width:680px;
	float:left;
	}
	
#MainLeftHome {
	width:625px;
	float:left;
	}

#MainRightThin {
	width:225px;
	background-color:#FFFFFF;
	float:left;
	margin-left:5px;
	padding:5px 10px 10px 10px;
	}

#MainRightHome {
	width:300px;
	float:left;
	margin-left:5px;
	overflow:hidden;
	
	}

#AdvertCol {
	float:right; 
	margin-top:-161px;
	margin-left:5px;
	}

 
/* -- panels -- */
.ContentPanel { 
	background-color:#FFFFFF;
	margin-bottom:5px;
	}

.ContentPanelText {
	padding:5px 10px 0px 10px;
	}
#MainRightHome .ContentPanelText {
	padding:5px 10px 2px 10px;
	}
.ContentPanelTextLarge {
	padding:10px 10px 0px 10px;
	}

.ContentPanelHead {
	}

.ContentPanelImageRight {
	float:right;
	margin-left:20px;
	
	}

.ContentPanelImageLeft {
	float:left;
	margin-right:20px;
	margin-bottom:1px;
	}

.ContentPanelImageMain {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	}

#newsInBriefScroll { 
	}
	
#newsInBriefScroll p {
	font-size:11px;
	} 

/*-- article display --*/
.articleOptions {
	float:right;
	font-size:10px;
	color:#666666;
	}
.articleOptions img {
	position:relative;
	bottom:10px;
	right:27px;
	}

.moreArticle {
	padding:5px;
	border: #CECECE thin solid;
	margin-bottom:5px;
	}
.moreArticle p { margin:0px; font-size:11px; }

.moreArticle img { padding-bottom:20px; margin-right:10px; }

/*--article comments--*/
#articleComments {
	background-color:#FFFFFF;
	margin-top:5px;
	padding:5px;
	}
	
.articleComment {
	padding-left:40px;
	background-image:url(../_images/icons/person.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border: #CECECE thin solid;
	margin-top:10px;
	}

#articleNewComment {
	padding:10px;
	border: #CECECE thin solid;
	margin-top:10px;
	}

.commentOptions { 
	color:#999999; 
	font-size:10px; 
	}

/*-- features --*/

#featureList {
	background-color:#FFFFFF;
	padding:5px 10px 5px 10px;
	}

.featureItem {
	padding:5px;
	border: #CECECE thin solid;
	margin-bottom:5px;
	}
	
.diaryItem {
	padding:1px;
	border: #CECECE thin solid;
	margin-bottom:5px;
	}

.featureListImage { 
	float:left; 
	margin-right:10px;
	}

.interviewQuestion {
	color:#5484dc;
	font-weight:bold;
	}

/* -- archives -- */
.archives { 
	margin-top:10px;
	border: #CECECE thin solid; 
	padding:10px;
	}
.archives p { 
	margin:0px;
	}	
	
#accordion {
	margin:20px 0px;
}

div.toggler {
	cursor: pointer;
	padding:5px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

.prevMore { background-color:#FFFFFF; padding:1px;} 

.interviewIntro { font-weight:bold; color:#333333; }

.adbanner { margin-bottom:5px; }

.archiveList { padding-left:55px; }
.archiveList p { margin-bottom:1px; }

.servicesList { float:left; width:220px; border:thin solid #cccccc; margin-right:5px; font-size:12px; line-height:1.7; margin-top:5px;  }
.servicesList a { margin-left:10px; }

.servicesList h3 { margin:5px 2px 2px 10px;  }

.servicePackaging { background-image:url(/_images/directory/packaging.jpg); background-repeat:no-repeat; height:45px; padding:5px; margin-bottom:10px;  }
.serviceReplication { background-image:url(/_images/directory/replication.jpg); background-repeat:no-repeat; height:45px;padding:5px; margin-bottom:10px;    }
.serviceEquipment { background-image:url(/_images/directory/equipment.jpg); background-repeat:no-repeat; height:45px;padding:5px; margin-bottom:10px;   }
.serviceServices { background-image:url(/_images/directory/services.jpg); background-repeat:no-repeat; height:45px;padding:5px;  margin-bottom:10px; }

.looseImgFormat { width:0px !important; }
.looseImgFormat img { float:none; width:auto; margin:0px !important; }

.video_base {
    overflow:hidden;
    background-color:#fff;
    padding:10px 0px 10px 10px;
}


.main_vid {
    float:left;
    width:700px;
    margin-right:10px;
}

.related_vids {
    float:left;
    width:200px;
    padding-top:5px;
}

.related_vids h2 {
    font-size:18px;
}

.related_vids div {
    padding:5px 0px;
}

.related_vids div p {
    margin:3px 0px 0px 0px;
    padding:0px;
    font-size:10px;
    color:#333;
}

.notification {
    background-color:yellow;
    font-size:10px;
    padding:5px;
    margin-bottom:5px;
}


.notification a {
    color:#000;
    text-decoration:underline;
}

.notification.good {
    background-color:#CFC;
}

.notification.ok {
    background-color:#CFF;
}

.video_share {
    float:right;
}

.video_tabs  {
    list-style:none;
    padding:0px;
    margin:0px;
    clear:both;
}

.video_tabs li  {
    list-style:none;
    padding:2px 10px 0px 10px;
    background-color:#9CF;
    margin:0px;
    float:left;
    margin-right:1px;
    cursor:pointer;
}

.video_tabs h3 {
        color:#fff;
        font-size:15px;
        font-weight: bold;
}

.vid_list {
    clear:both;
    display:none;
    overflow:hidden;
    padding:8px 0px 5px 7px;
    border:1px solid #5484DC;
}

.vid_list div {
    float:left;
    width:175px;
    margin-right:5px;
}

.login_out {
    float:right;
    margin:0px;
    padding:0px;
}

.vid_list div .overlay {
    position:absolute;
    width:340px;
    height:70px;
    color:#fff;
    font-size:11px;
    margin-left:175px;
    background-color:#5484DC;
    float:none;
    display:none;
    padding:10px;
}

.vid_list div .overlay a {
    background-color:#fff;
    padding:3px;
}

.vid_list div .overlay.rhs {
    margin-left:-360px;
}

.video_selection {
    margin-right:10px;
}