body { background:#fff; padding:15px; font-family:verdana,tahoma, arial, sans-serif; font-size:70%; color:#000; text-align:center; }
table { font-size:1em; }
a { color:#004389; text-decoration:none; }
a:hover { color:#6985A2; text-decoration:underline; }
h1,h2,h3,h4,h5,h6 { font-family:"trebuchet ms", tahoma, arial, sans-serif; clear:both; }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span { color:#3D86D1; }
h1 { color:#004389; font-size:2.0em; font-weight:normal; letter-spacing:-1px; }
h2 { border-right:4px double #004389; color:#004389; background:#F3F5F7; padding:1px; text-indent:4px; font-size:1.4em; }
h3 { border-bottom:1px solid #C5D0D5; color:#0568CD; font-size:1.3em; }
h1.pageheading { color:#004389; margin-top:0; font-size:2.1em; letter-spacing:-1px; font-weight:normal; }
h1.pageheading span { color:#BBBFC3; letter-spacing:-2px; }
ul { list-style-image:url(http://server11.sitewizard.co.uk/sites/jgroofing/template/bullet.gif); }
ol { list-style-type:decimal-leading-zero; }
#outer_border { background:#fafafa; padding:8px; width:760px; margin:auto; }
#container { width:760px; margin:auto; background:url(http://server11.sitewizard.co.uk/sites/jgroofing/template/container_back.gif) white; overflow:auto; border:0 solid #fafafa; }
#side_left { float:left; width:25px; border-top:1px solid #ddd; }
#top_left { height:35px; background:url(http://server11.sitewizard.co.uk/sites/jgroofing/template/top_left.gif) no-repeat left top; margin-left:1px; }
#pic_side { height:170px; border-top:1px solid #ddd;margin-top:-1px; }
#date_left { background:#004389; line-height:21px; height:22px; margin-left:1px; border-top:2px solid #608BB6; }
#left { float:left; width:190px; }
#top_strip { height:31px; border-top:5px solid #004389; }
#sitelogo { height:170px; text-align:center; font-size:1.5em; font-weight:bold; color:#004389; }
#nav { padding-left:0; }
#menu { margin-top:23px; border-top:1px solid #ddd; }
#menu ul { padding:0;margin:0; }
#menu li { list-style-type:none;list-style-image:none; }
#menu a { text-align:right; display:block; width:174px; height:25px; line-height:24px; border:1px solid #ddd; border-top:0; padding:0 7px; color:#004389; }
#menu a:hover { color:white; cursor:pointer; background:#0568CD; text-decoration:none; }
#menu a span { float:left; color:#C7CACD; font-weight:bold; }
#menu a:hover span { color:#94C3F3; }
#contact_details { clear:both; margin:10px; padding:7px; border:1px solid #ddd; background:#fafafa; font-size:0.9em; color:#7C898F; text-align:left; }
#contact_details h4 { color:#004389; display:block; margin:0; margin-top:5px; font-size:1em; font-weight:normal; }
#contact_details a { color:#4980B8; }
#right { float:right; width:545px; }
#hbc { height:35px; line-height:33px; text-align:right; border-top:1px solid #ddd; color:#95A1A7; padding-right:10px; font-size:0.9em; }
#hbc a { color:#95A1A7; font-size:0.9em; }
#hbc a:hover { color:#004389; border-bottom:1px dashed #95A1A7; text-decoration:none; }
#top_pic { height:169px; border-top:1px solid #ddd; }
#date { background:#004389; line-height:21px; height:22px; margin-top:-1px; margin-right:1px; text-align:right; padding-right:5px; color:white; border-top:2px solid #608BB6; }
#pagebody_outer { text-align:center; margin:auto; width:505px; padding:20px 0; }
#pagebody { text-align:left; }
#pagebody img { border:4px solid #D5DBDF; }
#pagebody .noborder img { border:0; }
#bottom { }
#bot_left { height:25px; clear:both; float:left; width:26px; background:url(http://server11.sitewizard.co.uk/sites/jgroofing/template/bot_left.gif) #95A1A7 repeat-y right; }
#bot_strip { height:20px; float:left; width:189px; border-bottom:5px solid #004389; }
#bot_right { font-size:0.9em;  line-height:23px; height:25px; float:right; width:545px; background:url(http://server11.sitewizard.co.uk/sites/jgroofing/template/bot_right.gif) #95A1A7 repeat-y left; text-align:right; color:white; }
#bot_right span { margin-right:5px; }
#end { text-align:center; font-size:0.9em; color:white; padding:10px; }
#end a { font-size:0.9em; color:white; }
#end a:hover { text-decoration:underline; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
.datatable th { background:#004389; color:white; font-weight:normal; border:1px solid white; padding:3px; }
.datatable td { background-color:#F5f5f5; border:1px solid white; padding:3px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:.8em; color:#888; }
.shout { font-size:1.2em; color:#004389; font-weight:bold; padding:5px; background:#EFF2F4; display:inline; }
.invalid { background:url(invalid.gif) #fff no-repeat left; }