@charset "utf-8";
/* CSS Document */

/*------------------------------------+
 | Part: Reset browser default styles |
 +------------------------------------*/

a, abbr, acronym, address, applet, b, big, blockquote, .pagebody, caption, cite, code, 
dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, 
html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, 
small, span, strike, sub, sup, table, tbody, td tfoot, th, thead, tr, 
tt, ul, var {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {}
:focus { outline: 0; }
blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
body { background: #fff; font: 70%/1.5 Arial, Helvetica, sans-serif;}
caption, th, td { text-align: left; font-weight: normal; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }


/* Basics & reusables
======================================================================*/


.fr {float:right;}
.fl {float:left;}
.cb {clear:both}
.clearcols{clear:both; height:10px;}
.txtc {text-align:center;}
.nonSEObold { font-weight: bold; }


h1, h2, .nextstepcontent { font-weight:bold;font-size:20px; color:#004812; line-height:20px; margin-bottom:12px;}
.heading2, .nextstepcontent {font-size: 14px !important;}
h3, .contentgreenbold { font-weight:bold; color:#004812; line-height:16px; float:left; margin-right:3px;}
.contentgreenbold, .nextstepcontent { display: inline;}
p, #col1 p, .rsswrapper { font-weight:normal; color:#636160; line-height:16px; margin-bottom:12px;}
#col1 p, #col1 table, #col1 span { font-size: 11px !important; }
a { font-weight:normal; color: #004812; text-decoration: none; }
a:hover { text-decoration:underline; }
.ModuleEditLink, #col1 .ModuleEditLink {color: Red; font-size: 11px; }
#col1 h2 a:hover, #col3 h2 a:hover {text-decoration: underline !important;}
b {font-weight: bold; }
.htmlmodule ul {margin-left:  25px; list-style-type: disc;}
.didyouknow { font-size: 1.3em; font-style: italic; }
.endofpagelinks a{ height: 27px; font-size: 1.2em; font-weight: bold; display: block; padding-top: 5px; padding-left: 30px; background-image:url(img/questionmark.jpg); background-repeat: no-repeat;}
.endofpagelinks a:hover {text-decoration: underline;}

.step1 { height: 68px; padding: 0 0 0 71px; background: url(img/steps/padlock.jpg) no-repeat;}
.step2 { height: 68px; padding: 0 0 0 71px; background: url(img/steps/truck.jpg) no-repeat;}
.step3 { height: 68px; padding: 0 0 0 71px; background: url(img/steps/padlock2.jpg) no-repeat;}
.step4 { height: 68px; padding: 0 0 0 71px; background: url(img/steps/paper.jpg) no-repeat;}
.step5 { height: 68px; padding: 0 0 0 71px; background: url(img/steps/scales.jpg) no-repeat;}


/* Header
======================================================================*/

#header{width:1000px; height:229px; background-image:url(img/headbg.gif); background-repeat:repeat-x; margin-left:auto; margin-right:auto;}
#topnav {padding-top:14px; padding-left:40px; text-align:left;  height:29px;  font-size:12px; color:#004812; }
#topnav a {color:#004812; text-decoration:underline;}
#topnav a:hover {text-decoration:none;}
#topnav .editcontrols { margin-left: 110px; margin-right: 50px; }
#logo {float:left; height:66px; padding-left:36px;}
#tel {float:right; height:66px; padding-right:15px;}
#intro {clear:both;  background-image:url(img/bgdarkgreen.gif); width:219px; height:115px; float:left; font-style:normal; font-weight:normal; font-size:10px; color:#ffffff; padding-left:17px; padding-top:5px; line-height:17px;}
.safari #intro  ul{ margin-left: -45px !important; margin-top: 0px !important;}
.safari #quoteForm ul{ margin-left: -38px !important; margin-top: 0px !important;}
#topimg {  width:764px; height:120px; float:right;}

/* Navigation
======================================================================*/

#navigation {width:1000px; margin-left:auto; margin-right:auto;  height:23px; background-image:url(img/bglightgreen.gif); background-repeat:repeat;}
#navigationcontent {border-left:1px #ffffff solid;  height:23px;}
#navigation ul {}
#navigation li { }
#navigation a { color: #004812; }

/* Content
======================================================================*/

#content {background-image:url(img/bgmidgradient.gif); background-repeat:repeat-x; width:1000px; margin-left:auto; margin-right:auto; }
#content #contentbody { }
#col1 {width:234px; float:left; padding-top:2px;}
/* quote form */
.formhead, .leftside{ font-weight:bold;font-size:18px; color:#004812; line-height:30px; }
.formsubhead{ font-weight:bold;font-size:14px; color:#004812; line-height:30px; }
#quoteForm{background-image:url(http://www.russellrichardson.co.uk/Data/Sites/1/skins/russellrichardson-newform/img/bgform.gif); background-repeat:repeat-x;  padding-left:3px; height:500px; margin-bottom:3px;}
#col1 li{clear:both;}
#col1 .inputstyle{background-image:url(http://www.russellrichardson.co.uk/Data/Sites/1/skins/russellrichardson-newform/img/inputbg.gif); width:190px; height:20px;  line-height:10px; padding-left:10px; margin-bottom:4px; }
#col1 .checkstyle{ height:18px;}
#col1 .textareastyle{ background-image:url(http://www.russellrichardson.co.uk/Data/Sites/1/skins/russellrichardson-newform/img/textareabg.gif); width:192px; height:67px;  line-height:10px; padding-left:8px; padding-top:3px;margin-bottom:4px;}
#col1 .labelin{ font-weight:bold;font-size:10px; color:#004812;}
#col1 .labeltext{ font-weight:bold;font-size:10px; color:#004812; line-height:8px; padding-left:2px;height:30px;}
.labelcheck{ font-weight:bold;font-size:10px; color:#004812; line-height:11px; float:left;}
.textin{ font-size: 10px; background-color: #ffffff; border: 1px solid #ffffff; margin-top:1px; margin-left:2px;}
#col1 textarea{ font-size: 10px; background-color: #ffffff; border: 1px solid #ffffff; height:45px; width:180px; margin-top:5px; }
#col1 .check{  margin:0px; padding:0px; width:15px;height:15px; background-color:#ffffff; margin-right:5px; float:left;}
.name{width:150px;}
.company{width:133px;}
.email{width:150px;}
.tel{width:128px;}
.news1{float:left; width:17px; }
.news2{float:left;width:143px;}
.submit{float:left; width:40px; }
/* end quote form */

/* left side panel that pulls data into the page from the CMS */
.leftside {  font-weight:normal; color:#636160; line-height:13px; }
.leftside .moduletitle{  font-weight:normal;font-size:12px; color:#004812; margin-bottom: 5px; font-weight: bold; margin-top: 10px; }
.leftside a:hover { text-decoration: none; }
.leftside p{ font-weight:normal; line-height:13px; margin-top:8px;}
.leftside a {  font-weight:normal; line-height:16px; color: #004812; text-decoration: none; }
/* end left side panel */

/* IDs below changed from col2 to accomodate CMS and styling moved from IDs to .center-rightandleftmargins  */
.center-rightandleftmargins, .center-nomargins, .center-rightmargin, .center-leftmargin  {width:540px; float:left; margin-top:16px; margin-left:30px;}
#leftcol{width:260px; float:left;}
#rightcol {width:260px; float:left; margin-left:20px;}


#col3 {width:144px; float:left; margin-top:20px; margin-left:18px;}
#blog{}
.bloghead{ font-weight:bold;font-size:18px; color:#8cd602; line-height:8px; margin-bottom: 10px; }
.blogposttitle {  color:/*#8cd602*/ White; line-height:16px; margin-top: 10px; }
#blogtop {width:164px; height:5px; background-image:url(img/blogtop.gif);}
#blogmid {width:144px; background-image:url(img/bgdarkgreen.gif); background-repeat:repeat; padding-top:15px; padding-left:10px; padding-right:10px;  padding-bottom:11px;}
.bloglink { margin-bottom: 0px; }
#blogbottom {width:164px; height:5px; background-image:url(img/blogbottom.gif); margin-bottom:8px;}
.mainbloglink a {display: block; padding-top: 10px; border-top: solid 1px white; width: 100%; margin-top: 10px; font-size: 1.2em; font-weight: bold;}

.nextstephead{ font-weight:bold;font-size:18px; color:#ffffff; line-height:16px; }
#nextsteptop {width:164px; height:5px; background-image:url(img/nextsteptop.gif);}
#nextstepmid {width:144px; background-image:url(img/bglightgreen.gif); background-repeat:repeat; padding-top:6px; padding-left:10px; padding-right:10px; padding-bottom:11px; }
#nextstepbottom {width:164px; height:5px; background-image:url(img/nextstepbottom.gif);}
#nextstep p{ font-weight:normal; color:#004812; line-height:13px; margin-top:8px;}
#nextstep img{margin-left:5px;margin-top:8px;}
#nextstep a, #blog a {color:#ffffff; text-decoration:underline;}
#nextstep a:hover, #blog a:hover {text-decoration:none;}

/* right side panel that pulls data into the page from the CMS */
.rightside {  font-weight:normal; color:#636160; line-height:13px; }
.rightside .moduletitle{  font-weight:normal;font-size:12px; color:#004812; margin-bottom: 5px; font-weight: bold; }
#col3 a:hover { text-decoration: none; }
#nextstepmid a {color: #004812; }
.rightside p{ font-weight:normal; line-height:13px; margin-top:8px;}
/* end right side panel */



/* Footer
======================================================================*/
#footer {width:1000px; margin-left:auto; margin-right:auto; background-image:url(img/bgfooter.gif); background-repeat:repeat-x; height:54px; margin-top:10px;}
#footer #footerbody { }
#footer #footerbody #line1{ font-weight:normal; color:#ffffff; padding-top:6px; text-align:center;}
#footer #footerbody #line2{ font-weight:normal;font-size:10px; color:#636160;padding-top:10px;text-align:center; line-height:13px;}
#footer #footerbody a {color:#636160; text-decoration:none;}
#footer #footerbody a:hover {color:#636160; text-decoration:underline;}


/* Backend
======================================================================*/
/* catch all for the backend  */
.panelwrapper  { font-weight:normal; color:#636160; line-height:16px; margin-bottom:12px;}
.panelwrapper input, .panelwrapper select, .panelwrapper textarea { font-weight:normal; color:#636160; line-height:16px; margin-bottom:12px;}
.htmledit textarea { font-weight:normal; color:#636160; line-height:16px; margin-bottom:12px; width: 540px !important;}
/* get rid of the logo selection in the admin menu */
.logolist { display: none; }

.mceToolbarTop * {
float:left;
}

.mceToolbarTop select {
width:auto!important;
}

.mceToolbarTop option {
float:none;
}

.settingrow input { margin: 0 0 10px 0; }

/* end catch all for the backend */

/* ===== Mojo generated contact forms ===== */

.contactform .settingrow label, .contactform legend {font-weight: bold; color: #004812; clear: right; display: block;}
.contactform input.NormalTextBox {width: 300px;}
.contactform strong,.contactform legend {margin-bottom: 10px;}
.contactform legend { font-size: 1.2em; }

/*==== sitemap page ====*/

.sitemap li { margin-bottom: 5px; }
.sitemap ul ul {margin-left: 15px;}


/*==== bins table ====*/

.binstable
{
    width: 470px;
    margin: 0 0 0 20px;
    height: auto;
}

.binstable td
{
    border: solid 1px white;
    padding: 5px;   
}

.binstable .tableheader td
{
    background: #8CD602;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}   

.binstable .tableheader td p
{
    color: #ffffff;   
}

.binstable .light
{
    background: #E9F3DD;
}

.binstable .dark
{
    background: #DFEECE;
}

/* mojoportal upgrade */
ol.formlist { list-style:none; margin: 0px; }
li.settingrow { list-style:none; }
div.sitemap .AspNet-TreeView-Collapse
{background: url('collapse.gif') 0 0 no-repeat; width: 15px; margin-right: 5px;
  float:left; cursor: pointer; line-height: 15px;}
.AspNet-TreeView-Hide { display:none;}
div.sitemap a.AspNet-TreeView-Expand, div.sitemap a.AspNet-TreeView-Collapse { text-decoration: none; }
ol.searchresultlist { list-style-type:none; }
.bmap { position:relative; }