@import "menu.css";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 8px;
	color: #000000;
	text-align: left;
	font-weight: normal;
	line-height: 16px;
	}
p.bold {
	font-weight: bold;
	}
p.readmore {
	text-align: right;
	font-weight: bold;
	font-size: 10px
	}
	
/* image replacement technique allowing the logo to replace the company name and still keep h1 tag for SEO */
h1 {
	margin: 0;
	width: 241px;
	height: 120px;
	background: url(images/cavendish-logo.png) no-repeat;
	text-indent: -9000px;
	}
h1 a {
	display: block;
	height: 120px;
	background: url(images/cavendish-logo.png) no-repeat;
	}
	
h2 {
	display: block;
	font-size: 12px;
	font-weight: bolder;
	color: #42959B;
	height: 20px;
	padding: 2px 0 0 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-transform: uppercase;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 4px;
	margin-bottom: 2px;
}

a {
	color: #000000;
	text-decoration: underline;
	}
a.links {
	text-decoration: none;
	}
a.links hover {
	text-decoration: underline;
	}
a.large {
	color: #FFFFFF;
	text-decoration: none;
	}

/* containers */

div.container {
	width: 900px;
	margin: 0px auto;
	}
div.sitemap {
	width: 900px;
	margin: 0px auto;
	border-top: #D3D3D3 1px solid;
	padding-top: 8px;
	}
div.header {
	height: 120px;
	}
div.middle {
	}
div.accreditation	{
	float:right;
	text-align: center;
	width:250px;
	}
div.sitemapTable	{
	width:650px;
	float:left;
	text-align: left;
	}

#mainPicture{
	height:178px;
	width:900px;
}
#mainPicture.loading{
	background: url(images/spinner.gif) no-repeat center center;
}
#header-telephone{
	width: 630px;
	float: right;
	height: 10px;
	text-align: right;
	font-size: 20px;
	color: #7f8284;
}
div.top-right {
	float: right;
	width: 630px;
}
div.middle-buttons {
	height: 41px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 21px;
	}
div.copy {
	padding-top: 10px;
	}

div.tandc {
	width: 900px;
	margin: 0px auto;
	height: 20px;
	border-top: #D3D3D3 1px solid;
	}
	
/* header styles */
	
#logo {
	float: left;
	}
	
/* main navigation */

div.navigation {
	width: 630px;
	float: right;
	padding-top: 80px;
	height: 22px;
	clear: both;
	}
#tabs {
	display: block;
	float: left;
	width: 105px;
	background: url(images/tab.png) no-repeat right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 12px;
	height: 20px; /* overall height 32px */
	}
#tabs a {
	display: block;
	text-decoration: none;
	}
#tabs a:visited {
	display: block;
	text-decoration: none;
	}
#tabs a:hover {
	display: block;
	text-decoration: underline;
	}

/* middle navigation */

#business-solutions {
	float: left;
	width: 257px;
	padding: 9px 4px 0px 40px;
	background: url(images/bs-button-main.jpg) no-repeat;
	height: 32px;
	}
#products {
	float: left;
	width: 257px;
	padding: 9px 2px 0px 40px;
	background: url(images/prod-button-main.jpg) no-repeat center top;
	height: 32px;
	}	
#services {
	float: right;
	width: 257px;
	padding: 9px 0px 0px 40px;
	background: url(images/serv-button-main.jpg) no-repeat;
	height: 32px;
	}


/* lh side navigation */	

#left {
	clear: both;
	float: left;
	margin: 0px;
	width: 208px;
}
#leftcol {
	float: left;
	width: 188px;
	padding: 0px;
}

#leftcol ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
}
#leftcol ul li {
	display: block;
	padding: 0;
	margin: 0 0 3px 0;
}
#leftcol a {
	display: block;
	font-size: 11px;
	text-decoration: none;
	height: 20px;
	padding: 6px 0 0 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
#leftcol a:hover {
	background-position: 0 -26px;
}

#leftcol a#active_menu {
	color: #fff;
	background-position: 0 -52px;
}
#leftcol ul li ul li a{
	padding-left:35px;
	background: url(images/side_nav_sub.png) no-repeat;
}
#leftcol ul li ul li a:hover{
	color:#222;
	text-decoration:underline;
	background-position: 0px -26px
}

a.leftHome{background: url(images/side_nav_business.png) no-repeat;}
a.leftHome:link{color:#000;}
a.leftHome:hover{color:#FFF;}

a.leftBusiness{background: url(images/side_nav_business.png) no-repeat;}
a.leftProducts{background: url(images/side_nav_products.png) no-repeat;}
a.leftServices{background: url(images/side_nav_services.png) no-repeat;}


#left p {
	display: block;
	font-size: 12px;
	color: #42959B;
	text-decoration: none;
	background: url(images/blank_topic.png) no-repeat;
	height: 20px;
	padding: 2px 0 2px 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
}
#topic, #topic2, #topic3, #topic4{
	display: block;
	font-size: 12px;
	color: #42959B;
	text-decoration: none;
	height: 20px;
	padding: 2px 0 2px 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
	font-weight: bold;
}

#left p a:hover{
	color: red;
	}	
/* right hand side navigation (big buttons plus news)*/	

#right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 194px;
}

#rightcol {
	float: right;
	width: 174px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
}

#rightcol ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
}
#rightcol ul li {
	padding: 0;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-top: 0px;
	}

#rightcol ul li a {
	display: block;
	font-size: 13px;
	height: 53px;
}
#rightcol ul li a span{
	display: none;
}
#rightcol ul li a:hover {background-position: 0 -53px;}

a#rightemail{ background: url(images/rhs_email.png) no-repeat;}
a#rightevents{ background: url(images/rhs_events.png) no-repeat;}
a#rightcallback{ background: url(images/rhs_callback.png) no-repeat;}
a#rightcomp{ background: url(images/rhs_comp.png) no-repeat;}

#rightcol ul li.menusep { 
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: #469fd1;
}

#news-header {
	background: url(images/rhs_news.png) no-repeat;
	padding: 0px;
	height: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	font-size: 10px;
	}
#news-header span{
	display: none;
}
#news-copy {
	border: #D3D3D3 1px solid;
	border-top: hidden;
	padding: 10px;
	}
#news-copy p{
	font-size: 10px;
	line-height: 12px;
	}
#copy-middle {
	float: left;
	padding: 0px;
	width: 495px;
	}
#copy-middle	li{
		font-size: 12px;
		margin-right:30px;
}
	
	
/* extra */

/* pathway a color */
span.pathway {
	display: block;
	margin: 0 0 5px 0;
	color: #42959B;
	font-weight: bold;
	padding: 6px 0 0 0;
	}
a.pathway { color: #333; }
a.pathway hover { color: #48a5ac; }
.pathway img { margin: 0; }


#force { /*if you know a better way please replace */
	padding-top: 10px;
	clear: both;
	}
.button {
	font-size: 9px;
	}
.cl-head {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	}
.text-areas {
	font-size: 10px;
	}
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	float: left;
	text-align: left;
	padding-top: 7px;
	}
td.search-text {
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: normal;
	}
#sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	float: right;
	text-align: right;
	padding-top: 7px;
	}
#sitemap a {
	color: #666666;
	text-decoration: underline
	}
#textTitle{
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #42959B;
	text-decoration: none;
	height: 20px;
	padding: 6px 0 0 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
span.highlight{
	color: #42959B;
	font-weight: bold;
}
a.pdf {
	display:inline-block;
	padding-left:26px;
	padding-bottom:4px;
	line-height:18px;
	background:transparent url(/images/small_pdf.png) center left no-repeat;
}
a.video {
	display:inline-block;
	padding-left:26px;
	padding-bottom:4px;
	line-height:18px;
	background:transparent url(/images/Filetype-AVI-icon.png) center left no-repeat;
}

.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -2.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}
p.photo
{
color:white;
margin: 0;
padding: 0 1em;
font-size: 1.1em;
position: relative;
top: -50px;
line-height: 14px;
height: 50px;
background: black;
opacity: .8;
filter:alpha(opacity=80);
}
/*
------------------------------
	Impromptu's
------------------------------
*/
.jqifade{
	position: absolute; 
	background-color: #aaaaaa; 
}
div.jqi{ 
	width: 400px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{ 
	font-weight: bold; 
}
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
}
div.jqi .jqibuttons{ 
	text-align: right; 
	padding: 5px 0 5px 0; 
	border: solid 1px #eeeeee; 
	background-color: #f4f4f4;
}
div.jqi button{ 
	padding: 3px 10px; 
	margin: 0 10px; 
	background-color: #2F6073; 
	border: solid 1px #f4f4f4; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi button:hover{ 
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
	/*background-color: #8DC05B;*/
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #BF5E26;
}

/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/*
------------------------------
	columns ex
------------------------------
*/
.colsJqifadewarning .colsJqi{ background-color: #b0be96; }
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 560px;
	text-align: left;
}
div.colsJqi .colsJqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #bbbbbb;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 440px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
	brown theme
------------------------------
*/
.brownJqiwarning .brownJqi{ background-color: #cccccc; }
.brownJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.brownJqi{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.brownJqi .brownJqiclose{
    float: right;
    margin: -20px 0 0 0;
    cursor: pointer;
    color: #777777;
    font-size: 11px;
}
div.brownJqi .brownJqicontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #5F5D5A;
	color: #ffffff;
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right;
}
div.brownJqi button{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
*------------------------
*   clean blue ex
*------------------------
*/
.cleanbluewarning .cleanblue{ background-color: #acb4c4; }
.cleanbluefade{ position: absolute; background-color: #aaaaaa; }
div.cleanblue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 11px; text-align: left; border: solid 1px #213e80; }
div.cleanblue .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #213e80; padding: 5px; font-weight: bold; }
div.cleanblue .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.cleanblue .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.cleanblue button:hover{ border: solid 1px #d4d4d4; }

/*
*------------------------
*   Ext Blue Ex
*------------------------
*/
.extbluewarning .extblue{ border:1px red solid; }
.extbluefade{ position: absolute; background-color: #ffffff; }
div.extblue{ border:1px #6289B6 solid; position: absolute; background-color: #CAD8EA; padding: 0; width: 300px; text-align: left; }
div.extblue .extblueclose{ background-color: #CAD8EA; margin:2px -2px 0 0; cursor: pointer; color: red; text-align: right; }
div.extblue .extbluecontainer{ background-color: #CAD8EA; padding: 0 5px 5px 5px; color: #000000; font:normal 11px Verdana; }
div.extblue .extbluemessage{ background-color: #CAD8EA; padding: 0; margin:0 15px 15px 15px; }
div.extblue .extbluebuttons{ text-align: center; padding: 0px 0 0 0; }
div.extblue button{ padding: 1px 4px; margin: 0 10px; background-color:#cccccc; font-weight:normal; font-family:Verdana; font-size:10px; }

.colsJqi label {
		width:120px;
		display:inline-block;
		color:black;
	}
	.inputGroup {
		display:block;
		color:black;
	}
	.inputError {
		color:red;
		margin-left:3px;
	}
span.headline{
	color: #215d63;
	font-size: 16px;
	font-weight: bold;
	padding-left: 4px;
	margin-top: 4px;
}
span.date{
	font-size: 11px;
	font-style: italic;
}
#webabillity{
	text-align:center;
	cursor:pointer;
}
#webabillity a {
	text-decoration: none;
}
#webabillity img {
	text-decoration: none;
}