/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:70%; color:#2a6385; background: #fff;}
p { padding-bottom:15px; line-height:15px}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none; color:#2a6385;}
a:hover, a:focus {text-decoration:underline;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { font-weight:bold; background:#f1f1f1; text-transform:capitalize;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
.fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.accordian div { background:#fff;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 170%; color:#2a6385; font-weight:normal; padding:0px 0px 15px 0px; text-transform:uppercase;}
h2 { font-size: 140%; color:#2a6385; font-weight:normal; padding:0px 0px 10px 0px;}
h3 { font-size: 100%; color:#2a6385; font-weight:bold; padding:0px 0px 10px 0px;}

#content { float:left; padding:30px 15px 0px 15px; overflow:hidden; width:500px;}

#content-tools { float:left; width:440px; padding:30px 15px 0px 15px; overflow:hidden;}

/********************************************************************/
/*                           contact tags                           */
/********************************************************************/

.contact fieldset { float:left; width:438px; padding:20px 24px 20px 24px; margin:0px 0px 15px 0px; border:1px solid #bacfdb; background:url('/_images/bg/leftcolform.gif') repeat-x bottom left;}
	.contact label { float:left; width:190px; padding:0px 0px 2px 0px;}
	.contact .textfield, .contact select, .contact textarea { float:left; width:200px; padding:1px 4px 1px 4px; margin:0px 0px 5px 0px; border:1px solid #bacfdb; color:#5485a3; background:#fff;}
	.contact select { width:210px; padding:0px 0px 0px 0px; line-height:16px;}
	.contact textarea { height:80px;}
	.contact .formbutton { float:right;}

	#content .contact .selectoptions {float:left; width:400px; padding:5px 0px 5px 0px;}
		#content .contact .selectoptions li { float:left; display:inline; width:400px; padding:0px 0px 5px 0px;}
		#content .contact .selectoptions label { float:right; width:380px; padding:0px 0px 0px 0px; line-height:13px; background:none;}
		#content .contact .selectoptions input { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}

	#content .contact .selectoptions, #content .contact .smalloptions ul { float:left; width:400px;}
		#content .contact .smalloptions { float:left; width:400px; padding:5px 0px 5px 0px;}
		#content .contact .smalloptions li { float:left; display:inline; width:130px; padding:0px 0px 5px 0px;}
		#content .contact .smalloptions label { float:right; width:110px; padding:0px 0px 0px 0px; line-height:13px; background:none;}
		#content .contact .smalloptions input { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}

/********************************************************************/
/*                         virtual tour tags                        */
/********************************************************************/

#content .tour { float:left; width:256px; height:190px; background:#2a6385; margin: 0 5px 0 0;}
	#content .details .rooms { float:right; width:217px;}
	#content .details .instructions { float:right; width:200px;}
	#content .details .instructions li { margin: 0; }
	#content .details .rooms li { float:left; width:205px; padding:0px 0px 10px 0px; background:url('/_images/bg/line-horiz.gif') repeat-x bottom left;}
	#content .details .rooms li a { float:left; width:185px; padding:2px 0px 2px 20px; background:url('/_images/bullets/video.gif') no-repeat 0px 0px;}



/********************************************************************/
/*                           tools tags                           */
/********************************************************************/

#content-tools p.block{ background:#e6f1f8 url('/_images/tools/bg-block-para.gif') repeat-x top left; border:1px solid #bacfdb; padding:10px; margin:0 0 10px 0; width:428px; float:left;}

.tools fieldset { float:left; width:420px; padding:20px 14px 10px 14px; margin:0px 0px 15px 0px; border:1px solid #bacfdb;}
   /* .tools ul {list-style-type: circle; }  bug fix - bullet points now show - Mike */
	.tools label { float:left; width:190px; padding:0px 0px 2px 0px;}
	.tools .textfield, .tools select, .tools textarea { float:left; width:200px; padding:1px 4px 1px 4px; margin:0px 0px 5px 0px; border:1px solid #bacfdb; color:#5485a3; background:#fff;}
	.tools select { width:210px; padding:0px 0px 0px 0px; line-height:16px;}
	.tools textarea { height:80px;}
	.tools .formbutton { float:right;}

	#content-tools .tools .selectoptions {float:left; width:400px; padding:5px 0px 5px 0px;}
		#content-tools .tools .selectoptions li { float:left; display:inline; width:400px; padding:0px 0px 5px 0px;}
		#content-tools .tools .selectoptions label { float:right; width:380px; padding:0px 0px 0px 0px; line-height:13px; background:none;}
		#content-tools .tools .selectoptions input { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}

	#content-tools .tools .selectoptions, #content .tools .smalloptions ul { float:left; width:400px;}
		#content-tools .tools .smalloptions { float:left; width:400px; padding:5px 0px 5px 0px;}
		#content-tools .tools .smalloptions li { float:left; display:inline; width:130px; padding:0px 0px 5px 0px;}
		#content-tools .tools .smalloptions label { float:right; width:110px; padding:0px 0px 0px 0px; line-height:13px; background:none;}
		#content-tools .tools .smalloptions input { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}

		#content-tools .tools .formbutton{ margin:10px 0 0 0;}

.directors{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; background:url(/_images/tools/symbol-directors.gif) no-repeat top right; height:101px; margin:0 0 10px 0;}
.standard{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; background:url(/_images/tools/symbol-standard.gif) no-repeat top right; height:101px;}
.spacious{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; background:url(/_images/tools/symbol-spacious.gif) no-repeat top right; height:101px; margin:0 0 10px 0;}
.compact{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; background:url(/_images/tools/symbol-compact.gif) no-repeat top right; height:101px;}
#content-tools #step1 label{ width:220px; margin:20px 0 8px 0;}
#content-tools #step1 input.textfield, #content-tools #step2 input.textfield{ clear:both; padding:8px 4px 8px 4px;}
#content-tools #step2 label{width:220px; margin:15px 0 8px 0;}
#content-tools #step2 input.textfield{ clear:both; padding:8px 4px 8px 4px;}
#content-tools #step3 label{width:220px; margin:15px 0 8px 0;}
#content-tools #step3 input.textfield{ padding:8px 4px 8px 4px; width:100px; margin:15px 0 8px 0; float:right;}
.otherrooms{ width:396px; float:left; border:1px solid #bacfdb; padding:10px;}
#content-tools #proposal label{width:185px; margin:5px 0 5px 0;}
#content-tools #proposal input.textfield{ padding:2px 4px 2px 4px; width:130px; margin:5px 0 5px 0; float:right;}
#content-tools #proposal select{ width:140px; float:right; margin:5px 0 5px 0;}
#content-tools #proposal textarea{ width:170px; float:right; margin:5px 0 5px 0; overflow:auto;}
#content-tools #proposal .checkbox{ float:right; margin:5px 0 5px 0; }
.calculate{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; margin:0 0 10px 0;}
.proposalquestions{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; margin:0 0 10px 0;}
.personalquestions{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; margin:0 0 10px 0;}
.notification{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; margin:0 0 10px 0;}
.services{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; margin:0 0 10px 0;}
#content-tools #proposal .notification label{ width:360px;}
#content-tools #proposal .services label{ width:360px;}
.officespaceamount{ width:154px; height:58px; background:url(/_images/tools/bg-office-space-amount.gif) no-repeat top left; float:left;}
.officespaceamount p.amount{ color:#fff; font-size:1.3em; text-transform:uppercase; padding:8px 0 0 5px; font-weight:bold;}
.officespaceamount p.type{ clear:both; color:#2a6385; font-weight:bold; padding:14px 0 0 5px;}
.calculate span{ float:left; padding:19px 31px 0 31px; font-weight:bold; font-size:1.4em;}
.backbutton{ float:left; margin:10px 0 0 0;}

.bookonlinestep1{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; margin:0; background:#e6f1f8; border:1px solid #bacfdb;}
.bookonlinestep2{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; margin:0 0 15px 0; background:#e6f1f8; border:1px solid #bacfdb;}
.bookonlinestep3{ width:396px; float:left; border:1px solid #bacfdb; padding:10px; margin:0 0 15px 0; background:#e6f1f8; border:1px solid #bacfdb;}

.bookonlinestep3-2 label{ padding:3px 0 3px 0;}
.bookonlinestep3-2 label.checkbox{ float:right;}
.bookonlinestep3-2 input.textfield{ padding:3px 4px 3px 4px;}
.bookonlinestep3-2 input.checkbox{ float:left; margin:3px 5px 5px 0;}
.bookonlinestep3-2 ul{ float:left; display:inline; list-style:none; margin:0 0 20px 190px; padding:0;}
.bookonlinestep3-2 ul li{ clear:both; margin:0; padding:0;}
.bookonlinestep3-2 h3{ float:left; margin:10px 0 5px 0; padding:0 0 2px 0;} 


dl{ display:inline; width:400px;}
dl dt{ float:left; font-weight:bold; width:140px; margin:0 0 6px 0;}
dl dd{ float:left; font-weight:normal; width:170px; margin:0 0 6px 0;}
dl.second{ float:left; margin:5px 0 0 0; border-top:1px solid #bacfdb; padding:10px 0 0 0;}
.standout{ color:#b90000;}


#content-tools .bookonlinestep1 label{width:180px; margin:5px 0 5px 0; font-weight:bold;}
#content-tools .bookonlinestep1 input.textfield{ padding:2px 4px 2px 4px; width:130px; margin:5px 40px 5px 0; float:right;}
#content-tools .bookonlinestep1 select{ width:180px; float:left; margin:5px 0 5px 35px;}

#content-tools .bookonlinestep1 select.small{ width:60px; float:left; margin:5px 0 5px 35px;}

#content-tools .bookonlinestep1 h3 { float:left; margin:5px 0 5px 0;}
#content-tools .bookonlinestep1 .dateselect { float:right;}
#content-tools .bookonlinestep1 .dateselect select{ width:49px; float:left; margin:5px 0 5px 5px;}
#content-tools .bookonlinestep1 .dateselect img{ float:left; margin:5px 0 0 5px;}

#content-tools .bookonlinestep1 textarea{ width:170px; float:right; margin:5px 0 5px 0; overflow:auto;}
#content-tools .bookonlinestep1 .checkbox{ float:right; margin:5px 0 5px 0; }

#content-tools .bookonlinestep1 p{ padding:0 0 10px 0;}

/********************************************************************/
/*                                                */
/********************************************************************/

#content-tools .tour { float:left; width:258px; height:192px; background:#2a6385;}
	#content-tools .details { float:right; width:170px;}
	#content-tools .details li { float:left; width:170px; padding:0px 0px 10px 0px; background:url('/_images/bg/line-horiz.gif') repeat-x bottom left;}
	#content-tools .details li a { float:left; width:150px; padding:2px 0px 2px 20px; background:url('/_images/bullets/video.gif') no-repeat 0px 0px;}



/********************************************************************/
/*                           SPACE CALCULATOR tags                           */
/********************************************************************/

#steps-nav, #steps-nav2, #steps-nav3{ width:333px; height:19px; float:left;}

	#steps-nav ul, #steps-nav2 ul, #steps-nav3 ul{ list-style:none; margin:0; padding:0; float:left; height:19px;}
	#steps-nav ul{ background:url(/_images/tools/bg-steps.gif) no-repeat top left; width:267px;}
	#steps-nav2 ul { background:url(/_images/tools/bg-3-steps.gif) no-repeat top left; width:202px;}
	#steps-nav3 ul { background:url(/_images/tools/bg-5-steps.gif) no-repeat top left; width:333px;}
	
		#steps-nav .step1, #steps-nav2 .step1, #steps-nav3 .step1{ background-position:0 0;}
		#steps-nav .step2, #steps-nav2 .step2, #steps-nav3 .step2{ background-position:0 -19px;}
		#steps-nav .step3, #steps-nav2 .step3, #steps-nav3 .step3{ background-position:0 -38px;}
		#steps-nav .step4, #steps-nav2 .step4, #steps-nav3 .step4{ background-position:0 -57px;}
		#steps-nav .step5, #steps-nav2 .step5, #steps-nav3 .step5{ background-position:0 -76px;}
	
	#steps-nav ul li, #steps-nav2 ul li, #steps-nav3 ul li{ float:left; display:inline;}
		#steps-nav ul li a, #steps-nav2 ul li a, #steps-nav3 ul li a{ text-decoration:none; font-weight:bold; color:#2a6385; text-transform:uppercase;  display:block; padding:3px 0 0 0;}
		#steps-nav ul li a.step1, #steps-nav2 ul li a.step1, #steps-nav3 ul li a.step1{ margin:0 0 0 13px;}
		#steps-nav ul li a.step2, #steps-nav2 ul li a.step2, #steps-nav3 ul li a.step2{ margin:0 0 0 29px;}
		#steps-nav ul li a.step3, #steps-nav2 ul li a.step3, #steps-nav3 ul li a.step3{ margin:0 0 0 29px;}
		#steps-nav ul li a.step4, #steps-nav2 ul li a.step4, #steps-nav3 ul li a.step4{ margin:0 0 0 29px;}
		#steps-nav ul li a.step5, #steps-nav2 ul li a.step5, #steps-nav3 ul li a.step5{ margin:0 0 0 29px;}
	
	#steps-nav ul li a.selected, #steps-nav2 ul li a.selected, #steps-nav3 ul li a.selected{ color:#fff;}




span.step-heading{ clear:both; height:34px; line-height:0; font-size:0; margin:0; padding:0; background:none; float:left;}

p.info{ background:url(/_images/tools/info-icon.gif) no-repeat top left; padding:4px 0 15px 28px; float:left; width:390px;}
p.question{ background:url(/_images/tools/question-icon.gif) no-repeat top left; padding:4px 0 15px 28px; float:left; width:390px;}
p.help{ background:url(/_images/tools/icon-help.gif) no-repeat top left; padding:4px 0 0 20px; float:left; width:390px;}


/********************************************************************/
/*                        Virtual Office tags                       */
/********************************************************************/

.businessaddress{ width:240px; float:left; border-top:1px solid #bacfdb; border-left:1px solid #bacfdb; border-right:1px solid #bacfdb; padding:10px 166px 10px 10px; background:url(/_images/tools/symbol-ukmap.gif) no-repeat 275px 10px;}
	.tools .businessaddress label { width:105px; font-weight:bold;}
	.tools .businessaddress .textfield, .tools .businessaddress select { width:125px; margin:0px 0px 8px 0px;}
	.tools .businessaddress select { width:135px;}
	.tools .businessaddress .fulllabel { width:240px; padding:0px 0px 10px 0px; font-weight:normal;}
	.tools .businessaddress .fullselect { width:240px; margin:0px 0px 10px 0px;}

.envelope { float:left; width:333px; height:175px; padding:85px 0px 0px 85px; margin:0px 0px 15px 0px; background:url('/_images/tools/envelope.gif') no-repeat 0px 0px;}

.tools h2 { font-size: 110%; color:#2a6385; font-weight:bold; padding:0px 0px 10px 0px;}

.ticks { float:left; width:418px; padding:0px 0px 15px 0px;}
	.ticks li { float:left; width:390px; padding:0px 0px 5px 28px; background:url('/_images/tools/tick.gif') no-repeat 8px 0px;}

.addtopackage { width:396px; float:left; border:1px solid #bacfdb; padding:10px 10px 0px 10px; }
	.addtopackage li { width:396px; float:left; padding:0px 0px 10px 0px; }
	.addtopackage input { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
	.addtopackage label { float:right; width:370px; padding:0px 0px 0px 0px; line-height:13px;}

.areacode { width:398px; float:left; padding:10px 10px 0px 10px; margin:0px 0px 10px 0px; background:#2a6385; color:#fff;}
	.areacode p { padding:0px 0px 10px 0px;}

.webprice { width:396px; float:left; border:1px solid #bacfdb; padding:10px; font-size:18px; line-height:20px; font-weight:bold; margin:0px 0px 15px 0px; background:#e6f1f8; border:1px solid #bacfdb;}
	.webprice span { font-size:11px; font-weight:normal;}

table.data { float:left; width:448px; margin:10px 0px 15px 0px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; text-align:left;}
	table.data th, table.data td { padding:5px 5px 5px 5px; border-right:1px solid #fff;}
	table.data th { font-weight:bold; text-transform:capitalize; vertical-align:middle; background:#2a6385; color:#fff;}
		table.data th.datatopleft { background:url('/_images/bg/datatopleft.gif') no-repeat 0% 0% #2a6385;}
		table.data th.datatopright { background:url('/_images/bg/datatopright.gif') no-repeat 100% 0% #2a6385;}
	table.data td { border-top:1px solid #fff; background:#e6f4fe;}
	table.data .al { text-align:left;}
	table.data .ac { text-align:center;}

	table.data td:first-child { text-align:left;}
	table.data th+th, table.data td+td { text-align:center;}

.amendsearch { padding:8px 0 0 0; border-top:1px solid #BACFDB; margin-top:10px;}
	.amendsearch p { padding:0;}

.pointOne { border-bottom:1px solid #BACFDB; margin:0 0 10px 0; padding:0 0 10px 0;}