/* *******************************************************************************

 Cascading style sheets for viva.bg
 
 @author Hristo Drumev
 @package viva.bg
 @copyright Hristo Drumev [www.hdrumev.com]
 
 @version 1.0 [19.01.2008]

******************************************************************************* */

/** std.css -------------------------------------------------------- */

a {
  color: #345678;
}

a:hover {
  color: #28425c;
}

hr {
  clear: both;
  width: 100%;
  height: 0px;
  border: none;
  border-top: 1px solid #000;
  margin: 7px 0;
}

/* only for IE */
* html hr { 
  margin: 0;
}

.normal {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.strong {
  font-weight: bold;
}

.em {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.alignleft {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

/** layout-height-100.css -------------------------------------------------------- */
 
html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/** center layout for IE5 */
#syscenterie5 {
  width: 100%;
  text-align: center;
  height: 100%;
}

#sysframe {
  text-align: left; /* override text-align */
  min-height: 100%;
  /* width: 750px; /* width of content */
  margin: 0 auto;
}

/* css hack - only for IE, height is 100%, not auto */
* html #sysframe {
  height: 100%;
}

#sysheader {
  /* height: 100px; /* height of header */
}

#syscontent {
  /* padding-bottom: 30px; /* height of footer */
}

#sysfooter {
  position: relative;
  text-align: left; /* override text-align */
  /* height: 25px;  /* height of footer - borders */
  /* margin-top: -25px; /* height of footer */
  margin-left: auto;
  margin-right: auto;
  /* width: 750px; /* width of content */
}

#sysfootercontent {
  /* height: 20px; /* height of footer */
}

/** viva.main.css ----------------------------------------------------------- */
 
html, body {
  background: #6594cc url(img/bodybg.png) top repeat-x;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

#sysframe {
  width: 765px; /* width of content */
  background: url(img/sysframe.png) left bottom no-repeat; 
}

#sysheader {
  height: 181px;
  background: #fff url(img/sysheader.png) left top no-repeat;
  padding-top: 30px;
  padding-left: 10px;
}

* html #sysheader {
  border-bottom: none;
}

#sysfootercontent {
  font-size: 0.8em;
  background: #fff url(img/footer.jpg) left top no-repeat;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;  
  border-bottom: 10px solid #fff;
  padding-top: 10px;
  line-height: 1.6em;
  padding-left: 10px;
  height: 60px !important;
  height /**/: 80px;
}

#syscontent {
  padding: 0 0 0 10px;
}

#sysfooter {
   height: 70px;  /* height of footer - borders */
   margin-top: -100px; /* height of footer */
   width: 765px; /* width of content */
}

#sysfootercontent {
   height: 60px;  /* height of footer */
}

#sysseparator {
  clear: both;
  padding-bottom: 150px;
}

/** viva.header.css --------------------------------------------------------- */

#logo {
  width: 169px !important;
  width /**/: 170px;
  height: 149px !important;
  background: #fff url(img/logo.png) left top no-repeat;
  padding: 0 1px 0 0;
  float: left;
}

#logo a {
  display: block;
  width: 169px;
  height: 149px;
  text-indent: -999em;
  font-size: 0;
}

#header {
  width: 575px;
  height: 149px !important;
  height /**/: 150px; 
  padding: 0 0 1px 0;
  background: url(img/header.jpg) top left no-repeat;
  float: left;
}

#banner {
  width: 575px;
  height: 149px !important;
  height /**/: 150px; 
  padding: 0 0 1px 0;
  float: left;
}

#banner a img {
	border: none;
}

/** viva.footer.css --------------------------------------------------------- */

#sysfootercontent a {
  color: #4c6d9c;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

#sysfootercontent a:hover {
  border-bottom: 1px solid #ff8c00;
  text-decoration: none !important;
  text-decoration /**/: underline; 
}

#footerleft {
  width: 360px;
  float: left;
  height: 3.2em;
}

#footerright {
  margin-left: 5px;
  width: 360px;
  float: left;
  text-align: right;
  height: 3.2em;
}

#mininavbar {
  margin-top: 30px;
  height: 17px;
  margin-left: 462px;
}

#mininavbar a {
  float: left;
  display: block;
  width: 21px;
  height: 16px;
  text-indent: -999em;
  margin: 1px 22px 0 0;
  font-size: 0;
}

#mininavbar a.last {
  margin-right: 0;
}

#langsearchbars {
  height: 72px;
}

#languagebar {
  float: left;
  margin-top: 45px;
  width: 250px;
  height: 18px;
}

#languagebar a {
  color: #eee;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
  line-height: 18px;
  display: block;
  width: 60px !important;
  width /**/: 90px;
  padding-left: 30px;
  float: left;
  margin-right: 15px;
}

#languagebar a:hover {
  color: #ffd097;
}

#searchbar {
  width: 168px !important;
  width /**/: 170px;
  height: 29px !important;
  padding: 0 1px 1px 0;
  float: left;
	background: #fff url(img/bg.search.jpg) left center no-repeat;
}

#searchbar form {
  margin: 0;
}

#searchbar input.text {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 110px;
  font-size: 1em;
	padding: 1px;
  margin: 7px 0 0 33px;
	border: none;
}

#topnavigation {
  width: 575px;
  height: 30px;
	float: left;
	padding: 0 0 1px 1px;
}

#topnavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#topnavigation ul li {
  float: left;
  width: 96px;
}

#topnavigation ul li.first {
  width: 95px;
}

#topnavigation ul li a.first {
  margin: 0;
}

#topnavigation ul li a {
  display: block;
  text-align: center;
  width: 95px;
  line-height: 30px;
  margin-left: 1px;
  background: url(img/navbutton.png) top left no-repeat;
  color: #fff;
  text-decoration: none;
}

#topnavigation ul li a:hover {
  color: #ffd097; /* #ffa500 */
  background: url(img/navbuttonover.png) top left no-repeat;
}

#topnavigation ul li a.selected {
  color: #ffd097;
  background: url(img/navbuttonover.png) top left no-repeat;
}

#hidelangbar {
	height: 0 !important;
}

#langbar {
	width: 50px;
	height: 70px;
	position: relative;
	left: 755px;
}

*:first-child+html #langbar {
	margin-top: -180px;
}

#langbar a {
	display: block;
	width: 35px;
	height: 21px;
	font-size: 0;
	text-indent: -9999px;
	margin-bottom: 4px;
}

#langbar a.bg {
	background: url(img/bg.flag.bg.png) center center no-repeat;
}

#langbar a.en {
	background: url(img/bg.flag.en.png) center center no-repeat;
}


* html #sysheader {
	overflow: hidden;
}

* html #langbar {
	top: -181px;
}

/** viva.leftnav.css -------------------------------------------------------- */

#leftnavigation {
  width: 169px;
  float: left;
  margin-right: 5px;
  overflow: hidden;
}

#leftnavigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #b8d4f5;
}

#leftnavigation ul li {
  padding: 0;
  margin: 0;
}

#leftnavigation ul li a {
  display: block;
  text-decoration: none;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 5px solid #155196;
  margin: 1px 0 !important;
  margin /**/: -1px 0;
}

#leftnavigation ul li a.first {
  margin-top: 0 !important;
}

#leftnavigation ul li a:hover {
  color: #ffa500;
  background: #155196;
  border-left: 5px solid #ffa500;
}

#leftnavigation ul li a.selected {
  color: #ffa500;
  background: #155196;
  border-left: 5px solid #ffa500;
}

#leftnavigation ul li a {
  width: 139px !important;
  width /**/: 169px;
  background: #1b66be;
  font-weight: bold;
  padding-left: 10px;
  color: #ffd688;
}

#leftnavigation ul li ul li a {
  padding-left: 20px;
  font-size: 8pt;
  font-weight: normal;
  width: 129px !important;
  width /**/: 169px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #fff;
  background: #1b66be url(img/leftnavbullet.png) 11px center no-repeat;
}

#leftnavigation ul li ul li a:hover,
#leftnavigation ul li ul li a.selected
{
  background: #155196 url(img/leftnavbullet.png) 11px center no-repeat;
}

.newproducts {
  
}

.newproducts img {
  margin: 10px;
}

.leftbanner {
  width: 150px;
  height: 80px;
  margin: 8px auto 0;
  padding: 2px;
  background: #eee;
}

.leftbanner a img {
  border: none;
}

.footerdescription {
  clear: both;
  color: #555;
  line-height: 10px;
  text-align: center;
  padding-top: 5px;
}

* html .footerdescription {
  padding-top: 0;
}

/** viva.content.css ----------------------------------------------------------- */

#content {
  width: 545px !important;
  width /**/: 565px; 
  margin: 5px;
  float: left;
  margin-left: 1px;
  overflow: hidden;
  background: #fff;
  padding: 10px;
}

#content h1 {
  font-size: 1.6em;
  margin: 20px 0 10px 0;
  color: #114160;
  background: url(img/bg.h1.jpg) left repeat-y;
  padding: 2px 0 3px 20px;
  font-weight: normal;
  clear: both;
	color: #fff;
}

#content .staticimg {
	margin: 0 20px 10px 0;
	padding: 1px;
	border: 1px solid #ccc;
}

#content h1.first {
  margin-top: 0 !important;
}

#content h2 {
  font-size: 1.3em;
  margin: 25px 0 15px 0;
  color: #253e5e;
  clear: both;
}

#content h3 {
  font-size: 1.2em;
  margin: 20px 0 15px 0;
  clear: both;
}

#content p img {
  border: 1px solid #b2c6e0;
  padding: 1px;
  margin: 0 10px 10px 0;
  float: left;
}

#content div.messagebox {
  background: url(img/attention.png) 5px center no-repeat;
  border: 1px solid #b0c4de;
  padding: 10px 20px 10px 150px;
  margin: 20px 0 20px;
  color: #444;
}

#content div.messagebox h2 {
  border-bottom: 1px solid #b0c4de;
  margin: 10px 0;
}

#content div.messagebox p {
  margin: 5px 0;
}

#content div.searchtext {
  background: #d0dcec;
  border: 1px solid #6791c7;
  padding: 5px 10px;
}



#content ul li {
  margin-left: 20px;
}

#content ul.sitemaplist {
  list-style: square;
}

#content ul.sitemaplist li {
  color: #444;
  margin: 2px 0;
}

#content ul.sitemaplist li a {
  text-decoration: none;
  padding: 1px 3px;
  color: #3d6294;
}

#content ul.sitemaplist li a:hover {
  background-color: #3d6294;
  color: #fff;  
}

#content div.address a {
  text-decoration: none;
  padding: 1px 3px;
  color: #3d6294;
}

#content div.address a:hover {
  background-color: #3d6294;
  color: #fff;  
}

#content p {
  text-align: justify;
  margin: 5px 0 10px;
}
/** viva.catalog.css ----------------------------------------------------------- */

#catalog {

}

#catalog div.statistic {
  color: #aaa;
  font-size: 0.8em;
  text-align: right;  
}

#catalog div.pagebar {
  color: #005596;
  font-weight: bold; 
  overflow: hidden;
  height: 18px;
  padding: 2px 5px;
  line-height: 18px;
}

#catalog div.pagebar div.path {
  float: left;
}

#catalog div.pagebar div.pages {
  float: right;
}

#catalog div.pagebar div.pages a {
  margin-left: 3px;
  padding: 1px 5px;
  text-decoration: none;
}

#catalog div.pagebar div.pages a.selected,
#catalog div.pagebar div.pages a:hover {
  background: #005596;
  color: #ffd688;
}

#catalog div.series {
  background: #fff  url(img/series.bg.jpg) repeat-y;
  margin: 10px 0;
  border: 1px solid #b0c4de;
  overflow: hidden;
  padding-bottom: 5px;
}

#catalog div.series div.serieshead {
  height: 102px;
  clear: both;
  padding: 5px 0 0 5px;
}

#catalog div.series div.serieshead a.image {
  text-decoration: none;
  color: #304b7a;
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  margin: 0 15px 0 0;
  border: 1px solid #b0c4de;
  background: #fff;
}

#catalog div.series div.serieshead a.image:hover {
  border: 1px solid #5d87bd;
}

#catalog div.series div.serieshead a {
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
}

#catalog div.series div.serieshead a img {
  border: none;
}

#catalog div.series div.serieshead div.seriesdescription{
  width: 416px;
  height: 87px;
  float: left;
}

#catalog div.series div.serieshead div.seriesdescription h2 {
  margin: 0 0 10px;
}

#catalog div.series div.serieshead div.seriesdescription h2 a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}

#catalog div.series div.nomodels {
  color: #444;
  text-align: center;
  background: #fff;
  margin: 5px 5px 0;
  border: 1px solid #b0c4de;
  padding: 5px;
}

#catalog div.series table {
  margin: 5px 5px 0 5px;
  background: #fff;
  width: 534px;
}

#catalog div.series table th.zoom {
  background: #ccc url(img/series.zoom.png) center no-repeat;
  width: 30px;
}

#catalog div.series table th {
  background: #ccc;
  color: #304b7a;
  font-size: 10px;
  height: 18px;
  padding: 0 5px;
}

#catalog div.series table tr {
  background: #d8e3f5;
  cursor: default;
}

#catalog div.series table tr td {
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  color: #304b7a;
  font-size: 10px;
}

#catalog div.series table tr.over,
#catalog div.series table tr:hover {
  background: #bcceed;
}

#catalog div.series table tr td a.zoom {
  background: transparent url(img/series.zoom.png) center no-repeat;
  width: 30px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

div.seriesmodels table tr td a.model {
  text-decoration: none;
  padding: 1px 18px 1px 3px;
  color: #3d6294;
  background: url(img/icon.go.png) right center no-repeat;
}

div.seriesmodels table tr td a.model:hover {
  background-color: #155196;
  color: #fff;  
}

/** viva.series.css ----------------------------------------------------------- */

div.seriesphoto {
  font-size: 0.9em;
  margin-bottom: 10px;
  overflow: hidden;
  height: 305px;
}

div.vivalux {
	background: url(img/bg.vivalux.png) bottom right no-repeat;
}

div.seriesphoto img.photo {
  border: 1px solid #ccc;
  padding: 1px;
  float: left;
  margin-right: 20px;
}
/*
div.seriesphoto div.icons img {
  margin-right: 4px;
  margin-bottom: 4px;
	overflow: hidden;
}
*/
div.seriesphoto div.description {
  font-size: 1em;
  font-weight: bold;
  margin: 40px 8px 0 8px;
  text-align: left;
}

div.seriesphoto div.note {
  margin-top: 5px;
  color: #888;
  font-size: 0.9em;
}

div.seriesphoto div a {
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
}

/* -------------------------------------------------------------------------- */

div.nomodels {
  color: #444;
  text-align: center;
  background: #fff;
  border: 1px solid #b0c4de;
  padding: 5px;
}

div.seriesmodels {
  clear: both;
}

div.seriesmodels table {
  background: #fff;
  width: 543px;
  border: 1px solid #b0c4de;
}

div.seriesmodels table th.zoom {
  background: #ccc url(img/series.zoom.png) center no-repeat;
  width: 30px;
}

div.seriesmodels table th {
  background: #ccc;
  color: #304b7a;
  font-size: 10px;
  height: 18px;
  padding: 0 5px;
}

div.seriesmodels table tr {
  background: #d8e3f5;
  cursor: default;
}

div.seriesmodels table tr td {
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  color: #304b7a;
  font-size: 10px;
}

div.seriesmodels table tr.over,
div.seriesmodels table tr:hover {
  background: #bcceed;
}

div.seriesmodels table tr td a.zoom {
  background: transparent url(img/series.zoom.png) center no-repeat;
  width: 30px;
  display: block;
  text-decoration: none;
}

div.diagram {
  text-align: center;
}

div.diagram img {
  border: 1px solid #ccc;
  padding: 1px;
}

div.downloads a {
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 1px;
  font-size: 0.9em;
}

div.similar {
  text-align: center;
}

div.similar a {
  border: 1px solid #b0c4de;
  padding: 1px;
  width: 100px;
  height: 100px;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}

div.similar a:hover {
  border: 1px solid #5d87bd;
}

div.similar a img {
  border: none;
}

.categorylink {
	margin: 20px 0 0 !important;
	padding: 0;
	clear: both;
}

.categorylink a {
	background: url(img/leftnavbullet.png) 7px center no-repeat;
	padding: 1px 3px 1px 16px;
	text-decoration: none;
  color: #155196;
	font-size: 1.1em;
	font-weight: bold;
}

.categorylink a:hover {
	background: #155196 url(img/leftnavbullet.png) 7px center no-repeat;
  color: #fff;  
}

.categorylink span {
	color: #444;
	margin-left: 5px;
}

.modelsthumbnailstitle {
  margin: 10px 0 0 0;
  overflow: hidden;
  padding: 0 1px;
}

.modelsthumbnailstitle a {
  border: 1px solid #b0c4de !important;
  background: #fff;
  display: block;
  width: 100px;
  height: 140px;
  float: left; 
  margin: 3px;
  text-decoration: none;
  text-align: center;
	font-size: 0.8em;
}

.modelsthumbnailstitle a:hover {
  border: 1px solid #5d87bd !important; 
}

.modelsthumbnailstitle a img {
  border: none;
}

.modelsthumbnailstitlehint {
	padding: 0 0 0 16px;
	font-size: 0.8em;
	color: #888;
}

/* ------------------------------------------------------------------------------------- */

div.seriesmodel {
  clear: both;
}

div.seriesmodel table {
  background: #fff;
  width: 543px;
  border: 1px solid #b0c4de;
}

div.seriesmodel table th.zoom {
  background: #ccc url(img/series.zoom.png) center no-repeat;
  width: 30px;
}

div.seriesmodel table th {
  background: #ccc;
  color: #304b7a;
  font-size: 10px;
  height: 18px;
  padding: 0 5px;
}

div.seriesmodel table tr {
  background: #d8e3f5;
  cursor: default;
}

div.seriesmodel table tr td {
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  color: #304b7a;
  font-size: 10px;
}

#content ul.newslist {
  list-style: square;
}

#content ul.newslist li {
  color: #444;
  margin: 2px 0;
}

#content ul.newslist li a {
  text-decoration: none;
  padding: 1px 3px;
  color: #155196;
}

#content ul.newslist li a:hover {
  background-color: #155196;
  color: #fff;  
}



#primarynews {
	width: 204px;
	float: left;
	margin-right: 21px;
}

#primarynews a.image {
	width: 200px;
	height: 150px;
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
}

#primarynews a.image:hover {
	border: 1px solid #a0b8d8;
}

#primarynews a img {
	border: none;
	width: 200px;
	height: 150px;
}

#primarynews div.contents {
	/*
	border-top: 1px solid #cddaeb;
	border-bottom: 1px solid #cddaeb;
	*/
	border-top: 1px solid #005596;
	border-bottom: 1px solid #005596;
	background: url(apanel/img/bg.file.png);
	margin: 10px 0 20px 0;
	padding: 5px 0;
	font-size: 0.9em;
	width: 204px;
	height: 210px;
	text-align: justify;
}

#primarynews div.contents a {
  padding: 1px 3px;
  color: #155196;
	text-decoration: none;
}

#primarynews div.contents a.title {
	width: 198px;
	display: block;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
}

#primarynews div.contents a.title:hover {
  background-color: #155196;
  color: #fff;  
}

#primarynews div.contents span {
	color: #005596;
	margin-right: 5px;
}

#secondarynews {
	float: left;
	width: 320px;
	height: 400px;
}

#secondarynews div.newsitem {
	height: 110px;
	border-bottom: 1px solid #005596;
	margin-bottom: 10px;
	font-size: 0.9em;
	text-align: justify;
}

#secondarynews div.newsitem a.image {
	width: 100px;
	height: 75px;
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
	float: right;
	margin-left: 5px;
}

#secondarynews div.newsitem a.image:hover {
	background: #fff;
	border: 1px solid #a0b8d8;
}

#secondarynews a img {
	border: none;
}

#secondarynews a {
  padding: 1px 3px;
  color: #155196;
	text-decoration: none;
}

#secondarynews a.title {
	font-size: 1.1em;
	width: 200px;
	display: block;
	margin-bottom: 8px;
}

#secondarynews a.title:hover {
  background-color: #155196;
  color: #fff;  
}

#secondarynews span {
	color: #005596;
	margin-right: 5px;
}

#secondarynews div.allnews {
	float: left;
	line-height: 20px;
	font-weight: bold;
}

#secondarynews div.rss {
	float: right;
	line-height: 20px;
	font-weight: bold;
}

#secondarynews div.rss a {
	background: url(img/icon.rss.png) left center no-repeat;
	padding-left: 20px;
	display: block;	
}

#secondarynews div.rss a:hover {
  color: #155196;
	background: #fff url(img/icon.rss.png) left center no-repeat;
}

#newsdetails {
	text-align: justify;
}

#newsdetails a.image {
	width: 200px;
	height: 150px;
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
	float: left;
	margin: 0 20px 10px 0;
}

#newsdetails a.image:hover {
	border: 1px solid #a0b8d8;
}

#newsdetails a.image img {
	border: none;
	width: 200px;
	height: 150px;
	margin: 0;
}

#newsdetails span {
	color: #005596;
	margin-right: 5px;	
}

#newsdetails p {
	line-height: 1.5em;
}

#newsdetails p a {
  color: #155196;
	text-decoration: none;
  padding: 1px 3px;
	margin: 0 0 10px 0;
}

#newsdetails p a:hover {
  background-color: #155196;
  color: #fff;  
}

#newsdetails a.lightview img {
	border: none;
}

#newsdetails div.pictures {
	overflow: hidden;
	clear: both;
}

#newsdetails div.pictures a {
	width: 100px;
	height: 75px;
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
	float: left;
	margin: 0 5px 5px 0;
}

#newsdetails div.pictures a:hover {
	border: 1px solid #a0b8d8;
}


#newsdetails div.file {
	line-height: 2.2em;
}

#newsdetails div.audio {
	line-height: 2.2em;
	background: url(img/icon.audio.png) left center no-repeat;
	padding-left: 30px;
}

#newsdetails div.video {
	line-height: 2.2em;
	background: url(img/icon.video.png) left center no-repeat;
	padding-left: 30px;
}

#newsdetails div.audiodisabled {
	line-height: 2.2em;
	background: url(img/icon.audio.disabled.png) left center no-repeat;
	padding-left: 30px;
	color: #888;
}

#newsdetails div.videodisabled {
	line-height: 2.2em;
	background: url(img/icon.video.disabled.png) left center no-repeat;
	padding-left: 30px;
	color: #888;
}

#newsdetails div.file span,
#newsdetails div.audio span,
#newsdetails div.video span {
	margin: 0 0 0 5px;
}

#newsdetails div.file a,
#newsdetails div.audio a,
#newsdetails div.video a {
  color: #155196;
	text-decoration: none;
  padding: 1px 3px;
	margin: 0 0 10px 0;
}

#newsdetails div.file a:hover,
#newsdetails div.audio a:hover,
#newsdetails div.video a:hover {
  background-color: #155196;
  color: #fff;  
}




div.newsblock {
	margin: 10px 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	text-align: justify;
}

div.newsblock a.image {
	width: 160px;
	height: 120px;
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 10px 0;
}

div.newsblock a.image:hover {
	border: 1px solid #a0b8d8;
}

div.newsblock a.image img {
	border: none;
	width: 160px;
	height: 120px;
	margin: 0;
	overflow: hidden;
}

div.newsblock div {
	overflow: hidden;
	line-height: 1.5em;
}

div.newsblock div a {
  padding: 1px 3px;
  color: #155196;
	text-decoration: none;
}

div.newsblock div a:hover {
  background-color: #155196;
  color: #fff;  
}

div.newsblock h2 {
	font-size: 1.4em !important;
	margin: 0 0 7px 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
}

div.newsblock a.title {
  color: #155196;
	text-decoration: none;
  padding: 1px 3px;
	margin: 0 0 10px 0;
}

div.newsblock a.title:hover {
  background-color: #155196;
  color: #fff;  
}

div.newsblock span {
	color: #ffa500;
	margin-right: 10px;
}

a.allnews {
  color: #155196;
	text-decoration: none;
  padding: 1px 3px;
	margin: 0 0 10px 0;
}

a.allnews:hover {
  background-color: #155196;
  color: #fff;  
}

div.seriesphoto div.icons {
	overflow: hidden;
	width: 220px;
}

div.seriesphoto div.icons div {
  margin-right: 4px;
  margin-bottom: 4px;
	font-size: 0;
	float: left;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
	cursor: help;
}

.icon1 {
  background: url(img/icons.png) -0px 0 no-repeat;
}

.icon2 {
  background: url(img/icons.png) -32px 0 no-repeat;
}

.icon3 {
  background: url(img/icons.png) -64px 0 no-repeat;
}

.icon4 {
  background: url(img/icons.png) -96px 0 no-repeat;
}

.icon5 {
  background: url(img/icons.png) -128px 0 no-repeat;
}

.icon6 {
  background: url(img/icons.png) -160px 0 no-repeat;
}

.icon7 {
  background: url(img/icons.png) -192px 0 no-repeat;
}

.icon8 {
  background: url(img/icons.png) -224px 0 no-repeat;
}

.icon9 {
  background: url(img/icons.png) -256px 0 no-repeat;
}

.icon10 {
  background: url(img/icons.png) -288px 0 no-repeat;
}

.icon11 {
  background: url(img/icons.png) -320px 0 no-repeat;
}

.icon12 {
  background: url(img/icons.png) -352px 0 no-repeat;
}

.icon13 {
  background: url(img/icons.png) -384px 0 no-repeat;
}

.icon14 {
  background: url(img/icons.png) -416px 0 no-repeat;
}

.icon15 {
  background: url(img/icons.png) -448px 0 no-repeat;
}

.icon16 {
  background: url(img/icons.png) -480px 0 no-repeat;
}

.icon17 {
  background: url(img/icons.png) -512px 0 no-repeat;
}

.icon18 {
  background: url(img/icons.png) -544px 0 no-repeat;
}

.icon19 {
  background: url(img/icons.png) -576px 0 no-repeat;
}

.icon20 {
  background: url(img/icons.png) -608px 0 no-repeat;
}

.icon21 {
  background: url(img/icons.png) -640px 0 no-repeat;
}

.icon22 {
  background: url(img/icons.png) -672px 0 no-repeat;
}

.icon23 {
  background: url(img/icons.png) -704px 0 no-repeat;
}

.icon24 {
  background: url(img/icons.png) -736px 0 no-repeat;
}

.icon25 {
  background: url(img/icons.png) -768px 0 no-repeat;
}

.icon26 {
  background: url(img/icons.png) -800px 0 no-repeat;
}

.icon27 {
  background: url(img/icons.png) -832px 0 no-repeat;
}

.icon28 {
  background: url(img/icons.png) -864px 0 no-repeat;
}

.icon29 {
  background: url(img/icons.png) -896px 0 no-repeat;
}

.icon30 {
  background: url(img/icons.png) -928px 0 no-repeat;
}

.icon31 {
  background: url(img/icons.png) -960px 0 no-repeat;
}

.icon32 {
  background: url(img/icons.png) -992px 0 no-repeat;
}

.icon33 {
  background: url(img/icons.png) -1024px 0 no-repeat;
}

.icon34 {
  background: url(img/icons.png) -1056px 0 no-repeat;
}
/*
.icon35 {
  background: url(img/icons.png) -1088px 0 no-repeat;
}

.icon36 {
  background: url(img/icons.png) -1120px 0 no-repeat;
}

.icon37 {
  background: url(img/icons.png) -1152px 0 no-repeat;
}

.icon38 {
  background: url(img/icons.png) -1184px 0 no-repeat;
}

.icon39 {
  background: url(img/icons.png) -1216px 0 no-repeat;
}

.icon40 {
  background: url(img/icons.png) -1248px 0 no-repeat;
}

.icon41 {
  background: url(img/icons.png) -1280px 0 no-repeat;
}

.icon42 {
  background: url(img/icons.png) -1312px 0 no-repeat;
}

.icon43 {
  background: url(img/icons.png) -1344px 0 no-repeat;
}

.icon44 {
  background: url(img/icons.png) -1376px 0 no-repeat;
}

.icon45 {
  background: url(img/icons.png) -1408px 0 no-repeat;
}

.icon46 {
  background: url(img/icons.png) -1440px 0 no-repeat;
}

.icon47 {
  background: url(img/icons.png) -1472px 0 no-repeat;
}

.icon48 {
  background: url(img/icons.png) -1504px 0 no-repeat;
}

.icon49 {
  background: url(img/icons.png) -1536px 0 no-repeat;
}

.icon50 {
  background: url(img/icons.png) -1568px 0 no-repeat;
}

.icon51 {
  background: url(img/icons.png) -1600px 0 no-repeat;
}

.icon52 {
  background: url(img/icons.png) -1632px 0 no-repeat;
}

.icon53 {
  background: url(img/icons.png) -1664px 0 no-repeat;
}

.icon54 {
  background: url(img/icons.png) -1696px 0 no-repeat;
}

.icon55 {
  background: url(img/icons.png) -1728px 0 no-repeat;
}

.icon56 {
  background: url(img/icons.png) -1760px 0 no-repeat;
}

.icon57 {
  background: url(img/icons.png) -1792px 0 no-repeat;
}

.icon58 {
  background: url(img/icons.png) -1824px 0 no-repeat;
}

.icon59 {
  background: url(img/icons.png) -1856px 0 no-repeat;
}

.icon60 {
  background: url(img/icons.png) -1888px 0 no-repeat;
}

.icon61 {
  background: url(img/icons.png) -1920px 0 no-repeat;
}

.icon62 {
  background: url(img/icons.png) -1952px 0 no-repeat;
}

.icon63 {
  background: url(img/icons.png) -1984px 0 no-repeat;
}

.icon64 {
  background: url(img/icons.png) -2016px 0 no-repeat;
}
*/


.downloadblock {
	background: url(img/series.bg.jpg) repeat-y;
	border:1px solid #b0c4de;
	padding-left: 10px;
}

.file {
	background: url(img/icon.default.png) left center no-repeat;
	margin: 20px 0 20px 10px;
	padding: 5px 0 5px 60px;
	line-height: 20px;
}

.file div.description {
	color: #c50222;
}

.file div.description span {
	color: #555;
	margin: 0 5px 0 3px;
}

.file a {
  text-decoration: none;
  padding: 1px 3px;
  color: #155196;
}

.file a:hover {
  background-color: #155196;
  color: #fff;  
}

.ext-pdf {
	background-image: url(img/icon.pdf.png) !important;
}

.ext-doc,
.ext-docx {
 background-image: url(img/icon.doc.png) !important;
}

.ext-xls {
	background-image: url(img/icon.xls.png) !important;
}

.ext-ppt {
	background-image: url(img/icon.ppt.png) !important;
}

.ext-ai,
.ext-cdr {
	background-image: url(img/icon.ai.png) !important;
}

.ext-psd,
.ext-jpg,
.ext-jpeg,
.ext-png,
.ext-gif,
.ext-bmp {
	background-image: url(img/icon.psd.png) !important;
}

.ext-zip,
.ext-rar,
.ext-cab,
.ext-7z {
	background-image: url(img/icon.rar.png) !important;
}

/* -------------------------------------------------------------------------- */

#modelsthumbnails {
  margin: 10px 0 0 0;
  overflow: hidden;
  padding: 0 2px;
}

#modelsthumbnails a {
  border: 1px solid #b0c4de !important;
  background: #fff;
  display: block;
  width: 100px;
  height: 100px;
  float: left; 
  margin: 3px;
  text-decoration: none;
}

#modelsthumbnails a:hover {
  border: 1px solid #5d87bd !important; 
}

#modelsthumbnails a img {
  border: none;
}

#modelsthumbnails a span.description {
	display: none;
}

#modelsthumbnails a span.title {
	display: none;
}


#modelsthumbnailstitle a {
  border: 1px solid #b0c4de !important;
  background: #fff;
  display: block;
  width: 100px;
  height: 150px;
  float: left; 
  margin: 3px;
  text-decoration: none;
  text-align: center;
}

#modelsthumbnailstitle a:hover {
  border: 1px solid #5d87bd !important; 
}

#modelsthumbnailstitle a img {
  border: none;
}


#modelsthumbnailstitle {
  margin: 10px 0 0 0;
  overflow: hidden;
  padding: 0 1px;
}

#modelsthumbnails div.prev,
#modelsthumbnails div.next {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	font-size: 0;
	text-indent: -9999px;
	margin-top: 45px;
	cursor: pointer;
}

#modelsthumbnails div.prev {
	background: url(img/button.prev.png) no-repeat;
	margin-right: 20px;
	margin-left: 19px;
}

#modelsthumbnails div.next {
	background: url(img/button.next.png) no-repeat;
	margin-left: 20px;
	margin-right: 19px;
}

* html #modelsthumbnails a {
	margin-left: 2px;
}

* html #carousel {
	width: 539px;
}

* html #modelsthumbnails div.prev {
	margin-left: 13px;
}

#carousel {
	position: relative;
	float: left;
	width: 542px;
	height: 108px;
	overflow: hidden;
}

#carouselscroll {
	position: absolute;
	width: 99999px;
	height: 108px;
}

#newitemhelp {
	text-align: center;
	padding: 10px 20px 0 20px;
	clear: both;
	height: 65px;
	color: #555;
}


#newitemhelp strong {
	color: #155197;
	line-height: 2.0em;
}

#calculator {
  border: 1px solid #ccc;
  background: url(img/calculator.png);
  padding: 10px 10px;
}

#calculator div.row {
  margin: 5px 0;
  height: 30px;
  line-height: 30px;
}

#calculator label,
#calculator span.label {
  float: left;
  width: 270px;
  text-align: right;
  margin-right: 10px;
}

#calculator select {
  width: 100px;
  font-size: 1em;
  padding: 2px;
}

#calculator span.value {
  font-weight: bold;
  font-size: 1.1em;
}

#modelsrawphotos {
  color: #444;
}

#modelsrawphotos a {
  text-decoration: none;
  padding: 1px 3px;
  color: #3d6294;
}

#modelsrawphotos a:hover {
  background-color: #3d6294;
  color: #fff;  
}

#modelsrawphotos span {
  margin-left: 10px;
  color: #aaa;
}