@charset "utf-8";

body {
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000000;
	background-color:#333333;
	line-height:1.5em;
	min-width:960px;
}

/*CREATING LAYOUT*//* SWITCH - ADD/REMOVE AN ASTERISK BELOW */
/*/
body { height:1300px; background-image:url(http://www.garethjohnsonmp.co.uk/mockup.jpg); background-position:center top; background-repeat:no-repeat; }
body > div { opacity:0.5; filter:alpha(opacity=50); }
div.outer { height:1300px; }
/*CREATING LAYOUT*/

h1,h6 {
	font-size:1.6em;
	font-weight:bold;
	color:#2C3A5F;
}

h2 {
	font-size:1.4em;
	font-weight:normal;
	color:#2C3A5F;
}

h3, h1.alt {
	font-weight:bold;
	font-size:12px;
	color:#5D6C96;
}

h4 {
	font-weight:bold;
	font-size:16px;
	color:#2C3A5F;
}

h5 {
	font-weight:bold;
	font-size:14px;
	color:#5D6C96;
}

h6 {
	margin-bottom:-10px;
	font-weight:bold;
	font-size:14px;
	color:#2C3A5F;
}

hr {
	clear:both;
	border:none;
	height:1px;
	background:url(../images/skin/hr.jpg) no-repeat center center;
}

a {
	color:#5D6C96;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#2C3A5F;
	text-decoration:underline;
}

ul {
	padding-left:10px;
}

ul li {
	padding-left:10px;
	background-image:url(../images/skin/bullet.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

blockquote {
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	font-size:1.2em;
	padding:15px;
}

div.outer {
	position:relative;
	min-width:960px;
	background-image:url(../images/skin/bg_top.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}

div.outer div.header {
	position:relative;
	z-index:50;
	margin:0 auto;
	height:160px;
	width:960px;
	background-image:url(../images/skin/bg_header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

div.outer div.bodywrap {
	position:relative;
	z-index:10;
	margin:0 auto 30px auto; width:960px;
	overflow:hidden;
}

div.outer div.bodywrap div.navcolumn {
	float:left;
	margin-right:10px; width:160px;
}

div.outer div.bodywrap div.navcolumn div.nav {
	background-image:url(../images/skin/nav_tile.jpg);
	margin:9px 0px 10px 0px;
}
div.outer div.bodywrap div.navcolumn div.nav:after {content:" ";visibility:hidden;display:block;clear:both;width:0;height:0;line-height:0;font-size:0;}

div.outer div.bodywrap div.navcolumn div.nav ul { margin:0; padding:0; }
div.outer div.bodywrap div.navcolumn div.nav ul li { margin:0; padding:0; background:none; }
div.outer div.bodywrap div.navcolumn div.nav ul li a {
	display:block;
	margin:0 10px;
	padding:0 2px 0 8px;
	max-height:38px;
	color:#FFFFFF;
	background-image:url(../images/skin/nav_bullet.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border-top:1px solid #7D89AB;
	background-color:#5D6C96;
	border-bottom:1px solid #4A5678;
	font-size:11px;
}

div.outer div.bodywrap div.navcolumn div.nav ul li a:hover {
	padding:0 1px 0 9px;
	text-decoration:none;
	background-position:0px -38px;
	border-top:1px solid #97A1BC;
	background-color:#7D89AB;
	border-bottom:1px solid #646E89;
}

div.outer div.bodywrap div.navcolumn div.nav ul li.selected a {
	padding:0 1px 0 9px;
	text-decoration:none;
	background-position:0px -76px;
	border-top:1px solid #56617F;
	background-color:#2C3A5F;
	border-bottom:1px solid #232E4C;
}

div.outer div.bodywrap div.navcolumn div.nav div.head {
	padding-top:9px;
	background-image:url(../images/skin/nav_header.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.outer div.bodywrap div.navcolumn div.nav div.foot {
	padding-bottom:10px;
	background-image:url(../images/skin/nav_footer.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

div.outer div.bodywrap div.navcolumn div.contact {
	color:#FFFFFF;
	font-size:11px;
}

div.outer div.bodywrap div.navcolumn div.contact h4 {
	color:#FFFFFF;
	font-size:14px;
}

div.outer div.bodywrap div.navcolumn div.contact h5 {
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:0;
}

div.outer div.bodywrap div.navcolumn div.contact p {
	color:#FFFFFF;
	font-size:10px;
	margin-top:0;
}

div.outer div.bodywrap div.banner {
	float:right;
	width:790px;
}

div.outer div.bodywrap div.body {
	position:relative;
	float:right;
	width:790px;
	margin-top:10px;
	background-color:#FFFFFF;
	background-image:url(../images/skin/content_tile.jpg);
	background-repeat:repeat-y;
	background-position:left;
	padding:10px 0;
}

div.outer div.bodywrap div.body div.head {
	padding-top:10px;
	background-image:url(../images/skin/content_header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.outer div.bodywrap div.body div.foot {
	padding-bottom:10px;
	background-image:url(../images/skin/content_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

div.outer div.bodywrap div.body #container {
	padding:0 20px;
}

div.outer div.bodywrap #loader {
	position:absolute; top:0; left:0; z-index:10;
	width:100%; height:100%;
	background:#FFFFFF url(../images/ajax-loader.gif) no-repeat center 50px;
}

div.outer div.bodywrap div.body div.title {
	margin:40px 10px 0 10px;
	width:940px;
}

div.outer div.bodywrap div.body div.column {
	position:relative;
	float:left;
	margin:0 10px;
	width:300px;
	min-height:50px;
}

div.outer div.bodywrap div.body div.column.double {
	width:620px;
}

div.outer div.bodywrap div.body div.column.full {
	float:none;
	clear:both;
	width:940px;
}

div.outer div.bodywrap div.body div.column iframe {
	float:right;
	position:absolute;
	right:0;
	margin-top:20px;
	width:380px;
	height:280px;
}

div.outer div.bodywrap div.body div.column > p > img, div.outer div.bodywrap div.body div.column > img {
	margin-top:5px;
	margin-bottom:15px;
}

div.outer div.bodywrap div.body div.box {
	margin-top:20px;
	background-image:url(http://www.garethjohnsonmp.co.uk/images/skin/box_tile.jpg);
	background-repeat:repeat-y;
	background-position:left;
}

div.outer div.bodywrap div.body div.column.full div.box {
	float:left;
	margin-left:20px;
	width:300px;
}

div.outer div.bodywrap div.body div.column.full div.box:first-child {
	margin-left:0;
}

div.outer div.bodywrap div.body div.box:after {
	content:" ";
	visibility:hidden;
	display:block;
	clear:both;
	width:0;
	height:0;
	line-height:0;
	font-size:0;
}

div.outer div.bodywrap div.body div.box div.head {
	background-image:url(http://www.garethjohnsonmp.co.uk/images/skin/box_head.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.outer div.bodywrap div.body div.box div.foot {
	padding:1px 10px 10px 10px;
	background-image:url(http://www.garethjohnsonmp.co.uk/images/skin/box_foot.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

div.outer div.bodywrap div.body div.box ul li {
	background-image:url(../images/skin/bullet.png);
}

div.outer div.bodywrap div.body div.box span.icon {
	display:inline;
	position:relative;
	width:32px;
	padding:0 0 0 5px;
	text-align:center;
}

div.outer div.bodywrap div.body div.box p.contactdetail {
	position:relative;
	clear:right;
	margin:0;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	color:#333333;
	line-height:32px;
}

div.outer div.bodywrap div.body div.box p.contactdetail.email {
	font-size:12px;
	font-weight:normal;
}


div.outer div.bodywrap div.body form label {
	display:block;
	text-align:right;
}

div.outer div.bodywrap div.body form label input, div.outer div.bodywrap div.body form label textarea {
	border:1px solid #CCCCCC;
	padding:3px;
	width:292px;
	height:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}
div.outer div.bodywrap div.body form label textarea {height:80px;}
div.outer div.bodywrap div.body form label input[name=v] {width:192px;}

div.outer div.bodywrap div.body form label > img {
	display:block;
	float:left;
}

div.outer div.bodywrap div.body form div.formerror {
	border:1px solid #CC0000;
	padding:3px;
	width:292px;
	font-weight:bold;
	background-color:#FFCCCC;
	color:#990000;
}

div.outer div.footer {
	clear:both;
/*	position:relative; top:10px; z-index:1000;*/
	position:fixed; bottom:0; z-index:1000;
	width:100%;
	background-image:url(../images/skin/bg_footer_tile.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-color:#333333;
}

div.outer div.footer div.content {
	position:relative;
	margin:0 auto;
	width:960px;
	height:40px;
	background-image:url(http://www.garethjohnsonmp.co.uk/images/skin/bg_footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	color:#333333;
}

div.outer div.footer div.content a {
	color:#333333;
}

div.outer div.footer div.content div.logo_mini {
	position:absolute;
	top:0px;
	width:960px;
	text-align:center;
}

div.outer div.footer div.content div.logo_mini img {
	left:50%;
}

div.outer div.footer div.content span {
	position:absolute;
	top:10px;
}
div.outer div.footer div.content span.copyright { left:170px; }
div.outer div.footer div.content span.webdesign { right:0; }
div.outer div.footer div.content span.tab {
	top:0; left:7px;
	width:144px; height:30px;
	background-image:url(../images/skin/footer_tab.jpg);
	text-align:center;
	line-height:30px;
}

div.outer div.footer div.content span.tab a {
	color:#FFFFFF;
}

div.outer div.footer div.content ul {
	display:block;
	position:relative;
	top:120px;
	text-align:center;
}

div.outer div.footer div.content ul li {
	display:inline;
	margin:0;
	padding:0;
	background:none;
	white-space:nowrap;
}
div.outer div.footer div.content ul li a {
}
div.outer div.footer div.content ul li a {
	margin-left:4px;
	padding:0 9px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}
div.outer div.footer div.content ul li:hover > a {border:1px solid #FFFFFF; padding:0 8px;}

div.outer div.footer div.content ul li ul {
	display:none;
	position:absolute;
	top:18px;
	left:0;
	border-top:1px solid #FFFFFF;
	width:960px;
	padding-top:5px;
}
div.outer div.footer div.content ul li:hover ul {display:block;}
div.outer div.footer div.content ul li:hover ul a {background:none;}

div.outer div.body img.image_right {
	float:right;
	margin:0px 5px 5px 15px;
	border:1px solid #333366;
	padding:1px;
}

div.outer div.body img.image_left {
	float:left;
	margin:0px 15px 5px 5px;
	border:1px solid #333366;
	padding:1px;
}

/* DATA TABLE */
table {
	width:100%;
	border-collapse:collapse;
}

table tr td, table tr th {
	padding:5pt;
	border:1pt solid #CCCCCC;
	border-bottom:1pt solid #666666;
	vertical-align:top;
}

table tr td img {
	border:none;
}

table thead tr td, table tr th {
	border-left:1pt solid #999999;
	border-right:1pt solid #999999;
	font-weight:bold;
	color:#666666;
	background-color:#CCCCCC;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

table tbody tr:hover td {
	background-color:#EEEEEE;
}

table tbody tr td {
	background-color:#FFFFFF;
}

table tbody tr:nth-child(even) td {
	background-color:#DDDDFF;
}

table tbody tr:nth-child(even):hover td {
	background-color:#CCCCEE;
}

table.norows tbody tr td, table.norows tbody tr:hover td {
	background:none;
}

table tr td label {
	font-weight:bold;
	padding-right:2pt;
}

table tr td span {
	white-space:nowrap;
}

ul.listing {
	margin:0; padding:0;
	border-top:1px solid #CCCCCC;
}

ul.listing li {
	margin:0; padding:15px;
	position:relative;
	background:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}
ul.listing li:hover {background:#f6f6f6;}
ul.listing li:after {content:" ";visibility:hidden;display:block;clear:both;width:0;height:0;line-height:0;font-size:0;}

ul.listing li img {
	float:left;
}
ul.listing li img:after {content:" ";visibility:hidden;display:block;clear:both;width:0;height:0;line-height:0;font-size:0;}

ul.listing li div.price {
	position:absolute; bottom:15px; right:15px;
	font-size:18px; font-weight:bold; color:#336633;
}

ul.listing li div.sold {
	position:absolute; top:-15px; left:0; z-index:10;
	width:100%; height:100%; padding-bottom:15px;
	background-image:url(http://www.garethjohnsonmp.co.uk/images/skin/bg_sold.png);
	background-position:center center;
}

div.media {
	overflow:hidden;
	margin-top:5px;
	border-top:1px solid #999999;
	padding-bottom:10px;
}

div.media a img {
	float:left;
}

div.listinglogo {
	padding-top:25px;
	text-align:center;
}

div.listinglogo img {
	padding:5px;
	border:1px solid #333333;
	background:#FFFFFF;
}

.msg {padding:10px 35px 10px 35px;}
.msg {margin-bottom:10px;}
.msg.warning {background:url("../images/icons/ico-warning.gif") 10px 12px no-repeat; border:2px solid #F2DD8C;  background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} 
.msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {background:url("../images/icons/ico-info.gif") 10px 12px no-repeat; border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {background:url("../images/icons/ico-done.gif") 10px 12px no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {background:url("../images/icons/ico-delete.gif") 10px 12px no-repeat; border:2px solid #FFAEAE; background-color:#FEEBEB;}

.noresults {
	padding:15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#660000;
}

.styledform fieldset {
	padding: 1em;
	font:12px sans-serif;
	border:1px solid #CCCCCC;
}

.styledform p {
	clear:both;
}
.styledform legend {
	padding: 0.2em 0.5em;
	border:1px solid #999999;
	color:#333333;
	font-size:14px;
	text-align:right;
	margin:10px 0px;
}
.styledform label {
	float:left;
	width:25%;
	font-size:12px;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
}

.styledform label span{
	color:#FF0000;
	font-weight:bold;
}
  
.styledform input {
	width:70%;
	padding-top:0.2em;
	border:1px solid #CCCCCC;
}
.styledform textarea {
	width:70%;
	padding-top:0.2em;
	border:1px solid #CCCCCC;
}
.styledform select {
	width:70%;
	padding-top:0.2em;
	border:1px solid #CCCCCC;
}

.styledform table td {
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

.buttons{
	margin-top:10px;
	margin-left:25%;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #CCCCCC;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#frm_search {
	display:block;
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #999999;
	padding:15px;
	width:200px;
}
#frm_search:after {content:" ";visibility:hidden;display:block;clear:both;width:0;height:0;line-height:0;font-size:0;}

#frm_search h5 {
	margin:0;
	padding:0 0 10px 0;
}
#frm_search h5:after {content:" ";visibility:hidden;display:block;clear:both;width:0;height:0;line-height:0;font-size:0;}

#frm_search label {
	clear:both;
	width:200px;
}

#frm_search input, #frm_search select {
	float:right;
	margin-left:5px;
	width:120px;
}

#frm_search input[type=checkbox] {
	float:right;
	margin-left:5px;
	width:auto;
}

#frm_search div.buttons {
	clear:both;
	padding-top:10px;
	width:auto;
}

div#map {
	float:right;
	margin:0 0 10px 10px;
}

h2 img.icon {
	float:left;
	margin-right:10px;
}

#gallery {
	overflow:hidden;
}

#gallery.boxes a {
	display:block;
	position:relative;
	float:left;
	margin:14px;
	width:120px;
	height:120px;
	border:1px solid #999999;
	background:#FFFFFF;
	text-align:center;
}
#gallery.boxes a span {
	display:block;
	position:absolute; bottom:0;
	width:110px;
	padding:5px;
	background-color:#000000;
	color:#FFFFFF;
}

#gallery.list div.entry {
	clear:both;
	overflow:hidden;
	position:relative;
	padding:5px 0;
	border-top:1px solid #CCCCCC;
}

#gallery.list div.entry div.image, span.listimage {
	 z-index:10;
	float:left;
	margin-right:10px; padding:1px;
	border:1px solid #999999;
}

#gallery.list div.entry span.count {
	position:absolute; top:0; left:0; z-index:20;
	padding:0 2px;
	background:#333333; color:#FFFFFF; text-shadow:1px 1px #000000;
}

#gallery.list div.entry div.description h6 {
	margin:0 0 -15px 0;
}

/*FILETYPE LINKS*/
a.filetype {
	background-position:0 2px;
	background-repeat:no-repeat;
	padding-left:18px;
}

a.filetype.pdf {
	background-image:url(../images/icons/pdf.png);
}

a.filetype.zip {
	background-image:url(../images/icons/zip.png);
}