/* Colour Palette
Dark Blue:		#2c0a54 or rgb(44,10,84)
Blue:					#2685bb or rgb(38,133,187)
Light Blue:		#c8dfed or rgb(200,233,237)
Light Green:	#97c3c4 or rgb(151,195,196)
Light Grey:		#eeeeee or rgb(238,238,238) */
/* General */
*{font-family:Arial, Helvetica, sans-serif}
body{font-size:100.1%;margin:15px;padding:0;background:#fff}
h1{background:#97c3c4;height:38px;margin:0;padding:97px 0 0 8px;color:#fff;font-weight:normal;font-size:1.7em;overflow:hidden}
#www-sps-net h2{color:#2c0a54;font-weight:normal;margin:15px 0;padding:0;font-size:2em}
h2{color:#2c0a54;font-weight:normal;margin:10px 0;padding:0;font-size:1.3em}
em{float:left;display:block;width:100%;margin:10px 0 0 0}
hr{color:#97c3c4;background:#97c3c4;margin:0;padding:0;height:1px;line-height:1px}
ul{list-style-type:none}
ol{list-style-type:circle}
a img{border:none}
/* Keyboard Skip */
#top{position:absolute;top:0;left:0;list-style-type:none;z-index:100;margin:-100px 0 0 -100px}
#top a:hover,#top a:focus,#top a:active{display:block;margin:100px 0 0 100px;padding:2px 14px;background:#2685bb;color:#fff;text-decoration:none}
/* Container */
#container{margin:0;padding:15px;border:1px solid #2c0a54;background:#fff}
/* Header */
#header{height:25px;background:#2c0a54 url(images/logo.gif) 5px 3px no-repeat;margin:0;padding:66px 0 0 226px;list-style-type:none}
#header li{display:inline;float:left;border-right:1px solid #fff}
#header li a,#header li a:visited{padding:1px 14px;display:block;color:#fff}
#header li a:hover,#header li a:focus,#header li a:active{text-decoration:none;background:#fff;color:#2c0a54}
#header #lastlink{border-right:none}
/* Left */
#leftcol{position:relative;z-index:5;float:left;width:226px}
#leftcol p{margin:0;padding:0}
#searchtype{width:210px;height:20px;background:#2685bb;margin:15px 0 0 0;padding:8px 8px 0 8px;color:#fff;font-size:0.9em}
#searchtype label{display:block;float:left;width:55px;margin:2px 0 0 0}
#searchtype input{float:left;width:37px;height:1.2em;margin:0;padding:0;color:#666}
#search{width:210px;height:99px;background:#2685bb;margin:0 0 15px 0;padding:0 8px 8px 8px;color:#fff;font-size:0.9em}
#search label{display:block;width:80px;float:left;margin:5px 0 0 0}
#search select{font-size:0.9em;color:#666;width:110px;margin:2px 0 1px 0}
#search a,#search a:visited{display:block;margin:5px 0 0 130px;padding:2px 5px;color:#fff}
#search a:hover,#search a:focus,#search a:active{background:#ffffff;color:#2c0a54;text-decoration:none}
#feature{background:#97c3c4 url(images/feature.gif) 8px 8px no-repeat;padding:3px 8px 8px 8px}
#feature a img,#feature a:visited img{border:5px solid #fff}
#feature a:hover img,#feature a:focus img,#feature a:active img{border:5px solid #c8dfed}
#feature a:hover b,#feature a:focus b,#feature a:active b{text-decoration:none;color:#2c0a54}
#feature b{position:relative;top:155px;z-index:10;display:block;background:transparent url(images/opaque.png);color:#2685bb;margin:0 5px;padding:2px 3px;font-size:0.75em;line-height:1.1em}
* html #feature b {background:transparent url(images/opaque.gif)}
#greybox2{background:#eee;height:143px;margin:15px 0 0 0}
/* Centre */
#middlecol{position:relative;padding:15px 205px 10px 241px}
#content{color:#666;font-size:0.8em;line-height:1.5em}
#content p{margin:15px 0;padding:0}
#content form{margin:0;padding:0}
#content form label{float:left;display:block;width:110px;height:1.2em;margin:5px 0;padding:0}
#content form select{float:left;display:block;font-size:0.9em;color:#666;width:120px;margin:5px 0;padding:0}
#content form input{float:left;display:block;width:100px;height:1.3em;color:#666;margin:5px 0;padding:0}
#content form textarea{color:#666}
#con_form p{margin:5px 0;}
#con_form p label{width:140px}
#con_form p select,#con_form p input,#con_form p textarea{float:none;display:inline;width:200px;margin:2px 0}
#con_form p textarea{height:70px;font-size:0.9em}
#con_form p #submit,#con_form p #reset{width:100px;height:1.8em;line-height:1.5em;margin:0 0 10px 0}
#searchfirst{float:left;width:280px}
#searchmore{float:left;width:190px}
#agentsearch #a_agent{width:150px;}
#p_postcode{width:105px}
#fullsearch a,#fullsearch a:visited,#agentsearch a,#agentsearch a:visited{display:block;float:right;margin:5px 0 0 0;padding:2px 5px}
#fullsearch a:hover,#fullsearch a:focus,#fullsearch a:active,#agentsearch a:hover,#agentsearch a:focus,#agentsearch a:active{background:#2c0a54;color:#ffffff;text-decoration:none}
#fullsearch #p_postcode{width:116px}
#fullsearch #p_agent_label{width:60px}
#fullsearch #p_agent{width:170px}
#agentsearch #a_agent{width:170px}
#mainpic{border:3px solid #eee;height:300px}
.resultspic{float:left;margin:0 5px 0 0;width:140px;height:105px}
a .resultspic,a:visited .resultspic{border:2px solid #eee}
a:hover .resultspic,a:focus .resultspic,a:active .resultspic{border:2px solid #c8dfed}
#salesresults p{margin:10px 0}
#salesresults form p{margin:0}
#content .resultlinks p{margin:0}
#functions{list-style-type:none;margin:2px 0;border:solid #c8dfed;border-width:1px 0;margin:0;padding:0}
#functions li{display:inline;padding:0}
#functions li form,#functions li div{display:inline}
#functions li a{margin:0 15px 0 0}
#floorplancontent{position:relative;padding:15px 0 10px 180px}
#smallfloors{position:relative;z-index:5;float:left;width:180px;padding:20px 0 0 0;text-align:center}
#smallfloors a img,#smallfloors a:visited img{border:2px solid #eee}
#smallfloors a:hover img,#smallfloors a:focus img,#smallfloors a:active img{border:2px solid #c8dfed}
#internals ul,#printinternals ul{width:100%;margin:0;padding:0}
#internals ul li{width:100px;height:105px;float:left;text-align:center;font-size:0.9em;font-weight:normal;margin:0 15px 0 0}
#internals ul li img{height:66px;max-width:100%;border:2px solid #eee}
#internals ul :hover img{border:2px solid #97c3c4}
#agentdetails{float:right;width:200px;padding:0 0 0 10px;margin:10px 0 0 5px;border-left:1px dashed #97c3c4}
#agentdetails img{width:120px}
#agentdetails + p{clear:left}
#content .rightresults #go{height:1.7em;line-height:1.3em}
#error,#contact{color:#2c0a54}
#noerror{color:#97c3c4}
/* Right */
#rightcol{position:relative;z-index:5;float:right;width:190px}
#greybox{height:135px;background:#eee;margin:15px 0}
#lifestyle{width:190px;height:362px;border-bottom:15px solid #fff}
/* Footer */
#footer{clear:both;background:#eee;margin:0;padding:0;text-align:center;font-size:0.9em;height:1.8em;line-height:1.8em}
/* Printable Details */
#printinternals img{display:inline;height:200px;border:2px solid #97c3c4;margin:0 20px 20px 0}
#printersfriend #mainpic{margin:0 auto;height:330px;border:2px solid #2685bb}
#printersfriend strong{color:#97c3c4}
#printcenter{clear:both;width:100%;margin:10px auto;padding:10px 0;text-align:center}
#printsps{border-top:2px solid #2c0a54;margin-top:10px;padding-top:10px}
#printsps p{margin:0 0 10px 0;font-size:0.8em}
#printsps img{float:left;margin:0 10px 20px 0}
#printagentdetails{float:right}
#printagentdetails img{float:left;margin:0 10px 10px 0}
/* Classes */
.hacktheplanet{clear:both;height:1px}
.preload{display:none}
#content .options p{margin:0}
#content form .multi{height:98px;width:180px;margin:0}
.extra{font-size:0.9em;line-height:1.4em}
#content .ontheup{text-align:right;margin:0 0 5px 0;padding:0}
#content .rightresults{text-align:right;line-height:1.3em;margin:15px 0}
#content .rightresults input{float:none;margin:0;display:inline;width:20px;font-size:0.85em;line-height:1.4em;text-align:center}
#content .firefoxmoo{width:0px;}
#content .rightresults select{float:none;margin:0;display:inline;width:85px;font-size:0.85em}
/* Links */
a,a:visited{text-decoration:none;color:#2c0a54}
a:hover,a:focus,a:active{text-decoration:underline;color:#2685bb}
a#skip,a#skip:hover,a#skip:focus,a#skip:active{text-decoration:none;color:#fff}