@import url("reset.css");

body {color:#4c4c4c; background-color:#fff; font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#4c4c4c; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#3579b7; text-decoration:none}
a:hover {text-decoration:underline}

.i-title {position:relative; overflow:hidden; font-size:18px; font-weight:normal; line-height:19px}
	.i-title i {position:absolute; top:0; left:0; width:100%; height:100%}

/* -- ---- typography ---- -- */

#minWidth {position:relative; width:957px; margin:0 auto}

/* // ---- top ---- // */
.top {padding:10px 0}
	.top .logo {position:relative; float:left; width:240px; height:20px; overflow:hidden; color:#0d365d; font:22px/1em 'Times New Roman'; margin-right:26px}
		.top .logo i {position:absolute; left:0; top:0; width:240px; height:20px; background-image:url(http://rbclifesciences.com/img/image.png)}
	.top .icons {float:left; width:330px; padding-top:5px; font-size:11px}
		.top .icons li {position:relative; float:left; padding:0 17px 0 0}
			.top .icons li i {position:absolute; top:2px; left:0; height:10px; background-image:url(http://rbclifesciences.com/img/image.png); font-size:1px}
			.top .icons .ico-join {padding-left:13px}
				.top .icons .ico-join i {width:6px; background-position:-240px 0}
			.top .icons .ico-items {padding-left:18px}
				.top .icons .ico-items a {color:#3579b7}
				.top .icons .ico-items i {width:12px; background-position:-246px 0}
			.top .icons .ico-exit {padding-left:14px}
				.top .icons .ico-exit i {width:9px; background-position:-258px 0}
	.top a {color:#000}
		.top a:hover {color:#3579b7}
	.top .country {float:right; width:120px; padding-top:9px}
		.top .country li {color:#3579b7; float:left; font-size:11px; background:url(http://rbclifesciences.com/img/dot-bg.gif) repeat-y 0 0; padding:0 10px 1px 11px}
			.top .country li.frst {padding-left:0; background-image:none; }
	.top .lang {float:right; width:237px; font-size:11px; padding-top:6px}
		.top .lang select {float:right; width:116px}
		.top .lang option {font-size:11px}
		.top .lang span {float:left; color:#7d7d7d; padding-top:3px}
	.search-block {position:absolute; z-index:4; right:6px; top:29px; width:249px}
		.search-block .lbl {position:relative; float:left; width:39px; height:10px; background-image:url(http://rbclifesciences.com/img/title-search.png); overflow:hidden; text-indent:-9999em; margin-top:6px; margin-right:9px }
		.search-block .i-p {float:left; border:1px solid #adbac2; padding:2px 1px 3px 3px; width:171px}
		.search-block .btn {position:relative; float:right; margin-top:6px; overflow:hidden; height:10px}
			.search-block .btn input {position:relative}
				.search-block .btn-hover input, .search-block .btn input:hover {margin-top:-10px}
/* -- ---- top ---- -- */

/* // ---- naviagtion ---- // */
.navigation {position:relative; background:url(http://rbclifesciences.com/img/nav-bg.png) repeat-x 0 0; padding-bottom:14px}
	.navigation .main-nav {position:relative; z-index:3; height:40px}
	.navigation .cr {z-index:1; width:6px; height:40px; background-image:url(http://rbclifesciences.com/img/image.png)}
	.navigation .c-tl {background-position:0 -20px}
	.navigation .c-tr {background-position:-6px -20px}
	.navigation li {float:left}
	.navigation .main-nav a, .navigation .main-nav .hr {position:relative; color:#000; display:block; height:40px; overflow:hidden; line-height:40px; text-align:center; font-size:15px}
		.main-nav i {position:absolute; top:0; width:957px; height:40px; background-image:url(http://rbclifesciences.com/img/nav-item.png)}
			.main-nav a:hover {background-color:#ebebeb}
			.main-nav a:hover i {background-position:0 -40px}
			.main-nav .hr, .main-nav .selected a {color:#fff !important; background-color:#599c29 !important}
				.main-nav .hr i, .main-nav .selected i {background-position:0 -80px !important}
		.navigation .nav-1 {width:47px}
			.navigation .nav-1 i {left:0}
		.navigation .nav-2 {width:157px}
			.navigation .nav-2 i {left:-47px}
		.navigation .nav-3 {width:133px}
			.navigation .nav-3 i {left:-204px}
		.navigation .nav-4 {width:131px}
			.navigation .nav-4 i {left:-337px}
		.navigation .nav-5 {width:122px}
			.navigation .nav-5 i {left:-468px}
		.navigation .nav-6 {width:104px}
			.navigation .nav-6 i {left:-590px}
		.navigation .nav-7 {width:263px}
			.navigation .nav-7 i {left:-694px}
			.s-nav a:hover {color:#1c1c1c}
/* -- ---- naviagtion ---- -- */

/* // ---- visual ---- // */
.vis-block {margin-bottom:20px}
/* -- ---- visual ---- -- */

.middle {padding-bottom:24px}

/* // ---- accordeon ---- // */
.accordeon {float:left; width:219px; margin-right:23px}
	.accordeon h3 {position:relative; text-align:center; background-color:#E6F3FA}
		.accordeon h3 a {position:relative; display:block; overflow:hidden; line-height:33px}
		.accordeon h3 a i {position:absolute; top:0; left:0; width:438px; height:135px; background:url(http://rbclifesciences.com/img/accordeon-item.png)}
		.accordeon .ui-state-active {background-color:#65AE2D}
		.accordeon .ui-state-active i {left:-219px}
	.accordeon .a-1 a {height:34px}
	.accordeon .a-2 a {height:35px}
		.accordeon .a-2 a i {top:-34px}
	.accordeon .a-3 a {height:33px}
		.accordeon .a-3 a i {top:-69px}
	.accordeon .a-4 a {height:33px}
		.accordeon .a-4 a i {top:-102px}
	.accordeon .content {position:relative; font-size:11px; border-left:1px solid #bdced8; border-right:1px solid #bdced8; display:none}
		.accordeon .content ul {padding:3px 10px 0; min-height:183px; border-bottom:1px solid #a9c4d5}
			.accordeon .content ul li {background:url(http://rbclifesciences.com/img/dot-x.gif) repeat-x 0 100%; padding:5px 0 7px}
			.accordeon .content ul .lst {background-image:none}
			.accordeon .content small {display:block; color:#939ea5; font-size:9px; margin-bottom:-2px}
			.accordeon .content p {position:relative; color:#4f4f4f}
				.accordeon .content p span {position:absolute; color:#2a7ab4; right:0}
		.accordeon .content ul.last {position:relative; margin:0 -1px; padding:3px 11px 0; min-height:184px; border-bottom-width:0; background:url(http://rbclifesciences.com/img/accordeon-lst.png) no-repeat 0 100%}

.ui-accordion .ui-accordion-content-active {display:block}
/* -- ---- accordeon ---- -- */

.list-mid {float:left; width:500px; margin-bottom:-18px}
	.list-mid li {padding:0 0 31px 188px; line-height:18px}
		.list-mid .img-cover {position:relative; float:left; left:-188px; margin-right:-188px}
	.list-mid .i-title {margin-bottom:8px}
	.list-mid p {padding-bottom:10px}
	.list-mid .dt {position:relative; color:#659f18; font-size:11px; top:-1px}

/* // ---- calendar ---- // */
.events-col {float:right; width:200px; line-height:18px}
	.events-col .i-title {width:159px; height:19px; margin-bottom:17px}
		.events-col .i-title i {background-image:url(http://rbclifesciences.com/img/title-evcal.png)}
	.events-col .view-calendar {margin-bottom:16px}
	.events-col .near-event {color:#000; font-size:11px; padding-bottom:6px}
		.events-col .near-event span {color:#659f18}
/* -- ---- calendar ---- -- */

/* // ---- three column ---- // */
.three-column {position:relative; margin-left:-30px; line-height:18px}
	.three-column li {float:left; width:299px; padding-left:30px}
	.three-column .ph {position:relative; margin-bottom:-8px}
	.three-column .ml-3 {margin-left:-12px}
	.three-column p {position:relative; margin-right:-3px; padding-bottom:6px}
	.three-column .more {margin-right:12px}
/* -- ---- three column ---- -- */

.bottom {color:#999; border-top:1px solid #b2b2b2; font-size:11px; padding:12px 0 23px}
	.bottom .bt-r {color:#000; float:right}