@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'ZurichLtCnBTLight';
 src: url('../fonts/zurchlc-webfont.eot');
 src: url('../fonts/zurchlc-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/zurchlc-webfont.woff') format('woff'),  url('../fonts/zurchlc-webfont.ttf') format('truetype'),  url('../fonts/zurchlc-webfont.svg#ZurichLtCnBTLight') format('svg');
 font-weight: normal;
 font-style: normal;
}

 @font-face {
 font-family: 'helvetica_cebold';
 src: url('../fonts/helvetica_ce_bold-webfont.eot');
 src: url('../fonts/helvetica_ce_bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/helvetica_ce_bold-webfont.woff') format('woff'),  url('../fonts/helvetica_ce_bold-webfont.ttf') format('truetype'),  url('../fonts/helvetica_ce_bold-webfont.svg#helvetica_cebold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
    font-family: 'zurich_btbold';
    src: url('../fonts/zurchb_0-webfont.eot');
    src: url('../fonts/zurchb_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurchb_0-webfont.woff') format('woff'),
         url('../fonts/zurchb_0-webfont.ttf') format('truetype'),
         url('../fonts/zurchb_0-webfont.svg#zurich_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'zurich_btbold';
    src: url('../fonts/zurchb_0-webfont.eot');
    src: url('../fonts/zurchb_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurchb_0-webfont.woff') format('woff'),
         url('../fonts/zurchb_0-webfont.ttf') format('truetype'),
         url('../fonts/zurchb_0-webfont.svg#zurich_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
#gallery {
	width:958px;
	height:516px;
	margin:0 auto;
	background:#f2f3f3;
}
#first_line {
	width:956px;
	height:45px;
	background:url(../images/galler-top-bg.gif) repeat-x 0 0;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}

.categry {
	float:left;
	width:242px;
	height:29px;
	padding-top:15px;
	font-family:'zurich_btbold';
	font-size:19px;
	font:bold;
	color:#000000;
	text-align:center;	
	border-right:2px solid #ffffff;
}
#sub_categry {
	float:right; 
	width:702px;
}
.sub_categry {
	float:left;
	width:227px;
	height:29px;
	padding-top:15px;
	font-family:'zurich_btbold';
	font-size:19px;
	font:bold;
	color:#000000;
	margin-left:24px;	
}
ol, ul {
	list-style: none;
}

.color {
	
	margin-right:35px;
	float:right;
	width:200px;
	height:29px;
}
.color li {
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#000000;
}
.gallery1 {
	float:left;
	width:250px;
	height:500px;
	clear:both;
	
}
.gallery2 {
	width:719px;
	height:474px;
	float:right;
	border-top:6px solid #d7d7d7;
	border-right:6px solid #d7d7d7;	
	margin-left:-30px;
	background:url(../images/galler-bottom-border.gif) repeat-x 0 100%;
}

#scroller {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	text-align:center;
	width:240px;
	height:400px;
	list-style-type:none;
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-base-color:#a5a5a5;
    scrollbar-arrow-color:#616161;
    scrollbar-DarkShadow-Color:#313131;
	border-top:6px solid #d7d7d7;
	border-left:6px solid #d7d7d7;
	z-index:5;
	
}
#scroller a{
	display:block;
	height:43px;
	width:227px;
	color:#FFFFFF;
}
#scroller a:hover {
	color:#FFFFFF;
}

 #inner-scroller {
	 margin:0;
     width:227px;
    height:418px;
	
    }
.up-arrow {
	height:30px;
	background:#d7d7d7;
	text-align:center;
	position:relative;
	width:245px;
	z-index:27;
	
}
.up-arrow-img {
	background:url(../images/orange-top-arrow.gif) no-repeat 0 0;
	width:68px;
	height:29px;
	margin-left:83px;
	
}
.up-arrow-img a {
	background:url(../images/orange-top-arrow.gif) no-repeat 0 0;
	width:68px;
	height:29px;
	text-decoration:none;
	display:block;
}
.up-arrow-img a:hover {
	background:url(../images/orange-top-arrow.gif) no-repeat 0 0;
	width:68px;
	height:29px;
	text-decoration:none;
	display:block;
	
}
.down-arrow {
	height:34px;
	background:url(../images/galler-bottom-border.gif) repeat-x 0 100%;
	padding-top:10px;
	text-align:center;
	position:relative;
	width:245px;
	z-index:30;	
}
.down-arrow-img {
	background:url(../images/orange-bottom-arrow.gif) no-repeat 0 0;
	width:68px;
	height:29px;
	margin-left:83px;
}
.down-arrow-img a {
	background:url(../images/orange-bottom-arrow.gif) no-repeat 0 0;
	width:68px;
	height:29px;
	display:block;
	text-decoration:none;
}
.down-arrow-img a:hover {
	background:url(../images/orange-bottom-arrow.gif) no-repeat 0 0;
	width:68px;
	height:29px;
	display:block;
	text-decoration:none;
}
.multimedia_heading {
	height:42px;
	float:left;
	padding-top:20px;
	margin-left:45px;
	font-family:'zurich_btbold';
	font-size:21px;
	font:bold;
	color:#000000;
	
}
.multimedia_img {
	margin-left:6px;
	
 	
}

.galler_button {
	float:right;
	clear:both;
	margin-top:-10px;
	background:url(../images/dot-line.gif) no-repeat 91px 0;
	 
}
.prev {
	width:81px;
	height:26px;
	background:url(../images/orange-prev-button.gif) no-repeat 100% 0;
	border:none;
 
} 
.next{
	width:81px;
	height:26px;
	background:url(../images/orange-next-button.gif) no-repeat 100% 0;
	border:none;
	margin-right:22px;
 
}

  <!--	/* override the root element to enable scrolling */
	.css-panes {
        height: 410px;
        width: 702px;
		position:relative;
		overflow:hidden;
		clear:both;
        background-color: transparent;
		z-index:3;
		
	}

	/* override single pane */
	.css-panes div {
		float:left;
		display:block;
		width:712px;
		font-size:14px;
        background-color: transparent;
		
	}

	/* our additional wrapper element for the items */
	.css-panes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
			
	} 


.css-panes .items .link_left {
		width:230px;
		float:left;
		margin-left:27px;		
	} 


.css-panes .items .link_right {
		width:220px;
		float:right;
	}
	
.css-panes .items .link_middle {
		width:220px;
		float:left;
		position:relative;

	}
	.css-panes .items .link .multimedia_heading {
	height:42px;
	float:left;
	padding-top:20px;
	margin-left:45px;
	font-family:'zurich_btbold';
	font-size:21px;
	font:bold;
	color:#000000;
	
	}
	
	.container_media {
        height: 410px;
        width: 702px;
		position:relative;
		overflow:hidden;
		clear:both;
        background-color: transparent;
		z-index:3;
	}	
.container_media .link_left {
		width:230px;
		float:left;
		position:relative;
		margin-left:27px;		
	}
	
	.container_media .link_right {
		width:220px;
		float:right;
		position:relative;
	}
	
.container_media .link_middle {
		width:220px;
		float:left;
		position:relative;
	}
	.container_media .items .link .multimedia_heading {
	height:42px;
	float:left;
	padding-top:20px;
	margin-left:45px;
	font-family:'zurich_btbold';
	font-size:21px;
	font:bold;
	color:#000000;
	
	}

.multimedia_link-bg1 {
	background:url(../images/orange-bg.gif) no-repeat 0 0;
	width:159px;
	height:33px;
	padding-left:45px;
	padding-top:15px;
	margin-bottom:15px;
	margin-right:17px;
	font-family:'zurich_btbold';
	font-size:14px/15px;
	font:bold;
	color:#4b4c4c;
}
.multimedia_link-bg1 a {
	text-decoration:none;	
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
	z-index:10;
	position:relative;
}
.multimedia_link-bg1 a:hover {	
	text-decoration:none;
	font-family:'zurich_btbold';
	font-size:14px/51px;
	font:bold;
	color:#4b4c4c;
}
.multimedia_link-bg2 {
	background:url(../images/orange-bg.gif) no-repeat 0 0;
	width:159px;
	height:33px;
	padding-left:45px;
	padding-top:15px;
	margin-bottom:15px;
	margin-right:22px;
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
}
.multimedia_link-bg2 a {
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
	text-decoration:none;
	z-index:10;
	position:relative;
	
}
.multimedia_link-bg2 a:hover {
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
	text-decoration:none;
	
}
.multimedia_link-bg3 {
	background:url(../images/orange-bg.gif) no-repeat 0 0;
	width:159px;
	height:33px;
	padding-left:45px;
	padding-top:15px;
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
	margin-bottom:15px;
	margin-right:19px;

}
.multimedia_link-bg3 a {
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
	text-decoration:none;
	z-index:10;
	position:relative;
}
.multimedia_link-bg3 a:hover {
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
	text-decoration:none;
}
.multimedia_link-bg4 {
	background:url(../images/orange-bg.gif) no-repeat 0 0;
	width:159px;
	height:41px;
	padding-left:45px;
	padding-top:7px;
	margin-bottom:15px;
	margin-right:17px;
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
}
.multimedia_link-bg4 a {
	text-decoration:none;	
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
	z-index:10;
	position:relative;
}
.multimedia_link-bg4 a:hover {	
	text-decoration:none;
	font-family:'zurich_btbold';
	font-size:14px;
	font:bold;
	color:#4b4c4c;
}
.multimedia_link-bg5 {
	background:url(../images/orange-bg.gif) no-repeat 0 0;
	width:159px;
	height:48px;
	padding-left:45px;
	padding-top:3px;
	margin-bottom:15px;
	margin-right:17px;
	font-family:'zurich_btbold';
	font-size:13px;
	line-height:14px;
	font:bold;
	color:#4b4c4c;
}
.multimedia_link-bg5 a {
	text-decoration:none;	
	font-family:'zurich_btbold';
	font-size:13px;
	line-height:13px;
	font:bold;
	color:#4b4c4c;
	z-index:10;
	position:relative;
}
.multimedia_link-bg5 a:hover {	
	text-decoration:none;
	font-family:'zurich_btbold';
	font-size:13px;
	line-height:13px;
	font:bold;
	color:#4b4c4c;
	line-height:10px;
}


.general {
	background:url(../images/general-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
}
.general a{
	background:url(../images/general-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
.general a:hover{
	background:url(../images/general-orange-on.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
.respiratory {
	background:url(../images/respiratory-oranre.gif) no-repeat 0 0;
	width:219px;
	height:47px;
}
.respiratory a{
	background:url(../images/respiratory-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
.respiratory a:hover{
	background:url(../images/respiratory-orange-on.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
.ophthalmology {
	background:url(../images/ophthalmology-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
}
.ophthalmology a{
	background:url(../images/ophthalmology-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
.ophthalmology a:hover{
	background:url(../images/ophthalmology-orange-on.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
.orthopaedics {
	background:url(../images/orthopaedics-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
}
.orthopaedics a{
	background:url(../images/orthopaedics-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
.orthopaedics a:hover{
	background:url(../images/orthopaedics-orange-on.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
 
.neurology {
	background:url(../images/neurology-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
}
.neurology a{
	background:url(../images/neurology-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
	display:block;
}
.neurology a:hover{
	background:url(../images/neurology-orange-on.jpg) no-repeat 0 0;
	width:219px;
	height:42px;
	text-decoration:none;
	display:block;
}

.dermatolo {
	background:url(../images/dermetology-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
}
.dermatolo a{
	background:url(../images/dermetology-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
}
.dermatolo a:hover {
	background:url(../images/dermetology-orange-on.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
	text-decoration:none;
}
.genitourinary {
	background:url(../images/genitourinary-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
}
.genitourinary a {
	background:url(../images/genitourinary-orange.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.genitourinary a:hover {
	background:url(../images/genitourinary-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.plastic-surgery {
	background:url(../images/plastic-surgery-orange.gif) no-repeat 0 0;
	width:219px;
	height:48px;
}
.plastic-surgery a {
	background:url(../images/plastic-surgery-orange.gif) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:48px;
	text-decoration:none;
}
.plastic-surgery a:hover {
	background:url(../images/plastic-surgery-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:48px;
	text-decoration:none;
}
.podiatry {
	background:url(../images/podiatry-orange.gif) no-repeat 0 0;
	width:219px;
	height:46px;
}
.podiatry a {
	background:url(../images/podiatry-orange.gif) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:46px;
	text-decoration:none;
}
.podiatry a:hover {
	background:url(../images/podiatry-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:46px;
	text-decoration:none;
}
.heart {
	background:url(../images/heart-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
}
.heart a {
	background:url(../images/heart-orange.gif) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.heart a:hover {
	background:url(../images/heart-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.medical-test {
	background:url(../images/medical-test-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
	margin-left:2px;
}
.medical-test a {
	background:url(../images/medical-test-orange.gif) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	margin-left:2px;
	text-decoration:none;
}
.medical-test a:hover {
	background:url(../images/medical-test-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	margin-left:2px;
	text-decoration:none;
}
.dental {
	background:url(../images/dental-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
}
.dental a {
	background:url(../images/dental-orange.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.dental a:hover {
	background:url(../images/dental-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.gynecology {
	background:url(../images/gynecolog-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
}
.gynecology a {
	background:url(../images/gynecolog-orange.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.gynecology a:hover {
	background:url(../images/gynecolog-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.gastrointestinal {
	background:url(../images/gastrointestinal-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
}
.gastrointestinal a {
	background:url(../images/gastrointestinal-orange.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.gastrointestinal a:hover {
	background:url(../images/gastrointestinal-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.bariatrics {
	background:url(../images/bariatrics-orange.gif) no-repeat 0 0;
	width:219px;
	height:47px;
}
.bariatrics a {
	background:url(../images/bariatrics-orange.gif) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.bariatrics a:hover {
	background:url(../images/bariatrics-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.ent {
	background:url(../images/ent-orange.jpg) no-repeat 0 0;
	width:219px;
	height:47px;
}
.ent a {
	background:url(../images/ent-orange.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}
.ent a:hover {
	background:url(../images/ent-orange-on.jpg) no-repeat 0 0;
	text-decoration:none;
	width:219px;
	height:47px;
	text-decoration:none;
}