/* CSS Document */

html, body { margin:0; padding:0; font-family: Arial, Verdana, Helvetica, sans-serif; background-color:#ffffff; }

.outerWrapperAdmin { background-image:url(../images/bg_pool.jpg); min-height: 597px; background-position: top right; background-repeat: no-repeat; }
.outerWrapperAdmin .innerWrapperAdmin { width: 800px;  padding-top: 20px; margin-left: auto; margin-right: auto; }
.outerWrapperAdmin .innerWrapperAdmin .header { width: 800px; }
.outerWrapperAdmin .innerWrapperAdmin .header .logo { float: left; width: 257px; height: 51px; }
.outerWrapperAdmin .innerWrapperAdmin .header .print { font-size: 12px; float: right; margin-top: 10px; height: 30px; }
.outerWrapperAdmin .innerWrapperAdmin .header .print a { margin-left: 23px; color: #000000; text-decoration: none; }
.outerWrapperAdmin .innerWrapperAdmin .header .print a:hover { text-decoration: underline; }
.outerWrapperAdmin .innerWrapperAdmin .header .print .printicon { margin-top: 5px; }
.outerWrapperAdmin .innerWrapperAdmin .header .breadcrumbs { float: left; width: 800px; font-size: 12px; color: #000000; margin-top: 25px; margin-bottom: 15px;}
.outerWrapperAdmin .innerWrapperAdmin .header .breadcrumbs a { color: #000000; text-decoration: underline; }
.outerWrapperAdmin .innerWrapperAdmin .header .breadcrumbs a:hover { }
.outerWrapperAdmin .innerWrapperAdmin .header .breadcrumbs .left { float: left; }
.outerWrapperAdmin .innerWrapperAdmin .header .breadcrumbs .right { float: right; }
.outerWrapperAdmin .innerWrapperAdmin .content { width: 800px; background-image:url(../images/bg_admin.gif); background-repeat: repeat-x; border: 1px solid #024363; background-color: #ffffff; background-position: top; }
.outerWrapperAdmin .innerWrapperAdmin .content .title { margin-top: 27px; margin-left: 54px; } 
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain { padding-left: 54px; padding-bottom: 27px; padding-right: 20px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .headingtext { color: #006699; font-size: 18px; font-weight: bold; margin-top: 27px; margin-bottom: 15px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminheadingtext { color: #006699; font-size: 22px; font-weight: bold; margin-top: 27px; margin-bottom: 15px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminlogin { margin-top: 10px; width: 290px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminlogin .adminlogintext { float: left; margin-top: 2px; line-height: 30px; color: #000000; font-size: 12px; margin-bottom: 21px; width: 75px;}
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminlogin .adminloginboxes { float: left; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminlogin .adminloginboxes .username { width: 200px; margin-top: 8px;  }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminlogin .adminloginboxes .password { width: 200px; margin-top: 8px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminlogin .adminlogintext .loginbutton { margin-top: 10px; margin-left: -10px; outline: none; float: left; width: 57px; height: 30px; background-image:url(../images/but_login.gif); background-position: top; text-indent: -9999px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminlogin .adminlogintext .loginbutton a { display: block; width: 57px; height: 30px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminlogin .adminlogintext .loginbutton:hover { background-position: bottom; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes { float: right; font-size: 12px; color: #000000;}
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes label{
	line-height: 20px;
	padding-right: 10px;
}
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes label, .outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes input{
	float: left;
}
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes .customerno { width: 200px; /*margin-top: 8px;*/ margin-right: 20px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes .customername { width: 200px; /*margin-top: 8px;*/ }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes  .findbutton { outline: none; float: left; margin-top: -6px; margin-left: 4px; width: 46px; height: 30px; background-image:url(../images/but_find.gif); background-position: top; text-indent: -9999px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes  .findbutton a { display: block; width: 46px; height: 30px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminsearchboxes  .findbutton:hover { background-position: bottom; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminbutton { float: left; margin-top: 25px; width: 100%;}
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminbutton .addnewbutton { float: right; margin-bottom: 10px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .admintable { float: left; width: 100%; font-size: 12px; color: #000000;}
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .admintable table { border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #000000; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .admintable table .tableheader { background-color: #b3b2b2; font-weight: bold; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .admintable table td { border-width: 1px 1px 0 0; border-style: solid; border-color: #000000; margin: 0; padding: 5px; text-indent: 0px;}
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .admintable table td a { text-decoration: underline; color: #000000; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminnumbering { float: left; margin-top: 30px; text-align: center; width: 100%; font-size: 12px; color: #000000;}
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .adminnumbering a { color: #000000; text-decoration: underline; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .addedittable { margin-top: 10px; font-size: 12px; color: #000000; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .addedittable .widebox { width: 340px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .addedittable .midbox { width: 150px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .addedittable .smallbox { width: 70px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .addedittable .imagebox { width: 260px; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .addedittable .producttable { border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #7f9db9; }
.outerWrapperAdmin .innerWrapperAdmin .content .contentmain .addedittable .producttable td { border-width: 1px 1px 0 0; border-style: solid; border-color: #7f9db9; margin: 0; padding: 4px; text-indent: 2px; }

.outerWrapper { width: 850px; background-image:url(../images/bg_repeat.gif); background-repeat: repeat-y; }
.outerWrapper .innerWrapper { background-image:url(../images/bg.jpg); background-position: top right; background-repeat: no-repeat; padding-top: 20px; width: 850px;  }
.outerWrapper .innerWrapper .header { width: 650px; height: 74px; margin-left: 27px; }
.outerWrapper .innerWrapper .header .logo { float: left; width: 257px; height: 51px; }
.outerWrapper .innerWrapper .header .print { font-size: 12px; float: right; margin-top: 10px; height: 30px; }
.outerWrapper .innerWrapper .header .print a { margin-left: 23px; color: #000000; text-decoration: none; }
.outerWrapper .innerWrapper .header .print a:hover { text-decoration: underline; }
.outerWrapper .innerWrapper .header .print .printicon { margin-top: 5px; }
.outerWrapper .innerWrapper .content { width: 650px; }
.outerWrapper .innerWrapper .content .title { margin-top: 27px; margin-left: 54px; } 
.outerWrapper .innerWrapper .content .contentmain { padding-left: 54px; }
.outerWrapper .innerWrapper .content .contentmain .headingtext { color: #006699; font-size: 18px; font-weight: bold; margin-top: 27px; margin-bottom: 15px; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext { color: #000000; font-size: 12px; margin-bottom: 21px; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext a { color: #006699; text-decoration: none; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext a:hover { text-decoration: underline; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext .postcode { float: left; width: 300px; height: 48px; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext .postcode .postcodebox { width: 296px; margin-top: 8px; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext  .service { float: left; width: 165px; height: 48px; margin-left: 17px; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext  .service .servicebox { width:  165px; margin-top: 9px; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext  .findbutton { outline: none; float: left; margin-top: 17px; margin-left: 12px; width: 46px; height: 30px; background-image:url(../images/but_find.gif); background-position: top; text-indent: -9999px; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext  .findbutton a { display: block; width: 46px; height: 30px; }
.outerWrapper .innerWrapper .content .contentmain .contentmaintext  .findbutton:hover { background-position: bottom; }
.outerWrapper .innerWrapper .content .contentmain .headingtext2 { color: #006699; font-size: 12px; font-weight: bold; margin-top: 14px; margin-bottom: 17px; }
.outerWrapper .innerWrapper .content .contentmain .tier { float: left; width: 91px; height: 82px; margin-right: 15px; }
.outerWrapper .innerWrapper .content .contentmain .tier img { display: block; margin-left: auto; margin-right: auto; }
.outerWrapper .innerWrapper .content .contentmain .tiertext { float: left; color: #999999; font-size: 12px; font-weight: bold; }
.outerWrapper .innerWrapper .footer { width: 850px; height: 23px; background-image:url(../images/bg_footer.gif); background-repeat: no-repeat; }

.outerWrapper .innerWrapper .content .contentmain .headingtextsearch { color: #006699; font-size: 18px; font-weight: bold; margin-top: 27px; }
.outerWrapper .innerWrapper .content .contentmain .newsearchbutton { outline: none; float: left; width: 88px; height: 30px; background-image:url(../images/but_search.gif); background-position: top; text-indent: -9999px; }
.outerWrapper .innerWrapper .content .contentmain .newsearchbutton a { display: block; width: 88px; height: 30px; }
.outerWrapper .innerWrapper .content .contentmain .newsearchbutton:hover { background-position: bottom; }
.outerWrapper .innerWrapper .content .contentmain .resultstext { float: right; margin-top: 8px; margin-bottom: 17px; font-size: 12px; color:#000000; }
.outerWrapper .innerWrapper .content .contentmain table td { font-size: 12px; color:#000000; }
.outerWrapper .innerWrapper .content .contentmain table td a { color: #006699; text-decoration: none; }
.outerWrapper .innerWrapper .content .contentmain table td a:hover { text-decoration: underline; }
h4 { color: #006699; font-size: 12px; font-weight: bold; margin: 0; padding: 0;}

.outerWrapper .innerWrapper .content .contentmain .backtoresultsbutton { outline: none; float: left; width: 160px; height: 30px; background-image:url(../images/but_backtoresults.gif); background-position: top; text-indent: -9999px; margin-bottom: 15px; }
.outerWrapper .innerWrapper .content .contentmain .backtoresultsbutton a { display: block; width: 160px; height: 30px; }
.outerWrapper .innerWrapper .content .contentmain .backtoresultsbutton:hover { background-position: bottom; }

.errormsg { font-size: 12px; color: #800517; }
.tr0 { background-color: #f6f6f7; }
.tr1 { background-color: #ffffff; }
.tr0 td { padding: 10px 0;}
.tr1 td { padding: 10px 0;}

.contentmaintext td.spacer {
    background:url("../images/separator.gif") no-repeat left center;
    height:1px;
    font-size:1px;
    }