/* Colours
backgroung grey		 	= #C6C6C6;
light blue 				= #2073B8;
dark pink				= #B81E3D;
pinkypurple				= #B20838;
text purple				= #95122C;
quote box bg 			= #035698;


/* standard tags */
* {margin:0; padding:0;}

.twtr-widget{float: left;width:222px;}
	body {background: url(../images/background.gif) repeat #C6C6C6; font-family: Arial, Helvetica, Verdana, sans-serif;}
	h1 {
		font-size: 1.5em; /* 16x1.5=24px */
		line-height: 1.5em;/* 16x1.5=24px */
		margin: 0.625em 0; /* 24*0.625=10px*/
	}
	
	h2 {
		font-size: 1.375em; /* 16x1.375=22px */
		line-height: 1.375em; /* 16*1.375 = 22px */
		margin: 0.454em 0; /* 22x0.454=10px*/
	}
	#header h2 {text-align: center;}
	h3 {
		font-size: 1.125em; /* 16x1.125=18px */
		line-height: 1.125em; /* 16x1.125=18px */
		margin: 0.555em 0; /* 18x0.555=10px*/
	}	
	h4 {margin:10px 0px;}
	h5 {margin:10px 0px;}
	h6 {margin:10px 0px;}
	
	h1,h2, h3, h4, h5, h6 {color: #B10022;}
	
	p {
		font-size: 0.875em; /* 16x0.875=14px */
		margin: 0.714em 0; /* 14x0.714=10px */
	}

	table {
		border-collapse: collapse;
		clear: both;
	}
	
	th, td {
		text-align: left;
		vertical-align: middle;
		padding: 0;
	}
	
	/* rather than give the table a font size, use contextual selectors to target the th and td elements within */
	
	th {
		font-weight: normal;
		font-size: 0.875em; /* 16x0.875=14px */
		/*padding:0 0.643em 0.571em 0.643em; /* 14x0.643=9px 14x0.571=8px */
		
		/*border-bottom:0.071em solid #ccc; /* 14x0.071=1px */
	}
	
	td {
		font-size: 0.75em; /* 16x0.75=12px */
		padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
		/*border-bottom:0.083em solid #ccc; /* 12x0.083=1px */
		line-height: 1em; /* 12x1=12px */ 
	}

	ul {
		/*border: 1px solid black; */
		list-style-type: disc;
		list-style-image: url('');
		list-style-position: outside;
		/*padding: 0 0.3125em; /* 16x0.3125 = 5px;*/
	}
	
	
	form {padding: 0;}
	
	embed {float:left; }
	
/* Universal classes*/	
	.makeItalic {font-style: italic;}
	.makeBold {font-weight: bold;}
	.makeRed {color: #B10022;}
	.noTopMargin {margin-top: 0;}
	.textcenter {text-align: center;}
	.errorMsg {color: #FF0000; font-weight: bold;}
	.note {font-size: 0.625em; line-height: 0.875em; font-style: italic; color: #999;}
	span.noShow {display: none;}
	.lefthandside {float: left;}
	.righthandside {float: right!important;}
	.transbackground {background-color: transparent!important;}
	
/* page structure */

	#container {margin: 0 auto; width: 980px; position:relative; z-index:0;}
	#navigationcontainer {margin: 0 auto; width: 956px; }
	#pagecontainer {float:left; position:relative; width: 956px; padding: 27px 12px 40px 12px; display: inline; background: #FFF; /*border: 2px solid black;*/}
	#textresize {float:right; width:300px;text-align:right; margin-right:40px;}

	#header {position:relative; float:left; width: 100%; background: url(../images/site-bg-top.png) top center no-repeat; padding-bottom: 20px; /*border: 1px solid red;*/}
	#navigation {position:relative;float:left; width: 100%; background: url(../images/nav-bg.png) top center no-repeat #FFF; /*border: 1px solid #FFF;*/}
	#logo {float:left; width: 382px; margin: 10px 0px 0px 30px; display: inline;}
	#sidebar {float: left; min-height: 350px; _height: 350px; /*border: 1px solid green; */}
	#footertop {float: left; width: 840px; background: url(../images/footer-bg1.png) top left no-repeat #FFF; padding: 80px 70px 0px 70px; display: inline;  /* border: 1px solid red;*/}
	#addressbox, #appsbox, #contactdetails {margin-top: 5px; font-size: 1em; /*16x0.75=12px*/ line-height: 0.8em /*16x1.125=18px*/}
	#addressbox{float: left; width: 220px;}
	#appsbox {float: left; width: 140px; padding: 0px 40px 0px; display: inline; }
	#appsbox a {float: left;}
	#appsbox img {border: none; float: left; margin-right: 8px;}
	#contactdetails {float: left; width: 300px; border-left: 1px dotted #999; border-right: 1px dotted #999; padding: 0px 49px; display: inline; }
	#contactdetails a.button1 {margin-top: 3px;}
	#footerbottom {float:left; width: 100%; background: url(../images/site-bg-bottom.png) top left no-repeat; padding: 58px 0 17px 0; display: inline;}
	#footerbottom {color: #666; font-size: 0.75em; /*16x0.75=12px*/line-height: 0.75em; }
	#footerbottom p.leftfootertext {float:left; width: 400px; padding-left: 18px; margin: 0;}
	#footerbottom p.leftfootertext a {padding-right: 12px; display: inline; color: #666;}
	#footerbottom p.rightfootertext {float: right; width: 400px; padding-right: 18px; margin: 0; text-align: right;}
	div.cta {float: left; width: 100%; margin-top: 4px;}
	#appsbox div.cta {margin-top: 10px;}
	.pagebody {float:left; min-height: 350px; _height: 350px;}
	.fullhomepagewidth {width: 700px;}
	.fullpagewidth {width: 100%; /*border: 1px solid blue;*/}
	.smallpagewidth {width: 506px; /*border: 1px solid red;*/}
	.pagesidebar {width: 228px; padding-left: 28px; display: inline;}
	.leftsidebar {width: 185px; padding-right: 20px; display: inline; /*border: 1px solid black;*/}
	.rightsidebar {float:right;  width: 185px; padding-left: 15px; display: inline; /*border: solid 1px purple;*/ min-height: 350px; _height: 350px; padding-right: 7px}
	.smallrightcol {padding-left: 14px!important; min-height: 250px!important; _height: 250px!important;}
	#skiptocontent {display: none;}
		
	#holdingpage {float: left; width: 100%; margin-top: 160px; background-color: #FFF; padding: 20px 0;}
	#holdingpage #logo_holding {width: 389px; margin: 0 auto;}
	#holdingpage h1 {float: left; width: 100%; text-align: center; color: #000;}
/* text resizer */ 

	#textresize p {margin:0;display:inline; font-size:12px; width:50px; color:#666;}
	#textresize form {margin:0; width:100px; display:inline;}
	#textresize form input {display:none;}

/* TOP NAVIGATION */	
	#navigation ul {float: left; width: 954px; background: url(../images/nav-divider.png) top left repeat-y; display: inline; list-style: none; padding: 0 0 0 2px;}
	#navigation ul li {float:left; background: url(../images/nav-divider.png) top right repeat-y;}
	#navigation ul li a {float:left; padding: 14px 17px 15px 17px; margin-right: 2px; display: inline; font-size: 0.875em; /* 16x0.9375=15px */ line-height: 0.875em; letter-spacing: -0.02em; text-decoration: none; color: #FFF;  font-weight: bold; }
	ul.subnav { display: none!important;}
	#navigation ul li a.navOver, #navigation ul li a:hover {
	    background: url(../images/nav-over-right.png) no-repeat top right;
	    color:#000;
	    display: block;
	    margin-right: 2px;    
	    padding: 0px 17px 0 0; /* sliding doors padding */
	}	
	#navigation ul li a.navOver span, #navigation ul li a:hover span {
	    background: transparent url(../images/nav-over-left.png) no-repeat;
	    display: block;
	    padding: 14px 0 15px 17px;
	} 

/* SIDE NAVIGATION */
	div.leftsidebartop {float: left; width: 183px; background: transparent url(../images/speechbubble-top.png) top left no-repeat; /*border: 1px solid black;*/}
	div.leftsidebarbottom {float: left; width: 183px; background: transparent url(../images/speechbubble-bottom.png) top left no-repeat; padding: 18px 0; display: inline; /*border: 1px solid red;*/}
	
	div.leftsidebartop h2, div.rightsidebartop h2 {float:left;margin: 0; color: #FFF; font-size: 1.125em; /*16x1.125=18px*/ line-height: 1.25em; padding: 10px 10px 0px 10px; display: inline;}
	div.leftsidebartop h2 a {text-decoration: none; color: #FFF;}
	div.leftsidebartop h2 a:hover {color: #B10022;}
	div.leftsidebarcontent {float:left; width: 180px; margin-right: 3px; padding: 5px 0px 35px 0px; display: inline; background: #EFECF2; /*border: 1px solid black; */ min-height: 150px; _height: 150px;}
	/*div.leftsidebarcontent ul {float: left; width:180px; padding: 0; margin: 0; list-style: none;}
	div.leftsidebarcontent ul li {float: left; width:180px; padding: 0; margin: 0;}
	div.leftsidebarcontent ul li a {float: left; width:150px; color: #333; font-size: 0.75em; /*16x0.75=12px line-height: 1em; padding: 8px 10px 8px 20px; display: inline; text-decoration: none; font-weight: bold; background: url(../images/grey-tri-bullet.png) 0.625em 0.875em no-repeat; margin-bottom: 1px;}
	div.leftsidebarcontent ul li a:hover, div.leftsidebarcontent ul li a.secondNavOver {background: url(../images/purple-tri-bullet.png) 0.625em 0.875em no-repeat #FFF; color: #95122C;}
	div.rightsidebartop {float: left; width: 183px; /*border: 1px solid black;}
	
	ul#secondnav li ul {display: none;}
	ul#secondnav li.showSecondNav ul {display: block; padding-left: 20px; display: inline; width: 160px; }
	ul#secondnav li.showSecondNav ul li { width: 160px;}
	ul#secondnav li.showSecondNav ul li a {width: 130px;}
	ul#secondnav li.showSecondNav ul li a:hover, ul#secondnav li.showSecondNav ul li a.secondSubNavOver {background: url(../images/purple-tri-bullet.png) 0.625em 0.875em no-repeat #CCC; color: #95122C;}*/
	
	
		
	div.leftsidebarcontent ul#secondnav { width:183px; /*background: #666;*/}/*  11.25em */
	div.leftsidebarcontent ul {list-style: none;}
	div.leftsidebarcontent ul#secondnav {margin: 0; padding: 0;}
	
	ul#secondnav li {position: relative;}
	ul#secondnav a { color: #333; font-size: 0.75em; /*16x0.75=12px*/ line-height: 1em; padding: 8px 10px 8px 20px; display: inline; text-decoration: none; font-weight: bold; background: url(../images/grey-tri-bullet.png) 0.625em 50% no-repeat; margin-bottom: 1px; display: block; text-decoration: none;
	}
	ul#secondnav a:hover, ul#secondnav a.secondNavOver,  ul#secondnav li.showSecondNav ul li ul li a:hover {background: url(../images/purple-tri-bullet.png) 0.625em  50% no-repeat #FFF; color: #95122C;}
	ul#secondnav li.showSecondNav ul li a:hover,  ul#secondnav li.showSecondNav ul li a.secondSubNavOver {background: url(../images/purple-tri-bullet.png) 0.625em 50% no-repeat #D5D1D8; color: #95122C;}
	ul#secondnav li.showSecondNav ul {display: block; padding-left: 20px; width:160px; }/*  10em */
	ul#secondnav ul ul { position: absolute; top: 0;left: 100%;width: 100%;}
	ul#secondnav ul , ul#secondnav ul ul, ul#secondnav li.showSecondNav ul ul, ul#secondnav ul li:hover ul ul {display: none;}
	ul#secondnav ul li:hover ul {display: block;}
	ul#secondnav li.showSecondNav ul.thridsubnav {background: #BDB9C0; border: 1px solid #666; padding-left: 0px; width: 100%;}
	
/* SHOPPING BASKET */
	div.baskettop {background: transparent url(../images/shoppingbasket-top.png) top left no-repeat; float: left; width: 100%;}
	div.basketbottom {float: left; width: 183px; background: transparent url(../images/shoppingbasket-bottom.png) top left no-repeat; height: 22px;}
	div.rightsidebartop h2 {padding-right: 36px!important; padding-bottom:3px!important;}
	div.basketcontent {float: left; width: 166px; background: #EFECF2; padding: 0 7px; display: inline; padding-bottom: 20px; margin-bottom: 10px;}
	dl.basketitem, dl.basketcost {float: left; width: 100%; margin: 5px 0px; padding: 6px 0;  border-bottom: 1px dashed #999999;}
	dl.basketitem dt, dl.basketcost dt  {float: left; width:120px; padding-right: 6px; display: inline;}
	dl.basketitem dd, dl.basketcost dd  {float: left; width:40px}
	dl.basketcost {border-top: solid 1px #999; border-bottom: solid 1px #999!important; margin: 15px 0!important;}
	dl.basketcost dt {text-transform: uppercase;}
	div.basketcontent dl.basketitem p {font-size: 0.625em; line-height: 0.875em; margin: 0px 0 5px 0;}
	div.basketcontent dl.basketcost p {font-size: 0.625em; line-height: 0.875em; font-weight: bold;}
	div.checkoutblock {float: left; width:166px; margin-top: 15px;}
	div.buttoncontianer { margin: 0 auto; width: 130px;}
	div.basketWarning {float: left; margin: 0.714em; border: 2px solid #B20838; padding: 0.3125em 0.714em; display: inline; width: 496px;}
	
/*CHECKOUT TABLE*/
	table#basketlist {float:left; width: 100%; border: none;}
	table#basketlist td {vertical-align: top;}
	td.basketcolimage {width: 75px;}
	td.basketcolslim {width: 30px;}
	table#basketlist tr td h2 {font-size: 1em; line-height: 1em;}
	p.stockLevel {text-align: right; font-size: 0.75em; font-style: italic; color: #333;}
	p.overStockLevel {text-align: right; font-size: 0.875em; font-weight: bold; color: #FF0000;}
	
/* BILLING DELIVERY ADDRESSES*/
	.billingAddress, .formrowwide, .deliveryAddress {float: left; width: 100%;}
	.formrowwide label {float: left; width: 35%; margin: 5px 0; line-height: 1.25em;}
	.formrowwide input {float: left; width: 50%;}
	input.smallfield {font-size: 0.875em; /*16x0.875=14px*/ line-height: 1em; }
	select.dropdownsmall {float: left; margin: 5px 0;}
	table.donation {float: left; width: 100%; margin: 5px 0 10px;}
	table.donation td {padding: 0.125em 0 0.125em 0.3125em; font-size: 0.875em; line-height: 1.125em;}
	table.donation td input {width: 20px;}
	
/* ORDER PREVIEW */
	div.formrowwide form.donationform {float: left; width: 100%;}
	#paymentGateway input { width: 20px;}
	
/* HOME PAGE */
	#welcome {float:left; width: 429px; margin: 45px 0px 0px 45px; display: inline; /*border: 1px solid black;*/}
	#welcome h1 {margin: 0; color: #B81E3D; font-size: 1.6875em; /*16*1.6875=27px*/ line-height: 1em; margin-left: 20px; display: inline;}
	#welcome h2 {font-family: Georgia, "Times New Roman", Times, serif; margin: 0; color: #2073B8; font-style: italic; font-weight: normal; font-size: 1.1875em; /* 16x1.1875=19px*/}
	#phonenumber {float:right; width: 370px; margin: 5px 35px 0px 0px; display: block; clear:right; text-align: right; /* border: 1px solid red; */}
	#phonenumber h1 {font-family: Helvetica, Arial, Verdana, sans-serif; margin: 0px; font-size: 1.1875em; /* 16x1.1875=19px*/ line-height: 1.5em; color: #035698;}
	#phonenumber h1.increase {font-size: 2.125em; /* 34*2.125=34px*/ line-height: 1.125em;}
	#searchbox {float:right; margin-top:2px; margin-right: 30px; padding: 3px 5px 3px 5px; display: inline; border-bottom:1px solid #eee;} /*transparent url(../images/search-box-bg.png) bottom no-repeat*/
	form.lowvisionform {float: left;}
	#searchbox p.makeBold {float:left; font-size: 0.75em; /* 16*0.75=12px*/ font-weight: bold; line-height: 0.75em; color: #333;  margin-top: 10px; margin-right:3px;}
	#searchbox p.makeBold a {color: #333;}
	#searchbox form.fontsizeform {float: left; width: 65px;}
	#searchbox p {float: left; margin: 0; line-height: 1.375em; }
	#searchbox form.sitesearchform {float: left; display: inline; }
	#searchbox form.sitesearchform input.sbox { font-size:11px; padding:3px; width:150px; border: 1px solid #999;  margin:0;}
	#searchbox form.sitesearchform input.gobutton {background: #B20838; color: #FFF; border: 1px solid #FFF; padding: 2px; display: inline; font-size: 12px; line-height:normal; cursor: pointer; margin:0;}
	#searchbox a {color: #B20838; font-size: 0.875em; line-height: 0.875em; padding: 0px 2px; display: inline; }
	#searchbox a span.level2 {font-size: 1.25em; line-height: 1.25em;}
	#searchbox a span.level3 {font-size: 1.5em; line-height: 1.375em;}
	input.offbutton {display: none;}
	
/* Side internal ads */
	.sidebox {float:left; width:222px; background:#E1EAFF; margin:0.714em 0 0.714em; padding-bottom:0px; font-size:0.75em; display: inline;}	
	.sidebox h3 {color:#fff; background:url(../images/bubble-bottom.png) bottom no-repeat; padding-bottom:15px; margin:0; float:left; font-size:1em;}
	.sidebox h3 span {background:url(../images/bubble-top.png) top no-repeat; width:212px; padding:8px 5px 5px 5px; float:left;}
	.sidebox h3 span a {color: #FFF; text-decoration: none;}
	.sidebox h3 span a:hover {color: #95122C;}	
	.sidebox p {margin:10px 5px; font-size: 1em;}
	.login label,input,button {margin:5px 5px; }
	.login label {font-size:12px; font-weight:bold; width:65px;float:left;clear:left;}
	.login input {font-size:11px; width:120px; float:left; }
	.login button {float:left; clear:left; background: url(../images/button-submit.png) no-repeat; width:135px; border:0; margin:5px 5px; height:28px;} 
	.login button span {display:none}
	.sideicons{display: inline;float: left;
font-size: 0.75em;margin: 0.714em 0px;
padding-bottom: 0px;width: 222px;}

	
	.sideicons table td  {padding: 0px;}
	.sideicons table td.tableheader img { width: 222px;}
	.sideicons table td a {float: left; display: inline; width: 64px; }
	.sideicons table td img { float:left;margin-bottom: 12px; border:none;
 display: inline; width: 64px; }
 
	.iconbutton {border:1px solid #2073B8 !important;}
	.iconbutton:hover {border:1px solid red !important;}
	
	.sideicons table td img.right{float: left;margin-right:0px;}
/* Side Gallery*/
	div.gallery {float: left; width:100%; margin: 15px 0;}
	div.gallery p {float: left; width: 100%;}
	div.gallery a {float: left;}
	div.gallery a img {float: left; border: 0; padding-bottom: 4px;}
	div.gallery a img.imagePadding {padding-right: 4px; display: inline;}
	div.hide {display: none;}
	div.showblock {display: block;}


/* innerpage content */
	.breadcrumbcontainer {float:left; width: 749px; margin: 10px 0px; /*border: 1px solid green;*/}
	.breadcrumbcontainerfullwidth {float: left; width: 956px; margin: 10px 0px;}
	.pageimages {float: left; width: 751px; margin-bottom: 15px;}
	.pagebody h1, .pagebody h2, .pagebody .sub_title {float: left; width: 100%; /*border: 1px solid red;*/} /* .pagebody p,*/
	.fullpagewidth img, .smallpagewidth img {float:left; min-width: 10px;}
	.pagebody h1 {font-size: 1.5em; line-height: 1em; /*16x1.5=16px*/}
	/*.loginContianer {float:left; width: 749px; margin: 0px 0px;}
	.loginContianer p {float:left; width: 100%;text-align: right; margin: 0;}*/
	.loginContainer {float:right; padding-right: 0; display: inline; font-size:14px; clear:both;}
	.loginContainer p {float:left; width: 100%!important; text-align: right; margin: 0;}
	.loginContainer p a {line-height: 1em!important; color: #035698; font-weight: bold;}
	.loginContainer p a:hover {color: #B10022;}
	.breadcrumbcontainer p.breadcrumb, .breadcrumbcontainerfullwidth p.breadcrumb {float:left; width:74%; font-size: 0.625em; /*16*0.625=10px*/ color: #0000FF; margin: 0;}
	.breadcrumbcontainer p.breadcrumb a, .breadcrumbcontainerfullwidth p.breadcrumb a {color: #0000FF; font-weight: bold;}
	.breadcrumbcontainer p.bookmark, .breadcrumbcontainerfullwidth p.bookmark {float:left;width:24%; padding-right: 1%; display: inline; text-align: right; margin: 0;}
	.breadcrumbcontainer p.bookmark img, .breadcrumbcontainerfullwidth p.bookmark img {border: 0;} 
	.heroimagecontainer, .herosingleimagecontainer {float: left; width: 510px; }
	.heroimagecontainer {padding-right: 14px; display: inline;}
	.heroimagecontainer img, .herosingleimagecontainer img {float:left;}
	.herothumbnails {float: right; width: 222px; height: 215px;} 
	.herothumbnails a.thumbswapperlink {float:left; text-decoration: none; cursor: pointer; line-height: 0em;}
	.herothumbnails a.topthumb {padding-bottom: 11px;}
	.quotebox {float: left; width: 200px; background: #035698; height: 179px; padding: 18px; display: inline; color: #FFF;}
	.quotebox p {float: left; width: 100%;line-height: 1.3125em; /*16x1.3125=21px*/ margin: 0; overflow: hidden;  height: 165px; margin: 7px 0;}
	.fullwidth{width:750px;float: left;}
	p.nobottommargin {margin-bottom: 0!important;}
	.alert {font-weight: bold; color: #95122C;}
	p.alertbox {font-weight: bold; text-align: center; padding: 0.3125em; border: 3px solid #B10022; }
	
	#flashmovie {float: left; width: 544px;}
	#flashmovie object { float:left; margin-bottom: 20px;}
	
	.pagebody ul {float: left; width: 90%; padding: 0 5%; }
	.pagebody ul li {line-height: 1.25em; margin-bottom: 5px;}	
	.pagebody a {color: #035698; text-decoration: none;}
	.pagebody a:hover {color: #B10022;}
	.pagebody .newleafblock ul li {width: 90%; margin: 0 5%;}
	
/* Shop content*/
	.shopCategories {float:left; width: 100%;}
	dl.shopCategory, div.productItem {float:left; width: 530px; padding-right: 12px; display: inline; padding-bottom: 17px; margin-bottom: 5px; background: transparent url(../images/shop-cat-list-bg.png) bottom center no-repeat;}
	div.productItem {margin-top: 10px;}
	dd.shopCategoryThumb {float: left; width: 64px; padding: 0px 3px; display: inline;}
	dd.shopCategoryThumb img, dd.shopCategoryThumb img a {float:left;}
	dd.shopCategoryName {float:left; width: 460px;}
	dd.shopCategoryName h3 {margin: 0; font-size: 1em;}
	dd.shopCategoryName h3 a {text-decoration: none; color: #000;}
	dd.shopCategoryName h3 a:hover {color: #95122C;}
	dd.shopCategoryDesc {float: right; width: 315px; padding-right: 15px; display: inline;}
	dd.shopCategoryDescFullWidth {float:left; width: 445px; padding-right: 15px; display: inline;}
	dd.shopCategoryDesc P, dd.shopCategoryDescFullWidth p {margin-bottom: 0;}
	dd.shopCategoryLink {float: right; width: 130px;}

/*Products*/
	div.productList {float: left; width: 100%; margin-top: 20px;}
	/* hav 530px to use div.productItem*/
	div.productImage {float: left; width: 100px; margin-right: 20px; display: inline;}
	div.productAbstract {float: left; width: 400px; margin-right: 10px; display: inline;}
	div.productLinks {float: left; width:130px; margin-top: 60px;}
	div.productLinks p {float: left; margin: 3px 0 0 0;}
	div.productLinks p.download {float:left; color: #970005; font-style: italic; font-size: 0.75em; line-height: 0.875em; font-weight: bold; margin-top: 7px;}
	div.productFullWidth {width: 360px;}
	
	div.productImage a, div.productImage a img {float:left; width: 100px;}
	div.productAbstract h2 {margin: 3px 0; font-size: 1em; /*16x0.875=14px*/; line-height: 1.125em; color: #970005; }
	div.productDescription {float:left; width:225px; margin-right: 5px; display: inline;}
	div.productActions {float: right; width:130px;}
	div.productActions p {float: left; margin: 3px 0 0 0;}
	div.productActions p.productPrice {margin: 5px 0; text-align: right; font-size: 1.125em; line-height: 1.125em; /*16x1.125=18px;*/ font-weight: bold; float: right;}
	div.productActions form {float: left; width: 100%;}
	div.productActions p.download {float:left; color: #970005; font-style: italic; font-size: 0.75em; line-height: 0.875em; font-weight: bold; margin-top: 7px;}
	div.productActions p.productOutOfStock {float: right; text-align: right; font-size: 1em; line-height: 1.125em; /*16x1.125=18px;*/ font-weight: bold; color: #95122C; margin-top: 6px;}
	
/* New & event content */	
	.newlist, .eventlist {float:left; width: 100%;}
	dl.latestnewsitem, div.eventitem {float:left; width: 100%; margin-bottom: 10px;}
	dl.latestnewsitem dt.newsthumb {float: left; width: 100px; margin-right: 10px; display: inline;}
	
	dt.newsthumb a {float: left; width: 100px;}
	div.fullpagewidth dd.newstext {float: left; padding-left: 5px; width: 620px; margin-right: 14px; display: inline; /* +2 to the width when borders taken off fullpagewidth*/}
	div.smallpagewidth dd.newstext {float: left; padding-left: 5px; width: 350px; margin-right: 14px; display: inline; /* +2 to the width when borders taken off fullpagewidth*/}
	dd.newstext h3 {font-size: 1.25em; /*16x1.25=20px;*/}
	dd.newstext a {float: right; color: #2073B8; font-weight:bold; text-decoration:none;}
	dd.newstext a:hover {color: #95122C;}
	dd.newstext {font-size: 0.875em; /* 16x0.875=14px */}
	
	div.eventcontainer, div.eventinnercontainer, div.eventabstract {float:left; width: 484px;}
	div.eventtext {float:left; width: 374px;}
	div.eventthumb {float: right; width: 100px; margin-left: 10px; display: inline;}
	div.eventtext h3.eventh3 {margin-top: 0;}
	div.eventdate {float: left; margin-right: 0px; display: inline; }
	div.eventdate dl.diaryevent {text-align:center; float:left; margin-right:6px; line-height:normal;} 
	div.eventdate dl.diaryevent dd {float:left; width:44px; color:#fff; background:#B10022; padding:5px 3px; font-family:Palatino, Georgia, Times, Serif; font-weight:normal; font-size:14px; }
	div.eventdate dl.diaryevent dd sup {font-size:10px;}
	div.eventdate dl.diaryevent dt {float:left; width:44px; color:#035698; background:#fff;padding:5px 3px; clear:left; text-transform: uppercase; font-family: "Trebuchet MS", Arial, sans-serif; font-size:14px;}
	div.eventtext table {float: left; width: 374px; margin: 0 0 10px 0px; }
	div.eventtext table tr td {font-size: 0.875em; font-weight: bold; padding-left: 0;}
	div.eventtext table tr td.labelfield {width: 70px;}
	div.eventabstract p a.readmore {float: right;}
	.diaryevent {font-family:Arial, Verdana, sans-serif; font-weight:bold; border:1px solid #ccc; padding:1px;}
/* Blue & Purple Button */
	a.button1 {
	    background: transparent url(../images/12pt-button-blue-right.png) no-repeat scroll top right;
	    color: #FFF;
	    display: block;
	    float: left;
	    font-size: 12px;
	    height: 23px;
	    padding-right: 28px; /* sliding doors padding */
	    text-decoration: none;
	    cursor: pointer;
	}
	a.alignright {float: right!important;}
	a.button1:hover{ background-image: url(../images/12pt-button-purple-right.png); color: #FFF;}
	a.button1 span {
	    background: transparent url(../images/12pt-button-blue-left.png) no-repeat;
	    display: block;
	    line-height: 12px;
	    padding: 6px 10px 5px 8px;
	} 
	a.button1:hover span{background-image: url(../images/12pt-button-purple-left.png)}
	a.fixedwidth span, afixedwidth:hover span {width: 84px;}
	a.posRight {float: right!important;}

/* Solicitor Search*/
	table.solicitorServices tr td {padding: 0.333em 0.417em;}
	table.solicitorInfo {float: left; width: 100%;}
	table.solicitorInfo td {font-size: 0.875em; line-height: 1.125em; padding: 0.375em 0.125em;}
	table.solicitorInfo td.tablelabel {font-weight: bold;}
	table.solicitorInfo td a {float: left; text-decoration: none;}
	table.solicitorInfo td a img {float: left; border: 0; margin: 2px 1px; display: inline;}

/* Map */
	#map_canvas {float: left; width: 540px; height: 380px; border: 1px solid blue; clear: right;}
	.resultblock {float: left; width: 100%;}
	dl.solicitorItem {float:left; width: 50%; margin-bottom: 10px;}
	dl.solicitorItem dd.solicitorDetails a {float:left; width: 100%;text-decoration: none; color: #035698;}
	dl.solicitorItem dd.solicitorDetails a:hover {color: #95122C;}
	dl.solicitorItem dd.solicitorDetails a h4 {margin: 0; color: inherit;}
	dl.solicitorItem dd.solicitorDetails p {margin: 0;}
	.mapLabel h4, .mapLabel h5, .mapLabel p {float: none; margin: 4px 0;}
	.mapLabel h4 {color: #333;}
	.mapLabel p a {text-decoration: none; color: #035698;}
	.mapLabel p a:hover {color: #95122C;}
	#smaller_map_canvas{ float:left; margin:10px 0px; height:350px; width:500px; display: inline;}

/* ADVERTS */
	.leftadcontainer, .rightadcontainer {float: left; width: 180px; margin: 10px 0; display: inline;}
	.leftadcontainer a, .rightadcontainer a  {float: left; width: 125px; padding: 10px 10px; margin-bottom: 10px; display: inline; background-color: #EFECF2;}
	.leftadcontainer a img, .rightadcontainer a img {}
	.adcontainer {width: 145px; margin: 0 auto;}
	
	.banneradcontainer {float:left; width: 751px; margin-bottom: 10px;}
	.topadcontainer {width: 468px; margin: 0 auto;}
	.topadcontainer a {float: left; width: 468px;}
	.topadcontainer a img {float: left;}

/* Login */
	.loginform {float: left; width: 100%;}
	.loginform form {float: left; width: 100%;}
	.loginform form table {float: left; width: 100%;} 
	.loginform p {float: left;}
	.logintable {float: left; width: 440px;}
	.logintable td, .logintable td p {padding: 0; font-size: 0.875em; line-height: 1.25em; vertical-align: middle;}
	.logintable td input, .formrow input {width: 300px; font-size: 0.875em; padding: 2px 5px; }
	
	/*form.registration {float: left; width: 500px; padding: 10px 20px; display: inline; border: 1px solid #666; margin-bottom: 10px;}*/
	form.registration {float: left; width: 544px; display: inline;}
	form.registration div.registertable {float: left; width: 500px; padding: 10px 21px; display: inline; border: 1px solid #666; margin-bottom: 8px;}
	form.registration div.submitregistration {border: none!important; padding: 0 22px!important;}
	form.registration table {float: left; padding-bottom: 10px; margin-top: 15px; }
	form.registration table td {font-size: 0.875em; /*16x0.875=14px*/ line-height: 1em; vertical-align: middle; padding: 2px 0;}
	form.registration table td input {font-size: 1em; line-height: 1.125em; padding: 4px 0px;}
	form.registration table td select {margin-left: 5px; padding: 2px 5px;}
	form.registration table th {font-size: 1em; /*16x1=16px*/ line-height: 1.25em; vertical-align: middle; padding: 8px 0; text-align: center; color: #95122C;}
	form.registration table tr td.optout {padding: 0.5em 0;}
	table.infoTable {float: left; margin: 5px 0px; width: 538px;display: inline; border: 3px solid #CCC;}
	table.alertInfoTable {border-color: #B10022!important;}
	table.infoTable td {font-size: 0.875em; line-height: 1em; padding: 0.625em;}
	td.centerTableText {text-align: center;}
	table.alertInfoTable td.tablelabel {font-weight: bold; }
	table.alertInfoTable td.tableWarnMsg {font-weight: bold; color: #B10022;}
	table.alertInfoTable td.tableWarnMsg a {text-decoration: underline;}
	table
	
/* Customer Orders */
	table.orders, table.ordertable {float: left; width: 100%;}
	table.orders th {padding: 0.3125em 0.4375em; background: #035698; color: #FFF; font-weight: bold; border-right: 2px solid #FFF; text-align: center;}
	table.orders td, table.ordertable td {font-size: 0.875em;}
	table.orders td {text-align: center;}
	p.gift_aid_check {text-align: right;}
/* Search results */
	div.searchresults {float: left; width: 100%;}
	div.searchresults h2 {float: left; width: 98%; background: #035698; color: #FFF; padding: 0 1%; display: inline; border-bottom: 2px solid #B10022;}
	div.searchresults h2 a {color: #FFF;}
	div.searchresults h2 a:hover, div.searchresults h2 a:visited {color: #FFF;}
	div.searchresults h2 span {float: right;}

/* Library Results*/
	div.libraryresults {float: left; width: 100%;}
	div.libraryresults a {float: left; width: 100%; line-height: 1.125em; margin: 3px 0;}
	table.libraryitem {float: left; width: 100%;}
	table.libraryitem td.itemdescription { vertical-align: top;}
	table.libraryitem td.leftpad {padding-left: 1em;}
	table.libraryitem td.itemcover {padding-bottom: 1em;}
	table.libraryitem td.itemcover img {background-color: #CCC; padding: 3px;}	
	table.libraryitem td {font-size: 0.875em; padding:0.3125em; line-height: 1.25em;}
	table.libraryitem td.tableLabel {font-weight: bold;}
	
/* Font news articles */
	div.frontnewstop {float: left; width: 100%; background: #E1EAFF; }
	div.frontnewstop h2 {height:55px; left:0px; margin:0; overflow:visible; position:relative; top:-20px; z-index:5; background: url(../images/header-bg-news.gif) no-repeat}
	div.frontnewstop h2 span { display:none; }
	div.frontnews {float: left; width: 100%; background: #E1EAFF; padding: 0px 0px 12px 0; display: inline; margin-bottom: 15px;}
	div.newsitem {float: left; width: 325px; padding: 0px 12px; display: inline; height: 125px;}
	div.leftitem {border-right: dashed 1px #CCC; }
	/*div.itemcontainer {float: left; width: 100%;}*/
	div.itemcontainer {float: left; width: 301px; padding: 8px 12px; display: inline;}
	div.itemcontainer:hover {background: #FFF;}
	div.itemimg {float: left; width: 87px;}
	div.itemimg img {float: left; border: solid 4px #CCC; margin-right: 12px; display: inline;}
	div.itemcontainer:hover div.itemimg a img, div.itemimg a:hover img {border-color: #B20838;}
	
	div.itemtext {float: left; width: 214px;}
	
	div.itemtext h2 {float: left; width: 214px; font-size: 1em; color: #333; margin: 0px 0px 5px 0px; letter-spacing: -0.05em; line-height: 1.125em; }
	div.itemtext p {float: left; width: 214px; margin: 0px; font-size: 0.75em; line-height:normal; padding: 0px 0px 5px 0px; color: #333;}
	p.newsabstract {border-bottom: dashed 1px #CCC;}
	div.itemtext span.newsdate {float: left; font-size: 0.6875em; color: #333; padding: 5px 0; font-style: italic;}
	div.itemtext span.readmore {float: right; font-size: 0.6875em; color: #333; padding: 5px 0; color: #0000FF; text-decoration: underline; cursor: pointer;}
	div.frontcontent {float:left; width: 100%; margin-bottom: 30px;}
	
/* styles for use in page content */ 

/* 	.buttonalike {background:}	 */

/* Sign Up */
	div.signup {float: left; width: 100%;}
	div.signup form {float: left; width: 100%;  margin-bottom: 10px;}
	  #eClipssignup button {float:left; clear:left; background:none; width:135px; border:0; margin:5px 0px; height:28px; cursor:pointer;} 

/* reCaptcha box */

	.recaptchatable .recaptcha_image_cell, #recaptcha_table {
		background-color: #FFF !important; //reCaptcha widget background color
	}
	#recaptcha_tagline {display: none!important;}
	/*#recaptcha_table {
		border-color: blue !important; //reCaptcha widget border color
	}*/
	#recaptcha_response_field {
		border-color:  #B10022!important; //Text input field border color
	}

/* Shared Experience */
	p.input_title {color: #B10022; font-family: Arial,Helvetica,Verdana,sans-serif!important; font-weight: bold;}
	div.se_cat, div.mentor, div.searchresults form, div.se_question {float: left; width: 100%;}
	div.mentor {margin-bottom: 6px;}
	div.mentorcount {float:left; width: 20px;}
	div.mentorcount p {font-weight: bold; color: #035698;}
	div.mentorname {float: left; width: 230px;}
	div.mentorname span {font-size:0.625em; color: #333; font-weight: bold;}
	div.mentorcount p, div.mentorname h3, div.mentoragerange p {font-size: 0.875em; margin: 0.714em 0; line-height: 1.125em;}
	div.mentorname h3 {margin-bottom: 0.25em;}
	div.mentorgender {float: left; width: 60px;}
	div.mentorgender p {font-weight: bold; font-family: "Comic Sans MS", "Lucida Console", Arial, sans-serif; text-align: center;}
	div.mentorgender p.male a {color: #0099FF;}
	div.mentorgender p.female a {color: #FF99CC;}
	div.mentoragerange {float: left; width: 80px;}
	div.mentorcontact {float: left; width: 40px; margin-top: 12px;}
	div.mentorcontact img {width: 15px; margin-right: 5px;}
	div.searchrank {float:left; width: 114px;}
	div.searchrank p, div.mentoragerange p, div.mentor_check p {text-align: center;}
	div.mentor_check p.nomargin {margin: 0px;}
	div.mentor_check {float: right; width: 40px;}
	div.mentor_check input {margin-top: 11px;}
	div.mentors_options {float: left; width: 100%;}
	div.mentors_options h3 {font-size: 0.8125em;}
	div.mentors_options p {font-size: 0.75em;}
	div.mentors_options span.option_match {font-weight: bold; color: #035698;}
	div.se_question textarea {width:528px; height: 180px;border: 3px solid #cccccc;
	padding: 5px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
}
	
	div.mentors_options h3.trigger {
	background: url(../images/down-arrow-icon.png) no-repeat;
	padding: 0 0 0 25px;
	height: 20px;
	line-height: 20px;
	width: 504px;
	float: left;
	font-size: 0.8125em;
}
div.mentors_options h3.trigger a {
	/*color: #fff;
	text-decoration: none;*/
	display: block;
}
div.mentors_options h3.active {background-image: url(../images/up-arrow-icon.png);background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	padding: 0;
	/*border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;*/
	overflow: hidden;
	width: 544px;
	clear: both;
}
.toggle_container .block {
	padding: 0px 0 0 35px; /*--Padding of Container--*/
	/*background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
	
	
	
/* NEW LEAF */
	
	div.assumption_container {float: left; width: 100%; margin-bottom: 8px;}
	div.assumption_text {float: left; width: 330px; margin-right: 10px; margin-bottom: 8px; font-weight: bold; color: #333; }
	div.assumption_text p {margin: 0; font-size: 1em; line-height: 1.125em;}
	div.assumption_options {float: left; width: 540px; margin-left: 10px; margin-bottom: 8px;}
	div.assumption_options input {margin: 0 5px; padding: 0; display: inline;}
	div.assumption_options label {font-size: 1em; line-height: 1.125px; padding: 0; margin: 0; display: inline; font-weight: bold;}
	div.statement_results_container {float: left; width:100%;}
	div.statement_results_container div.statements_container {float: left; width: 65%;}
	div.statement_results_container div.results {float: left; width: 34%; margin-left: 1%; display: inline;}
	div.newleafblock {float: left; margin: 8px; padding: 8px; border: 2px solid #858585; background-color: #F7F7F7; width: 920px; display: inline; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
	div.smallpagewidth div.newleafblock {width:512px!important;}
	div.newleafblock form {float: left;}
	form.newleaf_statement_form {width: 100%;}
	div.resetform {float: left; width: 700px;}
	div.showalljobs {float: right; width: 220px;}
	p.cleardata {margin-top: 10px;}
	
	div.scrollWrapper table.statements_content{ width:598px;}
	div.scrollWrapper table.jobs_content {width: 313px;}
	div.scrollWrapper table.scrollable th{
	  background:#035698;
	  color: #FFF; font-weight: bold;
	  padding: 0.25em 0.3125em;
	  
	}
	div.scrollWrapper table.scrollable th.scrollbarcolumn {color: #035698;}
	table.scrollable td {
        padding: 0.25em;
        font-size: 0.875em; line-height: 1em;
    }
    div.scrollWrapper tr.alt td {
        background-color: #EEEEEE;
    }
   	div.scrollWrapper tbody {
        height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
        display:block;
        /*display:block;
		overflow:auto;
		width:100%;*/
    }
    .stmts {width: 506px;}
    .answer {width: 24px;}
    .job_name {width: 264px;}
    .job_percentage {width: 18px;}
	/*div.scrollWrapper table.statements_content thead th {position: relative;}
    div.scrollWrapper table.statements_content tbody {width:560px;}*/
    
    div.scrollWrapper table.scrollable td p {font-size: 1em; line-height: 1.25em; margin: 0.375em 0em;}
	/*div.scrollWrapper{
	  float:left;
	  overflow:visible !important;
	  overflow:scroll;
	  overflow-y:scroll;
	  height:400px;
	}
	
	table.scrollable{
	  margin-right:0 !important;
	  margin-right:0px;
	  border-collapse:separate;
	}
	table.scrollable tr{
	  height:0px;
	}
	table.scrollable td{
	 text-align:left;
	 padding: 0.25em 0.3125em;
	 font-size: 0.875em; line-height: 1em;
	}
	*/
	
	#progress_bar span {
	background: #B10022 no-repeat scroll 0 0;
	display:block;
	height:15px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:800px;
}
	#progress_bar span em {
	
	background: #FFF repeat-x scroll 0 0;
	display:block;
	height:15px;
	position:absolute;
	top:0;
	width:800px;
}
	
	#progress_bar div.progress_bar_content {
	height:15px;
	position:relative;
	width:800px;}
	
	#progress_bar_container {float: left; /*width: 620px;*/ width: 826px; border: 1px solid #666; background-color: #035698; padding: 8px 0px 8px 10px; display: inline;}
	#progress_bar {float: left; width: 826px;}
	p.status_value {float: left; width:100%; margin: 0;}
	#progress_bar_container p span {float:left; color: #FFF; font-weight: bold;}
	span.status_value {width: 77px;}
	span.status_value_40 {width: 80px;}
	span.status_value_50 {width: 80px;}
	span.status_value_60 {width: 80px;}
	span.status_value_70 {width: 80px;}
	span.status_value_80 {width: 80px;}
	span.status_value_90 {width: 80px;}
	span.status_value_100 {width: 36px;}
	#progress_status {float: left; width: 50px; margin-left: 10px; display: inline; border: 1px solid #666; background-color: #035698; height: 41px; padding: 4px 6px; color: #FFF;}
	#progress_status dl dt, #progress_status dl dd {text-align: center;}

div.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}


.pro_support_banner {}
div.prosupp_sidebartop {float: left; width: 183px; background: transparent url(../images/professional_support/speechbubble-black-top.png) top left no-repeat; /*border: 1px solid black;*/}
div.prosupp_sidebarbottom {float: left; width: 183px; background: transparent url(../images/professional_support/sidebar-bottom-black.png) top left no-repeat; padding: 18px 0; display: inline; /*border: 1px solid red;*/}

div #secondnav li {list-style:none;}

div.prosupp_sidebartop h2, div.rightsidebartop h2 {float:left;margin: 0; color: #FFF; font-size: 1.125em; /*16x1.125=18px*/ line-height: 1.25em; padding: 10px 10px 0px 10px; display: inline;}
div.prosupp_sidebartop h2 a {text-decoration: none; color: #FFF;}
div.prosupp_sidebartop h2 a:hover {color: #DDD;}
div.propsupp_sidebarcontent {float:left; width: 180px; margin-right: 3px; padding: 5px 0px 35px 0px; display: inline; background: #EFECF2; /*border: 1px solid black; */ min-height: 150px; _height: 150px;}
.thirdSubNavOver {background:#fff;}

.form_box {float: left; width:524px; -moz-border-radius:7px 7px 7px 7px; background-color:#F7F7F7; border:2px solid #858585; display:inline; float:left; padding:8px; display: inline; margin-bottom: 8px;}
.form_box form {float: left; width: 100%;}
.find_firm, .found_firm {background: #FFF!important;}

.find_firm h2, .find_firm p, .found_firm h2, .firminputcontents p {float: left; width: 100%;}
.find_firm h2, .found_firm h2 {margin-bottom: 0.25em;}
.find_firm label {float: left; width: 90px; margin-right: 10px; display: inline; margin-top: 9px;} 
.find_firm input#findPostcode {float: left; font-size: 14px; line-height: 16px; padding: 2px 4px;}
.find_firm a {margin: 7px;}

.found_firm table {float: left; width: 100%;}
.found_firm table td {font-size:0.875em; line-height:1em; padding:0.3125em;}
.inputpairrow {float: left; width: 100%; margin-bottom: 4px;}
.firminputcontents label.textInput {float: left; width: 150px; margin-right: 10px; display: inline; margin-top: 9px;}
.firminputcontents input.textInput {float: left; font-size: 14px; line-height: 16px; padding: 2px 4px;}
.firminputcontents input.textInput  {width: 260px;}

input#firmYesWebLink, #firmNoWebLink, #firmYesClinNegFran, #firmNoClinNegFran, #payOfDisbursementsCNClient, #payOfDisbursementsCNFirm, #payOfDisbursementsPIClient, #payOfDisbursementsPIFirm, #NADisbursementsPIFirm, #firmYesDefPaymentEventIns, #firmNoDefPaymentEventIns, #firmYesAcceptInstructions, #firmNoAcceptInstructions, #firmYesWillWriting, #firmNoWillWriting, #firmYesSendWillWritingDetails, #firmNoSendWillWritingDetails, #firmYesCorpPartner, #firmNoCorpPartner, #firmYesInterestedCorpPartner, #firmNoInterestedCorpPartner, #firmYesAdvertise, #firmNoAdvertise, #firmAlreadyAdvertise, .firm_level {float: left; margin-right: 5px;}
label.radioLabel {float: left; padding: 4px 5px;}
label.radioLabel2 {float: left; width: 60px;}
.actionPrev {float: left; width: 200px;}
.actionNext {float: right; width: 200px;}

.actionNext a.button1 {float: right;}

.officerow {float: left; width: 100%;}
.officenames {float: left; width: 330px; padding-right: 5px; display: inline;}
.officeadditional {float: left; width: 99px; padding-right: 5px; display: inline;}
.officeactions {float: left; width: 100px; display: inline;}

.labelSmallInput {float: left; width: 440px; margin-top: 10px;}
.textSmallInput {float: right; font-size: 0.875em; line-height: 1em; padding: 2px 4px;}

.stage2 p {float: right; width: 100%; }
.stage2 p, .form_box label {font-size: 0.875em; line-height: 1.125em;}
.officecontainer p a img {margin-right: 7px;}
.officecontainer form p {float: left; width:100%;}

textarea#showClientProgressText, textarea#howWorkArranged, #periodicalPaymentAdvice, #finAd, #otherExpertise, #courseInterest, #newAttendees, #branchPract, #brancExpertise {float: left; width: 460px; border: 1px solid #333; margin: 0px 12px; display: inline; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 16px; padding: 5px 8px; overflow-y: scroll; height: 100px;}

label.twotextarealabel {float: left; width: 20px;}
textarea#clientRefOne, textarea#clientRefTwo{float: left; width: 200px; border: 1px solid #333; margin: 0px 12px; display: inline; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 16px; padding: 5px 4px; overflow-y: scroll; height: 80px;}
.con_fee {float: left;}
label.largelabel {width: 120px;}

.colcontainer {float: left; width: 250px; margin-right: 12px; display: inline;}
.colcontainer2 {float: left; width: 400px; margin-right: 12px; display: inline; padding-bottom: 10px;}
#useFirmDetails {margin: 3px 8px 0px 0px;}
#useFirmDetailschecklabel {margin: 3px 0px 0px 0px;}
.colcontainer label, .colcontainer2 label, .colcontainer input, .colcontainer2 input {float: left; margin: 0px 4px; height: 16px;}

table.office_trianing_courses {float: left; width: 100%;}
table.office_trianing_courses td {font-size: 14px; line-height: 16px; font-weight: bold;}

table.office_trianing_courses td textarea {width: 150px; font-family: Arial, Helvetica, Verdana, sans-serif; overflow-y: scroll; height: 50px; font-size: 12px; line-height: 16px;}

div.corporateblock {float: left; width: 100%;}
div.sol_directory_container, div.sol_directory_container p {float: left; width: 100%; margin: 0.3125em 0;}
div.sol_directory_container ul li {font-size: 0.875em;}

div.officesection {background:url(../images/shop-cat-list-bg.png) no-repeat center bottom transparent; margin:8px 0px; padding-bottom:15px;}

/*#cpsmap {float: left; width:534px; padding: 10px 5px; display: inline;  }*/
#cpsmap {float: left; width:464px; padding: 10px 40px; display: inline;}

/* alert styles */
#alertcontainer {width:100%; float:left;}
#alert {position:absolute; top:100px; margin-left:245px; width:490px; height:200px; border:10px; z-index:999; display:none;  float:left; clear:both;}
#alertclose {float:right; width:51px; height:51px; top:-20px; right:-20px; position:absolute;}
#alertborder {width:450px; height:180px;padding:20px; background: url(/images/alerts/border-bg.png) repeat; -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em; -moz-box-shadow: 7px 7px 7px #333; -webkit-box-shadow: 7px 7px 7px #333; box-shadow: 7px 7px 7px #333; float:left;}
#alertinner { padding:20px; width:410px; height:140px; font-size:18px; line-height:150%; background:#E1EAFF;  -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
#alertbuttons {margin-top:20px;}
#alertbuttons a img {-moz-box-shadow:2px 2px 2px #666; -webkit-box-shadow:2px 2px 2px #666; box-shadow:2px 2px 2px #666; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
#alertbuttons a img:hover {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

*/
.twtr-widget{float: left;width:222px;}
.tweetrow{float: left;padding:10px; height:85px;border-bottom: 1px white solid;width:222px;}
.profile_img{float: left;}
.profile_img img{width:24px;height:24px;}
.twitterfeed{float: left;width:222px;height:365px;overflow: hidden;;margin-bottom: 10px;}

.tweet{float: left;margin-left:5px;font-size: 12px;width:175px;height:85px;overflow: hidden;}
.twitterstream{width:222px; height:330px;}

.features{float: left; font-size: 12px; display:none;}
.features h3{margin-top: 15px; margin-bottom: 10px;}
.features_check{float:left; width:240px;height:35px;}
.features_check input{margin-top:10 px;margin-left:5px;float: left;}
.features_check img{margin: 0px;float: left;}
.features_check span{margin: 4px;float: left;}
.destinations{float: left;font-size: 12px;}

.holiday_results_row{float: left; width:100%;margin:10px 0px;border-bottom:1px #ccc solid;padding-bottom: 20px;}
.holiday_thumb{float: left; width:250px; padding:5px; margin:10px; height: 160px;border:1px #ccc solid;}
.holiday_result_text a img{border: 0px;}
.holiday_result_text{width:450px;float: left;min-height: 160px;font-size: 12px;margin-top: 10px;}
.property_slideshow_container{position:relative;width:407px;padding: 5px; float: left; border: 1px #ccc solid; display: inline; overflow: hidden; height:305px !important;}
.property_slideshow{position:absolute; top:5px;left:5px;z-index: 5; width: 407px; height:250px !important; overflow:hidden;}
.property_description{width:300px; float: left;margin-left: 15px;}
.property_description span{font-weight: 6	00; margin-right: 5px;}
.property_view_features{margin-left:10px;float: right;width: 320px;}
.property_view_feature_row{float: left; width:160px;margin-top:10px;height: 30px;}
.property_view_feature_row img{float: left;}
.property_view_feature_row span{float: left;margin-top: 0px;margin-left: 2px;font-size: 12px;_font-size:10px;width:120px;height:25px;}
.video_placeholder{float: left;width:400px;}
.left_button{position: absolute; top:5px; left:5px;width:17px;z-index: 10; cursor: pointer; display: block; background: url(../images/holiday-images/left_arrow.png) transparent 0 50% no-repeat; height:250px !important;}
.left_button img{float:left;}

.right_button{width:17px;position: absolute; top:5px; right:4px;z-index: 10;cursor: pointer;display: block; background: url(../images/holiday-images/right_arrow.png) transparent 0 50% no-repeat; height:250px !important;}
.right_button img{float:right;}
.video_placeholder{margin:0px!important;padding:0px!important;width:400px; height:250px;}
.video_placeholder .flashmovie object{float: left;
margin:0px!important;padding:0px!important;}
.back_to_search{border:none;background-image: url(../images/holiday-images/back_to_results.jpg);background-color: transparent;width:192px; height:27px;cursor:pointer;float:left;margin-right: 20px;}
.prev_search_button{float:left;border:none;background-image: url(../images/holiday-images/back_button.jpg);background-color: transparent;width:77px!important; height:27px;cursor:pointer;text-decoration: none; color: transparent;margin-top: 5px;}
.next_search_button{float:left;border:none;background-image: url(../images/holiday-images/next_button.jpg);background-color: transparent;width:77px!important; height:27px;cursor:pointer;text-decoration: none; color: transparent;margin-top: 5px;}
.search_result_buttons{float: left;width:100%;margin-bottom: 10px;}
.holiday_button span{display: none;visibility: hidden;}

.property_holder {float: left; width: 100%; height: 250px !important; padding-bottom: 5px; overflow:hidden;}
.thumbnails{float: left;width: 100%;}
.thumbnails img{margin-left: 3px;cursor:pointer;}
.feedback{float: left; width:100%;}
.feedback form textarea{width:306px; height:207px; border:3px #ccc solid;float: left;}
.reviews{float: left;width:400px;clear:left;}
.holiday_left_col{width:400px;float: left;margin-top: 10px;}
.holiday_left_col .video_placeholder{margin-left: -5px!important;margin-bottom: 20px!important;}
.country_check{float:left; width:45%;}
.destinations{width:750px;}
.holiday_advertise_form_row{width:750px; float: left;}
.holiday_advertise_form_row label{width:750px; float: left;margin-top: 10px;font-size: 13px;font-weight: 600;}
.holiday_advertise_form_row input{width:480px; float: left;margin-left: 0px;}
.holiday_advertise_form_row select{width:355px; float: left;}
.holiday_advertise_form_row textarea{width:480px; height:250px;float: left;}
.holiday_advertise_form_row .feature_check{width:15px!important; float: left;}
.holiday_advertise_form_row .feature_row{width:350px!important; float: left;height:40px;}
.holiday_advertise_form_row .feature_row span{float: left;margin-top: 5px;margin-left:5px;}
.holiday_advertise_form_row .feature_row img{float: left;}
.holiday_advert_button{width:205px; height: 28px;background-image: url(../images/holiday-images/advertiseholidaybutton.jpg);float: left;}
.holiday_advert_button span{display: none;visibility: hidden;}
.holiday_step_image{float: right;margin-top: 10px;}
.holiday_header{width:70%!important;}
.features_submit{float: left; border: 0px; background-image: url(../images/holiday-images/holiday_search.jpg);width:100px; height: 28px;cursor: pointer;}
.holiday_return{float: right;clear:right;background-image:url(../images/holiday-images/holiday-back.jpg); border: 0px; width:75px; height: 29px;cursor: pointer;}
.holiday_feedback{background-image:url(../images/holiday-images/holiday_feedback.jpg);width:192px; height:26px;cursor:pointer;float: left; }
.holiday_feedback span{display: none; visibility: hidden;}
.holiday_feedback_form input{background-image:url(../images/holiday-images/holiday_feedback.jpg);width:192px; height:26px;cursor:pointer;float: left; border:0px;}
.holiday_advertise_form_submit{cursor:pointer;border: 0px; background-image: url(../images/holiday-images/submit_prop_details.jpg);width:206px; height:28px;}
.error{color: #d00;}


a#donation_button {float: left; width: 222px; height: 33px; display: block; background: url(../images/donation-button.png) transparent top left no-repeat; cursor: pointer;  }
a#donation_button:hover {background-image: url(../images/donation-button-rollover.png);}
a#donation_button span {display: none;}

div.flashmovie {float: left; width: 100%; margin: 10px 0px; display: inline;}
#countdown_dashboard {
position:absolute;bottom:60px; left:80px;float: left;
}

.dash {
	width: 138px;
	height: 96px;
	background: transparent url('../images/dash.png') 0 0 no-repeat;
	float: left;
	margin-left: 2px;
	padding-left: 13px;
	position: relative;
	color: #333;
}

.weeks_dash {
	background: transparent url('../images/dark_weeks_dash.png') 0 0 no-repeat;
}

.days_dash {
	background: transparent url('../images/dark_days_dash.png') 0 0 no-repeat;
}

.hours_dash {
	clear: left;
	background: transparent url('../images/dark_hours_dash.png') 0 0 no-repeat;
}

.minutes_dash {
	background: transparent url('../images/dark_minutes_dash.png') 0 0 no-repeat;
}

.seconds_dash {
	background: transparent url('../images/dark_seconds_dash.png') 0 0 no-repeat;
}

.dash .digit {
	font: bold 52pt Verdana;
	font-weight: bold;
	float: left;
	width: 59px;
	text-align: center;
	position: relative;
}

.dash_title {
	display: none;
}

.dev_comment {
	clear: left;
	font-size: 14pt;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	margin: 20px 10px;
}

#subscribe_form {
	position: relative;
} 

#email_field {
	font-size: 16pt;
	padding: 6px 10px;
	width: 300px;
}

.cyclathon{float: left; background-image:url(../images/cyclathon_bg.jpg);width:610px;height: 381px;position: relative;}
.cyclathon_registration_form{float: left;width:552px; height: 210px; background-image:url('../images/cyclathonregbg.jpg');}
.cyclathon_registration_form .form_row{float: left;width:99%;height: 50px;}
.cyclathon_registration_form .form_row label{width:150px;float: left;text-align: right;height: 30px;padding-top:10px;}
.cyclathon_registration_form .form_row input{float: left;margin-left:10px;height:25px;width:350px; }
.cyclathon_registration_form .form_row select{float: left;margin-left:10px;margin-top:10px;width:250px; }
 #cyclathon_submit{float: right!important;width:auto;margin-right: 20px;}
.cyclathon_registration_form{padding: 20px;}
.current_mileage{float: left;width:280px;	
margin:0px!important;padding:0px!important;}
.current_mileage th{text-align: center;font-size: 9px; font-family: Arial;font-weight: 600;}
.current_mileage tr{font-size: 14px;}
.current_mileage td{text-align: right;}

.current_progress{float: right; width:290px;	
}
.current_progress label{float: left;width:90px;height: 10px;padding-top: 10px;}
.current_progress input{float: left;width:140px;height: 20px;}
.current_progress select{float: left;width:140px;height: 20px;margin:5px;margin-top:10px;}
.mileage_entry{float: left;background-image:url(../images/mileageentrybg.jpg);width:252px;height: 113px;padding:20px;padding-top:10px;padding-bottom: 30px;background-repeat: no-repeat;}
.cyclathon_content{width:610px;float: left;}
#milesTable{width: 290px;}

#milesTableContainer{float: left;width:290px;margin-right: 10px;}
#hourstaken_chzn{float: left;margin: 5px;z-index: 100;position: relative;}
#minstaken_chzn{float: left; margin:5px;z-index: 90;position: relative;}
#cycle_container{
float: left;width:100%;}
#cyclathon_bike_progress{
width:100%;
float: left;
height:66px;
	margin-top:10px;
	margin-bottom: 25px;
}

#cycle_progress{
	width:100%; 
	position:relative; 
	background-image:url(../images/arrow_body.jpg);
	height:41px;border-bottom:5px black solid;
	margin-top:10px;
	margin-bottom: 10px;
	overflow:hidden;
}
#bike_sprite{width:100%; height:41px;position:absolute;bottom:0px;left:0px;background-color:#fff;background-image:url(../images/bike.jpg);background-repeat:no-repeat;}
#chequered_flag{z-index: 20;position: absolute;bottom:25px;left: 30px;}
.miles_container{width:100%;background-image: url(../images/grey_arrow_body.jpg);height: 30px;background-repeat: repeat-x;}
.start_miles{float: left;background-color: #fff;padding-right: 10px;}
.target_miles{float: right;background-color: #fff;position: relative;z-index: 10;}
#progress_header{border-bottom: 1px dashed #ccc;}
#leaderBoardCheckbox{width:20px; height: 20px;margin-top:15px;}
.leaderboard{width:610px;}
.leaderboard th{text-align: left;font-weight:600;border-bottom: 1px black solid;font-size: 10px; font-family: arial,sans-serif;padding-left: 5px;}
.leaderboard td{text-align: left;font-family: arial,sans-serif; font-size: 10px;color: #555;width:90px;}
.leaderboard .border_lr{border-left: 1px black solid;border-right: 1px black solid;}
.leaderboard .border_r{border-right: 1px black solid;}
.leaderboard .mid_width{width:150px!important;}
.lb_header{width:610px;padding-top:10px;float: left;}
.leaderboard_links a{color: #B10022; text-decoration: underline;}
.leaderboard_links a:hover{text-decoration: none;}
.livezillabox {float:right;}
#livezilla_chat {float:right; width: 100%;}
#milesTable .delete{cursor:pointer;}