/* Cetera Labs corporate web site CSS */
/*
***********************************************************************************************************
Common definitions
***********************************************************************************************************
*/
body {
	margin:0;
	padding:0;
	background-color:#fff; 
	color:#384654;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size:75%;
}
p {
	padding:0 10px;
	margin:10px 0;
	line-height:135%;
}
a {
	color:#384654;
	text-decoration:underline;
}
a:hover, a:active { 
	color:#CD2114; 
	text-decoration:underline;
}
ul {
	padding:0;
	margin:0 8px;
	list-style:none;
}
ul li {
	padding:0;
	margin:10px 0;
	padding-left:20px;
	line-height:120%;
	background:url('../images/bullet-std.gif') 0 1px no-repeat;
}

li ul {
	padding:0;
	margin:.5em 0 .5em 1.5em;
	list-style:disc;
}
li ul li {
	padding:0;
	margin:10px 0;
	line-height:120%;
	background:none;
}


/*
***********************************************************************************************************
Buttons
***********************************************************************************************************
*/
a.more {
	float:right;
	padding:0;
	margin:0;
	font-size:10px;
	text-decoration:none;
	background:url('../images/button-left.gif') top left no-repeat;
}
.more span {
	float:left;
	padding:3px 22px 3px 7px;
	margin:0;
	background:url('../images/button-right.gif') top right no-repeat;
	cursor:hand;
}
html>body .more span { cursor:pointer }
/*
***********************************************************************************************************
Columns and Layout
***********************************************************************************************************
*/
#header {
	padding:0;
	background:url('../images/bg-menu.gif') repeat-x left top;
	border-bottom:3px solid #CD2114;
}
#content {
	clear:both;
	padding:10px;
	margin:0;
	background:#FFF url('../images/bg-page.gif') top left repeat-x;
	min-height:400px;
}
.col-left p table {
	border-collapse: collapse;
	margin-top: 5px;
	width: 100%;
}
.col-left table th, td {
	font-size: 12px;
	border: 1px solid #B3B39F;
	padding: 5px;
}

.col-left p img {
	border: 1px solid #AAA;
	padding: 10px;
}


.col-left div img {
	border: 1px solid #AAA;
	padding: 10px;
}


/** For SEO **/
#content strong, #content em, #content i, #content b {
	font-weight: normal;
}

#contacts {
	clear:both;
	margin:0;
	padding:0px;
	background:none;
	width:740px;
}
#footer {
	clear:both;
	margin:0;
	padding:10px;
	border-top:0px solid #CD2114;
	background:url('../images/bg-line.gif') top center repeat-x;
	width:750px;
}
.container {
	width:740px;
	clear:both;
}
.col-left {
	float:left;
	padding:0;
	margin:0;
	width:500px;
}
#home .col-left { width:395px; }
#contacts .col-left { width: 740px; }

.col-right {
	float:left;
	margin:0;
	padding:0;
	width:235px;
}
#home .col-right {
	padding-left:5px;
	width:335px;
	background:transparent;
}
#contacts .col-right {
	display: none;
}

/*.col-right.top-margin {
margin-top:-12px;
}*/
.subcol-left {
	float:left;
	width:194px;
	margin-right:7px;
}
.subcol-right {
	float:left;
	width:194px;
}
.subcol-right h2, .subcol-right h3 {
	color: #000;
}
#contacts .subcol-right {
	width: 760px;
}
#search {
	position:absolute;
	top:12px;
	margin-left:-2px;
	display:none;
}

/*
***********************************************************************************************************
Logotype
***********************************************************************************************************
*/
h1#logo{
	position:absolute;
	left:0;
	top:23px;
	padding:0;
	margin:6px 0 0 0;
	width:125px;
	height:75px;
	background:#F5F4F3 url('../images/tab-big-left.gif') no-repeat 0% 0px;
}
:first-child+html h1#logo {top:22px;}
html>body h1#logo { height:76px }
h1#logo span.bg {
	position:relative;
	display:block;
	padding:26px 10px 26px 10px;
	margin:0;
	background:url('../images/tab-big-right.gif') no-repeat 101% 0px;
}
#home h1#logo { background-position:0% -100px; }
#home h1#logo span.bg { background-position:101% -100px; }
h1#logo a {
	position:relative;
	display:block;
	width:100px;
	height:19px;
	overflow:hidden;
}
h1#logo span.sign {
	display:block;
	position:absolute;
	top:0; left:0;
	width:100px;
	height:19px;
	background:url('../images/logo.gif') top left no-repeat;
	z-index:1;
	cursor:pointer;
}
#home h1#logo span.sign { cursor:default }
/*
***********************************************************************************************************
Promo module
***********************************************************************************************************
*/
#promo {
	
	width: 340px;
/*	height: 180px;*/
	padding-left: 400px;
	background:url('../images/illustration1.gif') top left no-repeat;
}
html>body #promo { width:340px }

/*
***********************************************************************************************************
Headers
***********************************************************************************************************
*/
h1 {
	padding:7px 10px 8px;
	margin:0 0 10px 0;
	font-size:200%;
	font-weight:normal;
	background:url('../images/bg-line.gif') bottom left repeat-x;
	/*width:735px;*/
	color: #000;
}
html>body h1 {
	/*width:715px;*/
}
#promo h1 { font-size:19px; text-transform:lowercase; padding:0 10px; background:none; width:auto; }
h2 {
	padding:0 10px;
	margin:1.2em 0 .6em;
	font-size:140%;
	color: #000;
	text-transform:none;
	background:transparent;
}
h3 {
	padding:0 10px;
	margin:1.2em 0 .6em;
	font-size:120%;
	color: #000;
	text-transform:none;
	background:transparent;
}
h4 {
	padding:0 10px;
	margin:1.2em 0 .6em;
	font-weight:bold;
	font-size:100%;
	text-transform:uppercase;
	color: #000;
}
h2.block, .block h3 { font-size:15px; text-transform:lowercase; }
h1,h3 { color: #000; }
h2.block, div.col-right h2 {
	display:block;
	padding:0 10px 5px;
	margin:7px 0;
	font-weight:bold;
	text-transform:lowercase;
	color:#CD2114;
	background:url(../images/bg-line.gif) left bottom repeat-x;
}
h2.products, h2.services, h2.solutions {
	padding:0;
	margin:5px 0;
	background:url(../images/left-bottom-corner.gif) bottom left no-repeat;
}
h2.products, h2.solutions { background-color:#8A9CB0 }
h2.services { background-color:#92AE91 }

h2.products span, h2.services span, h2.solutions span {
	display:block;
	position:relative;
	padding:2px 10px 5px 10px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	text-transform:lowercase;
	color:#FFF;
	background:url(../images/right-top-corner.gif) top right no-repeat;
}
h2 a, h2 a:hover, h2 a:active, h2 a:visited {
	color:#FFF;
	text-decoration:none;
}

h2.products .more, h2.services .more, h2.solutions .more {
	display:block;
	position:absolute;
	left:170px;
	/ left:160px;
	top:3px;
	padding:0;
	margin:0;
	width:21px;
	height:21px;
	border:0px solid;
	cursor:hand;
}
html>body h2.products .more, html>body h2.services .more, html>body h2.solutions .more { cursor:pointer }

h2.services .more {
	left:370px;
	/ left:360px;
}

.products .more, .solutions .more { background:url(../images/more-arrow-blue.gif) top left no-repeat }
.services .more { background:url(../images/more-arrow-green.gif) top left no-repeat }

/*
Contacts block
*/
#contacts { font-size:90%; }
#contacts p {
	padding:0;
	margin:5px 10px;
	line-height:180%;
}
#contacts li { background-position: 0 -1px;}
#contacts h2 { 
	font-size:100%;
}
#contacts h3 { 
	font-size:11px;
	padding:0px 10px;
	margin:10px 0 5px 0;
}

/*
Breadcrumbs navigation
*/
.breadcrumbs {
	padding:0 0 10px 10px;
	/*width:735px;*/
}

p.breadcrumbs {
	line-height: 150%;
}

.breadcrumbs .current {
	padding:0 5px;
	font-weight:normal;
	color:#CD2114;
	color:#FFF;
	background-color:#92AE91;
}

/*
***********************************************************************************************************
Meta-navigation
***********************************************************************************************************
*/
#meta{
	background:#384654;
	height:23px;
}
#meta ul {
	margin:0;
	padding:3px 10px 3px 10px;
	list-style:none;
	width:760px;
}
#meta li {
	display:block;
	float:left;
	margin:0;
	padding:0 8px 0 11px;
	background:url('../images/list-arrow-simple.gif') 0 4px no-repeat;
}
#meta a {
	color:#E6E6DF;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
#meta a:hover { color:#FFF; }
  
/*
***********************************************************************************************************
Main navigation
***********************************************************************************************************
*/
#top-navigation {
	padding:0;
	margin:0;
	padding-top:6px;
	margin-left:125px;
}
#mmenu {
	height:25px;
	margin-left:1px;
}
#mmenu ul {
	display:block;
	padding:0;
	margin:0;
	margin-bottom:1px;
	list-style:none;
	/* width:550px; */
}
#mmenu li {
	display:inline;
	margin:0;
	padding:0;
}
#mmenu a {
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	background:url('../images/tab-left.gif') left top no-repeat;
}
#mmenu a span {
	display:block;
	float:left;
	padding:6px 16px 3px 8px;
	margin:0;
	background:url('../images/tab-right.gif') right top no-repeat;
}
html>body #mmenu a span { padding-bottom:4px }
#mmenu a:hover { background-position:0 -25px }
#mmenu a:hover span {
	background-position:100% -25px;
	color:#384654;
}
#mmenu a:active {
	color:#CD2114;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mmenu a span { float:none; }
/* End IE5-Mac hack */

#about .menu-about a, #about .menu-about a:hover,
#solutions .menu-solutions a, #solutions .menu-solutions a:hover,
#products .menu-products a, #products .menu-products a:hover,
#services .menu-services a, #services .menu-services a:hover,
#clients .menu-clients a, #clients .menu-clients a:hover,
#portfolio .menu-portfolio a, #portfolio .menu-portfolio a:hover {
	background-position:0 -25px;
}

#about .menu-about a span, #about .menu-about a:hover span,
#solutions .menu-solutions a span, #solutions .menu-solutions a:hover span,
#products .menu-products a span, #products .menu-products a:hover span,
#services .menu-services a span, #services .menu-services a:hover span,
#clients .menu-clients a span, #clients .menu-clients a:hover span ,
#portfolio .menu-portfolio a span, #portfolio .menu-portfolio a:hover span 

{
	background-position:100% -25px;
	color:#CD2114; 
}

#home .menu-home a, #home .menu-home a:hover,
#about .menu-about a, #about .menu-about a:hover,
#solutions .menu-solutions a, #solutions .menu-solutions a:hover,
#products .menu-products a, #products .menu-products a:hover,
#services .menu-services a, #services .menu-services a:hover,
#clients .menu-clients a, #clients .menu-clients a:hover,
#portfolio .menu-portfolio a, #portfolio .menu-portfolio a:hover {
	color:#CD2114; 
	text-decoration:none;
	cursor:default;
}

#second {
	position:relative;
	background:#F5F4F3 url('../images/second-starter.gif') 0 3px no-repeat;
	height:50px;
}
#second ul {
	display:block;
	margin:0;
	padding:0 10px;
	list-style:none;
	/* width:550px; */
	height:46px;
}
#second li {
	float:left;
	padding:0;
	margin:0;
	background:none;
}
#second a, .second strong {
	display:block;
	padding:0 0 0 10px;
	margin:5px 15px 3px 0;
	font-size:12px;
	white-space:nowrap;
	background:url(../images/bullet-menu.gif) 0px 5px no-repeat;
}
#second li.current a {
	font-weight:bold;
	text-decoration:none;
	cursor:default;
	color:#CD2114;
}
#second .all a {
	margin:3px 0;
	padding:1px 4px;
	text-decoration:none;
	font-size:10px;
	border:1px solid #E6E6DF;
	background:none;
}
#second .all a:hover {
	border-color:#D0D0CF;
	background:#FFF;
}

/*
***********************************************************************************************************
News
***********************************************************************************************************
*/
.news { }
.news .title {
	font-size:10px;
	font-weight:normal;
}
.news .date {
	font-weight:bold;
	color:#8A9CB0;
}

/*
***********************************************************************************************************
Forms
***********************************************************************************************************
*/
form, img, fieldset {
	padding:0;
	margin:0;
	border:0px solid;
}
#search fieldset {
	width:190px;
	height:28px;
}
#search input{
	float:left;
	padding:3px 2px;
	margin:4px 2px;
	border:1px solid #B3B39F;
	background:#E6E6DF;
	font-size:11px;
	/font-size:13px;
}
html>body #search input {
	font-size:11px;
	width:115px;
}
#search input.button{
	float:left;
	padding:0;
	margin:4px 0 0 5px;
	border:0px solid;
	width:auto;
}


/*
***********************************************************************************************************
Forms
***********************************************************************************************************
*/

#content form fieldset, #demo fieldset, #resume fieldset, #doc fieldset {
	padding:0;
	margin:0;
	margin-bottom:30px;
}
#content form label,  #demo label, #resume label, #doc label {
	display:block;
	position:relative;
	padding:0;
	margin:0 0 -10px 0;
}
#content form label.checkbox, #demo label.checkbox, #resume label.checkbox, #doc label.checkbox {
	display:block;
	width: 300px;
	padding:0;
	margin:0 0 10px 140px;
}
#content form label.checkbox input, #demo label.checkbox input, #resume label.checkbox input, #doc label.checkbox input {
	margin: 0 5px 0 0;
	border: 0px;
}
#content form input.checkbox, #demo input.checkbox, #doc input.checkbox {
	width: 20px;
	margin: 0 0 0 140px;
	padding: 0;
	top: 0;
}
#content form span, #demo span, #resume span, #doc span {
	padding:0;
	margin:0 0 0 10px;
	/*display:block;*/
	width:400px;
	
	float:left;
	display: inline;
	width:120px;
}

#content form input, #content form textarea, #content form select, #demo input, #demo textarea, #demo select, #resume input, #resume textarea, #resume select, #doc input, #doc textarea, #doc select  {
	position:relative;
	top:-19px;
	padding:1px;
	margin:0;
	margin-left:140px;
	width:360px;
	border:1px solid #B3B39F;
	background:#FFF;
}
#content form input:focus, #content form textarea:focus, #content form select:focus, #demo input:focus, #demo textarea:focus, #resume input:focus, #resume textarea:focus, #doc input:focus, #doc textarea:focus {
	border-color:#8A9CB0;
}

#content form input.button, #demo input.button, #resume input.button, #doc input.button {
	position:absolute;
	right:0px;
	border:0px solid;
	width:78px;
	height:21px;
	top: 0px;
}

#content form textarea, #resume textarea, #doc textarea {
	height: 300px;
}

#content form textarea, #demo textarea, #doc textarea {
	height: 200px;
}

form#bottom textarea {
	height: 80px;
	margin-bottom: 20px;
	display: block;
	position: static;

}
form#bottom textarea#id_contact {
	height: 80px;
	margin-bottom: 20px;
	display: block;
	position: static;
	margin-left:1px;
	padding-left:10px;
}
#spancontact {
 width:130px !important;
}

form#bottom input.button {
	position:relative;
	margin: -10px 0 0 140px;
}

form#bottom input.file {
	position: relative;
	margin: 20px 0 20px 10px;
}

form#bottom input#id_capt {
	margin:20px 0 20px 10px; 
	width:180px; 
	position:relative;

}

/*
***********************************************************************************************************
Feedback form
***********************************************************************************************************
*/
#feedback fieldset {
	padding:0;
	margin:0;
	margin-bottom:20px;
}
#feedback label {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	margin-bottom:-10px;
}
#feedback span {
	padding:0;
	margin:0 0 0 10px;
	display:block;
	width:120px;
}
#feedback input, #feedback textarea {
	position:relative;
	top:-19px;
	padding:1px;
	margin:0;
	margin-left:140px;
	width:190px;
	border:1px solid #B3B39F;
	background:#FFF;
}
#feedback input:focus, #feedback textarea:focus {
	border-color:#8A9CB0;
}
#feedback textarea { top:-35px }
#feedback input.button{
	position:absolute;
	right:0px;
	border:0px solid;
	width:78px;
	height:21px;
}

/*
***********************************************************************************************************
Banners
***********************************************************************************************************
*/
a.banner {
	display:block;
	margin:0 0 10px 10px;
	background:url(../images/left-bottom-corner.gif) bottom left no-repeat;
	text-decoration:none;
}
p a.banner {
	margin:0;
	padding:10px;
	background:url(../images/right-top-corner.gif) top right no-repeat;
}

#green.banner {
	color:#FFF; 
/*	background-color:#966; */
	background-color:#92AE91;
	font-weight:normal;
	font-size:15px;
}
a:hover#green.banner {
	background-color:#92AE91;
	text-decoration: underline;
}

#ecommerce.banner {
	text-align:center;
	color:#FFF;
	background-color:#FFF;
	border:1px dotted #B3B39F;
	border-left:3px solid #B3B39F;
}
a:hover#ecommerce.banner {
	border-color:#8A9CB0;
}

/*
***********************************************************************************************************
Footer
***********************************************************************************************************
*/
#rep-menu {
	margin:0;
	text-align:center;
	width:700px;
}
#rep-menu ul {
	display:block;
	padding:0;
	margin:0 auto;
	list-style:none;
}
#rep-menu li {
	display:inline;
	padding:0;
	margin:0;
	background:none;
}
#rep-menu a {
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}
#rep-menu span {
	font-size:8px;
	padding:0 4px;
	margin:0 5px 0 0;
	border-right:1px solid #A8A286;
}

.links, .copyrights {
	margin:15px 0;
	text-align:center;
	width:700px;
	display:none;
}
.copyrights {
	padding:10px 0;
	margin-left:125px;
	background:url('../images/bg-line.gif') top center repeat-x;
	width:450px;
	display:block;
}
.links ul, copyrights ul {
/*	display:block; */
	padding:0;
	margin:10px auto;
	list-style:none;
	display:none;
}
.links li, .copyrights li {
/*	display:inline; */
	display:none;
	padding:0;
	margin:0;
	background:none;
}
.links a, .copyrights a {
	font-size:11px;
}
.links span, .copyrights span {
	font-size:7px;
	padding:0 3px;
	margin:0 3px 0 0;
	border-right:1px solid #A8A286;
}
.copyrights p {
	padding:5px;
	margin:5px 0;
	font-size:10px;
	color:#000;
}
.copyrights p a {
	font-size:10px;
}	

/*
***********************************************************************************************************
Addon
***********************************************************************************************************
*/
.right {
	position:absolute;
	left:565px;
}
.al-left {
	float:left;
	padding:0;
	margin:0 10px 10px 0;
}
.spacer {
	clear:both;
	font-size:0px;
}

div#print-info {
display:none;
}

body blockquote {
	border-left: 2px dotted #CD2114;
	padding-left: 10px;
}
img.content {
	border: 1px solid #ccc;
}

#content td {
	vertical-align: top;
}

#content td p {
	margin: 0px;
	padding: 0px;
}

/*
***********************************************************************************************************
Screenshot gallery
***********************************************************************************************************
*/

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid gray;
}
.highslide:hover img {
	border: 1px solid silver;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
display: none;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
abbr{
border-bottom:dashed 1px;
}
#tooltip {
background:#FFFFE1 none repeat scroll 0 0;
border:1px solid #010101;
color:#778695;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0;
padding:3px 5px;
position:absolute;
visibility:hidden;
}

ul.partnership-information {
	margin: 20px 0 0 0;
}

ul.partnership-information li {
	background: none;
}

.YMaps-b-balloon-frame td {
	border: 0px;
}


.col-left div form img {
	padding: 0px;
	border: 0px;
}

div.YMaps-placemark img
{
border : none;
}

#about .col-right, #products .col-right, #portfolio .col-right, #solutions .col-right, #services .col-right, #labs .col-right {
display: none;
}

#about .col-left, #products .col-left, #portfolio .col-left, #solutions .col-left, #services .col-left, #about .container, #products .container, #portfolio .container, #solutions .container, #services .container, #labs .col-left, #labs .container {
width: 100%;
}

p.pack-shot {
	padding: 10px; 
	background-color: rgb(239, 239, 239); 
	font-size: 120%; 
	font-weight: bold;
}