﻿@font-face
{
	font-family: 'KlavikaMedium';
	src: url('klavika-medium-webfont.eot');
	src: url('klavika-medium-webfont.eot?#iefix') format('embedded-opentype'), url('klavika-medium-webfont.ttf') format('truetype'), url('klavika-medium-webfont.svg#KlavikaMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
.leftSideContent h1, .leftSideContent h2, .testimonialsPanel h2, h1#homepageTableHeader
{
	font-family: 'KlavikaMedium';
	font-weight: normal;
}
a img
{
	border: 0;
}
.testimonialText
{
    background-image: url("testback.png");
    color: #474746;
    font-family: tahoma;
    font-weight: normal;
    height: 96px;
    left: 323px;
    line-height: 140%;
    position: absolute;
    top: 12px;
    width: 341px;
	overflow:hidden;
}
.testimonialText2
{
    background-image: url("testback2.png");
    color: #474746;
    font-family: tahoma;
    font-weight: normal;
    height: 96px;
    line-height: 140%;
    position: relative;
    width: 313px;
	font-size:12px;
	overflow:hidden;
}
.smallTestimonial
{
padding:10px 14px;
}
.smallTestimonial2
{
padding:14px;
}
.testimonialText2 b
{
	font-size: 13px;
	color:#474746;
}
.testimonialText 2strong
{
}
.testimonialText2 span
{
	font-size: 12px;
	color:#fe5806;
}
.testimonialText b
{
	font-size: 14px;
	color:#474746;
}
.testimonialText strong
{
}
.testimonialText span
{
	font-size: 14px;
	color:#fe5806;
}
body
{
	/*background-image: url('background.png');*/
	background-repeat: repeat-x;
	background-color: #278dcb;
	font-family: calibri, arial, verdana, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	color: #6b6b6b;
	background-attachment: fixed;
}
.start-your-claim
{
 position: absolute;
    right: 13px;
    top: 179px;
    z-index: 999;
}
a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.clear
{
	clear: both;
}
.imgReplace
{
	width: 0;
	height: 0;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	margin: 0;
	border: 0;
	background-color: transparent;
}
#container
{
	background-color: #FFFFFF;
	border: 1px solid #288ECB;
	border-radius: 10px 10px 10px 10px;
	margin: 10px auto;
	padding: 16px;
	width: 963px;
}
#header
{
	height: 124px;
	position: relative;
}
#headerLogo
{
	padding: 93px 215px 0 0;
	background-image: url('whitestone-solicitors-logo.png');
	position: absolute;
	top: 12px;
	left: 12px;
}
#headerPhoneNumber
{
	padding: 72px 279px 0 0;
	background-image: url('header-phonenumber.png');
	position: absolute;
	top: 33px;
	right: 0px;
}
.bannerPanel img
{
	display: block;
}
#topLinks
{
	background-image: url('links-background.png');
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #424242;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	padding: 0 10px;
	border-bottom: 3px solid #ff8f00;
	position: relative;
}
.parentLink
{
	padding: 10px 12px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	float: left;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000000;
}
.parentPanel:hover .parentLink, #topLinks a.active
{
	background-color: #ff8f00;
	text-decoration: none;
	text-shadow: none;
}
.parentPanel:hover .parentLink
{
	color: #424242;
}
#topLinks a.active
{
	color: #fff200;
}
#topLinks a.active:hover
{
	color: #fff200;
}
#topLinks .parentLink:first-child
{
	border-left: 0;
}
#topLinks .parentPanel
{
	display: block;
	float: left;
	position: relative;
}
#topLinks .parentPanel .subMenu
{
	display: block;
	border: 2px solid #99bde3;
	padding: 0;
	left: 5px;
	position: absolute;
	top: 30px;
	width: 200px;
	z-index: 2;
	-webkit-box-shadow: 2px 2px 2px #333333;
	-moz-box-shadow: 2px 2px 2px #333333;
	box-shadow: 2px 2px 2px #333333;
	z-index: 20;
	-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#topLinks .parentPanel .subMenu.noJS
{
	display: none;
}
#topLinks .parentPanel:hover .subMenu.noJS
{
	display: block;
}
#topLinks .parentPanel .subMenu .childPanel
{
	border-top: 1px solid #99bde3;
	position: relative;
}
#topLinks .parentPanel .subMenu .childPanel > a
{
	display: block;
	padding: 3px 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #288ecb;
}
#topLinks .parentPanel .subMenu .childPanel:first-child
{
	border-top: 0;
}
#topLinks .parentPanel .subMenu .childPanel:hover
{
	background-color: #99bde3;
}
#topLinks .parentPanel .subMenu .childPanel:hover > a
{
	background-color: #99bde3;
	color: #000000;
}
#topLinks .parentPanel .subMenu .childPanel .subSubMenu
{
	background-color: #c4e9ff;
	padding: 2px;
	border-top: 0;
	left: 170px;
	position: absolute;
	top: -2px;
	width: 200px;
	z-index: 2;
	-webkit-box-shadow: 2px 2px 2px #333333;
	-moz-box-shadow: 2px 2px 2px #333333;
	box-shadow: 2px 2px 2px #333333;
	-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#topLinks .parentPanel .subMenu .childPanel.noJS .subSubMenu
{
	display: none;
}
#topLinks .parentPanel .subMenu .childPanel.noJS:hover .subSubMenu
{
	display: block;
}
#topLinks .parentPanel .subMenu .childPanel .subSubMenu a:first-child
{
	border-top: 0;
}
#topLinks .parentPanel .subMenu .childPanel .subSubMenu a
{
	display: block;
	padding: 3px 10px;
	color: #FFFFFF;
	text-decoration: none;
	border-top: 1px solid #c4e9ff;
	background-color: #5bc0fe;
}
#topLinks .parentPanel .subMenu .childPanel .subSubMenu a:hover
{
	background-color: #c4e9ff;
	color: #000000;
}
#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img
{
	border: none;
}
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image
{
	padding: 10px;
}
#lightbox-loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
	left: 0;
}
#lightbox-nav a
{
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev
{
	left: 0;
	float: left;
}
#lightbox-nav-btnNext
{
	right: 0;
	float: right;
}
#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data
{
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details
{
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption
{
	font-weight: bold;
}
#lightbox-image-details-currentNumber
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose
{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#leftSide
{
	float: left;
	width: 642px;
	margin-top: 8px;
}
#rightSide
{
	float: right;
	width: 308px;
	margin-top: 8px;
}
.homepageBoxes
{
	height: 375px;
	background-image: url('homepage-links-background.png');
	position: relative;
}
.homepageBoxes p
{
	position: absolute;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	top: 185px;
	font-size: 12px;
	line-height: 117%;
	width: 134px;
}
#homepageBox1
{
	left: 15px;
}
#homepageBox2
{
	left: 175px;
}
#homepageBox3
{
	left: 330px;
}
#homepageBox4
{
	left: 490px;
}
.homepageBoxes a
{
	bottom: 14px;
	padding: 24px 129px 0 0;
	position: absolute;
}
#homepageBox1Link
{
	left: 16px;
}
#homepageBox2Link
{
	left: 176px;
}
#homepageBox3Link
{
	left: 329px;
}
#homepageBox4Link
{
	left: 489px;
}
.quickEnquiry
{
	height: 374px;
	position: relative;
	background-image: url('consultation-background.png');
}
.quickEnquiry p
{
	position: absolute;
	color: #FFFFFF;
	width: 278px;
	top: 25px;
	left: 15px;
}
input.qqField, textarea.qqField, select.qqField
{
	border: 0 none;
	font-size: 12px;
	padding: 0;
	position: absolute;
	font-family: calibri, arial, verdana, sans-serif;
}
.quickEnquiry input.qqField.qqName
{
	width: 256px;
	left: 23px;
	top: 94px;
}
.quickEnquiry input.qqField.qqPhone
{
	width: 256px;
	left: 23px;
	top: 127px;
}
.quickEnquiry input.qqField.qqEmail
{
	width: 256px;
	left: 23px;
	top: 159px;
}
.quickEnquiry textarea.qqField.qqNature
{
	width: 256px;
	left: 23px;
	height: 94px;
	top: 223px;
}
.quickEnquiry select.qqField.qqService
{
	width: 256px;
	left: 23px;
	top: 190px;
}
.quickEnquiry input.qqField.qqTime
{
	left: 23px;
	top: 335px;
	width: 193px;
}
.qqSubmit
{
	background-image: url("consultation-send.png");
	bottom: 16px;
	cursor: pointer;
	padding: 32px 66px 0 0;
	position: absolute;
	right: 16px;
}
.qqSubmit:hover
{
	background-position: 0 -32px;
}
.leftSideContent
{
	line-height: 150%;
	margin: 10px 0 20px;
}
.accordionPanel h2
{
	background-image: url('accordion-plus.png'), url('accordion-title-background.png');
	background-repeat: no-repeat, repeat-x;
	background-position: 8px center, center bottom;
	color: #116997;
	font-size: 14px;
	padding: 5px 10px 5px 30px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 6px #efefef;
	-moz-box-shadow: 0px 0px 6px #efefef;
	box-shadow: 0px 0px 6px #efefef;
	cursor: pointer;
	width: 582px;
	margin: 10px auto;
}
.accordionPanel h2:hover
{
	color: #000;
}
.accordionPanel h2.expanded
{
	background-image: url('accordion-minus.png'), url('accordion-title-background.png');
}
.newsletterPanel
{
	width: 623px;
	height: 108px;
	margin: 10px auto;
	position: relative;
	background-image: url('newsletter-background.png');
}
.newsletterPanel p
{
	color: #FFFFFF;
	left: 15px;
	position: absolute;
	top: 26px;
	width: 600px;
}
.newsletterName
{
	left: 19px;
	top: 70px;
	width: 254px;
}
.newsletterEmail
{
	left: 288px;
	top: 70px;
	width: 254px;
}
.newsletterSubmit
{
	background-image: url("consultation-send.png");
	bottom: 15px;
	cursor: pointer;
	padding: 32px 66px 0 0;
	position: absolute;
	right: 8px;
}
.newsletterSubmit:hover
{
	background-position: 0 -32px;
}
.testimonialsPanel, .twitterPanel, .newsPanel
{
	margin: 10px 0 20px;
}
.testimonialsPanelInner, .twitterPanel, .newsPanelInner
{
	background-color: #E6EDFF;
	background-position: 20px 17px;
	background-repeat: no-repeat;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 10px #D0D7E7 inset;
	position: relative;
	color: #000;
	font-size: 12px;
}
.testimonialsPanelInner
{
	padding: 10px 10px 50px 10px;
}
.twitterPanel
{
	padding: 50px 10px 10px 10px;
}
.newsPanelInner
{
	padding: 10px;
}
.testimonialsPanelInner .testimonial, .newsPanelInner .testimonial
{
	border-top: 1px dotted #000;
	position: relative;
}
.testimonialsPanelInner .testimonial:first-child, .newsPanelInner .testimonial:first-child
{
	border-top: 0;
}
.testimonialsPanelInner img, .newsPanelInner img
{
	border: 1px solid #666666;
	float: left;
	margin-top: 10px;
}
.testimonialsPanelInner p
{
	padding: 10px 0 10px 90px;
	margin: 0;
}
.newsPanelInner p
{
	padding: 10px 0;
	margin: 0;
}
.newsPanelInner .testimonial.hasImage
{
	min-height: 100px;
}
.newsPanelInner .testimonial.hasImage p
{
	padding-left: 90px;
}
.testimonialsPanel h2, .newsPanel h2
{
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.testimonialsLink
{
	background-image: url('testimonials-link.png');
	padding: 32px 196px 0 0;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.testimonialsLink:hover
{
	background-position: 0 -32px;
}
#footerNotice
{
	padding: 10px 20px;
	background-color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	margin-bottom: 10px;
}
#sizzleLink
{
	float: right;
	color: #FFF;
}
#footerLinks, #footerAddress
{
	padding: 10px 20px;
	margin: 0;
}
#footerPI
{
	padding: 10px 0px 10px 5px;
	margin: 0;
	width: 1000px;
}
#footerAddress
{
	font-weight: bold;
}
#footerLinks a
{
	color: #000;
	padding: 0 5px;
	border-left: 1px solid #000;
}
#footerLinks a:first-child
{
	border-left: 0;
	padding-left: 0;
}
#twitterLink
{
	background-image: url("twitter-link.png");
	left: 10px;
	padding: 40px 196px 0 0;
	position: absolute;
	top: 10px;
}
#twitterLink:hover
{
	background-position: 0 -40px;
}
.tweet
{
	padding: 10px 0;
	border-top: 1px dotted #000;
}
#latestTweets .tweet:first-child
{
	border-top: 0;
}
.tweetDate
{
	display: block;
	color: #000;
	font-weight: bold;
	float: right;
}
a.innerTweetLink
{
	color: #054391;
	text-decoration: underline;
	font-weight: bold;
}
a.innerTweetLink:hover
{
	color: #000000;
}
#homepageTable
{
	width: 100%;
}
#homepageTable td
{
	width: 33%;
}
#homepageTable td img
{
	display: block;
	margin: 5px auto;
}
h1 span, h1 strong
{
	color: #000;
	font-weight: normal;
}
h2#homepageTableHeader
{
	font-size: 18px;
	margin: 0;
	padding: 0;
}
h2#homepageTableHeader span, h2#homepageTableHeader strong
{
	color: #000;
	font-weight: bold;
}
.autoClearActive
{
	color: #666;
	font-style: italic;
}
.newsPageItem, .leftSideContent blockquote
{
	background-color: #FFFFFF;
	margin: 20px 0;
	padding: 10px;
	-webkit-box-shadow: 0px 2px 4px #EEEEEE;
	-moz-box-shadow: 0px 2px 4px #EEEEEE;
	box-shadow: 0px 2px 4px #EEEEEE;
	position: relative;
	border: 1px solid #CCCCCC;
}
.hasNewsImage
{
	padding-left: 100px;
	min-height: 80px;
	padding-bottom: 0;
}
.hasNewsImage p
{
	padding: 0;
	margin: 10px 0;
}
.hasNewsImage p.noTopMargin
{
	margin-top: 0;
}
.hasNewsImage img.newsImage
{
	border: 1px solid #666;
	float: left;
	margin-left: -90px;
	margin-bottom: 10px;
}
.newsPageItem h2.newsTitle
{
	margin-top: 0;
	padding-top: 0;
	color:inherit;
	text-decoration:none;
}
#leftSide a
{
	color: #054391;
	text-decoration: underline;
}
#leftSide a:hover
{
	color: #333;
}
.testimonial a
{
	color: #054391;
	text-decoration: underline;
}
.testimonial a:hover
{
	color: #333;
}
.newsNavLinks
{
	text-align: center;
}
.newsNavLinks a
{
	margin: 0 5px;
	color: #C3151C;
	text-decoration: none;
}
.newsNavLinks a.active
{
	text-decoration: underline;
	font-weight: bold;
}
.newsNavLinks a:hover
{
	color: #000;
}
.withArrow > a
{
	background-image: url('white-arrow.png');
	background-position: 190px center;
	background-repeat: no-repeat;
}
#headerFacebook, #headerTwitter
{
	bottom: 5px;
	position: absolute;
	padding: 28px 28px 0 0;
}
#headerFacebook
{
	background-image: url('header-link-facebook.png');
	right: 46px;
}
#headerTwitter
{
	background-image: url('header-link-twitter.png');
	right: 13px;
}
.homepageBanners
{
	height: 287px;
	position: relative;
	overflow: hidden;
}
.homepageBanners img
{
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 287px;
}
.claimOnlinePanel
{
	background-image: url('claim-online-background.png');
	width: 642px;
	height: 336px;
	position: relative;
	margin-bottom: 20px;
}
.claimOnlinePanel p
{
	color: #FFFFFF;
	left: 38px;
	position: absolute;
	top: 42px;
	width: 564px;
}
.invalidField
{
	color: #E00;
	font-weight: bold;
}
.cField
{
	border: 0 none;
	font-size: 12px;
	padding: 0;
	position: absolute;
	font-family: calibri, arial, verdana, sans-serif;
	width: 255px;
}
.cName
{
	top: 110px;
	left: 45px;
}
.cPhone
{
	top: 143px;
	left: 45px;
}
.cPhoneEvening
{
	left: 45px;
	top: 176px;
}
.cAddress
{
	height: 90px;
	left: 45px;
	top: 211px;
}
.cTime
{
	top: 110px;
	right: 49px;
}
.cEmail
{
	top: 143px;
	right: 49px;
}
.cService
{
	top: 175px;
	right: 49px;
}
.cDetails
{
	height: 61px;
	right: 49px;
	top: 207px;
}
.cSubmit
{
	background-image: url("consultation-send.png");
	bottom: 22px;
	cursor: pointer;
	padding: 32px 66px 0 0;
	position: absolute;
	right: 36px;
}
.cSubmit:hover
{
	background-position: 0 -32px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.homepageBoxes p 
	{
		line-height:100%;
	}
}

.column
{
	font-size: 11px;
	float:left;
	width:124px;
}
.column a
{
display:block;
color:inherit;
font-size: 10px;
}
