/*--------------RESET--------------*/
*{margin:0;padding:0}
html{font-size:62.5%;height:100%}
ul{list-style:none}
img{border:none}
a{text-decoration:none;outline:none;}
input.button{outline:none}
acronym{cursor:help}

/*-------------LAYOUT--------------*/
body{
height:100%;
color:#464646;
font:1em Verdana;
text-align:center;
background:#eee url("http://www.jamessmith.co.uk/images/BGL3.png") repeat-x;
}
#BG{
position:absolute;
right:0;
width:50%;
height:230px;
background: url("http://www.jamessmith.co.uk/images/BGR3.png") repeat-x;
}
#W{
min-height:100%;
height:auto !important;
height:100%;
text-align:left;
position:relative;
width:960px;
margin:0 auto -8em;
background:#fff url("http://www.jamessmith.co.uk/images/contentBG.gif") repeat-y;
}
#C{
overflow:hidden;
background:url("http://www.jamessmith.co.uk/images/banner4.jpg") no-repeat -5px 0;
}
#M{
margin-top:258px;
padding:0 40px 20px;
}
#F{
background:#393730 url("http://www.jamessmith.co.uk/images/footerBG.png") repeat-x;
color:#bfbbb3;
position:relative;

}
#F,.push{height:8em;}
#F div{
margin:0 auto;
width:960px;
text-align:left;
}
#F1,#F2{
float:left;
padding:10px 86px 10px;
background:url("http://www.jamessmith.co.uk/images/sprite1.png") no-repeat 0 -58px;
}
#F2{
float:right;
background-position:100% 2px;
}

/*------banner offset------*/
body{background-position:0 28px;}
#C{background-position: -5px 28px;}
#BG{top:28px;}
/*-------------------------*/

/*--------------TOPNAV-----------*/
#topNav{
position:relative;
top:202px;
}
#topNav li{
float:left;
padding:0 46px;

}
#topNav a{
color:#fff;
font:900 1.7em arial;

}
#topNav a:hover{
color:#36342f;
}
/*-----------LOGIN FORM-------------*/
.loginForm{
position:relative;
background:url("http://www.jamessmith.co.uk/images/loginBG2.jpg") no-repeat;
float:right;
margin:40px 10px 0 0;
height:180px;
width:219px;
}
.loginForm.loggedIn{ background:0; }
.loginForm.loggedIn p{
width:220px;
font:italic 1.8em/2em verdana;
letter-spacing:-1px;
color:#ddd;
text-shadow:#000 1px 1px 3px;
}
.loginForm.loggedIn p.subWelcome{ font:1.6em/2em verdana; }
.loginForm.loggedIn p.links{
font:900 1.3em verdana;
letter-spacing:normal;
position:absolute;
bottom:15px;
}
.loginForm.loggedIn p a{
margin:0 6px;
color:#fbb257;
padding:6px;
border:2px solid transparent;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
.loginForm.loggedIn p a:hover{
color:#fff;
background:#222;
}
.loginForm input{
width:198px;
border:0;
background:0;
padding-top:8px;
height:24px;
color:#fff;
float:left;
margin:2px 0 14px 12px;
}
.loginForm input.button{
width:142px;
height:35px;
float:right;
padding:0;
margin:-1px 0 0 0;
}
.loginForm label{
float:right;
clear:both;
text-align:right;
margin:0 260px -100%;
padding-top:9px;
font-style:italic;
font-size:1.3em;
color:#eee;
}
.hasJS .loginForm label{
float:left;
margin:0 0 -100% 12px;
position:relative;
}
.forgot{
color:#ddd;
clear:both;
position:relative;
top:20px;
text-align:right;
display:block;
}
.forgot:hover{ color:#fff; }








/*--------MAINCONTENT---------------*/
#M p{ margin-bottom:1em; }
#M p,#M ul,#M ol,#M dl,#M td{ font:1.3em/1.5em verdana; }

/*-----------HEADINGS-*/
#M h1,#M h2,#M h3{
letter-spacing:-1px;
border-bottom:1px solid #ccc;
margin-bottom:1em;
color:#555;
font:900 2.4em arial,Trebuchet MS,Georgia,Verdana;
}
#M h1{ letter-spacing:-2px; }
#M h2{ font:2em arial,verdana,sans-serif; }
#M h3{ font:900 1.8em arial,verdana,sans-serif; }

/*-----------LINKS-*/
#M a{
color:#b77d39;
border-bottom:1px dotted #ccc;
}
#M a:hover{
border-bottom:1px solid #857a5e;
color:#ff8a00;
}

/*-----------LISTS-*/
#M ul,#M ol,#M dl{margin:16px 0 16px 45px;}
#M ul ul{margin:0 0 0 25px;}
#M ol ul{margin-top:3px;}

#M ul li,#M ol li,#M ol ul li,#M dt,.sidebar ol li{
margin:3px 0 0 -15px;
padding:0 0 0 18px;
background:url(http://www.jamessmith.co.uk/images/JS_bullet1.gif) no-repeat 0 4px;
line-height:1.4em;
}

#M ol{margin:16px 0 16px 55px;}
#M ol li,.sidebar ol li{
background:none;
margin:3px 0 0 -7px;
padding:0;
}

#M ul li li{background:url(http://www.jamessmith.co.uk/images/bullet2.gif) no-repeat 0 0.4em;}

#M dt{font-weight:700;margin-top:10px;margin-bottom:6px;}
#M dd{padding-left:12px;line-height:1.6em;}

/*-------------TABLES-------------------*/
.tableX{border-collapse:collapse;margin:14px 0 28px;}
th{text-align:center;}
td{padding:0;}
.tableX{width:100%;}
.tableX caption{
padding: 0 0 5px;
font-style:italic;
text-align:right;
}
.tableX > caption{margin:16px 0 -16px}/*combat dodgy FF rendering*/
.tableX th,.tableX td{border:1px solid #ddd;}
.tableX th{
background-color:#fff;
background-position:0 100%;
background-repeat:repeat-x;
color:#75624f;
font:900 small-caps 1.5em verdana;
letter-spacing:-1px;
padding:6px 6px 6px 12px;
border-color:#B5C3CF;
}
.tableX tbody th{
background:#F2F5F8;
color:#545971;
text-align:center;
}
.tableX tbody tr.alt th{
background:#E2EAF0;
color:#464646;
text-align:center;
}
.tableX th.nobg{border:0;background:0;}
.tableX td{
background-color:#fff;
color:#4f6b72;
padding:6px 12px;
}
.tableX tbody tr.alt td{
background-color:#F2F5F8;
color:#797268;
}
/*----tableX variants ------*/
table.v2 tbody th,table.v2 tbody tr.alt th{text-transform:none;text-align:left;letter-spacing:normal;font-weight:400;}
table.allCenter td{text-align:center;}
table.v3{border-collapse:separate;}
table.v4 td,table.v4 th{border-width:1px 0;}
table.v5 td,table.v5 th{border-width:3px 0;}

/*______________FEATUREBOX_____________*/
.featureBox{
float:left;
width:498px;
border:1px solid #ccc;
background:#eee;
padding:20px;
margin-bottom:2em;
}
.featureBox img{
float:left;
margin:0 20px 0 0;
background:#fff;
border:1px solid #ccc;
padding:4px;
}
#M .featureBox h3{ border:0; }
#M .featureBox p{ 
float:left;
width:54%;
margin-top:10px;
}


/*--------------GENERIC----------------*/
#M .note{
color:#777;
font-size:0.8em;
font-variant:normal;
}
.floatL{float:left;}
.floatR{float:right;}
.clearBoth{clear:both;}
.flump{display:none;}