/* ---       ___                    __              __               --- */ 
/* ---      /\_ \                  /\ \            /\ \__            --- */
/* ---    __\//\ \       _ __   ___\ \ \____    ___\ \ ,_\   ___     --- */
/* ---  /'__`\\ \ \     /\`'__\/ __`\ \ '__`\  / __`\ \ \/  / __`\   --- */
/* --- /\  __/ \_\ \_   \ \ \//\ \L\ \ \ \L\ \/\ \L\ \ \ \_/\ \L\ \  --- */
/* --- \ \____\/\____\   \ \_\\ \____/\ \_,__/\ \____/\ \__\ \____/  --- */
/* ---  \/____/\/____/    \/_/ \/___/  \/___/  \/___/  \/__/\/___/   --- */
/* ---                                          www.el-roboto.co.uk  --- */

/*-----------------------------------------------------------------------*/
/* BASE -----------------------------------------------------------------*/
* {margin:0; padding:0;}

body{
	background:#101613 url(/img/bgd.gif) top left repeat-x; 
	height:100%;
	margin:0; 
	padding:0;
	}

img {
	margin:0; 
	padding:0; 
	border:none; 
	}

h1, h2, h3, h4, h5 {}
h1 {font-size:160%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}

a {outline: none;}
i, em {font-style:normal;}
b, strong {font-weight:100;}
hr {display:none;}
.strong {font-weight:bold;}

/*-----------------------------------------------------------------------*/
/* COMMON STYLES --------------------------------------------------------*/
.COMinline {display:inline;}
.COMright {display:inline; float:right;}
.COMleft {display:inline; float:left;}
.COMmiddle {display:inline; text-align:center;}
.COMclear {clear:both;}
.COMhide {display:none;}

.COMspace5 {height:5px; clear:both;}
.COMspace10 {height:10px; clear:both;}
.COMspace15 {height:15px; clear:both;}
.COMspace20 {height:20px; clear:both;}
.COMspace30 {height:30px; clear:both;}
.COMspace40 {height:40px; clear:both;}
.COMspace50 {height:50px; clear:both;}

.COMhr {
	height:2px;
	margin: 15px 0;
	border-top:1px solid #2b3035;
}

.COMgood {color:#4c960a;}
.COMbad {color:#96240a;}

.imgframe1 {
	padding:4px;
	margin:0;
	background-color:#FFFFFF;
	border:1px solid #eaeaea;
}

.previewmode {
	display:block;
	width:100%;
	height:50px;
	background-color:#d2e0cd; 
	color:#6ca25a;
	text-align:center;
	line-height:50px;
}


.loadingbox {
	display:block;
	background: #e2ddca url(/capitan/img/ticker.gif) 10px center no-repeat; 
	color: #c3ba96; 
	border: 3px solid #c3ba96;
	height: 38px;
	font-weight:600; 
}
.loadingbox h5 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	margin-left: 44px;
	line-height: 38px;
	font-size: 13px;
}
.error, .success {
	font-weight:600; 
	padding:5px 0;
	}
.error {
	color:#96240a; 
	}
.success {
	color:#4c960a; 
	}
.errorbox, .successbox {
	display:block;
	padding:10px; 
	font-weight:600; 
	}
.errorbox {
	background-color:#e0cecd; 
	color:#c6938f; 
	border:4px solid #c6938f;
	}
#ENQresponse .errorbox p {
	color:#7a3d38;
	margin:0;
	}
.successbox {
	background-color:#d2e0cd; 
	color:#9dc68f; 
	border:4px solid #9dc68f;
	}
#ENQresponse .successbox p {
	color:#4e7b3f;
	margin:0;
	}
	
em {
	color: #397a55;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.hightlight {
	color: #65b78b;
}

.featurebox {
	display:block;
	background-color: #232223; 
	color: #aaaaaa;
	padding-left:10px;
	height:25px;
	line-height:25px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 60%;
	margin-top: 20px;
}

object, embed {	z-index:1 !important; }
#TB_window, #TB_overlay { z-index:10000 !important; }
/*-----------------------------------------------------------------------*/
/* THIS LAYOUT ----------------------------------------------------------*/
#HOLD {
	width:100%;
	height:100%;
	background-color:#000000;
	position:fixed;
	display:block;
	z-index:10000 !important;
	margin:0;
}
#HOLD p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color: #ffffff;
	margin: 50px
}
.wrapper { 
	width: 900px;
	margin: 0 auto;
	padding:0;
	background-color:#000000;
	}
#Header {
	width:900px;
	height:245px;
	text-indent:-9999px;
	font-size:1px;
	background-image:url(/img/header.jpg);
}
#Content {
	float: right;
	width: 590px;
	}
#Content h2, #Content h3, #Content p, #WZ1 h3, #WZ1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	}
#Content h2 {
	text-transform:uppercase;
	color: #397a55;
	font-size:19px;
	line-height: 26px;
	}
#Content h3 {
	text-transform:uppercase;
	color: #ffffff;
	font-size:17px;
	line-height: 20px;
	margin: 0 34px 0 27px;
	}
#Content p {
	color: #ffffff;
	font-size:13px;
	line-height: 20px;
	margin: 0 34px 25px 27px;
	}
#Content a {
	color: #397a55;
	}
#Content a:hover {
	color: #ffffff;
	}
#Content p.intro{
	font-size:16px;
	line-height: 27px;
	}
#Content p.smallnav, #Content p.smallnav a {
	font-size:11px;
	line-height: 12px;
	color: #397a55;
	margin-bottom:10px;
	}
#Content p.smallnav a:hover {
	color: #ffffff;
}

.Conimgcon {
	margin: 0 34px 25px 27px;
}
.Conimgcon .thumb, .Conimgcon .vthumb{
	border:3px solid #171717;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}
.Conimgcon .thumb{
	width:120px;
	height:120px;
}
.Conimgcon .vthumb{
	width:230px;
	height:130px;
}
.Conimgcon .thumb:hover, .Conimgcon .vthumb:hover{
	border:3px solid #2e2e2e;
}

#Content .hr {
	display:block;
	clear:both;
	width:590px;
	height:21px;
	background: url(/img/contentHR.jpg) center left no-repeat;
	border:none;
	margin-bottom:10px; 
}

#Content ul {
	margin:20px 34px;
	list-style:none;
	width: 400px;
	}
#Content li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color: #999999;
	line-height: 20px;
	border-bottom: #333333 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
	}
	
#Content .profilepic {
	position:absolute;
	width:100px;
	height:100px;
	background-color:#333333;
	top: 0px;
	right:34px;
	margin-left:20px;
	margin-bottom:20px;
	display:block;
	border:3px solid #171717;
}
#Content .profilepic:hover {
	border:3px solid #2e2e2e;
}
#Content .productpic {
	position:absolute;
	width:200px;
	height:200px;
	background-color:#333333;
	top: 30px;
	right:34px;
	margin-left:20px;
	margin-bottom:20px;
	display:block;
	border:3px solid #171717;
}
#Content .productpic:hover {
	border:3px solid #2e2e2e;
}

#Content .smallnav a {cursor:pointer;}
.toggle_container {
	width:420px;
	}
#tabs ul{
	width: 590px;
	height: 61px;
	margin:0;
	padding:0;
}
#tabs ul li {
	display: inline;
	list-style: none;
	font-size:1px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	float:left;
	border:none;
}
#tabs ul li a {
	display: block;
	height: 61px;
	cursor:pointer;
	background-position:bottom left;
}
#BerghausGear {
  background-image:url(/img/Tberghausgear.jpg);
  width: 294px;
}
#NokiaGear {
  background-image:url(/img/Tnokiagear.jpg);
  width: 294px;
}
#tabs ul li a:active, #tabs ul li a:hover, #tabs ul li a.selected, #tabs .ui-tabs-selected {
	display: block;
	height: 61px;
	cursor:pointer;
	background-position:top left;
}
.prod_container {
	width:360px;
	height:280px;
	}
.ui-tabs .ui-tabs-hide {
     display: none;
}
#Tintro, #Tabout, #Twhere, #Tteam, #Tgear, #Taccess, #Tlegal, #Tmedia, #Tcompetition {
	width: 590px;
	height: 61px;
	font-size:1px;
	text-indent:-9999px;
}
#Tintro {background:url(/img/Tintro.jpg) center left no-repeat;}
#Tabout {background:url(/img/Tabout.jpg) center left no-repeat;}
#Twhere {background:url(/img/Twhere.jpg) center left no-repeat;}
#Tteam {background:url(/img/Tteam.jpg) center left no-repeat;}
#Tgear {background:url(/img/Tgear.jpg) center left no-repeat;}
#Tlegal {background:url(/img/Tlegal.jpg) center left no-repeat;}
#Taccess {background:url(/img/Taccess.jpg) center left no-repeat;}
#Tmedia {background:url(/img/Tmedia.jpg) center left no-repeat;}
#Tcompetition {background:url(/img/Tcompetition.jpg) center left no-repeat;}

#ToTop {
	display:block;
	float:right;
	width:61px;
	height:34px;
	font-size:1px;
	text-indent:-9999px;
	background:url(/img/totop.jpg) center left no-repeat;
	cursor:pointer;
}

#Asgard {
	width:167px;
	height:97px;
	float:right;
	background:url(/img/asgardlogo.jpg) center left no-repeat;
	margin-right:34px;
	margin-left:5px;
	margin-top:20px;
}

.titlebgd {
	display:block;
	background:url(/img/titlebgd.jpg) center right no-repeat;
	margin-right:29px;
}

#WZ1 h3 {
	text-transform:uppercase;
	color: #397a55;
	font-size:12px;
	line-height: 20px;
	margin: 10px 24px 5px 29px;
	}
#WZ1 p {
	margin:5px 24px 10px 29px;
	color:#666666; 
	font-size:12px;
	line-height:16px;
	}
#WZ1 p a, #WZ1 h3 a {
	color:#397a55; 
	}
#WZ1 p a:hover, #WZ1 h3 a:hover {
	color:#ffffff; 
	}	

#WZ1 .hr {
	display:block;
	clear:both;
	width:280px;
	height:21px;
	background: url(/img/WZ2HR.jpg) center left no-repeat;
	border:none;
}

#WZ1 {
	float: left;
	width: 280px;
	}
#Facebook a, #WZ2Berghaus a, #WZ2Nokia a, #OviReg a, #Vids a, #CompLink a, #OrderLink a {
	display:block;
	width:280px;
	text-indent:-9999px;
	font-size:1px;}
#Facebook a{
	height:96px;
	background: url(/img/facebook.jpg) top left no-repeat;	
}
#Facebook a:hover {
	background-position: bottom left;
}
#CompLink a{
	height:96px;
	background: url(/img/enter_competition.jpg) top left no-repeat;	
}
#CompLink a:hover {
	background-position: bottom left;
}
#OrderLink a{
	height:96px;
	background: url(/img/order_dvd.jpg) top left no-repeat;	
}
#OrderLink a:hover {
	background-position: bottom left;
}
#OviReg a{
	height:96px;
	background: url(/img/ovi_register.jpg) top left no-repeat;	
}
#OviReg a:hover {
	background-position: bottom left;
}
#Vids a{
	height:96px;
	background: url(/img/latest_videos.jpg) top left no-repeat;	
}
#Vids a:hover {
	background-position: bottom left;
}
#WZ2Berghaus a {
	width:280px;
	height:76px;
	background: url(/img/WZ2berghaus.jpg) center left no-repeat;	
}
#WZ2Nokia a {
	width:280px;
	height:70px;
	background: url(/img/WZ2nokia.jpg) center left no-repeat;	
}

#WZ2Twitter, #WZ2Updates, #WZ2Shots, #WZ2Schedule, #WZ2Headlines, #WZ2Sponsor{
	width:280px;
	height:47px;
	text-indent:-9999px;
	font-size:1px;
}
#WZ2Twitter{
	background: url(/img/WZ2twitter.jpg) top left no-repeat;	
}
#WZ2Updates{
	background: url(/img/WZ2blog.jpg) top left no-repeat;	
}
#WZ2Shots{
	background: url(/img/WZ2pics.jpg) top left no-repeat;	
}
#WZ2Schedule{
	background: url(/img/WZ2schedule.jpg) top left no-repeat;	
}
#WZ2Headlines{
	background: url(/img/WZ2articles.jpg) top left no-repeat;
	margin-bottom:15px;
}
#WZ2Sponsor{
	background: url(/img/WZ2sponsor.jpg) top left no-repeat;
}

#WZ2imgcon {
	margin: 20px 34px 0 27px;
}
#WZ2imgcon .thumb {
	width:100px;
	height:100px;
	border:3px solid #171717;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
}
#WZ2imgcon .thumb:hover{
	border:3px solid #2e2e2e;
}

table, tr, td {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:13px;
	color: #475b67;
	line-height: 20px;
	margin-top:20px;
}

/* TWITTER --------*/	
#twitter_update_list, #WZ2list{
	list-style:none;
	margin-top:10px;	
}
#twitter_update_list li, #WZ2list li{
	width:228px;
	margin-top:14px;
	padding: 0 24px 15px 29px;
	color:#888888; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:16px;
	background: url(/img/WZ2HR.jpg) bottom left no-repeat;	
}
#twitter_update_list a, #WZ2list a {
	color:#397a55;
	text-decoration:none;
}
#twitter_update_list a:hover, #twitter_update_list a:active, #WZ2list a:hover {
	color:#ffffff;
}
#WZ2list a {
	display:block;
}

/* Navigation -----------------------------------------------------------*/
#Nav {
	list-style: none;
	width:900px;
}
#Nav a * {
  display: none;
}
#Nav li {
	float: left;
}
#Nav a, #Nav a .hover {
  	height: 50px;
	position: relative;
	display: block;
	background: url(/img/nav.jpg) 0 0 no-repeat;
	cursor:pointer;
}

/* individual navigation items */
#Nav a.NavHome {
  background-position: 0 top;
  width: 87px;
}
#Nav .AC a.NavHome{
  background-position: 0 bottom;
  width: 87px;
}
#Nav .highlight a.NavHome:hover, 
#Nav a.NavHome .hover{
  background-position: 0 bottom;
}
/*--*/
#Nav a.NavAbout{
  background-position: -87px top;
  width: 172px;
}
#Nav .AC a.NavAbout{
  background-position: -87px bottom;
  width: 172px;
}
#Nav .highlight a.NavAbout:hover,
#Nav a.NavAbout .hover{
  background-position: -87px bottom;
}
/*--*/
#Nav a.NavTeam{
  background-position: -259px top;
  width: 137px;
}
#Nav .AC a.NavTeam{
  background-position: -259px bottom;
  width: 137px;
}
#Nav .highlight a.NavTeam:hover,
#Nav a.NavTeam .hover{
  background-position: -259px bottom;
}
/*--*/
#Nav a.NavGear{
  background-position: -396px top;
  width: 147px;
}
#Nav .AC a.NavGear{
  background-position: -396px bottom;
  width: 147px;
}
#Nav .highlight a.NavGear:hover,
#Nav a.NavGear .hover{
  background-position: -396px bottom;
}
/*--*/
#Nav a.NavMedia{
  background-position: -543px top;
  width: 136px;
}
#Nav .AC a.NavMedia{
  background-position: -543px bottom;
  width: 136px;
}
#Nav .highlight a.NavMedia:hover,
#Nav a.NavMedia .hover{
  background-position: -543px bottom;
}
/*--*/
#Nav a.NavUpdates{
  background-position: -679px top;
  width: 132px;
}
#Nav .AC a.NavUpdates{
  background-position: -679px bottom;
  width: 132px;
}
#Nav .highlight a.NavUpdates:hover,
#Nav a.NavUpdates .hover{
  background-position: -679px bottom;
}
/*--*/
#Nav a.NavNews{
  background-position: -811px top;
  width: 89px;
}
#Nav .AC a.NavNews{
  background-position: -811px bottom;
  width: 89px;
}
#Nav .highlight a.NavNews:hover,
#Nav a.NavNews .hover{
  background-position: -811px bottom;
}

/* Titles ---------------------------------------------------------------*/

/* Content Styles -------------------------------------------------------*/

/* Forms ----------------------------------------------------------------*/
/* Form */
#Competition {
	margin:0 30px;
	border:none;
	padding:0;
}
#Competition h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color: #397a55;
	font-size:21px;
	margin: 0 0 20px 0;
}
#Competition h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color: #397a55;
	font-size:16px;
	margin: 0 0 20px 0;
}
#Competition h2 strong {
	font-weight:normal;
}
#Competition p {
	margin-left:0;
}
#Competition label {
	color:#397a55;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	margin: 0 20px 15px 0;
	}
#Competition label input {
	margin-right:10px;
}
#Competition radio {
	margin-right:10px;	
}
#Competition input.formfield {
	width:247px; 
	height:26px;
	background-color:transparent!important;
	background-image:url(/img/CFbgd.jpg);
	background-position:bottom left;
	background-repeat: no-repeat;	
	border:none;
	padding: 0 7px; 
	margin:0 0 10px 0; 
	color:#000000; 
	font-family:Helvetica, sans-serif;	
	font-size:14px;
	padding-top:11px;
	}

#Competition .multiSelect { 
	width:225px;
	background-color:#e8e6e1;
	border:none;
	padding:10px 11px;  
	margin:0 0 10px 0;
	color:#3b422b;
	font-size:14px;
}
#Competition .multiSelect.hover {
	color:#3b422b;
}
.multiSelect.active, .multiSelect.focus {}

#Competition .multiSelectOptions {
	font-family:Helvetica, sans-serif;	
	font-size:14px; 
	width:245px;
	max-height: 150px;
	margin: 0;
	overflow: auto;
	border: none;
	background-color:#e8e6e1;
	padding:0;
	cursor:pointer;
}
#Competition .multiSelectOptions LABEL input{
	margin-right:5px;
}
#Competition .multiSelectOptions LABEL {
	color:#397a55;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	padding: 10px;
	display: block;
}
#Competition .multiSelectOptions LABEL.checked {
	background: #c5c1b6;
}
#Competition .multiSelectOptions LABEL.selectAll {
	border-bottom: dotted 1px #676c5c;
}
#Competition .multiSelectOptions LABEL.hover {
	background: #c5c1b6;
}

#Competition button {
	outline: none;
	width:227px; 
	height:37px; 
	background-color:#397a55!important; 
	border:none; 
	cursor:pointer;
	font-size:14px;
}
#Competition button:hover {
	outline: none;
	background-color:#64987a!important; 
}

fieldset {
	margin:0;
	padding:0;
	border:none;
}
legend {
	display:none;
}

/* Foot -----------------------------------------------------------------*/
#Foot {
	margin: 0 auto;
	width:832px;
	padding: 34px;
	background-color:#08120B;
}

#berghaus {
	width:128px;
	height:62px;
	font-size:1px;
	text-indent: -9999px;
	background: url(/img/berghausfoot.jpg) top left no-repeat;
	float:left;
	display:inline;
	margin-right:15px;
}
#ovilogo {
	width:119px;
	height:62px;
	font-size:1px;
	text-indent: -9999px;
	background: url(/img/nokiafoot.jpg) top left no-repeat;
	float:left;
	display:inline;
}
#Foot ul {
	display:inline;
	float:right;
	list-style:none;
	width: 529px;
	margin-top:13px;
	}
#Foot li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:10px;
	color: #2f4837;
	line-height: 20px;
	display:inline;
	float:left;
	margin:0;
	padding:0;
	}
#Foot li a {
	color: #2f4837;
	text-decoration:none;
}
#Foot li a:hover {
	color: #ffffff;
}	

/* Icons -----------------------------------------------------------------*/
span.IcoComment{
	width:17px; 
	height:25px; 
	padding-right:19px;
	background: url(/img/file_folder_icon/ICOcomment.png) center right no-repeat;
	}

span.folderEmpty, span.folder, span.folderParent,
span.fileUnknown, span.fileText, span.fileWord,
span.fileFlash, span.fileVideo, span.filePicture,
span.filePPT, span.fileExcel, span.filePhp,
span.fileMusic, span.fileExe, span.fileAcrobat,
span.fileRTF, span.fileXml, span.fileCode,
span.fileZip{width:20px; height:20px; background-repeat:no-repeat; background-position: center center; display:block;}
span.folderEmpty{background-image:url(/img/file_folder_icon/folderEmpty.png);}
span.folder{background-image:url(/img/file_folder_icon/folder.png);}
span.folderParent{background-image:url(/img/file_folder_icon/folderParent.png);}
span.fileUnknown{background-image:url(/img/file_folder_icon/fileUnknown.png);}
span.fileText{background-image:url(/img/file_folder_icon/fileText.png);}
span.fileWord{background-image:url(/img/file_folder_icon/fileWord.png);}
span.fileFlash{background-image:url(/img/file_folder_icon/fileFlash.png);}
span.fileVideo{background-image:url(/img/file_folder_icon/fileVideo.png);}
span.filePicture{background-image:url(/img/file_folder_icon/filePicture.png);}
span.filePPT{background-image:url(/img/file_folder_icon/filePowerpoint.png);}
span.fileExcel{background-image:url(/img/file_folder_icon/fileExcel.png);}
span.filePhp{background-image:url(/img/file_folder_icon/filePhp.png);}
span.fileMusic{background-image:url(/img/file_folder_icon/fileMusic.png);}
span.fileExe{background-image:url(/img/file_folder_icon/fileExe.png);}
span.fileAcrobat{background-image:url(/img/file_folder_icon/fileAcrobat.png);}
span.fileRTF{background-image:url(/img/file_folder_icon/fileRTF.png);}
span.fileXml{background-image:url(/img/file_folder_icon/fileXml.png);}
span.fileCode{background-image:url(/img/file_folder_icon/fileCode.png);}
span.fileZip{background-image:url(/img/file_folder_icon/fileZip.png);}