/*
Theme Name: Wittenstein Theme
Description: Wittenstein Theme
Version: 3.0
*/

/* General */
html{ background:white; overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
body{font-size:14px;color:#000000;line-height:20px;-webkit-text-size-adjust: none;}

dl, p, hr, blockquote, .media {margin: 0 0 10px 0px;line-height: 19px;}
h2, h3, h4, h5, h6{color:#000000;}

ul, ol{margin:0 0 10px 13px;}
ul li, ol li{margin:0px;}

h1{font-size:21px; color:#000000; font-weight:bold; margin:0 0 20px;line-height: 20px;}
h2{font-size: 20px;font-weight: bold;}
h3{font-size: 18px;font-weight: bold;margin: 0 0 10px 0px;line-height: 19px;}
h4{font-size: 16px;margin: 0 0 5px 0px;line-height: 19px;}
h5{font-size: 15px;font-weight: bold;margin: 0 0 5px 0px;line-height: 19px;}
h6{font-size: 14px;font-weight: bold;margin: 0 0 5px 0px;line-height: 19px;}

/* Links */
a:focus{background-color:transparent;}
a,a:visited, p a, p a:visited, li a{color:#319ba5;outline: none;border: none;background: transparent;display: inline;}
a:hover, p a:hover, li a:hover{color:#757575;text-decoration: none;}
a.block-link, a.block-link:visited{display: block;}
a.block-link .content{padding:13px 5px 0 0;}

/* Backgrounds */
.bg-darkblue{background: #319BA5;color:#fff;}
.bg-darkblue a, .bg-darkblue a:visited, .bg-darkblue h2{color:#fff;}
.bg-darkblue a:hover{text-decoration: underline;color:#fff;}
.bg-blue{background: #E2ECEE;}
.bg-lightblue{background: #F1F6F7;}
.bg-lightgrey, a.bg-lightgrey:visited{background: #F3F3F3;}

a .content.bg-lightblue:hover{background: #F3F3F3;}

.post_wrapper{margin-bottom: 15px;padding-top: 15px;}

/* Header */
#top-bar{width:100%; background:#f3f3f3; border-bottom:1px #aaa solid; height:35px; line-height:35px; color:#5a5a5a; font-size:9pt; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;}
#top-bar div {width:95%; max-width:900px; margin:auto;}
#top-bar p {float:left; line-height:35px;}
#top-bar .top-social {float:right; margin:0;}
#top-bar .top-social ul li{display:inline-block}

.head {
	height:140px;
	position:relative;
	z-index: 3000;
	width: 100%;
}
#logo{position:absolute;left:1px;top:40px;}
#logo img {width:278px; height:39px;}
#wittenstein-logo{position:absolute;right:0px;top:22px;}
#wittenstein-logo img {width:87px; height:72px; }
#social-icons ul li{display:inline-block;}

/* Nav menus */
#linkbar-wrapper{position: absolute;right:80px;bottom:0px;}

.head .linkbar #menu-main-menu .menu-item{background: repeat-x center top;}/*doesn't show as is behind bar!!*/
.head .linkbar{
	height: 30px;
	margin:0px;
	padding: 0;
	position: relative;
	width: 100%;
	float:right;
	z-index: 1;
}
.head .linkbar ul{margin:0px;}
.head .linkbar li a, .head .linkbar li a:visited {color: #0000ff;display: block;font-size: 18px;line-height: 13px; text-decoration: none; border-left:1px solid #e2e2e2;}/*change this backfroud for changes you can see over the bar*/
/*if you add the hover psuedo class to the selectors above,- BUGS WILL APPEAR*/

/* top level main menu padding on li a's */
.head .linkbar .menu .menu-item a{padding:4px 14px;text-align: center ;}
/*.head .linkbar .menu .menu-item{width: 102px;}
#menu-item-24 a{border-right: none;}*/

.head .linkbar li ul li, .head .linkbar li ul li ul li{float: none;}
.head .linkbar .menu .sub-menu li a, .head .linkbar .menu .sub-menu li a:visited {line-height: 14px; border-width: 1px;text-align: left;padding-left:19px;}

.head .linkbar, .head .linkbar ul {list-style-type:none; padding:0; margin:0} /*This gets rid of bullet points and resets the positioning*/
.head .linkbar li a:hover {color:#5a5a5a;}
/*.head .linkbar li.current_page_item a, .head .linkbar li.current-page-ancestor a{color:#FFFFFF; background-color:#6fa2ae;} /*   This styles what the buttons look like when hovered over*/
/*.head .linkbar li a:focus {color:#FFFFFF; background-image:url(images/nav_bg_selected.gif); background-repeat:repeat-x} This styles the buttons when they are clicked on*/
.head .linkbar li.current_page_item li a, .head .linkbar li.current-page-ancestor li a {color: #666;}
/*.head .linkbar li li.current_page_item > a, .head .linkbar li li.current-page-ancestor > a{background-color:#E0E0E0}*/

.menu li{display: block;float: left;}
.menu li ul{display: block}

/***Dropdown Menu- This creates and styles the initial dropdown menu***/
.head .linkbar li ul {left:-999em; list-style-type:none; margin:0; padding:0; position:absolute} /*This resets the position of the pages and makes them initially invisible*/
.head .linkbar li.nav-over ul {left:auto} /*This makes the lists appear when hovered over*/
.head .linkbar li.nav-over ul a {background:#ffffff; width:155px; color:#000000; /*border-top:1px solid #538A96;*/} /*This defines the boxes the pages appear in*/
.head .linkbar li.nav-over ul a:hover {color:#5a5a5a;} /*This defines the text in the boxes as they are hovered over*/

/***Second-level Dropdown Menu- This creates and styles the second level of the dropdown menu***/
.head .linkbar li ul ul {margin:-32px 0 0 240px} /*This positions the first item in the list next to the original dropdown menu*/
.head .linkbar li.nav-over ul ul {left:-999em} /*This initially hides the menu*/
.head .linkbar li.nav-over ul, .head .linkbar li li.nav-over ul {left:auto} /*This makes the menu appear when hovered over*/

/***Third-level Dropdown Menu- This creates and styles the second level of the dropdown menu***/
.head .linkbar li ul ul {margin:-32px 0 0 220px} /*This positions the first item in the list next to the original dropdown menu*/
.head .linkbar li li.nav-over ul ul {left:-999em} /*This initially hides the menu*/
.head .linkbar li li.nav-over ul, .head .linkbar li li li.nav-over ul {left:auto} /*This makes the menu appear when hovered over*/

/** Breadcrumbs **/
.breadcrumbs{font-size: 12px;margin-bottom: 10px;}
.breadcrumbs a, .breadcrumbs span{display: inline-block;line-height: 12px;height:12px;}
.breadcrumbs a:hover, .breadcrumbs span.current_page_item{text-decoration: none;color:#757575;}
.breadcrumb-arrow{width:20px;background:url(images/breadcrumb-arrow.png) top center no-repeat;}

/* General Template */
.page { width:98%; max-width:980px; background:white;}
table {margin-bottom: 20px;}
table td {background: none repeat scroll 0 0 ;color: #000000;padding: 5px 7px 5px 7px;}
table .tr-bordertop {border-top: 1px solid #319BA5;} 
.body{margin:5px 0 20px 0;}
.content{padding:13px 13px 0;}
.media .img{margin-right: 13px}
.title-banner {width:100%}
.title-banner img{max-width:100%; height:auto; margin-bottom: 10px; margin-top:10px;}
#template-wrapper{padding:10px 41px;}
#general-template #linkbar-wrapper{width:100%; max-width:898px;}
#general-template .content{padding:15px 0 0;}
/*.space-list li{margin:0 0 30px 0;}*/


/* Right Col */
.rightCol{width:280px;margin:0 0 0 20px;}
.rightCol .bg-darkblue {
    margin-bottom: 17px;
    margin-left: 57px;
    padding: 15px;
    width: 135px;
}
.rightCol .bg-darkblue ul{margin:0 0 0 15px;}
.rightCol p{margin-left:0px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;margin-right: 17px;display: inline;}
.alignright {float: left;margin-left: 17px;display: inline;}

.fl{float:left;}
.fr {float:right;}
.bal {border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}

.download-background { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; padding:10px; }
.download-background:hover {background:#F0F0F0;}

.fixed-download {height:190px; width:150px; position:fixed; top:350px; right:20px;}
.fixed-download img {margin-left:auto; margin-right:auto;}
.fixed-download p {text-align:center; font-weight:700;color:#6D6D6D;}
.fixed-download:hover {background:#F1F6F7; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}

/////* tabbed product pages */////
.product-content{padding:13px 13px 0; position:relative;}
.tabs-safe {width:100%; height:100px;}
.tabs-safe p {font-size:13px;}
.tabs {width:100%; height:100px;}
.tabs p {font-size:14px;}
.dormant-tab {background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,247,247,1) 37%, rgba(181,181,181,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(247,247,247,1)), color-stop(100%,rgba(181,181,181,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 37%,rgba(181,181,181,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,247,247,1) 37%,rgba(181,181,181,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,247,247,1) 37%,rgba(181,181,181,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(247,247,247,1) 37%,rgba(181,181,181,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */

cursor:pointer; color: #000000; border:solid 1px #aaaaaa; float:left; padding:10px; height:20px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius:5px;border-top-right-radius: 5px;}

.active-tab {background:#ffffff; height:21px; border-left:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa; border-top:solid 1px #aaaaaa; float:left; padding:10px; height:20px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}

.contactbutton {
width:220px; 
height:50px;
color: black; 
background:#f1f6f7; 
border-radius:10px; moz-border-radius:10px; -webkit-border-radius:10px;
padding:0 0 0 5px ;
margin:20px 0 0 0; 
float:right;
line-height:50px;
vertical-align:middle;}

.contactbutton:hover {
	color:#319BA5;}

.contactbutton p {
line-height:50px;
vertical-align:middle;
display:inline-block; }

.contactbutton img {
float:left;
padding:0;
margin:5px 0 0 0;
vertical-align:middle; }

.downloadbutton {
width:220px; 
height:auto;
color: black; 
background:#f1f6f7; 
border-radius:10px; moz-border-radius:10px; -webkit-border-radius:10px;
padding:5px 0 5px 5px ; 
float:right;
line-height:20px;
vertical-align:middle;}

.downloadbutton:hover {
	color:#319BA5;}

.downloadbutton img {
float:left;
padding:0;
margin:5px 5px 0 0;
display:inline-block;
vertical-align:middle; }
.sidedownload-box:hover{color:#319BA5;}

/*//menu tabs on product pages///*/
.menutab {
background:#f3f3f3;
float:left; 
border-radius:3px; 
padding:6px 8px;
border:solid #cccccc 1px; 
color:black; 
margin:15px 7px 30px 0;}


.menutabactive {
background:#168b96;
float:left; 
border-radius:3px; 
padding:6px 8px;
border:solid #076e78 1px; 
color:white; 
margin:15px 7px 30px 0;}

.menutab a{
color:black;}

@media (max-width:760px){
.menutab, .menutabactive {
  display:block;
  margin:5px 0;
  width:100%;
}
}

/* SAFERTOS Intermed template */
.industry-wordswrapper {clear:both; background:#f0f0f0; width:100%; height:25px; margin:0px 0px 30px 0px;}
ul.industry-words li {float:left; color: #b0b0b0; font-weight:800; font-size:18px; margin: 4px 30px 0px 30px; padding:0; line-height:18px;}
ul.industry-words, ul.industry-words li {text-decoration:none; list-style:none;}

/* Customer List */
.logo-container {width:100%; max-width:910px; margin: 0px auto;}
.logo-container img {float:left; display:inline; margin:0; padding:0;}

					
/* Partner Post Type */
#partner-list .media{margin:20px 0 0;padding: 10px;border: 1px dotted #666666;overflow: hidden;}
#partner-list .media .img{margin-right: 10px;min: 225px;zoom:1;}
#partner-list .media .bd{padding:10px;}

/* foot */
.foot {border-top: 1px dotted;color: #319BA5;height: 70px;  }
.footerlinks {font-size:12.8px; color:#319BA5;line-height:24px; text-align:left; margin:13px 0 0 0; float:left;}
.footerlinks a{text-decoration: none;color:#319BA5; font-size:12.8px}
.footerlinks a:visited {color:#319BA5}
.footerlinks a:hover {color:#757575; text-decoration:none}
.footerdivider {color:#CCCCCC;}
.lrqa-holder {float:right; display:inline; margin:10px 0;}

/* download form */
#download-form {width:100%; max-width:350px;}
#download-form input{width:100%; height:30px;}
#download-form select {width:100%; max-width:260px;}
#download-form textarea {width:100%; max-width:350px;}
#download-form input[type="submit"]{width:50%; margin-top:10px;}
#download-form input[type="checkbox"]{width:30px;}

/*///////// new code added from 1st may onwards ///////////// */
#side-form {width:320px;background:#F1F6F7; padding:20px 15px; border-radius:10px;}
#side-form span.wpcf7-list-item { display: block; }
#side-form select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {width:280px}
#side-form .required-field{color:#ff0000;}

.link-grid .media{height:150px;}

@media only screen and (max-width: 780px) {
.rightCol {width:100%} 
a div.downloadbutton {width:100%;}
a div.contactbutton {width:100%; margin-bottom:20px;}
div.content div.main {width:100%;}
div.content div.main ul {width:100%;}
/*div.content div.main img {width100%; margin: 10px;}*/
/*grey tabs for product functions, supported platforms etc*/
.dormant-tab {display:block; width:100%; background:#5a5a5a; color:#ffffff; -webkit-border-radius:5px; -mox-border-radius:5px; border-radius:5px}
.active-tab {display:block; width:100%; background:#319ba5; color:#ffffff; -webkit-border-radius:5px; -mox-border-radius:5px; border-radius:5px}
}

@media (max-width: 760px) {
	#top-bar {display:none;}
	div.head {height:70px;}
	#logo img{width:181px; height:24px; position:absolute; top:-7px;}
	#wittenstein-logo img{width:51px; height:43px; margin-right:40px;}
	
	.industry-wordswrapper {display:none;}}

@media 
only screen and (max-width: 736px),
(min-device-width: 320px) and (max-device-width: 1024px)  {

/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}

th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		margin-right: 50px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	
	td:nth-of-type(1):before { content: "Manufacturer"; }
	td:nth-of-type(2):before { content: "Device"; }
	td:nth-of-type(3):before { content: "Family"; }
	td:nth-of-type(4):before { content: "Tools"; }
	td:nth-of-type(5):before { content: "Target Development Board"; }*/
	
}

@media only screen and (max-width: 480px) {
div.content div.main {max-width:380px;}
div.content div.main ul {max-width:380px;}
}

@media only screen and (max-width: 420px) {
div.content div.main {max-width:280px;}
div.content div.main ul {max-width:280px;}
}

@media only screen and (max-width: 370px) {
	#logo img{width:147px; height:20px; position:absolute; top:-7px; left:12px;}
	#wittenstein-logo img{width:45px; height:39px; margin-right:70px;}
	div#template-wrapper {padding:0 10px;}
	#wds_container1_0 {display:none;}
	.dormant-tab, .active-tab {max-width:280px;}
	div.content div.main ul {max-width:250px;}
}