/*define the default font characteristics*/
p { font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; color: #696464; margin-top: 6px; margin-bottom: 10px; }
body { font-style:normal; font-variant:normal; font-weight:normal; font-size:11px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; color:#696464; }
td { font-style:normal; font-variant: normal; font-weight:normal; font-size:11px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; color:#696464; }
ul { margin:0 0 0 16px; padding: 0 0 0 16px; color:#696464; }
ol { margin:0 0 0 16px; padding: 0 0 0 16px; color:#696464; }
h1 { font-style:italic; font-variant: normal; font-weight:bold; font-size:12pt;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; color:#07479F; margin-bottom:0; margin-top:0;}
h2 { font-style:italic; font-variant: normal; font-weight:bold; font-size:14px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; color:#07479F; margin-bottom:0; }
h3 { font-style:italic; font-variant:normal; font-weight:bold; font-size:12px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; color:#07479F; margin-bottom:0; margin-top:0px;}
tt, pre { font-family:monospace; font-size:12px }
.smaller { font-size:10px }
.mednormal { font-size:11px }
hr { height:1; color:#CCCCCC; background-color:#CCCCCC; border-width:0px; }
form { margin:0px; }
.closesmall { font-size:10px; margin:0px; }
.quote { color:#990000; font-style:italic; }
.greyborder { border:1px solid #DDDDDD; }
/*define the page body colours - height is so FF displays the scrollbar all the time*/
body.mysite { background:#3d3d3d url(/images/gradient_bg.jpg) repeat-x; height:100%; text-align:center; margin-top:0px; margin-bottom:20px; margin-left:10px; margin-right:10px; }
table#pagebox { position:relative; background:#fff; margin-bottom:40px; border:5px solid #fff; z-index:1; }
div#frog { position:absolute; top:20px; left:533px; z-index:2; }
/*define the anchor link behaviour*/
a:link { text-decoration:none; color:#D81422; font-weight:bold; }
a:visited { text-decoration:none; color:#D81422; font-weight:bold; }
a:active { text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; color:#07479F; font-weight:bold; }
/*define general coloured rows and outlines*/
table.outline { border:1px solid #FEB800; }
td.row1 { background-color:#CCCCCC; }
td.row2 { background-color:#EEEEEE; }
/*define the lower banner layout - middle of fish!*/
#banner-bottom { background-color:#D81422; text-align:right; }
/*define the menu layout*/
#menutopbar { background-color:#C3C1C1; }
#menutop-border { border-top:0; border-right:2px solid #C3C1C1; border-bottom:2px solid #C3C1C1; border-left:2px solid #C3C1C1; padding:0 5px 5px 5px; }
#menubottom-border { border:2px solid #C3C1C1; text-align:right; vertical-align:bottom; }
div.menutitle { color:#5E5D5D; font-style:italic; font-size:10pt; border-bottom:2px dotted #C1C1C1; padding-top:4px; padding-right:4px; padding-bottom:2px; padding-left:4px; }
div.menuitem { padding-top:0px; padding-right:2px; padding-bottom:0px; padding-left:6px; }
/*define the top panel (tp) home content layout*/
#tp-bubbles-bg { color:#93814F; background-color:#DFDFDF; vertical-align:top; padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom:15px; border-right:2px solid #D81422; border-bottom:2px solid #D81422; border-left:2px solid #D81422; background-image:url(/images/banner/bubbles.jpg); background-position:top right; background-repeat:no-repeat; }
#tp-hometext { background-color:White; vertical-align:top; width:183px; border:1px solid #EEEEEE; padding:10px; }
#tp-xeroxlogo-b { text-align:right; vertical-align:bottom; width:280px; }
/*define the top panel (tp) other content layout*/
#tp-other-bg { color:#93814F; background-color:#DFDFDF; vertical-align:top; padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom:15px; border-right:2px solid #D81422; border-bottom:2px solid #D81422; border-left:2px solid #D81422; background-image:url(/images/banner/xerox-bottom.jpg); background-position:top right; background-repeat:no-repeat; }
#tp-content { background-color:White; vertical-align:top; width:243px; border:1px solid #EEEEEE; padding:10px; }
#tp-content-nobox { vertical-align:top; width:243px; padding:10px; }
#tp-xeroxlogo-t { text-align:right; vertical-align:top; width:220px; height:85px; }
/*define the lower panel item (lpi) display (used on home, supplies and download)*/
td.lpi-background { background-color:#D81422; border:2px solid #C3C1C1; vertical-align:top; margin:0 auto; }
div.lpi-imagebg { background-color:#FFFFFF; width:100%; height:150px; }
div.lpi-image { background-color:#FFFFFF; width:158px; height:150px; vertical-align:middle; overflow:hidden; }
div.lpi-textframe { background-color:#D81422; padding:4px; border:2px solid white; }
div.lpi-text { color:#FFFFFF; font-family:Arial, Helvetica, Sans-Serif; font-size:7pt; text-align:left; overflow:hidden; height:100px;}
div.lpi-title { font-size:9pt; font-weight:bold; text-decoration:underline; }
div.lpi-text p { color:#FFFFFF; font-family:Arial, Helvetica, Sans-Serif; font-size:7pt; margin-top: 0px; margin-bottom: 0px;}
div.lpi-text ul { color:#FFFFFF; margin:0 0 0 8px; padding: 0 0 0 8px; list-style-type:square; }
div.lpi-text ol { color:#FFFFFF; margin:0 0 0 8px; padding: 0 0 0 8px; }
/*define other pages lower panel (lp) display area*/
#lp-content { border:2px solid #C3C1C1; vertical-align:top; padding: 20px; }
/*as footer will be in we need to define position then a div to override the
tag.*/
#footertext { color: #999999; font-size: 10px; padding:0 2px 0 0; text-align:right; }
#cube-link { background-color:#000; vertical-align:bottom; }
#phones { font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; letter-spacing:1pt; font-weight:bold; padding:4 0 4 0; text-align:center; }
.phonetown { color:#666666; }
.phonenumber { color:#D81422; }
/*define some special display options*/
div.justify { text-align: justify; }
.showerror { color: #CC0000; }
.showsuccess { color: #0000CC; }
.sectionheader { color: #666666; background-color: #FFFFFF; font-weight: bold; border-bottom: 2px dotted #D81422; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; font-size:10pt; }
.listheader { color: #666666; background-color: #FFFFFF; font-weight: bold; border-bottom: 2px dotted #D81422; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; }
/*define Catalogue Display styles*/
td.prodlist { border-left:2px dotted #C1C1C1; padding-left:10px; }
/*define the contact table styles*/
td.address { padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
td.contactdetails { border-left: 1px solid #52638D; padding-left: 4px; }
div#companyreg { color: #888888; font-size: 10px; margin:30px 0 0 0; border-top:1px dotted #999999; padding:6px 4px 0 4px; }
/*define form styles*/
table.formoutline { border: 1px solid #999999; }
td.formheader { background-color: #CCCCCC; color: #4F8D97; font-size: 11px; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px }
td.formbackground { background-color: #EEEEEE; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px }
.inputmicro { font-size: 10px; background-color: #FFFFFF; width: 25px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family: Verdana,Helvetica,Sans-Serif; }
.inputshort { font-size: 10px; background-color: #FFFFFF; width: 75px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family: Verdana,Helvetica,Sans-Serif; }
.inputmed { font-size: 10px; background-color: #FFFFFF; width: 115px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family: Verdana,Helvetica,Sans-Serif; }
.inputlong { font-size: 10px; background-color: #FFFFFF; width: 175px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family: Verdana,Helvetica,Sans-Serif; }
.inputfile { font-size: 10px; background-color: #FFFFFF; width: 350px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family: Verdana,Helvetica,Sans-Serif; }
.selectmed { font-size: 10px; width:125px; font-family: Verdana,Arial,Helvetica,Sans-Serif; }
.selectlong { font-size: 10px; width:225px; font-family: Verdana,Arial,Helvetica,Sans-Serif; }
.button { font-size: 10px; width:55px; font-weight: normal; font-family: Verdana,Arial,Helvetica,Sans-Serif; }
/*================================*/
/*define all the admin style stuff*/
/*================================*/
td.admincontent { color: #93814F; background-color: White; padding-top: 20px; padding-left: 35px; padding-right: 35px; padding-bottom: 20px; border: 1px solid #CCCCCC; }
div.editlink { color: #0000FF; font-size: 11px; margin-top: -10px; }
div#adminmenu { width: 680px; height:20px; text-align:left; color: #0000FF; font-size: 11px; }
/*link for the [edit] admin text*/
:link.ladmin { text-decoration: none; color: #DD0000; font-weight: normal; }
:visited.ladmin { text-decoration: none; color: #DD0000; font-weight: normal; }
:active.ladmin { text-decoration: none; font-weight: normal; }
:hover.ladmin { text-decoration: underline; color: #0000FF; font-weight: normal; }
.sectionheading { font-style: italic; font-variant: normal; font-weight: bold; font-size: 12px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; color:#4F8D97; margin-bottom: 0; margin-top: 8px;}
td.adminshowimage { padding: 5px; vertical-align:middle; }
p.adminimagedetail { font-family:"Courier New", Courier; font-size:8pt; }