@charset "windows-1251";
/* CSS Document */

html {
	margin:  0;
	padding: 0;}

body {
	font-weight:   normal;
	font-size:     11pt;
	font-family:   Arial; 
	color:         #222;
	line-height:   140%;
	background:    #FFF url(../images/body-bg.png) top left repeat-x;
	padding:       0;
	margin:        0;}

/* Links */
a { 
	outline: none; }

a:link,
a:active { 
	color: #0817a9; }
	
a:visited { 
	color: #9268b5; }

a:hover { 
	color: #cc4e4e; }

a.action:link, 
a.action:active, 
a.action:visited { 
	color:            #0817a9;
	text-decoration:  none;
	border-bottom:    1px dashed;}
	
a.action:hover {
    color:            #cc4e4e;
	text-decoration:  none;
	border-bottom:    1px dashed;}

	a img { 
		border: 0; }
		
	
/* Headers */
	
h1 {
	font-size:    1.95em;
	margin:       .2em 0 .6em 0;
	font-weight:  normal;
	font-family:  Georgia;
	color:        #000;
	line-height:  1.4em;}
	
h2 {
	font-size:    1.7em;
	margin:       1.8em 0 .5em 0;
	font-weight:  normal;
	color:        #000;
	line-height:  1.5em;}
	
h3 {
	font-size:    1.6em;
	margin:       1.3em 0 0 0;
	padding:      0;
	font-weight:  normal;
	font-family:  Georgia;
	line-height:  1.6em;
	color:        #000;}

h4 {
	font-size:    1.3em;
	margin:       1em 0 .2em 0;
	font-weight:  normal;
	color:        #000;}
	
h5 {
	font-size:    1.1em;
	margin:       1em 0 .4em 0;
	font-weight:  bold;
	color:        #000;	}
	
h6 {
	font-size:    1em;
	margin:       1.2em 0 0 0;
	padding:      0;
	font-weight:  bold;
	color:        #000;}

/* Different elements */

form { 
	margin:  0; 
	padding: 0; }	

p {
	margin: 0.8em 0 0.9em 0;}	

table {
	border:          0;
	border-collapse: collapse;
	font-size:       11pt;}

	table td, th {
		padding:        0;
		vertical-align: top;
		text-align:     left; }
	

ul {
	margin:  0.2em 0 1.4em 0; 
	padding: 0 0 0 2em; }
	
ol {
	margin:  0.2em 0 1.4em 0; 
	padding: 0 0 0 3em; }
	
ol li {
	margin:  0.5em 0;}

ul li {
	margin:          0.5em 0;
    padding:         0 0 0 15px;
    list-style-type: none;
    background:      url(../images/elements/bullet.gif) 0 0.5em no-repeat;}
    
    
    
/* Design Elements */

.clear-float {
	clear:       both;
	height:      0;
	font-size:   1px;
	overflow:    hidden;
	line-height: 1px;}

#global-wrapper {
	width:      960px;
	margin:     3em auto 1em;
	border:     5px solid #2d83da;
	background: #FFF;}
	
	#header {
		height:     184px;
		background: #d5e9ed url(../images/header-bg.png) top left no-repeat;}
		
		#logo {
			display:     block;
			width:       456px;
			height:      66px;
			text-indent: -1000em;
			background:  url(../images/logo.png) top left no-repeat;
			position:    relative;
			top:         55px;
			left:        55px;}
		
	#menu {
		height:        40px;		
		background:    #4297ee url(../images/menu-bg.png) top left repeat-x;
		border-top:    #2d83da 1px solid;
		border-bottom: #2d83da 1px solid;}
		
		#menu ul {
			margin:    0;
			padding:   0;}
			
			#menu ul li {
				margin:      .6em 1em 0 1em;
				padding:     0;
				font-weight: bold;
				float:       left;}
				
				#menu ul li a {
					color:           #FFF;
					text-decoration: none;}				
				
				#menu ul li a:hover {
					color:           #FFF;
					text-decoration: underline;}
		
		
	#main-content {
		padding:       1em;
		width:         670px;
		float:         left;}
		
		#main-content h1:first-child {
			margin-top:  0;
			padding-top: 0;}
		
		table.product-data {
			width: 100%;}
			
			table.product-data td {
				padding: 		.5em 0 0;
				vertical-align: bottom;}
				
			table.product-data td.term {
				width: 40%;
				background: url(../images/dots.png) 0 90% repeat-x;}
				
				table.product-data td.term span {
					background: #FFF;
					padding-right: .2em;}
				
			table.product-data td.description {
				width: 60%;}
				
				table.product-data td.description span {
					background: #FFF;
					padding-left: .2em;}
					
		table.product-info-table {
			width:      30em;
			background: #F5F5F5;}
			
			table.product-info-table td {
				padding: .5em;
				border-bottom: 1px solid #CCC;}
				
		img.product-image {
			float:    right;
			border:   1px solid #CCC;
			padding:  1px;}
			
		ul.products-list,
		ul.companies-list,
		ul.molecules-list  {
			margin:  0;
			padding: 0;}
			
			ul.products-list li,
			ul.companies-list li,
			ul.molecules-list li {
				margin:     0 0 1.5em 0;
				padding:    0;
				background: none;}
				
				ul.products-list li .product-name,
				ul.companies-list li .company-name,
				ul.molecules-list li .molecule-name {
					font-weight: bold;
					font-size: 1.1em;}
					
					ul.products-list li .product-name .english-name {
						font-size:   .8em;
						color:       #666;
						margin-left: .3em;
						font-weight: normal;}
		
		
		.alphabet-list {}				
						
			.alphabet-list ul {
				margin:  1em 0;
				padding: 0;}
			
				.alphabet-list ul li {
					margin:      0 1em 0 0;
					padding:     0;
					display:     inline;
					font-size:   .8em;
					font-weight: bold;}
					
					.alphabet-list ul li a {
						color: #000;}
						
		.pagination-wrapper {}
		
			.pagination-wrapper ul {
				margin:  0;
				padding: 0;}
				
				.pagination-wrapper ul li {
					margin:      0 1em 0 0;
					padding:     0;
					display:     inline;
					font-size:   .8em;
					font-weight: bold;}
					
					.pagination-wrapper ul li a {
						color:   #000;}
					
				.pagination-wrapper ul li.title {
					color:       #666;}
					
	#index-page-content {
		padding: 1em;}
		
		#index-page-content .site-category-sample {
			width:       31%;
			float:       left;
			margin-right: 1em;}
			
			#index-page-content .site-category-sample ul { }
			
				#index-page-content .site-category-sample ul li {
					margin: .5em 0;}
					
					#index-page-content .site-category-sample ul.products-list.main-page li .product-name,
					#index-page-content .site-category-sample ul.companies-list.main-page li .company-name,
					#index-page-content .site-category-sample ul.molecules-list.main-page li .molecule-name {
						font-size:   .9em;
						font-weight: normal;}
					
	#sidebar {
		width:      260px;
		background: #EBEBEB;
		float:      right;
		height:     500px;}
		
#footer {
	width:      960px;
	margin:     0 auto 2em;
	font-size:  .8em;
	color:      #666;}
	
	#footer a {
		color:   #666;}