@import 'cssdeck/_handler.css';

															/** BODY ELEMENTS **/
body {
	color: #666;
	background-color: #e5e5e5;
	background-image: url(../images/style/bg.png);
	background-repeat: repeat-x;
	border-top: 5px solid #096fa5;
	}

.headerlink { display: none; }


															/** MAIN CONTAINERS **/
div#container {
	width: 81.5em;
	margin: 0 auto;
	}
	div.header {
		background-image: url(../images/style/bg-content-t.png);
		_background-image: url(../images/style/bg-content-t-8bit.png);
		background-position: 50% 100%;
		}
		div.header-in {
			
			}
	div.content-wrapper {
		margin: -1px -1px 0 0;
		color: inherit;
		background-color: #fff;
		border-right: 1px solid #e2e2e2;
		}


	div.layout-2col div.content {
		width: 53em;
		}
	div.layout-2col div.aside {
		width: 27em;
		}


		div.content {
			
			}
			div.content-in {
				margin: 1em 2em;
				padding: 0 0 1em;
				}
		div.aside {
			
			}
			div.aside-right {
				
				}
				div.aside-in {
					margin: 0 2em 1em 0;
					}
	div.footer {
		padding: 1.2em .5em;
		background-image: url(../images/style/bg-content-b.png);
		background-position: 50% 0;
		}
		div.footer-in {
			color: #aaa;
			background-color: inherit;
			font-size: .95em;
			}






															/** SUB CONTAINERS **/

div.nav-main {
	position: relative;
	z-index: 4;
	width: 100%;
	color: inherit;
	background-color: #78c527;
	background-image: url(../images/style/bg-nav-main.png);
	background-repeat: repeat-y;
	background-position: 50% 100%;
	overflow: hidden;
	_margin: 0 0 1em;
	}
	div.nav-main-b,
	div.nav-main-t {
		position: absolute;
		z-index: 5;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 10px;
		background-image: url(../images/style/bg-nav-main-b.png);
		background-position: 50% 100%;
		_display: none;
		}
	div.nav-main-t {
		top: 0;
		background-image: url(../images/style/bg-nav-main-t.png);
		}
	div.splash-b {
		position: absolute;
		z-index: 5;
		top: 0;
		left: 0;
		width: 100%;
		height: 10px;
		background-image: url(../images/style/bg-splash-b.png);
		background-position: 50% 100%;
		_display: none;
		}
div.nav-footer {
	
	}
div.splash {
	color: #fff;
	background-color: #075a8a;
	background-image: url(../images/style/bg-splash.png);
	background-repeat: repeat-y;
	background-position: 50% 100%;
	}
	div.splash-in {
		min-height: 4.5em;
		padding: 2em 5em;
		background-image: url(../images/style/bg-nav-main-t.png);
		background-position: 50% 0;
		_height: 8em;
		_background-image: none;
		}
div.x3 {
	margin: 0;
	padding: 2.5em 0 0;
	color: inherit;
	background-color: #fff;
	background-image: url(../images/style/bg-sections-t.png);
	background-position: 50% 0;
	}
	div.x3 div.right {
		float: right;
		margin: 0 -1px 0 0;
		border-right: 1px solid #e2e2e2;
		}
	div.x3 div.section-in {
		margin: 1em 1.5em;
		}
	div.x3 div.left div.section-in {
		margin: 1em .5 1em 2em;
		}
	div.x3 div.right div.section-in {
		margin: 1em 2em 1em 0;
		}
div.banner {
	clear: right;
	padding: 1em 0 0 6em;
	}
	div.resources {
		background-image: url(../images/style/ico-resources.png);
		background-position: 1em 1em;
		}
div.content div.floatright img {
	margin: -.5em 0 1em 1em;
	}
	div.content div.floatrighttwo img {
	margin: -1.5em 0 1em 1em;
	}
	
div.content div.floatleft img {
	margin: -.5em 1em 1em 0;
	}
div.green div.box-in,
div.x3 div.box-in {
	height: 16em;
	position: relative;
	}
div.aside div.box-wrap {
	margin: 2em 0 0;
	}
div.box-wrap {
	position: relative;
	background-image: url(../images/style/bg-box-green-br.png);
	background-position: 100% 100%;
	}
	div.box {
		background-image: url(../images/style/bg-box-green-tr.png);
		background-position: 100% 0;
		}
	div.box-in {
		background-image: url(../images/style/bg-box-green-bl.png);
		background-position: 0 100%;
		}
	div.box h3 {
		background-image: url(../images/style/bg-box-green-tl.png);
		}
div.aqua { margin: .5em 0 2em;background-image: url(../images/style/bg-box-aqua-br.png); }
div.aqua div.box { background-image: url(../images/style/bg-box-aqua-tr.png); }
div.aqua div.box-in { background-image: url(../images/style/bg-box-aqua-bl.png); }
div.aqua div.box h3 { background-image: url(../images/style/bg-box-aqua-tl.png); }
div.blue { background-image: url(../images/style/bg-box-blue-br.png); }
div.blue div.box { background-image: url(../images/style/bg-box-blue-tr.png); }
div.blue div.box-in { background-image: url(../images/style/bg-box-blue-bl.png); }
div.blue div.box h3 { background-image: url(../images/style/bg-box-blue-tl.png); width: 200px; }

div.blue div.figure {
	margin: -4em 1em 0;
	padding: .5em 0;
	width: 80px
	}
	div.blue div.figure img {
		clear: right;
		float: right;
		margin: 0 0 .5em;
		}
div.green div.figure img.negmar {
	margin: -3em 0 1em;
	}
	div.green div.floatleft {
		margin: -.5em .5em .5em .8em;
		}
	div.green ul.casestudies {
		margin: -2em 0 0 9em;
		list-style-image: url(../images/style/ico-list-green.png);
		}
div.nav-faqs {
	margin: 0 1em;
	padding: 0 0 1em;
	background-image: url(../images/style/bg-nav-faq.png);
	background-position: 100% 0;
	}
div.question-wrap {
	height: 6em;
	padding: 0 2em 1em;
	overflow: hidden;
	}
	div.question-wrap ul {
	    margin: 0;
	    padding: 0;
		list-style: none;
	}
	div.question-wrap li {
		height: 6em;
		margin: 0 0 2em;
		padding: 0;
		overflow: auto;
		padding: 0 0 1em;
		list-style-type: none;
		}
		
div.nav-aside {
	margin: -2em 1em 0;
	padding: 0 1em 2em;
	}





															/** LISTS **/
div.nav-main ul {
	
	}
	div.nav-main ul li {
		width: 16.66%;
		}
	div.nav-main ul a {
		width: 100%;
		height: 4.5em;
		padding: 1.5em 0 0;
		color: #fff;
		background-color: inherit;
		background-repeat: repeat-x;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		_height: 4em;
		_padding: .7em 0 0;
		}
	div.nav-main ul li.pad a {
		height: 4em;
		padding: 2em 0 0;
		_height: 3.5em;
		_padding: 1.2em 0 0;
		}
	div.nav-main ul li.selected a,
	div.nav-main ul a:hover {
		color: #fff;
		background-color: #55b41c;
		background-image: url(../images/style/bg-nav-main-a-hover.png);
		background-position:0 100%;
		}
		div.nav-main a span {
			display: block;
			width: 6em;
			margin: 0 auto;
			line-height: 1.1em;
			cursor: pointer;
			}
		div.nav-main a span em {
			display: block;
			width: 10em;
			color: #dcf0c0;
			background-color: inherit;
			font-size: .75em;
			font-weight: normal;
			font-style: normal;
			}
		div.nav-main li.selected a span em,
		div.nav-main a:hover span em {
			color: #cae9ba;
			background-color: inherit;
			}
div.nav-footer ul {
	text-align: right;
	}
	div.nav-footer ul li,
	div.nav-footer ul a {
		float: none;
		display: inline;
		margin: 0 0 0 .3em;
		}
	div.nav-footer ul li.copyright {
		float: left;
		margin: 0;
		font-size: .85em;
		}
	div.nav-footer ul a {
		color: #888;
		background-color: inherit;
		text-decoration: none;
		}
		div.nav-footer ul a:hover {
			color: #333;
			background-color: inherit;
			}
div.content ul {
	padding: 1em 0;
	list-style: url(../images/style/ico-arrow.png);
	}

div.nav-faqs ul, div.nav-faqs .btn {
	height: 28px;
	background-image: url(../images/style/bg-nav-faq-ul.png);
	list-style-type: none;
	}
	div.nav-faqs ul li {
		width: 33%;
		margin: .5em 0 0;
		font-size: .9em;
		border-left: 1px solid #ccc;
		list-style-type: none;
		}
		div.nav-faqs ul li.first { border: 0; }
	div.nav-faqs ul a {
		width: 100%;
		color: #666;
		background-color: inherit;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		}
		div.nav-faqs ul a:hover {
			color: #333;
			background-color: inherit;
			}
div.nav-aside ul {
	padding: 0 1em;
	}
	div.nav-aside ul li {
		margin: .1em 0;
		}
	div.nav-aside ul a {
		padding: .5em 1em;
		color: #407ba4;
		background-color: inherit;
		text-decoration: none;
		}
		div.nav-aside ul a em {
			padding: 0 1em;
			color: #98c0d6;
			background-color: inherit;
			font-size: .95em;
			font-style: normal;
			}
	div.nav-aside ul a:hover {
		color: #9ab1c0;
		background-color: #e7f7fd;
		}
	
	div.nav-aside ul .selected {
		color: #407ba4;
		background-color: #e7f7fd;
		}







															/** TYPOGRAPHY **/
h1 {
	
	}
	h1.logo {
		width: 650px;
		margin: 0 0;
		}
		h1.logo a {
			height: 64px;
			background-image: url(../images/logo-orthopilot.png);
			}
h2 {
	font-size: 1.8em;
	font-family: "Arial Rounded MT Bold";
	font-weight: normal;
	line-height: 1.2em;
	}
	div.splash h2 {
		float: right;
		width: 17em;
		font-size: 2.1em;
		line-height: 1.2em;
		text-align: right;
		}
	div.content h2 {
		margin: .5em 0 1.2em;
		color: #337eb8;
		background-color: inherit;
		}
h3 {
	color: #75a62a;
	background-color: inherit;
	font-size: 1.5em;
	font-family: "Arial Rounded MT Bold";
	line-height: 1.2em;
	font-weight: normal;
	}
	div.box h3 {
		padding: 1em 1em .4em 1em;
		}
	div.green h3 {
		font-size: 1.3em;
		}
	div.aqua h3 {
		padding: 1em 5em 1em 1em;
		color: #428bc0;
		background-color: inherit;
		font-size: 1.6em;
		}
	div.blue h3 {
		color: #fff;
		background-color: inherit;
		}
	div.content h3 {
		padding: 1em 0 1em;
		}
		div.content .news-item h3{
		    padding: 0;
		    position:relative;
		    top: -5px;
		    }
div.question {
	border-bottom: 1px solid #ddd;
	}
	div.question h3 {
		margin: 0;
		padding: .5em 1em .5em;
		background-image: url(../images/style/ico-plus.png);
		background-position: 0 50%;
		cursor: pointer;
		}
	div.question h3.open {
		background-image: url(../images/style/ico-minus.png);
		}
	div.question .answer {
		padding: 1em 1.5em 1.5em;
		}
h4 {
	color: #337eb8;
	background-color: inherit;
	font-size: 1.2em;
	font-weight: normal;
	}
	div.banner h4 {
		margin: 0 0 .3em;
		}
p {
	color: #666;
	background-color: inherit;
	}
	div.box p {
		padding: 0 1.5em 0.5em 1.5em;
		}
	div.aqua p {
		color: #407ba4;
		background-color: inherit;
		}
	div.blue p {
		margin: 0;
		color: #c5e4ff;
		background-color: inherit;
		width: 140px;
		float: left;
		}
	div.green p.light {
		width: 10em;
		color: #94a182;
		background-color: inherit;
		font-size: .95em;
		}
	div.content-in p {
		line-height: 1.8em;
		}
div.box .latest-news p {
	margin: 0;
	padding: 0 1.5em 1.5em;
	}
blockquote {
	margin: 2em 0;
	background-color: #ddedcc;
	border-bottom: 5px solid #a9d17f;
	}
a {
	color: #08f;
	background-color: inherit
	}
	a:hover {
		
		}
	div.blue a {
		color: #fff;
		background-color: inherit
		}
	a.print {
		position: absolute;
		top: 2em;
		right: 1.5em;
		width: 16px;
		height: 16px;
		background-image: url(../images/style/ico-print.png);
		}
		div.green a.readmore {
			margin: -1em 1em 0 0;
			}




li.computer-navigation-surgery em, li.total-knee-replacement em { display: none !important; }


.newclearfix {
    overflow: hidden;
}

#sidebar {
    margin: 0;
    padding:0 2em 1em;
    height:100px;
    position: relative;
}
    #sidebar li {
        list-style: none;
    }
    #sidebar a {
        cursor: pointer;
    }
#notes {
    }    
#notes h3 {
    font-size: 1em;
    }


.find, .location-nav {
    padding: 0 2em .25em 2em;
    }
    .find input {
        margin-right: 10px;
        width:140px;
        }
form div.control {
    margin: 0.2em 0;
    }
div.control input, div.control select  {
    border: 1px solid #ccc;
    margin: 0.5em 0;
    }
div.control input {
    padding: 2px;
    }
#place {
    height: 300px;
    padding: 1em 0 0 0;
    }
div.content h3.popup {
    padding: 0 0 .5em 0;
    }
    
.filter-list {
    height:100px;
    margin:10px 0;
    overflow:hidden;
    position:relative;
}


.forum {
    
    }
    .forum .sidebar {
        margin: 0;
        padding: 0;
    }
    .forum abbr {
        text-transform: lowercase;
    }
    .forum button {
        background: #F0F0F0;
        border: 1px solid #888;
        color: #000;
        font-weight: bold;
        padding: 0.1em 0.2em;
        margin: 0.5em 0;
        height: 1.8em;
        width: auto;
    }
    .forum textarea {
        border: 1px solid #ccc;
        width: 300px;
        height: 10em;
    }
    .forum .author {
        width: 10em;
        }
    .forum table {
        width: 100%;
        }
    .forum .reply {
        
        }
    .forum a {
        cursor: pointer;
        }
        .nicEdit-panelContain {
            width: 100% !important;
        }
    .forum .entry-content {
        width: 100%;
    }
    .forum .post-body {
        width: 450px;
    }
    

.news-archive a {
    
    }
    .news-archive ul {
        margin: 0;
    }
    .news-archive li {
        list-style: none;
        margin: 1em 0;
    }

.feed {
    margin: 15px 0;
}
    .feed img {
        float: left;
        margin-right: 4px;
    }
    
form button {
    width: auto;
}


.sharesb{
	clear:both;
	position:relative;
	border:1px solid #ddd;
	padding:10px;
	margin:15px 0 10px 0;
	font-size:12px;
	-webkit-text-size-adjust:none;
}
.sharesb p {
	padding:0;
	margin:0;
}
.sharesb p a{
	position:absolute;
	top:0px;
	right:0px;
	padding:10px;
	font-size:12px;
}
.sharesb h3{
	padding:0 3px 0 0;
	margin:0;
	margin:0 5px 0 3px;
	font-weight:normal;
}
.sharesb ul{
	text-align:left;
	list-style:none;
	margin:0 0 0px 15px;
	padding:0;
}
.sharesb ul li{
	text-align:center;
	display:inline;
	padding:0 4px 6px 0 ;
}
.sharesb ul li.delicious{background:url("http://newsimg.bbc.co.uk/shared/img/icons/bookmarks/delicious.gif") no-repeat 0 0;}
.sharesb ul li.digg{background:url("http://newsimg.bbc.co.uk/shared/img/icons/bookmarks/digg.gif") no-repeat 0 0;}
.sharesb ul li.reddit{
	padding:0 0 0 2px;
	background:url("http://newsimg.bbc.co.uk/shared/img/icons/bookmarks/reddit.gif") no-repeat 0 0;
}
.sharesb ul li.facebook{background:url("http://newsimg.bbc.co.uk/shared/img/icons/bookmarks/facebook.gif") no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url("http://newsimg.bbc.co.uk/shared/img/icons/bookmarks/stumbleupon.gif") no-repeat 0 0;}
.sharesb ul li a{
	padding:0 0 0 18px;
	margin:0 3px 0 0px;
}

.users-in-area { margin: 5px 0 0 2px; }
.users-in-area li { list-style: none; }

.locations-nav a { cursor: pointer; }

form input {
	_width: 150px;
	cursor: text;
	}
	
#page24 { display: none; }

.bbtn {
    position: absolute;
    right: 10px;
    bottom: 6px;
    }
#locationsprev, #locationsnext {
	cursor: pointer;
	}