/*
	Title:			Hospital Direct Limited
	Author:			Visualcode Limited
	Date: 			May 2009.
	Copywrite:		Visualcode Ltd.
	Version:		1.0
*/


@import url('css/basket.css');
@import url('css/pageLayout.css');
@import url('css/generalform.css');
@import url('css/products.css');
@import url('css/accounts.css');
@import url('css/lightbox.css');
@import url('css/gallery.css');
@import url('css/lightwindow.css');

body {
	font:12px/18px "trebuchet ms" ,Arial, Geneva, Tahoma, Lucida Grande, sans-serif;
	color:#333; 
	margin:0; 
	padding:0;
	background:#233865 url(images/background.gif) repeat-x;
	text-align:center;
	line-height:15px;
	}

input, 
button, 
select, 
textarea {
	font:11px/18px "Arial", Geneva, Tahoma, Lucida Grande,  sans-serif;
	}

/*
	dk Blue:#233865
	lt Blue:#36B1E4	
	lt Grey:#ECECEC
	White  :#FFFFFF
*/
	
a:link {
	color: #36B1E4;
	text-decoration: none;
}

a:visited {
	color: #36B1E4;
	text-decoration: none;
}

a:active {
	color: #2565A2;
	text-decoration: none;
}

a:hover {
	color: #2565A2;
	text-decoration: none;
}

a img{
	border:0;
	}

h1, h2, h3{
	font-weight:normal;
	}
	
h1 {
	font-size: 1.8em;
	color:#233865;
	line-height: 1em;
	}

h2 {
	color:#2565A2;
	font-size: 1.5em;
	line-height: 1em;
	}

h3 {
	color:#AAA;
	font-size: 1.3em;
	line-height: 1em;
	}

hr {
	border: none;
	border-top: 1px solid #E3E3BF;
	height: 1px;
	margin: 8px auto;
	padding: 0;
	color:#FFF;
	}

.clear{
	clear:both;
	text-align:right;
	}
	
.clear a{
	display:inline;
	width:65px;
	text-align:center;
	margin-left:300px;
	padding:5px 10px !important;
	background:#ED8133;
	border:#E3E3BF solid 3px;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	}


/* Xinha Table Layout */

table {
	margin:0; 
	padding:0; 
	border-collapse:collapse; 
	border-spacing:0px;
	width:98% !important;
	}

table td{
	font-family: tahoma, arial, sans-serif;
	color:#403F3F;
	border:1px solid #ebebeb;
	padding:5px;
	font-size:1em;
	vertical-align:top;
	}	

/*
	dk Blue:#233865
	lt Blue:#36B1E4	
	lt Grey:#ECECEC
	White  :#FFFFFF
*/

/* ______________________ Additional Navigation ______________________ */

#topbar{
	border-top:none;
	width:500px;
	position:absolute;
	top:-24px;
	right:0px;
	z-index:20;
	margin:0;
	padding:0;
	height:50px;
	font-size:10px;
	}

#adNav a:link{color:#333;}
#adNav a:visited{color:#333;}

#adNav a{
	display:block;
	padding-top:25px;
	height:25px;
	width:60px;
	margin-left:5px;
	}

#adNav a.attention{
	background:transparent url(images/topNav.gif) no-repeat bottom left;
	color:#333;
	}

#adNav a:active,
#adNav a:hover,
#adNav a:hover.attention{
	background:transparent url(images/topNavAlt.gif) no-repeat bottom left;
	color:#FFF;
	}

#adNav{
	float:right;
	}

#adNav ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:90%;
	}

#adNav li {
	padding:0px;
	list-style:none;
	display:inline;
	text-align:center; 
	float:right;
	}	

/* ______________________ Start Layout ______________________ */

#container{
	padding:0;
	margin:0;
	padding-top:15px;
	border-top:#233865 solid 5px;
	position:relative;
	background:#FFF;
	}

#wrapper {
	width:990px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
#header {
	width:100%;
	}

#Logo {
	padding-top:0px;
	float:left;
	margin:0;
	height:80px;
	width:100px;
	text-align:left;
	}

.clearLogo{
	clear:both;
	margin:0;
	padding:0;
	}
	
.strap{	
	float:left;
	margin-left:0px;
	margin-top:28px;
	}
	
.strap h1{
	padding:0;
	margin:0;
	font-size:22px;
	color:#233865;
	}

#basketArea{
	clear:right;
	text-align:right;
	padding-top:35px;
	font-size:95%;
	margin:0;
	}

#basketArea a{
	font-weight:bold;
	color:#233865;
	}

#basketArea a:hover{
	color:#333;
	}
	
.cart{background:transparent url(images/cart.gif) no-repeat; padding-left:25px; }	
	
#display{
	margin-bottom:7px;
	}
	
/*
	dk Blue	:#233865
	lt Blue	:#36B1E4	
	lt Grey	:#ECECEC
	White  	:#FFFFFF
	lt Cream:#E3E3BF
	Orange:	 #ED8133
*/

/* ______________________ Navigation ______________________ */		
	
 #navigation{
 	clear:both;
 	height:29px;
	position:relative;
	padding-top:0px;
	font-size:11px;
	border-bottom:#E3E3BF solid 1px;
	}

 #navigation ul {
	list-style:none; 
	padding:0;
	margin:0;
	position:relative;
	text-align:left;
	height:35px;
	}
	
 #navigation ul li {
	display:inline;
	float:left;
	margin:0;
	position:relative;
	text-align:center;
	font-weight:bold;
	margin-right:5px;
	
	}
	
 #navigation ul li a {
	color:#333;
	position:relative;
	height:30px;
	display:block;
	background:#E3E3BF url(images/navBack.gif) no-repeat left top;
	}
	
 #navigation ul li a span{
 	background:transparent url(images/aBack.gif) no-repeat right top;
 	display:block;
 	padding:8px 10px 7px 10px;
 	}
	
 #navigation ul li a:hover, #navigation ul li.blue a:hover,   #navigation ul li.orange a:hover {
	color:#FFF;
	position:relative;
	background:#E3E3BF url(images/navBackblue.gif) no-repeat left top;
	}
	
 #navigation ul li a:hover span,  #navigation ul li.blue a:hover span, #navigation ul li.orange a:hover span {
 	background:transparent url(images/aBackblue.gif) no-repeat right top;
 	}	

 #navigation ul li.blue a {
	color:#FFF;
	background:#36B1E4 url(images/navBackltblue.gif) no-repeat left top;
	}	

 #navigation ul li.blue a span{
 	background:transparent url(images/aBackltblue.gif) no-repeat right top;
 	}
 	
  #navigation ul li.orange a {
	color:#FFF;
	background:#ED8133 url(images/navBackorange.gif) no-repeat left top;
	}	

 #navigation ul li.orange a span{
 	background:transparent url(images/aBackorange.gif) no-repeat right top;
 	}
	
	

/* ______________________ Search Main Area ______________________ */	

form.search{
	padding:0;
	height:25px;
	margin:0px;
	width:235px;
	position:absolute;
	top:83px;
	right:0px;
	z-index:10;
	text-align:right;
	}


form.search input{
	border:none;
	padding:4px;
	background:#FFF url(images/sLoginInput.gif) no-repeat left top;
	}

form.search input.search{
	text-align:left;
	background: url(images/search.gif) no-repeat;
	border:none;
	color:#FFF;
	width:65px;
	margin-left:5px;
	text-align:center;
	}
	

/* ______________________ Banner ______________________ */	


#bannerContainer{
	margin-bottom:0px;
	padding:1px 0 0px 0;
	border-top:#CCC solid 1px;
	width:530px;
	}

#bannerHB{
	display:none;
	}

/*
	dk Blue: #233865
	lt Blue: #36B1E4	
	lt Grey: #ECECEC
	White: 	 #FFFFFF
	lt Cream:#E3E3BF
*/	
	
/* ______________________ Main Content/Areas ______________________ */	

#mainContent{
	width:785px;
	float:right;
	text-align:left;
	padding-top:0px;
	margin-top:5px;
	}
	
.Content{
	padding:5px;
	margin-bottom:5px;
	text-align:left;
	border-top:#CCC solid 1px;
	}

.Content ul{
	list-style:none;
	}

.Content ul li{
	background:url(images/bullet.gif) no-repeat 0 4px;
	padding-left:25px;
	}
	
.Content530px{	
	padding:5px;
	margin-bottom:5px;
	text-align:left;
	border-top:#CCC solid 1px;
	width:520px;
	}

.Content530px ul{
	list-style:none;
	}

.Content530px ul li{
	background:url(images/bullet.gif) no-repeat 0 4px;
	padding-left:25px;
	}
	
	
/*
	dk Blue: #233865
	lt Blue: #36B1E4	
	lt Grey: #ECECEC
	White: 	 #FFFFFF
	lt Cream:#E3E3BF
	Orange:	 #ED8133
*/	
	
#rightCol{
	background:#FFF000;
	height:30px;
	}

#leftCol{
	background:#FF0000;
	height:30px;
	}
	
	
/* ______________________ Side Navigation ______________________ */		
	
.sideNav {
	clear:left;
	position:relative;
	width:200px;
	float:left;
	text-align:left;
	margin:5px 0px 0px 0px;
	padding:1px 0px 0px 0px;
	border-top:#CCC solid 1px;
	font-size:11px;
	}

.sideNav span{
	background:#233865 url(images/sidenavTitle.gif) no-repeat left bottom;
	padding:4px 5px 5px 12px;
	font-weight:bold;
	color:#FFF;
	display:block;
	}
	
.sideNav ul{
	list-style:none;
	margin:0px 0 0px 0;
	padding:0;
	position:relative;
	}

.sideNav ul li{
	padding:5px 5px 5px 12px;
	border-bottom:#F1F1F1 solid 1px;
	background:transparent url(images/bullet.gif) no-repeat  0px 10px;
	position:relative;
	}

.sideNav ul li.orange{
	background:transparent url(images/orangebullet.gif) no-repeat  0px 10px;
	}

.sideNav ul li a{
	color:#233865;
	}

.sideNav ul li a:hover{
	color:#36B1E4;
	}

.sideNav ul li a.grey{
	color:#333;
	}

.sideNav ul li a:hover.grey{
	color:#36B1E4;
	}

.sideNav small{
	padding:2px 5px;
	display:block;
	}
	
.prodNav{
	overflow:hidden;
	height:210px;
	position: relative;
	}
.prodNav span {
	position: relative;
}

.sideNav span.button{
	display:block;
	clear:left;
	background:#FFF url(images/submitInput.gif) no-repeat 15px 3px;
	text-align:left;
	font-size:10px;
	padding-left:20px;
	}

.sideNav span.button a{
	font-weight:normal;
	color:#FFF;
	}

/* ______________________ Short Login Form ______________________ */	

form.sLogin{
	padding:0px;
	border-bottom:#ECECEC solid 1px;
	}

form.sLogin p{
	margin:0;
	padding:0;
	}

form.sLogin label{
	display:block;
	margin-bottom:0px;
	width:55px;
	padding:5px 0 0 0;
	padding-left:5px;
	}

form.sLogin p.pass label{
	width:110px;
	
	}

form.sLogin p.pass label a{
	color:#999;
	}

form.sLogin p.pass label a:hover{
	color:#36B1E4;
	}
	
form.sLogin input{
	padding:0px;
	border:none;
	background:#FFF url(images/sLoginInput.gif) no-repeat left top;
	width:125px;
	height:16px;
	padding:4px 5px 0px 5px ;
	}

form.sLogin input.submit{
	text-align:left;
	background:#FFF url(images/submitInput.gif) no-repeat 0px 3px;
	border:none;
	height:23px;
	width:50px;
	color:#FFF;
	font-weight:normal;
	padding:0px !important;
	margin:0 0 5px 0;
	font-size:10px;
	text-align:center;
	}

/* ______________________ Product Advertisement ______________________ */		
	
.advertContainer{
	padding:5px 0px 0px 0px;
	}


/*  Right Column  */

/*
	dk Blue: #233865
	lt Blue: #36B1E4	
	lt Grey: #ECECEC
	White: 	 #FFFFFF
	lt Cream:#E3E3BF
	Orange:	 #ED8133
*/

.rightCol {
	clear:right;
	position:relative;
	width:250px;
	float:right;
	text-align:left;
	margin:0px 0px 5px 0px;
	padding:1px 0px 0px 0px;
	border-top:#CCC solid 1px;
	font-size:11px;
	}

.rightCol span{
	background:#E3E3BF url(images/rightTitle.gif) no-repeat left bottom;
	padding:4px 5px 5px 12px;
	font-weight:bold;
	color:#333;
	display:block;
	}
	
.rightCol ul{
	list-style:none;
	margin:0px 0 0px 0;
	padding:0;
	position:relative;
	}

.rightCol ul li{
	padding:5px 5px 5px 12px;
	border-bottom:#F1F1F1 solid 1px;
	background:transparent url(images/bullet.gif) no-repeat  0px 10px;
	position:relative;
	}

.rightCol ul li.orange{
	background:transparent url(images/orangebullet.gif) no-repeat  0px 10px;
	}

.rightCol ul li a{
	color:#233865;
	}

.rightCol ul li a:hover{
	color:#36B1E4;
	}

.rightCol ul li a.grey{
	color:#333;
	}

.rightCol ul li a:hover.grey{
	color:#36B1E4;
	}


#CarouselDiv{
	margin-top:5px;
	height:202px;
	}
	
li.newsCol {
	background:#fffeea url(images/orangebullet.gif) no-repeat  0px 10px !important;
	border-top:#FFF solid 1px;
	border-bottom:#f6f4c7 solid 1px !important;
	}

#survey{
	background:url(images/survey.gif) no-repeat right 15px;
	}

#survey p{
	margin-right:140px;
	}
	
/* ______________________ Footer ______________________ */

/*
	dk Blue: #233865
	lt Blue: #36B1E4	
	lt Grey: #ECECEC
	White: 	 #FFFFFF
	lt Cream:#E3E3BF
*/

#footer {
	border-top:#ECECEC solid 5px;
	clear:both;
	padding-top:0px;
	text-align:center;
	font-size:85%;
	margin:0;
	color:#FFF;
	}

#fholder{
	width:990px;
	margin:0 auto;
	text-align:left;
	}
	
#fholder b,
#fholder a{
	color:#36B1E4;	
	}

.compInfo{
	text-align:left;
	float:left;
	width:435px;
	padding-top:10px;
	}

.compCont{
	width:200px;
	padding:10px 20px;
	float:right;
	text-align:left;
	border-left:#ECECEC solid 1px;
	}

.compAdrs {
	float:left;
	width:200px;
	padding:10px 20px;
	border-left:#ECECEC solid 1px;
	}

/* ______________________ Sitemap ______________________ */

/*
	dk Blue: #233865
	lt Blue: #36B1E4	
	lt Grey: #ECECEC
	White: 	 #FFFFFF
	lt Cream:#E3E3BF
*/

ul.sitemap{
	border-top:#ECECEC solid 1px;
	padding:10px;
	font-size:1.5em;
	line-height:25px;
	}

ul.sitemap li{
	font-size:100%;
	background:none;
	}

ul.sitemap li ul li{
	font-size:85%;
	}