@charset "UTF-8";
/* REMARKABLE CORPORATE CSS - SCREEN STYLES MASTER */
/*  undo html -> this is to undo all browsers basic built in styles   */
/*****************************/
:link, :visited { text-decoration: none; }

ul { list-style: none;}

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea,select { margin: 0; padding: 0; }

img, a img, :link img, :visited img { border: none; }

address { font-style: normal; }

img, div, ul  { behavior:url(../css/iepngfix.htc) }

a {outline:none;}/* FIREFOX DOTTED LINE FIX */

z* {border:1px dotted lightgreen;}

/* ---------- CORE ---------- */
body {
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	Zbackground:#efefef;
	background: #2e2e2e url(../images/main_bg.jpg) repeat-x top left;
	color:#fff;
}

/* ---------- CORE ELEMENT ID's ---------- */
#container {
	width:984px; 
	font-size:12px;
	margin:0px auto;
	text-align:left;
}

/* -----------------------------------------------------
 
   TYPOGRAPHY

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

a {color:#00B2EE;}
a:hover {color:#D60C8C;}
a:active {color:#7BC143;}

.blue {color:#00B2EE;}
.green {color:#7BC143;}
.yellow {color:#FFC425;}
.pink {color:#D60C8C;}

h1, h2, h3, h4, h5, h6 {color:#999999;}
h1 {font-size:16px; line-height: 20px;}
h2 {font-size:16px; line-height: 20px;}
h3 {font-size:14px; line-height: 18px;}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:9px;}


/* -----------------------------------------------------
 
   FORMS

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

.ContactForm {  }
.ContactForm span {width: 125px ; display:inline-block; float: left;}
.textinput { background: #cccccc ; border:1px solid #333333; color:#D60C8C ; display:block ; padding:3px;  float: left; width: 250px ; margin:3px ;}
.select { width: 260px ;float: left;margin:3px ; background: #cccccc ; border:1px solid #333333; padding:3px; }
.textarea { background: #cccccc ; border:1px solid #333333; color:#D60C8C ;width: 250px ; margin:3px ; height:150px ; line-height:18px; padding:3px; }
.submit { background: #00B2EE; border:1px solid #333333; color:#fff ; display:block ; padding:3px 10px;  float: left; margin:3px ; }
.submit:hover { background: #D60C8C ; cursor:pointer;}


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

	HEADER SECTION & navigation
	
- - - - - - - - - - - - - - - -- - - - -- -- - - - -- - -- -- - -- -  -- - -- - */
#header {
height:140px; overflow:hidden;
margin:0px;
	background:#313435 url(../images/bg-header.gif) repeat-x top;
	color:#ffffff;
	}
#LEFTheader {width:384px;height:112px;float:left;text-align:left;}
	#logo {margin:25px 0 0 0px;width:213px;float:left;}
	#LEFTheader ul {float:left;display:inline}
	#LEFTheader ul li {display:inline-block;background:url(../images/btn-mainnav-digital-on.gif) no-repeat top left;float:left;}
		#LEFTheader ul li a span {font-size:16px;color:#FFFFFF;padding: 50px 0 0 12px;display:block;width:90px;height:50px;text-decoration:none;}
		.btn-creative {background:url(../images/btn-mainnav-creative.gif) no-repeat top left;display:block;width:10px;height:85px;overflow:hidden;}
		.btn-pr {background:url(../images/btn-mainnav-pr.gif) no-repeat top left;display:block;width:10px;height:85px;overflow:hidden;}
		.btn-pa {background:url(../images/btn-mainnav-pa.gif) no-repeat top left;display:block;width:10px;height:85px;overflow:hidden;}
		.btn-digital {background:url(../images/btn-mainnav-digital.gif) no-repeat top left;display:block;width:10px;height:85px;overflow:hidden;}
			/*hovers*/
				.btn-creative:hover {background:url(../images/btn-mainnav-creative-on.gif) no-repeat top left;width:100px;cursor:pointer;}
				.btn-pr:hover {background:url(../images/btn-mainnav-pr-on.gif) no-repeat top left;width:100px;cursor:pointer;}
				.btn-pa:hover {background:url(../images/btn-mainnav-pa-on.gif) no-repeat top left;width:100px;cursor:pointer;}
				.btn-digital:hover {background:url(../images/btn-mainnav-digital-on.gif) no-repeat top left;width:100px; cursor:pointer;}


#RIGHTheader {width:600px;height:112px;float:right;} #zRIGHTheader * {border:1px dotted lightgreen;}
	#mainmenu {text-align:right;margin:0px 0px 0 0;font-size:14px;float:right;}
	#mainmenu ul {display:inline-block;float:left;}
	#mainmenu ul li {height:109px;display:inline-block;float:left;}
	#mainmenu ul li a {display:block;height:109px;color:#FFFFFF;margin:0px;text-decoration:none; float:left;}
	#mainmenu ul li a span {display:block;padding:45px 10px 0 10px;color:#FFFFFF;}
	#mainmenu ul li a:hover {background:url(../images/btn-mainnav-hover.gif) repeat-x top left;color:#333333;}
	#mainmenu ul li a:hover span{color:#333333;}
	#mainmenu ul li a:active {}
	#mainmenu ul li .first {color:#ffffff;}
	#mainmenu ul li .first.current {background:url(../images/btn-mainnav-hover.gif) repeat-x top left;color:#333333;}
	#mainmenu ul li .current {background:url(../images/btn-mainnav-hover.gif) repeat-x top left;color:#333333;}
	#mainmenu ul li .current:hover {}
	#mainmenu ul li .current:active {}
	
#FIRSTmenu {text-align:right;/*margin:38px 30px 0 0;*/}
    #FIRSTmenu a {color:#ffffff;}
    #FIRSTmenu a:hover {color:#D10000;}
#SECONDmenu {text-align:right;/*margin:10px 30px 0 0;*/font-weight:bold;}

#top_grad {height:25px;clear:both;text-align:right;}
	.secondMenu {display:inline-block;float:right;text-align:right;margin:0;font-size:12px;background:none;width:;height:25px;}
	.sectionName {background:none;margin:0 20px 0 0;padding:6px 8px 0px 8px;height:25px;}
	.secondMenu li {height:25px;display:inline-block;float:left;margin:0}
	.secondMenu li a {display:inline-block;height:25px;color:#333;float:left;background:#cccccc url(../images/bg-second-nav.gif) repeat-x top left;padding:6px 8px 0 8px;border-right:1px solid #333;}
	.secondMenu li a:hover {color:#0099FF;}
	.secondMenu li a:active {}
	.secondMenu li .first {color:#333;}
	.secondMenu li .first.current {}
	.secondMenu li .current {color:#fff; background:#000;border-top:1px solid #444;}
	.secondMenu li .current:hover {}
	.secondMenu li .current:active {}

.topMenuDept { float:left; display:inline-block; margin:0 0 0 7px; }	
.topMenuDept li { display:inline-block; float:left; margin:6px 5px; list-style-type:disc; }
.topMenuDept li a { color:#888; }
.topMenuDept li a:hover { color:#fff; }
.on{color:#FFFFFF;}

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

	Body sections, left and right
	
- - - - - - - - - - - - - - - -- - - - -- -- - - - -- - -- -- - -- -  -- - -- - */

/* - - - - -  - left - - - - - - */

.left, .middle, .right {Zborder:1px solid white;}

#leftPage {width:620px; float:left; margin:20px 20px 0 20px; padding:0 0 20px 0;}
#rightPage {width: 300px; float:left;margin:20px 0px 0 0;}

.left { width: 300px; float:left; line-height:18px; margin:0 20px 0 0;}
.middle { width:300px; float:left; line-height:18px;}
.right {width:320px; float:left}


.case-list { list-style-type:none;  margin:0px;}
.case-list li { display:block; width:100%; float:left; }
.case-list li a { display:block; width:220px; background:#666; padding:5px; float:left; color:#000; border-bottom:1px solid #333; border-top:1px solid #efefef; }
.case-list li a.on { background:#00B2EE; color:#333; }

.case-list li a:hover { background:#00B2EE; color:#FFF; }


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

		Pharmacy 

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

#pharm_top, #pharm_content, #pharm_right,#pharm_pic{
	float:left;
	display:inline;
	margin-top:20px;
}
#pharm_top{
	width:680px;
	height:92px;
	margin-top:10px;
}
#pharm_content{
	width:327px;
	margin-right:26px;
	margin-top:6px;
}
#pharm_pic{
	width:327px;
	margin-right:26px;
	margin-top:10px;
}
#pharm_right{
	width:151px;
	margin-top:6px;
}
#pharm_right h1{
	margin-top:2px;
	font:normal 12px tahoma;
	margin-bottom:8px;
}
#pharm_right p{
	font-size:11px;
	color:white;
}
.mind{
	color:#00A2E5;
}
.body{
	color:#FDB826;
}
.vision{
	color:#62BB46;
}
#pharm_right p.body{
	font-size:11px;
	color:#FDB826;
}
#pharm_right p.vision{
	font-size:11px;
	color:#62BB46;
}
.pharm_team_list, .pharm_team_txt, .pharm_team_pic, #pharm_work_top, #pharm_work_content, #pharm_work_pic, #pharm_work_menu, .pharm_home_all, .pharm_home_content, .pharm_home_flash {
	float:left;
	display:inline;
}
.pharm_team_list{
	width:680px;
	margin-bottom:25px;
}
.pharm_team_txt{
	width:523px;
	margin-right:50px;
}
.pharm_team_txt h1{
	font:bold 12px tahoma;
	margin-bottom:8px;
}
.pharm_team_pic{
	width:107px;
}
#pharm_work_top {
	width:857px;
	margin:30px 0px 20px 0px;
}
#pharm_work_content{
	width:335px;
}
#pharm_work_pic {
	width:281px;
	margin:4px 37px 0px 37px;
}
#pharm_work_menu{
	width:167px;
}

#pharm_work_menu ul {
		margin:0;
		padding:0;
		}
#pharm_work_menu li {
		list-style: none;
		margin:0px;
		padding:0px 0px 20px 21px;
		background-image: url(/templates/images/arrow.gif);
		background-repeat: no-repeat;
		background-position: 10px 4px;
		_background-position: 10px 5px;
		font-family:Tahoma, Arial;
		font-size:11px;
		line-height:14px;
		color:white;
		}
.pharm_home_flash{
	width:590px;
	margin-bottom:18px;
	margin-top:20px;
}
.pharm_home_all{
	width:590px;
	margin-bottom:24px;
}
.pharm_home_content{
	width:274px;
}
.pharm_home_pad{
	margin-right:42px;
}



/* - - - - - RIGHT - - - - - - - */
#rightHOME {width:446px;margin-top:36px;float:right;}
#rightHOMEmain {width:270px;margin-top:20px;float:right;padding:0 0 20px 0}

#rightHOME ul, #rightHOMEmain ul { list-style-type:disc; color:#666666; margin:10px 0 0 25px}
#rightHOME ul li, #rightHOMEmain ul li { list-style-type:disc; color:#666666; padding:2px 0px 0 5px}

.list {list-style-type:disc; color:#666666; margin:10px 0 0 25px; }
.list li { list-style-type:disc; color:#666666; padding:2px 0px 0 5px; }

	
#top_grad h1 {margin:0;padding:0;}
* html #top_grad {height:20px;clear:both;} /* IE Hack */


/* LEFTNAV & RIGHTNAV TABS */
#TABleft {position:absolute;width:27px;height:278px;top:164px;left:0;/*background:#FFFFFF;*/}
#TABright {position:absolute;width:27px;height:278px;top:164px;right:0;/*background:#FFFFFF;*/}


/* FOOTER SECTION */
#footer {background:#efefef url(../images/bg-footer.gif) repeat-x top; padding:20px 0 0 0; width:100%; margin:0px; color:#333333;}
.container {width:980px; text-align:center ; margin:0px auto; }
.foot { text-align:left; line-height:20px; margin: 20px}

.foot-list { list-style-type:none; display:inline-block;}
.foot-list li { list-style-type:none; display:inline-block; float:left; margin:0 20px 0 0;  }
	

/* FLASH MENU */
#flashcontent {padding:0;margin:16px 30px 0 30px;}


/* ---------- CORE CLASSES ---------- */
.leftalign {text-align:left;}
.rightalign {text-align:right;}

.blue_link, .green_link, .yellow_link, .pink_link {color:#000000;}

.imgmargin {margin:5px 0 4px 0;}

.grey_text {color:#666666;}
.small_grey {color:#666666;font-size:12px;}


/* Additional CSS added by Ian @ RedCat
#mainmenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#mainmenu ul li {
	display:inline;
}
#people_bar a img {
	border:0px;
}

#mainmenu ul.secondMenu {
	margin:7px 0 0 0;
	color:#cc0000;
}
#mainmenu ul.secondMenu li a {
	color:#cc0000;
}
#mainmenu ul.secondMenu li a.current {
	font-weight:bold;
} */


.flash {
	z-index:0;
}
.popup {
	width:430px;
	height:215px;
	background:url(../images/popup.png) no-repeat;
	position:absolute;
	left:36%;
	top:200px;
	z-index:9999;
	text-align:left;
	padding:0 0 0 35px;
}
.popup .close {
	display:block;
	margin:25px 0 0 360px;
	background:url(../images/close.gif) no-repeat;
	text-indent:-3330px;
	width:20px;
	height:20px;
}
.popup img {
	float:right;
	margin:20px 50px 0 0;
}
.popup h3 {
	padding:0px 0 0 0;
	width:215px;
	font-size:13px;
	margin:17px 0pt 0pt;
}
.popup p {
	padding:0;
	margin:5px 0;
	line-height:19px;
	font-size:11px;
}
.popup p a  {
	font-weight:bold;
	font-size:14px;
}

.popup .popleft {
	float:left;
	width:220px;
}

/* Search box */

.searchBox {
	margin:25px 0 0 199px;
	width:300px;
}
.searchBox .input {
	width:183px;
	height:19px;
	background:url(../images/search.gif) no-repeat;
	border:0;
	padding:4px 2px 0 30px;
}
.searchBox .submit {
	width:75px;
}

.innerSearchBox {
	margin:0px;
}