@import "reset.css";
@import "buttons.css";
@import "typography.css";
@import "colourscheme.css";
@import "cssmenu_style.css";

body
{
	background: url(../images/menu-bg.jpg) repeat-x left top;
}

p
{ margin:10px 0; }

#siteWrapper{
	width:950px;
	margin:0 auto;
	position:relative;
}

.clear
{ clear:both; }

#headerWrapper{
	height:173px;
	position:absolute;
	top:0;
	left:0;
	width:950px;
}

#btmFooterWrapper{
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	float:left;
	width:950px;
	border-top:solid 1px #CCC;
}

#breadcrumb
{ float:left; padding:0 0 10px 0; width:700px; }

#breadcrumb #breadcrumb_first a, #breadcrumb #breadcrumb_middle_1 a, #breadcrumb_last
{ font-weight:bold; text-decoration:none; border-top:1px solid #ccc;  border-bottom:1px solid #ccc;  border-left:1px solid #ccc; padding:5px 10px; background-color:#eee; float:left; font-size:0.8em; }

#breadcrumb_last
{ background-color:#666; color:#fff; border:#666; padding:6px 20px 6px 10px; background-image: url(../images/breadcrumb-end.gif); background-repeat: no-repeat; background-position: right top; height:13px; }

#breadcrumb_last a
{ color:#fff; border:0; padding-bottom:5px; }

#breadcrumb_last
{ border-bottom:0;  border-top:0; }

#footer-links
{ padding:30px 0 0 70px; float:left; }

#bookmark
{ float:left; }

#footer-links a, #footer-links span
{ padding:0 5px; float:left; font-size:80%; }

#footer-links img
{ float:left; margin-top:-3px; }

#footer-links img.cards
{ margin-top:-10px; }

#poweredby
{ text-align:right; }

#logo{
	float:left;
	padding:10px 0 10px 0;
}

#searchAreaForm{
	float:left;
	margin:45px 0 0 40px;
}

#departments-menu
{ height:15px; float:left; width:490px; }

#departments-menu h3
{ float:left; }

#productDetailsWrapper h3
{ margin:10px 0; }

#select{ float:left; padding:2px; border:1px solid #ccc; font-size:0.8em; margin-left:10px; height:16px; width:160px; background-color:#fff; position:relative; }

#contact-home #select img
{ width:15px; height:16px; margin-right:0; }

#contact-home #select
{ margin:10px 0 0 0; }

#select img
{ position:absolute; right:2px; width:15px; height:16px; }

#select-wrapper
{ position:relative; float:left; width:125px; }

#clinic-menu
{ position:absolute; left:11px; top:2px; background-color:#fff; display:none; width:154px; padding:5px; height:300px; overflow:scroll; overflow-x:hidden; font-size:0.8em; }

li.headlink ul { display: none; }

li.headlink:hover ul { display: none; }

#contact-home #clinic-menu
{ left:0; top:12px; }

#contact-home #select-wrapper
{ position:absolute; top:60px; left:58px; height:31px; }

.movie
{
	background: url(../images/movie-bg.gif) no-repeat left top;
	width: 218px;
	padding:12px;
	position:relative;
	float:left;
}

.movie hr
{ margin:0 -10px 8px -10px; width:241px; padding:0; color:#fff; }

.movie h3
{ margin-bottom:10px; }

.movie-btm
{
	background: url(../images/movie-btm.gif) no-repeat left top;
	width: 242px;
	height:10px;
	margin-bottom:8px;
	float:left;
}

#infolinks li
{
	padding:5px 0;
	margin-left:15px;
	list-style: url(../images/info-bullet.gif) none outside;
	float:left;
	clear:both;
	width:160px;
}

#infolinks li a
{ text-decoration:underline; }

#infolinks span
{
	padding:5px 0;
	margin-left:15px;
	float:left;
	clear:both;
	font-weight:bold;
}

#news
{ height:775px; width:500px; overflow-x:hidden; overflow-y:scroll; float:left; }

#leftColumn #news h2
{ width:470px; margin:0; padding:10px 0; border-top:1px solid #333; }

#department-holder #nav, #department-holder #nav ul, #department-holder #nav li, #department-holder #nav li a.nosub, #department-holder #nav li a.sub, #department-holder #sitemapClinics li, #department-holder #sitemapClinics li a, #department-holder ul#sitemapClinics
{
	background-image:none;
	padding:0;
	margin:0;
	color:#333;
	border:0;
	float:left;
	clear:both;
	list-style: none;
	line-height:20px;
}

#department-holder #nav, #department-holder ul#sitemapClinics
{ font-size:1.1em; list-style: none; width:200px; overflow:hidden; }

#department-holder #nav ul, #department-holder ul#sitemapClinics ul
{ display:block; left:0; position:relative; }

.hover-select
{ display:block; }

#clinic-menu a
{ float:left; clear:both; line-height:25px; }

#clinic-icon
{ margin-bottom:5px; }

#headerBanner{
	margin-top:1px;
	float:left;
}

.checkoutLink
{ position:absolute; right:75px; top:10px; }

#telephone
{ float:left; margin:40px 0 0 40px; }

#telephone img
{ float:left; }

#telephone p
{ float:left; vertical-align:middle; margin:10px 0 0 5px; }

#contact-home
{
	background: url(../images/home-contact-bg.gif) no-repeat left top;
	height: 218px;
	width: 218px;
	padding:12px;
	position:relative;
}

.productimage
{ float:left; }

#productPrice
{ margin:10px 0; }

#stock-warning
{ float:left; clear:both; width:450px; }

#contact-home img
{ margin-right:10px; float:left; width:36px; height:36px; }

#contact-home p
{ margin:5px 0; height:36px; float:left; display:block; width:210px; }

#whoson_chat_link img
{ width:220px; height:45px; }

#Client-test
{
	background: url(../images/home-testimonial-bg.gif) no-repeat left top;
	height: 204px;
	width: 218px;
	padding:12px;
	float:left;
}

#Client-test p
{ color:#fff; line-height:20px; height:120px; overflow-x:hidden; overflow-y:scroll; }

#Client-test img
{ margin:0 5px; }

#Client-test a
{ color:#fff; text-decoration:underline; }

#options-box
{
	background: url(../images/options-bg.gif) no-repeat left top;
	width: 218px;
	padding:12px;
	float:left;
}

#options-box p
{ color:#fff; line-height:20px; height:160px; overflow-x:hidden; overflow-y:scroll; }

#options-box-btm
{
	background: url(../images/options-btm.gif) no-repeat left bottom;
	width: 242px;
	height:10px;
	margin-bottom:8px;
	float:left;
}

.download-banner
{ float:left; margin-bottom:8px; }

#contact-home label
{ font-size:90%; }

.home-info-element img, .infopageImageRight, #prodimg
{padding:3px; border:1px solid #ccc; margin:5px 0 5px 5px; float:right; }

.infopageImageLeft
{padding:3px; border:1px solid #ccc; margin:5px 5px 5px 0; float:left; }

#form1
{ float:left; }

#form1 input, #form1 label, #form1 textarea
{ float:left; clear:both; margin:2px 0; }

#form1 label
{ font-weight:bold; }

#form1 fieldset
{ border:1px solid #ccc; padding:10px; width:483px; }

#form1 legend
{ margin:0; font-weight:bold; font-size:120%; }

table.bannertbl
{ margin-bottom:8px; float:left; }

#home-corporate-services img
{ border:0; float:left; }

.product-list
{ float:left; margin:0; font-size:0.95em; padding:5px 0; position:relative; }

.product-list a:hover
{ text-decoration:underline; }

.product-list .buy
{ position:absolute; left:100px; bottom:10px; background-image:url(../images/buy-now.gif); background-repeat: no-repeat; background-position: left top; color:#fff; width:128px; padding:4px 0 2px 5px; border:0; background-color:#fff; text-align:left; float:left; height:21px; }

.product-list img, .product-list form.buy
{ float:left; padding:0; margin:0; border:0; }

.headerBannerText{
	position:absolute;
	top:170px;
	left:20px;
	width:600px;
}

#mainContentWrapper{
	margin:180px 0 0 0;
	float:left;
	width:950px;
}

#leftColumn{
	float:left;
	width:710px;
}

#leftColumn h2
{ width:510px; margin:10px 0; line-height:20px; }

#rightColumn{
	width:240px;
	float:right;
}

#cartColumn{
	float:left;
	width:950px;
}

#infoListingMain
{ float:left; background: url(../images/info-box-xlarge.gif) no-repeat left top; }

#infoListingMainBtm
{ float:left; background: url(../images/info-box-xlarge.gif) no-repeat left bottom; width:710px; height:30px; }

#department-holder
{ float:left; width:530px; background: url(../images/info-box-large.gif) no-repeat left top; font-size:0.8em; }

#department-holder-btm
{ float:left; width:530px; background: url(../images/info-box-large.gif) no-repeat left bottom; height:20px; }

#department-left-info
{ width:171px; float:left; margin-right:7px; font-size:110%; overflow:hidden; }

#department-left-info a
{ text-decoration:underline; }

.dept-info, .dept-info-btm
{ background: url(../images/info-box-small.gif) no-repeat left top; float:left; }

.dept-info .product-list img
{ width:50px; float:left; margin-right:5px; }

.dept-info
{ font-size:0.8em; }

#department-left-info .text-box h3
{ margin-bottom:0; }

.dept-info hr
{ margin:0 -7px; width:171px; color:#f4f4f4; margin-top:5px; } 

.dept-info-btm
{ background-position:left bottom; height:10px; width:171px; margin-bottom:8px; }

.dept-info
{ padding:7px; }

#department-holder-padding
{ padding:0 10px 10px 10px; float:left; }

#department-holder-padding .itemListing
{ float:left; width:160px; padding:10px 10px 10px 0; }

#prodimg
{ float:right; }

.pageUp
{ padding:10px; }

.infoListing
{ padding:10px; clear:both; display:block; width:680px; }

.title
{ padding:13px 10px; clear:both; float:left; width:500px; }

table.complexOptions{
	margin:5px 0;
	width:99%;
	float:left;
}

table.complexOptions tr, table.complexOptions tr td{
	border:1px solid #eee;
}

table.complexOptions tr td{
	padding:10px 5px;
	background-color:#ccc;
	color:#333;
}

.complexOptionsPriceValue .productprice
{ color:#333; }

/* right nav options */

#rightColumn table.complexOptions{
	margin:-2px 0 0 0;
	width:100%;
}

#rightColumn table.complexOptions tr, #rightColumn table.complexOptions tr td{
	border:1px solid transparent;
}

#rightColumn table.complexOptions tr td{
	padding:5px 0;
	background-color:transparent;
	color:#494949;
	font-size:80%;
	vertical-align: middle;
}

#rightColumn table.complexOptions a
{ color:#494949; font-weight:bold; }

table.complexOptions button
{ border:0; background-color:transparent; width:60px; }

table.complexOptions img
{ cursor:pointer; }

table.complexOptions button img
{ margin:0; }

#rightColumn .complexOptionsPriceValue .productprice
{ color:#494949; }

/* end */

.home-info-element
{
	background: url(../images/info-box-medium.gif) no-repeat left top;
	width: 331px;
	height: 327px;
	float:left;
	padding:12px;
}

.home-info-element li, .infoListing li
{ list-style:disc; list-style-position:inside; line-height:16px; margin:10px 0; font-size:0.8em; }

.text-box h3
{ margin-bottom:20px; }

.text-box span a
{ text-decoration:underline; color: #073F92; padding:5px 0; float:left; }

.contact-details
{ position:absolute; top:272px; right:10px; z-index:1; background-color:#c7d1c3; width:171px; overflow:hidden; }

.contact-details p
{ margin:10px 0 23px 0; font-size:120%; }

/* slideshow */

.slideshow
{background: url(../images/home-banner-bg.gif) no-repeat left top; width: 702px; height: 202px; margin-bottom:8px; }

#mask
{background: url(../images/home-banner-bg.gif) no-repeat left top; width: 702px; height: 202px; position:absolute; left:0; top:0; }

#slider {
	width: 702px; /* important to be same as image width */
	height: 202px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	background: url(../images/home-banner-bg.gif) no-repeat left top;
}

.slideshow #sliderContent{
    width: 702px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	height:202px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	width:702px;
	height:202px;
}

.sliderImage span {
    position: absolute;
	font: 15px/20px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    color: #333;
    display: none;
}
.clear {
	clear: both;
}
.slideshow .sliderImage span strong {
    font-size: 20px;
}
.slideshow .top {
	top: 0;
	left: 0;
}
.slideshow .bottom {
	bottom: 0;
    left: 0;
}
.slideshow .left {
	top: 0;
    left: 0;
	width: 300px !important;
	height: 202px;
}
.slideshow .right {
	right: 0;
	top: 0;
	width: 300px !important;
	height: 182px;
}
.slideshow ul { list-style-type: none;}

.clinicListing br
{ margin:5px 0; }

.clinicListing ul
{ margin:10px 0; float:left; clear:both; } 

.clinicListing ul li
{
	margin:5px 0;
	float:left;
	clear:both;
	list-style: disc inside;
}

.aligned
{ height:160px; }

#slideshow a
{ position:absolute; bottom:5px; left:7px; }

/* slideshow end */

#contactUsForm label
{ width:150px; vertical-align:top; float:left; margin-bottom:10px; }

#contactUsForm input
{ width:250px; vertical-align:top; float:left; clear:right; margin-bottom:10px; }

#contactUsForm textarea
{ width:250px; height:100px; }

#contactUsForm #contactSubmit
{ width:100px; margin-left:150px; }

/* =================== Shoppingcart styles =================== */

#checkoutcontainer{
	width:950px;
	float: left;
}

#cartStages{
	width:960px;
	height:40px;
	background-color:#DBDCDC;
	float:left;
	margin-bottom:10px;
}

#cartStages span{
	margin:8px 0 8px 8px;
	float:left;
}

table#cartTable{
	border:1px soild #eee;
}

table.ShoppingCart{
	padding: 0;
}

table.ShoppingCartItems{
	border: none; 
	padding: 0; 
	width:950px;
}

th.ShoppingCartTitle{
	padding: 0; 
	width: 900px;
}

th.ShoppingCartHeading{
	padding: 2px 8px 2px 8px;
}

td.ShoppingCartSubTotalText{
	padding: 2px;
}

td.ShoppingCartItem,
td.ShoppingCartTotalFigures,
td.ShoppingCartSubTotalFigures,
td.ShoppingCartTotalText,
td.ShoppingCartGrandTotalText,
td.ShoppingCartGrandTotalFigures{
	padding: 4px;
}


td.ShoppingCartText{ 
	background-color: #fff;
	padding-left: 0; 
}

/* =================== Checkout styles =================== */

table.CheckoutCardDetails,
table.CheckoutVoucherDetails,
table.CheckoutCustomerDetails,
table.CheckoutDeliveryDetails{
	padding: 2px; 
	width: 100%;
}

th.CheckoutHeading{
	padding: 4px 2px 4px 2px; 
}

tr.CheckoutCardDetails,
tr.CheckoutVoucherDetails, 
tr.CheckoutCustomerDetails, 
tr.CheckoutDeliveryDetails{
	padding: 2px 0 2px 8px;
}

td.CheckoutText,
td.CheckoutPrompt,
td.CheckoutField{
	padding: 1px 2px 1px 2px; 
}

.CheckoutInput{
	padding: 2px 0 2px 2px;
}

.CheckoutButtons, 
.checkoutButtons{ 
	padding: 1px 2px 1px 2px;
}

#checkoutBreakTable{
	display: none;
}

/* =================== Order Tracking Page Styles =================== */

table.orders{
	width: 100%;
}

table.orders td {
	padding: 3px 0 3px 3px;
}

td.orderidheading{
	padding: 0 0 0 3px !important; 
}

td.ordersDetail{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

td.ordersTotalheading{
	padding: 0 0 0 3px !important;
}

td.ordersTotal{
	padding: 0 0 0 3px !important;
}

td.ordersuccessmessage p{
	margin:15px 0;
}

td.ordersuccessmessage a{
	color:#0000FF;
}